:root{color-scheme:light;--background: #f7f9fb;--surface: #ffffff;--surface-low: #f2f4f6;--surface-high: #e6e8ea;--surface-tint: #003366;--primary: #002045;--primary-container: #043669;--secondary: #006c4a;--secondary-container: #82f5c1;--tertiary: #d97706;--danger: #ba1a1a;--danger-container: #ffdad6;--text: #191c1e;--muted: #43474e;--outline: rgba(116, 119, 127, .2);--shadow: 0 18px 48px rgba(26, 54, 93, .08);--radius-xl: 24px;--radius-lg: 16px;--radius-md: 12px;--font-display: "Manrope", sans-serif;--font-body: "Inter", sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at top right,rgba(130,245,193,.25),transparent 24%),radial-gradient(circle at left center,rgba(213,227,255,.7),transparent 35%),linear-gradient(180deg,#f9fbfd 0%,var(--background) 50%,#eef2f5 100%);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}#root,.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 28px;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#f7f9fbe0;border-bottom:1px solid rgba(255,255,255,.65)}.brand-title,h1,h2,h3,strong{font-family:var(--font-display)}.brand-title{font-size:1.6rem;font-weight:800;letter-spacing:-.04em;color:var(--primary)}.brand-subtitle{font-size:.82rem;color:var(--muted)}.main-nav{display:flex;gap:12px}.nav-link{padding:10px 14px;border-radius:999px;color:var(--muted);transition:.16s ease}.nav-link.active,.nav-link:hover{color:var(--primary);background:#d5e3ffb8}.page-frame{max-width:1440px;margin:0 auto;padding:24px}.stack{display:flex;flex-direction:column;gap:24px}.hero-row,.two-column-layout,.game-layout,.stats-grid,.room-grid,.participant-grid,.form-grid,.action-grid,.info-grid,.tip-list,.chart-list,.side-stack{display:grid;gap:18px}.hero-row{grid-template-columns:minmax(0,1fr) auto;align-items:end}.hero-row h1{margin:0 0 10px;font-size:clamp(2rem,4vw,3.8rem);line-height:.95;letter-spacing:-.05em;color:var(--primary)}.hero-row p{margin:0;max-width:760px;color:var(--muted);font-size:1rem}.eyebrow-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:var(--muted);font-size:.9rem}.panel{background:#ffffffc7;border:1px solid rgba(255,255,255,.8);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.panel-header{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-header h2{margin:0;font-size:1.3rem;letter-spacing:-.03em}.panel-header p{margin:8px 0 0;color:var(--muted)}.panel-footer{margin-top:18px}.button{border:0;border-radius:14px;padding:13px 18px;font-weight:700;transition:.16s ease}.button:disabled{opacity:.55;cursor:not-allowed}.button.primary{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-container));box-shadow:0 12px 30px #0020453d}.button.secondary{color:var(--secondary);background:var(--secondary-container)}.button.ghost{color:var(--primary);background:#ffffffa8;border:1px solid var(--outline)}.button:hover:not(:disabled){transform:translateY(-1px)}.inline-form,.room-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}input,select{width:100%;border:1px solid var(--outline);border-radius:14px;padding:13px 14px;background:#ffffffd1;color:var(--text)}label{display:grid;gap:8px;font-size:.92rem;color:var(--muted)}.form-grid,.two-column-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{padding:18px 20px;border-radius:var(--radius-lg);background:#ffffffd6;box-shadow:var(--shadow)}.stat-card span{display:block;color:var(--muted);margin-bottom:8px;font-size:.86rem}.stat-card strong{font-size:1.7rem;letter-spacing:-.04em}.tone-positive strong{color:var(--secondary)}.tone-danger strong{color:var(--danger)}.tone-warning strong{color:var(--tertiary)}.badge{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:#d5e3ffcc;color:var(--primary);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.badge.tone-positive{background:var(--secondary-container);color:var(--secondary)}.badge.tone-warning{background:#ffdcc3;color:#6e3900}.badge.tone-danger{background:var(--danger-container);color:var(--danger)}.status-callout,.tip-card,.info-card{background:var(--surface-low);border-radius:var(--radius-lg);padding:16px}.status-callout strong,.tip-card strong,.info-card h3{display:block;margin-bottom:6px}.room-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.room-card,.participant-card{display:flex;flex-direction:column;gap:18px;padding:20px;border-radius:var(--radius-xl);background:#ffffffdb;box-shadow:var(--shadow)}.room-card.room-finished{background:linear-gradient(180deg,#ffdcc3c7,#ffffffdb)}.room-card-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.room-card-body h3{margin:0 0 8px;font-size:1.35rem}.room-card-body p,.room-metadata{margin:0;color:var(--muted)}.room-card-actions{display:grid;gap:10px;margin-top:auto}.participant-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.participant-card{flex-direction:row;justify-content:space-between;align-items:center}.participant-card.current{outline:2px solid rgba(130,245,193,.8)}.key-value-list{display:grid;gap:12px}.key-value-list.compact{gap:8px}.key-value-list>div{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(196,198,207,.32)}.key-value-list span{color:var(--muted)}.game-layout{grid-template-columns:minmax(0,1.7fr) minmax(340px,.9fr);align-items:start}.side-stack{grid-template-columns:1fr}.board-panel{min-height:640px}.board-wrapper{display:grid;place-items:center;min-height:540px;background:radial-gradient(circle at center,rgba(4,54,105,.12),transparent 25%),linear-gradient(180deg,#fff6,#e0e3e57a);border-radius:32px;overflow:hidden}.ring{position:relative;width:min(74vw,560px);aspect-ratio:1;border-radius:50%}.ring.outer{border:22px solid rgba(0,32,69,.12)}.ring.inner{position:absolute;top:24%;right:24%;bottom:24%;left:24%;border:16px solid rgba(0,32,69,.08)}.goal-center{position:absolute;top:24%;right:24%;bottom:24%;left:24%;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-container));text-align:center;box-shadow:0 20px 50px #00204540}.goal-center span{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.goal-center strong{font-size:1.4rem}.board-cell{position:absolute;width:84px;height:64px;margin-left:-42px;margin-top:-32px;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fffffff2;border:4px solid rgba(255,255,255,.96);box-shadow:0 8px 20px #0020451a;font-size:.8rem;color:var(--muted);text-align:center;padding:4px 6px}.board-cell.occupied{background:#82f5c1db;color:var(--secondary)}.board-cell small{display:block;margin-top:2px;font-size:.58rem;line-height:1.1;color:inherit;opacity:.82}.board-occupants{position:absolute;bottom:-8px;right:-8px;min-width:24px;height:24px;padding:0 6px;border-radius:999px;display:inline-flex;justify-content:center;align-items:center;background:var(--primary);color:#fff;font-size:.7rem}.log-list{display:grid;gap:12px;max-height:420px;overflow:auto}.log-item{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:var(--radius-lg);background:var(--surface-low)}.log-item.detailed p{margin:6px 0 0;color:var(--muted);font-size:.9rem}.log-item span{color:var(--muted);font-size:.85rem}.table-like{display:grid;gap:10px}.table-row{display:grid;grid-template-columns:1.5fr repeat(5,minmax(0,1fr));gap:14px;align-items:center;padding:14px 16px;border-radius:18px;background:#fffc}.table-row.table-head{background:var(--surface-high);color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.chart-list{gap:16px}.chart-row{display:grid;gap:8px}.chart-meta{display:flex;justify-content:space-between;gap:12px}.chart-track{width:100%;height:16px;border-radius:999px;background:var(--surface-low);overflow:hidden}.chart-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--secondary),#4fae88)}.empty-state,.loading-block,.error-banner{padding:24px;border-radius:var(--radius-xl)}.empty-state,.loading-block{text-align:center;background:#ffffffb8}.error-banner{background:var(--danger-container);color:var(--danger);font-weight:700}.hero-layout{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);align-items:center;gap:24px;min-height:calc(100vh - 170px)}.hero-board{min-height:560px;display:grid;place-items:center;border-radius:36px;background:radial-gradient(circle at center,rgba(255,255,255,.72),transparent 40%),linear-gradient(180deg,#ffffff73,#d5e3ff2e);overflow:hidden}.outer-ring{position:relative;width:min(66vw,560px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;border:56px solid rgba(0,32,69,.14)}.inner-ring{position:absolute;top:25%;right:25%;bottom:25%;left:25%;display:grid;place-items:center;border:18px solid rgba(0,32,69,.08);border-radius:50%}.goal-core{width:62%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-container));color:#fff;text-align:center;box-shadow:0 28px 52px #00204533}.board-node{position:absolute;width:84px;height:84px;margin:-42px;display:grid;place-items:center;border-radius:28px;background:#ffffffc7;box-shadow:var(--shadow);font-size:2rem}.board-node.top{top:0;left:50%}.board-node.right{right:0;top:50%}.board-node.bottom{bottom:0;left:50%}.board-node.left{left:0;top:50%}.hero-panel{min-height:560px;display:flex;flex-direction:column;justify-content:center}.hero-actions{margin-top:20px}.info-grid{margin-top:12px}.action-grid{grid-template-columns:1fr}.chart-list,.tip-list,.info-grid,.side-stack{display:grid}.compact-stack{gap:18px}.subsection-title{margin-bottom:10px;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.focus-card,.workflow-card,.trainer-radar-card,.finance-chip,.mini-list-item,.mini-empty,.progress-item{background:#ffffffd1;border:1px solid rgba(196,198,207,.28);border-radius:18px}.focus-card{padding:16px;margin-bottom:16px;background:linear-gradient(145deg,#d5e3ffbf,#ffffffeb)}.focus-card strong,.workflow-card strong,.progress-item strong,.mini-list-item strong{display:block;margin-bottom:6px}.focus-card p,.workflow-card p,.progress-item p,.mini-list-item span,.mini-empty{margin:0;color:var(--muted)}.progress-list,.workflow-grid,.trainer-radar-grid,.finance-summary-grid,.mini-columns,.big-circle-strip,.tutorial-strip{display:grid;gap:12px}.progress-item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding:14px 16px}.progress-item.done{background:#82f5c133}.progress-item-mark{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#00204514;color:var(--primary);font-weight:800}.finance-breakdown{display:grid;gap:18px}.finance-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-chip{padding:16px}.finance-chip span{display:block;color:var(--muted);margin-bottom:8px;font-size:.86rem}.finance-chip strong{font-size:1.3rem;letter-spacing:-.03em}.mini-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-list{display:grid;gap:10px}.mini-list-item,.mini-empty{padding:14px 16px}.board-panel{min-height:720px}.board-wrapper.board-wrapper-table{min-height:620px;padding:18px}.board-surface{position:relative;width:min(78vw,700px);aspect-ratio:1;border-radius:42px;background:radial-gradient(circle at center,#fffffff5,#e9eef3e6 58%,#d0dae1f2);box-shadow:inset 0 0 0 1px #ffffffe6,inset 0 0 0 18px #0020450f,0 24px 60px #00204524;overflow:hidden}.board-surface:before{content:"";position:absolute;top:5.5%;right:5.5%;bottom:5.5%;left:5.5%;border:2px dashed rgba(0,32,69,.12);border-radius:36px}.board-center-stage{position:absolute;top:19%;right:19%;bottom:19%;left:19%;display:grid;place-items:center}.board-center-rings{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,rgba(130,245,193,.2),rgba(130,245,193,.04) 42%,transparent 45%),radial-gradient(circle,transparent 57%,rgba(0,32,69,.08) 58%,transparent 60%)}.board-center-card{position:relative;z-index:1;width:min(100%,340px);padding:28px 24px;border-radius:30px;text-align:center;color:#fff;background:linear-gradient(155deg,#002045fa,#043669eb);box-shadow:0 24px 60px #00204547}.board-center-card span{display:block;margin-bottom:8px;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;opacity:.82}.board-center-card strong{display:block;font-size:1.5rem;letter-spacing:-.04em}.board-center-card p{margin:10px 0 0;color:#fffc}.big-circle-strip{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.tutorial-strip{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.tutorial-step-chip{min-height:42px;border:1px solid rgba(196,198,207,.28);border-radius:14px;background:#ffffffdb;font-weight:800;color:var(--muted)}.tutorial-step-chip.active{background:#d5e3ffcc;color:var(--primary);border-color:#0436692e}.big-circle-stop{padding:10px 8px;border-radius:14px;background:#ffffff1a;font-size:.76rem}.board-cell{width:112px;height:86px;margin-left:-56px;margin-top:-43px;align-items:flex-start;text-align:left;padding:10px 10px 12px;border-radius:22px;border-width:2px}.board-cell-index{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;margin-bottom:8px;background:#00204514;color:var(--primary);font-size:.72rem;font-weight:800}.board-cell-label{font-size:.76rem;line-height:1.15;font-weight:700;color:var(--text)}.board-cell small{margin-top:4px;font-size:.6rem;letter-spacing:.04em;text-transform:uppercase}.board-cell-work{background:#e9f6fff5}.board-cell-asset{background:#e9fff4f5}.board-cell-risk{background:#ffeeeef5}.board-cell-expense{background:#fff4e6f5}.board-cell-growth{background:#f4f0fff5}.board-cell-charity{background:#fff7e6f5}.board-cell-goal{background:#ffe8d8f5}.board-token-stack{position:absolute;right:8px;bottom:8px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:72px}.board-player-token{min-width:28px;height:28px;padding:0 7px;display:inline-flex;justify-content:center;align-items:center;border-radius:999px;background:var(--primary);color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.04em}.board-player-token.is-viewer{background:var(--secondary)}.hero-board.hero-board-detailed{padding:22px}.hero-board-table{position:relative;width:min(74vw,580px);aspect-ratio:1;border-radius:40px;background:#ffffffbd;box-shadow:var(--shadow)}.hero-track{position:absolute;top:7%;right:7%;bottom:7%;left:7%;border-radius:30px;border:28px solid rgba(0,32,69,.12)}.hero-track-inner{top:26%;right:26%;bottom:26%;left:26%;border-width:16px;border-radius:50%;opacity:.72}.hero-corner{position:absolute;width:108px;padding:10px 8px;border-radius:18px;background:#ffffffe6;text-align:center;font-size:.8rem;font-weight:700;color:var(--primary)}.hero-corner-top-left{left:5%;top:5%}.hero-corner-top-right{right:5%;top:5%}.hero-corner-bottom-right{right:5%;bottom:5%}.hero-corner-bottom-left{left:5%;bottom:5%}.hero-core{position:absolute;top:31%;right:31%;bottom:31%;left:31%;display:grid;place-items:center;padding:24px;border-radius:50%;color:#fff;text-align:center;background:linear-gradient(145deg,var(--primary),var(--primary-container))}.hero-core span{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em}.hero-core p{margin:8px 0 0;color:#ffffffd1}.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.workflow-card{padding:16px}.compact-workflow-grid{grid-template-columns:1fr}.workflow-card-button{border:0;text-align:left;cursor:pointer}.workflow-card-button:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.trainer-radar-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.trainer-radar-card{padding:16px}.trainer-radar-card.risk-critical{background:#ffdad6a6}.trainer-radar-card.risk-watch{background:#fff1d6a6}.trainer-radar-card.risk-stable{background:#e9fff4a6}.trainer-radar-top,.trainer-radar-metrics{display:flex;justify-content:space-between;gap:12px}.trainer-radar-top{margin-bottom:14px}.trainer-radar-top span,.trainer-radar-metrics span{color:var(--muted);font-size:.82rem}.trainer-radar-metrics>div{display:grid;gap:4px}.result-note{margin:14px 0 0;color:var(--muted);line-height:1.45}@media (max-width: 1120px){.game-layout,.hero-layout,.two-column-layout,.hero-row,.stats-grid{grid-template-columns:1fr}.table-row{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-grid,.mini-columns,.finance-summary-grid,.big-circle-strip,.tutorial-strip{grid-template-columns:1fr}.board-surface{width:min(92vw,680px)}}@media (max-width: 720px){.page-frame{padding:18px}.topbar{padding:16px 18px;flex-direction:column;align-items:flex-start}.main-nav{width:100%;overflow:auto}.form-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.board-cell{width:64px;height:52px;margin-left:-32px;margin-top:-26px;font-size:.68rem}.board-cell small{font-size:.5rem}}