@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&family=Rajdhani:wght@500;600;700&display=swap";:root{color-scheme:dark;--ink: #eaf4ef;--muted: #91a6a3;--panel: rgba(6, 20, 24, .88);--panel-2: rgba(12, 34, 38, .92);--line: rgba(162, 220, 202, .17);--teal: #65e0be;--teal-bright: #9bf9d9;--amber: #f3bb62;--danger: #ef6f64}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:Noto Sans SC,sans-serif;background:#041014;color:var(--ink);-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit}button:focus-visible{outline:2px solid var(--teal);outline-offset:3px}#game-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.label-layer{position:absolute;inset:0;z-index:4;pointer-events:none}.world-label{padding:4px 7px;color:#ddefe9d1;background:#04121599;border-bottom:1px solid rgba(173,215,202,.26);font-size:8px;letter-spacing:.08em;text-shadow:0 1px 2px #000;transform:translateY(-6px)}.world-label.accent{color:var(--teal-bright);border-color:#65e0be80}.world-label.stack-count{padding:2px 5px;color:#dce9e5;background:#04101375;border:0;font:600 8px Rajdhani,sans-serif}.vignette,.grain{position:absolute;inset:0;pointer-events:none;z-index:2}.vignette{background:radial-gradient(circle at 50% 48%,transparent 48%,rgba(0,8,10,.34) 100%)}.grain{opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.hud-top{position:absolute;z-index:10;top:0;left:0;right:0;display:grid;grid-template-columns:auto auto 1fr;gap:18px;align-items:start;padding:22px 26px;background:linear-gradient(180deg,rgba(3,14,18,.82),transparent);pointer-events:none}.hud-top button,.hud-top .status-cluster,.resource-strip{pointer-events:auto}.brand-button{height:62px;min-width:186px;padding:8px 17px 8px 11px;display:flex;gap:12px;align-items:center;background:linear-gradient(125deg,#163f40f0,#071b1fe6);border:1px solid rgba(114,237,203,.35);border-radius:5px;box-shadow:0 12px 30px #0003,inset 0 0 20px #65e0be0d;cursor:pointer;text-align:left}.brand-button:hover{border-color:var(--teal);transform:translateY(-1px)}.brand-mark{display:grid;place-items:center;width:40px;height:40px;color:var(--teal-bright);border:1px solid rgba(101,224,190,.35);background:#65e0be14;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);font-family:Rajdhani,sans-serif;font-size:22px}.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy small,.sidebar-brand small{font-family:Rajdhani,sans-serif;font-weight:600;font-size:9px;letter-spacing:.24em;color:var(--teal)}.brand-copy strong{font-size:15px;letter-spacing:.08em;margin-top:5px}.status-cluster{width:318px;padding:10px 15px 12px;background:#051418a8;border-left:2px solid rgba(101,224,190,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-line{display:flex;align-items:center;gap:9px;margin-bottom:9px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.14em;color:#91aaa5}.status-line strong{font-family:Rajdhani,sans-serif;font-size:21px}.divider{width:1px;height:17px;background:var(--line)}.rank-badge{min-width:25px;height:22px;display:inline-grid;place-items:center;border-radius:3px;font-family:Rajdhani,sans-serif;font-weight:700;background:#73807d;color:#07120f;box-shadow:0 0 13px #ffffff24}.rank-c{background:#62d984}.rank-b{background:#66adff}.rank-a{background:#b587ff}.rank-s{background:#ffb84d}.fate-value{margin-left:auto;font-size:11px;color:#bed0cb}.vitals{display:grid;gap:5px}.vital{display:grid;grid-template-columns:34px 1fr 27px;gap:8px;align-items:center;font-size:9px;color:var(--muted)}.vital b{color:#dfeae5;font:600 11px Rajdhani,sans-serif;text-align:right}.meter{height:4px;background:#ffffff1a;overflow:hidden}.meter i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#6dd9b2,#a3f5d7);box-shadow:0 0 8px #77e0bc;transition:width .3s}.meter.hunger i{width:86%;background:linear-gradient(90deg,#d79748,#f4c86d);box-shadow:0 0 8px #e3a84e}.resource-strip{justify-self:end;display:flex;gap:7px}.resource-chip{min-width:76px;height:50px;padding:6px 10px;display:grid;grid-template-columns:22px 1fr;grid-template-rows:1fr 1fr;column-gap:7px;align-items:center;background:#051317a6;border-bottom:1px solid rgba(137,207,188,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.resource-chip .resource-icon{grid-row:span 2;font-size:18px;color:var(--teal)}.resource-chip span{font-size:9px;color:var(--muted)}.resource-chip strong{font:700 18px Rajdhani,sans-serif;line-height:1}.journey-panel{position:absolute;z-index:5;top:112px;right:27px;width:115px;padding:12px 14px;text-align:right;background:linear-gradient(90deg,transparent,rgba(5,19,23,.65));border-right:2px solid rgba(101,224,190,.4)}.journey-main strong{font:700 30px Rajdhani,sans-serif}.journey-main small{margin-left:3px;color:var(--muted)}.bearing{display:flex;justify-content:flex-end;gap:7px;font-size:9px;color:var(--muted)}.bearing b{color:var(--teal-bright)}.hud-bottom{position:absolute;z-index:10;left:0;right:0;bottom:0;display:flex;align-items:end;justify-content:center;gap:30px;padding:18px 28px 24px;pointer-events:none;background:linear-gradient(0deg,rgba(3,13,17,.83),transparent)}.hud-bottom>*{pointer-events:auto}.hotbar-wrap{display:flex;flex-direction:column;gap:7px}.hotbar{display:flex;gap:6px}.hot-slot{position:relative;width:57px;height:57px;display:grid;place-items:center;background:#07161ac7;border:1px solid rgba(170,211,198,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:.16s}.hot-slot:hover,.hot-slot.active{border-color:var(--teal);background:#1d4b45a6;transform:translateY(-3px)}.hot-slot .key{position:absolute;top:3px;left:6px;color:#78928c;font:600 10px Rajdhani,sans-serif}.hot-slot .slot-icon{font-size:22px;color:#b8ccc7}.hot-slot .slot-count{position:absolute;right:5px;bottom:3px;font:700 11px Rajdhani,sans-serif}.hot-slot.empty .slot-icon{opacity:.16}.action-bar{display:flex;gap:7px}.action-button{height:64px;min-width:105px;padding:9px 14px;border:1px solid rgba(151,201,188,.2);background:#061519d1;display:flex;gap:9px;align-items:center;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.action-button:hover{border-color:#65e0beb3;background:#102f30e6}.action-button.primary{background:linear-gradient(135deg,#48a28ae0,#144946e0);border-color:#7ff2d1a6}.action-button .action-icon{font-size:24px;color:var(--teal-bright)}.action-button>span:last-child{display:flex;flex-direction:column;font-size:13px;font-weight:600}.action-button small{font-size:8px;font-weight:400;color:#9eb1ad;margin-top:2px}.controls-hint{position:absolute;z-index:5;bottom:108px;left:25px;display:flex;flex-direction:column;gap:5px;color:#cde1da9e;font-size:9px}kbd{min-width:23px;display:inline-grid;place-items:center;padding:3px 5px;margin-right:5px;font:600 10px Rajdhani,sans-serif;color:var(--teal-bright);border:1px solid rgba(101,224,190,.35);background:#071f21cc;box-shadow:inset 0 -2px #0000004d}.interaction-prompt{position:absolute;z-index:12;left:50%;top:60%;transform:translate(-50%,-50%);display:flex;align-items:center;padding:7px 11px 7px 7px;color:#d9ece5;background:#020f12d1;border:1px solid rgba(101,224,190,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;transition:opacity .18s,transform .18s}.interaction-prompt.hidden{opacity:0;transform:translate(-50%,-42%);pointer-events:none}.toast-stack{position:absolute;z-index:15;top:102px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:7px}.toast{padding:8px 13px;background:#051619e0;border-left:2px solid var(--teal);box-shadow:0 8px 30px #00000040;font-size:11px;animation:toast-in .25s ease,toast-out .35s 2.4s forwards}.toast.error{border-color:var(--danger)}.toast.good{border-color:var(--amber)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes toast-out{to{opacity:0;transform:translateY(-8px)}}.hidden{display:none!important}.modal-shell{position:absolute;z-index:30;inset:0;display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:#02090cb8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.game-center-card{position:relative;width:min(1040px,calc(100vw - 80px));height:min(670px,calc(100vh - 80px));display:grid;grid-template-columns:230px 1fr;background:linear-gradient(145deg,#0a1f23fa,#041115fa);border:1px solid rgba(127,207,187,.25);box-shadow:0 40px 100px #0000008c;overflow:hidden}.game-center-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 43%,rgba(103,222,192,.035) 43.2%,transparent 43.5%)}.modal-close{position:absolute;z-index:3;right:15px;top:12px;width:34px;height:34px;border:0;background:transparent;color:#8fa39e;font-size:25px;cursor:pointer}.modal-close:hover{color:#fff}.center-sidebar{display:flex;flex-direction:column;padding:28px 16px 18px;background:#020c0f8f;border-right:1px solid var(--line)}.sidebar-brand{display:flex;gap:11px;align-items:center;padding:0 9px 27px;border-bottom:1px solid var(--line)}.sidebar-brand div{display:flex;flex-direction:column;gap:4px}.sidebar-brand strong{font-size:14px;letter-spacing:.14em}.center-sidebar nav{display:grid;gap:6px;padding-top:23px}.tab-button{height:48px;padding:0 14px;display:flex;align-items:center;gap:13px;background:transparent;border:1px solid transparent;color:#8da19d;font-size:13px;text-align:left;cursor:pointer}.tab-button span{width:18px;color:#67827c;font-size:18px}.tab-button:hover{color:#fff;background:#ffffff06}.tab-button.active{color:var(--teal-bright);border-color:#65e0be33;background:linear-gradient(90deg,rgba(71,155,135,.19),transparent)}.sidebar-footer{margin-top:auto;padding:14px 9px 2px;display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--line);font-size:9px;color:#667d78}.sidebar-footer b{color:#8fc6b7;font-weight:500}.center-content{position:relative;overflow-y:auto;padding:42px 45px;scrollbar-color:#3f665f transparent}.page-head{display:flex;justify-content:space-between;align-items:end;padding-bottom:22px;border-bottom:1px solid var(--line)}.page-head h1{margin:5px 0 0;font-size:26px;font-weight:600;letter-spacing:.06em}.page-head p{margin:0;max-width:360px;font-size:11px;line-height:1.7;text-align:right;color:var(--muted)}.filter-row{display:flex;gap:7px;padding:20px 0 17px}.filter-chip{padding:6px 12px;border:1px solid var(--line);background:transparent;color:#879d98;font-size:10px;cursor:pointer}.filter-chip.active,.filter-chip:hover{color:var(--teal-bright);border-color:#65e0be80;background:#65e0be12}.recipe-grid,.item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.recipe-card,.item-card{position:relative;min-height:100px;padding:15px 17px;background:#ffffff06;border:1px solid rgba(160,210,197,.1);overflow:hidden}.recipe-card:after,.item-card:after{content:"";position:absolute;width:60px;height:60px;right:-32px;bottom:-32px;border:1px solid var(--rank-color, #687d78);transform:rotate(45deg);opacity:.35}.recipe-card:hover,.item-card:hover{border-color:color-mix(in srgb,var(--rank-color, #687d78) 45%,transparent);background:#ffffff0a}.recipe-title,.item-title{display:flex;align-items:center;gap:8px}.recipe-title h3,.item-title h3{margin:0;font-size:14px}.mini-rank{padding:2px 6px;border:1px solid var(--rank-color);color:var(--rank-color);font:700 10px Rajdhani,sans-serif}.recipe-card p,.item-card p{margin:10px 0 0;color:#9eb0ac;font-size:11px}.recipe-card.locked{filter:saturate(.2);opacity:.5}.recipe-card.locked p{letter-spacing:.18em}.item-card{min-height:132px}.item-card .owned{position:absolute;right:14px;top:14px;font:700 12px Rajdhani,sans-serif;color:var(--rank-color)}.item-card small{display:block;margin-top:10px;color:#647d78;font-size:9px}.trade-banner{margin:20px 0 14px;padding:18px;display:flex;justify-content:space-between;background:linear-gradient(110deg,#43907e2b,#ffffff05);border:1px solid var(--line)}.trade-banner strong{display:block;margin-top:4px}.countdown{color:var(--amber);font:700 19px Rajdhani,sans-serif}.trade-list{display:grid;gap:8px}.trade-row{padding:13px 15px;display:grid;grid-template-columns:1fr auto 1fr auto;gap:14px;align-items:center;border:1px solid var(--line);background:#ffffff05}.trade-item small{display:block;color:var(--muted);font-size:9px}.trade-arrow{color:var(--teal)}.trade-button,.solid-button{padding:7px 14px;border:1px solid rgba(101,224,190,.45);background:#37867438;color:var(--teal-bright);font-size:10px;cursor:pointer}.trade-button:disabled{opacity:.3;cursor:not-allowed}.log-list{margin-top:18px;display:grid}.log-entry{display:grid;grid-template-columns:65px 1fr;padding:11px 4px;border-bottom:1px solid rgba(255,255,255,.055);font-size:11px}.log-entry time{color:#5f7772;font:500 10px Rajdhani,sans-serif}.log-entry span{color:#b6c4c0}.settings-grid{display:grid;gap:17px;margin-top:25px}.setting-row{display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:18px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.06)}.setting-row label{font-size:12px}.setting-row small{color:var(--muted)}.setting-row input[type=range]{accent-color:var(--teal)}.toggle{width:44px;height:23px;border:0;border-radius:20px;background:#29413d;padding:3px;cursor:pointer}.toggle i{display:block;width:17px;height:17px;border-radius:50%;background:#849791;transition:.2s}.toggle.on{background:#397d6e}.toggle.on i{transform:translate(21px);background:var(--teal-bright)}.setting-actions{display:flex;gap:9px;margin-top:20px}.side-sheet{position:absolute;z-index:25;top:95px;right:24px;bottom:105px;width:390px;padding:24px;background:#051519f2;border:1px solid rgba(128,211,190,.25);box-shadow:0 25px 60px #00000073;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow-y:auto}.side-sheet.compact{width:340px;bottom:auto}.sheet-head{display:flex;justify-content:space-between;align-items:start;padding-bottom:17px;border-bottom:1px solid var(--line)}.sheet-head h2{margin:3px 0 0;font-size:21px}.sheet-close{border:0;background:transparent;color:#8fa39e;font-size:23px;cursor:pointer}.sheet-copy{color:var(--muted);font-size:11px;line-height:1.7}.craft-list{display:grid;gap:9px;margin-top:16px}.craft-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:13px;background:#ffffff06;border:1px solid var(--line)}.craft-row h3{margin:0;font-size:13px}.craft-row p{margin:5px 0 0;font-size:9px;color:var(--muted)}.craft-row button{padding:7px 10px;border:1px solid rgba(101,224,190,.4);background:#33817033;color:var(--teal-bright);font-size:10px;cursor:pointer}.craft-row button:disabled{opacity:.28;cursor:not-allowed}.expand-cost{margin:18px 0;padding:14px;display:flex;justify-content:space-between;background:#ffffff08;font-size:11px}.expand-cost strong{color:var(--amber)}.expand-cost i{font-style:normal;font-size:17px}.direction-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.direction-grid button{height:72px;border:1px solid var(--line);background:#ffffff06;font-size:24px;cursor:pointer}.direction-grid button:hover{border-color:var(--teal);background:#65e0be14}.direction-grid small{display:block;font-size:9px;color:var(--muted)}.start-overlay{position:absolute;z-index:50;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 68% 45%,rgba(20,72,77,.15),transparent 35%),linear-gradient(100deg,#020c0ff5,#031014cc 45%,#030f135c);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .8s}.start-overlay.dismiss{opacity:0;pointer-events:none}.start-card{width:min(480px,calc(100vw - 60px));margin-right:38vw}.start-kicker{color:var(--teal);font:600 10px Rajdhani,sans-serif;letter-spacing:.35em}.start-card h1{margin:18px 0 13px;font-size:76px;line-height:.88;letter-spacing:.08em;font-weight:800;text-shadow:0 10px 45px rgba(0,0,0,.45)}.start-card h1 em{color:transparent;-webkit-text-stroke:1px rgba(160,237,216,.85);font-style:normal}.start-card p{color:#9db2ad;font-size:13px;line-height:1.9}.start-card button{width:190px;margin:23px 0 15px;padding:13px 17px;display:flex;justify-content:space-between;border:1px solid rgba(116,235,202,.6);background:linear-gradient(100deg,#308974bf,#144a46b3);cursor:pointer;font-size:13px}.start-card button:hover{filter:brightness(1.2)}.start-card>small{display:block;color:#5d7771;font-size:9px;letter-spacing:.06em}@media(max-width:900px){.resource-strip{display:none}.hud-top{grid-template-columns:auto 1fr;padding:14px}.status-cluster{justify-self:end;width:280px}.brand-button{min-width:0;width:55px;padding:7px}.brand-copy{display:none}.hud-bottom{padding:12px;gap:10px}.hot-slot{width:45px;height:48px}.action-button{min-width:55px;padding:8px}.action-button>span:last-child{display:none}.controls-hint{display:none}.game-center-card{width:calc(100vw - 20px);height:calc(100vh - 20px);grid-template-columns:180px 1fr}.center-content{padding:35px 22px}.recipe-grid,.item-grid{grid-template-columns:1fr}.start-card{margin-right:0}.journey-panel{display:none}}