:root{--bg: #0f151d;--panel: #1b2430;--panel-2: #232f3f;--line: #34435a;--text: #e8edf2;--muted: #9aa8b8;--accent: #f2b544;--accent-ink: #1b2430;--teal: #3fa7a0;--danger: #d9534f;--ok: #6fbf73;--radius: 6px;--shadow: 0 8px 24px rgba(0, 0, 0, .35);--font: "Segoe UI", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", "Cascadia Mono", "SFMono-Regular", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased;overflow:hidden}h1{font-size:22px;margin:0 0 4px;font-weight:600;letter-spacing:.2px}p{margin:0 0 8px}.muted{color:var(--muted)}.num{font-family:var(--mono);font-size:12px;font-variant-numeric:tabular-nums}.screen{height:100%;width:100%}.screen--center{display:grid;place-items:center;padding:24px}.auth__panel{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:28px;box-shadow:var(--shadow)}.auth__brand{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px}.auth__mark{flex:0 0 auto;width:40px;height:40px;border-radius:10px;background:radial-gradient(circle at 40% 40%,var(--accent) 0 32%,transparent 34%),var(--panel-2);border:1px solid var(--line)}.form{display:grid;gap:14px}.form label{display:grid;gap:6px;font-weight:500}.form input{font:inherit;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);color:var(--text)}.form input:focus,.chat__form input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.form small{font-weight:400}.form__error{color:#ff9b97;background:#d9534f1f;border:1px solid rgba(217,83,79,.4);padding:8px 10px;border-radius:var(--radius)}.form__notice{color:#cdebd0;background:#6fbf731f;border:1px solid rgba(111,191,115,.4);padding:8px 10px;border-radius:var(--radius)}.button{font:inherit;font-weight:600;padding:10px 14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.button--small{padding:5px 10px;font-size:12px}.button:disabled{opacity:.55;cursor:not-allowed}.link{font:inherit;background:none;border:none;padding:0;color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.auth__links{display:flex;gap:16px;justify-content:center;margin-top:18px;flex-wrap:wrap}.game{position:relative;height:100%;width:100%;overflow:hidden}.game__canvas{position:absolute;inset:0}.game__canvas canvas{display:block;width:100%;height:100%}.card{background:#1b2430f0;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.topbar{position:absolute;top:0;left:0;right:0;height:48px;display:flex;align-items:center;gap:18px;padding:0 14px;background:#0f151dd9;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.topbar__colony{display:flex;flex-direction:column;line-height:1.15;min-width:0}.topbar__colony strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__clock{display:flex;align-items:center;gap:6px;flex:0 0 auto;padding:0 2px}.phase{width:10px;height:10px;border-radius:50%;display:inline-block;border:1px solid rgba(255,255,255,.25)}.phase--day{background:#f2d16b}.phase--dawn{background:linear-gradient(90deg,#4a2f4a 50%,#f2b544 50%)}.phase--dusk{background:linear-gradient(90deg,#f2b544 50%,#3a2233 50%)}.phase--night{background:#1b2a44}.topbar__resources{list-style:none;margin:0;padding:0;display:flex;gap:14px;align-items:center;flex:1;overflow:hidden}.topbar__resources li{display:flex;align-items:center;gap:5px}.res{width:10px;height:10px;border-radius:2px;display:inline-block}.res--food_ration{background:#c99a5b}.res--berries{background:#c4363d}.res--tubers{background:#b78a4e}.res--water{background:#4aa3df}.res--wood{background:#8a5a2b}.res--stone{background:#9a9a95}.res--iron_ore{background:#b07a5a}.topbar__storage{margin-left:auto;gap:8px}.bar{width:90px;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden}.bar__fill{height:100%;background:var(--accent);transition:width .2s linear}.bar__fill--ok{background:var(--ok)}.bar__fill--mid{background:var(--accent)}.bar__fill--low{background:var(--danger)}.topbar__session{display:flex;align-items:center;gap:10px;white-space:nowrap}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--muted)}.dot--online{background:var(--ok)}.dot--connecting,.dot--reconnecting{background:var(--accent)}.dot--closed{background:var(--danger)}.selected{position:absolute;top:60px;left:12px;width:260px;padding:12px;display:grid;gap:10px}.selected__head{display:flex;justify-content:space-between;align-items:flex-start}.needs{display:grid;gap:5px}.need{display:grid;grid-template-columns:56px 1fr 30px;align-items:center;gap:8px}.need .bar{width:100%}.need__label{font-size:12px;color:var(--muted)}.need__value{text-align:right}.selected__task{display:flex;justify-content:space-between;align-items:center}.selected__skills{display:flex;gap:10px;font-size:12px}.selected__traits{font-size:12px}.hint{font-size:12px;margin:0}.dock{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;pointer-events:none}.dock__panel{pointer-events:auto;width:min(560px,calc(100% - 24px));max-height:46vh;overflow:auto;padding:12px 14px;margin-bottom:8px}.dock__tabs{pointer-events:auto;display:flex;gap:2px;background:#0f151de6;border:1px solid var(--line);border-bottom:none;border-radius:8px 8px 0 0;padding:4px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dock__tab{font:inherit;font-weight:500;background:none;border:none;color:var(--muted);padding:8px 14px;border-radius:6px;cursor:pointer;position:relative}.dock__tab--active{background:var(--panel-2);color:var(--text)}.dock__badge{position:absolute;top:2px;right:4px;font-size:10px;background:var(--accent);color:var(--accent-ink);border-radius:8px;padding:0 5px;font-family:var(--mono)}.panel__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.crew,.buildlist,.jobs{list-style:none;margin:0;padding:0;display:grid;gap:4px}.crew__row,.buildlist__row{width:100%;font:inherit;text-align:left;display:grid;gap:10px;align-items:center;padding:8px 10px;background:var(--panel-2);border:1px solid transparent;border-radius:var(--radius);color:var(--text);cursor:pointer}.crew__row{grid-template-columns:1fr auto 60px}.crew__row--active,.buildlist__row--active{border-color:var(--accent)}.crew__name,.buildlist__name{display:flex;flex-direction:column;line-height:1.2;min-width:0}.crew__name .muted,.buildlist__name .muted{font-size:12px}.crew__needs{display:grid;gap:2px}.crew__needs i{display:block;height:4px;border-radius:2px;background:var(--teal)}.buildlist__row{grid-template-columns:1fr auto}.buildlist__row:disabled{opacity:.55;cursor:not-allowed}.buildlist__cost{display:flex;flex-direction:column;align-items:flex-end;color:var(--muted)}.buildlist__cost .short{color:var(--danger)}.jobs__row{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:var(--panel-2);border-radius:var(--radius)}.chip{font:inherit;font-size:12px;background:var(--panel-2);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:3px 10px;cursor:pointer}.chip--active{color:var(--text);border-color:var(--accent)}.chip--phase{cursor:default;color:var(--accent);border-color:var(--accent)}.chat__tabs{justify-content:flex-start;gap:6px}.chat__list{list-style:none;margin:0 0 8px;padding:0;max-height:26vh;overflow:auto;display:grid;gap:4px}.chat__msg{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:baseline;font-size:13px}.chat__sender{color:var(--teal);font-weight:600}.chat__msg--own .chat__sender{color:var(--accent)}.chat__text{overflow-wrap:anywhere}.chat__form{display:flex;gap:6px}.chat__form input{flex:1;font:inherit;padding:7px 10px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);color:var(--text)}.planned p{max-width:48ch}.offline{position:absolute;top:60px;right:12px;width:300px;padding:12px}.offline__head{display:flex;justify-content:space-between;margin-bottom:6px}.offline ul{margin:0;padding-left:18px;font-size:13px}.toasts{position:absolute;right:12px;bottom:60px;display:grid;gap:6px;width:300px;pointer-events:none}.toast{padding:8px 10px;border-radius:var(--radius);background:#232f3ff2;border:1px solid var(--line);font-size:13px;box-shadow:var(--shadow)}.toast--error{border-color:var(--danger)}.toast--success{border-color:var(--ok)}.overlay-banner{position:absolute;top:56px;left:50%;transform:translate(-50%);background:#0f151deb;border:1px solid var(--accent);color:var(--text);padding:8px 14px;border-radius:var(--radius)}.overlay-hint{position:absolute;bottom:60px;left:50%;transform:translate(-50%);background:#0f151deb;border:1px solid var(--line);padding:8px 14px;border-radius:var(--radius)}@media(max-width:720px){.topbar{gap:10px;padding:0 8px}.topbar__session .muted:first-of-type{display:none}.selected{width:220px}.toasts,.offline{width:calc(100% - 24px)}}.offers{list-style:none;margin:0;padding:0;display:grid;gap:4px}.offers__row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;background:var(--panel-2);border-radius:var(--radius)}.offers__actions{display:flex;gap:4px;flex:0 0 auto}.recruit{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.recruit p{max-width:42ch}.map-panel{display:grid;gap:10px}.map-panel__svg{display:block;width:100%;height:240px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}.map-panel__ground{fill:var(--bg)}.map-panel__dot{cursor:pointer}.map-panel__hit{fill:transparent}.map-panel__ring{fill:none;stroke:var(--accent);stroke-width:3;opacity:.6}.map-panel__mark{stroke:#0f151dcc;stroke-width:2}.map-panel__mark--mine{fill:var(--accent)}.map-panel__mark--other{fill:var(--teal)}.map-panel__mark--tribe{fill:#c98ad9}.map-panel__legend{list-style:none;margin:0;padding:0;display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.map-panel__legend li{display:flex;align-items:center;gap:5px}.map-panel__swatch{width:9px;height:9px;border-radius:50%;display:inline-block}.map-panel__swatch--mine{background:var(--accent)}.map-panel__swatch--other{background:var(--teal)}.map-panel__swatch--tribe{background:#c98ad9}.log{list-style:none;margin:0;padding:0;display:grid;gap:2px}.log__row{display:grid;grid-template-columns:72px 1fr;gap:10px;padding:6px 8px;border-radius:6px;border-left:3px solid var(--line);background:#ffffff05}.log__row--warning{border-left-color:var(--accent)}.log__row--error{border-left-color:var(--danger)}.log__row--success{border-left-color:var(--ok)}.log__when{font-size:11px;padding-top:2px}.log__text{display:grid;gap:2px}.research--known .buildlist__row{opacity:.75;border-color:var(--ok)}.crew__status--injured{color:var(--danger);font-weight:600}.selected__conditions{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 2px}.chip--cold{border-color:#6fa3d8;color:#9cc4ee}.chip--sheltered{border-color:var(--ok);color:#9bd6a0}.chip--floored{border-color:var(--line);color:var(--muted)}.selected__section{margin-top:8px}.selected__label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.selected__note{margin:6px 0 0;padding:6px 8px;border-left:3px solid var(--accent);background:#f2b54414;color:var(--text);font-size:12px}.selected__skills{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px}.skill{display:flex;justify-content:space-between;font-size:12px}.skill--none{color:var(--muted);opacity:.7}.workprefs{display:flex;flex-wrap:wrap;gap:4px 10px}.workpref{display:inline-flex;align-items:center;gap:5px;font-size:12px;cursor:pointer}.workpref--off{color:var(--muted);text-decoration:line-through}.help{position:absolute;top:48px;right:16px;width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 80px);overflow:auto;z-index:30;padding:12px 14px}.help__list{margin:0}.help__list dt{font-weight:600;margin-top:8px}.help__list dd{margin:2px 0 0;color:var(--muted);font-size:12.5px;line-height:1.4}.chatoverlay{position:absolute;left:16px;bottom:16px;width:min(380px,calc(100vw - 32px));z-index:20;padding:8px 10px;background:#1b2430e0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chatoverlay__toggle{position:absolute;left:16px;bottom:16px;z-index:20}.chatoverlay__lines{max-height:150px;overflow:auto;font-size:12.5px;line-height:1.45;margin-bottom:6px}.chatoverlay__line--global .chatoverlay__tag{color:var(--accent)}.chatoverlay__line--local .chatoverlay__tag{color:var(--teal)}.chatoverlay__tag{display:inline-block;width:14px;font-size:10px;font-weight:700}.chatoverlay__form{display:flex;gap:6px;align-items:center}.chatoverlay__form input{flex:1;min-width:0}.chatoverlay__form select{flex:0 0 auto}.adminlist{list-style:none;margin:0;padding:0;display:grid;gap:4px}.adminlist__row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;background:#ffffff08}.adminlist__row--banned{opacity:.6;border-left:3px solid var(--danger)}.adminlist__who{min-width:0;font-size:12.5px}.adminlist__actions{display:flex;gap:4px;flex:0 0 auto}.button--danger{border-color:var(--danger);color:var(--danger)}.landing{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(1200px 600px at 20% -10%,rgba(242,181,68,.12),transparent 60%),radial-gradient(900px 500px at 90% 10%,rgba(63,167,160,.14),transparent 60%),var(--bg)}.landing__head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px}.landing__brand{display:flex;align-items:center;gap:10px;font-size:18px}.landing__mark{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f2d16b,#c2732a 60%,#4a2f4a);box-shadow:0 0 18px #f2b54473}.landing__nav{display:flex;align-items:center;gap:16px}.landing__hero{text-align:center;padding:72px 24px 40px}.landing__hero h1{font-size:clamp(44px,9vw,88px);letter-spacing:.08em;margin:0 0 12px;background:linear-gradient(90deg,#f2d16b,#f2b544 45%,#c98ad9);-webkit-background-clip:text;background-clip:text;color:transparent}.landing__tagline{font-size:clamp(16px,2.4vw,22px);color:var(--muted);max-width:44ch;margin:0 auto 28px}.landing__cta{font-size:18px;padding:12px 36px}.landing__features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;padding:0 24px 48px;max-width:1100px;margin:0 auto;width:100%;box-sizing:border-box}.landing__feature h3{margin:0 0 6px}.landing__feature p{margin:0;line-height:1.5}.landing__foot{text-align:center;padding:24px;margin-top:auto;font-size:13px}.langtoggle{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}.langtoggle__btn{background:transparent;border:0;color:var(--muted);padding:4px 10px;font-size:12px;cursor:pointer}.langtoggle__btn--on{background:var(--accent);color:var(--accent-ink);font-weight:700}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.tutorial{position:absolute;right:16px;bottom:16px;width:min(360px,calc(100vw - 32px));z-index:25;padding:12px 14px;border:1px solid var(--accent);box-shadow:0 0 0 4px #f2b5441f,var(--shadow)}.tutorial p{margin:6px 0 10px;line-height:1.45}.tutorial__actions{display:flex;justify-content:space-between;align-items:center}.tutorial__waiting{font-size:18px;letter-spacing:2px}.shop__paypal{margin:8px 0;min-height:48px}.buildlist__row--on{border-color:var(--accent)}.chip--on{border-color:var(--ok);color:#9bd6a0}.shopsettings{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.form--compact{gap:6px}.form--compact label{display:grid;gap:2px;font-size:12px}.minimap{position:absolute;right:16px;top:56px;width:168px;height:168px;border:1px solid var(--line);border-radius:8px;background:#0b1118;box-shadow:var(--shadow);cursor:crosshair;z-index:15;image-rendering:pixelated}@keyframes pulse-ring{0%{box-shadow:0 0 #f2b544bf}70%{box-shadow:0 0 0 9px #f2b54400}to{box-shadow:0 0 #f2b54400}}.pulse{animation:pulse-ring 1.4s ease-out infinite;border-color:var(--accent)!important;position:relative;z-index:1}.tutorial__icon{font-size:18px;margin-right:2px}.tutorial__progress{display:flex;gap:4px;margin:4px 0 6px}.tutorial__dot{flex:1;height:4px;border-radius:2px;background:#ffffff1f}.tutorial__dot--done{background:var(--ok)}.tutorial__dot--now{background:var(--accent)}.card,.dock{border:1px solid rgba(242,181,68,.28);background:linear-gradient(180deg,#ffffff0a,#0000001f),var(--panel);box-shadow:inset 0 1px #ffffff0f,0 10px 30px #00000073}.dock__tab{text-transform:uppercase;letter-spacing:.06em;font-size:12px}.dock__tab--active{background:linear-gradient(180deg,#f2b54438,#f2b54414);border-color:var(--accent)}.topbar{border-bottom:1px solid rgba(242,181,68,.28);background:linear-gradient(180deg,#ffffff0a,#0000002e),var(--panel)}.supplies{display:flex;gap:8px;align-items:center;margin-right:4px}.supply{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;border:1px solid var(--line);font-size:12px;cursor:help}.supply--ok{border-color:#7ac88899}.supply--low{border-color:var(--accent);color:var(--accent)}.supply--empty{border-color:var(--danger);color:var(--danger);animation:pulse-ring 1.6s ease-out infinite}.dock{z-index:40}.tutorial{bottom:64px;z-index:35}.chatoverlay,.chatoverlay__toggle{bottom:64px}.tutorial__waiting{font-size:12px;letter-spacing:0;font-style:italic}.selected{max-height:calc(100vh - 140px);overflow:auto}.crew__rescue{display:flex;gap:6px;justify-content:flex-end;padding:4px 8px 6px}@media(max-width:1500px),(max-height:820px){.selected{width:232px;font-size:12px;top:52px;max-height:calc(100vh - 200px)}.minimap{width:120px;height:120px;top:52px}.tutorial{width:min(300px,calc(100vw - 32px));font-size:12.5px;bottom:70px}.tutorial p{max-height:30vh;overflow:auto}.dock__panel{max-height:38vh}.chatoverlay{width:min(300px,calc(100vw - 32px))}.chatoverlay__lines{max-height:90px}.help{top:44px}}@media(max-width:1100px){.tutorial{left:16px;right:auto;width:min(320px,calc(100vw - 32px));bottom:70px}.chatoverlay{display:none}.chatoverlay__toggle{left:auto;right:16px}}.intro{position:absolute;inset:0;z-index:60;background:#050812;cursor:pointer;overflow:hidden}.intro__sky{position:absolute;inset:0}.intro__star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;opacity:.6;animation:twinkle 2.8s ease-in-out infinite}@keyframes twinkle{50%{opacity:.15}}.intro__planet{position:absolute;left:50%;bottom:-60vh;width:160vw;height:160vw;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 40% 30%,#3f7a4a,#1c3d2a 55%,#0b1c14 80%);box-shadow:0 0 80px #78c8a040}.intro__ground{position:absolute;left:0;right:0;bottom:0;height:22vh;background:linear-gradient(180deg,#2a5a36,#1b3c25);opacity:0}.intro__lander{position:absolute;left:-10vw;top:10vh;width:28px;height:56px;border-radius:14px 14px 6px 6px;background:linear-gradient(90deg,#cfd6df,#8a8f96);transform:rotate(35deg);animation:fall 4.4s cubic-bezier(.55,0,.9,.4) forwards}.intro__flame{position:absolute;left:6px;bottom:-26px;width:16px;height:30px;border-radius:50%/30% 30% 70% 70%;background:radial-gradient(circle at 50% 20%,#fff3b0,#ff9a3c 45%,#ff5a2800);filter:blur(1px)}@keyframes fall{0%{left:-10vw;top:8vh;transform:rotate(35deg) scale(.6)}70%{left:55vw;top:52vh;transform:rotate(70deg) scale(1)}to{left:60vw;top:78vh;transform:rotate(95deg) scale(1.1)}}.intro__flash{position:absolute;inset:0;background:#fff;opacity:0}.intro__smoke{position:absolute;left:58vw;bottom:20vh;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,#c8c8c880,#c8c8c800);opacity:0}.intro--impact .intro__flash{animation:flash .7s ease-out forwards}.intro--impact .intro__ground,.intro--log .intro__ground{opacity:1}.intro--impact .intro__lander,.intro--log .intro__lander{animation:none;left:60vw;top:78vh;transform:rotate(95deg) scale(1.1)}.intro--impact .intro__flame,.intro--log .intro__flame{display:none}.intro--impact .intro__smoke,.intro--log .intro__smoke{animation:smoke 4s ease-out infinite}@keyframes flash{0%{opacity:.9}to{opacity:0}}@keyframes smoke{0%{opacity:.7;transform:translateY(0) scale(.6)}to{opacity:0;transform:translateY(-120px) scale(1.8)}}.intro__text{position:absolute;left:50%;top:14vh;transform:translate(-50%);width:min(560px,90vw);text-align:center;opacity:0;transition:opacity 1.2s ease}.intro--log .intro__text{opacity:1}.intro__log{font-size:18px;line-height:1.55;color:#f2f4f6;text-shadow:0 2px 12px rgba(0,0,0,.7);font-style:italic}.intro__hint{font-size:12px}.spriteicon{display:inline-block;vertical-align:middle;image-rendering:auto;flex:0 0 auto}.buildlist__icon{margin-right:8px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.crew__face{margin-right:8px;border-radius:50%;background:#ffffff0f}.selected__face{margin-right:10px;border-radius:50%;background:#ffffff0f;box-shadow:0 0 0 2px #f2b54480}.selected--compact{width:250px}.selected--compact .needs{gap:2px}.selected--compact .needs .bar{height:4px}.selected__toggles{display:flex;justify-content:space-between;margin-top:6px}.selected__details{margin-top:6px;border-top:1px solid var(--line);padding-top:6px}.chatlayer{position:absolute;left:16px;bottom:64px;width:min(420px,calc(100vw - 32px));z-index:20;pointer-events:none}.chatlayer__lines{display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.7);color:#f2f4f6}.chatlayer__tag{display:inline-block;width:14px;font-size:10px;font-weight:700;color:var(--muted)}.chatlayer__line--global .chatlayer__tag{color:var(--accent)}.chatlayer__line--local .chatlayer__tag{color:var(--teal)}.chatlayer__open{pointer-events:auto;font-size:12px;opacity:.7;margin-top:4px}.chatlayer__form{pointer-events:auto;display:flex;gap:6px;margin-top:6px;padding:6px;border-radius:8px;background:#1b2430eb;border:1px solid rgba(242,181,68,.28)}.chatlayer__form input{flex:1;min-width:0}.chatlayer--typing .chatlayer__lines{background:#0a0e1499;padding:6px 8px;border-radius:8px}@media(max-width:1100px){.chatlayer{width:min(300px,calc(100vw - 32px))}}.tutorial__scene{position:relative;height:76px;margin:-12px -14px 8px;border-radius:10px 10px 0 0;background:radial-gradient(120px 60px at 30% 100%,rgba(242,181,68,.25),transparent 70%),linear-gradient(180deg,#16324a,#0f1f2e);display:flex;align-items:flex-end;justify-content:center;gap:10px;padding-bottom:6px;overflow:hidden}.tutorial__scene:before{content:"";position:absolute;left:0;right:0;bottom:0;height:14px;background:linear-gradient(180deg,#2e6a3d,#1f4a2c)}.tutorial__pic{position:relative;filter:drop-shadow(0 4px 4px rgba(0,0,0,.5))}.tutorial__pic--small{margin-bottom:4px}.tutorial__scene-icon{position:absolute;top:6px;right:10px;font-size:22px;opacity:.9}.intro__canvas{position:absolute;inset:0;width:100%;height:100%}.intro__text--on{opacity:1}.intro__text{bottom:12vh;top:auto;text-align:left}.chatlayer__line--clan .chatlayer__tag{color:#c98ad9}