:root{color:#18202f;background:#101827;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{min-width:320px;width:100%;height:100%;margin:0}body{min-height:100dvh;overflow:hidden}button{border:0;border-radius:8px;background:#ffcf24;color:#342503;cursor:pointer;font:inherit;font-weight:800;letter-spacing:0;min-height:44px;padding:0 18px;box-shadow:0 10px 20px #34250333}button:hover{background:#ffe075}button:disabled{cursor:default;opacity:.58}button:focus-visible{outline:3px solid #173b73;outline-offset:3px}.shell{display:grid;width:100vw;height:100dvh;padding:0;place-items:center;background:linear-gradient(180deg,#cdbf9f,#eee6d2 62%,#a99066)}.game-frame{position:relative;aspect-ratio:16 / 9;width:min(100vw,1120px,calc(100dvh * 16 / 9));height:auto;max-height:100dvh;min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.36);border-radius:8px;background:#7bd5ff;box-shadow:0 24px 70px #02091666}#game{display:block;width:100%;height:100%;touch-action:manipulation}.hud{position:absolute;z-index:8;top:16px;right:16px;left:16px;display:flex;align-items:start;justify-content:space-between;gap:12px;pointer-events:none}.hud-actions{display:flex;align-items:center;gap:10px;margin-left:auto;pointer-events:auto}.score-panel{display:flex;width:118px;flex-direction:column;align-items:flex-start;gap:4px;border:1px solid rgba(255,255,255,.58);border-radius:8px;background:#ffffffb3;padding:10px 14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.label{display:block;color:#38506b;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}#score{display:block;font-size:clamp(2rem,4vw,3.25rem);line-height:.95}#restart{pointer-events:auto}#home,#fullscreen{min-width:112px}.snake-controls{position:absolute;z-index:9;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left));display:flex;align-items:end;justify-content:space-between;gap:18px;pointer-events:none}.snake-controls[hidden]{display:none}.snake-joystick{position:relative;width:156px;height:156px;border:1px solid rgba(137,255,206,.38);border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(238,254,248,.2) 0 18%,transparent 19%),radial-gradient(circle at 50% 50%,#14ffac47,#0714217a);box-shadow:0 14px 32px #00101c57;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.snake-shoot{min-height:54px;border:1px solid rgba(137,255,206,.38);background:#14ffac38;color:#eefef8;box-shadow:0 10px 24px #00101c47;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-shadow:0 0 10px rgba(151,255,220,.58)}.snake-shoot:hover{background:#46ffc257}.snake-joystick-ring{position:absolute;inset:18px;border:2px solid rgba(238,254,248,.34);border-radius:50%;box-shadow:inset 0 0 24px #89ffce29}.snake-joystick-thumb{position:absolute;top:50%;left:50%;width:58px;height:58px;border:2px solid rgba(255,255,255,.62);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 12%,#75ffd5 28%,#18bf8f 72%);box-shadow:0 10px 20px #00101c57,0 0 26px #75ffd594;transform:translate(calc(-50% + var(--stick-x, 0px)),calc(-50% + var(--stick-y, 0px)));transition:transform 90ms ease-out}.snake-joystick.is-active .snake-joystick-thumb{transition:none}.snake-shoot{min-width:132px;pointer-events:auto;touch-action:manipulation}.roll-action{position:absolute;z-index:9;top:auto;bottom:max(18px,env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));display:grid;width:224px;min-height:92px;margin-top:0;place-items:center;border:2px solid rgba(52,37,3,.32);border-radius:8px;background:#ffcf24b8;color:#342503;cursor:pointer;font-size:1.15rem;font-weight:900;box-shadow:0 8px 18px #34250338;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);user-select:none;-webkit-user-select:none;touch-action:manipulation}.roll-action:hover{background:#ffe075d1}.roll-action.is-disabled{background:#ffcf2475;color:#342503;opacity:.72;pointer-events:none}.roll-action[hidden]{display:none}.roll-action:focus-visible{outline:3px solid #173b73;outline-offset:3px}.game-frame.fullscreen-fallback{position:fixed;z-index:10;top:50%;left:50%;width:min(100vw,calc(100dvh * 16 / 9));height:auto;aspect-ratio:16 / 9;max-height:100dvh;min-height:0;border:0;border-radius:0;transform:translate(-50%,-50%)}.game-frame:fullscreen{position:fixed;top:50%;left:50%;width:min(100vw,calc(100dvh * 16 / 9));height:auto;aspect-ratio:16 / 9;max-height:100dvh;border:0;border-radius:0;transform:translate(-50%,-50%)}.game-frame:-webkit-full-screen{position:fixed;top:50%;left:50%;width:min(100vw,calc(100dvh * 16 / 9));height:auto;aspect-ratio:16 / 9;max-height:100dvh;border:0;border-radius:0;transform:translate(-50%,-50%)}body.fullscreen-fallback-active{overflow:hidden}.snake-info-bar{position:absolute;z-index:7;top:0;right:0;left:0;display:grid;min-height:var(--snake-info-height, 58px);grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:1px;border-bottom:1px solid rgba(137,255,206,.26);background:#06121fe6;color:#eefef8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 28px #00101c3d}.snake-info-bar[hidden]{display:none}.snake-info-bar div{display:flex;min-width:0;height:100%;flex-direction:column;justify-content:center;padding:7px 12px;background:#ffffff09}.snake-info-bar span{overflow:hidden;color:#eefef8ad;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.snake-info-bar strong{overflow:hidden;font-size:1.4rem;line-height:1.08;text-overflow:ellipsis;text-shadow:0 0 12px rgba(137,255,206,.42);white-space:nowrap}.game-frame.snake-layout #game{height:calc(100% - var(--snake-info-height, 58px));margin-top:var(--snake-info-height, 58px)}.game-frame.snake-layout .hud{top:calc(var(--snake-info-height, 58px) + 10px)}.overlay{position:absolute;z-index:1;inset:0;display:grid;align-content:center;justify-items:center;padding:24px;text-align:center;color:#162034;background:linear-gradient(180deg,#ffffff70,#ffffff1f)}.overlay.is-platform{color:#edf7ff;background:linear-gradient(rgba(83,211,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(83,211,255,.13) 1px,transparent 1px),linear-gradient(180deg,#061122f5,#0d1830e6);background-size:36px 36px,36px 36px,100% 100%}.overlay[hidden],#home[hidden],#restart[hidden],#fullscreen[hidden],#start[hidden],.score-panel[hidden],.snake-info-bar[hidden]{display:none}.overlay-panel{display:grid;width:min(100%,720px);justify-items:center;gap:18px}.overlay-panel[hidden]{display:none}.menu-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.options-panel{width:min(100%,560px);padding:0 8px}.issue-form{display:grid;width:min(100%,460px);justify-items:stretch;gap:10px;text-align:left}.issue-form[hidden]{display:none}.issue-form label{color:#26384d;font-size:.82rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.issue-form textarea{width:100%;min-height:112px;resize:vertical;border:1px solid rgba(22,32,52,.28);border-radius:8px;background:#ffffffc7;color:#162034;font:inherit;font-weight:700;letter-spacing:0;padding:12px;box-shadow:inset 0 2px 10px #16203414}.issue-form textarea:focus{outline:3px solid rgba(23,59,115,.52);outline-offset:2px}.issue-status{min-height:1.2em;margin:0;color:#26384d;font-size:.86rem}.overlay h1{margin:0;font-size:clamp(2.8rem,8vw,6.4rem);line-height:.92}.overlay p{max-width:28rem;margin:16px 0 22px;color:#26384d;font-size:clamp(1rem,2.6vw,1.25rem);font-weight:700}.platform-panel{width:min(100%,900px);gap:16px}.platform-panel h1{color:#edf7ff;font-size:clamp(2rem,5vw,4rem);text-transform:uppercase}.game-grid{display:grid;width:100%;grid-template-columns:repeat(auto-fill,152px);justify-content:center;gap:12px}.game-tile{display:grid;width:152px;min-height:148px;grid-template-rows:48px auto;align-items:center;justify-items:center;gap:10px;border:1px solid rgba(130,221,255,.34);border-radius:8px;background:linear-gradient(180deg,#fffaebf2,#eee2c3eb),#fffaf0;color:#172033;padding:12px;text-align:center;box-shadow:0 14px 30px #00071247;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.game-tile:hover{background:#fff4d2eb}.tile-plane{position:relative;display:block;width:110px;height:76px;transform:scale(.58);transform-origin:center}.tile-plane-body,.tile-plane-cockpit,.tile-plane-tail,.tile-plane-wing,.tile-plane-prop{position:absolute;display:block}.tile-plane-body{top:44px;left:36px;width:88px;height:38px;border:3px solid #7f5f00;border-radius:50%;background:#ffd232}.tile-plane-cockpit{top:50px;left:78px;width:28px;height:20px;border:2px solid #7f5f00;border-radius:50%;background:#6fc8ff}.tile-plane-tail{top:24px;left:10px;width:52px;height:44px;clip-path:polygon(100% 62%,0 0,22% 86%);background:#f4a51c}.tile-plane-wing{left:60px;width:62px;height:42px;clip-path:polygon(0 74%,100% 0,74% 100%);background:#ffe891}.tile-plane-wing.top{top:13px}.tile-plane-wing.bottom{top:70px;transform:scaleY(-1)}.tile-plane-prop{top:52px;left:126px;width:36px;height:36px;border-right:4px solid rgba(58,43,22,.66);border-left:4px solid rgba(58,43,22,.66);border-radius:50%;animation:prop-spin .18s linear infinite}@keyframes prop-spin{to{transform:rotate(1turn)}}.tile-details{display:grid;min-width:0;width:100%;gap:8px}.tile-details strong{display:block;font-size:1.15rem;line-height:1}.tile-scores{display:grid;gap:3px;margin:0}.tile-scores div{display:flex;min-width:0;align-items:baseline;justify-content:space-between;gap:6px}.tile-scores dt{color:#5f4a2f;font-size:.5rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.tile-scores dd{margin:0;color:#172033;font-size:1rem;font-weight:900;line-height:1}.tile-meta{display:block;color:#265c49;font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.snake-tile{background:linear-gradient(180deg,#082226f0,#0d443aeb),#082226;color:#ecfff8}.snake-tile:hover{background:linear-gradient(180deg,#0a2f34f5,#125548f0)}.snake-tile .tile-meta{color:#8fffe0}.snake-tile .tile-scores dt{color:#c8fff0;text-shadow:0 1px 8px rgba(0,0,0,.52)}.snake-tile .tile-scores dd{color:#fff;text-shadow:0 0 10px rgba(117,255,213,.46)}.tile-snake{position:relative;display:block;width:104px;height:56px;filter:drop-shadow(0 0 12px rgba(90,255,201,.58))}.tile-snake span{position:absolute;display:block;width:34px;height:26px;border:2px solid rgba(220,255,242,.74);border-radius:50%;background:#36f0a4}.tile-snake span:nth-child(1){top:12px;left:58px;background:#8fff66}.tile-snake span:nth-child(2){top:20px;left:36px;background:#31e6ff}.tile-snake span:nth-child(3){top:13px;left:16px;background:#f45dff}.tile-snake span:nth-child(4){top:23px;left:0;width:28px;height:22px;background:#ffd84d}.bridge-tile{background:linear-gradient(180deg,#0e233ff2,#193a63eb),#10253d;color:#f6fbff}.bridge-tile:hover{background:linear-gradient(180deg,#142f52f5,#234c7ef0)}.bridge-tile .tile-scores dt{color:#d9f8ff;text-shadow:0 1px 8px rgba(0,0,0,.5)}.bridge-tile .tile-scores dd{color:#fff;text-shadow:0 0 10px rgba(152,236,255,.48)}.tile-bridge{display:grid;width:112px;height:56px;grid-template-columns:repeat(2,1fr);gap:6px 10px;filter:drop-shadow(0 0 12px rgba(152,236,255,.44));perspective:140px}.tile-bridge span{border:1px solid rgba(231,251,255,.8);border-radius:6px;background:linear-gradient(135deg,#ffffffc7,#80e0ff57),#a7efff85;transform:rotateX(28deg)}.high-scores{display:grid;width:min(100%,540px);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 20px}.high-scores div{min-width:0;border:1px solid rgba(99,76,42,.28);border-radius:8px;background:#fffaebc2;padding:9px 10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.high-scores dt{color:#5f4a2f;font-size:.68rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.high-scores dd{margin:3px 0 0;color:#172033;font-size:clamp(1.35rem,4vw,2rem);font-weight:900;line-height:1}.snake-menu-panel .high-scores div,.snake-dead-panel .high-scores div{border-color:#89ffce5c;background:#05161fdb;box-shadow:inset 0 0 18px #89ffce0f}.snake-menu-panel .high-scores dt,.snake-dead-panel .high-scores dt{color:#c8fff0}.snake-menu-panel .high-scores dd,.snake-dead-panel .high-scores dd{color:#fff;text-shadow:0 0 12px rgba(117,255,213,.48)}.snake-menu-panel .score-name,.snake-dead-panel .score-name{color:#9af7dc}.bridge-score-groups{display:grid;width:min(100%,620px);gap:8px}.bridge-score-groups .high-scores{width:100%;margin-bottom:4px}.bridge-menu-panel .high-scores div,.bridge-dead-panel .high-scores div{border-color:#98ecff61;background:#071426db;box-shadow:inset 0 0 18px #98ecff12}.bridge-menu-panel .high-scores dt,.bridge-dead-panel .high-scores dt{color:#d9f8ff}.bridge-menu-panel .high-scores dd,.bridge-dead-panel .high-scores dd{color:#fff;text-shadow:0 0 12px rgba(152,236,255,.5)}.bridge-menu-panel .score-name,.bridge-dead-panel .score-name{color:#afefff}.crash-panel #restart{min-width:132px}.score-name{display:block;min-height:1rem;margin-top:4px;overflow:hidden;color:#6b5840;font-size:.72rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.record-dialog{position:absolute;z-index:12;inset:0;display:grid;place-items:center;padding:20px;background:#1c160e57}.record-dialog[hidden]{display:none}.record-card{display:grid;width:min(100%,360px);gap:12px;border:1px solid rgba(99,76,42,.34);border-radius:8px;background:#fffaebf0;padding:20px;box-shadow:0 18px 44px #1c160e42}.record-card h2{margin:0;color:#172033;font-size:1.8rem;line-height:1}.record-card p{margin:0;color:#4c3d29;font-weight:800}.record-card label{color:#5f4a2f;font-size:.75rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.record-card input{width:100%;min-height:46px;border:2px solid rgba(95,74,47,.28);border-radius:8px;background:#fffaf0;color:#172033;font:inherit;font-size:1.1rem;font-weight:800;padding:0 12px}.record-card input:focus{border-color:#173b73;outline:0}.bridge-controls{position:absolute;z-index:9;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));left:auto;width:min(360px,44vw);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;gap:10px}.bridge-controls[hidden]{display:none}.bridge-controls button{min-height:62px;border:1px solid rgba(231,251,255,.42);background:#d5f5ffc7;color:#10253d;box-shadow:0 12px 28px #02081247;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bridge-controls button:hover{background:#f4fcffe6}.bridge-controls button:disabled{opacity:.52}@media(max-width:700px){body{overflow:hidden}.shell{padding:0;place-items:center}.game-frame{--snake-info-height: 50px;width:min(100vw,calc(100dvh * 16 / 9));height:auto;max-height:100dvh;aspect-ratio:16 / 9;border:0;border-radius:0}.game-frame:fullscreen,.game-frame:-webkit-full-screen,.game-frame.fullscreen-fallback{top:50%;left:50%;width:min(100vw,calc(100dvh * 16 / 9));height:auto;max-height:100dvh;aspect-ratio:16 / 9;transform:translate(-50%,-50%)}.hud{top:max(12px,env(safe-area-inset-top));right:12px;left:12px}.score-panel{width:96px;padding:8px 10px}.snake-info-bar div{padding:6px 8px}.snake-info-bar span{font-size:.54rem}.snake-info-bar strong{font-size:1.12rem}.hud-actions{gap:8px}#fullscreen{min-width:96px;padding:0 12px}#home{min-width:74px;padding:0 12px}.roll-action{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));width:min(192px,calc(100vw - 24px));min-height:84px;font-size:1.05rem}.snake-controls{right:12px;bottom:12px;left:12px;gap:10px}.snake-joystick{width:132px;height:132px}.snake-joystick-ring{inset:14px}.snake-joystick-thumb{width:46px;height:46px}.snake-shoot{min-height:38px;padding:0 8px;font-size:.76rem}.snake-shoot{min-width:82px}.bridge-controls{right:12px;bottom:12px;left:auto;width:min(310px,54vw);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.bridge-controls button{min-height:46px;padding:0 8px;font-size:.72rem}.overlay{padding:16px}.overlay-panel{gap:8px}.platform-panel{width:min(100%,360px);gap:10px}.game-grid{grid-template-columns:repeat(auto-fill,128px);gap:8px}.bridge-score-groups{gap:4px}.overlay h1{font-size:clamp(1.7rem,8vw,2.25rem)}.overlay p{margin:10px 0 12px;font-size:.95rem}.game-tile{width:128px;min-height:0;grid-template-columns:1fr;grid-template-rows:42px auto;gap:6px;justify-items:center;padding:8px;text-align:center}.tile-plane{width:64px;height:52px;transform:scale(.44);transform-origin:center}.tile-scores{gap:2px}.tile-details{gap:5px}.tile-details strong{font-size:1rem}.tile-scores dt{font-size:.44rem}.tile-scores dd{font-size:.9rem}.high-scores{gap:6px;margin-bottom:8px}.high-scores div{padding:7px 6px}.high-scores dt{font-size:.56rem}.high-scores dd{font-size:1.2rem}.score-name{font-size:.58rem}.record-dialog{position:fixed}.record-card{width:min(100%,340px);padding:16px}}@media(hover:none)and (pointer:coarse){body{overflow:hidden}.shell{padding:0;place-items:center}.game-frame{width:min(100vw,calc(100dvh * 16 / 9));height:auto;max-height:100dvh;aspect-ratio:16 / 9;border:0;border-radius:0}.roll-action{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left))}}