:root{color-scheme:dark;--ink:#edf4df;--muted:#a9bba4;--gold:#f0cc7a;--mint:#9be8bc;--panel:#10251ff2;--line:#92b99a35}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overscroll-behavior:none}body{background:#091510;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;display:flex;justify-content:center;align-items:center;overflow:hidden;background-image:radial-gradient(ellipse at 40% 30%,#1c382b 0%,transparent 65%)}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{cursor:default}#app{position:relative;width:min(100%,500px);height:100%;max-height:940px;isolation:isolate;background:#304e35;box-shadow:0 0 100px #0008;overflow:hidden}canvas#world{display:block;width:100%;height:100%;touch-action:none;image-rendering:pixelated}#vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 100px 12px #0a20164d;z-index:1}.hud{position:absolute;inset:0 0 auto;padding:max(15px,env(safe-area-inset-top)) 18px 15px;pointer-events:none;z-index:2;background:linear-gradient(#091912eb,#0919129c 78%,transparent)}.topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.smallcap{font-size:10px;letter-spacing:2.3px;font-weight:750;text-transform:uppercase;color:#b5c5a5}.hearts{font-size:21px;letter-spacing:1px;line-height:1.15;color:#f28b79;white-space:nowrap;max-width:72%;overflow:hidden}.empty{color:#577155}.hudright{display:flex;align-items:center;gap:12px}.timer{font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.iconbtn{background:#f2ffdf0e;color:var(--ink);border:1px solid var(--line);border-radius:11px;width:40px;height:40px;display:grid;place-items:center;font-size:17px;pointer-events:auto}.xp-label{display:flex;justify-content:space-between;margin:10px 1px 6px;font-size:10px;color:#c0d1b1;font-weight:650}.xp-label strong{color:var(--gold)}.xp-track{height:5px;overflow:hidden;border-radius:10px;background:#081c15b0;border:1px solid #d4ecab14}.xp-track i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#7ecb9a,#c5ed9c);transition:width .18s linear}.subhud{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.chips{display:flex;gap:6px}.chip{font-size:11px;padding:5px 9px;background:#0d271eaa;border:1px solid #d7ebaa25;border-radius:7px;font-weight:600;color:#d3e9cb}.chip b{color:var(--gold)}#bossbar{margin:10px 0 0;background:#0c211ad9;padding:8px 11px;border-radius:9px;border:1px solid #e7b56555}#bossbar .name{font-size:10px;letter-spacing:1.5px;font-weight:700;margin-bottom:5px;color:#f3cb8c}#bossbar .track{height:5px;background:#26372d;border-radius:4px;overflow:hidden}#bossfill{height:100%;width:100%;background:#e7b565}.bottomhud{position:absolute;bottom:0;left:0;right:0;padding:16px 18px max(22px,env(safe-area-inset-bottom));z-index:2;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none;background:linear-gradient(transparent,#10251f90)}.controlhint{max-width:66%;font-size:11px;line-height:1.65;color:#d8e5c9;text-shadow:0 1px 4px #000;font-weight:500}.controlhint b{font-size:10px;letter-spacing:1px;color:#eef3d1}#dash{pointer-events:auto;width:70px;height:70px;border-radius:24px;border:1px solid #e3e8ba72;background:#10251fe0;color:#f2e5b2;box-shadow:inset 0 0 20px #c3df8512;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;touch-action:none}#dash .glyph{font-size:25px;line-height:27px}#dash .label{font-size:9px;letter-spacing:1px;margin-top:3px}#dash:disabled{border-color:#dcebd025;color:#90a389;background:#182e26bb}.overlay{position:absolute;inset:0;z-index:5;background:#06171099;display:flex;align-items:center;justify-content:center;padding:22px;overflow:auto;backdrop-filter:blur(3px)}.overlay[hidden],[hidden]{display:none!important}.panel{width:100%;max-width:394px;padding:28px;border:1px solid #bdcca84d;border-radius:24px;background:linear-gradient(160deg,#193729f5,#0d241f 72%);box-shadow:0 24px 65px #0006;position:relative}.panel::before{content:"";position:absolute;top:-1px;left:26px;right:26px;height:1px;background:linear-gradient(90deg,transparent,#e9c77a,transparent)}.eyebrow{display:flex;gap:9px;align-items:center;text-transform:uppercase;font-size:9px;font-weight:750;letter-spacing:2px;color:#d3be89}.eyebrow .dot{width:6px;height:6px;background:#e6c985;border-radius:50%;box-shadow:0 0 12px #d9ce6d80}h1{font-size:49px;letter-spacing:-2.2px;line-height:1.02;margin:22px 0 12px;font-weight:900;color:#f3ecd5}h1 span{color:#b8d9a7}h2{font-size:29px;line-height:1.1;letter-spacing:-.7px;margin:17px 0 10px}p{font-size:13px;line-height:1.65;color:#bacbb7;margin:0 0 16px}.preview-row{display:flex;gap:15px;align-items:center;padding:15px 0;margin:6px 0 15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}#portrait{width:64px;height:72px;image-rendering:pixelated;border-radius:12px;background:#071e184f;border:1px solid #a7be8538}.preview-row strong{display:block;font-size:13px;color:#e6eccf}.preview-row small{display:block;font-size:11px;color:#a7bea2;line-height:1.6;margin-top:4px}.primary{width:100%;min-height:53px;background:linear-gradient(#f3d895,#dfb964);border:1px solid #f6e0a6;border-radius:12px;color:#253427;font-weight:800;font-size:14px;box-shadow:0 5px 0 #7a633c45;transition:transform .12s}.primary:active{transform:translateY(2px)}.secondary{width:100%;min-height:44px;border:1px solid var(--line);border-radius:11px;color:#c8d7c0;background:#a4cfac0b;font-size:12px;margin-top:10px}.mini-note{font-size:10px;line-height:1.6;text-align:center;margin:14px 0 0;color:#8fa68f}.controls{font-size:11px;line-height:1.8;color:#b9cdb0;margin:0 0 20px}kbd{font:600 10px system-ui;display:inline-block;padding:1px 5px;border:1px solid #68836b66;border-radius:4px;color:#dce5c7;background:#132a21}.choice-list{display:grid;gap:10px;margin:18px 0 7px}.choice{width:100%;text-align:left;display:flex;gap:13px;align-items:center;border:1px solid #c4d8a544;background:#9cc7960b;border-radius:13px;padding:15px;color:#e8efda;min-height:86px}.choice:hover{background:#bfe79319;border-color:#e3d199}.choice .symbol{font-size:25px;display:grid;place-items:center;width:43px;flex-shrink:0;color:#f0d08a}.choice strong{display:block;font-size:13px;margin-bottom:5px}.choice small{display:block;color:#b3c8aa;font-size:11px;line-height:1.45}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:12px;padding:16px 5px;margin:21px 0;text-align:center}.stats b{display:block;font-size:22px;color:var(--gold);font-variant-numeric:tabular-nums}.stats small{font-size:9px;display:block;color:#a3baa0;margin-top:3px}.stats>div+div{border-left:1px solid var(--line)}#toast{position:absolute;top:34%;left:20px;right:20px;z-index:4;text-align:center;pointer-events:none;opacity:0;transition:opacity .2s;transform:translateY(-50%)}#toast strong{display:inline-block;padding:12px 18px;border-radius:10px;background:#10271ee8;border:1px solid #e0cc854d;color:#f6dd98;font-size:15px;box-shadow:0 8px 24px #0004}#toast.visible{opacity:1}#version{position:absolute;bottom:9px;left:0;right:0;text-align:center;pointer-events:none;z-index:6;font-size:8px;letter-spacing:1px;color:#d0dfbf58}@media(min-width:700px){#app{height:calc(100% - 36px);border:1px solid #8eac8d40;border-radius:25px}.overlay{padding:28px}}@media(max-height:680px){.panel{padding:20px}.overlay{padding:15px}h1{font-size:39px;margin-top:15px}.preview-row{padding:8px 0;margin-bottom:10px}#portrait{height:57px;width:54px}.controls{margin-bottom:12px}.panel p{margin-bottom:10px;font-size:12px}.mini-note{margin-top:10px}.choice{padding:10px;min-height:72px}.choice-list{gap:7px;margin-top:12px}h2{font-size:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Telegram Edition: desktop, phones and both screen orientations. */
html,body{height:100%;min-height:100dvh}body{height:var(--tg-viewport-stable-height,100dvh)}
#app{width:100%;height:100%;max-height:none}
.hud{padding-top:max(15px,env(safe-area-inset-top),var(--safe-top,0px))}
.bottomhud{padding-bottom:max(22px,env(safe-area-inset-bottom),var(--safe-bottom,0px))}
.overlay{align-items:safe center;padding-top:max(20px,var(--safe-top,0px));padding-bottom:max(20px,var(--safe-bottom,0px))}
.connection-box{border:1px solid var(--line);border-radius:11px;padding:11px 12px;margin-bottom:14px;background:#071b174d}
.cloud-badge{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:800;color:#b6edc6}
.cloud-badge[data-mode="error"]{color:#f3bd89}.connection-box p{font-size:11px;line-height:1.5;margin:5px 0 0;color:#c2d1b8}
.menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.menu-actions .secondary{font-size:11px}
.telegram-link,.privacy-link{display:block;text-align:center;font-size:11px;color:#c5e5d4;text-decoration:none;margin-top:14px}
.privacy-link{font-size:9px;color:#9eb79f;margin-top:10px}.telegram-link:hover,.privacy-link:hover{text-decoration:underline}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.profile-grid div{border:1px solid var(--line);border-radius:12px;padding:18px 8px;text-align:center}
.profile-grid strong{display:block;color:var(--gold);font-size:30px}.profile-grid span{display:block;font-size:10px;color:#b4c7ab;margin-top:5px}
#networkToast{position:absolute;z-index:12;left:16px;right:16px;bottom:max(18px,var(--safe-bottom,0px));background:#152c22f5;border:1px solid #eccb8c80;border-radius:12px;padding:14px 18px;color:#f1d3a0;font-size:12px;text-align:center;box-shadow:0 8px 25px #0008;pointer-events:none}
@media(min-width:760px) and (min-height:570px){#app{width:min(calc(100% - 32px),1280px);height:calc(100% - 32px);border-radius:22px}.overlay{padding:28px}.hud{padding-left:26px;padding-right:26px}.bottomhud{padding-left:26px;padding-right:26px}.controlhint{font-size:12px}}
@media(pointer:coarse){#app{border-radius:0;border:0;width:100%;height:100%}#dash{width:76px;height:76px}.controlhint{max-width:62%}}
@media(max-height:740px){#startScreen .panel{padding:20px}#startScreen h1{font-size:38px;margin:15px 0 10px}.preview-row{padding:8px 0;margin-bottom:10px}#portrait{width:50px;height:57px}.connection-box{padding:8px 10px;margin-bottom:10px}.controls{margin-bottom:10px}.mini-note{margin-top:10px}.secondary{min-height:39px}.primary{min-height:48px}}
@media(max-height:520px) and (orientation:landscape){#app{height:100%;width:100%;border-radius:0}.overlay{padding:12px;align-items:flex-start}.overlay .panel{max-width:520px}.hud{padding:8px 14px}.xp-label{margin-top:3px}.subhud{margin-top:5px}.bottomhud{padding:8px 14px}.hearts{font-size:17px}#dash{width:58px;height:58px;border-radius:19px}#startScreen h1{font-size:31px;margin:10px 0}#startScreen h1 br{display:none}.preview-row{display:none}.controls{font-size:10px;margin:6px 0}.panel p{font-size:11px;margin-bottom:8px}.eyebrow{font-size:8px}.connection-box p{margin:4px 0 0}.menu-actions{gap:6px}}