@font-face{font-family:"Manaspace";src:url("/assets/fonts/mana_space.ttf") format("truetype")}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button,aside{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}strong,b{font-weight:bold}em,i{font-style:italic}*,*::before,*::after{box-sizing:border-box}:root{--bg-app: #17181C;--surface: #17181C;--surface-elevated: #2B2E36;--text: #F2F3F5;--text-secondary: #A3A8B4;--primary: #7CFF6B;--secondary: #55D6FF;--error: #E06666;--border: #393D47;--bg-stage: #050607}:root body{font-family:Manaspace,Arial,Helvetica,sans-serif;background:var(--bg-app);color:var(--text)}.game-board{--grid-line: #222;--cell-size: min( calc((var(--stage-height, 70vh) - 1px) / var(--rows)), calc((var(--stage-width, calc(100vw - 2rem)) - 1px) / var(--cols)) )}@supports(width: round(down, 1.5px, 1px)){.game-board{--cell-size: round(down, min( calc((var(--stage-height, 70vh) - 1px) / var(--rows)), calc((var(--stage-width, calc(100vw - 2rem)) - 1px) / var(--cols)) ), 1px)}}.game-board{display:grid;grid-template-columns:repeat(var(--cols), var(--cell-size));grid-template-rows:repeat(var(--rows), var(--cell-size));border-top:1px solid var(--grid-line);border-left:1px solid var(--grid-line);width:max-content}.game-board__cell{box-sizing:border-box;border-right:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line);background:#000}.game-canvas{display:block;aspect-ratio:var(--aspect);height:min(var(--stage-height, 70vh),var(--stage-width, calc(100vw - 2rem))/(var(--aspect)));max-width:var(--stage-width, calc(100vw - 2rem));background:#000;image-rendering:pixelated}.game-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;width:5rem;height:5rem;border:5px solid var(--border);border-radius:10px;color:var(--text);text-decoration:none;text-align:center;box-sizing:content-box;padding:0;background:var(--surface);cursor:pointer}.game-card:focus-visible{outline:3px solid var(--text-secondary)}.game-card:focus-visible .game-card__icon{fill:var(--primary)}.game-card:focus-visible .game-card__title{color:var(--primary);font-weight:bold}@media(hover: hover){.game-card:hover{outline:3px solid var(--text-secondary)}.game-card:hover .game-card__icon{fill:var(--primary)}.game-card:hover .game-card__title{color:var(--primary);font-weight:bold}}.game-card__icon{flex:none;height:2rem;max-width:4rem;fill:var(--text)}.game-card__title{box-sizing:border-box;width:100%;max-height:0;margin-top:0;padding-inline:.25rem;font:.9rem monospace;line-height:1.1;opacity:0;transform:translateY(2.5rem);transition:max-height .2s ease-out,margin-top .2s ease-out,transform .2s ease-out,opacity .2s ease-out}.game-card:focus-visible .game-card__title{max-height:2.5rem;margin-top:.4rem;opacity:1;transform:none}@media(hover: hover){.game-card:hover .game-card__title{max-height:2.5rem;margin-top:.4rem;opacity:1;transform:none}}@media(hover: none){.game-card .game-card__title{max-height:2.5rem;margin-top:.4rem;opacity:1;transform:none}}@media(prefers-reduced-motion: reduce){.game-card__title{transition:none}}.play-controls{display:flex;flex-direction:column;gap:.6rem}.score-table__title{font-size:1rem;font-weight:bold;margin-bottom:1rem}.score-table__list{display:grid;grid-template-columns:auto minmax(0, 1fr) auto auto;column-gap:.75em;row-gap:.15em;list-style:none}.score-table__list--no-level{grid-template-columns:auto minmax(0, 1fr) auto}.score-table__list>li,.score-table__row{display:grid;grid-column:1/-1;grid-template-columns:subgrid;align-items:baseline}.score-table__row--new{font-weight:bold;color:var(--primary)}.score-table__rank{color:var(--text-secondary)}.score-table__score{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.score-table__level,.score-table__date{white-space:nowrap;font-size:1rem}.score-table__level{color:var(--text-secondary)}.score-table__empty{font-style:italic}.ttt-board{--cell: min(24vw, 8rem);display:grid;grid-template-columns:repeat(3, var(--cell));grid-template-rows:repeat(3, var(--cell));gap:4px;background:var(--border);padding:4px;border-radius:6px;width:max-content}.ttt-board>*,.ttt-board__slot{display:contents}.ttt-board__cell{border:none;border-radius:2px;background:#000;color:var(--text);font-family:inherit;font-size:calc(var(--cell)*.6);font-weight:bold;line-height:1;cursor:pointer}.ttt-board__cell:disabled{cursor:default;color:var(--text)}.ttt-board__cell--cursor{outline:3px solid var(--secondary);outline-offset:-3px}.ttt-board__cell--win{color:var(--primary);text-shadow:0 0 calc(var(--cell)/8) var(--primary)}.touch-controls{display:none}@media(pointer: coarse){.touch-controls{display:block}}.touch .touch-controls{display:block}.touch-controls__stick,.touch-controls__cross-button,.touch-controls__action,.touch-controls__pause{position:fixed;z-index:10;opacity:.45;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;border:2px solid #fff;background:rgba(40,40,40,.9);color:#fff;font:bold 1rem monospace}.touch-controls__stick{left:calc(1.5rem + env(safe-area-inset-left));bottom:calc(1.5rem + env(safe-area-inset-bottom));width:112px;height:112px;border-radius:50%}.touch-controls__stick--active{opacity:.8}.touch-controls__cross{position:fixed;z-index:10;left:calc(1.5rem + env(safe-area-inset-left));bottom:calc(1.5rem + env(safe-area-inset-bottom));width:144px;height:144px}.touch-controls__cross-button{position:absolute;width:48px;height:48px;border-radius:8px;font-size:1.25rem}.touch-controls__cross-button:active{opacity:.8}.touch-controls__cross-button--up{top:0;left:48px}.touch-controls__cross-button--down{bottom:0;left:48px}.touch-controls__cross-button--left{top:48px;left:0}.touch-controls__cross-button--right{top:48px;right:0}.touch-controls__knob{position:absolute;top:50%;left:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:#fff;pointer-events:none}.touch-controls__action{right:calc(1.5rem + env(safe-area-inset-right));bottom:calc(2.5rem + env(safe-area-inset-bottom));width:72px;height:72px;border-radius:50%}.touch-controls__action--active{opacity:.8}.touch-controls__pause{top:calc(.75rem + env(safe-area-inset-top));right:calc(.75rem + env(safe-area-inset-right));width:40px;height:40px;border-radius:8px}.game-board__cell--tetris-I,.game-board__cell--tetris-I-flash{--block: rgb(80, 227, 230);--block-glow: rgba(80, 227, 230, 0.6)}.game-board__cell--tetris-J,.game-board__cell--tetris-J-flash{--block: rgb(36, 95, 223);--block-glow: rgba(36, 95, 223, 0.6)}.game-board__cell--tetris-L,.game-board__cell--tetris-L-flash{--block: rgb(223, 173, 36);--block-glow: rgba(223, 173, 36, 0.6)}.game-board__cell--tetris-O,.game-board__cell--tetris-O-flash{--block: rgb(223, 217, 36);--block-glow: rgba(223, 217, 36, 0.6)}.game-board__cell--tetris-T,.game-board__cell--tetris-T-flash{--block: rgb(132, 61, 198);--block-glow: rgba(132, 61, 198, 0.6)}.game-board__cell--tetris-S,.game-board__cell--tetris-S-flash{--block: rgb(78, 211, 56);--block-glow: rgba(78, 211, 56, 0.6)}.game-board__cell--tetris-Z,.game-board__cell--tetris-Z-flash{--block: rgb(227, 78, 78);--block-glow: rgba(227, 78, 78, 0.6)}.game-board__cell[class*="--tetris-"][class*=-flash]{animation:cell-flash .1s steps(1) infinite alternate}.game-board__cell--tetris-curtain{background:#969696;box-shadow:inset 0 0 0 2px #5a5a5a}.game-board__cell--snake,.game-board__cell[class*="--snake-head-"],.game-board__cell--food{position:relative;z-index:1}.game-board__cell--snake{background:linear-gradient(135deg, rgba(255, 255, 255, 0.2), transparent 40%),#4ed338;box-shadow:inset max(1px,var(--cell-size)*.06) max(1px,var(--cell-size)*.06) rgba(255,255,255,.25),inset calc(-1*max(1px, var(--cell-size) * 0.06)) calc(-1*max(1px, var(--cell-size) * 0.06)) rgba(0,0,0,.25),0 0 calc(var(--cell-size)/6) rgba(78,211,56,.35)}.game-board__cell--snake-head-up::after{content:"";display:block;width:100%;height:100%;background:radial-gradient(circle at 30% 35%, #0f2a0f 0 8%, transparent 10%),radial-gradient(circle at 70% 35%, #0f2a0f 0 8%, transparent 10%),linear-gradient(135deg, rgba(255, 255, 255, 0.2), transparent 40%),#4ed338;border-radius:50% 50% 0 0}.game-board__cell--snake-head-up::after{box-shadow:0 0 calc(var(--cell-size)/6) rgba(78,211,56,.35)}.game-board__cell--snake-head-down::after{content:"";display:block;width:100%;height:100%;background:radial-gradient(circle at 30% 65%, #0f2a0f 0 8%, transparent 10%),radial-gradient(circle at 70% 65%, #0f2a0f 0 8%, transparent 10%),linear-gradient(135deg, rgba(255, 255, 255, 0.2), transparent 40%),#4ed338;border-radius:0 0 50% 50%}.game-board__cell--snake-head-down::after{box-shadow:0 0 calc(var(--cell-size)/6) rgba(78,211,56,.35)}.game-board__cell--snake-head-left::after{content:"";display:block;width:100%;height:100%;background:radial-gradient(circle at 35% 30%, #0f2a0f 0 8%, transparent 10%),radial-gradient(circle at 35% 70%, #0f2a0f 0 8%, transparent 10%),linear-gradient(135deg, rgba(255, 255, 255, 0.2), transparent 40%),#4ed338;border-radius:50% 0 0 50%}.game-board__cell--snake-head-left::after{box-shadow:0 0 calc(var(--cell-size)/6) rgba(78,211,56,.35)}.game-board__cell--snake-head-right::after{content:"";display:block;width:100%;height:100%;background:radial-gradient(circle at 65% 30%, #0f2a0f 0 8%, transparent 10%),radial-gradient(circle at 65% 70%, #0f2a0f 0 8%, transparent 10%),linear-gradient(135deg, rgba(255, 255, 255, 0.2), transparent 40%),#4ed338;border-radius:0 50% 50% 0}.game-board__cell--snake-head-right::after{box-shadow:0 0 calc(var(--cell-size)/6) rgba(78,211,56,.35)}.game-board__cell--food::after{content:"";display:block;width:100%;height:100%;background:radial-gradient(circle at 35% 30%, rgba(255, 255, 255, 0.7) 0 10%, transparent 14%),#e34e4e;border-radius:50%}.game-board__cell--food::after{box-shadow:0 0 calc(var(--cell-size)/5) rgba(227,78,78,.45)}.game-board__cell--wall{background:#2121de}.game-board__cell--door{background:linear-gradient(transparent 40%, rgb(255, 184, 222) 40% 60%, transparent 60%),#000}.game-board__cell--pellet{background:radial-gradient(circle, rgb(255, 184, 151) 15%, #000 18%)}.game-board__cell--power{background:radial-gradient(circle, rgb(255, 184, 151) 40%, #000 45%)}.game-board__cell--pacman-right::after{content:"";display:block;width:100%;height:100%;background:#ff0;border-radius:50%;clip-path:polygon(0 0, 100% 0, 100% 30%, 50% 50%, 100% 70%, 100% 100%, 0 100%)}.game-board__cell--pacman-left::after{content:"";display:block;width:100%;height:100%;background:#ff0;border-radius:50%;clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 70%, 50% 50%, 0 30%)}.game-board__cell--pacman-up::after{content:"";display:block;width:100%;height:100%;background:#ff0;border-radius:50%;clip-path:polygon(0 0, 30% 0, 50% 50%, 70% 0, 100% 0, 100% 100%, 0 100%)}.game-board__cell--pacman-down::after{content:"";display:block;width:100%;height:100%;background:#ff0;border-radius:50%;clip-path:polygon(0 0, 100% 0, 100% 100%, 70% 100%, 50% 50%, 30% 100%, 0 100%)}.game-board__cell--ghost-blinky::after{content:"";display:block;width:100%;height:100%;background:red;border-radius:50% 50% 10% 10%}.game-board__cell--ghost-pinky::after{content:"";display:block;width:100%;height:100%;background:#ffb8ff;border-radius:50% 50% 10% 10%}.game-board__cell--ghost-inky::after{content:"";display:block;width:100%;height:100%;background:aqua;border-radius:50% 50% 10% 10%}.game-board__cell--ghost-clyde::after{content:"";display:block;width:100%;height:100%;background:#ffb852;border-radius:50% 50% 10% 10%}.game-board__cell--ghost-frightened::after{content:"";display:block;width:100%;height:100%;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='rgb(255,184,174)'><rect x='4' y='5' width='2' height='2'/><rect x='8' y='5' width='2' height='2'/><polyline points='2,11 3.5,9.5 5,11 7,9.5 9,11 10.5,9.5 12,11' fill='none' stroke='rgb(255,184,174)'/></svg>") center/100% 100% no-repeat,#2121ff;border-radius:50% 50% 10% 10%}.game-board__cell--ghost-frightened-ending::after{content:"";display:block;width:100%;height:100%;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='rgb(255,184,174)'><rect x='4' y='5' width='2' height='2'/><rect x='8' y='5' width='2' height='2'/><polyline points='2,11 3.5,9.5 5,11 7,9.5 9,11 10.5,9.5 12,11' fill='none' stroke='rgb(255,184,174)'/></svg>") center/100% 100% no-repeat,#2121ff;border-radius:50% 50% 10% 10%}.game-board__cell--ghost-frightened-ending::after{animation:ghost-flash .3s steps(1) infinite}.game-board__cell--ghost-eyes::after{content:"";display:block;width:100%;height:100%;background:radial-gradient(circle at 30% 40%, #fff 15%, transparent 18%),radial-gradient(circle at 70% 40%, #fff 15%, transparent 18%),#000;border-radius:50% 50% 10% 10%}@keyframes ghost-flash{50%{background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='rgb(255,0,0)'><rect x='4' y='5' width='2' height='2'/><rect x='8' y='5' width='2' height='2'/><polyline points='2,11 3.5,9.5 5,11 7,9.5 9,11 10.5,9.5 12,11' fill='none' stroke='rgb(255,0,0)'/></svg>") center/100% 100% no-repeat,#fff}}.game-board__cell--tetris-I,.game-board__cell--tetris-I-flash,.game-board__cell--tetris-J,.game-board__cell--tetris-J-flash,.game-board__cell--tetris-L,.game-board__cell--tetris-L-flash,.game-board__cell--tetris-O,.game-board__cell--tetris-O-flash,.game-board__cell--tetris-T,.game-board__cell--tetris-T-flash,.game-board__cell--tetris-S,.game-board__cell--tetris-S-flash,.game-board__cell--tetris-Z,.game-board__cell--tetris-Z-flash{--bevel: max(1px, calc(var(--cell-size) * 0.1));position:relative;z-index:1;background:linear-gradient(135deg, rgba(255, 255, 255, 0.45), transparent 35%),linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) center/36% 36% no-repeat,linear-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25)) center/52% 52% no-repeat,var(--block);box-shadow:inset var(--bevel) var(--bevel) rgba(255,255,255,.45),inset calc(-1*var(--bevel)) calc(-1*var(--bevel)) rgba(0,0,0,.35),0 0 calc(var(--cell-size)/3) var(--block-glow)}.game-board__cell[class*="--jewel-"]{position:relative;z-index:1}.game-board__cell[class*="--jewel-"]::before{content:"";position:absolute;inset:-25%;z-index:-1;background:radial-gradient(closest-side, var(--jewel-glow), transparent);pointer-events:none}.game-board__cell[class*="--jewel-"]::after{content:"";display:block;width:100%;height:100%;background:radial-gradient(circle at 40% 30%, rgba(255, 255, 255, 0.85) 0 5%, transparent 9%),conic-gradient(rgba(255, 255, 255, 0.2) 0 25%, rgba(0, 0, 0, 0.2) 0 50%, rgba(0, 0, 0, 0.4) 0 75%, rgba(255, 255, 255, 0.45) 0),var(--jewel);clip-path:polygon(50% 4%, 96% 50%, 50% 96%, 4% 50%)}.game-board__cell--jewel-red,.game-board__cell--jewel-red-flash,.game-board__cell--jewel-red-burst{--jewel: rgb(227, 78, 78);--jewel-glow: rgba(227, 78, 78, 0.4)}.game-board__cell--jewel-orange,.game-board__cell--jewel-orange-flash,.game-board__cell--jewel-orange-burst{--jewel: rgb(255, 140, 26);--jewel-glow: rgba(255, 140, 26, 0.4)}.game-board__cell--jewel-yellow,.game-board__cell--jewel-yellow-flash,.game-board__cell--jewel-yellow-burst{--jewel: rgb(240, 224, 60);--jewel-glow: rgba(240, 224, 60, 0.4)}.game-board__cell--jewel-green,.game-board__cell--jewel-green-flash,.game-board__cell--jewel-green-burst{--jewel: rgb(60, 210, 60);--jewel-glow: rgba(60, 210, 60, 0.4)}.game-board__cell--jewel-blue,.game-board__cell--jewel-blue-flash,.game-board__cell--jewel-blue-burst{--jewel: rgb(60, 100, 255);--jewel-glow: rgba(60, 100, 255, 0.4)}.game-board__cell--jewel-purple,.game-board__cell--jewel-purple-flash,.game-board__cell--jewel-purple-burst{--jewel: rgb(170, 80, 220);--jewel-glow: rgba(170, 80, 220, 0.4)}.game-board__cell--jewel-magic,.game-board__cell--jewel-magic-flash,.game-board__cell--jewel-magic-burst{--jewel: linear-gradient(135deg, rgb(227, 78, 78), rgb(240, 224, 60), rgb(60, 210, 60), rgb(60, 100, 255), rgb(170, 80, 220));--jewel-glow: rgba(255, 255, 255, 0.6)}.game-board__cell--jewel-magic::after,.game-board__cell--jewel-magic-flash::after,.game-board__cell--jewel-magic-burst::after{background-size:100% 100%,100% 100%,300% 300%;animation:jewel-magic 1s linear infinite alternate}.game-board__cell[class*=-flash]::after{animation:cell-flash .1s steps(1) infinite alternate}.game-board__cell[class*=-burst]::after{animation:jewel-burst .115s ease-out forwards}.game-board__cell[class*=-burst]::before{inset:0;background:radial-gradient(circle, #fff 0 15%, var(--jewel-glow) 30%, transparent 50%) 0 0/40% 40% no-repeat,radial-gradient(circle, #fff 0 15%, var(--jewel-glow) 30%, transparent 50%) 100% 0/40% 40% no-repeat,radial-gradient(circle, #fff 0 15%, var(--jewel-glow) 30%, transparent 50%) 0 100%/40% 40% no-repeat,radial-gradient(circle, #fff 0 15%, var(--jewel-glow) 30%, transparent 50%) 100% 100%/40% 40% no-repeat;animation:jewel-sparks .115s ease-out forwards}@keyframes cell-flash{50%{background:#fff}}@keyframes jewel-burst{30%{background:#fff}to{background:#fff;transform:scale(1.4);opacity:0}}@keyframes jewel-sparks{to{inset:-60%;opacity:0}}@keyframes jewel-magic{to{background-position:0 0,0 0,100% 100%}}@media(prefers-reduced-motion: reduce){.game-board__cell[class*=-flash],.game-board__cell[class*=-flash]::after,.game-board__cell--jewel-magic::after,.game-board__cell--ghost-frightened-ending::after{animation:none}.game-board__cell[class*=-flash]{outline:2px solid #fff;outline-offset:-2px}.game-board__cell[class*=-burst]::after{animation:none;background:#fff}.game-board__cell[class*=-burst]::before{animation:none;display:none}}.game{--panel-width: clamp(18rem, 24vw, 28rem);--gap: 1rem;--header-height: 3.5rem;--stage-padding: 0.5rem;--stage-width: calc(100vw - var(--panel-width) - 3 * var(--gap) - 2 * var(--stage-padding));--stage-height: calc(100dvh - var(--header-height) - 2 * var(--gap) - 2 * var(--stage-padding));min-height:100dvh;padding:0 var(--gap) var(--gap);background:var(--bg-app);color:var(--text)}@media(max-width: 768px){.game{--stage-width: calc(100vw - 2 * var(--gap) - 2 * var(--stage-padding));--stage-height: 65dvh}}.game__header{display:flex;align-items:center;gap:1.5rem;height:var(--header-height)}.game__back{color:var(--text-secondary);font-weight:bold}.game__back:focus-visible{color:var(--text);text-decoration:none}@media(hover: hover){.game__back:hover{color:var(--text);text-decoration:none}}.game__title{font-size:1.75rem;font-weight:bold}.game__layout{display:flex;gap:var(--gap);align-items:flex-start}@media(max-width: 768px){.game__layout{flex-direction:column;align-items:stretch}}.game__stage{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--stage-padding);border-radius:10px;background:radial-gradient(ellipse at center, transparent 55%, rgba(0, 0, 0, 0.55)),repeating-linear-gradient(to bottom, transparent 0 2px, rgba(255, 255, 255, 0.03) 2px 3px),radial-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1.5px) 0 0/12px 12px,var(--bg-stage);box-shadow:inset 0 0 0 1px var(--border),inset 0 0 2rem rgba(0,0,0,.8);min-height:calc(var(--stage-height) + 2*var(--stage-padding))}@media(max-width: 768px){.game__stage{min-height:0}}.game__panel{display:flex;flex-direction:column;gap:var(--gap);flex:0 0 var(--panel-width);font-size:clamp(1rem,.55rem + .6vw,1.4rem)}@media(max-width: 768px){.game__panel{flex-basis:auto;font-size:1rem}}.game__section{display:flex;flex-direction:column;gap:.6rem;padding:.85rem;border:1px solid var(--border);border-radius:10px;background:var(--surface-elevated)}.game__section-title,.game__section .score-table__title{font-size:.75rem;font-weight:bold;text-transform:uppercase;letter-spacing:.15rem;color:var(--secondary)}.game__next{align-items:center}.game__preview .game-board{--cell-size: clamp(1.5rem, 2.2vw, 2.25rem)}@media(max-width: 768px){.game__preview .game-board{--cell-size: 1.75rem}}.game__status{min-height:2.6rem}.game__status--over{color:var(--error);font-weight:bold}.game__actions{display:flex;gap:.5rem}.game__button{flex:1;padding:.75rem .6rem;border:2px solid var(--primary);border-radius:8px;background:rgba(0,0,0,0);color:var(--primary);font-weight:bold;cursor:pointer}.game__button:focus-visible{filter:brightness(1.1);outline:2px solid currentColor;outline-offset:2px}@media(hover: hover){.game__button:hover{filter:brightness(1.1);outline:2px solid currentColor;outline-offset:2px}}.game__toggle{border-color:var(--primary);background:var(--primary);color:var(--bg-app)}.game__toggle:focus-visible{outline-color:var(--primary)}@media(hover: hover){.game__toggle:hover{outline-color:var(--primary)}}.game__keys{color:var(--text)}.game__stats{display:grid;gap:.3rem;list-style:none}.game__stat{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.game__stat-label{color:var(--text-secondary)}.game__stat-value{font-size:1.4rem;font-weight:bold}.game__option-list{display:flex;flex-direction:column;gap:.6rem}.game__options{border:3px solid var(--secondary)}.game__options legend{padding-inline:.4rem;margin-left:-0.4rem}.game__options:disabled{opacity:.5}.game__option{display:flex;justify-content:space-between;align-items:center;gap:1rem}.game__option select{appearance:none;min-width:8rem;padding:.45rem 2.25rem .45rem .75rem;border:2px solid var(--secondary);border-radius:8px;background:linear-gradient(45deg, transparent 50%, var(--secondary) 50%) right 1.15rem center/0.4rem .4rem no-repeat,linear-gradient(135deg, var(--secondary) 50%, transparent 50%) right .75rem center/0.4rem .4rem no-repeat,var(--bg-stage);color:var(--text);font:inherit;font-weight:bold;line-height:1.1;cursor:pointer}.game__option select:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}@media(hover: hover){.game__option select:hover{outline:2px solid var(--secondary);outline-offset:2px}}.game__option select:disabled{cursor:not-allowed}.game__option option{background:var(--surface-elevated);color:var(--text)}.home{box-sizing:border-box;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:1rem}.home h1{font-size:2.5rem;text-transform:uppercase}.home__title{font-size:2.5rem}.home__games{display:grid;grid-template-columns:repeat(3, auto);gap:.5rem;list-style:none;padding:0;margin:0}.home__games>li:last-child:nth-child(3n+1){grid-column:2}.not-found{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;min-height:80vh;padding-top:clamp(1rem,5vw,2rem)}.not-found__title{font-size:clamp(2rem,8vw,3rem);font-weight:bold}.not-found__home{padding-block:clamp(.75rem,2vw,1rem);border:none;background:inherit;color:var(--text);font:inherit;font-size:clamp(1.25rem,5vw,2rem);font-style:italic;text-decoration:underline;cursor:pointer}.not-found__dopefish{position:fixed;right:1rem;bottom:1rem;padding:0;border:none;background:none;cursor:pointer;animation:dopefish-swim 6s ease-in-out infinite alternate}.not-found__dopefish img{display:block}@keyframes dopefish-swim{from{transform:translate(0, 0) rotate(-3deg)}to{transform:translate(-1.5rem, -0.5rem) rotate(3deg)}}@media(prefers-reduced-motion: reduce){.not-found__dopefish{animation:none}}.secret .game__stage{min-height:min(var(--stage-height) + 2*var(--stage-padding),34rem)}