:root{color:#d8d1dc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#6e668357,#0000 26%),radial-gradient(circle at 100% 0,#5e748042,#0000 24%),radial-gradient(circle at bottom,#805f6d38,#0000 28%),linear-gradient(#19171d,#121117 58%,#0f0e13);font-family:Avenir Next,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;min-width:320px;margin:0}body.game-active{width:100%;position:fixed;inset:0;overflow:hidden}button,input,textarea,select{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#f0e7f1}p{margin-bottom:0}#root{position:relative}:root{--bg-base:#0d0c12;--bg-surface:#17161f;--bg-elevated:#20202b;--fg-primary:#f4edf3;--fg-secondary:#cec3d1;--fg-muted:#8a8295;--border-soft:#c6b9d01a;--border-medium:#c6b9d02e}body{min-height:100vh;color:var(--fg-primary);background-color:#0000;background-image:radial-gradient(1200px 600px at 15% -10%,#8160be2e,#0000 50%),radial-gradient(900px 500px at 85% 110%,#ff5a781f,#0000 50%),linear-gradient(#0a090f 0%,#13111a 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.app-shell{min-height:100vh}.page-shell{width:min(1200px,100% - 32px);margin:0 auto;padding:clamp(32px,5vw,64px) 0 80px}.hero-panel{text-align:center;padding:clamp(56px,9vw,120px) clamp(20px,6vw,72px);position:relative}.hero-eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--fg-muted);margin:0 0 24px;font-size:.75rem;font-weight:600}.hero-panel h1{letter-spacing:-.04em;background:linear-gradient(135deg,#fff 0%,#c8bed0 50%,#8a7895 100%);color:#0000;-webkit-background-clip:text;background-clip:text;max-width:14ch;margin:0 auto 24px;font-size:clamp(3.2rem,9vw,6.4rem);font-weight:800;line-height:1.02}.hero-copy{width:min(560px,100%);color:var(--fg-secondary);margin:0 auto;font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.7}.primary-button,.secondary-button,.card-button,.ghost-button{cursor:pointer;font:inherit;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-weight:600;transition:transform .18s,filter .18s,box-shadow .18s,background .18s;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg,#8b6bd4,#c46989);box-shadow:0 10px 30px #8b6bd459}.primary-button:hover,.secondary-button:hover,.card-button:hover,.ghost-button:hover{filter:brightness(1.08);transform:translateY(-2px)}.primary-button:active,.card-button:active,.ghost-button:active{transform:translateY(0)}.secondary-button{color:var(--fg-primary);border:1px solid var(--border-medium);background:#ffffff0f}.ghost-button{color:var(--fg-primary);border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;padding:10px 18px}.games-section{margin-top:clamp(32px,5vw,56px)}.section-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:28px;display:flex}.section-label{letter-spacing:.28em;text-transform:uppercase;color:var(--fg-muted);margin:0 0 6px;font-size:.72rem;font-weight:600}.section-heading h2{letter-spacing:-.02em;color:var(--fg-primary);margin:0;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:700}.games-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.game-card{border:1px solid var(--border-soft);background:linear-gradient(#282632e0,#16151cf2);border-radius:28px;flex-direction:column;gap:20px;padding:28px 26px 26px;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.game-card:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border-medium));box-shadow:0 30px 50px #0006, 0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent);transform:translateY(-4px)}.game-card-glow{background:radial-gradient(ellipse at top, color-mix(in srgb, var(--accent) 35%, transparent), transparent 70%);pointer-events:none;opacity:.55;width:140%;height:80%;transition:opacity .22s;position:absolute;top:-40%;left:-20%}.game-card:hover .game-card-glow{opacity:.9}.game-card-body{position:relative}.game-badge{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-size:.7rem;font-weight:700}.game-card h3{letter-spacing:-.02em;color:var(--fg-primary);margin:0 0 10px;font-size:1.8rem;font-weight:700}.game-card-desc{color:var(--fg-secondary);margin:0;font-size:.95rem;line-height:1.6}.card-button{color:var(--fg-primary);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 80%, #000), color-mix(in srgb, var(--accent) 50%, #000));box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 30%, transparent);justify-content:space-between;width:100%;padding:14px 22px;position:relative}.card-button-arrow{font-size:1.2em;transition:transform .22s}.game-card:hover .card-button-arrow{transform:translate(4px)}.game-view{background:radial-gradient(800px 400px at 50% 0%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 60%), linear-gradient(180deg, #0a090f 0%, #13111a 100%);min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;display:flex;position:relative}.game-view-header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-soft);background:#0a090f8c;justify-content:space-between;align-items:center;gap:16px;padding:16px clamp(14px,3vw,28px);display:flex;position:sticky;top:0}.back-button{flex-shrink:0}.game-view-title{text-align:center;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.game-view-tagline{letter-spacing:.28em;text-transform:uppercase;color:var(--fg-muted);font-size:.65rem;font-weight:600}.game-view-title h1{letter-spacing:-.01em;color:var(--fg-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(1.05rem,2.4vw,1.5rem);font-weight:700;overflow:hidden}.game-view-spacer{flex-shrink:0;width:96px}.game-view-body{flex:1;justify-content:center;align-items:center;min-height:0;padding:clamp(16px,3vw,32px);display:flex}.snake-layout{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:100%;height:auto;min-height:0;display:flex}.snake-stage{flex-direction:row;justify-content:center;align-items:flex-start;gap:10px;width:100%;max-width:100%;display:flex;position:relative}.snake-sidebar,.game-sidebar{flex-direction:column;flex:0 0 268px;justify-content:flex-start;align-items:stretch;gap:14px;width:268px;display:flex}.snake-topbar,.snake-panel{background:linear-gradient(#24222beb,#19181ef5);border-radius:32px;width:auto;max-width:100%}.snake-panel{box-shadow:none;background:0 0;border:0;justify-content:center;align-items:center;min-height:0;padding:0;display:flex}.snake-grid{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:radial-gradient(circle at 0 0,#7b71932e,#0000 28%),radial-gradient(circle at 100% 100%,#58717e24,#0000 30%),linear-gradient(#1d1c23fa,#141418fa);border-radius:24px;grid-template-columns:repeat(23,minmax(0,1fr));gap:0;width:min(100vw - 300px,100vh - 220px,700px);max-width:700px;margin:0 auto;padding:10px;display:grid;box-shadow:inset 0 0 0 1px #d6cade0d,0 30px 70px #06070c66}.snake-cell{aspect-ratio:1;background:#ffffff03;border-radius:0;position:relative;overflow:hidden}.snake-cell-head{transform-origin:50%;background:radial-gradient(circle at 32% 28%,#fffffff2,#0000 18%),radial-gradient(circle at 50% 68%,#34572a33,#0000 52%),linear-gradient(145deg,#87c46a 0%,#6fad58 38%,#5e9649 68%,#4f7f3f 100%);border-radius:38% 38% 34% 34%;animation:2.6s ease-in-out infinite snakeHeadBreath;box-shadow:inset 0 2px 4px #ffffff6b,inset 0 -7px 12px #31522647,0 3px 8px #2f4a282e}.snake-cell-body{background:0 0;place-items:center;display:grid}.snake-body-core{width:calc(100% * var(--segment-scale,.85));height:calc(100% * var(--segment-scale,.82));animation:3.4s ease-in-out infinite snakeBodyPulse;animation-delay:calc(var(--segment-scale,.85) * -1.8s);background:radial-gradient(circle at 35% 30%,#ffffff6b,#0000 18%),repeating-linear-gradient(#45632a29 0 7%,#7dac560a 7% 15%,#ffffff0f 15% 22%),linear-gradient(#9cd177 0%,#79b85d 46%,#5f974c 100%);border-radius:46%;box-shadow:inset 0 2px 3px #ffffff57,inset 0 -5px 8px #32542738,0 1px 3px #3654291f}.snake-head-eye{background:radial-gradient(circle at 38% 35%,#fff 0 14%,#0000 15%),linear-gradient(#1d2318 0%,#050704 100%);border-radius:50%;width:14%;height:18%;position:absolute;top:26%;box-shadow:0 0 0 1px #eaf8d680}.snake-head-eye-a{left:24%}.snake-head-eye-b{right:24%}.snake-cell-head-right .snake-head-eye-a{left:38%}.snake-cell-head-right .snake-head-eye-b{right:14%}.snake-cell-head-left .snake-head-eye-a{left:14%}.snake-cell-head-left .snake-head-eye-b{right:38%}.snake-cell-head-up .snake-head-eye{top:18%}.snake-cell-head-down .snake-head-eye{top:42%}.snake-head-nostril{background:#2b4324b8;border-radius:50%;width:8%;height:10%;position:absolute;top:56%;box-shadow:inset 0 1px 1px #ffffff1f}.snake-head-nostril-a{left:37%}.snake-head-nostril-b{right:37%}.snake-head-tongue{transform-origin:top;background:linear-gradient(#d64f73,#b42f5c);border-radius:999px;width:10%;height:28%;animation:3.2s ease-in-out infinite tongueFlick;position:absolute;top:72%;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #76153433}.snake-head-tongue-fork{background:linear-gradient(#d64f73,#b42f5c);border-radius:999px;width:45%;height:32%;position:absolute;bottom:-4%}.snake-head-tongue-fork-a{transform-origin:top;left:4%;transform:rotate(24deg)}.snake-head-tongue-fork-b{transform-origin:top;right:4%;transform:rotate(-24deg)}.snake-cell-head-right .snake-head-tongue{width:28%;height:10%;top:50%;left:82%;transform:translateY(-50%)}.snake-cell-head-right .snake-head-tongue-fork-a,.snake-cell-head-right .snake-head-tongue-fork-b{width:32%;height:45%;top:4%;bottom:auto}.snake-cell-head-right .snake-head-tongue-fork-a{left:auto;right:-2%;transform:rotate(-26deg)}.snake-cell-head-right .snake-head-tongue-fork-b{right:-2%;transform:rotate(26deg)}.snake-cell-head-left .snake-head-tongue{width:28%;height:10%;top:50%;left:auto;right:82%;transform:translateY(-50%)}.snake-cell-head-left .snake-head-tongue-fork-a,.snake-cell-head-left .snake-head-tongue-fork-b{width:32%;height:45%;top:4%;bottom:auto}.snake-cell-head-left .snake-head-tongue-fork-a{left:-2%;transform:rotate(26deg)}.snake-cell-head-left .snake-head-tongue-fork-b{left:-2%;transform:rotate(-26deg)}.snake-cell-head-up .snake-head-tongue{height:24%;top:6%;transform:translate(-50%)rotate(180deg)}.snake-cell-head-down .snake-head-tongue{top:72%}.snake-cell-tail .snake-body-core{width:calc(100% * max(.42, var(--segment-scale,.7) - .12));height:calc(100% * max(.3, var(--segment-scale,.62) - .18));background:radial-gradient(circle at 35% 30%,#ffffff5c,#0000 18%),linear-gradient(#8bc56b 0%,#6daa54 60%,#568947 100%);border-radius:55% 55% 68% 68%}.snake-food-shine,.snake-food-stem,.snake-food-leaf{position:absolute}.snake-food-gloss{pointer-events:none;border-radius:50%;position:absolute}.snake-food-gloss-a{filter:blur(.5px);opacity:.9;background:linear-gradient(#ffffffb8,#fff0);width:34%;height:18%;top:24%;left:18%;transform:rotate(-24deg)}.snake-food-gloss-b{opacity:.72;background:radial-gradient(circle,#fff5f5a3,#fff0);width:16%;height:10%;top:42%;left:28%}.snake-food-shine{background:radial-gradient(circle at 34% 26%,#fff7f5eb 0 12%,#0000 13%),radial-gradient(circle at 32% 16%,#ffffff8a,#0000 22%),radial-gradient(circle at 62% 78%,#5d080f42,#0000 34%),linear-gradient(#ef6a52 0%,#d83d2f 48%,#a71917 100%);border-radius:48% 48% 44% 44%/42% 42% 58% 58%;animation:2.8s ease-in-out infinite appleGlossPulse;inset:18%;box-shadow:inset 0 2px 4px #fff1ee66,inset 0 -6px 10px #7a111442,0 2px 5px #7014171f}.snake-food-stem{transform-origin:bottom;background:linear-gradient(#6a4d24,#493012);border-radius:999px;width:9%;height:22%;top:6%;left:49%;transform:rotate(-14deg)}.snake-food-leaf{background:linear-gradient(#fff3,#0000),linear-gradient(135deg,#6cb760,#3f8c42);border-radius:100% 10%;width:25%;height:14%;top:10%;left:54%;transform:rotate(-18deg);box-shadow:inset 0 -2px 3px #19521f38}@keyframes snakeHeadBreath{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes snakeBodyPulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.04);transform:scale(1.02)}}@keyframes tongueFlick{0%,78%,to{opacity:.86;transform:translate(-50%)scaleY(.92)}82%{opacity:1;transform:translate(-50%)scaleY(1.16)}88%{opacity:.96;transform:translate(-50%)scaleY(1.04)}}.snake-cell-head-right .snake-head-tongue{animation-name:tongueFlickRight}.snake-cell-head-left .snake-head-tongue{animation-name:tongueFlickLeft}.snake-cell-head-up .snake-head-tongue{animation-name:tongueFlickUp}@keyframes tongueFlickRight{0%,78%,to{opacity:.86;transform:translateY(-50%)scaleX(.92)}82%{opacity:1;transform:translateY(-50%)scaleX(1.16)}88%{opacity:.96;transform:translateY(-50%)scaleX(1.04)}}@keyframes tongueFlickLeft{0%,78%,to{opacity:.86;transform:translateY(-50%)scaleX(.92)}82%{opacity:1;transform:translateY(-50%)scaleX(1.16)}88%{opacity:.96;transform:translateY(-50%)scaleX(1.04)}}@keyframes tongueFlickUp{0%,78%,to{opacity:.86;transform:translate(-50%)rotate(180deg)scaleY(.92)}82%{opacity:1;transform:translate(-50%)rotate(180deg)scaleY(1.16)}88%{opacity:.96;transform:translate(-50%)rotate(180deg)scaleY(1.04)}}@keyframes appleGlossPulse{0%,to{filter:saturate();transform:scale(1)}50%{filter:saturate(1.06);transform:scale(1.025)}}.snake-status,.game-stats{gap:14px;width:100%;display:grid}.snake-status-single,.game-stats-single{grid-template-columns:1fr}.snake-status-double,.game-stats-double{grid-template-columns:repeat(2,minmax(0,1fr))}.status-card,.game-card-panel{box-sizing:border-box;background:#5c52655c;border:1px solid #c6b9d014;border-radius:16px;width:100%;min-width:0;padding:12px 16px 14px}.status-card strong,.game-card-panel strong{color:#f1e8f1;margin-top:2px;font-size:1.25rem;display:block}.snake-actions,.game-actions{justify-content:center;align-items:center;width:100%;display:flex}.snake-restart-button,.game-action-button{width:100%;min-width:0;margin-top:0;padding:14px 22px}.leaderboard-card{background:#5c526538;border:1px solid #c6b9d014;border-radius:18px;width:100%;padding:12px 14px}.leaderboard-card h3{color:#f1e8f1;margin:8px 0 12px;font-size:1.02rem}.leaderboard-list{flex-direction:column;gap:8px;display:flex}.leaderboard-row{color:#d9cfda;justify-content:space-between;align-items:center;gap:12px;font-size:.96rem;display:flex}.leaderboard-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leaderboard-row strong{color:#f2eaf2;font-size:1rem}.leaderboard-empty{color:#bcaec2;line-height:1.5}.snake-name-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0e13bd;border-radius:32px;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.snake-name-card{background:radial-gradient(circle at 0 0,#7f708b33,#0000 34%),linear-gradient(#292530fa,#1b1920fa);border:1px solid #c6b9d01f;border-radius:24px;width:min(100%,360px);padding:24px;box-shadow:0 22px 60px #04050a66}.snake-name-card h3{color:#f4edf3;margin:8px 0;font-size:1.5rem}.snake-name-copy{color:#cbbfce;line-height:1.6}.snake-name-field{color:#e7dfe8;flex-direction:column;gap:8px;margin-top:20px;font-size:.95rem;display:flex}.snake-name-input{color:#f7f2f6;background:#443c4f6b;border:1px solid #c6b9d029;border-radius:16px;outline:none;width:100%;padding:14px 16px}.snake-name-input:focus{border-color:#d7c5dc57}.snake-name-error{color:#ffb7c5;margin-top:10px}.snake-name-button{width:100%;margin-top:18px}.formula-layout .snake-stage{align-items:stretch}.formula-canvas-container{aspect-ratio:7/12;border:1px solid var(--border-medium);background:#0a0b10;border-radius:28px;width:min(100vw - 320px,100dvh - 180px,460px);max-width:100%;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000080,inset 0 0 0 1px #ffffff08}.formula-canvas{touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block}.arkanoid-canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.formula-controls-panel{padding:14px 16px 16px}.formula-controls-panel h3{color:#f1e8f1;margin:8px 0;font-size:1.04rem}.formula-controls-copy{color:#c9bfce;margin:0;line-height:1.5}.formula-control-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.formula-control-button{padding:12px 16px}@media (width>=1800px){.snake-stage{gap:16px}.snake-sidebar,.game-sidebar{flex:0 0 260px;width:260px}.snake-grid{border-radius:28px;width:min(100vw - 320px,100dvh - 150px,820px);padding:12px}.formula-canvas-container{width:min(100vw - 320px,100dvh - 150px,460px)}.arkanoid-canvas-container{width:min(100vw - 320px,100dvh - 150px,760px)}}@media (width<=1200px){.snake-sidebar,.game-sidebar{flex:0 0 240px;width:240px}.snake-grid{width:min(100vw - 290px,100dvh - 140px,640px)}.formula-canvas-container{width:min(100vw - 290px,100dvh - 140px,420px)}.arkanoid-canvas-container{width:min(100vw - 290px,100dvh - 140px,560px)}}@media (width<=960px){.snake-stage{gap:14px}.snake-sidebar,.game-sidebar{flex:0 0 220px;width:220px}.snake-grid{width:min(100vw - 260px,100dvh - 130px,580px)}.formula-canvas-container{width:min(100vw - 260px,100dvh - 130px,380px)}.arkanoid-canvas-container{width:min(100vw - 260px,100dvh - 130px,480px)}}@media (width<=720px){.games-grid{grid-template-columns:1fr}.game-view-header{padding:10px 14px}.game-view-spacer{width:60px}.game-view-body{justify-content:flex-start;align-items:stretch;padding:10px 8px 8px}.snake-layout{justify-content:flex-start;gap:8px;width:100%}.snake-stage{flex-direction:column;align-items:center;gap:10px;width:100%}.snake-panel{justify-content:center;width:100%;display:flex}.snake-sidebar,.game-sidebar{flex-flow:wrap;flex:0 auto;justify-content:center;gap:8px;width:100%}.snake-grid{border-radius:20px;width:min(100vw - 16px,100dvh - 220px);padding:8px}.formula-canvas-container{aspect-ratio:7/12;width:min(100vw - 16px,58.3333dvh - 128.333px)}.arkanoid-canvas-container{width:min(100vw - 16px,100dvh - 220px)}.status-card,.game-card-panel{flex:90px;min-width:0;padding:8px 10px 10px}.status-card strong,.game-card-panel strong{font-size:1.05rem}.panel-label{font-size:.64rem}.controls-hint-panel{display:none}.formula-controls-panel{width:min(100%,260px)}.snake-restart-button,.game-action-button{padding:11px 18px;font-size:.92rem}}@media (width<=480px){.page-shell{padding:24px 0 48px}.game-view-header{gap:8px;padding:8px 10px}.back-button{padding:7px 12px;font-size:.85rem}.game-view-spacer{width:0;display:none}.game-view-title h1{font-size:.95rem}.game-view-tagline{letter-spacing:.2em;font-size:.56rem}.game-view-body{padding:8px 6px 6px}.snake-grid{border-radius:18px;width:min(100vw - 12px,100dvh - 210px);padding:6px}.formula-canvas-container{border-radius:22px;width:min(100vw - 12px,58.3333dvh - 122.5px)}.arkanoid-canvas-container{width:min(100vw - 12px,100dvh - 210px)}.status-card,.game-card-panel{border-radius:14px;flex:78px;padding:7px 10px 8px}.status-card strong,.game-card-panel strong{font-size:.98rem}.snake-restart-button,.game-action-button{min-width:0;padding:10px 14px;font-size:.88rem}}@media (width<=900px) and (orientation:landscape) and (height<=500px){.game-view-header{padding:6px 10px}.game-view-body{padding:6px 8px}.snake-stage{flex-direction:row;align-items:center;gap:10px}.snake-sidebar,.game-sidebar{flex-flow:column;flex:0 0 170px;gap:6px;width:170px}.snake-grid{width:min(100vw - 200px,100dvh - 80px)}.formula-canvas-container{width:min(100vw - 200px,58.3333dvh - 46.6667px)}.arkanoid-canvas-container{width:min(100vw - 200px,100dvh - 80px)}.controls-hint-panel{display:none}}.mobile-touch-hint{border:1px solid var(--border-soft);color:var(--fg-secondary);text-align:center;letter-spacing:.04em;background:#ffffff0a;border-radius:12px;padding:8px 12px;font-size:.78rem;display:none}@media (hover:none) and (pointer:coarse){.mobile-touch-hint{display:block}.desktop-only-hint{display:none}}.mobile-fire-button{color:#ffedb3;letter-spacing:.18em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;z-index:6;background:radial-gradient(circle at 35% 30%,#ffe67859,#ffcc0026 60%,#00000059);border:2px solid #ffcc008c;border-radius:50%;width:72px;height:72px;font-size:.78rem;font-weight:700;display:none;position:absolute;bottom:14px;right:14px;box-shadow:0 10px 30px #0006}.mobile-fire-button:active{background:radial-gradient(circle at 35% 30%,#ffe6788c,#ffcc004d 60%,#00000059);transform:scale(.94)}@media (hover:none) and (pointer:coarse){.mobile-fire-button{justify-content:center;align-items:center;display:flex}}.snake-grid{position:relative}.game-overlay{z-index:5;text-align:center;background:#0f0e14f0;border:1px solid #c6b9d038;border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:24px 32px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 50px #00000080}.game-overlay-title{color:#f4edf3;letter-spacing:.02em;font-size:1.6rem;font-weight:700}.game-overlay-sub{color:#cec3d1;font-size:1rem}.game-overlay-button{margin-top:6px;padding:10px 22px}.controls-hint-panel{padding:12px 16px 14px}.controls-hint-body{color:#cec3d1;margin-top:6px;font-size:12px;line-height:1.8}.arkanoid-canvas{width:100%;height:100%;display:block}.arkanoid-canvas-container{aspect-ratio:1;max-width:100%;display:flex}@media (width>=721px){.arkanoid-canvas-container{width:min(100vw - 320px,100vh - 210px,680px)}}@media (width<=640px){.snake-sidebar,.game-sidebar{flex-wrap:wrap}.snake-status,.game-stats{flex-wrap:wrap;justify-content:center}}@media (width<=480px){.game-overlay{padding:16px 22px}.game-overlay-title{font-size:1.3rem}}.formula-control-buttons{display:none}@media (hover:none) and (pointer:coarse){.formula-control-buttons{display:grid}}