@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Mono:wght@400;700&display=swap');

/* Text grows 15%; text originally 13px or smaller gets another 10%. */
:root{--text-scale:1.15;--small-text-scale:1.265;font-size:calc(16px * var(--text-scale));--bg:#f8f7f4;--ink:#13151c;--muted:#82828c;--soft:#f0efed;--line:#e6e4e0;--accent:#9870ee;--paper:#fffefa;--shadow:0 12px 40px #20202a0c;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--bg);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;min-width:320px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23888888' opacity='.035' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button,a{touch-action:manipulation}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:disabled{cursor:default}svg{display:block}button svg{pointer-events:none}[hidden]{display:none!important}.wrap{max-width:1440px;width:calc(100% - 112px);margin-inline:auto}.brand{display:block;width:141px}.brand .pixel-logo{width:100%;height:auto}.icon-button{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;transition:background .2s}.icon-button:hover{background:var(--soft)}.icon-button svg{width:23px;height:23px}.skip-link{position:fixed;top:-100px;left:24px;z-index:100;background:var(--ink);color:var(--bg);padding:15px 20px;border-radius:8px}.skip-link:focus{top:12px}.hero{position:relative;text-align:center;padding:50px 0 62px;isolation:isolate}.hero h1{margin:0 auto;width:min(600px,65%)}.hero-logo{width:100%;overflow:visible}.tagline{font-family:'Space Mono',monospace;font-size:calc(12px * var(--small-text-scale));letter-spacing:2.25px;color:#7d7d8a;margin:4px 0 0}.hero-note{color:var(--muted);font-size:calc(13px * var(--small-text-scale));margin:18px 0 0}.hero-spark{position:absolute;width:10px;height:10px;animation:float 6s ease-in-out infinite}.spark-1{background:#af76fc;left:19%;top:48%}.spark-2{background:#f48ecb;left:26%;top:26%;width:8px;height:8px;animation-delay:-2s}.spark-3{background:#66aeff;left:28%;top:64%;width:7px;height:7px;animation-delay:-3s}.spark-4{background:#b482fb;right:20%;top:27%;animation-delay:-4s}.spark-5{background:#f98bd0;right:26%;top:60%;width:8px;height:8px}.spark-6{background:#6eb4ff;right:16%;top:58%;width:9px;height:9px;animation-delay:-1s}@keyframes float{50%{transform:translateY(-8px) rotate(8deg)}}.gallery{padding-top:7px}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.filters{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.filter{border-radius:30px;padding:12px 20px;background:var(--soft);font-size:calc(12px * var(--small-text-scale));white-space:nowrap;transition:background .2s,transform .2s}.filter:hover{transform:translateY(-2px);background:var(--line)}.filter.active{background:var(--ink);color:var(--bg)}.random-filter span{padding-left:3px;color:var(--muted)}.view-controls{display:flex;gap:22px;align-items:center}.view-controls label{font-size:calc(12px * var(--small-text-scale));white-space:nowrap}.view-controls select{border:0;color:var(--ink);background:transparent;max-width:100px;cursor:pointer;padding:7px 0}.gallery-meta{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:calc(11px * var(--small-text-scale));margin:22px 0 16px}.gallery-meta p{margin:0}.gallery-meta>span{display:flex;align-items:center;gap:7px}.status-dot,.free-label i{height:5px;width:5px;border-radius:50%;background:#97af80;display:inline-block}.experiment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.experiment-card{min-width:0}.card-link{display:block}.thumbnail{position:relative;aspect-ratio:1.6;overflow:hidden;border-radius:13px;background:var(--soft);isolation:isolate}.thumbnail::after{content:"";position:absolute;inset:0;z-index:2;border:2px solid var(--thumbnail-outline,var(--ink));border-radius:inherit;pointer-events:none}.thumbnail.balance{--thumbnail-outline:#76528f}.thumbnail.flag{--thumbnail-outline:#263a39}.thumbnail.pumpkin{--thumbnail-outline:#a87b43}.thumbnail.violet{--thumbnail-outline:#7966b7}.thumbnail.peach{--thumbnail-outline:#a56943}.thumbnail.green{--thumbnail-outline:#142f9e}.thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.1,1)}.card-link:hover .thumbnail img{transform:scale(1.055)}.play-pill{position:absolute;left:50%;top:50%;transform:translate(-50%,-30%);border-radius:30px;background:#fffefaed;color:#171821;box-shadow:0 6px 20px #0002;padding:11px 17px;font-size:calc(12px * var(--small-text-scale));display:flex;align-items:center;gap:12px;opacity:0;transition:opacity .2s,transform .2s;white-space:nowrap;backdrop-filter:blur(8px)}.play-pill svg{width:17px;height:17px}.card-link:hover .play-pill,.card-link:focus-visible .play-pill{opacity:1;transform:translate(-50%,-50%)}.card-number{position:absolute;top:15px;left:17px;font-family:'Space Mono',monospace;font-size:calc(10px * var(--small-text-scale));color:#ffffffa6;border:1px solid #ffffff38;background:#0000000d;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.peach .card-number,.green .card-number{color:#605b5599;border-color:#6b60532b}.card-copy{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:17px 3px 0}.card-copy h2{font-size:calc(17px * var(--text-scale));font-weight:650;letter-spacing:-.35px;margin:0 0 5px}.card-copy p{font-size:calc(12px * var(--small-text-scale));color:var(--muted);margin:0}.card-copy>svg{width:20px;height:20px;margin-top:1px;transition:transform .2s}.card-link:hover .card-copy>svg{transform:translate(2px,-2px)}.card-tags{display:flex;gap:6px;margin-top:17px;padding-inline:3px;font-size:calc(9px * var(--small-text-scale));color:var(--muted);align-items:center}.card-tags>span:not(.free-label){border:1px solid var(--line);border-radius:5px;padding:3px 6px}.card-tags .free-label{margin-left:auto;display:flex;gap:5px;align-items:center}.empty-state{text-align:center;padding:65px 10px}.empty-state>span{font-size:calc(45px * var(--text-scale));color:var(--accent)}.empty-state h2{font-size:calc(22px * var(--text-scale))}.empty-state p{color:var(--muted);font-size:calc(14px * var(--text-scale))}.text-button{display:inline-flex;align-items:center;gap:12px;font-size:calc(12px * var(--small-text-scale));padding:7px 0}.text-button:hover{color:var(--accent)}.text-button svg{width:18px;height:18px}.curiosity{border-block:1px solid var(--line);margin-top:69px;padding-block:35px 38px;display:flex;align-items:center;gap:30px}.curiosity-icon{font-size:calc(88px * var(--text-scale));color:var(--accent);width:115.2px;flex-shrink:0;text-align:center}.eyebrow{font-family:'Space Mono',monospace;font-size:calc(9px * var(--small-text-scale));letter-spacing:1.6px;color:var(--muted)}.curiosity h2{font-size:calc(21px * var(--text-scale));font-weight:500;letter-spacing:-.6px;margin:9px 0}.curiosity p{color:var(--muted);font-size:calc(12px * var(--small-text-scale));line-height:1.8;margin:0;max-width:580px}.curiosity>.text-button{margin-left:auto;white-space:nowrap}.footer{display:flex;flex-wrap:wrap;align-items:center;gap:25px;padding-block:29px 35px;color:var(--muted);font-size:calc(10px * var(--small-text-scale))}.footer .brand{color:var(--ink);width:91px}.footer>span{margin-left:auto;display:flex;align-items:center;gap:20px}.footer-star{font-size:calc(22px * var(--text-scale));color:var(--accent)}.footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px}.footer nav button,.footer nav a{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:8px 0}.footer nav button:hover,.footer nav a:hover{color:var(--accent)}dialog{width:min(500px,calc(100% - 32px));background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:44px;box-shadow:0 24px 100px #0003}dialog::backdrop{background:#13151c55;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:12px;top:12px;font-size:calc(26px * var(--text-scale))}dialog h2{font-size:calc(31px * var(--text-scale));line-height:1.15;letter-spacing:-1px;margin:18px 0}dialog p{color:var(--muted);font-size:calc(14px * var(--text-scale));line-height:1.75}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;background:var(--ink);color:var(--bg);padding:14px 18px;border-radius:10px;font-size:calc(13px * var(--small-text-scale));margin-top:12px}.primary-button svg{width:18px;height:18px}#idea-form{display:flex;flex-direction:column;gap:10px;margin-top:24px}#idea-form label{font-size:calc(12px * var(--small-text-scale))}textarea{resize:vertical;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:12px;border-radius:9px;font-size:calc(14px * var(--text-scale))}#saved-ideas{padding-left:18px;font-size:calc(13px * var(--small-text-scale));color:var(--muted);line-height:1.8;max-height:180px;overflow:auto}#idea-status{font-size:calc(12px * var(--small-text-scale))}.game-main{padding-top:28px}.back-link{font-size:calc(12px * var(--small-text-scale));color:var(--muted);display:inline-block;margin-bottom:34px}.back-link:hover{color:var(--ink)}.game-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.game-heading h1{font-size:calc(43px * var(--text-scale));letter-spacing:-1.8px;font-weight:600;margin:9px 0 12px}.title-dot{color:var(--accent)}.game-heading p{font-size:calc(13px * var(--small-text-scale));color:var(--muted);margin:0;max-width:700px;line-height:1.7}.game-category{font-size:calc(11px * var(--small-text-scale));border:1px solid var(--line);border-radius:30px;padding:9px 14px}.game-shell{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper)}.game-controls{display:flex;align-items:center;gap:18px;padding:13px 20px;flex-wrap:wrap;min-height:63px;border-bottom:1px solid var(--line);font-size:calc(12px * var(--small-text-scale))}.range-control{display:flex;gap:12px;align-items:center;margin-right:auto;font-size:calc(11px * var(--small-text-scale))}.range-control input{width:110px;accent-color:var(--accent)}.range-control output{font-family:'Space Mono',monospace;font-size:calc(10px * var(--small-text-scale));color:var(--muted);min-width:20px}.control-button{background:var(--soft);border-radius:7px;padding:9px 13px;font-size:calc(11px * var(--small-text-scale))}.control-button:hover{background:var(--line)}.game-stage{position:relative;height:490px;background:#0c0d19;overflow:hidden}.game-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.canvas-hint{pointer-events:none;position:absolute;bottom:18px;left:20px;color:#fff5;font:calc(9px * var(--small-text-scale)) 'Space Mono',monospace;letter-spacing:1.5px}.game-status{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 20px;font-size:calc(11px * var(--small-text-scale));color:var(--muted)}.game-status .text-button{font-size:calc(10px * var(--small-text-scale))}.game-info{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:40px 0;border-bottom:1px solid var(--line)}.game-info h2{font-size:calc(16px * var(--text-scale));font-weight:600;margin:0 0 12px}.game-info p{color:var(--muted);font-size:calc(13px * var(--small-text-scale));line-height:1.9;margin:0}.next-experiments{display:flex;align-items:center;gap:30px;padding:30px 0}.next-experiments h2{font-size:calc(15px * var(--text-scale));font-weight:500;margin-right:auto}.next-experiments a{font-size:calc(12px * var(--small-text-scale));display:flex;gap:10px;align-items:center}.next-experiments svg{width:16px;height:16px}.next-experiments a:hover{color:var(--accent)}.game-main+.footer{border-top:1px solid var(--line);margin-top:25px}.materials{display:flex;gap:4px}.material{display:flex;align-items:center;gap:6px;font-size:calc(10px * var(--small-text-scale));padding:9px;border:1px solid transparent;border-radius:7px}.material.active{border-color:var(--line);background:var(--soft)}.material i{width:8px;height:8px;border-radius:2px}.material-sand{background:#e9b76e}.material-water{background:#74b4ea}.material-stone{background:#8e8e9e}.material-eraser{background:var(--bg);border:1px solid var(--muted)}.falling-sand .game-stage{background:#161922}.best-time{margin-left:auto;color:var(--muted)}.reaction-stage{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;background:#e6e0f2;color:#494158;padding:24px;transition:background .12s}.reaction-stage.waiting{background:#e8bdad;color:#6b372e}.reaction-stage.go{background:#bce8a6;color:#2c5524}.reaction-stage.early{background:#f0d298;color:#77551a}.reaction-symbol{font-size:calc(65px * var(--text-scale));line-height:1}.reaction-stage strong{font-size:calc(36px * var(--text-scale));font-weight:550;letter-spacing:-1.2px}.reaction-stage>span:not(.reaction-symbol){font-size:calc(13px * var(--small-text-scale))}.reaction-stage .reaction-hint{opacity:.6;font-size:calc(11px * var(--small-text-scale))!important;margin-top:8px}.round-results{display:flex;justify-content:center;gap:14px;min-height:10px;margin:18px 0}.round-result{border:1px solid var(--line);border-radius:8px;padding:10px 16px;font-size:calc(12px * var(--small-text-scale))}.round-result span{color:var(--muted);font-size:calc(10px * var(--small-text-scale));display:block;margin-bottom:5px}.not-found{text-align:center;padding-block:120px 180px}.not-found h1{font-size:calc(48px * var(--text-scale));letter-spacing:-2px}.not-found p{color:var(--muted)}.game-shell:fullscreen{display:flex;flex-direction:column;background:var(--paper);border:0;border-radius:0}.game-shell:fullscreen .game-stage{height:auto;flex:1}.game-shell:fullscreen .game-controls,.game-shell:fullscreen .game-status{flex-shrink:0}
@media(min-width:1600px){.hero{padding-top:65px;padding-bottom:75px}.hero h1{width:650px}.hero-note{margin-top:24px}.gallery-meta{margin-top:26px}.curiosity{margin-top:90px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{padding-top:45px;padding-bottom:48px}.filter{padding:11px 15px;font-size:calc(11px * var(--small-text-scale))}.view-controls{gap:12px}.gallery-toolbar{gap:12px}.experiment-grid{gap:19px}.card-copy h2{font-size:calc(16px * var(--text-scale))}.card-copy p{font-size:calc(11px * var(--small-text-scale))}.card-tags{font-size:calc(8px * var(--small-text-scale))}.curiosity{gap:18px}.curiosity-icon{width:72px;font-size:calc(70.4px * var(--text-scale))}.curiosity h2{font-size:calc(20px * var(--text-scale))}.curiosity p{max-width:430px}.curiosity>.text-button{font-size:calc(11px * var(--small-text-scale))}.game-controls{gap:10px}.game-stage{height:440px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.brand{width:120px}.hero{padding-top:40px;padding-bottom:44px}.hero h1{width:min(530px,82%)}.tagline{font-size:calc(9px * var(--small-text-scale));letter-spacing:1.8px}.hero-note{font-size:calc(12px * var(--small-text-scale))}.spark-1{left:7%;top:36%}.spark-2{left:15%;top:17%}.spark-3{left:20%;top:61%}.spark-4{right:8%;top:26%}.spark-5{right:12%;top:67%}.spark-6{right:2%;top:50%}.gallery-toolbar{align-items:flex-start}.filters{gap:5px}.filter{font-size:calc(10px * var(--small-text-scale));padding:10px 13px}.view-controls label{font-size:calc(10px * var(--small-text-scale))}.view-controls{gap:8px}.view-controls select{width:68px}.experiment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.card-tags{font-size:calc(9px * var(--small-text-scale))}.curiosity{margin-top:45px;flex-wrap:wrap;padding-block:25px;gap:15px}.curiosity>div:nth-child(2){flex:1}.curiosity>.text-button{margin-left:87px}.curiosity p{max-width:unset}.footer{flex-wrap:wrap;gap:14px}.footer>span{font-size:calc(9px * var(--small-text-scale))}.game-heading h1{font-size:calc(35px * var(--text-scale))}.game-heading{align-items:flex-start;gap:20px}.game-category{margin-top:30px}.game-info{gap:28px}.game-stage{height:430px}.game-controls{padding:12px;gap:10px}.materials{order:0}.falling-sand .range-control{order:2;width:100%}.game-status{padding-inline:12px}.reaction-stage strong{font-size:calc(30px * var(--text-scale))}}
@media(max-width:540px){.wrap{width:calc(100% - 32px)}.brand{width:109px}.icon-button{width:32px;height:32px}.icon-button svg{width:20px;height:20px}.hero{padding-top:37px;padding-bottom:38px}.hero h1{width:90%}.tagline{font-size:calc(7.5px * var(--small-text-scale));letter-spacing:1.2px;margin-top:8px}.hero-note{font-size:calc(11px * var(--small-text-scale));margin-top:15px}.hero-spark{width:6px;height:6px}.spark-1{top:21%;left:3%}.spark-2{top:7%;left:19%}.spark-3{top:70%;left:11%}.spark-4{top:15%;right:8%}.spark-5{top:70%;right:11%}.spark-6{top:45%;right:0}.gallery-toolbar{flex-wrap:wrap}.filters{gap:6px;flex-wrap:nowrap;overflow:auto;padding-bottom:5px;width:100%;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{font-size:calc(11px * var(--small-text-scale));padding:11px 16px}.view-controls{width:100%;justify-content:space-between;margin-top:2px}.view-controls label{font-size:calc(11px * var(--small-text-scale))}.gallery-meta{font-size:calc(10px * var(--small-text-scale));margin:14px 0 16px}.gallery-meta>span{font-size:calc(9px * var(--small-text-scale));gap:5px}.experiment-grid{grid-template-columns:1fr;gap:28px}.thumbnail{border-radius:12px}.card-copy{padding-top:13px}.card-copy h2{font-size:calc(18px * var(--text-scale))}.card-copy p{font-size:calc(12px * var(--small-text-scale))}.card-tags{font-size:calc(9px * var(--small-text-scale));margin-top:12px}.card-number{width:25px;height:25px;font-size:calc(9px * var(--small-text-scale))}.curiosity{margin-top:38px;gap:12px}.curiosity-icon{width:48px;font-size:calc(57.6px * var(--text-scale));align-self:flex-start;margin-top:18px}.curiosity h2{font-size:calc(18px * var(--text-scale));line-height:1.4}.curiosity .eyebrow{font-size:calc(8px * var(--small-text-scale));letter-spacing:1px}.curiosity p{font-size:calc(11px * var(--small-text-scale))}.curiosity>.text-button{margin-left:60px}.footer{gap:12px;padding-block:25px}.footer p{margin-left:auto}.footer>span{width:100%;margin:0;justify-content:space-between}.footer .brand{width:85px}.footer nav{width:100%;gap:8px 24px}dialog{padding:36px 25px}dialog h2{font-size:calc(28px * var(--text-scale))}.game-main{padding-top:20px}.back-link{margin-bottom:26px}.game-heading h1{font-size:calc(34px * var(--text-scale));margin-top:10px}.game-heading p{font-size:calc(12px * var(--small-text-scale))}.game-heading .eyebrow{font-size:calc(8px * var(--small-text-scale));letter-spacing:1px}.game-category{display:none}.game-shell{border-radius:12px}.game-controls{gap:8px;font-size:calc(10px * var(--small-text-scale))}.range-control{gap:7px;font-size:calc(10px * var(--small-text-scale))}.range-control input{width:75px}.control-button{font-size:calc(9px * var(--small-text-scale));padding:8px 10px}.game-stage{height:390px}.game-info{grid-template-columns:1fr;gap:27px;padding:28px 0}.game-info p{font-size:calc(12px * var(--small-text-scale))}.game-info h2{font-size:calc(15px * var(--text-scale))}.next-experiments{flex-wrap:wrap;gap:18px;padding-block:22px}.next-experiments h2{width:100%;margin:0;font-size:calc(14px * var(--text-scale))}.next-experiments a{font-size:calc(11px * var(--small-text-scale))}.materials{gap:0}.material{padding:6px;font-size:calc(9px * var(--small-text-scale));gap:4px}.falling-sand .game-controls{gap:4px}.best-time{font-size:calc(10px * var(--small-text-scale))}#round-label{font-size:calc(9px * var(--small-text-scale))}.reaction-stage strong{font-size:calc(27px * var(--text-scale))}.reaction-stage>span:not(.reaction-symbol){font-size:calc(12px * var(--small-text-scale))}.round-results{gap:5px}.round-result{padding:9px;font-size:calc(10px * var(--small-text-scale))}.round-result span{font-size:calc(8px * var(--small-text-scale))}.not-found{padding-block:80px 130px}.not-found h1{font-size:calc(35px * var(--text-scale))}}
.footer{flex-wrap:wrap}.footer .support-link,.dialog-actions .support-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:8px;color:var(--ink);font-size:14px;font-weight:600;white-space:nowrap}.footer .support-link:hover,.dialog-actions .support-link:hover{background:var(--soft)}
.footer .support-link{display:inline-flex;align-items:center;justify-content:center;gap:12.6px;min-height:43.2px;padding:11.7px 19.8px;border:1px solid #e0b937;border-radius:10.8px;background:#ffdd57;color:var(--ink);font-size:calc(11.7px * var(--small-text-scale));font-weight:700;white-space:nowrap;box-shadow:0 3.6px 0 #d8b33d,0 7.2px 16.2px #c29a2220;transition:background .2s,transform .2s,box-shadow .2s}.footer .support-link:hover{background:#ffe77f;color:var(--ink);transform:translateY(-1.8px);box-shadow:0 5.4px 0 #d8b33d,0 9px 19.8px #c29a2230}.footer .support-link:active{transform:translateY(2.7px);box-shadow:0 .9px 0 #d8b33d}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.dialog-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.dialog-actions .primary-button{margin-top:0}.dialog-actions .support-link{justify-content:space-between;font-size:calc(13px * var(--small-text-scale))}

.black-hole-icon{width:1em;height:1em;flex-shrink:0}.curiosity-icon{display:grid;place-items:center}
.footer .support-link svg,.dialog-actions .support-link svg{width:18px;height:18px;flex-shrink:0}

.footer-mobile-label{display:none}
/* Keep the mobile footer to two rows, with every action still available. */
@media(max-width:540px){
  .footer{display:grid;grid-template-columns:repeat(4,max-content);grid-template-areas:"brand brand coffee coffee" "about submit contact credit";justify-content:space-between;gap:6px 12px;padding-block:20px}
  .footer>p,.footer>span,.footer .footer-desktop-label{display:none}
  .footer .brand{grid-area:brand;display:flex;align-items:center;min-height:44px}
  .footer nav{display:contents}
  .footer nav button,.footer nav a{white-space:nowrap}
  .footer [data-dialog="about-dialog"]{grid-area:about}
  .footer [data-dialog="idea-dialog"]{grid-area:submit}
  .footer-contact{grid-area:contact}
  .footer-credit{grid-area:credit}
  .footer-mobile-label{display:inline}
  .footer .support-link{grid-area:coffee;justify-self:end;min-height:44px;padding:8px 12px;gap:8px;font-size:calc(10px * var(--small-text-scale));border-radius:8px;box-shadow:0 2px 0 #d8b33d}
}