.home{flex:1;display:flex;flex-direction:column;justify-content:center;gap:22px;min-height:70vh}.home__badge{color:var(--accent-yellow)}.home__title{font-size:clamp(48px,12vw,80px);line-height:.92;color:var(--ink-primary)}.home__title-accent{color:var(--accent-blue);display:block}.home__subtitle{color:var(--ink-secondary);max-width:46ch;font-size:16px}.home__actions{display:flex;flex-direction:column;gap:10px;max-width:320px;margin-top:12px}.home__footer{margin-top:30px;color:var(--ink-muted)}.home__account{background:var(--bg-panel);border:1px solid var(--line-hairline);border-radius:var(--radius-md);padding:16px;max-width:360px}.home__account-logged{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}.home__login{display:flex;flex-direction:column;gap:10px}.home__ranking{background:var(--bg-panel);border:1px solid var(--line-hairline);border-radius:var(--radius-md);padding:16px;max-width:420px;display:flex;flex-direction:column;gap:10px}.home__ranking-empty{color:var(--ink-muted);font-size:13px}.home__ranking-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.home__ranking-row{display:grid;grid-template-columns:28px 1fr auto;grid-template-areas:"pos name score" "pos meta score";column-gap:8px;align-items:center;font-size:13px;padding:4px 0;border-bottom:1px solid var(--line-hairline)}.home__ranking-pos{grid-area:pos;font-family:var(--font-mono);color:var(--accent-yellow);font-weight:700}.home__ranking-name{grid-area:name;font-weight:600}.home__ranking-meta{grid-area:meta;color:var(--ink-muted);font-size:11.5px}.home__ranking-score{grid-area:score;font-family:var(--font-mono);color:var(--accent-green)}.howto{display:flex;flex-direction:column;gap:18px;padding-top:8px}.howto__title{font-size:40px}.howto__steps{display:flex;flex-direction:column;gap:12px;padding-left:20px;color:var(--ink-secondary)}.howto__steps li{padding-left:4px}.howto__steps strong{color:var(--ink-primary)}.howto__resources{background:var(--bg-panel);border:1px solid var(--line-hairline);border-radius:var(--radius-lg);padding:16px 18px}.howto__resources ul{margin:10px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:6px;color:var(--ink-secondary)}.howto__resources strong{color:var(--ink-primary)}.card{background:var(--bg-panel);border:1px solid var(--line-hairline);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-card);text-align:left;color:inherit;font:inherit;width:100%}.card--interactive{transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.card--interactive:hover{transform:translateY(-2px);border-color:var(--line-hairline-strong);box-shadow:var(--shadow-card-hover)}.card--selected{border-color:var(--accent-blue);box-shadow:0 0 0 1px var(--accent-blue),var(--shadow-card-hover)}.fallback-image{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius-md);display:block;background:var(--bg-panel-raised)}.fallback-image--emoji{display:flex;align-items:center;justify-content:center;font-size:2.6rem;border:1px dashed var(--line-hairline-strong)}.char-select{display:flex;flex-direction:column;gap:6px;padding-top:8px}.char-select__title{font-size:36px;margin-top:4px}.char-select__subtitle{color:var(--ink-muted);margin-bottom:12px}.char-select__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.char-card{display:flex;flex-direction:column;gap:10px}.char-card__emoji{font-size:34px}.char-card__img{max-width:96px;margin-bottom:2px}.char-card__work{font-size:12.5px;color:var(--ink-secondary);font-family:var(--font-mono)}.char-card__work--flexible{color:var(--ink-muted)}.char-card__name{font-size:26px}.char-card__tagline{color:var(--accent-yellow);font-size:13px;font-weight:600}.char-card__desc{color:var(--ink-secondary);font-size:14px;min-height:66px}.char-card__mods{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px}.char-chip{font-family:var(--font-mono);font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid var(--line-hairline-strong)}.char-chip--pos{color:var(--accent-green)}.char-chip--neg{color:var(--accent-red)}.residence-select{display:flex;flex-direction:column;gap:6px;padding-top:8px}.residence-select__title{font-size:36px;margin-top:4px}.residence-select__subtitle{color:var(--ink-muted);margin-bottom:8px}.residence-select__zone{margin-top:18px}.residence-select__zone-title{font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-yellow);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--line-hairline)}.residence-select__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.residence-card{display:flex;flex-direction:column;gap:6px;padding:10px}.residence-card__img{margin-bottom:4px}.residence-card__name{font-size:18px;font-weight:700}.residence-card__rent{font-family:var(--font-mono);font-size:12px;color:var(--accent-yellow)}.residence-card__desc{color:var(--ink-secondary);font-size:12.5px;min-height:48px}.metro{background:var(--bg-panel);border:1px solid var(--line-hairline);border-radius:var(--radius-lg);padding:14px 16px 10px}.metro__scroll{position:relative;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.metro__line{position:absolute;left:8px;right:8px;top:24px;height:3px;background:var(--line-hairline-strong);border-radius:2px}.metro__stops{position:relative;display:flex;gap:10px;min-width:max-content;padding:0 6px}.metro__stop-wrap{display:flex;flex-direction:column;align-items:center;width:18px;position:relative}.metro__day-label{position:absolute;top:-14px;left:0;font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;color:var(--ink-muted);white-space:nowrap}.metro__stop{margin-top:18px;width:12px;height:12px;border-radius:50%;border:2px solid var(--line-hairline-strong);background:var(--bg-void);position:relative;z-index:1}.metro__stop--done{background:var(--accent-blue);border-color:var(--accent-blue)}.metro__stop--current{background:var(--accent-yellow);border-color:var(--accent-yellow);box-shadow:0 0 0 3px #ffc72c40}.metro__stop--upcoming{opacity:.55}.metro__pulse{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid var(--accent-yellow);animation:metroPulse 1.6s ease-out infinite}@keyframes metroPulse{0%{transform:scale(.6);opacity:.8}to{transform:scale(1.8);opacity:0}}.bar{display:flex;flex-direction:column;gap:4px}.bar__head{display:flex;justify-content:space-between;align-items:baseline;font-size:13px}.bar__label{color:var(--ink-secondary)}.bar__value{font-family:var(--font-mono);color:var(--ink-primary);font-weight:600}.bar__track{height:8px;border-radius:999px;background:var(--bg-panel-raised);overflow:hidden;border:1px solid var(--line-hairline)}.bar--compact .bar__track{height:6px}.bar__fill{height:100%;border-radius:999px;transition:width .5s cubic-bezier(.22,1,.36,1)}.bar__fill--default{background:linear-gradient(90deg,var(--accent-blue),var(--accent-lilac))}.bar__fill--danger{background:var(--accent-red)}.resources-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px 16px;background:var(--bg-panel);border:1px solid var(--line-hairline);border-radius:var(--radius-lg);padding:16px}.resources-panel--compact{grid-template-columns:repeat(5,1fr);gap:8px 10px;padding:12px}@media (max-width: 480px){.resources-panel--compact{grid-template-columns:repeat(3,1fr)}}.main-game{display:flex;flex-direction:column;gap:16px}.main-game__headline{display:flex;justify-content:space-between;align-items:center}.main-game__char{font-family:var(--font-mono);font-size:13px;color:var(--ink-secondary)}.main-game__section{display:flex;flex-direction:column;gap:12px}.main-game__section-title{font-size:24px}.main-game__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.main-game__grid--transport{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.district-card__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.district-card__emoji{font-size:22px}.district-card__name{font-family:var(--font-display);font-size:20px;letter-spacing:.02em}.district-card__desc{color:var(--ink-secondary);font-size:13px;min-height:52px}.district-card__meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;color:var(--ink-muted);margin-top:10px}.transport-card{text-align:center}.transport-card__emoji{font-size:28px}.transport-card__name{font-family:var(--font-display);font-size:19px;margin-top:4px}.transport-card__desc{color:var(--ink-secondary);font-size:12px;min-height:44px;margin-top:4px}.transport-card__meta{display:flex;justify-content:center;gap:12px;font-family:var(--font-mono);font-size:11px;color:var(--ink-muted);margin-top:8px}.event-context{color:var(--accent-yellow)}.event-card{display:flex;flex-direction:column;gap:14px;border-color:var(--line-hairline-strong)}.event-card__title{font-size:26px}.event-card__desc{color:var(--ink-secondary);font-size:15px}.event-card__choices{display:flex;flex-direction:column;gap:8px}.event-choice{font-size:14px}.main-game__history{margin-top:4px}.main-game__history ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;color:var(--ink-muted);font-size:12px}.main-game__history-tag{font-family:var(--font-mono);color:var(--accent-blue);margin-right:6px}.main-game__home{font-family:var(--font-mono);font-size:12px;color:var(--ink-secondary);margin-top:-8px}.main-game__notices{display:flex;flex-direction:column;gap:6px}.main-game__notice{background:#e8542e1f;border:1px solid var(--accent-red);color:var(--ink-primary);border-radius:var(--radius-sm);padding:8px 12px;font-size:13px}.district-card__img{margin-bottom:6px}.district-card--work{border-color:var(--accent-yellow);box-shadow:0 0 0 1px var(--accent-yellow) inset}.district-card__badge{font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;background:var(--accent-yellow);color:#1c1b1f;padding:2px 6px;border-radius:999px;font-weight:700}.turn-result{display:flex;flex-direction:column;gap:14px;padding-top:8px}.turn-result__card{display:flex;flex-direction:column;gap:10px}.turn-result__title{font-size:26px}.turn-result__choice{color:var(--ink-secondary);font-size:14px}.turn-result__choice strong{color:var(--ink-primary)}.turn-result__text{color:var(--ink-secondary);font-size:15px}.delta-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.delta-row{display:flex;justify-content:space-between;font-size:14px}.delta-row__value{font-family:var(--font-mono);font-weight:600}.delta-row--pos .delta-row__value{color:var(--accent-green)}.delta-row--neg .delta-row__value{color:var(--accent-red)}.turn-result__transport-note{font-size:12px;color:var(--ink-muted)}.turn-result__warning{background:#e8542e1f;border:1px solid var(--accent-red);color:var(--ink-primary);padding:12px 14px;border-radius:var(--radius-md);font-size:14px}.end-screen{display:flex;flex-direction:column;gap:14px;padding-top:12px}.end-screen__ending-emoji{font-size:48px;line-height:1}.end-screen__title{font-size:42px}.end-screen__desc{color:var(--ink-secondary);font-size:15px;max-width:56ch}.end-screen__stats{display:flex;flex-direction:column;gap:8px}.end-screen__stat-row{display:flex;justify-content:space-between;font-size:14px;color:var(--ink-secondary)}.end-screen__stat-row strong{color:var(--ink-primary);font-family:var(--font-mono)}.end-screen__share-card{display:flex;flex-direction:column;gap:10px;padding:4px}.end-screen__watermark{text-align:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--ink-muted);margin-top:8px;padding-top:8px;border-top:1px dashed var(--line-hairline-strong)}.end-screen__download-error{color:var(--accent-red);font-size:13px;text-align:center}.end-screen__save-status{text-align:center}.end-screen__login-prompt{display:flex;flex-direction:column;gap:8px;align-items:center}.end-screen__inline-login{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.end-screen__inline-login input{background:var(--bg-panel-raised);border:1px solid var(--line-hairline-strong);border-radius:var(--radius-sm);padding:8px 10px;color:var(--ink-primary);font-size:13px;max-width:140px}.auth-screen{display:flex;flex-direction:column;gap:14px;padding-top:8px;max-width:420px}.auth-screen__title{font-size:32px}.auth-screen__form{display:flex;flex-direction:column;gap:12px}.ranking-screen{display:flex;flex-direction:column;gap:14px;padding-top:8px}.ranking-screen__title{font-size:32px}.ranking-screen__empty{color:var(--ink-muted)}.ranking-screen__list{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0;max-height:60vh;overflow-y:auto}.ranking-screen__row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--line-hairline)}.ranking-screen__pos{font-family:var(--font-mono);color:var(--accent-yellow);font-weight:700}.ranking-screen__info{display:flex;flex-direction:column}.ranking-screen__name{font-weight:600}.ranking-screen__meta{color:var(--ink-muted);font-size:12px}.ranking-screen__score{font-family:var(--font-mono);color:var(--accent-green);font-weight:700}:root{--bg-void: #121114;--bg-panel: #1c1b1f;--bg-panel-raised: #262429;--bg-panel-hover: #2f2d33;--ink-primary: #f2ede4;--ink-secondary: #c9c2b8;--ink-muted: #8b8580;--accent-blue: #0057b8;--accent-yellow: #ffc72c;--accent-green: #3fa66a;--accent-red: #e8542e;--accent-lilac: #9a6fb0;--line-hairline: rgba(242, 237, 228, .1);--line-hairline-strong: rgba(242, 237, 228, .22);--font-display: "Bebas Neue", "Archivo Black", sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", monospace;--radius-sm: 4px;--radius-md: 10px;--radius-lg: 18px;--shadow-card: 0 10px 30px rgba(0, 0, 0, .35);--shadow-card-hover: 0 14px 40px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-void);background-image:radial-gradient(circle at 15% 0%,rgba(0,87,184,.14),transparent 45%),radial-gradient(circle at 85% 100%,rgba(255,199,44,.08),transparent 40%);color:var(--ink-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3{font-family:var(--font-display);letter-spacing:.02em;margin:0;font-weight:400}p{margin:0;line-height:1.55}button{font-family:var(--font-body);cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-yellow);outline-offset:3px}::selection{background:var(--accent-yellow);color:var(--bg-void)}.app-shell{flex:1;display:flex;flex-direction:column;max-width:720px;width:100%;margin:0 auto;padding:20px 18px 40px}@media (min-width: 720px){.app-shell{padding:40px 24px 56px}}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted)}.hairline{border:none;border-top:1px solid var(--line-hairline);margin:0}.btn{border-radius:var(--radius-md);border:1px solid var(--line-hairline-strong);background:var(--bg-panel-raised);color:var(--ink-primary);padding:14px 18px;font-size:15px;font-weight:600;transition:transform .12s ease,background .15s ease,border-color .15s ease;text-align:left}.btn:hover{background:var(--bg-panel-hover);border-color:var(--line-hairline-strong);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;text-align:center}.btn-primary:hover{background:#0064d1}.btn-block{width:100%;display:block}.btn-secondary{background:transparent;border-color:var(--line-hairline-strong);color:var(--ink-secondary);text-align:center;font-size:13px;padding:10px 14px}.form-field{display:flex;flex-direction:column;gap:5px}.form-field label{font-family:var(--font-mono);font-size:12px;color:var(--ink-secondary)}.form-field input{background:var(--bg-panel-raised);border:1px solid var(--line-hairline-strong);border-radius:var(--radius-sm);padding:11px 12px;color:var(--ink-primary);font-family:var(--font-body);font-size:15px}.form-field input:focus-visible{outline:2px solid var(--accent-yellow);outline-offset:1px}.form-error{color:var(--accent-red);font-size:13px}.form-success{color:var(--accent-green);font-size:13px}.form-links{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.form-link-btn{background:none;border:none;color:var(--accent-yellow);font-size:13px;font-family:var(--font-mono);cursor:pointer;padding:2px 0}.form-link-btn:hover{text-decoration:underline}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}