:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#173e52;background:#8fcfe9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}#game{width:100vw;height:100vh;display:block;outline:none}#menu{position:fixed;inset:0;background:linear-gradient(90deg,transparent 40%,#1e698416 65%,#19465c30);pointer-events:none}.brand{position:absolute;top:42px;left:48px;display:flex;gap:13px;align-items:center;color:#fffdf0;text-shadow:0 2px 18px #29759044;font-weight:900;font-size:26px;letter-spacing:3px}.brand-mark{font-size:40px;transform:rotate(-14deg)}.brand small{display:block;font-size:10px;letter-spacing:6px;margin-top:4px;color:#e5f5f6}.scene-caption{position:absolute;left:48px;top:139px;font-size:10px;font-weight:700;letter-spacing:2px;color:#f7ffff;display:flex;align-items:center;gap:9px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#51c8a5;box-shadow:0 0 0 4px #51c8a51c;flex-shrink:0}.boarding-card{pointer-events:auto;position:absolute;right:5vw;top:50%;transform:translateY(-50%);width:370px;max-width:38vw;background:#fffdf4;border-radius:20px;box-shadow:0 24px 80px #174e6233;overflow:hidden}.ticket-top{display:flex;justify-content:space-between;align-items:center;padding:19px 28px;background:#f1eee1;border-bottom:1px solid #e3e3d5;font-size:10px;letter-spacing:1.7px;font-weight:700}.ticket-top b{color:#368f91}.ticket-content{padding:30px 29px 22px}.eyebrow{font-size:8px;letter-spacing:1.2px;font-weight:800;color:#71908f}h1{font-size:58px;line-height:1.02;letter-spacing:-2.5px;margin:18px 0 17px;font-weight:850}h1 span{color:#e8a842}.ticket-content p{font-size:13px;line-height:1.7;color:#728286;margin:0}.route{display:flex;justify-content:space-between;align-items:center;margin:26px 0;padding:20px 0;border-top:1px solid #e5e8de;border-bottom:1px solid #e5e8de}.route div{display:flex;flex-direction:column;gap:5px}.route b{font-size:25px;font-weight:850;letter-spacing:1px}.route small{font-size:7px;font-weight:700;letter-spacing:.6px;color:#81918d}.route>span{color:#dfa349;font-size:19px;white-space:nowrap}.route>div:last-child{text-align:right}form label{display:block;font-size:9px;letter-spacing:1px;font-weight:800;margin-bottom:10px}input{display:block;width:100%;border:1px solid #d5ded7;background:#fffef9;border-radius:9px;padding:14px;color:#214b5d;font-size:15px;outline:none}input:focus{border-color:#4d9f9d;box-shadow:0 0 0 3px #65b7b31a}#join,#resume{display:block;width:100%;border:0;border-radius:9px;background:#eeb650;color:#263e43;font-size:12px;font-weight:850;letter-spacing:.8px;padding:17px;margin-top:13px;box-shadow:0 3px 0 #d89a35}#join:hover,#resume:hover{background:#f6c570}#status{font-size:9px;color:#7c9290;line-height:1.6;text-align:center;margin-top:17px;min-height:16px}.ticket-bottom{display:flex;justify-content:space-between;gap:8px;border-top:2px dashed #dfe4d9;padding:20px 28px;font-size:8px;letter-spacing:1px;font-weight:700;color:#6d8484}.ticket-bottom .live-dot{width:5px;height:5px;margin-right:5px}.menu-footer{position:absolute;bottom:32px;left:48px;right:48px;display:flex;align-items:center;gap:20px;color:#f1ffff;font-size:9px;letter-spacing:1.5px}.menu-footer button{pointer-events:auto;border:1px solid #e9ffff66;background:#f4ffff18;border-radius:6px;padding:11px 15px;color:inherit;font-size:9px;font-weight:700;letter-spacing:1px;backdrop-filter:blur(8px)}.menu-footer button span{font-size:15px;margin-right:9px}.build{margin-left:auto;color:#e4f6f8aa}#hud{display:none;pointer-events:none;position:fixed;inset:0}.playing #hud{display:block}#hud-top-left{position:absolute;left:26px;top:25px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:min(380px,calc(100vw - 52px))}.flight-badge{position:relative;border-radius:12px;padding:12px 17px;display:flex;align-items:center;gap:12px;background:#153e56d9;color:#fff9e8;box-shadow:0 5px 20px #0001}.flight-badge>span{font-size:27px}.flight-badge b{font-size:14px;letter-spacing:2px}.flight-badge small{display:block;font-size:8px;letter-spacing:1px;margin-top:5px;color:#b0d4df}.manifest{position:absolute;right:26px;top:25px;display:flex;gap:24px;padding:15px 20px;background:#fffdf1e8;border-radius:12px;font-size:8px;letter-spacing:1px}.manifest b{display:block;font-size:15px;margin-top:4px;letter-spacing:0}.controls{position:absolute;bottom:18px;width:100%;text-align:center;color:#fff;text-shadow:0 1px 5px #173e52;font-size:10px}.controls kbd{display:inline-block;margin:0 4px 0 12px;padding:4px 6px;border:1px solid #ffffff55;border-radius:4px;background:#143b5255;font:8px "Segoe UI",sans-serif}#crosshair{position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:#fffa;box-shadow:0 0 3px #0007;transform:translate(-50%,-50%)}#pause{position:fixed;inset:0;background:#173e5238;display:grid;place-items:center;backdrop-filter:blur(3px)}#pause>div{width:350px;background:#fffdf4;border-radius:18px;padding:32px;text-align:center;box-shadow:0 20px 70px #1235}#pause small{font-size:9px;letter-spacing:2px;color:#438e91}#pause h2{font-size:32px;margin:16px 0}#pause p{font-size:12px;color:#798889;line-height:1.6}.secondary{margin-top:13px;border:0;background:none;color:#58828e;font-size:10px;font-weight:700;padding:10px}#debug{position:fixed;left:24px;top:110px;padding:20px;background:#12374bea;color:#dbf1f3;border-radius:10px;font-size:11px}#debug pre{line-height:1.7}#loading{position:fixed;inset:0;display:grid;place-items:center;background:#eaf3ef;font-size:24px;letter-spacing:1px}#connection-lost{position:fixed;left:50%;top:15px;transform:translateX(-50%);padding:15px;background:#fff2d9;border-radius:9px;font-size:12px;z-index:10}#connection-lost button{border:0;background:#eeb650;border-radius:4px;padding:7px;margin-left:10px}
#interaction,#notice,#recovery{position:fixed;left:50%;transform:translateX(-50%);padding:13px 22px;border-radius:10px;background:#fff7e5ed;color:#244b60;font-size:13px;font-weight:700;pointer-events:none;box-shadow:0 4px 20px #173e5222}#interaction{bottom:70px}#notice{top:100px;background:#f4ca79}#recovery{bottom:max(76px,9vh);top:auto;font-size:clamp(15px,2vw,21px);padding:14px 24px;max-width:calc(100vw - 32px);text-align:center}
#interaction{display:flex;align-items:center;gap:10px;padding:9px 13px;font-size:12px;background:#153e56ed;color:#fff9e8;border:1px solid #e9ffff44;z-index:3}#interaction kbd{display:grid;place-items:center;min-width:29px;height:29px;padding:0 7px;border-radius:6px;border:1px solid #ffe4a5;background:#ffd078;color:#25485a;box-shadow:0 3px 0 #bb8e40;font:800 12px 'Segoe UI',sans-serif}#interaction i{height:20px;border-left:1px solid #ffffff33;margin:0 3px}
#arrival-points{position:fixed;z-index:8;left:50%;top:105px;transform:translateX(-50%);padding:10px 18px;border-radius:12px;background:#153e56f2;color:#fff6d8;text-align:center;pointer-events:none;box-shadow:0 5px 20px #0002}#arrival-points b{font-size:13px;letter-spacing:.7px}#arrival-points span{display:block;margin-top:7px;color:#ffe071;font-size:18px;font-weight:900;text-shadow:0 2px 4px #000b;animation:arrival-pop .3s ease-out}@keyframes arrival-pop{from{transform:scale(.65);opacity:0}to{transform:scale(1);opacity:1}}
#flight-effects{position:fixed;inset:0;z-index:1;pointer-events:none;display:none;backdrop-filter:blur(var(--flight-blur,5px));-webkit-backdrop-filter:blur(var(--flight-blur,5px));mask-image:radial-gradient(ellipse 65% 60% at center,transparent 43%,#000 98%);-webkit-mask-image:radial-gradient(ellipse 65% 60% at center,transparent 43%,#000 98%);background:radial-gradient(ellipse at center,transparent 50%,#153246a6 100%)}#flight-effects.active{display:block}#splat-overlay{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 4% 72%,#b6d555aa 0 5%,transparent 13%),radial-gradient(ellipse at 96% 12%,#c2dc70aa 0 7%,transparent 18%);display:none}#splat-overlay.active{display:block}#hud,#debug,#pause,#menu{z-index:2}
@media(max-width:760px){.brand{top:20px;left:22px;font-size:20px}.brand-mark{font-size:30px}.scene-caption{display:none}.boarding-card{right:18px;max-width:calc(100vw - 36px);width:310px;top:auto;bottom:70px;transform:none}.ticket-content{padding:18px 24px}h1{font-size:42px;margin:12px 0}.route{margin:16px 0;padding:13px 0}.ticket-top,.ticket-bottom{padding:14px 24px}.menu-footer{left:20px;right:20px;bottom:20px}.build{display:none}.manifest{gap:12px;right:10px;top:10px}#hud-top-left{left:10px;top:10px}.controls{font-size:8px}.controls kbd{margin-left:5px}.eyebrow{font-size:7px}}
#rooms{margin-top:12px}.room-row{display:flex;gap:8px}.room-row>*{flex:1;min-width:0}.room-panel{margin:0}.room-button{border:1px solid #d5ded7;background:#fffef9;border-radius:9px;padding:11px 8px;color:#2f6770;font-size:9px;font-weight:800;letter-spacing:.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-button:hover{border-color:#4d9f9d;background:#f3faf6}.room-button.primary{border-color:#2f8586;background:#368f91;color:#fffdf4;box-shadow:0 2px 0 #276f70}.room-button.primary:hover{background:#3fa0a2}.room-training{display:flex;align-items:center;gap:9px;margin:2px 0 10px;font-size:12px;font-weight:700;color:#47717b;cursor:pointer}.room-training input{display:inline-block;width:18px;height:18px;padding:0;margin:0;flex:none;accent-color:#368f91;box-shadow:none}#room-code{flex:1.3;width:auto;padding:9px;text-align:center;text-transform:uppercase;letter-spacing:6px;font-weight:850;font-size:16px}#room-code::placeholder{letter-spacing:2px;font-weight:700;font-size:12px}
.room-ticket{margin:22px 0;padding:14px 0 16px;border-top:1px solid #e5e8de;border-bottom:1px solid #e5e8de;text-align:center}.room-ticket small{display:block;font-size:9px;letter-spacing:2px;font-weight:800;color:#368f91}#room-code-big{display:block;margin:4px 0 2px;padding-left:.28em;font-size:52px;line-height:1.1;font-weight:900;letter-spacing:.28em;color:#173e52;user-select:all}.room-ticket>span{display:block;font-size:11px;color:#728286;margin-bottom:12px}#room-status{font-size:10px;font-weight:700;line-height:1.5;color:#b0662b;text-align:center;margin-top:6px;overflow-wrap:anywhere}#room-status:empty{display:none}
#room-badge{position:relative;display:flex;align-items:center;gap:9px;padding:7px 12px;border-radius:9px;background:#fffdf1e8;color:#173e52;font-size:8px;font-weight:700;letter-spacing:1px;box-shadow:0 5px 20px #0001}#room-badge b{font-size:16px;letter-spacing:4px}
@media(max-width:760px){#room-code-big{font-size:40px}.room-ticket{margin:14px 0;padding:10px 0 12px}}
@media(max-height:900px){.ticket-top,.ticket-bottom{padding-top:13px;padding-bottom:13px}.ticket-content{padding:18px 29px 14px}h1{font-size:42px;margin:10px 0}.route{margin:14px 0;padding:11px 0}.room-ticket{margin:12px 0;padding:9px 0 11px}#room-code-big{font-size:40px}#status{margin-top:8px}}
#modifier-badges{position:relative;display:flex;flex-wrap:wrap;gap:6px;max-width:360px}.modifier-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:9px;background:#153e56e0;color:#fff6d8;font-size:11px;font-weight:800;letter-spacing:.3px;box-shadow:0 4px 14px #0002;pointer-events:auto;cursor:help}
#menu-modifiers{display:inline-flex;flex-wrap:wrap;max-width:calc(100vw - 620px);align-items:center;gap:6px;pointer-events:auto;font-size:9px;letter-spacing:1px}#menu-modifiers b{color:#f1ffff}#menu-modifiers .modifier-chip{background:#f4ffff26;border:1px solid #e9ffff55;backdrop-filter:blur(8px);font-size:10px}
@media(max-width:760px){#menu-modifiers{display:none}}
.room-button.daily{width:100%;margin-top:8px;border-color:#e3a33c;background:#fff4d6;color:#8a5a12}.room-button.daily:hover{background:#ffe9b3}.daily-panel{pointer-events:auto;position:absolute;left:48px;top:190px;width:300px;padding:14px 18px 12px;border-radius:16px;background:#fffdf4e6;color:#244d61;box-shadow:0 12px 40px #174e6226}.daily-panel .daily-top5-title{display:block;font-size:10px;letter-spacing:1.8px;font-weight:850;color:#b07a1e;margin-bottom:6px}.daily-panel .daily-top5-row{font-size:12px!important;line-height:1.9!important}.daily-panel .daily-top5-empty{font-size:11px;color:#728286}@media(max-width:1100px){.daily-panel{display:none}}
#menu .route[hidden]+[data-biome-route]{margin-top:10px!important;margin-bottom:0!important}
.ticket-content:has(#room-private:not([hidden]))>p{display:none}