:root{color-scheme:light;--bg: #fdfaf3;--surface: rgba(255, 253, 248, .88);--surface-strong: #ffffff;--line: rgba(23, 52, 65, .12);--line-soft: rgba(23, 52, 65, .06);--ink: #1c343d;--muted: #64748b;--accent: #10b981;--accent-soft: #ecfdf5;--gold: #f59e0b;--gold-soft: #fef3c7;--danger: #ef4444;--danger-soft: #fee2e2;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--radius: 24px;--radius-md: 16px;--radius-sm: 12px;--mono: "JetBrains Mono", "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--display: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;font-family:var(--display);color:var(--ink);background:radial-gradient(circle at top left,rgba(16,185,129,.1),transparent 35%),radial-gradient(circle at top right,rgba(245,158,11,.08),transparent 30%),linear-gradient(180deg,#fdfaf3,#f7f3e8)}button,input,textarea,select{font:inherit;transition:var(--transition)}button{cursor:pointer;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px}pre{margin:0;font-family:var(--mono);white-space:pre-wrap;word-break:break-word}.shell{position:relative;min-height:100vh;padding:32px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(23,52,65,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(23,52,65,.03) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 90%);mask-image:radial-gradient(circle at center,black,transparent 90%);pointer-events:none}.hero{position:relative;display:flex;justify-content:space-between;gap:32px;align-items:flex-start;padding:40px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#fffc,#ffffff80);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -40px -50px auto;width:240px;height:240px;border-radius:48px;background:linear-gradient(135deg,#10b98114,#f59e0b26),repeating-linear-gradient(45deg,rgba(23,52,65,.03),rgba(23,52,65,.03) 10px,transparent 10px,transparent 20px);transform:rotate(15deg)}.eyebrow,.section-kicker,.label{margin:0;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:600;color:var(--muted)}.hero h1,.panel h2,.subpanel h3{margin:0;font-weight:700;letter-spacing:-.02em}.hero h1{margin-top:12px;font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;color:var(--ink)}.hero-copy{max-width:60ch;font-size:1.125rem;color:var(--muted);line-height:1.6}.hero-meta{width:min(340px,100%);display:grid;gap:16px}.wallet-card,.panel,.subpanel,.market-card,.task-card,.skill-card,.agent-chip,.stat-tile,.notice{animation:rise .4s cubic-bezier(0,0,.2,1)}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wallet-card,.panel,.subpanel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:var(--transition)}.wallet-card:hover,.panel:hover{border-color:#17344133;box-shadow:var(--shadow-lg)}.wallet-card{padding:24px}.wallet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px}.wallet-grid div,.stat-tile{padding:16px;border-radius:var(--radius-md);background:#fff9;border:1px solid var(--line-soft);box-shadow:var(--shadow-sm)}.wallet-grid span,.stat-tile span{display:block;color:var(--muted);font-size:.8125rem;font-weight:500;margin-bottom:4px}.layout{position:relative;display:grid;grid-template-columns:340px minmax(0,1.5fr) 380px;gap:24px;margin-top:32px;align-items:start}.workspace,.workspace-top,.workspace-bottom,.mission-grid,.menu-grid,.guide-list,.drawer-stack{display:grid;gap:24px}.workspace{position:relative;margin-top:32px}.workspace-top{grid-template-columns:minmax(320px,400px) minmax(0,1fr);align-items:start}.workspace-bottom{grid-template-columns:minmax(320px,360px) minmax(0,1fr);align-items:start}.mission-grid,.menu-grid{grid-template-columns:repeat(2,1fr);gap:16px}.mission-panel,.stage-panel,.task-board-panel,.task-detail{min-width:0}.mission-card,.menu-card,.guide-step{width:100%;border-radius:var(--radius-md);border:1px solid var(--line-soft);background:#fffc;padding:20px;text-align:left;transition:var(--transition);box-shadow:var(--shadow-sm)}.mission-card span,.menu-card span,.guide-copy p{color:var(--muted);font-size:.875rem}.mission-card h4,.menu-card h4{margin:0 0 8px;font-size:1.125rem;font-weight:600}.menu-card.selected,.guide-step.active{border-color:var(--accent);background:linear-gradient(135deg,var(--accent-soft),#ffffff);box-shadow:var(--shadow);transform:translateY(-2px)}.menu-card:hover,.guide-step:hover{transform:translateY(-4px);border-color:#10b9814d;box-shadow:var(--shadow-lg)}.guide-list{gap:16px}.guide-step{display:flex;gap:20px;align-items:center}.guide-step.done{border-color:var(--accent-soft);opacity:.8}.guide-index{width:40px;height:40px;flex-shrink:0;display:inline-grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:1.125rem}.guide-copy{min-width:0;flex-grow:1}.guide-copy p{margin:4px 0 0;line-height:1.5}.task-board-panel .task-list{max-height:calc(100vh - 200px);overflow-y:auto;padding-right:8px}.task-board-panel .task-list::-webkit-scrollbar{width:6px}.task-board-panel .task-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px}.workspace-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;justify-content:center;align-items:center;padding:32px;background:#0f172a66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fade-in .3s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.workspace-drawer{width:min(1080px,100%);height:min(880px,90vh);display:flex;flex-direction:column;border-radius:32px;border:1px solid rgba(255,255,255,.2);background:#fcfbf7fa;box-shadow:var(--shadow-lg);overflow:hidden;animation:slide-up .4s cubic-bezier(.16,1,.3,1)}@keyframes slide-up{0%{transform:translateY(40px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.workspace-drawer-head{padding:32px 40px;border-bottom:1px solid var(--line-soft);background:linear-gradient(135deg,#fff,#fdfbf7);display:flex;justify-content:space-between;align-items:center}.workspace-drawer-title h2{font-size:1.75rem;margin:4px 0}.workspace-drawer-code{background:var(--ink);color:#fff;padding:4px 12px;border-radius:8px;font-family:var(--mono);font-size:.75rem;font-weight:600;letter-spacing:.05em}.workspace-drawer-nav{padding:12px 40px;display:flex;gap:12px;background:#fdfbf7;border-bottom:1px solid var(--line-soft);overflow-x:auto}.workspace-drawer-nav::-webkit-scrollbar{display:none}.workspace-drawer-tab{padding:10px 20px;border-radius:12px;background:transparent;color:var(--muted);font-weight:600;white-space:nowrap}.workspace-drawer-tab.active{background:#fff;color:var(--accent);box-shadow:var(--shadow-sm);border:1px solid var(--line-soft)}.workspace-drawer-tab:hover:not(.active){background:#1734410a;color:var(--ink)}.workspace-drawer-body{flex-grow:1;overflow-y:auto;padding:40px}.shell-game{padding:18px}.game-notice{position:fixed;top:18px;left:50%;z-index:40;width:min(560px,calc(100% - 32px));transform:translate(-50%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.activity-banner{position:fixed;top:18px;right:18px;z-index:41;display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:18px;border:1px solid rgba(255,246,226,.18);background:linear-gradient(180deg,#0c1e27f0,#0a1820e0),linear-gradient(135deg,#f4c76d24,#0f8c7814);color:#f8f2e2;box-shadow:0 22px 42px #0a182047;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.activity-banner strong{color:#fff7e4}.activity-banner-dot{width:10px;height:10px;border-radius:999px;background:#f4c76d;box-shadow:0 0 0 6px #f4c76d24;animation:activity-pulse 1.2s ease-in-out infinite}@keyframes activity-pulse{0%,to{transform:scale(.92);opacity:.78}50%{transform:scale(1.08);opacity:1}}.game-layout{position:relative;min-height:calc(100vh - 36px);display:grid;grid-template-columns:92px minmax(0,1fr);gap:18px}.game-toolbar{position:relative;z-index:8;display:flex;flex-direction:column;gap:14px;align-items:center}.game-toolbar-stack{display:flex;flex-direction:column;gap:12px}.game-toolbar-home,.game-toolbar-button{position:relative;width:78px;min-height:78px;display:grid;place-items:center;border-radius:24px;border:1px solid rgba(255,246,226,.28);background:linear-gradient(180deg,#122e3af0,#0b1c25f0),linear-gradient(135deg,#f4c76d33,#0f8c7824);box-shadow:0 18px 35px #0a182057,inset 0 1px #fffaf029;color:#f8f2e2;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.game-toolbar-home:hover,.game-toolbar-button:hover,.game-toolbar-button.active{transform:translate(2px);border-color:#f4c76d8f;box-shadow:0 24px 40px #0a182066,inset 0 1px #fffaf03d}.game-toolbar-home{min-height:92px}.game-toolbar-icon{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:16px;border:1px solid rgba(255,248,232,.18);background:linear-gradient(180deg,#fff7e429,#f4c76d14);font-family:var(--mono);font-size:.84rem;font-weight:700;letter-spacing:.08em}.game-toolbar-text{position:absolute;top:50%;left:calc(100% + 14px);display:grid;gap:4px;min-width:180px;padding:12px 14px;border-radius:18px;border:1px solid rgba(255,244,224,.18);background:#102732f0;color:#f8f2e2;box-shadow:0 18px 36px #0a18205c;opacity:0;pointer-events:none;transform:translateY(-50%) translate(-8px);transition:opacity .16s ease,transform .16s ease}.game-toolbar-text small{color:#f8f2e2b8;line-height:1.4}.game-toolbar-home:hover .game-toolbar-text,.game-toolbar-button:hover .game-toolbar-text,.game-toolbar-button.active .game-toolbar-text{opacity:1;transform:translateY(-50%) translate(0)}.game-stage{position:relative;min-height:calc(100vh - 36px);border-radius:34px;overflow:hidden}.game-scene-panel{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:34px;overflow:hidden;border:1px solid rgba(255,248,232,.18);background:radial-gradient(circle at top left,rgba(244,199,109,.24),transparent 20%),radial-gradient(circle at top right,rgba(15,140,120,.22),transparent 24%),linear-gradient(180deg,#203640,#101f28);box-shadow:0 24px 54px #0a18204d}.game-scene-loading{height:100%;display:grid;place-items:center;color:#f8f2e2}.game-hud{position:absolute;z-index:10;pointer-events:none}.game-hud-top{top:18px;left:18px;right:18px;display:flex;justify-content:flex-start;align-items:flex-start;gap:16px}.game-scene-dock{position:relative;display:grid;gap:12px;pointer-events:auto}.game-scene-dock-buttons{display:grid;gap:10px}.game-scene-dock-button{width:56px;height:56px;display:inline-grid;place-items:center;border-radius:18px;border:1px solid rgba(255,246,226,.18);background:linear-gradient(180deg,#0c1e27e0,#0a1820c7),linear-gradient(135deg,#f4c76d1f,#0f8c781a);box-shadow:0 18px 36px #0a182042;color:#fff7e4;font-family:var(--mono);font-size:.78rem;letter-spacing:.08em}.game-scene-dock-button.active,.game-scene-dock-button:hover{border-color:#f4c76d85;transform:translateY(-1px)}.game-scene-dock-popover{position:absolute;top:0;left:72px;width:min(360px,calc(100vw - 190px));padding:14px 16px;pointer-events:auto}.game-scene-focus-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.game-scene-focus-grid,.task-center-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.game-scene-focus-item{padding:10px 12px;border-radius:16px;border:1px solid rgba(255,246,226,.12);background:#fff9eb14}.game-scene-focus-item span{display:block;color:#f8f2e2a8;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.game-scene-focus-item strong{display:block;margin-top:6px;color:#fff7e4}.game-scene-guide-copy{display:grid;gap:8px;margin-bottom:12px}.game-scene-guide-copy p{margin:0;color:#f8f2e2c2;line-height:1.5}.game-hud-controls{top:196px;left:18px}.game-hud-toggle-bar{display:inline-flex;align-items:center;gap:14px;padding:10px 14px;flex-wrap:wrap;max-width:min(640px,calc(100vw - 176px))}.game-hud-toggle-group{display:inline-flex;gap:8px;flex-wrap:wrap}.game-hud-toggle-hint{color:#f8f2e2ad;font-size:.76rem}.game-hud-toggle-group button{min-width:72px;padding:9px 12px;border-radius:999px;border:1px solid rgba(255,246,226,.12);background:#fffaf014;color:#f8f2e2}.game-hud-toggle-group button.active{border-color:#f4c76d85;background:linear-gradient(180deg,#f4c76d3d,#fffaf01a);color:#fff7e4}.game-hud-toggle-group button:disabled{opacity:.45;cursor:not-allowed}.game-hud-bottom{top:0;right:0;bottom:0;left:0}.game-status-card,.game-overlay{pointer-events:auto}.game-status-card{border-radius:26px;border:1px solid rgba(255,246,226,.16);background:linear-gradient(180deg,#0c1e27d6,#0a1820c2),linear-gradient(135deg,#f4c76d24,#0f8c7814);color:#f8f2e2;box-shadow:0 22px 44px #0a182047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.game-brand-card{width:min(430px,100%);padding:20px 22px;display:grid;gap:12px}.game-brand-card .eyebrow,.game-brand-card .section-kicker,.game-brand-copy,.game-stat-pill span,.game-api-field span{color:#f8f2e2bd}.game-brand-card h1{margin:0;font-size:clamp(2rem,3vw,3rem);line-height:.9;color:#fff7e4}.game-brand-copy{margin:0;line-height:1.55}.game-status-strip{width:min(700px,100%);padding:16px 18px 18px;display:grid;gap:14px}.game-stat-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.game-stat-pill{padding:12px 14px;border-radius:18px;border:1px solid rgba(255,246,226,.12);background:#fff9eb14}.game-stat-pill span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.game-stat-pill strong{display:block;margin-top:5px;font-size:1rem;color:#fff7e4}.game-api-field input{border-color:#fff6e229;background:#fffaf01a;color:#fff7e4}.game-api-field input:focus{border-color:#f4c76d85}.game-task-board-wrap .task-board-panel,.game-task-detail-wrap .task-detail{width:100%;height:100%;max-height:none;margin:0;overflow:auto;border-color:#fff6e224;background:#fffaf0e6;box-shadow:0 22px 44px #0a182038}.floating-hud-panel{position:absolute;z-index:12;pointer-events:auto}.floating-hud-frame{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;height:100%;padding:10px 10px 0;border-radius:28px;border:1px solid rgba(255,246,226,.14);background:linear-gradient(180deg,#0c1e2757,#0a18202e),linear-gradient(135deg,#f4c76d14,#0f8c7814);box-shadow:0 20px 40px #0a182038;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floating-hud-toolbar{display:flex;align-items:center;gap:10px;padding:0 4px;flex-wrap:wrap}.floating-hud-badge,.floating-hud-size,.floating-hud-button{display:inline-grid;place-items:center;height:34px;border-radius:999px;border:1px solid rgba(255,246,226,.12);background:#fff9eb1a;color:#f8f2e2;font-family:var(--mono);font-size:.72rem;letter-spacing:.08em}.floating-hud-badge{min-width:62px;padding:0 12px;color:#fff7e4}.floating-hud-panel-board .floating-hud-badge{border-color:#f4c76d3d}.floating-hud-panel-detail .floating-hud-badge{border-color:#2d8c8a47}.floating-hud-copy{display:grid;gap:2px;min-width:0;margin-right:auto}.floating-hud-copy strong{color:#fff7e4;font-size:.9rem}.floating-hud-copy small{color:#f8f2e2ad;line-height:1.3}.floating-hud-size{min-width:104px;padding:0 12px}.floating-hud-button{padding:0 12px;cursor:pointer}.floating-hud-drag{cursor:grab;touch-action:none}.floating-hud-drag:active{cursor:grabbing}.floating-hud-body{min-height:0;overflow:hidden;border-radius:22px}.floating-hud-body>.panel{height:100%}.floating-hud-resize{position:absolute;right:12px;bottom:12px;width:28px;height:28px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(255,246,226,.12);background:#fff9eb1a;cursor:nwse-resize;touch-action:none}.floating-hud-resize span{position:absolute;right:7px;bottom:7px;width:10px;height:2px;border-radius:999px;background:#f8f2e2c2;transform-origin:right center}.floating-hud-resize span:first-child{transform:rotate(-45deg)}.floating-hud-resize span:last-child{width:14px;transform:rotate(-45deg) translate(-4px,-4px)}.task-center-grid{display:grid;grid-template-columns:minmax(320px,380px) minmax(0,1fr);gap:18px;align-items:start}.task-center-grid>*{min-width:0}.task-center-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.task-center-summary-grid .stat-tile strong{display:block;margin-top:6px}.workspace-drawer-backdrop{justify-content:center;align-items:center;padding:24px;background:radial-gradient(circle at top,rgba(244,199,109,.14),transparent 30%),#071016a8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.workspace-drawer{width:min(980px,100%);height:min(84vh,940px);display:grid;grid-template-rows:auto auto minmax(0,1fr);border-radius:32px;border-color:#fff6e22e;background:linear-gradient(180deg,#f7f0e2f7,#f0eadcf2),linear-gradient(135deg,#f4c76d1f,#0f8c781a);box-shadow:0 34px 70px #0a182057}.workspace-drawer-head{border-bottom-color:#1734411f;background:linear-gradient(135deg,#fffaf0f5,#eff8f3f0),repeating-linear-gradient(45deg,rgba(23,52,65,.03),rgba(23,52,65,.03) 8px,transparent 8px,transparent 16px)}.workspace-drawer-title,.workspace-drawer-actions{display:flex;align-items:flex-start;gap:14px}.workspace-drawer-title{min-width:0}.workspace-drawer-actions{margin-left:auto;align-items:center}.workspace-drawer-nav{display:flex;flex-wrap:wrap;gap:10px;padding:0 22px 18px;border-bottom:1px solid rgba(23,52,65,.08)}.workspace-drawer-tab{padding:10px 14px;border-radius:14px;border:1px solid rgba(23,52,65,.08);background:#ffffffa3;color:#173441;transition:transform .16s ease,border-color .16s ease,background .16s ease}.workspace-drawer-tab:hover,.workspace-drawer-tab.active{transform:translateY(-1px);border-color:#2d8c8a57;background:#fffffff0}.workspace-drawer-code,.workspace-drawer-status{display:inline-grid;place-items:center;min-width:64px;height:40px;padding:0 12px;border-radius:999px;border:1px solid rgba(23,52,65,.12);background:#ffffffc7;font-family:var(--mono);font-size:.76rem;letter-spacing:.08em}.workspace-drawer-status{min-width:120px}.drawer-section{min-height:0}.drawer-copy{margin:8px 0 0}.column,.wide{min-width:0}.stack{display:grid;gap:18px}.stack.tight{gap:12px}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.section-kicker{margin-bottom:6px}.field{display:grid;gap:7px}.field.compact{gap:5px}.field span{color:var(--muted);font-size:.84rem}.checkbox-row{display:inline-flex;align-items:center;gap:10px;color:var(--ink)}.checkbox-row.compact{gap:8px}.checkbox-row input{width:auto;margin:0}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;padding:12px 16px;color:var(--ink);outline:none;font-size:.9375rem;box-shadow:var(--shadow-sm)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);transform:translateY(-1px)}textarea{resize:vertical;min-height:100px}.primary,.secondary,.ghost{padding:12px 24px;border-radius:var(--radius-sm);font-weight:600;font-size:.9375rem;letter-spacing:-.01em}.primary{background:var(--ink);color:#fff;box-shadow:var(--shadow)}.primary:hover{background:#000;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.secondary{background:var(--accent);color:#fff;box-shadow:var(--shadow)}.secondary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.ghost{background:#f1f5f9;color:var(--ink)}.ghost:hover{background:#e2e8f0}.ghost.danger{background:var(--danger-soft);color:var(--danger)}.task-card,.market-card,.skill-card,.agent-chip{padding:24px;border-radius:var(--radius-md);background:#fff;border:1px solid var(--line-soft);box-shadow:var(--shadow-sm);transition:var(--transition)}.task-card:hover,.market-card:hover,.skill-card:hover,.agent-chip:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#10b98133}.task-card.selected,.agent-chip.selected{border-color:var(--accent);background:linear-gradient(135deg,var(--accent-soft),#ffffff)}.card-meta{display:flex;gap:16px;margin-top:16px;font-size:.8125rem;color:var(--muted);font-weight:500}.pill{padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.pill.success{background:var(--accent-soft);color:var(--accent)}.pill.warn{background:var(--gold-soft);color:var(--gold)}.pill.danger{background:var(--danger-soft);color:var(--danger)}.pill.muted{background:#f1f5f9;color:#64748b}.skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.drawer-stack{display:flex;flex-direction:column;gap:32px}.subpanel{padding:32px}.field{display:flex;flex-direction:column;gap:8px}.field span{font-size:.875rem;font-weight:600;color:var(--ink)}.dual{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stack.tight{gap:16px}.empty{padding:48px;text-align:center;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:var(--radius-md);color:var(--muted)}.notice{position:sticky;top:16px;z-index:5;margin-top:16px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.notice.success{background:var(--accent-soft)}.notice.error{background:var(--danger-soft)}.notice.info{background:#d58b2826}.street-panel{padding:18px}.street-shell{display:grid;gap:16px}.street-meta,.street-pills,.street-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.street-frame{display:grid;grid-template-columns:1fr;gap:16px}.street-scene{position:relative;min-height:680px;overflow:hidden;border-radius:28px;border:1px solid rgba(23,52,65,.14);background:radial-gradient(circle at 12% 16%,rgba(255,245,205,.78),transparent 20%),radial-gradient(circle at 84% 18%,rgba(255,216,167,.36),transparent 22%),linear-gradient(180deg,#e9efd2,#d7e0b4 16%,#c2d599 16%,#b0c97d);box-shadow:inset 0 0 0 6px #fffaf024,inset 0 -30px 90px #5a703a2e}.street-scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:18px 18px;opacity:.28;pointer-events:none}.street-pixi-host{position:relative;min-height:680px;width:100%}.street-canvas{width:100%;height:100%;border-radius:28px}.street-stat-grid span,.street-route-rows span{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.street-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;align-items:start}.street-sidebar-copy,.street-service-card p{margin:0;color:var(--muted);line-height:1.5}.street-stat-grid,.street-route-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.street-stat-grid div,.street-route-rows div,.street-service-card,.street-route-card{padding:12px;border-radius:16px;border:1px solid rgba(23,52,65,.12);background:#ffffffc2}.street-service-list,.street-banner-card,.street-route-card,.street-focus-card{display:grid;gap:10px}.street-banner-image{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:14px;border:1px solid rgba(23,52,65,.12);background:#1734410d}.street-route-card{background:linear-gradient(135deg,#dff7efb8,#fff0d8bd)}.street-focus-card{background:linear-gradient(135deg,#ecf5ffdb,#fff8e8d1)}.street-shell-immersive,.street-scene-immersive{height:100%}.street-scene-immersive{min-height:100%;border:0;border-radius:0;box-shadow:none}.street-shell-immersive .street-pixi-host{min-height:100%;height:100%}.street-scene-sidebar{position:absolute;top:18px;right:18px;bottom:18px;width:min(340px,34vw);display:grid;align-content:start;gap:12px;overflow:auto;z-index:4}.street-scene-guide{position:absolute;top:132px;left:18px;z-index:4;max-width:min(320px,30vw);padding:12px 14px;border-radius:18px;border:1px solid rgba(255,246,226,.14);background:linear-gradient(180deg,#0c1e27d6,#0a1820bd),linear-gradient(135deg,#f4c76d14,#0f8c781a);color:#f8f2e2;box-shadow:0 18px 38px #0a182038;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.street-scene-guide-list{display:grid;gap:8px}.street-scene-guide-list span{padding:8px 10px;border-radius:12px;border:1px solid rgba(255,246,226,.08);background:#fff9eb14;color:#f8f2e2cc;font-size:.82rem}.street-scene-badges{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.street-scene-sidebar .street-route-card,.street-scene-sidebar .street-focus-card{border-color:#fff6e224;background:linear-gradient(180deg,#fff8ebe6,#f8f0e2d6),linear-gradient(135deg,#f4c76d14,#0f8c7814);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 40px #0a182029}.street-route-rows strong,.street-stat-grid strong{display:block;margin-top:6px}.market-card.selected{border-color:#0f8c7885;background:linear-gradient(135deg,#dff7eff2,#fffcf6eb)}.market-card-side{display:grid;justify-items:end;gap:4px}.market-card-side p{margin:0}@media (max-width: 1400px){.layout{grid-template-columns:320px minmax(0,1fr)}.workspace-top,.workspace-bottom{grid-template-columns:1fr}.column:last-child{grid-column:1 / -1}.tri-grid{grid-template-columns:1fr}.game-hud-controls{top:186px}.game-scene-focus-grid,.task-center-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 980px){.shell{padding:16px}.hero{flex-direction:column}.layout,.workspace-top,.workspace-bottom,.dual,.dual-pane,.stats-grid,.workspace-layout,.mission-grid,.menu-grid,.street-sidebar,.mini-grid,.diff-columns{grid-template-columns:1fr}.guide-step{grid-template-columns:auto minmax(0,1fr)}.guide-step .pill{grid-column:1 / -1;justify-self:start}.workspace-drawer-backdrop{padding:12px}.workspace-drawer{width:100%;height:calc(100vh - 24px)}.activity-banner{top:12px;left:12px;right:12px;justify-content:center}.shell-game{padding:12px}.game-layout{grid-template-columns:1fr;gap:12px;min-height:calc(100vh - 24px)}.game-toolbar{position:fixed;left:12px;right:12px;bottom:12px;z-index:24;flex-direction:row;justify-content:flex-start;overflow:auto;padding-bottom:4px}.game-toolbar-stack{flex-direction:row}.game-toolbar-home,.game-toolbar-button{width:72px;min-width:72px;min-height:72px}.game-toolbar-text{display:none}.game-stage{min-height:calc(100vh - 24px)}.game-hud-top,.game-hud-bottom{left:12px;right:12px;gap:12px}.game-scene-dock-popover{top:68px;left:0;width:min(320px,calc(100vw - 24px))}.game-hud-controls{left:12px;right:12px;bottom:calc(108px + min(34vh,360px));top:auto;transform:none}.game-hud-toggle-bar{width:100%;justify-content:space-between;flex-wrap:wrap}.game-stat-list{grid-template-columns:repeat(2,minmax(0,1fr))}.game-scene-focus-grid,.task-center-grid,.task-center-summary-grid{grid-template-columns:1fr}.game-hud-bottom{bottom:0}.floating-hud-panel{max-width:calc(100% - 24px)}.floating-hud-toolbar{gap:8px}.floating-hud-copy{width:100%;margin-right:0}.floating-hud-size{min-width:0}.street-scene-guide{top:18px;left:12px;max-width:min(260px,calc(100% - 24px))}.street-scene-sidebar{top:auto;left:12px;right:12px;bottom:12px;width:auto;max-height:min(42vh,320px)}.street-scene,.street-pixi-host{min-height:540px}.street-stat-grid,.street-route-rows,.trace-delta-values{grid-template-columns:1fr}}.game-layout-simple{padding:18px;grid-template-columns:minmax(0,1fr);gap:0}.game-layout-simple .game-stage{grid-column:1 / -1;min-height:calc(100vh - 36px);border-radius:28px;overflow:hidden;position:relative;background:radial-gradient(circle at top left,rgba(250,246,225,.82),transparent 28%),linear-gradient(145deg,#1c313d33,#d7b66a1f);border:1px solid rgba(46,63,74,.12);box-shadow:0 30px 90px #11212a29}.game-layout-simple .game-scene-panel{min-height:calc(100vh - 36px)}.game-home-shell{position:absolute;top:20px;right:20px;bottom:20px;left:20px;z-index:8;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;pointer-events:none}.game-home-card{position:relative;width:min(520px,100%);padding:24px 26px;border-radius:28px;border:1px solid rgba(23,52,65,.08);background:#fffbefd9;box-shadow:0 20px 60px #11212a26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto;transition:all .5s cubic-bezier(.16,1,.3,1);animation:card-slide-in .7s cubic-bezier(.16,1,.3,1)}@keyframes card-slide-in{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.game-home-minimize-btn{position:absolute;top:14px;right:14px;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border:none;background:#1734410a;color:#5f7380;border-radius:50%;cursor:pointer;transition:all .2s;z-index:2}.game-home-minimize-btn:hover{background:#17344114;color:#173441;transform:translateY(-1px)}.game-home-mini-trigger{align-self:flex-start;display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:16px;border:1px solid rgba(23,52,65,.12);background:#fffbefe6;box-shadow:0 10px 30px #11212a1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#173441;font-size:14px;font-weight:500;cursor:pointer;pointer-events:auto;transition:all .4s cubic-bezier(.16,1,.3,1);animation:trigger-pop-in .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes trigger-pop-in{0%{opacity:0;transform:scale(.8) translate(-20px)}to{opacity:1;transform:scale(1) translate(0)}}.game-home-mini-trigger:hover{background:#fff;border-color:#17344133;box-shadow:0 14px 40px #11212a2e;transform:scale(1.05) translateY(-2px)}.game-home-mini-trigger:active{transform:scale(.98)}.mini-status-dot{position:relative;width:10px;height:10px;border-radius:50%;background:#10b981}.mini-status-dot:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:2px solid #10b981;opacity:.4;animation:mini-pulse 2s infinite}@keyframes mini-pulse{0%{transform:scale(1);opacity:.4}70%{transform:scale(2);opacity:0}to{transform:scale(1);opacity:0}}.game-home-mini-trigger strong{font-weight:600}.game-home-mini-trigger span{opacity:.8}.mini-divider{color:#17344126;font-weight:300}.mini-task-tag{background:#0369a1;color:#fff;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.game-home-card.idle,.game-home-card.task{width:min(440px,calc(100% - 24px));padding:16px 18px}.game-home-card h1{margin:4px 0 8px;font-size:clamp(28px,3.3vw,42px);line-height:1.02;letter-spacing:-.04em}.game-home-card p{margin:0;color:#365160;line-height:1.5}.game-home-stats{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-home-stats.guest{grid-template-columns:repeat(2,minmax(0,1fr))}.game-home-stat{padding:12px 14px;border-radius:16px;border:1px solid rgba(23,52,65,.08);background:linear-gradient(160deg,#ffffffd1,#f7f1debd)}.game-home-stat span{display:block;font-size:11px;color:#5f7380;text-transform:uppercase;letter-spacing:.08em}.game-home-stat strong{display:block;margin-top:5px;font-size:14px;color:#173441}.game-home-stat small{display:block;margin-top:6px;color:#5f7380;line-height:1.35}.game-home-actions{margin-top:16px}.game-status-strip{align-self:flex-end;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:min(760px,100%);padding:8px 10px;border-radius:20px;border:1px solid rgba(23,52,65,.08);background:#fffbefbf;box-shadow:0 12px 40px #11212a1a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;transition:all .4s cubic-bezier(.16,1,.3,1)}.game-status-strip:hover{background:#fffbefe6;box-shadow:0 16px 48px #11212a26;transform:translateY(-2px)}.game-status-chip{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#ffffffb8;border:1px solid rgba(23,52,65,.08);color:#173441;font-size:.84rem;font-weight:700}.game-home-card.task+.game-status-strip{margin-top:auto}.simplified-panel .hero-card{background:linear-gradient(145deg,#fffbeff5,#f8f2e0eb)}.profile-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.profile-summary-grid .request-card{min-height:0}.mission-layout{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:16px}.mission-list{display:grid;gap:10px;max-height:min(72vh,760px);overflow:auto;padding-right:4px}.mission-list-item{text-align:left;padding:14px;border-radius:16px;border:1px solid rgba(23,52,65,.08);background:#fffbefbd;transition:border-color .16s ease,transform .16s ease,background .16s ease}.mission-list-item:hover,.mission-list-item.selected{transform:translateY(-2px);border-color:#2d8c8a47;background:#fffbeff0}.mission-list-item p{margin:8px 0 6px;color:#5f7380}.mission-focus{display:grid;gap:14px}.mission-focus-card,.mission-preview-card{min-height:0}.mission-preview-content{margin-top:12px;max-height:280px}.advanced-shell{border-radius:18px;background:#fffbefc7;border:1px solid rgba(23,52,65,.08);padding:14px 16px}.advanced-shell summary{cursor:pointer;font-weight:700;color:#173441}.advanced-shell-body{margin-top:14px}.advanced-shell-body>.advanced-shell{background:#ffffff8f}.advanced-shell-body>.advanced-shell+.advanced-shell{margin-top:14px}.developer-shell>.advanced-shell-body{display:grid;gap:14px}.developer-shell .advanced-shell{background:#ffffff8f}.checkbox-field,.checkbox-inline{display:flex;align-items:center;justify-content:space-between;gap:12px}.checkbox-inline span,.checkbox-field span{margin:0}@media (max-width: 1080px){.game-layout-simple .game-stage{display:flex;flex-direction:column;min-height:auto}.game-layout-simple .game-scene-panel{min-height:68vh}.game-home-shell{position:static;inset:auto;gap:12px;padding:12px}.game-home-card,.game-home-card.idle,.game-home-card.task,.game-status-strip{width:100%;max-width:none}.game-home-stats,.game-home-stats.guest,.profile-summary-grid,.mission-layout{grid-template-columns:1fr}.game-status-strip{justify-content:flex-start}}@media (max-width: 720px){.game-layout-simple{padding:10px}.game-layout-simple .game-stage,.game-home-card,.game-status-strip{border-radius:18px}.game-home-card h1{font-size:30px}}
