:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9f4eb;font-synthesis:none;background:#0b252e;--cream:#f5d6a0;--mint:#90e2ca;--ink:#11282e}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{min-height:46px;border:1px solid #65837e60;background:#28433f60;color:#e3f0e6;border-radius:8px;padding:12px 18px;cursor:pointer;font-size:13px;font-weight:650;transition:background .18s,transform .18s,border-color .18s}button:hover{background:#41645b;border-color:#98ccac}button:active{transform:translateY(2px)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #fbd9a0;outline-offset:4px}.primary{background:var(--cream);color:#23382f;border-color:var(--cream)}.primary:hover{background:#ffe8bc;color:#152d26}button:disabled{opacity:.4;cursor:default}#world{position:fixed;inset:0;width:100%;height:100%;display:block}#app{position:fixed;inset:0;pointer-events:none}#app button,#app input,#app select,#stick{pointer-events:auto}#brand{position:absolute;left:44px;top:32px;display:flex;gap:12px;align-items:center;font-weight:700;font-size:12px;letter-spacing:2px;z-index:4}#brand[hidden]{display:none}#brand small{display:block;font-size:9px;font-weight:450;letter-spacing:2.1px;color:#a5bbb7;margin-top:6px}.seal{font-size:28px;line-height:42px;width:42px;border:1px solid #92b9a480;border-radius:50%;text-align:center;color:#eed2a3}#menu{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:80px 28px 24px}.title-card{margin-right:auto;margin-left:3%;max-width:460px;padding:26px 24px;background:linear-gradient(90deg,#0c242be8,#0c242ba0 80%,#0c242b00);border-radius:16px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2.5px;color:#97d9c3;margin-bottom:18px}h1{font-size:clamp(64px,7.3vw,102px);font-weight:700;line-height:.92;letter-spacing:-6px;margin:0 0 28px}h1 span{color:var(--cream)}.lede{font-size:17px;line-height:1.75;color:#cbdbd4;letter-spacing:.1px;margin-bottom:28px}.title-actions{display:flex;flex-wrap:wrap;gap:9px}.title-actions .primary{width:100%;max-width:278px;padding:15px 22px;text-align:left;font-size:15px}.fine{font-size:10px;letter-spacing:1px;line-height:1.8;color:#9ab6ac;margin-top:25px}.world-caption{position:absolute;bottom:36px;right:42px;font-size:11px;font-weight:750;letter-spacing:2.5px;text-align:right}.world-caption small{display:block;font-size:9px;font-weight:500;color:#9dbaac;letter-spacing:1.3px;margin-top:9px}.live-dot{display:inline-block;width:6px;height:6px;background:#9be3c2;border-radius:50%;vertical-align:middle;margin-right:8px}.card{width:min(730px,100%);padding:35px 40px;background:#10282ef2;border:1px solid #59786b60;border-radius:18px;box-shadow:0 20px 100px #020c1675;max-height:calc(100dvh - 100px);overflow:auto;pointer-events:auto;backdrop-filter:blur(18px)}.card h2{font-size:40px;letter-spacing:-1.8px;line-height:1.08;margin:0 0 18px;font-weight:650;color:#f0e4cb}.card>p{font-size:13px;color:#b9cec5;line-height:1.7}.card>button{margin-right:8px;margin-top:12px}.compact{width:450px}.compact>button{width:100%;display:block;margin-top:10px}.instructions-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 28px}.instructions-grid p{color:#b3cbc3;font-size:13px;line-height:1.7}.instructions-grid b{display:block;color:#efdfbd;font-size:14px;margin-bottom:8px}.planning-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:25px;align-items:center}.route-map{width:100%;margin:10px 0}.manifest>div{display:flex;align-items:center;gap:12px;border-bottom:1px solid #52706455;padding:10px 0}.number{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid #d9bf8c;color:#f0d4a0;border-radius:50%;font-size:13px}.manifest p{font-size:12px;margin:0}.manifest b{color:#e5e5cf;font-weight:600}.manifest small{display:block;color:#9eccc0;font-size:10px;margin-top:5px}.ghost-note{padding:12px 14px;border-left:2px solid #92d4bd;background:#243f3a50;font-size:11px!important;color:#b3d6c8!important;line-height:1.65}.seed-label{font-size:9px;letter-spacing:2px;color:#acbeb3;display:flex;align-items:center;gap:16px;margin-top:18px}.seed-label input{background:#112128;border:1px solid #5b7465;color:#d9e8df;width:170px;padding:10px;border-radius:5px;font-size:11px;letter-spacing:1px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.setting{display:flex;align-items:center;justify-content:space-between;margin:22px 0;font-size:13px;gap:12px}.setting input[type=range]{width:150px;accent-color:#e9cf9f}.setting input[type=checkbox]{width:23px;height:23px;accent-color:#99d9bd}.setting select{max-width:200px;background:#17342f;border:1px solid #577f6b;border-radius:6px;color:#d1e3d6;padding:10px;font-size:11px}.result-stats{display:grid;grid-template-columns:1.4fr 1fr 1fr;border-top:1px solid #426154;border-bottom:1px solid #426154;padding:24px 0;margin-top:28px}.result-stats strong{display:block;font-size:36px;color:#e8d1a4}.result-stats small{display:block;font-size:9px;letter-spacing:1.5px;color:#9ebcaf;margin-top:8px}#hud{position:absolute;left:30px;right:30px;top:24px;display:flex;align-items:center;gap:25px;background:#0c242bdc;border:1px solid #52726366;border-radius:12px;padding:16px 20px;backdrop-filter:blur(10px)}#hud[hidden]{display:none}#hud small{display:block;color:#9ab6aa;font-size:8px;letter-spacing:1.2px;margin-top:5px}.district-mini{font-size:10px;font-weight:750;letter-spacing:1.2px;max-width:145px}.timer,.progress{font-size:34px;line-height:.85;color:#f1d3a0;font-variant-numeric:tabular-nums}.progress{color:#9ae6c5}.progress span{font-size:19px;color:#78968e}.timer small,.progress small{font-size:8px!important;line-height:1.3}.timer.urgent{color:#ffac94}.cargo{flex:1;min-width:0}.cargo b{font-size:12px;font-weight:650;display:block;margin:5px 0;color:#e1e6ce}.cargo>span{color:#84b9a5;font-size:8px;letter-spacing:1px}.score{font-size:18px;min-width:44px}.ghost-status{font-size:9px;letter-spacing:1px;color:#9fedda}#pause-button{font-size:16px;padding:0;width:44px;height:44px;min-height:44px}#prompt{position:absolute;bottom:31px;left:50%;transform:translate(-50%);padding:12px 20px;border-radius:30px;background:#102e30e6;color:#f4dcad;font-size:12px;font-weight:650;letter-spacing:.3px;white-space:nowrap;border:1px solid #91be9855}#prompt:empty{display:none}#toast{position:absolute;top:125px;left:50%;transform:translate(-50%) translateY(-8px);width:max-content;max-width:85%;padding:12px 20px;background:#183c37ed;border:1px solid #88cbaa66;border-radius:8px;color:#e4e1c5;font-size:12px;opacity:0;transition:opacity .2s,transform .2s;text-align:center;z-index:5}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}#touch{display:none}#touch[hidden]{display:none!important}@media(pointer:coarse){#touch{display:block;position:absolute;inset:0}#stick{position:absolute;bottom:43px;left:24px;width:110px;height:110px;border:1px solid #acd1ba60;border-radius:50%;background:#14332b75;touch-action:none}#stick span{display:block;position:absolute;left:33px;top:33px;border:1px solid #efd4a280;width:44px;height:44px;background:#d6d2a730;border-radius:50%}.touch-actions{display:flex;gap:12px;position:absolute;bottom:52px;right:24px}.touch-actions button{border-radius:50%;width:66px;height:66px;padding:5px;background:#203c37d9;border-color:#d6cd9c90;font-size:23px;touch-action:none}.touch-actions small{display:block;font-size:7px;margin-top:1px;letter-spacing:.5px}#prompt{bottom:180px;font-size:10px}}@media(max-width:700px){#brand{left:23px;top:24px;font-size:10px}.seal{width:34px;line-height:34px;font-size:24px}#brand small{font-size:8px}#menu{padding:82px 15px 18px;align-items:center}.title-card{margin:0 auto auto;padding:25px 12px;background:linear-gradient(180deg,#0c242be0,#0c242b90 85%,#0c242b00);width:100%}h1{font-size:66px;letter-spacing:-4px;line-height:.94;margin-bottom:17px}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:14px}.lede{font-size:13px;line-height:1.7;margin-bottom:19px}.title-actions{gap:7px;max-width:280px}.title-actions .primary{max-width:280px;min-height:46px;padding:12px 17px;font-size:13px}.title-actions button:not(.primary){font-size:11px;padding:10px 13px;min-height:44px}.title-card .fine{font-size:8px;margin-top:18px;line-height:1.7}.world-caption{right:21px;bottom:23px;font-size:9px;letter-spacing:1.4px}.world-caption small{font-size:7px;letter-spacing:.7px}.card{padding:25px 23px;max-height:calc(100dvh - 104px);border-radius:13px}.card h2{font-size:29px;letter-spacing:-1px}.card>p{font-size:12px}.instructions-grid{grid-template-columns:1fr;gap:0}.instructions-grid p{font-size:12px;margin:10px 0}.instructions-grid b{font-size:12px;margin-bottom:4px}.planning-grid{grid-template-columns:1fr;gap:6px}.route-map{max-height:160px;margin:0}.manifest>div{padding:8px 0}.manifest .ghost-note{font-size:10px!important;margin-top:12px}.number{width:26px;height:26px;font-size:11px}.manifest p{font-size:11px}.seed-label{margin-top:13px;font-size:8px;gap:10px}.actions{margin-top:15px;gap:7px}.actions button{font-size:11px;padding:10px 12px}.result-stats strong{font-size:30px}.result-stats small{font-size:7px}.setting{font-size:11px}.setting select{max-width:180px;font-size:10px}#hud{left:12px;right:12px;top:12px;padding:12px;gap:16px;display:grid;grid-template-columns:1fr 50px 44px 40px;grid-template-rows:auto auto}.district-mini{max-width:unset;font-size:8px;grid-column:1;grid-row:1}.district-mini small{font-size:6px!important;letter-spacing:.7px}.timer{grid-column:2;grid-row:1;font-size:28px}.progress{grid-column:3;grid-row:1;font-size:28px}#pause-button{grid-column:4;grid-row:1;width:36px;height:42px}.cargo{grid-column:1/3;grid-row:2}.cargo b{font-size:10px;margin:4px 0}.cargo small{font-size:6px!important}.cargo>span{font-size:6px;letter-spacing:.4px}.score{grid-column:3;grid-row:2;font-size:15px}.score small{font-size:6px!important}.ghost-status{grid-column:4;grid-row:2;font-size:6px;line-height:1.7;letter-spacing:.3px}#toast{top:145px;font-size:10px;max-width:90%;padding:10px 14px}#prompt{font-size:10px;max-width:94%;white-space:normal;text-align:center;min-width:210px}}
