:root{--bg:#0f1214;--panel:#161b1e;--panel-2:#1d2427;--line:#2a3338;--text:#e3ebe8;--muted:#8a9a96;--accent:#5fd4b0;--accent-2:#3aa88a;--warn:#f0b45a;--danger:#ef6b6b;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font:13px/1.4 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}button,input,select{font:inherit;color:inherit}#app{grid-template-rows:52px 1fr;grid-template-columns:330px 1fr;height:100vh;display:grid}#app.hide-ui{grid-template-rows:0 1fr;grid-template-columns:0 1fr}#app.hide-ui #panel,#app.hide-ui #topbar,#app.hide-ui #hint,#app.hide-ui #stats{display:none}#topbar{border-bottom:1px solid var(--line);background:#121618;grid-column:1/-1;align-items:center;gap:18px;padding:0 14px;display:flex}.brand{letter-spacing:.2px;white-space:nowrap;align-items:center;gap:8px;font-weight:650;display:flex}.logo{color:var(--accent);font-size:18px}#stages{flex:1;justify-content:center;gap:4px;display:flex}.stage-btn{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;display:flex}.stage-btn .n{background:var(--panel-2);border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;display:inline-grid}.stage-btn:hover:not(:disabled){color:var(--text)}.stage-btn.active{color:var(--text);border-color:var(--line);background:var(--panel-2)}.stage-btn.active .n{background:var(--accent);color:#062018}.stage-btn:disabled{opacity:.35;cursor:default}.top-actions{gap:6px;display:flex}#panel{background:var(--panel);border-right:1px solid var(--line);padding:14px;overflow-y:auto}#panel h2{margin:0 0 4px;font-size:15px}#panel h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:18px 0 8px;font-size:11px;font-weight:600}#panel p.lead{color:var(--muted);margin:0 0 10px}#viewport{grid-area:2/2;position:relative;overflow:hidden}#viewport canvas{outline:none;width:100%;height:100%;display:block}.btn{background:var(--panel-2);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:8px;padding:7px 11px;transition:background .12s,border-color .12s}.btn:hover:not(:disabled){background:#232c30;border-color:#3d4a50}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#062018;font-weight:600}.btn.primary:hover:not(:disabled){background:#74e0be}.btn.danger{color:var(--danger)}.btn.on{border-color:var(--accent);color:var(--accent)}.btn.small{padding:4px 8px;font-size:12px}.btn.wide{width:100%}.row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.row+.row{margin-top:6px}.grow{flex:1}.seg{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;gap:2px;padding:2px;display:flex}.seg button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:6px;flex:1;padding:5px 6px}.seg button.on{color:var(--text);background:#2b3639}.list{flex-direction:column;gap:4px;display:flex}.item{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:7px 8px;display:flex}.item:hover{background:var(--panel-2)}.item.on{border-color:var(--accent-2);background:#19302a}.item .sw{border-radius:7px;flex:none;width:30px;height:30px;box-shadow:inset 0 0 0 1px #ffffff14}.item .t{font-weight:560}.item .s{color:var(--muted);font-size:11.5px}.badges{flex-wrap:wrap;gap:4px;margin-top:3px;display:flex}.badge{color:#a9bcb6;background:#243035;border-radius:999px;padding:1px 6px;font-size:10.5px}.badge.l-high,.badge.c-required,.badge.d-advanced{color:#f0c48a;background:#3a2d1c}.badge.l-low,.badge.c-optional,.badge.d-easy{color:#8ee0bf;background:#1c3a2e}.tank-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tank-card{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;flex-direction:column;gap:6px;padding:10px;display:flex}.tank-card:hover{border-color:#3d4a50}.tank-card.on{border-color:var(--accent)}.tank-card svg{width:100%;height:46px}.tank-card .nm{font-weight:600}.tank-card .dm{color:var(--muted);font-size:11.5px}label.field{color:var(--muted);grid-template-columns:92px 1fr 46px;align-items:center;gap:8px;margin:6px 0;display:grid}label.field input[type=range]{width:100%;accent-color:var(--accent)}label.field output{text-align:right;color:var(--text);font-variant-numeric:tabular-nums}.kv{font-variant-numeric:tabular-nums;grid-template-columns:1fr auto;gap:3px 10px;display:grid}.kv .k{color:var(--muted)}.card{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:10px}.card+.card{margin-top:8px}.note{color:var(--muted);font-size:12px}.warn{color:var(--warn)}.kbd{border:1px solid var(--line);color:var(--text);background:#1a2023;border-bottom-width:2px;border-radius:4px;padding:0 5px;font-size:11px;display:inline-block}#hint{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);color:var(--muted);pointer-events:none;background:#0c0f11c7;border-radius:8px;max-width:min(720px,60%);padding:7px 10px;position:absolute;bottom:12px;left:14px}#hint:empty{display:none}#stats{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);pointer-events:none;background:#0c0f11c7;border-radius:10px;min-width:210px;padding:9px 11px;font-size:12px;position:absolute;top:12px;right:12px}#stats:empty{display:none}#stats .kv{gap:2px 14px}#toasts{pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--line);background:#12181af0;border-radius:8px;padding:8px 12px;animation:.2s ease-out tin}.toast.warn{color:var(--warn);border-color:#6b5226}.toast.ok{border-color:var(--accent-2)}@keyframes tin{0%{opacity:0;transform:translateY(-6px)}}#photo-caption{color:#eef;pointer-events:none;background:linear-gradient(#0000,#000000a6);padding:18px 26px;font-family:Georgia,Times New Roman,serif;position:absolute;bottom:0;left:0;right:0}#photo-caption .ttl{letter-spacing:.03em;font-size:22px}#photo-caption .sub{color:#c6d0cf;margin-top:4px;font-family:Inter,system-ui,sans-serif;font-size:11.5px}#loading{background:var(--bg);z-index:50;align-content:center;place-items:center;gap:14px;transition:opacity .3s;display:grid;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#loading-text{color:var(--muted)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{border:3px solid var(--panel);background:#2a3337;border-radius:10px}@media (max-width:820px){#app{grid-template-rows:46px 1fr auto;grid-template-columns:minmax(0,1fr);height:100dvh}#panel{min-width:0;overflow-x:hidden}.top-actions{display:none}#panel #sheet-handle{display:flex}.mobile-only{display:flex!important}#app.hide-ui{grid-template-rows:0 1fr 0}#topbar{gap:8px;padding:0 8px}.brand{display:none}#stages{scrollbar-width:none;justify-content:flex-start;overflow-x:auto}.stage-btn{padding:6px 8px}.stage-btn .lbl{display:none}.stage-btn.active .lbl{display:inline}.top-actions .btn{padding:4px 7px;font-size:11px}#viewport{grid-area:2/1}#panel{border-right:0;border-top:1px solid var(--line);border-radius:14px 14px 0 0;grid-row:3;max-height:44dvh;padding:0 12px 16px;transition:max-height .25s}#app.sheet-min #panel{max-height:44px;overflow:hidden}#stats,#hint{display:none}#clock{gap:6px;padding:4px 6px 4px 10px;font-size:12px;top:8px}#clock .skip{display:none}#photo-caption{padding:12px 14px}#photo-caption .ttl{font-size:17px}label.field{grid-template-columns:78px 1fr 52px}.btn{padding:8px 11px}.btn.small{padding:6px 9px}.seg button{padding:7px 4px}}#sheet-handle{z-index:3;background:var(--panel);cursor:pointer;border:0;justify-content:center;align-items:center;width:calc(100% + 24px);height:30px;margin:0 -12px 6px;display:none;position:sticky;top:0}#sheet-handle:before{content:"";background:#3a464b;border-radius:4px;width:40px;height:4px}#app.display-mode #hint{display:none}#clock{white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);font-variant-numeric:tabular-nums;z-index:2;background:#0c0f11cc;border-radius:999px;align-items:center;gap:10px;padding:6px 8px 6px 14px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}#clock .day{font-weight:650}#clock .time{color:var(--muted)}#clock .lamp{color:#6c7a80;font-size:15px}#clock .lamp.on{color:#ffd77a}#clock .speeds{background:var(--panel-2);border-radius:999px;padding:2px;display:flex}#clock button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 9px;font-size:11px}#clock button.on{color:var(--text);background:#2b3639}#clock .skip{border:1px solid var(--line)}#app.hide-ui #clock{display:none}#app.clock-on #toasts{top:58px}.toast{max-width:min(560px,80vw)}.meter{grid-template-columns:112px 1fr 30px;align-items:center;gap:8px;margin:4px 0;font-size:12px;display:grid}.meter span{color:var(--muted)}.meter b{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.track{background:#252d31;border-radius:6px;height:6px;overflow:hidden}.fill{border-radius:6px;height:100%;transition:width .3s}.score .big{align-items:baseline;gap:4px;margin-bottom:6px;display:flex}.score .big b{font-size:26px}.score .big span{color:var(--muted)}.kv .ok{color:#8ee0bf}.kv .warn{color:var(--warn)}.drop{color:var(--muted);align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.drop i{border-radius:50%;width:14px;height:14px;display:inline-block;box-shadow:inset 0 0 0 2px #ffffff40}.journal p{color:#b9c6c2;margin:0 0 6px;font-size:12px}.journal p.warn b{color:var(--warn)}.journal p.good b{color:var(--accent)}.select{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;width:100%;padding:7px 9px}.gallery{flex-direction:column;gap:8px;display:flex}.save-card{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:112px 1fr;gap:10px;padding:8px;display:grid}.save-card.on{border-color:var(--accent)}.save-card .thumb{cursor:pointer;background:#0c0f10 50%/cover;border-radius:6px;width:112px;height:70px}.save-card .nm{font-weight:600}.save-card .dm{color:var(--muted);margin:2px 0 6px;font-size:11.5px}.mobile-only{display:none!important}.stock-row{border-bottom:1px solid #222a2d;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;display:flex}.stock-row:last-of-type{border-bottom:0}.stock-row .t{font-weight:560}.stock-row .s{color:var(--muted);font-size:11.5px}.stepper{align-items:center;gap:4px;display:flex}.stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:22px}.ic{flex:none;gap:4px;display:flex}.ic-art{background:#0d1214;border-radius:8px;width:38px;height:38px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff12}.ic-art svg{width:100%;height:100%;display:block}.ic-grad{border-radius:4px;width:7px;height:38px;box-shadow:inset 0 0 0 1px #ffffff14}.brand .logo{border-radius:6px;width:24px;height:24px}#clock .peek{padding:2px 6px;font-size:13px}#clock .peek.on{background:#4a4224}.menu-btn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;flex:none;padding:4px 9px;font-size:16px;display:none}#drawer{z-index:40;background:#00000073;animation:.15s ease-out fade;position:fixed;inset:0}#drawer nav{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;gap:4px;width:min(320px,86vw);padding:12px;animation:.2s ease-out slidein;display:flex;position:absolute;top:0;bottom:0;left:0;overflow-y:auto}.drawer-head{align-items:center;gap:10px;padding:4px 4px 12px;display:flex}.drawer-head img{border-radius:7px}.drawer-item{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:10px;display:flex}.drawer-item:disabled{opacity:.35}.drawer-item.on{border-color:var(--accent-2);background:#19302a}.drawer-item .n{background:var(--panel-2);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.drawer-item.on .n{background:var(--accent);color:#062018}.drawer-item .t{font-weight:600}.drawer-item .s{color:var(--muted);font-size:12px}.drawer-foot{border-top:1px solid var(--line);gap:6px;margin-top:auto;padding-top:12px;display:flex}@keyframes slidein{0%{transform:translate(-100%)}}@keyframes fade{0%{opacity:0}}.picker-head{background:var(--panel-2);border:1px solid var(--line);width:100%;color:var(--text);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:6px;padding:2px 10px 2px 0;display:flex}.picker-head .item{border:0;flex:1;background:0 0!important}.picker-head .chev{color:var(--muted);font-size:13px}.picker-head.open{border-color:var(--accent-2)}.picker-list{border:1px solid var(--line);background:#13181a;border-radius:10px;max-height:46vh;margin-top:6px;padding:4px;overflow-y:auto}.stage-nav{display:none}@media (max-width:820px){.menu-btn{display:inline-block}.stage-nav{padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--panel) 30%);justify-content:space-between;gap:8px;margin:14px -12px -16px;display:flex;position:sticky;bottom:-16px}.stage-nav .btn{min-width:110px}}.add-row{flex-wrap:nowrap}.add-row .btn{padding:7px 10px}.stock-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);grid-template-rows:auto auto;grid-template-columns:46px 1fr;gap:4px 10px;margin-bottom:8px;padding:10px;display:grid}.stock-card .ic-art{grid-row:span 2;width:46px;height:46px}.stock-card .t{font-weight:600}.stock-card .s{color:var(--muted);font-size:11.5px}.stock-card .stepper{grid-column:2;justify-content:flex-end}.stock-card details{margin-top:4px}.stock-card summary{color:var(--muted);cursor:pointer;font-size:11.5px}.stock-card details p{margin:4px 0 0}.stock-note{border-left:2px solid var(--line);color:#b9c6c2;margin:6px 0 0;padding-left:10px;font-size:12px}.stock-note.warn{border-color:var(--warn)}.stock-note.good{border-color:var(--accent)}.brand{cursor:pointer}#app.splash-on{grid-template-rows:0 1fr;grid-template-columns:0 1fr}#app.splash-on #panel,#app.splash-on #topbar,#app.splash-on #hint,#app.splash-on #stats,#app.splash-on #clock,#app.splash-on #photo-caption,#app.splash-on #toasts{display:none}#splash{z-index:30;pointer-events:none;align-items:center;transition:opacity .35s;animation:.5s ease-out fade;display:flex;position:fixed;inset:0}#splash.leaving{opacity:0}#splash .splash-shade{background:linear-gradient(90deg,#060e0feb 0%,#060e0fb8 34%,#060e0f00 62%),linear-gradient(#0000 70%,#050a0b99);transition:background 1.2s;position:absolute;inset:0}#splash.loading .splash-shade{background:radial-gradient(at 70%,#123234 0%,#071012 70%)}.splash-inner{pointer-events:auto;flex-direction:column;gap:22px;width:min(440px,92vw);margin-left:clamp(16px,7vw,120px);display:flex;position:relative}.splash-brand img{border-radius:16px;box-shadow:0 10px 40px #00000080}.splash-brand h1{letter-spacing:.01em;color:#f1f6f4;margin:14px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:clamp(32px,4.4vw,50px);font-weight:400}.splash-brand .tag{color:#a9bcb6;max-width:400px;margin:0;font-size:15px;line-height:1.5}.splash-actions{flex-direction:column;gap:8px;display:flex}.sbtn{text-align:left;cursor:pointer;color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#161e21d1;border:1px solid #2c3a3e;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 16px;transition:transform .12s,border-color .12s,background .12s;display:flex}.sbtn:hover:not(:disabled){border-color:#4a6a66;transform:translate(3px)}.sbtn:disabled{opacity:.45;cursor:default}.sbtn .big{font-size:15.5px;font-weight:600}.sbtn .small{color:var(--muted);font-size:12px}.sbtn.primary{background:var(--accent);border-color:var(--accent);color:#062018}.sbtn.primary .small{color:#0d4a3a}.sbtn.ghost{background:0 0}.splash-foot{color:#6f817c;font-size:12px}.splash-head{align-items:center;gap:12px;display:flex}.splash-head h2{margin:0;font-family:Georgia,serif;font-size:26px;font-weight:400}.sbtn-back{color:var(--text);cursor:pointer;background:0 0;border:1px solid #2c3a3e;border-radius:999px;padding:5px 12px}.splash-gallery{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;max-height:56vh;display:grid;overflow-y:auto}.scard{text-align:left;color:var(--text);cursor:pointer;background:#161e21d9;border:1px solid #2c3a3e;border-radius:12px;padding:8px}.scard:hover{border-color:#4a6a66}.scard .thumb{aspect-ratio:16/10;background:#0c0f10 50%/cover;border-radius:8px;margin-bottom:6px}.scard .nm{font-size:13px;font-weight:600}.scard .dm{color:var(--muted);font-size:11px}.splash-loading{color:#8fb3aa;align-items:center;gap:12px;display:none;position:absolute;top:50%;right:8vw}#splash.loading .splash-loading{display:flex}@media (max-width:820px){#app.splash-on{grid-template-rows:0 1fr 0;grid-template-columns:minmax(0,1fr)}#splash{align-items:flex-end}#splash .splash-shade{background:linear-gradient(#060e0f00 25%,#060e0fcc 52%,#060e0ff2 100%)}.splash-inner{gap:16px;margin:0 auto 28px}.splash-brand{grid-template-columns:52px 1fr;align-items:center;column-gap:12px;display:grid}.splash-brand img{border-radius:12px;width:52px;height:52px}.splash-brand h1{margin:0;font-size:30px}.splash-brand .tag{grid-column:1/-1;margin-top:10px;font-size:13.5px}.splash-loading{justify-content:center;top:30%;left:0;right:0}}.scard .thumb{position:relative}.scard-del{cursor:pointer;color:#ffb3a8;opacity:0;background:#0a0e0fbf;border:0;border-radius:50%;width:24px;height:24px;font-size:12px;transition:opacity .15s;position:absolute;top:5px;right:5px}.scard:hover .scard-del,.scard:focus-within .scard-del{opacity:1}@media (pointer:coarse){.scard-del{opacity:1}}.food-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.food-btn{text-align:left;border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.food-btn:hover{border-color:var(--accent-2)}.food-btn .big{font-weight:600}.food-btn .small{color:var(--muted);font-size:11px}.hrow{border-bottom:1px solid #222a2d;padding:6px 0}.hrow:last-of-type{border-bottom:0}.hname{justify-content:space-between;gap:8px;margin-bottom:2px;font-size:12.5px;display:flex}.hname span{color:var(--muted)}#goal-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3;background:#0c1012db;border:1px solid #2c3a3e;border-radius:12px;width:min(300px,70vw);padding:10px 12px;font-size:12.5px;position:absolute;top:12px;left:12px}#goal-card.min{width:auto}.gc-head{align-items:center;gap:10px;display:flex}.gc-head>div{flex-direction:column;flex:1;display:flex}.gc-head span{color:var(--muted);font-size:11.5px}.gc-toggle{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:13px}.gc-say{color:#d5e2de;margin:8px 0 6px;line-height:1.45}.gc-steps{gap:4px;display:flex}.gc-steps i{background:#2a3437;border-radius:4px;flex:1;height:4px}.gc-steps i.done{background:var(--accent-2)}.gc-steps i.now{background:var(--accent)}.gc-obj{margin-top:7px}.gc-obj span{color:#c9d6d2;margin-bottom:3px;display:block}.gc-obj.met span{color:#8ee0bf}.mentor-av{flex:none;width:44px;height:44px}.mentor-av.sm{width:30px;height:30px}.mentor-av svg{width:100%;height:100%;display:block}#dialog{z-index:50;background:#00000080;place-items:center;padding:16px;animation:.2s fade;display:grid;position:fixed;inset:0}.dlg{background:var(--panel);border:1px solid #2c3a3e;border-radius:16px;width:min(520px,100%);padding:20px 22px;box-shadow:0 20px 60px #00000080}.dlg-head{align-items:center;gap:12px;display:flex}.dlg-head .who{font-weight:650}.dlg-head .role{color:var(--muted);font-size:12px}.dlg h2{margin:14px 0 8px;font-family:Georgia,serif;font-size:24px;font-weight:400}.dlg p{color:#c9d6d2;margin:0 0 10px;line-height:1.55}.dlg-btns{justify-content:flex-end;margin-top:14px}.sbtn-link{color:#a9bcb6;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.commissions,.trophies{flex-direction:column;gap:10px;max-height:60vh;padding-right:4px;display:flex;overflow-y:auto}.comm{background:#161e21e0;border:1px solid #2c3a3e;border-radius:12px;padding:12px}.comm-head{justify-content:space-between;display:flex}.comm .stars{color:#f0c84a;letter-spacing:1px}.comm .client{color:var(--muted);margin:2px 0 6px;font-size:12px}.comm p{color:#c9d6d2;margin:0 0 8px;font-size:13px;font-style:italic;line-height:1.45}.trophy{opacity:.55;background:#161e21b3;border:1px solid #2c3a3e;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.trophy.got{opacity:1;border-color:#6b5a26}.trophy .cup{text-align:center;width:26px;font-size:18px}.trophy div{flex-direction:column;display:flex}.trophy span{color:var(--muted);font-size:12px}@media (max-width:820px){#goal-card{width:min(280px,80vw);top:auto;bottom:8px;left:8px}}.toast.with-icon{align-items:center;gap:10px;padding:6px 12px 6px 6px;display:flex}.toast-icon{flex:none;width:34px;height:34px}.toast-icon svg{width:100%;height:100%;display:block}.trophy .cup{flex:none;width:40px;height:40px}.trophy .cup svg{width:100%;height:100%;display:block}#clock .peek svg{width:15px;height:15px;display:block}.splash-tiles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stile{cursor:pointer;text-align:left;color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#161e21c7;border:1px solid #2c3a3e;border-radius:12px;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 11px;transition:border-color .12s,transform .12s;display:flex}.stile:hover{border-color:#4a6a66;transform:translateY(-1px)}.stile .ico{width:22px;height:22px;color:var(--accent);margin-bottom:4px}.stile .ico svg{width:100%;height:100%;display:block}.stile .lbl{font-size:13.5px;font-weight:600}.stile .sub{color:var(--muted);font-size:11px}.sbtn-back{align-items:center;gap:4px;display:inline-flex}.sbtn-back span{width:14px;height:14px;display:inline-block}.sbtn-back svg{width:100%;height:100%;display:block}.comm-intro{background:#173a338c;border:1px solid #2f6b5c;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.comm-intro p{color:#d5e2de;margin:0 0 8px;font-size:13px;line-height:1.45}@media (max-width:820px){#splash .splash-shade{background:linear-gradient(#060e0f00 42%,#060e0fdb 66%,#060e0ff5 100%)}.splash-inner{margin-bottom:max(16px, env(safe-area-inset-bottom));gap:12px}.splash-brand{grid-template-columns:40px 1fr}.splash-brand img{border-radius:10px;width:40px;height:40px}.splash-brand h1{font-size:25px}.splash-brand .tag{margin-top:6px;font-size:12.5px;line-height:1.4}#splash .sbtn{padding:10px 14px}.stile{padding:8px 9px}.stile .ico{width:19px;height:19px;margin-bottom:2px}.stile .lbl{font-size:12.5px}.stile .sub{font-size:10.5px}.splash-foot{display:none}.commissions,.trophies,.splash-gallery{max-height:58dvh}}#splash.subview .splash-shade{background:linear-gradient(90deg,#060e0ff2 0%,#060e0fd9 40%,#060e0f26 70%)}@media (max-width:820px){#splash.subview{align-items:stretch}#splash.subview .splash-shade{background:#060e0fed}#splash.subview .splash-inner{margin-top:max(18px, env(safe-area-inset-top))}#splash.subview .commissions,#splash.subview .trophies,#splash.subview .splash-gallery{flex:1;max-height:none}#splash.subview .splash-inner{max-height:100dvh;padding-bottom:20px;overflow-y:auto}}