@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#eceee5;background:#141713;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px}button,select,input{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #d2ed86;outline-offset:5px}button{touch-action:manipulation}button,a,select{transition:background .15s,color .15s}a{color:inherit;text-decoration:none}button{color:inherit}::selection{background:#d2ed86;color:#141713}html,body,#root{width:100%;height:100%;margin:0}body{overscroll-behavior:none}#root{overflow:hidden}.app-shell{width:min(100%,1200px);height:100dvh;margin:auto;padding:env(safe-area-inset-top) 32px env(safe-area-inset-bottom);display:grid;grid-template-rows:64px minmax(0,1fr) 36px}.masthead{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #34382e}.brand{display:flex;align-items:center;font:700 28px Space Grotesk,sans-serif;letter-spacing:-1.5px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;margin-right:10px;background:#d2ed86;color:#171b12;border-radius:8px;font-size:23px;transform:rotate(-8deg)}.brand-dot{color:#d2ed86}.edition{color:#929786;font-size:9px;letter-spacing:1.5px}.edition span{color:#d2ed86;margin-left:20px;font-size:20px}main{width:min(100%,1000px);min-height:0;margin:0 auto;padding:18px 0 12px;display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-template-rows:auto minmax(0,1fr) auto;gap:16px 36px}.intro{grid-column:1 / -1;grid-row:1;display:flex;align-items:end;justify-content:space-between;gap:24px;position:relative;padding-top:22px}.eyebrow{position:absolute;top:0;color:#b2b9a5;font-size:9px;letter-spacing:1.4px;display:flex;align-items:center;gap:8px}.eyebrow>span{background:#d2ed86;width:5px;height:5px;border-radius:50%}h1{font:500 40px/1.05 Space Grotesk,sans-serif;letter-spacing:-2px;margin:0}h1>span{color:#d2ed86}.intro>p{color:#a0a694;font-size:12px;line-height:1.7;margin:0 0 4px}.game-slot{grid-column:1;grid-row:2 / 4;min-width:0;min-height:0;container-type:size;display:grid;place-items:center}.arcade{--card-extra: 104px;width:min(100cqw,calc(100cqh - var(--card-extra)));height:min(100cqh,calc(100cqw + var(--card-extra)));min-width:0;min-height:0;padding:16px 16px 0;border:1px solid #383e30;border-radius:14px;background:#1c2019;display:grid;grid-template-rows:52px minmax(0,1fr) 44px;gap:12px}.game-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.tiny-label{color:#919b82;font-size:9px;font-weight:600;letter-spacing:1.4px}.game-top h2{font:500 19px Space Grotesk,sans-serif;letter-spacing:-.6px;margin:5px 0 0}.game-top h2 span{font-size:10px;border:1px solid #424938;border-radius:4px;padding:2px 5px;margin-left:8px;color:#abb599;vertical-align:middle}.scores{display:flex;gap:24px}.scores>div{display:flex;flex-direction:column;gap:2px}.scores strong{font:500 28px Space Grotesk,sans-serif;letter-spacing:-1px}.scores .best{color:#d2ed86}.best>span{font-size:16px;margin-left:6px}.board-frame{min-width:0;min-height:0;container-type:size;display:grid;place-items:center}.board{width:min(100cqw,100cqh);height:min(100cqw,100cqh);position:relative;overflow:hidden;border:1px solid #353e2b;border-radius:6px;touch-action:none;-webkit-user-select:none;user-select:none;background-color:#13190f;background-image:linear-gradient(#8293680d 1px,transparent 1px),linear-gradient(90deg,#8293680d 1px,transparent 1px);background-size:5% 5%;container-type:size}.segment{position:absolute;width:5%;height:5%;background:#abc96d;border:1px solid #17200e;border-radius:4px}.head{background:#d2ed86;z-index:1}.head i{position:absolute;background:#222c16;width:3px;height:3px;right:24%;top:22%;border-radius:50%}.head i+i{top:auto;bottom:22%}.food{position:absolute;width:5%;height:5%;background:#ef937c;border:3px solid #13190f;border-radius:50%}.board-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#13190fcd;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:12px;text-align:center}.overlay-icon{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;color:#d2ed86;border:1px solid #465334;border-radius:14px;background:#242e1b;font-size:28px;margin-bottom:18px}.board-overlay .tiny-label{font-size:8px}.board-overlay h3{font:500 clamp(20px,7cqw,32px) "Space Grotesk",sans-serif;letter-spacing:-1px;margin:12px 0 8px}.board-overlay p{font-size:12px;color:#9ca78e;margin:0 0 22px}.primary{min-width:154px;min-height:44px;border:0;border-radius:7px;padding:10px 20px;background:#d2ed86;color:#1a2410;font-size:13px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:28px;flex-shrink:0}.primary:hover{background:#e0f6a3}.primary span{font-size:19px}@container (max-height: 300px){.overlay-icon,.board-overlay>.tiny-label,.board-overlay p{display:none}.board-overlay h3{margin:0 0 16px}}.game-bottom{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:6px}.game-bottom>div{display:flex;flex-shrink:0}.status{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:.8px;color:#8e9980}.status i{width:5px;height:5px;background:#8e9980;border-radius:50%;flex-shrink:0}.status.live i{background:#d2ed86}.text-button{min-height:44px;padding:8px;background:none;border:0;color:#b4bea5;font-size:11px}.text-button:hover{color:#d2ed86}.side-panel{grid-column:2;grid-row:2;min-width:0;min-height:0;align-self:center}.instructions h3{font:400 23px/1.25 Space Grotesk,sans-serif;letter-spacing:-.8px;margin:12px 0 20px}.instructions ol{list-style:none;padding:0;margin:0}.instructions li{display:flex;gap:14px;margin-bottom:16px}.instructions li>span{color:#d2ed86;font-size:12px;padding-top:2px}.instructions strong{font-size:12px;font-weight:500}.instructions p{color:#949e88;font-size:12px;line-height:1.6;margin:5px 0 0}.settings{margin-top:22px;padding-top:20px;border-top:1px solid #343c2c}.speed-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:16px 0 8px}.speed-label>span{color:#949e88;font-size:10px}.settings select{width:100%;min-height:44px;background:#20261b;color:#c5ceba;border:1px solid #3a4430;border-radius:6px;padding:8px;font-size:11px}.wrap-label{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;margin-top:16px;font-size:12px;cursor:pointer}.wrap-label small{display:block;color:#949e88;font-size:10px;margin-top:5px}.wrap-label input{position:absolute;right:0;width:36px;height:24px;opacity:0;cursor:pointer}.switch{flex-shrink:0;width:34px;height:20px;background:#394032;border-radius:20px;padding:3px;pointer-events:none}.switch:before{content:"";display:block;width:14px;height:14px;background:#a5ae98;border-radius:50%;transition:transform .15s}.wrap-label input:checked+.switch{background:#d2ed86}.wrap-label input:checked+.switch:before{background:#26321a;transform:translate(14px)}.wrap-label input:focus-visible+.switch{outline:2px solid #d2ed86;outline-offset:4px}.controls-help{border-top:1px solid #343c2c;margin-top:22px;padding-top:20px}.controls-help p{display:flex;align-items:center;gap:4px;margin:12px 0 0}.controls-help p>span{color:#949e88;font-size:10px;margin-left:6px}kbd{font:11px DM Sans,sans-serif;background:#252b20;border:1px solid #414a36;border-bottom-width:2px;border-radius:4px;padding:4px 6px;min-width:23px;text-align:center;color:#c7cebc}.space-key{min-width:62px}.controls-help>small{display:block;font-size:10px;color:#949e88;line-height:1.6;margin-top:12px}.touch-controls{display:none;grid-column:2;grid-row:3;grid-template-columns:repeat(3,54px);grid-template-rows:repeat(2,44px);justify-content:center;gap:6px}.direction{background:#262e20;border:1px solid #48553b;border-bottom-width:3px;border-radius:9px;font-size:24px;color:#d2ed86;-webkit-user-select:none;user-select:none;touch-action:none}.direction:active{background:#d2ed86;color:#17200e}.direction-up{grid-column:2;grid-row:1}.direction-left{grid-column:1;grid-row:2}.direction-down{grid-column:2;grid-row:2}.direction-right{grid-column:3;grid-row:2}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #34382e;color:#7f8974;font-size:10px}footer>span:first-child{font-size:8px;letter-spacing:1.4px}.footer-star{color:#d2ed86;font-size:20px;vertical-align:middle;margin-left:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media (max-height: 950px){.instructions{display:none}.settings{margin:0;padding:0;border:0}}@media (pointer: coarse){.touch-controls{display:grid}}@media (max-width: 900px){.app-shell{padding-inline:20px}main{grid-template-columns:minmax(0,1fr) 220px;column-gap:24px}.game-top h2{font-size:16px}.game-top h2 span{display:none}.scores{gap:14px}.scores .tiny-label{font-size:7px;letter-spacing:1px}}@media (max-width: 700px){.app-shell{padding-inline:14px;grid-template-rows:52px minmax(0,1fr)}.brand{font-size:25px}.edition{font-size:7px;letter-spacing:1px}.edition span{margin-left:8px}main{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 94px auto;gap:10px;padding:12px 0;max-width:470px}.intro,footer,.instructions,.controls-help{display:none}.game-slot{grid-column:1;grid-row:1}.arcade{--card-extra: 96px;padding:12px 12px 0;gap:8px;grid-template-rows:48px minmax(0,1fr) 44px}.scores strong{font-size:24px}.status{font-size:7px;letter-spacing:.5px}.text-button{padding-inline:6px}.touch-controls{display:grid;grid-column:1;grid-row:2}.side-panel{grid-column:1;grid-row:3}.settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 14px;margin:0;padding:0;border:0}.settings>.tiny-label,.speed-label>span{display:none}.speed-label{grid-column:1;grid-row:1;margin:0;font-size:11px}.settings select{grid-column:1;grid-row:2}.wrap-label{grid-column:2;grid-row:1 / 3;margin:0;font-size:11px}.wrap-label small{font-size:9px;line-height:1.5;max-width:100px}}@media (max-height: 650px){.intro{display:none}main{grid-template-rows:minmax(0,1fr) auto}.game-slot{grid-row:1 / 3}.side-panel{grid-row:1}.touch-controls{grid-row:2}}@media (max-width: 700px) and (max-height: 650px){main{grid-template-rows:minmax(0,1fr) 94px auto}.game-slot{grid-row:1}.side-panel{grid-row:3}.touch-controls{grid-row:2}}@media (orientation: landscape) and (max-height: 540px){.app-shell{grid-template-rows:44px minmax(0,1fr);padding-inline:16px}main{max-width:1000px;grid-template-columns:minmax(0,1fr) 210px;grid-template-rows:minmax(0,1fr) 94px;gap:10px 20px;padding:10px 0}.intro,footer,.instructions,.controls-help{display:none}.game-slot{grid-column:1;grid-row:1 / 3}.arcade{--card-extra: 86px;padding:10px 10px 0;gap:6px;grid-template-rows:40px minmax(0,1fr) 44px}.side-panel{grid-column:2;grid-row:1}.touch-controls{display:grid;grid-column:2;grid-row:2}.settings{display:block}.speed-label{margin:0 0 6px}.settings>.tiny-label{display:none}.wrap-label{margin-top:8px}.game-top h2{font-size:14px}.scores strong{font-size:21px}.game-top .tiny-label{font-size:7px}.status{font-size:6px}}@media (prefers-reduced-motion: reduce){*,*:before{transition:none!important}}@media (orientation: landscape) and (max-height: 540px) and (max-width: 650px){.game-top>div:first-child,.game-bottom .status{display:none}.scores{width:100%;justify-content:space-between}.game-bottom{justify-content:center}}@media (min-width: 1100px) and (min-height: 651px){.app-shell{width:min(100%,1440px)}main{width:min(100%,1200px);grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:auto minmax(0,1fr) auto;column-gap:40px}.game-slot{grid-column:1;grid-row:1 / 4}.intro{grid-column:2;grid-row:1;display:block;padding-top:22px}.intro h1{font-size:38px}.intro>p{margin:14px 0 0}.eyebrow{font-size:8px;letter-spacing:1px}.side-panel{grid-column:2;grid-row:2}.touch-controls{grid-column:2;grid-row:3}}@media (min-width: 1100px) and (min-height: 651px) and (max-height: 800px){.controls-help{display:none}}.app-switcher{--switcher-surface: #1c211c;--switcher-border: #3b443a;--switcher-text: #eceee5;--switcher-muted: #a0aa9a;color:var(--switcher-text);font-family:DM Sans,sans-serif}.app-switcher-trigger{display:flex;align-items:center;gap:10px;min-height:44px;padding:5px 9px 5px 0;border:0;border-radius:9px;background:transparent;color:inherit}.app-switcher-trigger:hover,.app-switcher-trigger[aria-expanded=true]{background:#ffffff09}.app-icon{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:9px;background:transparent;color:#182119;font:700 23px/1 Space Grotesk,sans-serif;letter-spacing:-1px}.app-switcher-name{font:700 27px Space Grotesk,sans-serif;letter-spacing:-1.5px}.app-name-dot{color:#d2ed86}.app-chevron{color:var(--switcher-muted);margin-left:4px;transition:transform .15s}.app-switcher-trigger[aria-expanded=true] .app-chevron{transform:rotate(180deg)}.app-switcher-panel{position:fixed;inset:72px auto auto max(32px,calc((100vw - 1440px)/2 + 32px));width:336px;max-width:calc(100vw - 28px);padding:0;margin:0;border:1px solid var(--switcher-border);border-radius:16px;color:var(--switcher-text);background:var(--switcher-surface);box-shadow:0 18px 60px #0006,0 3px 10px #0003}.app-switcher-panel::backdrop{background:transparent}.app-switcher-heading{padding:20px 20px 12px;color:var(--switcher-muted);font-size:9px;font-weight:600;letter-spacing:1.7px}.app-switcher-heading>span{display:block;margin-top:7px;color:var(--switcher-text);font-size:14px;font-weight:400;letter-spacing:0}.app-switcher-links{padding:0 8px 8px}.app-switcher-link{display:flex;align-items:center;gap:12px;min-height:72px;padding:12px;border-radius:10px}.app-switcher-link:hover,.app-switcher-link:focus-visible{background:#ffffff08}.app-switcher-link[aria-current=page]{background:#d2ed860a}.app-switcher-link .app-icon{width:36px;height:36px}.app-link-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.app-link-copy strong{font:600 17px Space Grotesk,sans-serif;letter-spacing:-.4px}.app-link-copy>span{font-size:10px;line-height:1.4;color:var(--switcher-muted)}.app-link-indicator{margin-left:auto;color:var(--switcher-muted);font-size:17px}.app-switcher-link[aria-current=page] .app-link-indicator{color:#d2ed86}.app-switcher-footer{padding:14px 20px;border-top:1px solid var(--switcher-border);text-align:center;font-size:10px;color:var(--switcher-muted)}@media (max-width: 1099px) and (min-width: 901px){.app-switcher-panel{left:max(32px,calc((100vw - 1200px)/2 + 32px))}}@media (max-width: 900px){.app-switcher-panel{left:20px}}@media (max-width: 700px){.app-switcher-panel{top:calc(60px + env(safe-area-inset-top));left:14px}.app-switcher-name{font-size:25px}.app-icon{width:28px;height:28px;font-size:21px}}@media (orientation: landscape) and (max-height: 540px){.app-switcher-panel{top:calc(48px + env(safe-area-inset-top));left:16px}.app-switcher-heading{padding:12px 16px 8px}.app-switcher-heading>span{display:none}.app-switcher-link{min-height:58px;padding:8px 12px}.app-switcher-footer{padding:10px 16px}}.app-icon img{display:block;width:100%;height:100%;object-fit:contain}
