:root{--bg:#06100f;--panel:#0b1718;--panel2:#101e1f;--line:#29413d;--lime:#caff58;--lime2:#92df35;--yellow:#f6df59;--lcd:#a7cf55;--lcd2:#91bb46;--ink:#173119;--text:#eef6f3;--muted:#91a9aa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#06100f;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background-image:radial-gradient(circle at 50% 0,#12312a 0,transparent 35%),linear-gradient(180deg,#06110f,#06100f 70%)}a{color:inherit;text-decoration:none}.topbar{height:74px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(22px,4vw,66px);border-bottom:1px solid #284c3c;background:#071314e8;backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;width:max-content}.snake-logo{display:grid;place-items:center;width:50px;height:50px;font:900 38px/1 monospace;color:var(--lime);text-shadow:0 0 16px #a9ff44}.brand strong{display:block;color:var(--lime);font:900 26px/1 monospace;letter-spacing:.14em;text-shadow:0 0 12px #b5ff5140}.brand small{display:block;margin-top:5px;color:#c2d1ce;font-size:8px;letter-spacing:.22em}.topbar nav{display:flex;gap:36px;height:100%;align-items:center}.topbar nav a{height:100%;display:grid;place-items:center;font-size:13px;color:#d9e4e1;position:relative}.topbar nav a.active:after,.topbar nav a:hover:after{content:"";position:absolute;bottom:13px;left:0;right:0;height:2px;background:var(--lime);box-shadow:0 0 9px var(--lime)}.retro-note{justify-self:end;color:#8ca5aa;font-size:10px;letter-spacing:.06em}.retro-note span{color:var(--lime);padding:0 5px}main{width:min(1480px,100%);margin:auto}.hero{height:305px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1.45fr .85fr;align-items:center;border-bottom:1px solid #315a40;background:radial-gradient(circle at 48% 60%,#155c2d 0,#092b1c 33%,#061711 65%,#050d0c 100%)}.hero:before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#b6ff6a 1px,transparent 1px),linear-gradient(90deg,#b6ff6a 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to bottom,transparent,#000,transparent)}.hero-art{height:100%;position:relative}.hero-snake{position:absolute;left:9%;bottom:-54px;font:900 310px/.8 Georgia,serif;color:#4f9d32;transform:rotate(-12deg);text-shadow:inset 0 0 30px #000,0 0 45px #163b1d;filter:drop-shadow(0 16px 20px #0008)}.hero-snake:after{content:"";position:absolute;width:46px;height:46px;border-radius:50%;background:#eaf6c7;box-shadow:0 0 0 12px #1e471f;top:58px;left:111px}.pixel-dots{position:absolute;right:4%;top:45px;width:120px;height:120px;background:radial-gradient(circle,var(--lime) 0 3px,transparent 4px);background-size:26px 26px;opacity:.35}.hero-copy{text-align:center;position:relative;z-index:2}.crown{color:var(--yellow);font-size:32px;line-height:1}.hero-copy h1{margin:0;color:#d2ff65;font:900 clamp(64px,8vw,122px)/.9 monospace;letter-spacing:.03em;text-shadow:0 0 8px #d5ff78,0 0 26px #8be636,0 0 65px #65bc23}.hero-copy p{margin:17px 0 0;font-size:18px;letter-spacing:.27em;color:#eef7f5}.hero-copy em{display:block;color:#d6ff52;font:italic 34px cursive;margin-top:6px;transform:rotate(-3deg)}.hero-phone{justify-self:center;width:185px;height:285px;border-radius:34px 34px 48px 48px;background:linear-gradient(145deg,#28302c,#0c1212 50%,#18211e);border:3px solid #716d4e;box-shadow:0 20px 40px #000b;transform:rotate(9deg);padding:25px 18px}.phone-speaker{width:55px;height:7px;border-radius:8px;background:#070a09;margin:0 auto 15px}.phone-screen{height:145px;background:#9fbe55;border:7px solid #151c16;box-shadow:inset 0 0 16px #425522;color:#1d3519;padding:8px;font:700 10px monospace}.phone-screen span{display:block;text-align:right}.phone-screen b{display:block;text-align:center;font-size:25px;margin-top:24px;line-height:.7}.phone-keys{display:flex;gap:10px;justify-content:center;margin-top:14px}.phone-keys i{width:34px;height:22px;border-radius:50%;background:#26332d;border:1px solid #827d55}.game-grid{display:grid;grid-template-columns:285px minmax(520px,1fr) 300px;gap:0;margin:-2px 28px 0;position:relative;z-index:4}.info-card,.leader,.console{background:linear-gradient(145deg,#0f1c1e,#081214);border:1px solid #29413d;box-shadow:0 20px 55px #0007,inset 0 1px #ffffff0a}.info-card{border-radius:22px 0 0 22px;padding:28px 28px}.info-card h2,.leader h2{font-size:17px;letter-spacing:.03em;margin:0 0 24px}.control-row{display:grid;grid-template-columns:86px 1fr;gap:16px;align-items:center;margin:20px 0}.control-row p{margin:0}.control-row strong{font-size:14px;font-weight:500}.control-row small{display:block;color:#7f9aa0;margin-top:5px;font-size:12px}kbd{font:700 10px monospace;border:1px solid #bdd2d7;background:#132126;color:#e7f3f4;border-radius:4px;padding:4px;box-shadow:inset 0 0 0 1px #24383d}.keypad,.wasd{text-align:center}.keypad>kbd,.wasd>kbd{display:inline-block;margin-bottom:4px}.keypad span,.wasd span{display:flex;gap:3px;justify-content:center}.swipe-icon{text-align:center;font-size:39px}.space-key{display:block;text-align:center;padding:8px 5px}.tips{border-top:1px solid #26383b;margin-top:25px;padding-top:15px}.tips h3{font-size:12px}.tips p{display:flex;gap:11px;color:var(--yellow);font-size:14px}.tips p span{color:#b9c9c9;font-size:11px}.console{padding:10px 18px 22px;border-radius:22px}.screen-frame{background:linear-gradient(145deg,#34423e,#07100f 60%);border:2px solid #53645f;border-radius:28px;padding:16px;box-shadow:inset 0 0 0 6px #101918,inset 0 8px 25px #000b}.lcd{position:relative;border:6px solid #1c2b22;border-radius:16px;overflow:hidden;background:var(--lcd);box-shadow:0 0 0 2px #52742f,inset 0 0 30px #436322}.hud{height:50px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;color:var(--ink);font:900 21px monospace;border-bottom:2px solid #638d35;text-shadow:1px 1px #cbe87e}.hud b{font-size:25px;margin-left:14px}canvas{display:block;width:100%;height:auto;max-height:480px;background:var(--lcd);image-rendering:pixelated}.overlay{position:absolute;inset:50px 0 0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#9fc650e8;color:var(--ink);backdrop-filter:blur(2px);padding:20px}.overlay.hidden{display:none}.overlay h2{font:900 clamp(30px,5vw,54px) monospace;letter-spacing:.1em;margin:0}.overlay p{font:700 13px monospace}.overlay input{width:min(300px,85%);padding:13px;border:2px solid var(--ink);background:#c9df88;color:var(--ink);font:700 15px monospace;text-transform:uppercase;outline:none}.overlay button{margin-top:12px;width:min(300px,85%);padding:14px;border:0;background:var(--ink);color:#d8ed9c;font-weight:900;letter-spacing:.08em;cursor:pointer}.hp{position:absolute!important;left:-9999px!important}.actionbar{display:grid;grid-template-columns:1fr 1.45fr 1fr 1fr;gap:18px;margin-top:20px}.actionbar button{height:68px;border:1px solid #3b5455;border-radius:14px;background:linear-gradient(#16272a,#0a1517);color:#d8e8ea;font-weight:700;font-size:15px;letter-spacing:.03em;box-shadow:inset 0 1px #ffffff16,0 7px 14px #0005;cursor:pointer}.actionbar button span{font-size:20px;margin-right:12px}.actionbar .primary{border-color:#8bf038;background:linear-gradient(#32891f,#1c5f17);box-shadow:inset 0 0 0 2px #68d62c,0 0 17px #62e32888;color:white}.mobile-controls{display:none}.leader{border-radius:0 22px 22px 0;padding:28px 24px}.leader-head{border-bottom:1px solid #243739;padding-bottom:13px}.leader-head h2{margin-bottom:14px}.leader-head h2 span{color:var(--yellow)}.leader-head p{margin:0;color:#bac8c9;font-size:12px}.leader ol{list-style:none;padding:5px 0;margin:0;counter-reset:rank}.leader li{counter-increment:rank;display:grid;grid-template-columns:1fr auto;gap:12px;padding:9px 5px;border-bottom:1px solid #142426;font-size:13px}.leader li:before{content:counter(rank);grid-row:1;grid-column:1;color:#d9e3e2;width:20px}.leader li span{grid-row:1;grid-column:1;padding-left:38px;color:#bdd0d0}.leader li b{grid-column:2;color:#f1d957;font-weight:500}.leader li:nth-child(-n+3):before{color:var(--yellow)}.leader .empty{display:block;color:#8ba0a2;padding:18px 5px}.leader .empty:before{content:none}.your-rank{border-top:1px solid #243739;margin-top:8px;padding-top:17px}.your-rank h3{font-size:12px;margin:0 0 8px;color:#e9f0ef}.your-rank p{margin:0;color:#8da5a6;font-size:11px}.about{margin:22px 28px;padding:20px;border:1px solid #1e3932;border-radius:15px;display:flex;gap:22px;align-items:center;color:#89a09d;font-size:12px}.about strong{color:var(--lime);letter-spacing:.1em}footer{min-height:72px;margin-top:28px;border-top:1px solid #29413d;display:flex;justify-content:center;align-items:center;gap:clamp(50px,18vw,280px);padding:20px 30px;color:#81999a;font-size:11px}footer strong{color:#a6c1c1;text-decoration:underline}footer nav{display:flex;gap:26px}footer a:hover{color:var(--lime)}@media(max-width:1100px){.topbar{grid-template-columns:1fr auto}.topbar nav{display:none}.retro-note{display:none}.hero{grid-template-columns:.8fr 1.5fr .7fr}.game-grid{grid-template-columns:230px minmax(430px,1fr)}.leader{grid-column:1/-1;border-radius:20px;margin-top:16px}.info-card{border-radius:20px 0 0 20px}.console{border-radius:0 20px 20px 0}}@media(max-width:760px){.topbar{height:64px;padding:0 18px}.brand strong{font-size:21px}.brand small{font-size:7px}.hero{height:210px;grid-template-columns:.5fr 1.5fr .5fr}.hero-snake{font-size:180px;left:-25px}.hero-snake:after{width:28px;height:28px;top:33px;left:64px;box-shadow:0 0 0 7px #1e471f}.hero-copy h1{font-size:58px}.hero-copy p{font-size:10px}.hero-copy em{font-size:22px}.hero-phone{width:110px;height:180px;padding:15px 10px;border-radius:22px;transform:rotate(9deg) translateX(20px)}.phone-screen{height:90px}.phone-keys{display:none}.game-grid{display:flex;flex-direction:column;margin:0 10px}.console{order:1;border-radius:18px;margin-top:12px;padding:8px}.leader{order:2;border-radius:18px}.info-card{order:3;border-radius:18px;margin-top:16px}.screen-frame{padding:8px;border-radius:18px}.hud{height:42px;font-size:13px;padding:0 10px}.hud b{font-size:15px;margin-left:5px}.actionbar{gap:7px}.actionbar button{height:54px;font-size:11px}.actionbar button span{display:none}.mobile-controls{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:13px}.mobile-controls div{display:flex;flex-direction:column;gap:5px}.mobile-controls button{width:56px;height:42px;border:1px solid #39534f;border-radius:10px;background:#112124;color:var(--lime);font-size:19px}.about{margin:16px 10px;flex-direction:column;align-items:flex-start;gap:6px}footer{flex-direction:column;gap:12px;text-align:center}.overlay{inset:42px 0 0}}@media(max-width:430px){.hero-art{display:none}.hero{grid-template-columns:1fr .35fr}.hero-copy{padding-left:20px}.hero-phone{transform:rotate(9deg) translateX(38px)}.hero-copy h1{font-size:50px}.hero-copy p{letter-spacing:.13em}.hero-copy em{font-size:19px}.leader,.info-card{padding:22px 18px}.actionbar{grid-template-columns:1fr 1.3fr 1fr 1fr}.actionbar button{font-size:10px}}

.start-form{display:flex;flex-direction:column;align-items:center;width:100%}.start-status{min-height:18px;margin:4px 0 8px!important;font:700 12px/1.35 monospace;color:#7b1f16;max-width:320px}.start-status.ok{color:#173119}.overlay button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.overlay input{font-size:16px}

/* Legal pages */
.legal-page{max-width:980px;margin:48px auto;padding:0 22px 64px}.legal-card{background:rgba(14,20,18,.94);border:1px solid rgba(166,255,77,.2);border-radius:18px;padding:30px;box-shadow:0 18px 60px rgba(0,0,0,.25)}.legal-card h1{margin-top:0}.legal-card h2{margin-top:28px}.legal-card p,.legal-card li{line-height:1.7}.legal-card a{color:inherit}.legal-back{display:inline-block;margin-bottom:18px}.legal-note{opacity:.8;font-size:.95rem}

/* Legal, contact and error surfaces */
.legal-kicker{color:var(--lime);font:800 11px/1 monospace;letter-spacing:.18em;margin-bottom:12px}.legal-lead{font-size:1.08rem;color:#d9e7e4}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.contact-panel{border:1px solid #29413d;border-radius:14px;background:#0a1717;padding:20px}.contact-panel h2{margin:8px 0 12px}.contact-icon{font-size:26px;color:var(--lime)}.contact-value{color:var(--lime)!important;font-weight:800;word-break:break-word}.legal-button{display:inline-block;margin-top:10px;padding:13px 18px;border:1px solid #72d92e;border-radius:10px;background:linear-gradient(#2f7f20,#1b5717);color:#fff!important;font-weight:800;box-shadow:0 0 16px #62e32844}.legal-button:hover{filter:brightness(1.1)}.whatsapp-button{width:100%;text-align:center}.error-body{display:flex;min-height:100vh;flex-direction:column}.error-page{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:48px 22px;background:radial-gradient(circle at 50% 40%,#173a2c 0,transparent 34%)}.error-snake{font:900 110px/.8 Georgia,serif;color:#4f9d32;text-shadow:0 0 35px #75df3855;transform:rotate(-10deg)}.error-code{margin-top:22px;color:var(--lime);font:900 clamp(64px,14vw,140px)/.9 monospace;text-shadow:0 0 28px #8be63666}.error-page h1{margin:18px 0 8px;font:900 clamp(24px,5vw,42px)/1 monospace;text-transform:uppercase}.error-page p{max-width:560px;color:#9fb5b2;line-height:1.6}.error-page .legal-button{margin-top:18px}@media(max-width:760px){.contact-grid{grid-template-columns:1fr}.legal-card{padding:22px}.legal-page{margin-top:28px}}

/* PWA / mobile app shell */
html,body{overscroll-behavior-y:none}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.topbar{padding-top:env(safe-area-inset-top);height:calc(74px + env(safe-area-inset-top))}footer{padding-bottom:max(18px,env(safe-area-inset-bottom))}.console canvas{touch-action:none;-webkit-user-select:none;user-select:none}.mobile-controls button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.standalone .topbar{position:sticky}.offline-page{display:grid;min-height:100dvh;place-items:center}.error-wrap{width:min(720px,calc(100% - 32px));margin:auto}.error-card{background:linear-gradient(145deg,#0f1c1e,#081214);border:1px solid #29413d;border-radius:24px;padding:42px;text-align:center;box-shadow:0 20px 55px #0007}.error-code{color:var(--lime);font:900 clamp(36px,10vw,72px)/1 monospace;text-shadow:0 0 18px #a9ff4455}.error-card button{margin-top:18px;border:1px solid #9ee444;background:#bffb58;color:#13230f;border-radius:10px;padding:13px 18px;font-weight:900}
@media(max-width:760px){body{min-height:100dvh}.topbar{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.game-grid{margin-left:max(8px,env(safe-area-inset-left));margin-right:max(8px,env(safe-area-inset-right))}.actionbar{padding-bottom:max(12px,env(safe-area-inset-bottom))}}

/* 1.0.21: neues Logo + Highscore-Seite, restliches UI bleibt 1.0.17 */

.snake-logo-new{width:auto;height:auto;display:flex;flex-direction:column;align-items:flex-start;color:var(--lime);text-shadow:0 0 8px #d5ff78,0 0 20px #62d52f}.snake-logo-new>span{font:900 30px/.82 monospace;letter-spacing:-.08em;font-style:italic}.snake-logo-new>span:after{content:"➜";display:inline-block;margin-left:3px;font-size:22px;transform:rotate(-18deg);text-shadow:0 0 12px #a9ff44}.snake-logo-new>i{font:700 7px/1 monospace;letter-spacing:.34em;margin:7px 0 0 3px;font-style:normal;color:#b9ff62}.scores-page{width:min(1180px,calc(100% - 32px));margin:42px auto 70px}.scores-hero{display:flex;align-items:center;gap:22px;margin-bottom:24px}.scores-hero h1{margin:3px 0 6px;color:var(--lime);font:900 clamp(34px,6vw,64px)/.95 monospace;text-shadow:0 0 22px #8be63655}.scores-hero p{margin:0;color:#9db1af}.trophy-mark{font-size:50px}.score-board{border:1px solid #2c5b3c;border-radius:18px;background:linear-gradient(145deg,#0b1718,#071111);padding:22px;margin:18px 0;box-shadow:0 18px 55px #0005}.score-title{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #29413d;padding-bottom:16px;margin-bottom:10px}.score-title>div{display:flex;align-items:center;gap:10px}.score-title h2{font-size:18px;margin:0}.score-title>b{font-size:12px;color:var(--lime)}.score-table{width:100%}.score-row{display:grid;grid-template-columns:52px minmax(160px,1fr) 130px 120px;align-items:center;gap:12px;min-height:46px;padding:8px 10px;border-bottom:1px solid #17292a}.score-row strong{font-size:13px}.score-row>b{color:#f4df58}.score-row time{color:#8fa5a4;font-size:12px}.score-head{min-height:34px;background:#132123;border-radius:8px;color:#93a8a6;font-size:11px}.medal{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font-weight:900;font-size:11px;background:#263436}.rank-1{background:#d8aa32;color:#1a1606}.rank-2{background:#b8c0c4;color:#172023}.rank-3{background:#a9653b;color:#1c0d06}.history-list{display:grid;gap:10px}.history-week{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:18px;padding:13px 10px;border-bottom:1px solid #17292a}.history-week h3{margin:0;color:#c8d6d3;font:800 13px/1.2 monospace}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.podium-entry{display:flex;gap:9px;align-items:center;min-width:0}.podium-entry>span{font-size:22px}.podium-entry div{min-width:0}.podium-entry strong,.podium-entry small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-entry strong{font-size:12px}.podium-entry small{margin-top:3px;color:#9aafac;font-size:11px}.score-empty,.score-notice,.score-rule{color:#91a9aa;line-height:1.6}.score-notice{border:1px solid #5b3f2c;border-radius:12px;padding:18px}.score-rule{font-size:11px;text-align:center;margin-top:20px}@media(max-width:760px){.snake-logo-new>span{font-size:25px}.scores-page{margin-top:26px}.score-board{padding:14px}.score-title{align-items:flex-start;flex-direction:column}.score-row{grid-template-columns:38px 1fr 82px}.score-row>*:last-child{display:none}.score-head span:last-child{display:none}.history-week{grid-template-columns:1fr;gap:9px}.podium{grid-template-columns:1fr}.podium-entry{padding:6px 0}.scores-hero{align-items:flex-start}.trophy-mark{font-size:36px}}

/* 1.0.21 – Clean Modern Snake */
:root{--modern-bg:#030b0b;--modern-card:#071313;--modern-card2:#0a1818;--modern-green:#48f568;--modern-border:#173a31}.modern-home{background:radial-gradient(circle at 12% 100%,#073b24 0,transparent 30%),radial-gradient(circle at 92% 8%,#0a2d20 0,transparent 26%),#030b0b}.modern-topbar{max-width:1440px;margin:14px auto 0;border:1px solid var(--modern-border);border-radius:18px 18px 0 0;background:#040d0ded;position:sticky}.modern-topbar nav a{height:44px;padding:0 16px;border-radius:10px}.modern-topbar nav a.active{background:#06351d;color:#69ff7d}.modern-topbar nav a.active:after,.modern-topbar nav a:hover:after{display:none}.header-tools{justify-self:end;display:flex;gap:18px;font-size:22px}.modern-shell{width:min(1440px,calc(100% - 28px));border-left:1px solid var(--modern-border);border-right:1px solid var(--modern-border);background:#030c0ccc;padding:24px}.play-layout{display:grid;grid-template-columns:minmax(430px,.95fr) minmax(420px,1.05fr);gap:22px}.game-card,.modern-leader,.guide-card,.install-card{background:linear-gradient(145deg,#071313,#040d0d);border:1px solid var(--modern-border);border-radius:16px;box-shadow:0 18px 50px #0004}.game-card{padding:14px}.modern-screen{padding:0;border:1px solid #1d7b42;border-radius:12px;background:#020908}.modern-screen .lcd{border-radius:11px}.modern-screen canvas{background:#020b09}.modern-actions{grid-template-columns:1fr 1.3fr 1fr 1fr;gap:9px;padding-top:12px}.modern-actions button{border-radius:10px;border-color:#20523d;background:#081817}.modern-actions .primary{background:linear-gradient(180deg,#4cff6a,#36dc55);color:#041107;border-color:#66ff7d;box-shadow:0 0 24px #43f66633}.modern-leader{border:1px solid var(--modern-border);border-radius:16px;padding:18px;min-width:0}.modern-leader .leader-head{border-bottom-color:#17352e}.modern-leader ol{margin-top:6px}.modern-leader li{border-bottom-color:#112522}.modern-leader li:nth-child(-n+3){background:#091a17;border-radius:8px}.all-scores{display:block;margin-top:14px;padding:11px;border:1px solid #236b42;border-radius:9px;text-align:center;color:#7cff8e;font-size:12px;font-weight:800}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;border:1px solid var(--modern-border);border-radius:16px;background:#061111}.feature-strip article{display:grid;place-items:center;text-align:center;padding:26px 14px;border-right:1px solid #17302b}.feature-strip article:last-child{border-right:0}.feature-strip b{font-size:30px;color:var(--modern-green);margin-bottom:10px}.feature-strip strong{font-size:13px}.feature-strip span{font-size:11px;color:#93a8a5;margin-top:7px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.guide-card{padding:24px}.section-kicker{font-size:10px;font-weight:900;letter-spacing:.18em;color:var(--modern-green)}.guide-card h2{margin:8px 0 18px;font-size:21px}.guide-rows{display:grid;gap:9px}.guide-rows>div{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;padding:11px 12px;border:1px solid #122d27;border-radius:9px;background:#061111}.guide-rows strong{color:#69ff7d;font:800 12px/1.2 monospace}.guide-rows span{color:#a9b9b7;font-size:12px}.install-card{display:grid;grid-template-columns:1fr 1.3fr;gap:28px;align-items:center;margin-top:18px;padding:22px}.install-card>div:first-child{display:flex;gap:16px;align-items:center}.install-icon{font-size:48px;color:var(--modern-green)}.install-card strong{font-size:17px}.install-card p{margin:6px 0 0;color:#9badaa;font-size:12px;line-height:1.55}.install-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.install-steps span{font-size:11px;color:#b9c7c5;line-height:1.45}.install-steps b{color:#63ff7a}.modern-footer{width:min(1440px,calc(100% - 28px));margin:0 auto 90px;border:1px solid var(--modern-border);border-top-color:#17352e;border-radius:0 0 18px 18px;background:#040d0d;justify-content:space-between;gap:30px}.modern-footer nav{gap:18px;flex-wrap:wrap;justify-content:flex-end}.mobile-tabbar{display:none}
@media(max-width:980px){.modern-topbar{margin-top:0;border-radius:0;border-left:0;border-right:0}.play-layout{grid-template-columns:1fr}.modern-leader{grid-column:auto;margin-top:0}.feature-strip{grid-template-columns:1fr 1fr}.feature-strip article:nth-child(2){border-right:0}.feature-strip article:nth-child(-n+2){border-bottom:1px solid #17302b}.guide-grid,.install-card{grid-template-columns:1fr}.modern-footer{border-radius:0;margin-bottom:80px;width:100%}}
@media(max-width:760px){.modern-shell{width:100%;padding:10px;border:0}.modern-topbar{height:calc(72px + env(safe-area-inset-top));padding-left:16px;padding-right:16px}.modern-topbar .header-tools{display:flex}.modern-topbar nav{display:none}.snake-logo-new>span{font-size:29px}.play-layout{gap:10px}.game-card{padding:8px;border-radius:14px}.modern-actions{grid-template-columns:1fr 1fr 1fr 1fr}.modern-actions button{height:46px;font-size:9px}.modern-leader{padding:13px}.feature-strip{grid-template-columns:1fr 1fr}.feature-strip article{padding:18px 8px}.feature-strip b{font-size:23px}.feature-strip strong{font-size:11px}.feature-strip span{font-size:9px}.guide-grid{grid-template-columns:1fr}.guide-card{padding:18px}.guide-rows>div{grid-template-columns:90px 1fr}.install-card{padding:18px}.install-steps{grid-template-columns:1fr}.modern-footer{padding-bottom:calc(90px + env(safe-area-inset-bottom));margin-bottom:0}.modern-footer nav{justify-content:center}.mobile-tabbar{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));z-index:50;background:#061111f5;border:1px solid #173a31;border-radius:16px;padding:6px;box-shadow:0 14px 40px #000a;backdrop-filter:blur(16px)}.mobile-tabbar a{display:grid;place-items:center;gap:2px;padding:7px 2px;border-radius:10px;color:#a7b7b4;font-size:9px}.mobile-tabbar a b{font-size:17px}.mobile-tabbar a.active{background:#07351f;color:#63ff7a}.mobile-controls{margin-bottom:6px}}


/* 1.0.21 – Light/Dark appearance */
.theme-toggle{border:0;background:transparent;color:inherit;font:inherit;font-size:20px;line-height:1;cursor:pointer;padding:8px;border-radius:10px}.theme-toggle:hover,.theme-toggle:focus-visible{background:#63ff7a18;outline:1px solid #63ff7a66}.theme-toggle-fixed{position:fixed;right:16px;top:16px;z-index:100;background:#0a1716;border:1px solid #24423c;color:#63ff7a;box-shadow:0 8px 30px #0004}
html[data-theme="light"]{--bg:#f4f7f6;--panel:#fff;--panel2:#f1f5f4;--line:#d5e2de;--text:#10201d;--muted:#60746f;color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="light"] body{background:#f4f7f6;color:#10201d;background-image:radial-gradient(circle at 50% 0,#e1f8e8 0,transparent 38%),linear-gradient(180deg,#f8faf9,#edf3f1 75%)}
html[data-theme="light"] .modern-topbar,html[data-theme="light"] .topbar{background:#fffffff2;border-color:#d6e4df;color:#10201d;box-shadow:0 8px 30px #17362b0b}
html[data-theme="light"] .topbar nav a,html[data-theme="light"] .modern-topbar nav a{color:#253d37}
html[data-theme="light"] .game-card,html[data-theme="light"] .modern-leader,html[data-theme="light"] .feature-strip,html[data-theme="light"] .guide-card,html[data-theme="light"] .install-card,html[data-theme="light"] .legal-card,html[data-theme="light"] .highscore-card,html[data-theme="light"] .week-card{background:#fff;border-color:#d7e5e0;color:#10201d;box-shadow:0 14px 40px #16392c0c}
html[data-theme="light"] .modern-leader .leader-head,html[data-theme="light"] .leader li,html[data-theme="light"] .your-rank{border-color:#e1ebe8}
html[data-theme="light"] .leader li span,html[data-theme="light"] .leader-head p,html[data-theme="light"] .your-rank p,html[data-theme="light"] .guide-rows span,html[data-theme="light"] .install-card p{color:#60746f}
html[data-theme="light"] .guide-rows>div{background:#f7faf9;border-color:#e0ebe7}
html[data-theme="light"] .modern-actions button{background:#fff;border-color:#d6e3df;color:#19332c;box-shadow:0 5px 14px #193c300c}
html[data-theme="light"] .modern-actions .primary{background:linear-gradient(180deg,#54f56a,#36dc53);border-color:#27bd42;color:#06150a}
html[data-theme="light"] .feature-strip article{border-color:#e0ebe7}
html[data-theme="light"] .modern-footer,html[data-theme="light"] footer{background:#fff;border-color:#d8e5e1;color:#5c716c}
html[data-theme="light"] footer strong{color:#27483f}
html[data-theme="light"] .mobile-tabbar{background:#fffffff4;border-color:#d3e3dd;box-shadow:0 14px 40px #18382d1c}
html[data-theme="light"] .mobile-tabbar a{color:#566d67}html[data-theme="light"] .mobile-tabbar a.active{background:#e4f8e9;color:#159b35}
html[data-theme="light"] .theme-toggle-fixed{background:#fff;border-color:#d6e4df;color:#159b35}


/* 1.0.23 – unified responsive layout for all subpages */
html,body{width:100%;max-width:100%;overflow-x:hidden}
body>*{max-width:100%}
.topbar,.legal-page,.scores-page,footer{min-width:0}
.legal-page,.scores-page{box-sizing:border-box}
.score-table,.history-list,.legal-card{min-width:0;max-width:100%}
.score-row>*{min-width:0}
footer nav{min-width:0}
@media(max-width:760px){
  body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  .topbar{width:100%;height:calc(76px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 18px 0;grid-template-columns:minmax(0,1fr) auto;position:sticky;overflow:hidden}
  .topbar .brand{min-width:0;max-width:calc(100vw - 100px);overflow:hidden}
  .topbar .snake-logo-new{min-width:0;max-width:100%}
  .topbar .snake-logo-new>span{font-size:28px;white-space:nowrap}
  .topbar nav,.topbar .retro-note{display:none}
  .theme-toggle-fixed{position:fixed;top:calc(env(safe-area-inset-top) + 14px);right:14px;width:48px;height:48px;display:grid;place-items:center}
  .scores-page,.legal-page{width:100%;max-width:100%;margin:0;padding:24px 16px 32px}
  .scores-hero{width:100%;margin:0 0 18px;gap:12px}
  .scores-hero h1{font-size:clamp(34px,11vw,48px);overflow-wrap:anywhere}
  .scores-hero p{font-size:14px;line-height:1.5}
  .score-board,.legal-card{width:100%;max-width:100%;margin:16px 0;padding:16px;border-radius:18px;overflow:hidden}
  .score-title{width:100%;gap:8px}
  .score-title h2{font-size:clamp(18px,5.5vw,24px);line-height:1.2}
  .score-row{width:100%;grid-template-columns:36px minmax(0,1fr) minmax(62px,auto);gap:8px;padding:9px 4px}
  .score-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .score-row>b{text-align:right;white-space:nowrap}
  .history-week{width:100%;padding:12px 0}
  .podium{width:100%;min-width:0}
  .score-rule{padding:0 8px;font-size:12px}
  .legal-card{overflow-wrap:anywhere}
  .legal-card h1{font-size:clamp(30px,9vw,42px)}
  .legal-card h2{font-size:20px;line-height:1.25}
  .legal-card p,.legal-card li{font-size:15px;line-height:1.65}
  footer:not(.modern-footer){width:100%;max-width:100%;margin:24px 0 0;padding:24px 16px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:18px;text-align:center;overflow:hidden}
  footer:not(.modern-footer)>span{width:100%;line-height:1.6}
  footer:not(.modern-footer) nav{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 18px}
  footer:not(.modern-footer) nav a{white-space:nowrap}
}

/* 1.0.23 – iPhone/Safari game layout fixes */
@media(max-width:760px){
  body{padding-bottom:0}
  .modern-topbar .header-tools>span{display:none}
  .modern-topbar .header-tools{justify-self:end;gap:0}
  .modern-topbar .theme-toggle{width:46px;height:46px;display:grid;place-items:center;padding:0;border:1px solid #24423c;background:#081716}
  html[data-theme="light"] .modern-topbar .theme-toggle{background:#fff;border-color:#d6e4df}
  .game-card{overflow:visible}
  .modern-screen{padding:8px;border-radius:18px}
  .lcd{border-width:4px;border-radius:12px}
  .hud{height:42px;padding:0 12px;font-size:14px}
  .hud b{font-size:18px;margin-left:6px}
  canvas{width:100%;height:auto;max-height:none;aspect-ratio:1/1}
  .overlay{inset:42px 0 0;padding:14px}
  .overlay h2{font-size:clamp(30px,10vw,44px)}
  .overlay p{font-size:12px;max-width:290px}
  .overlay input,.overlay button{width:min(290px,88%)}
  .modern-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
  .modern-actions button{height:52px;font-size:11px;min-width:0}
  .modern-actions button span{font-size:16px;margin-right:7px}
  .mobile-controls{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:12px;width:min(310px,92%);margin:14px auto 4px;position:relative;z-index:2}
  .mobile-controls>div{display:grid;gap:8px}
  .mobile-controls button{width:100%;height:48px;border:1px solid #294d43;border-radius:12px;background:#0b1b1b;color:var(--lime);font-size:24px;font-weight:800}
  html[data-theme="light"] .mobile-controls button{background:#fff;border-color:#d6e4df;color:#159b35}
  .mobile-tabbar{position:relative;left:auto;right:auto;bottom:auto;width:calc(100% - 20px);margin:16px auto calc(12px + env(safe-area-inset-bottom));z-index:10}
  .modern-footer{padding-bottom:24px;margin-bottom:0}
}
@media(max-width:760px) and (display-mode:standalone){
  body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  .mobile-tabbar{position:fixed;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));width:auto;margin:0;z-index:50}
  .modern-footer{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
}

/* 1.0.26 – dedicated high-contrast light theme */
html[data-theme="light"]{--bg:#f3f6f5;--panel:#fff;--panel2:#f7f9f8;--line:#d8e1de;--lime:#168a35;--lime2:#25a844;--text:#17211f;--muted:#60706c;--modern-bg:#f3f6f5;--modern-card:#fff;--modern-card2:#f7f9f8;--modern-green:#15983a;--modern-border:#d8e2df}
html[data-theme="light"] body,html[data-theme="light"] body.modern-home{background:#f3f6f5;color:#17211f;background-image:radial-gradient(circle at 12% 0,#e8f7ec 0,transparent 32%),linear-gradient(180deg,#f8faf9,#eef3f1 78%)}
html[data-theme="light"] .modern-shell{background:#f6f9f8;border-color:#d8e2df}
html[data-theme="light"] .snake-logo-new{color:#168a35;text-shadow:none}
html[data-theme="light"] .snake-logo-new>i{color:#237d39}
html[data-theme="light"] .scores-hero h1{color:#168a35;text-shadow:none}
html[data-theme="light"] .scores-hero p,html[data-theme="light"] .score-empty,html[data-theme="light"] .score-notice,html[data-theme="light"] .score-rule{color:#61716d}
html[data-theme="light"] .legal-kicker,html[data-theme="light"] .score-title>b{color:#168a35}
html[data-theme="light"] .score-board{background:#fff;border-color:#d7e2de;color:#17211f;box-shadow:0 12px 32px #16392c12}
html[data-theme="light"] .score-title{border-color:#dfe7e4}
html[data-theme="light"] .score-title h2,html[data-theme="light"] .score-row strong,html[data-theme="light"] .history-week h3,html[data-theme="light"] .podium-entry strong{color:#17211f}
html[data-theme="light"] .score-head{background:#edf3f1;color:#536762}
html[data-theme="light"] .score-row,html[data-theme="light"] .history-week{border-color:#e4ebe8}
html[data-theme="light"] .score-row>b{color:#8a6900}
html[data-theme="light"] .score-row time,html[data-theme="light"] .podium-entry small{color:#657570}
html[data-theme="light"] .legal-card{background:#fff;border-color:#d7e2de;color:#17211f;box-shadow:0 12px 32px #16392c12}
html[data-theme="light"] .legal-lead,html[data-theme="light"] .legal-card p,html[data-theme="light"] .legal-card li,html[data-theme="light"] .legal-note{color:#4f625d}
html[data-theme="light"] .contact-panel{background:#f7faf9;border-color:#dbe5e1;color:#17211f}
html[data-theme="light"] .contact-value,html[data-theme="light"] .contact-icon{color:#168a35!important}
html[data-theme="light"] .modern-leader,html[data-theme="light"] .game-card,html[data-theme="light"] .guide-card,html[data-theme="light"] .install-card,html[data-theme="light"] .feature-strip{background:#fff;color:#17211f;border-color:#d8e2df;box-shadow:0 12px 32px #16392c10}
html[data-theme="light"] .modern-leader li:nth-child(-n+3){background:#f4f8f6}
html[data-theme="light"] .leader li span,html[data-theme="light"] .leader-head p,html[data-theme="light"] .your-rank p,html[data-theme="light"] .guide-rows span,html[data-theme="light"] .install-card p,html[data-theme="light"] .feature-strip span{color:#60716c}
html[data-theme="light"] .leader li:before{color:#465a54}
html[data-theme="light"] .leader li b{color:#8a6900}
html[data-theme="light"] .guide-rows>div{background:#f7faf9;border-color:#e0e8e5}
html[data-theme="light"] .guide-rows strong,html[data-theme="light"] .section-kicker,html[data-theme="light"] .all-scores{color:#168a35}
html[data-theme="light"] .feature-strip article{border-color:#e1e8e6}
html[data-theme="light"] .modern-footer,html[data-theme="light"] footer{background:#fff;color:#60716c;border-color:#d8e2df}
html[data-theme="light"] footer a,html[data-theme="light"] footer strong{color:#334a44!important}
html[data-theme="light"] .mobile-tabbar{background:#fffffff2;border-color:#d4e0dc;box-shadow:0 12px 30px #17382d1c}
html[data-theme="light"] .mobile-tabbar a{color:#586b66}
html[data-theme="light"] .mobile-tabbar a.active{background:#e6f5ea;color:#137e31}
html[data-theme="light"] .theme-toggle,html[data-theme="light"] .theme-toggle-fixed{background:#fff;border-color:#cadbd5;color:#137e31;box-shadow:0 6px 18px #17382d12}
html[data-theme="light"] .error-body{background:#f3f6f5}
html[data-theme="light"] .error-page{background:radial-gradient(circle at 50% 35%,#e2f4e7 0,transparent 38%)}
html[data-theme="light"] .error-page p{color:#5d706a}
html[data-theme="light"] .error-code{color:#168a35;text-shadow:none}
/* Keep the game itself recognisably retro in both themes. */
html[data-theme="light"] .modern-screen{background:#eef4ef;border-color:#a9c8b2}
html[data-theme="light"] .modern-screen .lcd,html[data-theme="light"] .modern-screen canvas{background:var(--lcd)}


/* 1.0.26 – modern motion-snake wordmark */
.snake-logo-motion{position:relative;display:grid!important;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:end;column-gap:0;width:max-content!important;max-width:100%;height:auto!important;color:var(--text);text-shadow:none!important;filter:none}
.snake-logo-motion .snake-mark{position:relative;display:block;width:43px;height:31px;margin-right:-4px;color:var(--lime);filter:drop-shadow(0 0 7px rgba(112,255,83,.38))}
.snake-logo-motion .snake-mark b{position:absolute;inset:-2px auto auto 7px;font:900 italic 37px/.86 "Arial Black",Impact,sans-serif;letter-spacing:-.12em;color:var(--lime);transform:skewX(-7deg)}
.snake-logo-motion .snake-mark:before,.snake-logo-motion .snake-mark:after{content:"";position:absolute;left:-17px;height:3px;border-radius:99px;background:linear-gradient(90deg,transparent,var(--lime));opacity:.72}
.snake-logo-motion .snake-mark:before{top:12px;width:25px}.snake-logo-motion .snake-mark:after{top:20px;width:34px;opacity:.42}
.snake-logo-motion .snake-mark em{position:absolute;z-index:2;right:0;top:0;width:15px;height:10px;border-radius:65% 65% 58% 42%;background:var(--lime);transform:rotate(9deg);box-shadow:0 0 8px rgba(112,255,83,.35)}
.snake-logo-motion .snake-mark em:before{content:"";position:absolute;right:3px;top:2px;width:2px;height:2px;border-radius:50%;background:#07110d}
.snake-logo-motion .snake-mark em:after{content:"";position:absolute;right:-8px;top:5px;width:9px;height:1px;background:var(--lime);transform:rotate(-12deg);transform-origin:left center;box-shadow:5px 2px 0 -0.2px var(--lime)}
.snake-logo-motion .snake-word{font:800 30px/.84 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:-.065em!important;font-style:normal!important;color:#f5fbf9;text-shadow:none!important}
.snake-logo-motion>i{grid-column:1/3;grid-row:2;margin:7px 0 0 6px!important;font:700 6.5px/1 ui-sans-serif,system-ui,sans-serif!important;letter-spacing:.38em!important;color:#75ff70!important;white-space:nowrap}
html[data-theme="light"] .snake-logo-motion .snake-word{color:#0c1a18}
html[data-theme="light"] .snake-logo-motion .snake-mark,html[data-theme="light"] .snake-logo-motion .snake-mark b{color:#13943c}
html[data-theme="light"] .snake-logo-motion .snake-mark em,html[data-theme="light"] .snake-logo-motion .snake-mark:before,html[data-theme="light"] .snake-logo-motion .snake-mark:after{background:#13943c;box-shadow:none}
html[data-theme="light"] .snake-logo-motion .snake-mark em:after{background:#13943c;box-shadow:5px 2px 0 -0.2px #13943c}
html[data-theme="light"] .snake-logo-motion>i{color:#168a35!important}
@media(max-width:760px){.snake-logo-motion .snake-mark{width:38px;height:28px}.snake-logo-motion .snake-mark b{font-size:33px}.snake-logo-motion .snake-word{font-size:27px!important}.snake-logo-motion>i{font-size:5.8px!important;letter-spacing:.31em!important;margin-top:6px!important}}