@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/press-start-2p-latin-400-normal-_wFEWmAB.woff2)format("woff2"),url(/assets/press-start-2p-latin-400-normal-KLytu4cr.woff)format("woff")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ground:var(--lightningcss-light,#eceff3)var(--lightningcss-dark,#0b1230);--peg:var(--lightningcss-light,#d3d9e2)var(--lightningcss-dark,#18224a);--surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#131c43);--surface-2:var(--lightningcss-light,#f3f5f9)var(--lightningcss-dark,#1a2552);--ink:var(--lightningcss-light,#0f1a33)var(--lightningcss-dark,#edf0fa);--muted:var(--lightningcss-light,#4a5675)var(--lightningcss-dark,#a7b2d6);--line:var(--lightningcss-light,#c3cbd8)var(--lightningcss-dark,#2a3770);--edge:var(--lightningcss-light,#0f1a33)var(--lightningcss-dark,#6170bf);--shell:var(--lightningcss-light,#2341c4)var(--lightningcss-dark,#1d35a8);--shell-deep:var(--lightningcss-light,#142a8f)var(--lightningcss-dark,#0f1f6e);--shell-ink:#fff;--shell-muted:var(--lightningcss-light,#ccd6ff)var(--lightningcss-dark,#c2ccf5);--accent:var(--lightningcss-light,#2341c4)var(--lightningcss-dark,#3f5ff0);--accent-deep:var(--lightningcss-light,#142a8f)var(--lightningcss-dark,#2a46c9);--accent-ink:#fff;--link:var(--lightningcss-light,#2341c4)var(--lightningcss-dark,#a5b6ff);--focus:var(--lightningcss-light,#2341c4)var(--lightningcss-dark,#ffd43b);--danger:var(--lightningcss-light,#c0262d)var(--lightningcss-dark,#ff8a8a);--success:var(--lightningcss-light,#1d7a3e)var(--lightningcss-dark,#74d996);--lcd-bg:#a9c97a;--lcd-ink:#25381a;--bezel:var(--lightningcss-light,#1d2445)var(--lightningcss-dark,#1c2552);--bezel-deep:var(--lightningcss-light,#121831)var(--lightningcss-dark,#6170bf);--sticker-orange:#ff5b23;--sticker-yellow:#ffd43b;--sticker-red:#ff8a80;--sticker-ink:#0f1a33;--pitch:24px;--radius-box:10px;--radius-control:8px;--font:"Archivo Variable", "Archivo", system-ui, sans-serif;--font-pixel:"Press Start 2P", monospace;--step:90ms}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{color:var(--ink);font-family:var(--font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;caret-color:var(--accent);scrollbar-color:var(--edge) var(--ground);background-color:var(--ground);background-image:radial-gradient(circle, var(--peg) 1.6px, transparent 2.1px);background-size:var(--pitch) var(--pitch);background-position:calc(var(--pitch) / 2) calc(var(--pitch) / 2);margin:0;font-size:1rem;line-height:1.55}::selection{color:var(--accent-ink);background:var(--accent)}h1,h2{text-wrap:balance;margin:0}h1{letter-spacing:-.01em;font-size:clamp(3rem,7.5vw,6rem);font-weight:900;font-stretch:62%;line-height:.9}h2{font-size:1.6rem;font-weight:800;font-stretch:75%;line-height:1.1}p{margin:0}a{color:var(--link);text-underline-offset:3px;text-decoration-thickness:2px}a:hover{text-decoration-thickness:3px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.app{flex-direction:column;min-height:100dvh;display:flex;overflow-x:clip}.app__content{flex:1;display:grid}.page{width:100%;max-width:110rem;margin-inline:auto;padding-inline:clamp(1rem,3vw,3rem)}.muted{color:var(--muted)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.board{background:var(--surface);border:2px solid var(--edge);border-radius:var(--radius-box)}summary{align-items:center;gap:.6rem;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:before{content:"";width:.55rem;height:.55rem;transition:rotate var(--step) steps(2, end);border-bottom:3px solid;border-right:3px solid;rotate:-45deg}details[open]>summary:before{rotate:45deg}.form{gap:1.25rem;display:grid}.field{gap:.4rem;display:grid}.field__label{font-size:.95rem;font-weight:700}.field__hint{color:var(--muted);font-size:.875rem}.field__input{width:100%;min-height:48px;font:inherit;color:var(--ink);background:var(--surface);border:2px solid var(--edge);border-radius:var(--radius-control);padding:.7rem .9rem}.field__input::placeholder{color:var(--muted);opacity:1}.field__input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.field__input[aria-invalid=true]{border-color:var(--danger);border-width:3px}select.field__input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236170bf' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;background-size:1.1rem;padding-right:2.5rem;font-weight:600}textarea.field__input{resize:vertical;min-height:7rem}input[type=file].field__input{cursor:pointer;padding:.5rem}input[type=file].field__input::file-selector-button{min-height:36px;font:inherit;color:var(--ink);background:var(--surface-2);border:2px solid var(--edge);cursor:pointer;border-radius:6px;margin-right:.85rem;padding:.35rem .9rem;font-weight:700}.field__input:read-only:not(select):not([type=file]){color:var(--muted);background:var(--surface-2);border-style:dashed}.field__error{color:var(--danger);align-items:center;gap:.35rem;font-size:.875rem;font-weight:600;display:flex}.btn{min-height:48px;font:inherit;white-space:nowrap;cursor:pointer;color:var(--ink);background:var(--surface);border:2px solid var(--edge);border-radius:var(--radius-control);transition:background-color var(--step) steps(2, end), transform var(--step) steps(2, end);justify-content:center;align-items:center;gap:.5rem;padding:0 1.25rem;font-weight:700;line-height:1.1;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:active:not(:disabled){transform:translateY(2px)}.btn--primary{color:var(--accent-ink);background:var(--accent);border-color:var(--accent-deep)}.btn--primary:hover:not(:disabled){background:var(--accent-deep)}.btn--danger{color:var(--danger);border-color:var(--danger)}.btn--danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 10%, var(--surface))}.btn--block{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed}.link-btn{min-width:44px;min-height:44px;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:.15rem 0;font-weight:700;text-decoration:none;display:inline-flex}.link-btn:hover:not(:disabled){text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.link-btn--danger{color:var(--danger)}.link-btn:disabled{opacity:.55;cursor:not-allowed}.delete-confirm{gap:.4rem;display:grid}.delete-confirm__text{color:var(--ink);font-size:.875rem;font-weight:600;line-height:1.4}.delete-confirm__actions{flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}.sticker{--tilt:-6deg;color:var(--sticker-ink);border:2px solid var(--sticker-ink);transform:rotate(var(--tilt));white-space:nowrap;justify-content:center;align-items:center;gap:.3rem;font-size:.8125rem;font-weight:900;font-stretch:75%;line-height:1;display:inline-flex}.sticker--round{background:var(--sticker-orange);border-radius:50%;width:3.5rem;height:3.5rem}.sticker--tag,.sticker--plain,.sticker--warn{border-radius:4px;min-height:1.75rem;padding:.25rem .55rem}.sticker--tag{background:var(--sticker-yellow)}.sticker--plain{color:var(--ink);background:var(--surface);border-color:var(--ink)}.sticker--warn{white-space:normal;text-align:left;background:var(--sticker-red);border-style:dashed;max-width:100%;line-height:1.2}@media (prefers-reduced-motion:no-preference){.sticker--slap{animation:sticker-slap calc(var(--step) * 2) steps(2, end) both;animation-delay:var(--delay,0s)}}@keyframes sticker-slap{0%{opacity:0;transform:rotate(calc(var(--tilt) - 8deg)) scale(1.35)}to{opacity:1;transform:rotate(var(--tilt)) scale(1)}}.alert{border-radius:var(--radius-control);background:var(--surface);border:2px solid;padding:.85rem 1rem;font-size:.95rem;font-weight:600}.alert--error{color:var(--danger);border-style:dashed}.alert--success{color:var(--success)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.logo{min-height:44px;color:var(--shell-ink);align-items:center;gap:.6rem;text-decoration:none;display:inline-flex}.logo__icon{transform-origin:50% 8%;width:1.75rem;height:auto;transition:transform var(--step) steps(2, end)}.logo__text{letter-spacing:-.005em;font-size:2rem;font-weight:900;font-stretch:62%;line-height:1}.logo:hover .logo__icon{transform:rotate(-8deg)}.header{z-index:10;color:var(--shell-ink);background:var(--shell);border-bottom:2px solid var(--shell-deep);position:relative}.header__inner{align-items:center;gap:2.5rem;min-height:4.5rem;display:flex}.header__nav{flex:1;align-self:stretch;align-items:stretch;gap:1.75rem;display:flex}.header__link{min-height:44px;font:inherit;color:var(--shell-muted);cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.header__link:hover{color:var(--shell-ink)}.header__link[aria-current=page]{color:var(--shell-ink);box-shadow:inset 0 -5px 0 var(--sticker-orange)}.header__nav>button.header__link,.header__nav>.header__link[href=\/login]{margin-left:auto}.header__cta{min-height:44px;color:var(--sticker-ink);background:var(--sticker-yellow);border-color:var(--sticker-ink);align-self:center}.header__cta.btn:hover:not(:disabled){background:#ffe27a}.header__nav .header__link:focus-visible,.header__cta:focus-visible,.header .logo:focus-visible,.theme-toggle:focus-visible,.header__menu-button:focus-visible{outline:3px solid var(--sticker-yellow);outline-offset:2px}.header__tools{align-items:center;gap:.5rem;display:flex}.theme-toggle,.header__menu-button{width:2.75rem;height:2.75rem;color:var(--shell-ink);border:2px solid color-mix(in srgb, var(--shell-ink) 35%, transparent);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.theme-toggle:hover,.header__menu-button:hover{border-color:var(--shell-ink)}.header__menu-button{border-radius:var(--radius-control);display:none}@media (width<=44rem){.header__inner{gap:1rem}.header__tools{margin-left:auto}.header__menu-button{display:grid}.header__nav{background:var(--shell);border-bottom:2px solid var(--shell-deep);flex-direction:column;gap:0;padding:.5rem 1rem 1.25rem;display:none;position:absolute;top:100%;left:0;right:0}.header__nav[data-open]{display:flex}.header__link{border-bottom:1px solid color-mix(in srgb, var(--shell-ink) 18%, transparent);min-height:52px;font-size:1.2rem}.header__link[aria-current=page]{box-shadow:none;text-decoration:underline;-webkit-text-decoration-color:var(--sticker-orange);text-decoration-color:var(--sticker-orange);text-underline-offset:8px;text-decoration-thickness:5px}.header__nav>button.header__link,.header__nav>.header__link[href=\/login]{margin-left:0}.header__cta{align-self:stretch;margin-top:1rem}}@media (orientation:landscape) and (height<=34rem){.header__inner{min-height:3.25rem}}.footer{margin-top:calc(var(--pitch) * 2);border-top:2px solid var(--edge);background:var(--surface)}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;min-height:4rem;display:flex}.footer__name{font-size:1.4rem;font-weight:900;font-stretch:62%}.footer a{min-height:44px;color:var(--ink);align-items:center;font-weight:700;display:inline-flex}.footer__links{flex-wrap:wrap;gap:0 1.5rem;display:flex}.lcd{background:var(--bezel);border:2px solid var(--bezel-deep);border-radius:.9rem .9rem 2.6rem;width:min(100%,24rem);padding:1.1rem 1.25rem 1.6rem}.lcd__screen{aspect-ratio:160/144;color:var(--lcd-ink);background:var(--lcd-bg);border-radius:.3rem;align-content:center;place-items:center;gap:1.1rem;display:grid;position:relative;overflow:hidden}.lcd__screen:after{content:"";pointer-events:none;opacity:.12;background-image:linear-gradient(var(--lcd-ink) 1px, transparent 1px), linear-gradient(90deg, var(--lcd-ink) 1px, transparent 1px);background-size:4px 4px;position:absolute;inset:0}.lcd__title{font-family:var(--font-pixel);letter-spacing:.05em;font-size:clamp(.7rem,3.2vw,.95rem);animation:1.6s steps(12,end) both lcd-boot}.face{fill:currentColor;width:28%;height:auto;overflow:visible}.face__eyes{animation:9s step-end 2.4s infinite face-look}.face__eye{transform-box:fill-box;transform-origin:50%;animation:4.6s step-end 2.4s infinite face-blink}.face__eye--right{animation-delay:2.5s}.face__mouth{transform-box:fill-box;transform-origin:50%;animation:9s step-end 2.4s infinite face-grin}.lcd:hover .face__eye--right{animation:none;transform:scaleY(.2)}@keyframes lcd-boot{0%{transform:translateY(-8rem)}to{transform:translateY(0)}}@keyframes face-blink{0%,90%{transform:scaleY(1)}92%{transform:scaleY(.2)}96%{transform:scaleY(1)}}@keyframes face-look{0%,50%{transform:translate(0)}52%{transform:translate(-1px)}66%{transform:translate(1px)}80%{transform:translate(0)}}@keyframes face-grin{0%,20%{transform:scaleX(1)}22%{transform:scaleX(1.3333)}34%{transform:scaleX(1)}}.game-grid{grid-template-columns:repeat(auto-fill, minmax(min(100%, calc(var(--pitch) * 7)), 1fr));gap:calc(var(--pitch) * 2) var(--pitch);margin:0;padding:0;list-style:none;display:grid}@media (width<=30rem){.game-grid{gap:calc(var(--pitch) * 1.5) calc(var(--pitch) * .75);grid-template-columns:repeat(2,minmax(0,1fr))}}.game-card{align-content:start;gap:.6rem;display:grid}.game-card__hang{isolation:isolate;transform-origin:50% 0;transition:transform var(--step) steps(2, end);padding-block:1.25rem .75rem;position:relative}:is(.game-card__hang:has(.game-card__link:hover),.game-card__hang:has(.game-card__link:focus-visible)){transform:rotate(-2deg)}.game-card__tab{background:var(--surface);border:2px solid var(--edge);border-bottom:0;border-radius:10px 10px 0 0;width:3.5rem;height:1.6rem;position:absolute;top:0;left:50%;translate:-50%}.game-card__tab:after{content:"";background:var(--ground);border:2px solid var(--edge);border-radius:999px;width:1.4rem;height:.5rem;position:absolute;top:.4rem;left:50%;translate:-50%}.game-card__link{color:var(--ink);background:var(--surface);border:2px solid var(--edge);border-radius:var(--radius-box);gap:.6rem;padding:.55rem .55rem .7rem;text-decoration:none;display:grid;position:relative}.game-card__link:before,.game-card__link:after{content:"";z-index:-1;background:var(--surface-2);border:2px solid var(--edge);border-radius:var(--radius-box);transform-origin:50% 0;position:absolute;inset:0;translate:0 5px;rotate:2deg}.game-card__link:after{z-index:-2;translate:0 9px;rotate:-2.5deg}.game-card__link:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.game-card__art-wrap{display:block;position:relative}.game-card__art{aspect-ratio:1;color:var(--line);background:var(--surface-2);border-radius:6px;place-items:center;display:grid;overflow:hidden}.game-card__art--blank{color:var(--lcd-ink);background:var(--lcd-bg)}.game-card__art img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.cartridge-art{width:36%;height:auto}.game-card__title{overflow-wrap:anywhere;font-size:1.05rem;font-weight:700;line-height:1.2}.game-card__link:hover .game-card__title{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.game-card__new{position:absolute;top:-.85rem;right:-.85rem}.game-card__saves{position:absolute;bottom:-.3rem;left:-.75rem}.game-card__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1rem;padding-inline:.25rem;font-size:.9rem;display:flex}.game-card__actions .delete-confirm{flex-basis:100%}.game-card--loading .game-card__hang:after{content:"";aspect-ratio:.82;border:2px dashed var(--line);border-radius:var(--radius-box);display:block}.splash{z-index:50;cursor:pointer;background-color:var(--ground);background-image:radial-gradient(circle, var(--peg) 1.6px, transparent 2.1px);background-size:var(--pitch) var(--pitch);background-position:calc(var(--pitch) / 2) calc(var(--pitch) / 2);place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.splash__console{width:min(82vw,26rem)}.splash__console .lcd{width:100%;animation:splash-console-in calc(var(--step) * 3) steps(3, end) both}.splash__console .lcd__screen{animation:splash-power-on calc(var(--step) * 3) steps(3, end) var(--step) both}.splash__console .lcd__title{animation:.5s steps(6,end) .15s both lcd-boot}.splash__console .face{animation:1ms step-end .7s both splash-face-in}.splash--leaving{animation:splash-out calc(var(--step) * 3) steps(3, end) forwards}.splash--leaving .lcd__screen{animation:splash-power-off calc(var(--step) * 2) steps(2, end) forwards}@keyframes splash-console-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes splash-power-on{0%{background-color:#1b2a12}to{background-color:var(--lcd-bg)}}@keyframes splash-face-in{0%{opacity:0}to{opacity:1}}@keyframes splash-power-off{to{transform:scaleY(.02)}}@keyframes splash-out{to{opacity:0;visibility:hidden}}.home{gap:calc(var(--pitch) * 3);padding-block:calc(var(--pitch) * 2) calc(var(--pitch) * 4);display:grid}.home__hero{align-items:center;gap:calc(var(--pitch) * 2);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);display:grid}.home__copy{gap:var(--pitch);max-width:48rem;display:grid}.home__copy h1{font-size:clamp(3rem,5.4vw,5.25rem)}.home__lead{max-width:34rem;color:var(--muted);font-size:1.2rem}.home__actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.home__screen{justify-items:center;display:grid}.home__wall-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;display:flex}.home__wall-head h2{font-size:clamp(2rem,4vw,3rem)}.home__note{max-width:50rem;margin-block:.75rem calc(var(--pitch) * 1.5);border-style:dashed;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:.85rem 1.1rem;display:flex}.home__note-text{flex:1 1 0;min-width:12rem}.home__more{align-items:center;min-height:44px;font-weight:700;display:inline-flex}.home__points{gap:var(--pitch);padding:calc(var(--pitch) * 1.5);display:grid}.home__points h2{font-size:clamp(2rem,4vw,3rem)}.home__points ul{gap:0 calc(var(--pitch) * 2);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));margin:0;padding:0;list-style:none;display:grid}.home__points li{border-top:2px dashed var(--line);max-width:60ch;padding-block:1rem;font-size:1.1rem}.home__points strong{font-size:1.35rem;font-weight:900;font-stretch:75%}@media (width<=52rem){.home__hero{grid-template-columns:1fr}.home__screen{order:-1}.home__screen .lcd{width:min(100%,18rem)}}.pagination{justify-content:center;align-items:center;gap:var(--pitch);margin-top:calc(var(--pitch) * 2.5);display:flex}.pagination__status{color:var(--muted);font-weight:700}.library{padding-block:calc(var(--pitch) * 2) calc(var(--pitch) * 4)}.library__head{align-items:flex-end;gap:var(--pitch) calc(var(--pitch) * 2);flex-wrap:wrap;display:flex}.library__title{margin-right:auto}.library__tools{align-items:center;gap:.75rem;display:flex}.library__filters{gap:.75rem;display:flex}.library__search{min-width:12rem;color:var(--muted);flex:0 20rem;position:relative}.library__search svg{pointer-events:none;position:absolute;top:50%;left:.9rem;translate:0 -50%}.library__search .field__input{padding-left:2.75rem}.library__sort{width:auto}.library__intro{max-width:60ch;margin-top:var(--pitch);color:var(--muted);font-size:1.05rem}.library__count{margin:calc(var(--pitch) * 1.5) 0 var(--pitch);color:var(--muted);font-weight:700}.library__empty{align-items:center;gap:calc(var(--pitch) * 1.5);max-width:48rem;margin-top:calc(var(--pitch) * 1.5);padding:calc(var(--pitch) * 1.5);grid-template-columns:minmax(0,16rem) 1fr;display:grid}.library__empty-copy{justify-items:start;gap:1.25rem;font-size:1.1rem;font-weight:600;display:grid}@media (width<=44rem){.library__tools{flex-wrap:wrap}.library__tools,.library__filters,.library__search{width:100%}.library__search{min-width:0}.library__filters{grid-template-columns:1fr auto;display:grid}.library__upload{width:100%}.library__empty{text-align:center;grid-template-columns:1fr;justify-items:center}.library__empty-copy{justify-items:center}}.pad{--pad-plastic:var(--lightningcss-light,#1d2445)var(--lightningcss-dark,#34418a);--pad-plastic-pressed:var(--lightningcss-light,#0b0f24)var(--lightningcss-dark,#1d2660);--pad-action:var(--sticker-orange);--pad-action-pressed:#d94416;--pad-pill:var(--lightningcss-light,#8790b0)var(--lightningcss-dark,#6370a8);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;grid-template-columns:1fr 1fr;grid-template-areas:"dpad actions""system system";align-items:center;gap:1.5rem 1rem;width:min(100%,30rem);padding:.5rem .25rem;display:grid}.pad__dpad,.pad__actions,.pad__pill-wrap{touch-action:none}.pad__dpad{aspect-ratio:1;grid-area:dpad;justify-self:start;width:clamp(7.5rem,36vw,10rem);position:relative}.pad__arm,.pad__hub{background:var(--pad-plastic);position:absolute}.pad__arm{width:33.4%;height:33.4%}.pad__arm--up{border-radius:6px 6px 0 0;top:0;left:33.3%}.pad__arm--down{border-radius:0 0 6px 6px;bottom:0;left:33.3%}.pad__arm--left{border-radius:6px 0 0 6px;top:33.3%;left:0}.pad__arm--right{border-radius:0 6px 6px 0;top:33.3%;right:0}.pad__hub{width:33.4%;height:33.4%;top:33.3%;left:33.3%}.pad__arm[data-pressed]{background:var(--pad-plastic-pressed)}.pad__actions{aspect-ratio:1.15;grid-area:actions;justify-self:end;width:clamp(8rem,40vw,11rem);position:relative}.pad__action{aspect-ratio:1;width:44%;color:var(--sticker-ink);background:var(--pad-action);border:2px solid var(--sticker-ink);border-radius:50%;place-items:center;font-size:1.3rem;font-weight:900;font-stretch:75%;display:grid;position:absolute}.pad__action--b{bottom:8%;left:2%}.pad__action--a{top:8%;right:2%}.pad__action[data-pressed]{background:var(--pad-action-pressed);transform:translateY(2px)scale(.96)}.pad__system{grid-area:system;justify-content:center;gap:1.75rem;display:flex}.pad__pill-wrap{color:var(--muted);justify-items:center;gap:.35rem;padding:.5rem .75rem;font-size:.85rem;font-weight:700;display:grid}.pad__pill{background:var(--pad-pill);border-radius:999px;width:3.4rem;height:1.1rem;transform:rotate(-24deg)}.pad__pill[data-pressed]{filter:brightness(.75)}.auth{gap:calc(var(--pitch) * 2);padding-block:calc(var(--pitch) * 2) calc(var(--pitch) * 3);display:grid}.auth__panel{display:none}.auth__main{width:min(100%,28rem);padding:calc(var(--pitch) * 1.25);margin-inline:auto}.auth__heading{font-size:clamp(2.5rem,6vw,3.75rem)}.auth__intro{color:var(--muted);margin-top:.75rem}.auth__body{margin-top:calc(var(--pitch) * 1.25)}.auth__footer{margin-top:var(--pitch);padding-top:var(--pitch);color:var(--muted);border-top:2px dashed var(--line)}@media (width>=56rem){.auth{align-items:center;gap:calc(var(--pitch) * 4);padding-block:calc(var(--pitch) * 2);grid-template-columns:1fr 1fr}.auth__panel{justify-items:center;gap:var(--pitch);display:grid}.auth__tagline{text-align:center;max-width:18rem;font-size:1.4rem;font-weight:800;font-stretch:75%;line-height:1.15}.auth__main{margin-inline:0}}.play{padding-block:1.25rem 4rem}.play__stage{--reserved:15.5rem;--console-w:min(100%, calc((100dvh - var(--reserved)) * 10 / 9));grid-template-columns:1fr;grid-template-areas:"title""console""bar";justify-items:center;gap:1rem;width:min(100% - 2rem,70rem);margin-inline:auto;display:grid}.play__title{white-space:nowrap;text-overflow:ellipsis;grid-area:title;width:min(100%,50rem);min-width:min(100%,16rem);font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.05;overflow:hidden}.play__stage[data-touch]{--reserved:27rem;grid-template-columns:1fr 1fr;grid-template-areas:"title title""console console""dpad actions""system system""bar bar";row-gap:1.25rem}.play__stage[data-touch] .pad{display:contents}.play__stage[data-touch] .pad__dpad{margin-left:.5rem}.play__stage[data-touch] .pad__actions{margin-right:.5rem}@media (orientation:landscape){.play__stage[data-touch]{--reserved:16rem;--console-w:min(calc((100dvh - var(--reserved)) * 10 / 9), calc(100vw - 25rem));grid-template:".title.""dpad console actions"1fr"system console actions"1fr".bar."/1fr auto 1fr;align-items:center;gap:.75rem 1.5rem;width:100%;padding-inline:1.5rem}.play__stage[data-touch] .play__console,.play__stage[data-touch] .play__title{width:var(--console-w)}.play__stage[data-touch] .pad__dpad,.play__stage[data-touch] .pad__actions{justify-self:center;width:clamp(6.5rem,14vw,10rem);margin:0}.play__stage[data-touch] .pad__dpad{align-self:end}.play__stage[data-touch] .pad__actions{grid-row:2/4}.play__stage[data-touch] .pad__system{align-self:start;gap:.5rem}}@media (orientation:landscape) and (height<=34rem){.play:has(.play__stage[data-touch]){padding-block:.25rem 2rem}.play__stage[data-touch]{--reserved:6.5rem;grid-template-rows:1fr auto;grid-template-areas:"dpad console actions""system console bar";gap:.5rem 1.25rem}.play__stage[data-touch] .play__title{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.play__stage[data-touch] .pad__dpad,.play__stage[data-touch] .pad__system{align-self:center}.play__stage[data-touch] .pad__actions{grid-row:1}.play__stage[data-touch] .play__bar{justify-content:center}.play__stage[data-touch] .play__volume,.play__stage[data-touch] .play__palette,.play__stage[data-touch] .play__save{display:none}}.play__stage[data-fullscreen]{--reserved:6rem;background:var(--ground);align-content:center;width:100%;min-height:100dvh;padding:1rem}.play__stage[data-fullscreen] .play__title{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.play__stage[data-fullscreen][data-touch]{--reserved:19rem}@media (orientation:landscape){.play__stage[data-fullscreen][data-touch]{--reserved:5rem}}@media (orientation:landscape) and (height<=34rem){.play__stage[data-fullscreen][data-touch]{--reserved:2.5rem}}.play__console{width:var(--console-w);background:var(--bezel);border:2px solid var(--bezel-deep);border-radius:.9rem .9rem 2.4rem;grid-area:console;min-width:min(100%,16rem);padding:clamp(.5rem,2vw,1.1rem) clamp(.5rem,2vw,1.1rem) clamp(.9rem,3vw,1.75rem)}.play__screen{aspect-ratio:10/9;background:var(--lcd-bg);border-radius:.3rem;position:relative;overflow:hidden}.play__screen canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.play__overlay{text-align:center;color:var(--lcd-ink);background:color-mix(in srgb, var(--lcd-bg) 82%, transparent);place-content:center;justify-items:center;gap:1.25rem;padding:1rem;font-weight:600;display:grid;position:absolute;inset:0}.play__overlay .btn--primary{color:var(--lcd-bg);background:var(--lcd-ink);border-color:var(--lcd-ink)}.play__overlay .btn--primary:hover:not(:disabled){background:color-mix(in srgb, var(--lcd-ink) 82%, var(--lcd-bg));border-color:#0000}.play__overlay :focus-visible{outline-color:var(--lcd-ink)}.play__face{width:clamp(3rem,18%,6rem)}.play__error{max-width:24rem;font-weight:500}.play__bar{flex-wrap:wrap;grid-area:bar;justify-content:space-between;align-items:center;gap:.75rem 1.25rem;width:100%;max-width:50rem;display:flex}.play__tools{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.icon-btn{width:2.875rem;height:2.875rem;color:var(--ink);background:var(--surface);border:2px solid var(--edge);border-radius:var(--radius-control);cursor:pointer;transition:background-color var(--step) steps(2, end), transform var(--step) steps(2, end);place-items:center;display:grid}.icon-btn:hover:not(:disabled){background:var(--surface-2)}.icon-btn:active:not(:disabled){transform:translateY(2px)}.icon-btn[aria-pressed=true]{color:var(--accent-ink);background:var(--accent);border-color:var(--accent-deep)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.play__volume{width:6.5rem;accent-color:var(--accent);margin-inline:.25rem .5rem}.play__palette{min-height:2.875rem;font:inherit;color:var(--ink);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236170bf' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right .7rem center / 1rem;border:2px solid var(--edge);border-radius:var(--radius-control);appearance:none;cursor:pointer;padding:0 2.25rem 0 .85rem;font-weight:700}.play__save{align-items:center;min-height:2.875rem;display:flex}.play__save-error{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:inline-flex}@media (width<=30rem){.play__volume{display:none}.play__tools{gap:.35rem}.icon-btn,.play__palette{height:2.75rem;min-height:2.75rem}.icon-btn{width:2.75rem}.play__palette{background-position:right .5rem center;padding:0 1.9rem 0 .6rem}}.play__info{gap:var(--pitch);max-width:50rem;margin-top:calc(var(--pitch) * 2);display:grid}.play__heading{justify-content:space-between;align-items:flex-end;gap:var(--pitch);flex-wrap:wrap;display:flex}.play__manage{align-items:flex-end;gap:.75rem calc(var(--pitch) * 2);flex-wrap:wrap;display:flex}.play__manage .delete-confirm__text{max-width:18rem}.play__meta{flex-wrap:wrap;gap:.75rem;display:flex}.play__description{white-space:pre-line;max-width:62ch;font-size:1.05rem}.play__guest{max-width:62ch;padding:1rem 1.15rem;font-weight:600}.play__help{padding:1rem 1.25rem}.play__help summary{cursor:pointer;width:fit-content;min-height:32px;font-size:1.3rem;font-weight:800;font-stretch:75%}.play__help dl{grid-template-columns:max-content 1fr;gap:.5rem 1.5rem;margin:1rem 0;display:grid}.play__help dt{font-weight:800}.play__help dd{color:var(--muted);margin:0}.game-form{width:min(100% - 2rem,42rem);padding-block:calc(var(--pitch) * 2) calc(var(--pitch) * 4);margin-inline:auto}.game-form__intro{max-width:60ch;margin-block:1rem calc(var(--pitch) * 1.5);color:var(--muted);font-size:1.05rem}.game-form__board{padding:calc(var(--pitch) * 1.25)}.game-form__note{color:var(--muted);font-size:.9rem}.game-form__actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.game-form__section{margin-top:calc(var(--pitch) * 2);padding:calc(var(--pitch) * 1.25);border-style:dashed;border-color:var(--danger);gap:1.25rem;display:grid}.choice{border:0;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem;margin:0;padding:0;display:grid}.choice legend{margin-bottom:.5rem}.choice__option{background:var(--surface);border:2px solid var(--edge);border-radius:var(--radius-control);cursor:pointer;align-items:flex-start;gap:.75rem;min-height:48px;padding:.9rem 1rem;display:flex}.choice__option:has(input:checked){background:color-mix(in srgb, var(--accent) 12%, var(--surface));border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.choice__option:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.choice__option input{width:1.15rem;height:1.15rem;accent-color:var(--accent);margin-top:.2rem}.choice__option span{font-weight:800;display:grid}.choice__option small{color:var(--muted);font-size:.875rem;font-weight:500}.cover-picker{grid-template-columns:7rem 1fr;align-items:start;gap:1.25rem;display:grid}.cover-picker__preview{aspect-ratio:1;color:var(--line);background:var(--surface-2);border:2px solid var(--edge);border-radius:var(--radius-box);place-items:center;display:grid;overflow:hidden}.cover-picker__preview img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}@media (width<=30rem){.cover-picker{grid-template-columns:1fr}.cover-picker__preview{width:7rem}}.progress{background:var(--surface-2);border:2px solid var(--edge);border-radius:4px;height:1rem;overflow:hidden}.progress span{background:var(--accent);height:100%;transition:width var(--step) steps(2, end);display:block}.account{width:min(100% - 2rem,40rem);padding-block:calc(var(--pitch) * 2) calc(var(--pitch) * 4);margin-inline:auto}.account__title{margin-bottom:calc(var(--pitch) * 1.5)}.account__section{margin-bottom:var(--pitch);padding:calc(var(--pitch) * 1.25);gap:1.25rem;display:grid}.account__row{gap:.75rem calc(var(--pitch) * 1.5);flex-wrap:wrap;display:flex}.account__form-actions{justify-self:start}.legal{padding-block:calc(var(--pitch) * 2) calc(var(--pitch) * 4)}.legal__updated{color:var(--muted);margin-top:.75rem;font-weight:700}.legal__layout{align-items:start;gap:calc(var(--pitch) * 2);margin-top:calc(var(--pitch) * 2);grid-template-columns:14rem minmax(0,46rem);display:grid}.legal__contents{top:var(--pitch);position:sticky}.legal__contents>summary{background:var(--surface);border:2px solid var(--edge);border-radius:var(--radius-control);cursor:pointer;min-height:48px;padding:0 1rem;font-weight:800}@media (width>=56rem){.legal__contents>summary{display:none}}.legal__contents ul{gap:.15rem;margin:0;padding:0;list-style:none;display:grid}.legal__contents a{min-height:44px;color:var(--ink);align-items:center;font-weight:700;text-decoration:none;display:flex}.legal__contents a:hover{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.legal__body{padding:calc(var(--pitch) * 1.5);font-size:1.05rem;line-height:1.65}.legal__lead{font-size:1.2rem;font-weight:600;line-height:1.5}.legal__section{margin-top:calc(var(--pitch) * 1.5);padding-top:calc(var(--pitch) * 1.25);border-top:2px dashed var(--line);scroll-margin-top:var(--pitch);gap:.85rem;display:grid}.legal__section h2{font-size:1.9rem}.legal__section h3{margin:.6rem 0 0;font-size:1.25rem;font-weight:800;font-stretch:75%;line-height:1.2}.legal__section ul{gap:.5rem;margin:0;padding-left:1.25rem;display:grid}.legal__section li::marker{color:var(--accent)}@media (width<=56rem){.legal__layout{gap:var(--pitch);grid-template-columns:1fr}.legal__contents{position:static}.legal__contents ul{background:var(--surface);border:2px solid var(--edge);border-radius:var(--radius-control);margin-top:.5rem;padding:.25rem 1rem}.legal__body{padding:var(--pitch)}}