.world-map-open .nav{z-index:4}.world-map-open .hud{visibility:hidden}.world-map-open .toasts{z-index:5}.world-map-open .toast.ambient{display:none}.sheet.world-view{top:calc(var(--sa-t) + 6px);left:calc(var(--sa-l) + 6px);right:calc(var(--sa-r) + 6px);bottom:calc(var(--sa-b) + var(--nav-h) + 5px);background:#278bb0;border-radius:20px;width:auto;max-height:none;padding:0;overflow:hidden}.sheet.world-view>header{z-index:1;background:#9b6438 url(../assets/sprites/ui_bar.webp) 50%/100% 180% no-repeat;border:2px solid #734720;border-radius:20px 20px 0 0;flex:0 0 56px;padding:5px 9px;box-shadow:inset 0 1px #e3b473,0 3px 7px #133d533b}.sheet.world-view>header>img{display:none}.sheet.world-view h2{text-align:center;font-size:26px}.sheet.world-view .close,.atlas-back{color:#fff5dc;width:44px;height:44px;font:inherit;cursor:pointer;background:linear-gradient(#bc874c,#825126);border:2px solid #6e4425;border-radius:50%;flex-shrink:0;place-items:center;font-size:25px;font-weight:900;display:grid;box-shadow:inset 0 1px #dbb57b,0 2px 1px #52392055}.sheet.world-view>.body{flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow:hidden}.world-view .fleet-intro,.world-view .fleet-summary{display:none}.world-view .fleet-tabs{background:linear-gradient(#245667,#184859);flex:0 0 48px;align-items:stretch;gap:0;margin:0;padding:4px 8px;overflow:visible}.world-view .fleet-tabs .tab[data-f=buy],.world-view .fleet-tabs .tab[data-f=facilities]{display:none}.world-view .fleet-tabs .tab{color:#ecf8f1;background:0 0;border:1px solid #b8e1df24;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:3px 10px;font-size:15px;font-weight:900;display:flex}.world-view .fleet-tabs .tab.on{color:#3b3620;background:linear-gradient(#f7d674,#e9b74b);border-color:#ffe6a4;box-shadow:inset 0 1px #fff1b9,0 2px 3px #0b364550}.world-view .fleet-body{flex:1;min-height:0;display:flex}.fleet-summary[hidden]{display:none}.atlas{--atlas-ink:#253c39;--atlas-cream:#fff5de;--atlas-gold:#ffcf61;min-width:0;min-height:0;color:var(--atlas-ink);background:#258fae;flex:1;grid-template-rows:minmax(0,1fr) auto;display:grid;position:relative}.atlas button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.atlas button:focus-visible{outline-offset:3px;z-index:8;outline:3px solid #fff0a7}.atlas-map:focus-visible{outline-offset:3px;z-index:8;outline:3px solid #fff0a7}.atlas button[hidden],.atlas-journeys[hidden],.atlas-unfocus[hidden]{display:none}.atlas-map{touch-action:none;cursor:grab;isolation:isolate;min-width:0;min-height:0;position:relative;overflow:hidden}.atlas-map.is-dragging{cursor:grabbing}.atlas-ocean{opacity:.55;pointer-events:none;background:#1698b7 url(../assets/maps/world-diorama-v1.webp) 0 0/1200% no-repeat;position:absolute;top:0;bottom:0;left:0;right:0}.atlas-board{transform-origin:0 0;will-change:transform;pointer-events:none;width:1024px;height:1024px;position:absolute;top:0;left:0}.atlas-terrain{width:100%;height:100%;display:block;-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}.atlas-board svg{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.atlas-route{fill:none;stroke:#f7d27f;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:6 9;opacity:.8;filter:drop-shadow(0 1px 1px #583818)}.atlas-route.deniz{stroke:#c0f4ff;stroke-width:2.8px}.atlas-route.hava{stroke:#fffbec;stroke-width:2.6px;stroke-dasharray:3 10}.atlas-route.selected{stroke:#ffdc69;stroke-width:4px;opacity:1;filter:drop-shadow(0 0 3px #785011)drop-shadow(0 0 2px #ffe4a5)}.atlas-route.active{opacity:.95}.atlas-regions,.atlas-markers{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.atlas-region{white-space:nowrap;pointer-events:auto;text-shadow:0 1px 1px #122b29;background:linear-gradient(#365e53f5,#264742f7);border:2px solid #bfe0c49c;border-radius:13px;align-items:center;gap:5px;min-height:44px;padding:4px 10px 4px 4px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 1px #d5f0d82b,0 4px 6px #07374970;color:#fffbea!important}.atlas-region b{font-size:15px;font-weight:900}.atlas-region-symbol{place-items:center;width:27px;height:30px;display:grid}.atlas-region-symbol img{object-fit:contain;filter:drop-shadow(0 1px 1px #102b3166);width:28px;height:28px}.atlas-region.is-home{background:linear-gradient(#557b3cf7,#385a31fa);border-color:#98bf72}.atlas-home{color:#fff0ad;margin-left:1px;font-size:17px;line-height:1}.atlas-region.is-selected{text-shadow:none;z-index:2;background:linear-gradient(#ffe699,#e4b757);border-color:#fff0b6;box-shadow:0 0 0 2px #86642d80,0 3px 8px #16415099;color:#3b351e!important}.atlas-region:hover{border-color:#fff4c4}.atlas-map-top{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;top:10px;left:10px;right:10px}.atlas-company,.atlas-count{background:#123e4ddb;border:1px solid #d7f4e66b;border-radius:11px;align-items:center;gap:5px;min-height:35px;padding:5px 8px;font-size:12px;font-weight:700;display:flex;box-shadow:0 2px 6px #093a4860;color:#f9f5e3!important}.atlas-company img,.atlas-count img{object-fit:contain;width:22px;height:22px}.atlas-count{pointer-events:auto;min-height:44px}.atlas-count i{margin-left:2px;font-size:22px;font-style:normal;line-height:1}.atlas-map[data-compact=true] .atlas-map-top{right:auto}.atlas-map[data-compact=true] .atlas-company{display:none}.atlas-map[data-compact=true] .atlas-count{justify-content:center;width:44px;height:44px;padding:5px;position:relative}.atlas-map[data-compact=true] .atlas-count span,.atlas-map[data-compact=true] .atlas-count i{display:none}.atlas-map[data-compact=true] .atlas-count:after{content:attr(data-count);color:#473719;background:#ecc05b;border:1px solid #fff1bd;border-radius:10px;place-items:center;min-width:19px;height:19px;padding:0 4px;font-size:11px;font-weight:900;display:grid;position:absolute;top:-5px;right:-5px}.atlas-controls{border-radius:13px;display:grid;position:absolute;top:50%;right:10px;overflow:hidden;transform:translateY(-50%);box-shadow:0 3px 7px #16405370}.atlas-controls button{color:#36433a;background:#fff5dfed;border:0;border-bottom:1px solid #c9aa70;place-items:center;width:44px;height:44px;font-size:25px;font-weight:900;display:grid}.atlas-controls button:last-child{border:0;font-size:27px}.atlas-controls button:disabled{color:#a8a38d;cursor:default}.atlas-controls button:focus-visible{outline-offset:-3px}.atlas-map-hint{color:#fffbeb;text-shadow:0 1px 3px #194450;pointer-events:none;align-items:center;gap:5px;font-size:10px;font-weight:800;display:flex;position:absolute;bottom:8px;left:10px}.atlas-map-hint span{background:#ffe397;border-radius:50%;width:5px;height:5px}.atlas-marker{pointer-events:auto;filter:drop-shadow(0 2px 2px #153e5b80);z-index:3;background:0 0;border:0;width:52px;height:46px;padding:4px;position:absolute;transform:translate(-50%,-50%)}.atlas-marker img{object-fit:contain;transform-origin:50%;width:100%;height:100%;display:block}.atlas-marker.is-focused{background:#ffe39b80;border-radius:50%;box-shadow:0 0 0 2px #ffdc81,0 0 16px #fff2c5}.atlas-marker-dot{background:#74d173;border:1px solid #fffae0;border-radius:50%;width:7px;height:7px;position:absolute;bottom:3px;right:3px}.atlas-marker.is-arrived .atlas-marker-dot{background:#ffd15a}.atlas-details{z-index:1;background:linear-gradient(135deg,#fff9eb,#f8ebca);border:2px solid #e9cc97;border-radius:18px 18px 0 0;grid-template-columns:minmax(0,1fr) 132px;grid-template-areas:"heading heading""cargo cargo""modes metrics""reason reason""action action";gap:7px 9px;min-width:0;padding:11px 13px 12px;display:grid;box-shadow:0 -4px 16px #23546555,inset 0 1px #fffcf5}.atlas-detail-heading{grid-area:heading;justify-content:space-between;align-items:center;gap:6px;display:flex}.atlas-eyebrow{color:#806c48;font-size:10px;font-weight:800;line-height:1.3;display:block}.atlas-detail-heading h3{margin:1px 0 0;font-size:25px;font-weight:900;line-height:1.15}.atlas-unfocus{background:#fff5df;border:1px solid #cfb888;border-radius:10px;flex:0 0 40px;place-items:center;min-height:44px;padding:4px;display:grid;font-size:22px!important;font-weight:800!important}.atlas-detail-row{grid-area:cargo;justify-content:space-between;align-items:center;gap:8px;display:flex}.atlas-cargo{align-items:center;gap:6px;font-size:14px;font-weight:900;display:flex}.atlas-cargo .pi{object-fit:contain;width:26px;height:26px}.atlas-distance{color:#7e6a48;white-space:nowrap;font-size:11px;font-weight:800}.atlas-modes{grid-area:modes;grid-template-columns:repeat(3,minmax(0,1fr));align-self:center;gap:5px;display:grid}.atlas-modes button{background:#fffaec;border:1px solid #d1b687;border-radius:11px;place-items:center;gap:0;min-width:0;min-height:57px;padding:3px;font-size:12px;font-weight:900;display:grid;box-shadow:0 2px #d3b78063}.atlas-modes img{object-fit:contain;width:28px;height:26px}.atlas-modes .on{background:linear-gradient(#ffeaa0,#f4cd61);border:2px solid #d39a2d;box-shadow:inset 0 0 0 1px #fff2b9,0 2px 4px #a4772940}.atlas-modes .unavailable:not(.on){color:#7f7664;background:#f0ebdd}.atlas-metrics{grid-area:metrics;align-content:center;gap:6px;display:grid}.atlas-metrics>span{grid-template-columns:23px 1fr;align-items:center;gap:0 5px;min-width:0;display:grid}.atlas-metrics img{object-fit:contain;grid-row:span 2;width:23px;height:23px}.atlas-metrics b{font-size:15px;font-weight:900;line-height:1.1}.atlas-metrics small{color:#857250;font-size:9px;line-height:1.25}.atlas-metrics.is-unavailable{opacity:.55}.atlas-reason{color:#7b684b;grid-area:reason;margin:0;font-size:10px;line-height:1.35}.atlas-action{text-shadow:0 1px #28743b;background:linear-gradient(#75be55,#409342);border:2px solid #328a35;border-radius:12px;grid-area:action;justify-content:center;align-items:center;gap:12px;width:100%;min-height:44px;display:flex;box-shadow:inset 0 1px #aeec82,0 2px #266c2f;color:#fffdf1!important;font-size:16px!important;font-weight:900!important}.atlas-action b{font-size:24px;font-weight:900}.atlas-action:hover{filter:brightness(1.07)}.atlas-journeys{z-index:7;cursor:default;background:#fff8e8;border:2px solid #dfc794;border-radius:16px;flex-direction:column;width:min(335px,100% - 18px);max-height:calc(100% - 16px);padding:12px;display:flex;position:absolute;top:8px;right:9px;box-shadow:0 7px 30px #183e5380}.atlas-journey-head{justify-content:space-between;align-items:center;gap:7px;display:flex}.atlas-journey-head h3{margin:0;font-size:17px;font-weight:900}.atlas-journey-head button{background:#eadbc0;border:0;border-radius:50%;width:44px;height:44px;font-size:23px}.atlas-filters{gap:5px;margin:5px 0 8px;display:flex}.atlas-filters button{background:#f7ecd3;border:1px solid #d4be92;border-radius:8px;flex:1;min-height:44px;font-size:12px;font-weight:800}.atlas-filters .on{color:#fff;background:#4d784e;border-color:#4d784e}.atlas-journey-list{min-height:0;overflow:auto}.atlas-journey{text-align:left;background:0 0;border:0;border-bottom:1px solid #e3d4b7;align-items:center;gap:8px;width:100%;min-height:76px;padding:11px 5px;display:flex}.atlas-journey>.pi{flex-shrink:0;width:34px;height:34px}.atlas-journey>span{flex:1;min-width:0}.atlas-journey b{font-size:13px}.atlas-journey small{color:#7b694e;margin-top:2px;font-size:11px;display:block}.atlas-journey .prog{margin-top:5px;display:block}.atlas-mode-art{object-fit:contain;width:38px;height:32px}.atlas-empty{color:#77684e;margin:7px 0 4px;font-size:13px;line-height:1.55}.atlas-journey.on{background:#f4e5bb}@media (orientation:landscape){.atlas{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 296px}.atlas-details{border-radius:18px;grid-template-columns:1fr 1fr;grid-template-areas:"heading heading""cargo cargo""modes modes""metrics metrics""reason reason""action action";align-self:center;gap:14px 9px;margin:12px 12px 12px 0;padding:17px}.atlas-modes button{min-height:65px;font-size:13px}.atlas-metrics{grid-template-columns:1fr 1fr;gap:10px}.atlas-metrics b{font-size:16px}.atlas-metrics small{font-size:10px}.atlas-reason{font-size:11px}}@media (orientation:landscape) and (max-height:540px){.world-map-open{--nav-h:76px}.world-map-open .nav .ring{width:52px}.sheet.world-view>header{flex-basis:45px;padding:2px 7px}.sheet.world-view>header .close,.atlas-back{width:38px;height:38px}.sheet.world-view h2{font-size:23px}.world-view .fleet-tabs{flex-basis:40px;padding:3px 7px}.atlas{grid-template-columns:minmax(0,1fr) 230px}.atlas-details{grid-template-columns:minmax(0,1fr) 95px;grid-template-areas:"heading heading""cargo metrics""modes modes""action action""reason reason";align-self:start;gap:4px;max-height:calc(100% - 14px);margin:7px 7px 7px 0;padding:8px;overflow:auto}.atlas-detail-heading h3{font-size:21px}.atlas-unfocus{flex-basis:32px;min-height:32px;font-size:19px!important}.atlas-detail-row{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px}.atlas-cargo{gap:4px;font-size:13px}.atlas-cargo .pi{width:23px;height:23px}.atlas-modes button{grid-template-columns:21px 1fr;gap:2px;min-height:40px;font-size:11px}.atlas-modes img{width:23px;height:23px}.atlas-metrics{grid-template-columns:1fr;gap:4px}.atlas-metrics>span{grid-template-columns:19px 1fr;gap:0 3px}.atlas-metrics img{width:19px;height:19px}.atlas-metrics b{font-size:12px}.atlas-metrics small{font-size:8px}.atlas-action{min-height:37px;font-size:14px!important}.atlas-reason{font-size:9px}.atlas-region{gap:3px;min-height:40px;padding:3px 7px 3px 3px}.atlas-region b{font-size:13px}.atlas-region-symbol,.atlas-region-symbol img{width:23px;height:23px}}@media (orientation:portrait) and (max-height:720px){.world-map-open{--nav-h:94px}.sheet.world-view>header{flex-basis:45px;padding:2px 7px}.sheet.world-view h2{font-size:23px}.world-view .fleet-tabs{flex-basis:40px;padding:3px 7px}.atlas-details{gap:4px 7px;padding:8px 10px}.atlas-detail-heading h3{font-size:22px}.atlas-modes button{min-height:48px}.atlas-metrics{gap:3px}}@media (max-width:370px){.atlas-controls{right:5px}.atlas-detail-heading h3{font-size:23px}.atlas-details{grid-template-columns:minmax(0,1fr) 117px;gap:6px;padding-left:10px;padding-right:10px}.atlas-metrics b,.atlas-region b{font-size:13px}.atlas-region{gap:3px;padding-right:7px}.atlas-region-symbol,.atlas-region-symbol img{width:23px;height:23px}}@media (prefers-reduced-motion:reduce){.atlas-board{will-change:auto}}.sheet[data-panel=market]{--market-ink:#304037;--market-paper:#fff7e4;--market-line:#d9c59b}.sheet[data-panel=market] .market-tabs{touch-action:pan-y;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid;overflow:visible}.sheet[data-panel=market] .market-tabs .tab{border:1px solid var(--market-line);text-align:center;white-space:normal;border-radius:11px;justify-content:center;align-items:center;min-width:0;min-height:44px;padding:3px 5px;font-size:12px;display:flex}.market-tabs .tab.on{background:linear-gradient(#658b50,#416d42);border-color:#426e3d}.market-order-form{border:1px solid var(--market-line);background:var(--market-paper);color:var(--market-ink);border-radius:15px;gap:11px;margin:10px 0 14px;padding:14px;display:grid}.market-order-form h3{margin:0;font-size:17px}.market-order-form label,.market-qty{gap:4px;font-size:12px;font-weight:800;display:grid}.market-order-form input,.market-order-form select,.market-qty input{width:100%;min-width:0;min-height:44px;color:var(--market-ink);font:inherit;background:#fffdfa;border:1px solid #c9b587;border-radius:9px;padding:7px 9px;font-size:14px;font-weight:800}.market-order-form input:focus-visible{outline-offset:1px;outline:3px solid #dcab4d}.market-order-form select:focus-visible{outline-offset:1px;outline:3px solid #dcab4d}.market-qty input:focus-visible{outline-offset:1px;outline:3px solid #dcab4d}.market-fields{grid-template-columns:1fr 1.3fr;gap:8px;display:grid}.market-reserve{background:#f0dfaf;border-radius:8px;padding:9px;font-size:13px;font-weight:900}.market-order-form .hint{margin:0;line-height:1.55}.market-order-form .btn,.market-create,.market-more{width:100%;min-height:44px}.market-order-meta{color:#7c6846;grid-column:2/-1;font-size:11px;line-height:1.7}.market-bid{border-left:3px solid #6d8c52}.market-cargo{border-left:3px solid #d6aa4c}.market-paid{color:#537146;background:#e8f0db;border-radius:5px;margin-top:4px;padding:2px 5px;font-size:10px;font-weight:800;display:inline-block}.market-empty{color:#7a674a;background:#fff9e9;border:1px dashed #d5c39c;border-radius:12px;margin:12px 0;padding:18px 12px;font-size:13px;line-height:1.6}.market-empty .btn{margin-top:12px;display:block}.market-history-row{background:#fffaf0;border:1px solid #e2d6bd;border-radius:12px;grid-template-columns:34px minmax(0,1fr) auto;align-items:start;gap:8px;margin-bottom:7px;padding:12px 10px;display:grid}.market-history-row .t1{font-size:13px}.market-history-row .t2{overflow-wrap:anywhere;font-size:11px}.market-history-row strong{font-variant-numeric:tabular-nums;white-space:nowrap;color:#346d40;font-size:14px}.market-history-row.expense strong{color:#906844}.market-history-row time{color:#918063;margin-top:3px;font-size:10px;display:block}.market-history-costs{color:#7c6b4e;margin-top:4px;font-size:10px;line-height:1.5}.market-history-head{align-items:center;gap:10px;margin:4px 0 12px;display:flex}.market-history-head .hint{flex:1;margin:0}.market-history-head button{flex-shrink:0;min-height:44px}@media (max-width:370px){.sheet[data-panel=market] .market-tabs .tab{font-size:11px}.market-history-row{grid-template-columns:28px minmax(0,1fr) auto;gap:6px;padding:10px 8px}.market-history-row .pi{width:28px;height:28px}}:root{--sa-t:max(env(safe-area-inset-top,0px), var(--tg-top,0px));--sa-b:max(env(safe-area-inset-bottom,0px), var(--tg-bottom,0px));--sa-l:max(env(safe-area-inset-left,0px), var(--tg-left,0px));--sa-r:max(env(safe-area-inset-right,0px), var(--tg-right,0px));--cream:#fbf4e4;--ink:#3d2b1a;--wood:#a86b3c;--green:#4ea443;--nav-h:112px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#8ecfe6;height:100%;margin:0;font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}#game{touch-action:none;position:fixed;top:0;bottom:0;left:0;right:0}#game canvas{display:block}#ui{pointer-events:none;z-index:10;color:var(--ink);position:fixed;top:0;bottom:0;left:0;right:0}#ui button{font-family:inherit}.hud{top:calc(var(--sa-t) + 8px);left:calc(var(--sa-l) + 10px);right:calc(var(--sa-r) + 10px);justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute}.hud-left{pointer-events:auto;align-items:center;gap:4px;display:flex}.lvl{flex-direction:column;gap:2px;display:flex}.lvl-row{align-items:center;display:flex}.badge{z-index:1;color:#fff;background:radial-gradient(circle at 35% 30%,#6fb6ff,#2463c9);border:3px solid #fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:15px;font-weight:900;display:grid;position:relative;box-shadow:0 2px 4px #00000040}.xpbar{background:#182c4080;border:2px solid #ffffffe6;border-radius:10px;width:clamp(80px,24vw,160px);height:16px;margin-left:-8px;overflow:hidden}.xpbar i{background:linear-gradient(#7cc4ff,#2f7de1);width:50%;height:100%;transition:width .5s;display:block}.xptext{white-space:nowrap;color:#fff;text-shadow:0 1px 2px #0000008c;margin-left:30px;font-size:12px;font-weight:800}.hud-right{pointer-events:auto;flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.pill{color:#fff;background:#25344294;border-radius:18px;align-items:center;gap:6px;height:34px;padding:0 6px 0 2px;font-size:16px;font-weight:900;display:flex;box-shadow:inset 0 1px #ffffff40,0 2px 6px #00000026}.pill .ico{object-fit:contain;filter:drop-shadow(0 2px 2px #0000004d);width:32px;height:32px;margin-left:-6px}.pill .num{min-width:40px;padding-right:6px}.plus{all:unset;color:#fff;cursor:pointer;background:linear-gradient(#7ad66b,#3e9d39);border:2px solid #fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:20px;font-weight:900;line-height:1;display:grid}.chip{color:#2d4a2a;background:#ffffffd9;border-radius:12px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:14px;font-weight:800;display:flex;box-shadow:0 2px 6px #0000001f}.pulse{animation:.45s pulse}@keyframes pulse{50%{transform:scale(1.14)}}.toasts{top:calc(var(--sa-t) + 96px);right:calc(var(--sa-r) + 10px);flex-direction:column;gap:8px;width:min(320px,72vw);display:flex;position:absolute}.toast{pointer-events:auto;color:#22384a;cursor:pointer;background:#ffffffe6;border-radius:16px;grid-template-columns:40px 1fr 14px;align-items:center;gap:8px;padding:10px 12px;animation:.35s cubic-bezier(.2,.9,.3,1.2) toastIn;display:grid;box-shadow:0 6px 18px #1e3c502e}.toast.out{animation:.3s forwards toastOut}.toast .em{text-align:center;font-size:28px}.toast b{font-size:14px;font-weight:900;display:block}.toast span{opacity:.8;font-size:13px;font-weight:700}.toast .chev{opacity:.5;font-weight:900}@keyframes toastIn{0%{opacity:0;transform:translate(110%)}}@keyframes toastOut{to{opacity:0;transform:translate(110%)}}.nav{left:50%;bottom:calc(var(--sa-b) + 4px);width:min(calc(100vw - 12px - var(--sa-l) - var(--sa-r)), 640px);height:var(--nav-h);pointer-events:auto;position:absolute;transform:translate(-50%)}.nav .plank{filter:drop-shadow(0 4px 6px #00000047);background:50%/100% 100% no-repeat;height:58%;position:absolute;bottom:0;left:0;right:0}.nav .btns{justify-content:space-around;align-items:flex-end;padding:0 6px 6px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.nav button{all:unset;cursor:pointer;flex-direction:column;align-items:center;width:19%;display:flex}.ring{aspect-ratio:1;filter:drop-shadow(0 3px 3px #0000004d);background:50%/contain no-repeat;place-items:center;width:clamp(58px,16vw,78px);transition:transform .14s;display:grid}.ring img{object-fit:contain;width:60%;height:60%}.label{text-align:center;color:#4a3015;background:linear-gradient(#fffaf0,#f0dfbd);border:2px solid #c8a068;border-radius:12px;min-width:78%;margin-top:-12px;padding:3px 8px;font-size:clamp(11px,3.1vw,14px);font-weight:900;box-shadow:0 2px #0000002e}.nav button.active .ring{transform:translateY(-5px)scale(1.05)}.backdrop{opacity:0;background:#14233247;transition:opacity .25s;position:absolute;top:0;bottom:0;left:0;right:0}.backdrop.open{opacity:1;pointer-events:auto}.sheet{z-index:2;background:var(--cream);pointer-events:auto;max-height:74vh;padding-bottom:var(--sa-b);border-radius:22px 22px 0 0;flex-direction:column;transition:transform .32s cubic-bezier(.2,.9,.25,1.04);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(105%);box-shadow:0 -10px 30px #00000038}.sheet.open{transform:translateY(0)}.sheet header{color:#fff8ea;text-shadow:0 1px 2px #00000059;background:linear-gradient(#bf8550,#9c6435);border-radius:22px 22px 0 0;align-items:center;gap:10px;padding:12px 14px;display:flex}.sheet header img{object-fit:contain;width:34px;height:34px}.sheet h2{flex:1;margin:0;font-size:20px;font-weight:900}.close{all:unset;cursor:pointer;background:#00000038;border-radius:50%;place-items:center;width:34px;height:34px;font-size:18px;font-weight:900;display:grid}.body{touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:12px 14px 18px;overflow:auto}.sub{color:#7a6a55;margin:4px 2px 10px;font-size:13px;font-weight:700}.tabs{touch-action:pan-x;gap:6px;padding-bottom:8px;display:flex;overflow-x:auto}.tab{all:unset;cursor:pointer;color:#6b4a26;background:#efe2c6;border-radius:14px;flex:none;padding:6px 12px;font-size:13px;font-weight:800}.tab.on{background:var(--green);color:#fff}.grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;display:grid}.card{text-align:center;cursor:pointer;background:#fff;border-radius:16px;padding:8px 6px 10px;transition:transform .12s;box-shadow:0 3px #e3d5b8,0 4px 10px #0000000f}.card:active{transform:scale(.96)}.card img{object-fit:contain;width:100%;height:80px}.card .nm{font-size:14px;font-weight:900}.card .meta{color:#9a8a74;margin:1px 0 5px;font-size:11px;font-weight:700}.cost{color:#6b4a26;background:#fff1cf;border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:13px;font-weight:900;display:inline-flex}.cost img{width:16px;height:16px}.card.dis{opacity:.5}.row{background:#fff;border-radius:14px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;margin-bottom:8px;padding:8px 10px;display:grid;box-shadow:0 2px #eadfc8}.row .em{text-align:center;font-size:26px}.t1{font-size:14px;font-weight:900}.t2{color:#8a7a64;font-size:12px;font-weight:700}.up{color:#2e9a4a}.down{color:#d0473c}.btn{all:unset;cursor:pointer;text-align:center;color:#fff;background:linear-gradient(#72c862,#4ea443);border-radius:12px;padding:7px 14px;font-size:13px;font-weight:900;box-shadow:0 3px #3a7f31}.btn:active{transform:translateY(2px);box-shadow:0 1px #3a7f31}.btn.orange{background:linear-gradient(#ffb15e,#f08a24);box-shadow:0 3px #c06a12}.btn.purple{background:linear-gradient(#b17dff,#7d4ae0);box-shadow:0 3px #5b33ad}.btn[disabled]{filter:grayscale();opacity:.55}.spark{width:64px;height:22px}.modes{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.mode{text-align:center;background:#fff;border-radius:14px;padding:10px 8px;box-shadow:0 2px #eadfc8}.mode .em{font-size:30px}.meter{color:#8a7a64;text-align:left;grid-template-columns:44px 1fr;align-items:center;gap:4px;margin-top:4px;font-size:10px;font-weight:800;display:grid}.meter i{background:#eee3cf;border-radius:4px;height:6px;display:block;overflow:hidden}.meter i b{background:#5aa9e6;border-radius:4px;height:100%;display:block}.prog{background:#eee3cf;border-radius:5px;height:8px;margin-top:5px;overflow:hidden}.prog i{background:linear-gradient(90deg,#5aa9e6,#4ea443);border-radius:5px;height:100%;transition:width 1s linear;display:block}.cap{background:#fff;border-radius:14px;margin-bottom:12px;padding:10px 12px;font-weight:900}.slots{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;display:grid}.slot{text-align:center;background:#fff;border-radius:12px;padding:8px 4px;font-size:12px;font-weight:800;box-shadow:0 2px #eadfc8}.slot .em{font-size:26px}.slot.full .cnt{color:#d0473c}.slot.empty{opacity:.45}.packs{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.pack{text-align:center;background:linear-gradient(#f4e8ff,#fff);border-radius:16px;padding:12px 8px;box-shadow:0 3px #e2d2f6}.pack img{object-fit:contain;width:54px;height:54px}.pack .amt{font-size:18px;font-weight:900}.pack .tag{background:#ffe08a;border-radius:8px;margin:2px 0 8px;padding:1px 8px;font-size:11px;font-weight:900;display:inline-block}.note{color:#8a7a64;text-align:center;margin-top:12px;font-size:12px;font-weight:700}.buildbar{left:50%;bottom:calc(var(--sa-b) + var(--nav-h) + 10px);pointer-events:auto;background:#fffaeef5;border-radius:18px;align-items:center;gap:8px;padding:8px;display:none;position:absolute;transform:translate(-50%);box-shadow:0 8px 24px #0003}.buildbar.on{animation:10ms toastIn;display:flex}.bb-info{text-align:center;color:#4a3015;padding:0 6px;font-size:13px;font-weight:800}.bb-info small{color:#8a7a64;font-weight:700;display:block}.bb-btn{all:unset;cursor:pointer;color:#fff;border-radius:14px;place-items:center;width:48px;height:48px;font-size:22px;font-weight:900;display:grid}.bb-cancel{background:linear-gradient(#f07167,#d64b40)}.bb-ok{background:linear-gradient(#72c862,#4ea443)}.bb-ok[disabled]{filter:grayscale();opacity:.5}.fly{pointer-events:none;z-index:50;width:34px;height:34px;position:fixed;top:0;left:0}@media (orientation:landscape){:root{--nav-h:96px}.ring{width:clamp(52px,11vh,68px)}.nav{width:min(100vw - 24px,560px)}.toasts{top:calc(var(--sa-t) + 54px)}.sheet{width:min(440px,50vw);max-height:none;padding:var(--sa-t) var(--sa-r) var(--sa-b) 0;border-radius:22px 0 0 22px;top:0;left:auto;transform:translate(105%)}.sheet.open{transform:translate(0)}.sheet header{border-radius:22px 0 0}}@media (orientation:portrait) and (max-width:420px){.xpbar{width:clamp(64px,19vw,120px)}.hud-right{max-width:200px}.pill{gap:3px;height:30px;font-size:14px}.pill .ico{width:26px;height:26px}.pill .num{min-width:0;padding-right:3px}.plus{width:22px;height:22px;font-size:17px}.toasts{top:calc(var(--sa-t) + 116px)}.chip{height:28px;padding:0 9px;font-size:12px}}.pi{object-fit:contain;filter:drop-shadow(0 2px 2px #0000002e);width:34px;height:34px}.slot .pi{width:44px;height:44px;margin:0 auto 2px;display:block}.slot .nm2{min-height:28px;font-size:11px;line-height:1.2}img.fly{object-fit:contain}.chip.date{all:unset;color:#2d4a2a;cursor:pointer;background:#ffffffe0;border-radius:12px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:14px;font-weight:800;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000001f}.chip.date .mbar{background:#4ea4432e;border-radius:2px;height:3px;position:absolute;bottom:3px;left:8px;right:8px}.chip.date .mbar b{background:#4ea443;border-radius:2px;width:0;height:100%;display:block}.statusline{align-items:center;gap:8px;margin-bottom:10px;display:flex}.spill{color:#fff;border-radius:10px;padding:4px 10px;font-size:12px;font-weight:900}.spill.ok{background:#4ea443}.spill.warn{background:#f08a24}.spill.bad{background:#d0473c}.spill.off{background:#8a8f96}.sect{color:#6b4a26;margin:12px 2px 6px;font-size:14px;font-weight:900}.recipes{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.rcard{text-align:center;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:14px;padding:8px 6px;box-shadow:0 2px #eadfc8}.rcard.on{background:#f1fae9;border-color:#4ea443}.rcard .pi{width:40px;height:40px}.rcard .nm{font-size:13px;font-weight:900}.rcard .meta{color:#9a8a74;font-size:11px;font-weight:700}.rcard .ins{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:4px;font-size:11px;font-weight:800;display:flex}.rcard .in{background:#f4ecdb;border-radius:8px;align-items:center;gap:1px;padding:1px 4px;display:inline-flex}.rcard .in.lack{color:#c0392b;background:#fde2df}.rcard .in.free{color:#9a8a74;background:0 0}.pi.sm{width:18px;height:18px}.kv{background:#fff;border-radius:14px;margin-top:10px;padding:8px 12px;font-size:13px}.kv>div{grid-template-columns:1fr auto;align-items:center;gap:8px;padding:4px 0;display:grid}.kv>div>span{color:#7a6a55;font-weight:700}.kv .prog{width:120px;margin:0}.ctl{background:#fff;border-radius:14px;margin-top:10px;padding:8px 12px}.ctl-h{justify-content:space-between;font-size:13px;font-weight:800;display:flex}.ctl input[type=range],.prow input[type=range]{accent-color:#4ea443;width:100%}.hint{color:#8a7a64;font-size:11px;font-weight:700}.hint.bad{color:#d0473c}.actions{justify-content:center;margin-top:12px;display:flex}.till{background:#fff6dc;border-radius:14px;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;display:grid}.till img{width:36px;height:36px}.till b{font-size:18px}.prow{background:#fff;border-radius:14px;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;margin-bottom:8px;padding:8px 10px;display:grid;box-shadow:0 2px #eadfc8}.pright{justify-items:end;font-size:12px;display:grid}.seasons{color:#8a7a64;gap:6px;font-size:11px;font-weight:800;display:flex}.seasons .now{color:#2e9a4a;text-decoration:underline}.ledger{background:#fff;border-radius:14px;padding:6px 12px;font-size:13px}.lrow{text-align:right;grid-template-columns:1fr 90px 90px;gap:6px;padding:4px 0;display:grid}.lrow span{text-align:left;color:#7a6a55;font-weight:700}.lrow.head b{color:#9a8a74;font-size:11px}.lrow.neg b{color:#c0392b}.lrow.pos b{color:#2e9a4a}.lrow.total{border-top:2px solid #eadfc8;font-size:14px}.chart{background:#fff;border-radius:14px;padding:8px}.chart svg{width:100%;height:80px}.mhead{justify-content:space-between;align-items:center;gap:8px;margin:4px 2px 10px;font-size:14px;font-weight:700;display:flex}.link{all:unset;cursor:pointer;color:#c46a1e;font-size:13px;font-weight:900;text-decoration:underline}.mform{gap:8px;margin:-4px 2px 12px;display:flex}.mform input{min-width:0;font:inherit;background:#fff;border:2px solid #e6d8bd;border-radius:12px;flex:1;padding:8px 10px;font-weight:800}.mright{justify-items:end;gap:4px;display:grid}.mrow .mpick{background:#fbf6ec;grid-column:1/-1;margin-top:4px}.mpick .btn{margin-top:8px;display:block}.mbtns{gap:8px;display:flex}.mbtns .btn{flex:1}.modepick{grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0 2px;display:grid}.mopt{all:unset;cursor:pointer;text-align:center;background:#fff;border:2px solid #eadfc8;border-radius:12px;justify-items:center;gap:1px;padding:6px 4px;font-size:12px;display:grid}.mopt .mi{font-size:20px}.mopt small{color:#8a7a64;font-weight:800}.mopt.on{background:#eef8e9;border-color:#4ea443}.mopt[disabled]{opacity:.4;cursor:default}.routes{gap:4px;font-size:12px;display:grid}.rrow{text-align:center;background:#fff;border-radius:10px;grid-template-columns:1.1fr repeat(3,1fr);align-items:center;gap:6px;padding:6px 8px;font-weight:800;display:grid}.rrow span:first-child{text-align:left}.rrow small{color:#8a7a64}.rrow.rhead{color:#6b4a26;background:0 0}.rrow .na{color:#c9bba3}.tut{left:50%;bottom:calc(var(--sa-b) + var(--nav-h) + 14px);width:min(560px, calc(100vw - 20px - var(--sa-l) - var(--sa-r)));pointer-events:auto;z-index:7;background:#fffaf0;border:3px solid #e9d8b6;border-radius:18px;grid-template-columns:64px 1fr;align-items:start;gap:10px;padding:10px 12px;transition:transform .25s,opacity .25s,bottom .25s;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 4px #d9c7a3,0 10px 24px #281e0a40}.tut.lift{bottom:calc(var(--sa-b) + var(--nav-h) + 112px)}.tut:not(.guiding) [data-k=show]{animation:1.6s ease-in-out infinite showPulse}@keyframes showPulse{50%{transform:scale(1.07);box-shadow:0 0 0 5px #f08a2447}}.tut.hidden{display:none}.tut.ready{border-color:#f2b84b;animation:1.4s ease-in-out infinite tutPulse}@keyframes tutPulse{50%{box-shadow:0 4px #d9c7a3,0 0 0 6px #f2b84b59,0 10px 24px #281e0a40}}.tut-face{all:unset;cursor:pointer;background:linear-gradient(#cfe6f3,#a9d0e6);border:3px solid #fff;border-radius:50%;width:64px;height:64px;position:relative;overflow:hidden;box-shadow:0 2px #c9b48e}.tut-face img{object-fit:cover;width:100%;height:100%}.tut-dot{background:#f08a24;border:2px solid #fff;border-radius:50%;width:14px;height:14px;display:none;position:absolute;top:2px;right:2px}.tut.mini .tut-dot,.tut.ready .tut-dot{display:block}.tut.ready .tut-dot{background:#4ea443}.tut-h{color:#5a3d1c;align-items:center;gap:8px;font-size:15px;display:flex}.tut-h span{color:#a08a68;margin-left:auto;font-size:12px;font-weight:800}.tut-x{all:unset;cursor:pointer;text-align:center;color:#8a7a64;background:#f1e6d0;border-radius:8px;width:24px;height:24px;font-weight:900}.tut-t{color:#4a3a26;margin:4px 0 8px;font-size:13px;font-weight:700;line-height:1.35}.tut-a{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tut-sp{flex:1}.tut.mini{z-index:1;left:calc(var(--sa-l) + 10px);width:auto;box-shadow:none;background:0 0;border:none;grid-template-columns:64px;padding:0;animation:none;transform:none}.tut.mini .tut-body{display:none}.tut-glow{z-index:3;border-radius:18px;animation:1s ease-in-out infinite tutGlow;position:relative}@keyframes tutGlow{0%,to{filter:drop-shadow(0 0 #ffc23d00);transform:translateY(0)}50%{filter:drop-shadow(0 0 10px #ffc23df2);transform:translateY(-4px)}}.spot,.spot-top{pointer-events:none;opacity:0;transition:opacity .25s;position:absolute;top:0;bottom:0;left:0;right:0}.spot{z-index:6}.spot-top{z-index:8}.spot.on,.spot-top.on{opacity:1}.spot-hole,.spot-ring{transition:left .22s,top .22s,width .22s,height .22s;position:fixed}.spot-hole{box-shadow:0 0 0 200vmax #081220a8}.spot.nodim .spot-hole{box-shadow:none}.spot-block{position:fixed}.spot.on .spot-block{pointer-events:auto}.spot.nodim .spot-block{pointer-events:none!important}.spot-ring{border:3px solid #ffd257;animation:1.1s ease-in-out infinite spotRing;box-shadow:0 0 0 3px #ffffffd9,0 0 22px 6px #ffc43dbf}@keyframes spotRing{50%{box-shadow:0 0 0 6px #ffffff8c,0 0 34px 12px #ffc43d8c}}.spot-arrow{width:52px;height:66px;margin-left:-26px;animation:.8s ease-in-out infinite spotBounce;position:fixed;transform:translateY(-100%)}.spot-arrow img{object-fit:contain;filter:drop-shadow(0 0 6px #ffffffe6)drop-shadow(0 3px 2px #00000059);width:100%;height:100%}.spot-arrow.below{animation-name:spotBounceUp;transform:none}.spot-arrow.below img{transform:rotate(180deg)}.spot-arrow.right,.spot-arrow.left{transform:translateY(-50%)}.spot-arrow.right{animation-name:spotBounceL}.spot-arrow.left{animation-name:spotBounceR}.spot-arrow.right img{transform:rotate(90deg)}.spot-arrow.left img{transform:rotate(-90deg)}@keyframes spotBounceL{50%{transform:translate(-12px,-50%)}}@keyframes spotBounceR{50%{transform:translate(12px,-50%)}}@keyframes spotBounce{50%{transform:translateY(calc(-100% - 12px))}}@keyframes spotBounceUp{50%{transform:translateY(12px)}}.spot-tip{color:#4a3015;text-align:center;background:#fffaf0;border:3px solid #f2b84b;border-radius:14px;max-width:min(260px,100vw - 16px);padding:7px 14px;font-size:14px;font-weight:900;line-height:1.25;transition:left .22s,top .22s;position:fixed;box-shadow:0 4px #d9c7a3,0 8px 18px #0000004d}@media (max-width:480px),(max-height:520px){.tut{bottom:calc(var(--sa-b) + var(--nav-h) + 8px);grid-template-columns:44px 1fr;gap:8px;padding:8px 10px}.tut-face{width:44px;height:44px}.tut.mini{grid-template-columns:52px}.tut.mini .tut-face{width:52px;height:52px}.tut-h{font-size:13px}.tut-t{margin:2px 0 6px;font-size:11.5px;line-height:1.3}.tut-a .btn{padding:5px 10px;font-size:12px}.tut-a .link{font-size:11px}}.hud .avatar{pointer-events:auto;cursor:pointer}.prof{align-items:center;gap:12px;margin:4px 2px 10px;display:flex}.prof-av{width:64px;height:64px}.prof .snd{cursor:pointer;background:#efe5d2;border:0;border-radius:12px;width:42px;height:42px;margin-left:auto;font-size:20px}.prof .t1{font-size:17px}.card.locked img{filter:grayscale(.85)}.lock{color:#8a6a3e;background:#efe5d2;border-radius:10px;margin-top:4px;padding:2px 8px;font-size:12px;font-weight:900;display:inline-block}.lrank b{color:#3e6b2e;font-size:14px}.lrank.me{background:#fff3d6;box-shadow:0 2px #f2b84b,inset 0 0 0 2px #f2b84b}.fleet-tabs{flex-wrap:nowrap;gap:4px;display:flex}.fleet-tabs .tab{flex:1;min-width:0;padding:8px 6px;font-size:12px}.fleet-summary{grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0 14px;display:grid}.fleet-summary>div{background:#efe4cf;border:1px solid #d7c7a5;border-radius:12px;flex-direction:column;gap:4px;padding:8px 6px;display:flex}.fleet-summary span{font-size:12px;font-weight:700}.fleet-summary b{font-size:13px}.fleet-summary small{color:#796348;font-size:10px;line-height:1.4}.fleet-card{background:#fff8e9;border:1px solid #d9c8a3;border-radius:14px;margin:10px 0;padding:12px}.fleet-card-head{align-items:center;gap:10px;min-width:0;display:flex}.fleet-card-head>div{flex:1;min-width:0}.fleet-vehicle{object-fit:contain;flex-shrink:0;width:84px;height:60px}.fleet-building{object-fit:contain;width:90px;height:78px}.fleet-job{min-height:18px;margin:8px 0;font-size:12px;line-height:1.5}.fleet-health{color:#796348;flex-wrap:wrap;gap:6px 12px;margin:8px 0 12px;font-size:11px;display:flex}.fleet-auto{background:#eee7d2;border-radius:12px;align-items:flex-start;gap:9px;padding:10px;font-size:13px;display:flex}.fleet-auto input{accent-color:#599547;margin:3px 0}.fleet-auto small{color:#796348;font-size:11px;line-height:1.5;display:block}.fleet-preview{object-fit:contain;width:100%;height:120px;margin-bottom:8px;display:block}.fleet-spec{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0;font-size:11px;display:grid}.fleet-spec span{align-items:center;gap:5px;display:flex}.fleet-spec img{object-fit:contain;width:24px;height:24px}.fleet-shop>.btn,.fleet-build{width:100%;margin-top:8px}.fleet-confirm{flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;font-size:12px;display:flex}.buffers{background:#eee7d2;border-radius:12px;margin-top:12px;padding:10px}.buffer-row{align-items:center;gap:6px;padding:5px 0;font-size:12px;display:flex}.buffer-row span{flex:1}@media (max-width:380px){.fleet-summary small{font-size:9px}.fleet-spec{grid-template-columns:1fr}.fleet-card .mbtns .btn{padding:8px;font-size:11px}}:root{--cream:#fff6e2;--ink:#422b18;--wood:#b4783c;--green:#51ac3b;--hud-glass:#233530c7;--nav-h:112px}body{background:#088dcd}.hud{top:calc(var(--sa-t) + 10px);align-items:flex-start;gap:8px}.hud-left{flex-shrink:0;gap:5px}.avatar{filter:saturate(1.12)drop-shadow(0 3px 4px #17473355);width:clamp(52px,13vw,72px);height:clamp(52px,13vw,72px)}.badge{background:linear-gradient(145deg,#66d5ff,#069cdc 65%,#0476b5);border-color:#fff8e9;box-shadow:inset 0 1px 2px #fffa,0 2px 4px #17473366}.xpbar{background:var(--hud-glass);border-color:#fff8e9;width:clamp(60px,17vw,150px);height:17px}.xpbar i{background:linear-gradient(#79e8ff,#14bbec 55%,#06a0e0)}.xptext{text-shadow:0 1px 3px #183f35;font-size:11px}.hud-right{grid-template-columns:max-content max-content;justify-content:end;align-items:center;gap:6px;max-width:none;display:grid}.pill{background:var(--hud-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;border:1px solid #f0f7df55;gap:5px;height:35px;padding:0 7px 0 3px;font-size:16px;box-shadow:inset 0 1px 1px #fff3,0 3px 8px #17473333}.pill .ico{filter:saturate(1.12)drop-shadow(0 2px 2px #35291166);flex-shrink:0;width:34px;height:34px;margin-left:-5px}.pill .num{font-variant-numeric:tabular-nums;min-width:0;padding-right:3px}.plus{background:linear-gradient(#99e36c,#4ab741 60%,#32942f);flex-shrink:0;box-shadow:inset 0 1px 1px #fff7,0 1px 2px #17473344}.chip.date{color:#244b56;white-space:nowrap;background:linear-gradient(#f8ffffed,#dfefeced);border:1px solid #fffdf4aa;border-radius:12px;grid-column:1/-1;justify-self:end;height:31px;padding:0 11px;font-size:13px;box-shadow:inset 0 1px 1px #fff,0 3px 8px #17473322}.chip.date .mbar{background:#83b75933}.chip.date .mbar b{background:linear-gradient(90deg,#77c53e,#36a47b)}.toasts{top:calc(var(--sa-t) + 100px)}.toast{background:linear-gradient(145deg,#f8fffff5,#e3f0eef5);border:1px solid #fffb;box-shadow:inset 0 1px #fff,0 6px 18px #15484a33}.nav{width:min(calc(100vw - 16px - var(--sa-l) - var(--sa-r)), 660px);bottom:calc(var(--sa-b) + 8px)}.nav .plank{filter:saturate(1.13)drop-shadow(0 5px 6px #39301666);height:61%}.nav .btns{padding:0 5px 7px}.ring{filter:saturate(1.12)drop-shadow(0 3px 3px #452a1666);width:clamp(54px,17.5vw,88px);transition:transform .14s,filter .14s}.ring img{width:62%;height:62%}.label{z-index:1;color:#4e2a0c;white-space:nowrap;background:linear-gradient(#fffaf0,#ffefd0);border-color:#b8864a;min-width:86%;margin-top:-11px;padding:3px 6px;font-size:clamp(11px,3.1vw,15px);position:relative;box-shadow:inset 0 1px 1px #fff,0 2px #56351266}.nav button{min-height:74px}.nav button.active .ring{filter:saturate(1.18)drop-shadow(0 3px 5px #3b713577);transform:translateY(-5px)}.nav button.active .label{background:linear-gradient(#fbffe6,#e4f4b5);border-color:#7daf42}.nav button:focus-visible{outline-offset:3px;border-radius:18px;outline:3px solid #fff9df}.nav button:active .ring{transform:translateY(1px)scale(.94)}@media (min-width:720px){.hud{left:calc(var(--sa-l) + 16px);right:calc(var(--sa-r) + 16px)}.hud-right{flex-wrap:nowrap;gap:9px;padding-top:6px;display:flex}.xpbar{width:148px;height:19px}.badge{width:36px;height:36px;font-size:17px}.xptext{font-size:12px}.pill{height:38px;font-size:18px}.pill .ico{width:38px;height:38px}.chip.date{height:36px;font-size:14px}.toasts{top:calc(var(--sa-t) + 68px)}}@media (max-width:420px){.pill{gap:4px;height:31px;font-size:14px}.pill .ico{width:29px;height:29px}.plus{width:23px;height:23px;font-size:18px}.chip.date{height:29px;font-size:12px}}@media (max-width:380px){.hud{left:calc(var(--sa-l) + 8px);right:calc(var(--sa-r) + 8px);gap:5px}.hud-left{gap:3px}.avatar{width:46px;height:46px}.badge{border-width:2px;width:26px;height:26px;font-size:13px}.xpbar{width:42px;height:13px;margin-left:-7px}.xptext{margin-left:20px;font-size:9px}.hud-right{gap:5px}.pill{gap:3px;height:29px;padding-right:5px;font-size:13px}.pill .ico{width:26px;height:26px;margin-left:-3px}.pill .num{padding-right:0}.plus{width:21px;height:21px;font-size:17px}.chip.date{height:28px;padding:0 8px;font-size:11px}.toasts{top:calc(var(--sa-t) + 85px)}}@media (orientation:landscape){:root{--nav-h:90px}.nav{width:min(calc(100vw - 24px - var(--sa-l) - var(--sa-r)), 580px);bottom:calc(var(--sa-b) + 4px)}.ring{width:clamp(49px,12vh,72px)}.label{padding:2px 7px;font-size:12px}.nav button{min-height:64px}}@media (prefers-reduced-motion:reduce){.ring,.xpbar i{transition:none}.toast,.toast.out,.pulse{animation:none}}