:root{--bg: #e7eef0;--grass: #b5d6a3;--pavement: #d8d2c4;--sidewalk: #ede8dc;--ink: #1f2b33;--ink-soft: #5d6b74;--panel: #ffffffee;--panel-tint: #edf7f5;--border: #cfd9dc;--accent: #12a8a0;--accent-hover: #0d8b84;--accent-soft: #d2efec;--accent2: #f6a821;--accent2-soft: #ffe6b8;--accent-grad: linear-gradient(180deg, #1cc0b5 0%, #12a8a0 100%);--shadow: 0 4px 16px rgba(20, 55, 60, .1);--shadow-lift: 0 8px 22px rgba(20, 55, 60, .16);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif;--radius-sm: 8px;--radius: 12px;--radius-lg: 14px;--muted: #8a8a8a;--dur: .22s;--ease: cubic-bezier(.2, .7, .3, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}#game{position:absolute;inset:0;z-index:0;isolation:isolate}#game canvas{display:block}.building-label{color:#fff;font-family:var(--font);font-size:12px;font-weight:700;letter-spacing:.03em;text-shadow:0 1px 3px rgba(0,0,0,.55);pointer-events:none;user-select:none;white-space:nowrap;transform:translate(-50%,-50%)}.resident-label{color:var(--ink);font-family:var(--font);font-size:11px;font-weight:600;background:#ffffffe6;padding:2px 6px;border-radius:6px;border:1px solid rgba(0,0,0,.08);pointer-events:none;user-select:none;white-space:nowrap;transform:translate(-50%,-50%);transition:opacity .15s}.resident-label.faded{opacity:.35}.resident-bubble{color:var(--ink);font-family:var(--font);font-size:11px;background:#fff;padding:4px 8px;border-radius:10px;border:1px solid rgba(0,0,0,.12);box-shadow:0 2px 6px #0000001f;pointer-events:none;user-select:none;white-space:nowrap;transform:translate(-50%,-50%)}.resident-bubble.hidden{display:none}#ui-root{position:absolute;inset:0;pointer-events:none;z-index:10}#ui-root>*{pointer-events:auto}#top-right{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:240px}#clock{background:var(--panel);border:1px solid var(--border);padding:8px 14px;border-radius:12px;font-size:14px;font-weight:600;box-shadow:var(--shadow);letter-spacing:.02em}#speed-control{display:flex;gap:4px;background:var(--panel);border:1px solid var(--border);padding:4px;border-radius:12px;box-shadow:var(--shadow)}#speed-control button{border:none;background:transparent;padding:6px 10px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;color:var(--ink-soft);font-family:inherit;min-width:32px}#speed-control button:hover{background:#f4efe6;color:var(--ink)}#speed-control button.active{background:var(--accent);color:#fff}#reset-btn{color:var(--ink-soft);font-size:15px}#reset-btn:hover{background:var(--accent-soft)!important;color:var(--accent)!important}#zoom-control{position:absolute;bottom:16px;right:16px;display:flex;flex-direction:column;gap:4px;background:var(--panel);border:1px solid var(--border);padding:4px;border-radius:12px;box-shadow:var(--shadow)}#zoom-control button{border:none;background:transparent;padding:8px 10px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;color:var(--ink-soft);font-family:inherit;min-width:36px;line-height:1}#zoom-control button:hover{background:#f4efe6;color:var(--ink)}#zoom-control button:active{background:var(--accent-soft);color:var(--accent)}#residents-list{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);width:100%}.resident-row{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:13px;border-bottom:1px solid var(--border);transition:background .1s}.resident-row:last-child{border-bottom:none}.resident-row:hover{background:#f4efe6}.resident-row .swatch{width:12px;height:12px;border-radius:3px;flex-shrink:0}.resident-row .name{font-weight:600;flex:1}.resident-row .activity{color:var(--ink-soft);font-size:11px}#resident-panel{position:absolute;top:0;right:0;bottom:0;width:min(94vw,460px);background:var(--panel);border-left:1px solid var(--border);box-shadow:var(--shadow);padding:20px 24px 28px;overflow-y:auto;transition:transform .2s ease;z-index:40}#resident-panel.hidden{transform:translate(100%);pointer-events:none}.panel-close{position:absolute;top:12px;right:12px;border:1px solid var(--border);background:var(--panel);cursor:pointer;font-size:22px;line-height:1;color:var(--ink-soft);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:41}.panel-close:hover{color:var(--ink);background:#f4efe6}.panel-avatar{width:60px;height:60px;border-radius:12px;margin-bottom:12px}.panel-name{font-size:22px;font-weight:700;margin:0 0 4px}.panel-meta{font-size:13px;color:var(--ink-soft);margin:0 0 8px}.panel-catchphrase{font-size:13px;font-style:italic;color:var(--ink);margin:0 0 20px;padding:8px 12px;background:var(--accent-soft);border-radius:8px;border-left:3px solid var(--accent)}.field em{font-style:normal;color:var(--ink-soft);font-weight:400;text-transform:none;letter-spacing:0}.panel-section{margin-bottom:20px}.panel-section h3{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin:0 0 6px}.panel-section .value{font-size:15px}.panel-mood{font-size:20px;display:flex;align-items:center;gap:8px}.memory-item,.relationship-item{padding:8px 10px;background:#f7f3ea;border-radius:8px;margin-bottom:6px;font-size:13px;display:flex;justify-content:space-between;gap:12px}.relationship-item .rel-label{color:var(--ink-soft);font-size:12px;font-weight:600}.compat-great{color:#4a7c4a}.compat-good{color:#3f7ec7}.compat-neutral{color:var(--ink-soft)}.compat-rough{color:#c94f4f}#toast{position:absolute;top:16px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:10px 18px;border-radius:24px;font-size:13px;font-weight:500;box-shadow:var(--shadow);transition:opacity .3s}#toast.hidden{opacity:0;pointer-events:none}#control-hud{position:absolute;top:68px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;box-shadow:var(--shadow);display:flex;align-items:center;gap:10px;pointer-events:none}#control-hud .hud-swatch{width:10px;height:10px;border-radius:3px;background:#fff}#control-hud .hud-hint{font-weight:500;opacity:.9}#control-hud kbd{background:#ffffff40;padding:1px 5px;border-radius:4px;font-family:inherit;font-size:11px;font-weight:700}#control-hud.hidden{display:none}#interior-hud{position:absolute;top:68px;left:24px;max-width:260px;background:var(--panel, #fffdf8);border:1px solid rgba(0,0,0,.12);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px;pointer-events:auto}#interior-hud.hidden{display:none}#interior-hud .interior-title{font-size:13px;font-weight:700}#interior-hud .interior-who{display:flex;flex-wrap:wrap;gap:6px;font-size:12px}#interior-hud .interior-chip{display:inline-flex;align-items:center;gap:5px;background:#0000000d;border-radius:12px;padding:3px 9px;cursor:pointer}#interior-hud .interior-chip:hover{background:#0000001a}#interior-hud .interior-chip .swatch{width:9px;height:9px;border-radius:3px}#chat-overlay{position:fixed;inset:0;background:#14120e59;display:flex;align-items:flex-end;justify-content:center;z-index:90;padding:24px}.chat-card{background:#fff;width:420px;max-width:calc(100vw - 32px);max-height:70vh;border-radius:16px;box-shadow:0 20px 60px #00000059;display:flex;flex-direction:column;overflow:hidden}.chat-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border)}.chat-swatch{width:12px;height:12px;border-radius:4px;flex-shrink:0}.chat-title{flex:1}.chat-name{font-weight:700;font-size:14px}.chat-subtitle{font-size:11px;color:var(--ink-soft)}.chat-close{border:none;background:transparent;cursor:pointer;font-size:20px;color:var(--ink-soft);padding:2px 8px}.chat-close:hover{color:var(--ink)}.chat-messages{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:8px;min-height:200px;background:#fbf9f4}.chat-bubble{max-width:82%;padding:8px 12px;border-radius:14px;font-size:13px;line-height:1.35;word-wrap:break-word}.chat-bubble.player{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.chat-bubble.resident{align-self:flex-start;background:#efeae0;color:var(--ink);border-bottom-left-radius:4px}.chat-status{min-height:18px;padding:0 16px 4px;font-size:11px;color:var(--ink-soft)}.chat-input-row{display:flex;gap:6px;padding:10px 12px 14px;border-top:1px solid var(--border)}#chat-input{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:10px;font-family:inherit;font-size:14px}#chat-input:focus{outline:none;border-color:var(--accent)}.chat-mic{width:38px;border:1px solid var(--border);background:#fff;border-radius:10px;font-size:16px;cursor:pointer}.chat-mic:hover{border-color:var(--accent)}.chat-mic.listening{background:var(--accent);color:#fff;border-color:var(--accent)}.chat-mic:disabled{opacity:.4;cursor:not-allowed}.chat-send{padding:8px 14px;background:var(--accent);color:#fff;border:none;border-radius:10px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.chat-send:hover{background:var(--accent-hover)}.chat-send:disabled{opacity:.5;cursor:not-allowed}#bottom-left{position:absolute;bottom:16px;left:16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:320px}#bottom-left button,.hub-group button{background:var(--panel);border:1px solid var(--border);padding:8px 14px;border-radius:var(--radius);font-size:13px;font-weight:600;font-family:inherit;color:var(--ink);cursor:pointer;box-shadow:var(--shadow);transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}#bottom-left button:hover,.hub-group button:hover{transform:translateY(-1px);box-shadow:var(--shadow-lift);background:var(--accent-soft)}#bottom-left button:active,.hub-group button:active{transform:translateY(0) scale(.97);box-shadow:var(--shadow)}#bottom-left button:disabled,.hub-group button:disabled{opacity:.5;cursor:default;transform:none;box-shadow:var(--shadow)}#actions-toggle{font-size:15px;padding:11px 22px;border-radius:999px}#actions-toggle.active{background:var(--accent);color:#fff;border-color:var(--accent)}#actions-toggle.active:hover{background:var(--accent)}#ui-root #action-hub{max-width:min(94vw,780px);width:min(94vw,780px);height:88vh;max-height:88vh;padding:16px 18px 18px;display:flex;flex-direction:column}#ui-root #action-hub.hidden{display:none}#action-hub .popup-x{position:absolute;top:12px;right:12px;float:none;margin:0}.hub-title{font-family:Georgia,serif;font-size:19px;font-weight:700;color:var(--ink);margin-bottom:12px;padding-right:44px}.hub-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-content:start}.hub-group{display:flex;flex-direction:column;gap:8px;min-width:0}.hub-group-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);padding-bottom:2px;border-bottom:1px solid var(--border)}.hub-group button{width:100%;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 620px){.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 400px){.hub-grid{grid-template-columns:minmax(0,1fr)}}#actions-toggle.badge:after,#businesses-toggle.badge:after,#news-toggle.badge:after{content:attr(data-count);background:#4a7c4a;color:#fff;padding:1px 6px;border-radius:8px;margin-left:6px;font-size:10px;vertical-align:middle}#money-display{background:linear-gradient(180deg,#f7ecc9,#e8d29a);border:1px solid #c19746;border-radius:12px;padding:8px 12px;box-shadow:var(--shadow);min-width:180px;text-align:right}.money-amount{font-size:22px;font-weight:700;color:#6a4a1a;font-family:Georgia,serif;letter-spacing:.5px}.money-sub{font-size:11px;color:#8a6a3a;margin-top:2px}#resource-display:empty{display:none}#resource-display{background:linear-gradient(180deg,#eaf3e0,#cfe4bd);border:1px solid #8bab6e;border-radius:12px;padding:7px 12px;box-shadow:var(--shadow);min-width:180px}.res-row{display:flex;gap:12px;font-size:15px;font-weight:700;color:#3f5a2c;font-family:Georgia,serif}.res-chip{white-space:nowrap}.res-sub{font-size:11px;color:#5a7a3a;margin-top:3px}.new-resident-btn.locked{border-style:solid;border-color:#c9a24a;color:#9a7a2a;background:#fbf3dc;cursor:not-allowed}.new-resident-btn.locked:hover{border-color:#c9a24a;color:#9a7a2a;background:#fbf3dc}#businesses-panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:10px;box-shadow:var(--shadow);width:380px;max-height:480px;overflow-y:auto}#businesses-panel.hidden{display:none}.biz-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--ink-soft);font-weight:700;margin:6px 4px}.biz-proposal{border:1px solid #c19746;background:#fbf4dc;border-radius:10px;padding:10px;margin-bottom:8px}.biz-head{display:flex;gap:10px;align-items:flex-start;margin-bottom:6px}.biz-icon{font-size:22px;line-height:1;flex-shrink:0}.biz-title{font-size:13px;color:var(--ink);font-weight:500}.biz-meta{font-size:11px;color:var(--ink-soft);margin-top:2px}.biz-pitch{font-style:italic;font-size:12px;color:var(--ink);padding:6px 8px;background:#fff;border-radius:6px;margin-bottom:6px}.biz-blurb{font-size:11px;color:var(--ink-soft);margin-bottom:8px}.biz-actions{display:flex;gap:6px;justify-content:flex-end}.biz-actions button{padding:6px 12px;border-radius:8px;font-size:12px;border:1px solid var(--border);cursor:pointer;font-family:inherit;font-weight:600}.biz-actions button:disabled{opacity:.5;cursor:not-allowed}.biz-row{display:flex;gap:10px;align-items:center;padding:8px;border-radius:8px;border:1px solid var(--border);margin-bottom:6px;background:#fff}.biz-construction{background:#fdf3e2}.biz-operating{background:#eff7ec}.biz-status{font-size:11px;font-weight:600;color:var(--ink-soft);white-space:nowrap}.biz-progress{height:4px;background:#00000014;border-radius:2px;margin-top:4px;overflow:hidden}.biz-progress-fill{height:100%;background:#d69a2b;transition:width .3s}.biz-catalog{display:grid;grid-template-columns:1fr 1fr;gap:6px}.biz-cat-item{display:flex;gap:6px;align-items:center;padding:6px;border:1px solid var(--border);border-radius:6px;background:#fff;min-width:0}.biz-cat-name{font-size:12px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.biz-cat-meta{font-size:10px;color:var(--ink-soft)}.request-chip.biz-chip{border-left:3px solid #c19746;background:#fbf4dc}.request-chip.job-chip{border-left:3px solid #4d8b9a;background:#e3f0f4}.biz-tag{font-size:10px;color:#8a6a3a;background:#f0e0b0;padding:1px 5px;border-radius:4px;margin-left:4px;vertical-align:middle}.job-tag{font-size:10px;color:#2a5a68;background:#c5dee6;padding:1px 5px;border-radius:4px;margin-left:4px;vertical-align:middle}.job-proposal{border-color:#4d8b9a!important;background:#eaf4f7!important}.worker-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.worker-chip{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:2px 6px 2px 4px;font-size:11px;color:var(--ink)}.worker-chip .swatch{width:10px;height:10px;border-radius:50%;display:inline-block}.worker-chip em{color:var(--ink-soft);font-style:normal;font-size:10px}.worker-openings{font-size:11px;color:#6a4a1a;background:#f0e0b0;padding:2px 8px;border-radius:10px;font-weight:600}.biz-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0}.biz-meta-grid .mg-label{font-size:10px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px}.biz-meta-grid .mg-value{font-size:13px;font-weight:600;color:var(--ink)}.biz-warn{background:#ffe8d6;color:#8b3410;border:1px solid #d69a2b;padding:6px 10px;border-radius:6px;font-size:12px;margin:6px 0}.news-item .news-kind-business{color:#6a4a1a;font-weight:600}.business-sign{background:linear-gradient(180deg,#2b2416,#4a3a24);color:#f6e4b8;padding:5px 12px;border-radius:8px;font-weight:700;font-family:Georgia,serif;font-size:13px;border:2px solid #1a1408;box-shadow:0 4px 8px #00000059;white-space:nowrap;pointer-events:none}.construction-flag{background:#f0b040;color:#4a2a08;padding:3px 10px;border-radius:6px;font-weight:700;font-size:11px;border:2px dashed #6a4a20;white-space:nowrap;pointer-events:none}#music-toggle.active{background:#d3e6c5;border-color:#7fa76a}.cafe-sign{background:linear-gradient(180deg,#6b3410,#8b4c1f);color:#f6e4b8;padding:6px 14px;border-radius:8px;font-weight:700;font-family:Georgia,serif;font-size:14px;border:2px solid #3f2010;box-shadow:0 4px 8px #0000004d;white-space:nowrap}#news-toggle.badge:after{content:attr(data-count);background:var(--accent);color:#fff;padding:1px 6px;border-radius:8px;margin-left:6px;font-size:10px;vertical-align:middle}#news-panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:8px;box-shadow:var(--shadow);width:320px;max-height:320px;overflow-y:auto;transition:opacity .15s}#news-panel.hidden{display:none}.news-item{padding:8px 10px;border-bottom:1px solid var(--border);font-size:12px;line-height:1.4}.news-item:last-child{border-bottom:none}.news-item .news-time{color:var(--ink-soft);font-size:10px;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:2px}.news-item .news-kind-friendship{color:#b83f8a;font-weight:600}.news-item .news-kind-moved_in{color:#4a7c4a;font-weight:600}.news-item .news-kind-moved_out{color:var(--ink-soft);font-weight:600}.news-item .news-kind-milestone{color:#d69a2b;font-weight:600}.news-empty{padding:16px;color:var(--ink-soft);font-size:12px;text-align:center}#requests-tray{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;pointer-events:none}.request-chip{background:var(--panel);border:1px solid var(--border);padding:10px 14px;border-radius:12px;box-shadow:var(--shadow);cursor:pointer;pointer-events:auto;display:flex;align-items:center;gap:10px;font-size:13px;min-width:240px;transition:transform .1s}.request-chip:hover{transform:translateY(-2px)}.request-chip .swatch{width:12px;height:12px;border-radius:3px}.request-chip .rq-name{font-weight:600}.request-chip .rq-prompt{color:var(--ink-soft);font-size:12px}.request-chip .rq-arrow{margin-left:auto;color:var(--ink-soft)}#request-modal{position:fixed;inset:0;background:#14120e8c;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .15s ease}.request-card{background:#fff;border-radius:16px;width:400px;max-width:calc(100vw - 32px);padding:24px;box-shadow:0 20px 60px #0000004d}.request-card h3{margin:0 0 4px;font-size:18px}.request-card .rq-from{color:var(--ink-soft);font-size:12px;margin:0 0 16px}.request-card .rq-message{font-size:14px;padding:12px 14px;background:var(--accent-soft);border-radius:10px;border-left:3px solid var(--accent);margin:0 0 16px;font-style:italic}.request-card .rq-options{display:flex;flex-direction:column;gap:6px}.request-card .rq-option{padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:#fff;font-family:inherit;font-size:13px;cursor:pointer;text-align:left;transition:all .1s}.request-card .rq-option:hover{border-color:var(--accent);background:var(--accent-soft)}.new-resident-btn{border:1px dashed var(--border);background:transparent;padding:8px;border-radius:8px;font-family:inherit;font-size:12px;color:var(--ink-soft);cursor:pointer;width:100%;margin-top:6px;transition:all .1s}.new-resident-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}#creator-overlay{position:fixed;inset:0;background:#14120e8c;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.creator-card{background:#fff;border-radius:16px;width:480px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow-y:auto;padding:24px;box-shadow:0 20px 60px #0000004d;position:relative}.creator-close{position:absolute;top:12px;right:12px;border:none;background:transparent;cursor:pointer;font-size:22px;color:var(--ink-soft);padding:4px 10px}.creator-close:hover{color:var(--ink)}.creator-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.creator-header h2{margin:0;font-size:20px}.creator-avatar{width:48px;height:48px;border-radius:12px;background:var(--accent);transition:background .15s}.creator-portrait{width:120px;height:150px;border-radius:12px;background:#f4efe6;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.creator-portrait svg{max-width:100%;max-height:100%}.parts-grid{display:grid;grid-template-columns:1fr;gap:6px}.part-row{display:grid;grid-template-columns:60px 32px 1fr 32px;align-items:center;gap:8px}.part-label{font-size:12px;color:var(--ink-soft);font-weight:600}.part-value{font-size:13px;text-align:center;text-transform:capitalize;background:#f4efe6;padding:4px 6px;border-radius:6px}.part-cycle{border:1px solid var(--border);background:#fff;border-radius:6px;padding:2px 8px;cursor:pointer;font-size:16px;line-height:1}.part-cycle:hover{background:#f4efe6}#smart-create-modal{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1200}.creator-body{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field>span:first-child{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-weight:600}.field input[type=text],.field input[type=number],.field select{padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:#fff}.field input:focus,.field select:focus{outline:none;border-color:var(--accent)}.color-row{display:flex;gap:8px;flex-wrap:wrap}.color-swatch{width:30px;height:30px;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:all .1s}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{border-color:var(--ink);transform:scale(1.15)}.vibe-row{display:flex;gap:6px;flex-wrap:wrap}.vibe-btn{padding:6px 12px;border:1px solid var(--border);background:#fff;border-radius:6px;font-family:inherit;font-size:12px;cursor:pointer;transition:all .1s}.vibe-btn:hover{border-color:var(--accent);color:var(--accent)}.chip-row{display:flex;gap:6px;flex-wrap:wrap}.pick-chip{padding:7px 14px;border:1px solid var(--border);background:#fff;border-radius:20px;font-family:inherit;font-size:13px;color:var(--ink);cursor:pointer;transition:all .1s}.pick-chip:hover{border-color:var(--accent);color:var(--accent)}.pick-chip.selected{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.field-hint{font-size:11px;color:var(--ink-soft);margin-top:6px}.traits{display:flex;flex-direction:column;gap:8px}.trait-row{display:grid;grid-template-columns:100px 1fr 40px;align-items:center;gap:10px;font-size:12px}.trait-row label{color:var(--ink-soft)}.trait-row input[type=range]{accent-color:var(--accent)}.trait-value{font-variant-numeric:tabular-nums;color:var(--ink-soft);text-align:right}.creator-footer{display:flex;align-items:center;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.creator-footer .spacer{flex:1}.creator-footer button{padding:8px 16px;border-radius:8px;font-family:inherit;font-size:13px;cursor:pointer;border:1px solid transparent;font-weight:600}.btn-primary,.btn-secondary,.btn-danger{transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),color var(--dur) var(--ease)}.btn-primary:hover,.btn-secondary:hover,.btn-danger:hover{transform:translateY(-1px)}.btn-primary:active,.btn-secondary:active,.btn-danger:active{transform:translateY(0) scale(.97)}.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled{opacity:.5;cursor:default;transform:none}.btn-primary{background:var(--accent-grad);color:#fff;box-shadow:0 3px 10px #12a8a047}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:#fff;color:var(--ink-soft);border-color:var(--border)}.btn-secondary:hover{color:var(--ink)}.btn-danger{background:#fff;color:#c94f4f;border-color:#f3c8c8}.btn-danger:hover{background:#fbe5e5}#shops-toggle,#concert-toggle,#compat-toggle,#rankings-toggle{background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-family:inherit;font-size:13px;color:var(--ink);cursor:pointer;font-weight:600}#shops-toggle:hover,#concert-toggle:hover,#compat-toggle:hover,#rankings-toggle:hover{background:#f4efe6}#shops-panel,#concert-panel,#compat-panel,#rankings-panel{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px;margin-top:10px;max-height:60vh;overflow-y:auto;width:460px;box-shadow:0 8px 24px #00000014}#shops-panel.hidden,#concert-panel.hidden,#compat-panel.hidden,#rankings-panel.hidden{display:none}.shops-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.shops-money{color:var(--ink-soft);font-size:13px}.shops-hint{color:var(--ink-soft);font-size:12px;margin-bottom:10px}.shop-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:10px}.shop-tab{padding:6px 10px;border:1px solid var(--border);border-radius:20px;background:#fff;cursor:pointer;font-size:12px;font-family:inherit}.shop-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}.shop-item{border:1px solid var(--border);border-radius:8px;padding:8px 4px;text-align:center;cursor:pointer;background:#fff;transition:transform .1s}.shop-item:hover{transform:translateY(-2px);border-color:var(--accent)}.shop-item.selected{background:var(--accent-soft);border-color:var(--accent)}.shop-item.special{border-color:#d69a2b;background:#fdf3e2}.shop-item.too-expensive{opacity:.4;cursor:not-allowed}.shop-item-emoji{font-size:20px}.shop-item-name{font-size:11px;font-weight:600;margin-top:2px}.shop-item-price{font-size:11px;color:var(--ink-soft)}.shop-give{margin-top:6px;font-size:12px;color:var(--ink-soft);font-weight:600}.shop-recipients{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.mini-resident-btn{padding:4px 8px;border:1px solid var(--border);border-radius:20px;background:#fff;cursor:pointer;font-size:12px;font-family:inherit;display:inline-flex;align-items:center;gap:4px}.mini-resident-btn:hover{border-color:var(--accent)}.mini-resident-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.mini-resident-btn .swatch{width:10px;height:10px;border-radius:50%}.concert-header{font-weight:700;margin-bottom:8px}.concert-section{margin-bottom:12px}.concert-label{font-size:11px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.concert-performers,.concert-genres{display:flex;flex-wrap:wrap;gap:4px}.concert-performer-btn,.concert-genre-btn{padding:4px 8px;border:1px solid var(--border);border-radius:20px;background:#fff;cursor:pointer;font-size:12px;font-family:inherit;display:inline-flex;align-items:center;gap:4px}.concert-performer-btn.active,.concert-genre-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.concert-performer-btn .swatch{width:10px;height:10px;border-radius:50%}.genre-meta{font-size:12px;color:var(--ink-soft);margin-top:4px}.song-line{margin-bottom:4px}.song-line label{font-size:11px;color:var(--ink-soft);display:block}.song-line input{width:100%;padding:4px 6px;border:1px solid var(--border);border-radius:4px;font-family:inherit;font-size:13px}.saved-song{padding:6px;border:1px solid var(--border);border-radius:6px;margin-bottom:4px}.song-genre,.song-meta{color:var(--ink-soft);font-size:11px}.perform-btn{margin-top:4px;padding:4px 8px;font-size:11px;border:1px solid var(--accent);background:#fff;color:var(--accent);border-radius:4px;cursor:pointer}.concert-log-row{font-size:12px;color:var(--ink-soft);padding:2px 0}.compat-header{font-weight:700;margin-bottom:4px}.compat-hint{color:var(--ink-soft);font-size:12px;margin-bottom:10px}.compat-side{margin-bottom:10px}.compat-label{font-size:11px;color:var(--ink-soft);margin-bottom:4px}.compat-picker{display:flex;flex-wrap:wrap;gap:4px}.compat-report{margin-top:12px;padding:12px;background:#f9f7f2;border-radius:8px}.compat-headline{font-weight:700;margin-bottom:8px}.compat-bar-wrap{background:#eae7de;border-radius:6px;height:12px;overflow:hidden}.compat-bar{height:100%;transition:width .3s}.compat-percent{text-align:right;font-size:12px;color:var(--ink-soft);margin-top:2px}.compat-lists{margin-top:10px;font-size:12px}.compat-lists strong{color:var(--ink)}.compat-lists ul{margin:4px 0 8px 20px;padding:0}.compat-lists li{margin-bottom:2px}.compat-romance{margin-top:8px;font-size:13px;text-align:center}.rankings-header{font-weight:700;margin-bottom:8px}.rankings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.rankings-card{padding:8px;background:#f9f7f2;border-radius:8px}.rankings-title{font-weight:600;font-size:12px;margin-bottom:4px}.rankings-row{display:flex;align-items:center;gap:6px;font-size:11px;padding:2px 0;cursor:pointer}.rankings-row:hover{background:#f4efe6;border-radius:4px}.rank-position{width:16px;color:var(--ink-soft);font-weight:600}.rank-name{flex:1;font-weight:500}.rank-value{color:var(--ink-soft);font-size:10px}.life-stage-tag{display:inline-block;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-left:6px;vertical-align:middle}.life-stage-tag.baby{background:#ffe4ec;color:#b83f6a}.life-stage-tag.child{background:#e2f4d4;color:#5aa03d}.life-stage-tag.teen{background:#e4ecfd;color:#4a6bc7}.taste-row{font-size:12px;margin-bottom:4px}.taste-label{font-weight:600;color:var(--ink-soft)}.news-item .news-kind-romance{color:#b83f8a;font-weight:600}.news-item .news-kind-wedding{color:#d69a2b;font-weight:600}.news-item .news-kind-baby{color:#4a7c4a;font-weight:600}.news-item .news-kind-travel{color:#3f7ec7;font-weight:600}.news-item .news-kind-song{color:#7d5ba6;font-weight:600}.news-item .news-kind-dream{color:#6a4a1a;font-weight:600}.travel-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}.travel-option{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--border);border-radius:8px;background:#fff;cursor:pointer;font-family:inherit;text-align:left}.travel-option:hover{border-color:var(--accent)}.travel-option:disabled{opacity:.4;cursor:not-allowed}.travel-emoji{font-size:24px}.travel-info{flex:1}.travel-name{font-weight:600}.travel-meta{font-size:11px;color:var(--ink-soft)}#games-toggle,#newspaper-toggle{background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-family:inherit;font-size:13px;color:var(--ink);cursor:pointer;font-weight:600}#games-toggle:hover,#newspaper-toggle:hover{background:#f4efe6}#games-panel,#newspaper-panel{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px;margin-top:10px;max-height:60vh;overflow-y:auto;width:440px;box-shadow:0 8px 24px #00000014}#games-panel.hidden,#newspaper-panel.hidden{display:none}#weather-display{padding:4px 10px;background:#fff;border:1px solid var(--border);border-radius:6px;font-size:12px;color:var(--ink-soft);margin-top:4px;text-align:center}.games-header{font-weight:700;margin-bottom:8px}.games-tabs{display:flex;gap:4px;margin-bottom:10px}.games-tab{padding:6px 10px;border:1px solid var(--border);border-radius:20px;background:#fff;cursor:pointer;font-size:12px;font-family:inherit;flex:1}.games-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.games-hint{color:var(--ink-soft);font-size:12px;margin-bottom:8px}.games-label{font-size:11px;color:var(--ink-soft);text-transform:uppercase;margin:8px 0 4px}.games-opponents{display:flex;flex-wrap:wrap;gap:4px}.rps-choices{display:flex;gap:8px;margin:8px 0}.rps-btn{flex:1;padding:16px;font-size:32px;background:#fff;border:1px solid var(--border);border-radius:8px;cursor:pointer}.rps-btn:hover{border-color:var(--accent);background:var(--accent-soft)}.rps-result{padding:12px;border-radius:8px;margin-top:8px;text-align:center;background:#f9f7f2}.rps-result.win{background:#eaf7e2;border:1px solid #7fa76a}.rps-result.lose{background:#f7e2e2;border:1px solid #c94f4f}.rps-result.tie{background:#f7f3e2;border:1px solid #d69a2b}.rps-showdown{font-size:20px;margin-bottom:4px}.rps-vs{color:var(--ink-soft);font-size:12px;margin:0 8px}.rps-outcome{font-weight:700;font-size:14px}.rps-line{color:var(--ink-soft);font-style:italic;margin-top:4px}.capsule-result{padding:20px;border-radius:12px;text-align:center;background:#f9f7f2;margin:8px 0}.capsule-result.uncommon{background:#eef4fd;border:1px solid #7fa5d6}.capsule-result.rare{background:#f7ecfd;border:1px solid #b073d6}.capsule-emoji{font-size:48px}.capsule-name{font-weight:700;margin-top:4px}.capsule-rarity{font-size:11px;color:var(--ink-soft);margin-top:2px}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.inv-item{padding:8px;border:1px solid var(--border);border-radius:6px;text-align:center;font-size:20px}.inv-name{font-size:10px;margin-top:2px}.inv-qty{font-size:10px;color:var(--ink-soft)}.inv-give{margin-top:4px;display:flex;flex-wrap:wrap;gap:2px;justify-content:center}.mini-resident-btn.tiny{padding:2px 4px;font-size:9px}.judgment-q{font-size:15px;font-weight:600;margin:12px 0 8px;text-align:center}.judgment-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.judgment-pick{padding:16px 12px;background:#fff;border:1px solid var(--border);border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px}.judgment-pick:hover{border-color:var(--accent);background:var(--accent-soft)}.trivia-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.trivia-pick{padding:14px 12px;background:#fff;border:1px solid var(--border);border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px;text-align:left}.trivia-pick:hover{border-color:var(--accent);background:var(--accent-soft)}.trivia-opt{padding:14px 12px;border:1px solid var(--border);border-radius:8px;font-size:13px;background:#f9f7f2;opacity:.7}.trivia-opt.right{background:#eaf7e2;border-color:#7fa76a;opacity:1;font-weight:600}.trivia-opt.wrong{background:#f7e2e2;border-color:#c94f4f;opacity:1}.rhythm-pattern{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:8px 0;padding:12px;background:#f9f7f2;border-radius:8px}.rhythm-note{font-size:26px}.rhythm-progress{display:flex;gap:6px;justify-content:center;margin:8px 0}.rhythm-dot{width:10px;height:10px;border-radius:50%;background:var(--border)}.rhythm-dot.done{background:var(--accent)}.rhythm-pads{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rhythm-pad{padding:18px 0;font-size:26px;background:#fff;border:1px solid var(--border);border-radius:10px;cursor:pointer}.rhythm-pad:hover{border-color:var(--accent);background:var(--accent-soft)}.rhythm-pad:active{transform:scale(.94)}.hs-status{font-size:13px;margin:8px 0;text-align:center}.hs-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hs-spot{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;background:#fff;border:1px solid var(--border);border-radius:10px;cursor:pointer;font-family:inherit}.hs-spot:not(:disabled):hover{border-color:var(--accent);background:var(--accent-soft)}.hs-spot:disabled{cursor:default}.hs-spot.found{background:#eaf7e2;border-color:#7fa76a}.hs-spot.empty{background:#f2efe9;opacity:.65}.hs-emoji{font-size:24px}.hs-label{font-size:12px;color:var(--ink-soft)}.hs-face{font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.hs-toast{margin-top:8px;text-align:center;font-weight:600;color:#4a7c4a}.treasure-meta{display:flex;justify-content:space-between;font-size:13px;margin:8px 0}.treasure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:260px;margin:0 auto}.treasure-cell{aspect-ratio:1;font-size:30px;background:#efe6d2;border:1px solid #cbb78e;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.treasure-cell:not(:disabled):hover{background:#e6d7b4;border-color:var(--accent)}.treasure-cell.hit{background:#f7edcf;border-color:#d6a72b}.treasure-cell.empty{background:#e4ddd0;color:#b3a892}.treasure-msg{text-align:center;font-size:13px;margin:10px 0 2px;min-height:18px}.school-student{border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:8px;background:#fff}.school-student-head{display:flex;align-items:center;gap:8px}.school-name{font-weight:700}.school-grade{margin-left:auto;font-weight:800;font-size:16px;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.grade-A{background:#4a7c4a}.grade-B{background:#6a9a3f}.grade-C{background:#d69a2b}.grade-D{background:#c97a3f}.grade-F{background:#c94f4f}.school-skills{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:8px 0}.school-skill{text-align:center;font-size:11px;color:var(--ink-soft);background:#f9f7f2;border-radius:6px;padding:4px 2px}.school-skill-val{display:block;font-weight:700;font-size:14px;color:var(--ink)}.school-hw-label{font-size:12px;color:var(--ink-soft);margin-bottom:4px}.school-subjects{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.school-subj{padding:8px 2px;font-size:11px;background:#fff;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-family:inherit}.school-subj:hover{border-color:var(--accent);background:var(--accent-soft)}.school-done{font-size:12px;color:#4a7c4a;font-weight:600}.story-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.story-chip{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#fff;border:1px solid var(--border);border-radius:20px;cursor:pointer;font-family:inherit}.story-chip.active{border-color:var(--accent);background:var(--accent-soft)}.story-chip-emoji{font-size:18px}.story-chip-body{display:flex;flex-direction:column;text-align:left;line-height:1.1}.story-chip-name{font-weight:700;font-size:13px}.story-chip-path{font-size:10px;color:var(--ink-soft)}.story-hero{display:flex;gap:12px;align-items:center;background:linear-gradient(135deg,#f7f0f5,#f2eef6);border-radius:12px;padding:12px 14px;margin:8px 0}.story-hero-emoji{font-size:40px}.story-hero-title{font-weight:800;font-size:16px}.story-hero-blurb{font-size:13px;color:var(--ink-soft);margin-top:2px}.story-hero-proj{font-size:12px;color:#b06fa8;font-weight:600;margin-top:4px}.lifestory-prose{margin:8px 0;padding:10px 12px;background:var(--paper-2, rgba(0,0,0,.02));border:1px solid var(--border);border-radius:8px}.lifestory-para{font-size:13px;line-height:1.5;margin:0 0 7px;color:var(--ink, #2a2a2a)}.lifestory-para:last-of-type{margin-bottom:0}.lifestory-proj{font-size:12px;font-weight:600;color:#b06fa8;margin-top:4px}.story-beat-emoji{position:absolute;left:-23px;top:5px;font-size:12px}.story-beat:has(.story-beat-emoji):before{display:none}.story-timeline{border-left:2px solid var(--border);padding-left:12px;margin-left:6px}.story-beat{position:relative;padding:6px 0;font-size:13px}.story-beat:before{content:"";position:absolute;left:-19px;top:11px;width:8px;height:8px;border-radius:50%;background:var(--accent)}.story-beat-time{display:block;font-size:10px;color:var(--ink-soft)}.story-beat-text{display:block}.story-mood{background:#f3eef8;border:1px solid #ddd0ea;border-radius:10px;padding:8px 12px;margin:8px 0;font-size:13px;color:#6a5a7a}.story-block{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin:8px 0}.story-block-title{font-weight:800;font-size:13px;margin-bottom:6px}.story-block-note{font-size:12px;color:var(--ink-soft);line-height:1.5;margin-bottom:8px}.career-now{display:flex;gap:10px;align-items:center;font-size:13px;margin-bottom:10px}.career-emoji{font-size:28px}.career-now em{color:var(--ink-soft);font-size:12px}.career-ladder{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:10px}.career-rung{font-size:11px;padding:3px 9px;border-radius:12px;border:1px solid var(--border)}.career-rung.done{background:#e8f2e4;border-color:#b8d8ac;color:#4a6b40}.career-rung.current{background:var(--accent-soft);border-color:var(--accent);font-weight:700}.career-rung.locked{color:var(--muted)}.career-arrow{font-size:10px;color:var(--muted)}.career-bar{height:7px;border-radius:4px;background:#eee9e0;overflow:hidden}.career-bar span{display:block;height:100%;background:var(--accent);border-radius:4px;transition:width var(--dur) var(--ease)}.career-progress-note{font-size:11px;color:var(--ink-soft);margin-top:5px}.career-quit{margin-top:10px;background:none;border:1px solid var(--border);border-radius:16px;padding:4px 12px;cursor:pointer;font-family:inherit;font-size:12px;color:var(--ink-soft)}.career-quit:hover{border-color:var(--accent);color:var(--accent)}.career-suggests{display:flex;flex-direction:column;gap:5px}.career-suggest{display:flex;gap:10px;align-items:center;text-align:left;width:100%;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;cursor:pointer;font-family:inherit;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.career-suggest:hover{border-color:var(--accent);transform:translateY(-1px)}.career-suggest-emoji{font-size:22px}.career-suggest-body{display:flex;flex-direction:column;gap:1px}.career-suggest-name{font-weight:700;font-size:13px}.career-suggest-blurb{font-size:11px;color:var(--ink-soft)}.workforce-row{padding:7px 0;border-top:1px solid var(--border)}.workforce-row:first-child{border-top:none}.workforce-job{font-size:13px;margin-bottom:5px;display:flex;align-items:center;gap:6px}.workforce-count{font-size:11px;background:var(--accent-soft);color:var(--accent);border-radius:10px;padding:1px 7px;font-weight:700}.workforce-crew{display:flex;flex-wrap:wrap;gap:5px}.workforce-chip{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:3px 9px;cursor:pointer;font-family:inherit;font-size:12px;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.workforce-chip:hover{border-color:var(--accent);transform:translateY(-1px)}.workforce-chip em{color:var(--ink-soft);font-size:11px;font-style:normal}.workforce-chip .swatch{width:12px;height:12px;border-radius:50%;flex:none}.workforce-note{font-size:12px;color:var(--ink-soft);margin-top:8px}.era-banner{background:linear-gradient(180deg,#eef3fb,#dfe8f6);border:1px solid #b9c9e4;border-radius:var(--radius);padding:9px 11px;margin:8px 0}.era-banner-head{display:flex;align-items:center;gap:7px;font-size:14px}.era-emoji{font-size:18px}.era-banner-blurb{font-size:11px;color:var(--ink-soft);margin:3px 0 7px;line-height:1.4}.era-bar{height:7px;border-radius:4px;background:#d3ddee;overflow:hidden}.era-bar span{display:block;height:100%;background:linear-gradient(90deg,#6f9bd8,#4d78c0);border-radius:4px;transition:width var(--dur) var(--ease)}.era-next{font-size:11px;color:#4a648a;margin-top:5px}.era-track{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:10px 0;justify-content:center}.era-step{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;border-radius:var(--radius-sm);border:1px solid var(--border);min-width:74px;text-align:center;background:#fff}.era-step-emoji{font-size:18px}.era-step-name{font-size:10px;line-height:1.2}.era-step.done{background:#eef3fb;border-color:#b9c9e4;color:#4a648a}.era-step.current{background:#4d78c0;border-color:#3a5f9e;color:#fff;font-weight:700;box-shadow:var(--shadow-lift)}.era-step.locked{color:var(--muted)}.era-step-arrow{color:var(--muted);font-size:11px}.era-hero{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin:8px 0}.era-hero-emoji{font-size:40px}.era-hero-title{font-weight:800;font-size:16px}.era-hero-blurb{font-size:12px;color:var(--ink-soft);line-height:1.5;margin:2px 0 5px}.era-stats{font-size:12px;color:var(--ink)}.era-progress{margin:8px 0}.era-progress-note{font-size:12px;color:var(--ink-soft);margin-top:6px;line-height:1.5}.era-unlocks{display:flex;flex-wrap:wrap;gap:5px}.era-unlock{font-size:11px;padding:3px 9px;border-radius:12px;border:1px solid var(--border);background:#fafafa;color:var(--ink-soft)}.era-unlock.built{background:#e8f2e4;border-color:#b8d8ac;color:#4a6b40}.ocean-status{display:flex;gap:14px;font-size:12px;color:var(--ink-soft);margin:8px 0}.ocean-fog{font-size:12px;color:#4a648a;background:#eef3fb;border:1px solid #c6d4ea;border-radius:var(--radius-sm);padding:7px 10px;margin-bottom:8px}.ocean-fog.charted{color:#4a6b40;background:#e8f2e4;border-color:#b8d8ac}.ocean-explore{width:100%}.ocean-blocked{font-size:11px;color:var(--ink-soft);text-align:center;margin-top:5px}.ocean-cards{display:flex;flex-direction:column;gap:8px;margin-top:10px}.ocean-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px}.ocean-card-head{display:flex;align-items:center;gap:10px}.ocean-emoji{font-size:26px}.ocean-name{font-weight:700;font-size:14px}.ocean-type{font-size:11px;color:var(--ink-soft);text-transform:capitalize}.ocean-blurb{font-size:12px;color:var(--ink-soft);line-height:1.5;margin:6px 0}.ocean-trade{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.ocean-trade-line{font-size:12px}.ocean-trade-btn{background:var(--accent-soft);border:1px solid var(--accent);border-radius:14px;padding:4px 14px;cursor:pointer;font-family:inherit;font-size:12px;color:var(--accent);font-weight:700}.ocean-trade-btn:hover:not(:disabled){background:var(--accent);color:#fff}.ocean-trade-btn:disabled{opacity:.5;cursor:not-allowed;border-color:var(--border);color:var(--muted);background:#f4f2ee}.axis-list{display:flex;flex-direction:column;gap:6px}.axis-row{display:grid;grid-template-columns:110px 1fr 92px;gap:8px;align-items:center;font-size:12px}.axis-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axis-bar{height:7px;border-radius:4px;background:#eee9e0;overflow:hidden}.axis-bar span{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#9ac2e0,#b06fa8)}.axis-value{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-soft)}.axis-value em{font-style:normal;font-size:10px;display:block}.home-kind{font-size:13px;margin-bottom:5px}.home-hood{font-size:12px;color:var(--ink-soft);line-height:1.5}.tg-post{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:10px}.tg-head{display:flex;align-items:center;gap:8px}.tg-author{font-weight:700}.tg-time{margin-left:auto;font-size:11px;color:var(--ink-soft)}.tg-body{margin:8px 0;font-size:14px}.tg-emoji{font-size:18px}.tg-actions{display:flex;gap:8px}.tg-like{background:none;border:1px solid var(--border);border-radius:16px;padding:4px 12px;cursor:pointer;font-family:inherit;font-size:13px}.tg-like.liked{border-color:#e0708a;background:#fdeef1}.tg-comments{margin-top:8px;border-top:1px solid var(--border);padding-top:8px;display:flex;flex-direction:column;gap:4px}.tg-comment{font-size:13px}.tg-comment-row{display:flex;gap:6px;margin-top:8px}.tg-comment-input{flex:1;padding:6px 10px;border:1px solid var(--border);border-radius:16px;font-family:inherit;font-size:13px}.tg-comment-send{padding:6px 12px;border:1px solid var(--border);border-radius:16px;background:var(--accent-soft);cursor:pointer;font-family:inherit;font-size:13px}.election-cands{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.election-cand{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;background:#fff;border:1px solid var(--border);border-radius:12px;cursor:pointer;font-family:inherit}.election-cand:hover{border-color:var(--accent);background:var(--accent-soft)}.election-name{font-weight:700}.election-slogan{font-size:12px;color:var(--ink-soft);font-style:italic;text-align:center}.trait-row{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.trait-chip{font-size:11px;padding:2px 8px;border-radius:12px;background:#f0ece2;border:1px solid var(--border)}.celeb-badge{display:inline-block;font-size:11px;font-weight:700;color:#8a6a1a;background:linear-gradient(90deg,#fbe6b0,#f7d675);border-radius:12px;padding:2px 10px;margin:2px 0 4px}.web-svg-wrap{display:flex;justify-content:center;margin:8px 0}.web-svg{width:100%;max-width:340px;height:auto}.web-node text{pointer-events:none;font-family:inherit}.web-legend{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;font-size:11px;color:var(--ink-soft);margin-bottom:8px}.web-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px;vertical-align:middle}.web-subhead{font-weight:700;font-size:13px;margin:10px 0 4px}.circle-row{display:flex;gap:8px;padding:4px 0;font-size:13px;border-bottom:1px solid var(--border)}.circle-name{font-weight:600;white-space:nowrap}.circle-members{color:var(--ink-soft)}.web-celeb{display:flex;align-items:center;gap:10px;background:linear-gradient(90deg,#fbe6b0,#fdf3d6);border-radius:10px;padding:8px 12px;margin:8px 0}.web-celeb-star{font-size:24px}.web-celeb-name{font-weight:800}.web-celeb-sub{font-size:12px;color:var(--ink-soft)}.paper-header{font-family:Georgia,serif;font-weight:700;font-size:20px;text-align:center;margin-bottom:12px;border-bottom:2px solid var(--ink);padding-bottom:6px}.paper-issue{border-bottom:1px dashed var(--border);padding:10px 0}.paper-date{font-size:11px;color:var(--ink-soft)}.paper-headline{font-weight:700;font-family:Georgia,serif;font-size:16px;margin:4px 0}.paper-stories{margin:4px 0;padding-left:20px;font-size:13px;color:var(--ink)}.paper-stories li{margin-bottom:2px}.hp-bar{background:#eae7de;border-radius:6px;height:10px;overflow:hidden}.hp-fill{background:linear-gradient(90deg,#7fa76a,#d69a2b);height:100%;transition:width .3s}.hp-meta{font-size:11px;color:var(--ink-soft);margin-top:2px}.panel-section.sick{background:#fdf3e8;border:1px solid #f3c890;border-radius:8px;padding:8px}.fam-card{max-width:540px}.fam-tree{display:flex;flex-direction:column;gap:6px;margin:6px 0 4px}.fam-row{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px dashed var(--border)}.fam-row:last-child{border-bottom:none}.fam-row-label{font-size:10px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px;width:92px;flex:none}.fam-chips{display:flex;gap:6px;flex-wrap:wrap}.fam-chip{padding:5px 10px;border:1px solid var(--border);border-radius:20px;background:#fff;cursor:pointer;font-size:13px;font-family:inherit;display:inline-flex;gap:6px;align-items:center}.fam-chip:hover{border-color:var(--accent)}.fam-chip .swatch{width:11px;height:11px;border-radius:50%}.fam-chip.self{background:var(--accent-soft);border-color:var(--accent);font-weight:600}.fam-chip.partner{background:#fdeef2;border-color:#e0708a}.fam-milestones{margin-top:10px}.fam-milestones ul{margin:4px 0 0;padding-left:18px}.fam-milestones li{font-size:12px;color:var(--ink-soft);line-height:1.5}.news-item .news-kind-levelup{color:#d69a2b;font-weight:600}.news-item .news-kind-sickness{color:#a04b3d;font-weight:600}.news-item .news-kind-visitor{color:#3fa758;font-weight:600}.news-item .news-kind-weather{color:#7ca3c9;font-weight:600}.news-item .news-kind-starfall{color:#9b7bd4;font-weight:600}.news-item .news-kind-treasure{color:#c08a2b;font-weight:600}.news-item .news-kind-school{color:#4a8ca0;font-weight:600}.news-item .news-kind-story{color:#b06fa8;font-weight:600}.news-item .news-kind-chaos{color:#5a7bd0;font-weight:600}.news-item .news-kind-election{color:#c56a3a;font-weight:600}.news-item .news-kind-celebrity{color:#d6a72b;font-weight:600}.news-item .news-kind-quirk{color:#8a8f4a;font-weight:600}.news-item .news-kind-legacy{color:#a8794a;font-weight:600}#park-toggle,#party-toggle,#achievements-toggle{background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-family:inherit;font-size:13px;color:var(--ink);cursor:pointer;font-weight:600}#park-toggle:hover,#party-toggle:hover,#achievements-toggle:hover{background:#f4efe6}#park-panel,#party-panel,#achievements-panel{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px;margin-top:10px;max-height:60vh;overflow-y:auto;width:460px;box-shadow:0 8px 24px #00000014}#park-panel.hidden,#party-panel.hidden,#achievements-panel.hidden{display:none}.park-header,.party-header,.ach-header{font-weight:700;margin-bottom:8px}.park-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.park-ride,.party-theme-btn{padding:10px 4px;border:1px solid var(--border);border-radius:8px;background:#fff;cursor:pointer;text-align:center;font-family:inherit}.park-ride:hover,.party-theme-btn:hover{border-color:var(--accent);background:var(--accent-soft)}.park-ride:disabled,.party-theme-btn:disabled{opacity:.4;cursor:not-allowed}.park-emoji,.party-emoji{font-size:28px}.park-name,.party-name{font-weight:600;font-size:12px;margin-top:2px}.park-cost,.party-cost{font-size:11px;color:var(--ink-soft)}.party-themes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.party-theme-btn.active{background:var(--accent-soft);border-color:var(--accent)}.party-row{padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:#f9f7f2;margin-bottom:4px;font-size:12px}.ach-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ach-card{padding:10px;border:1px solid var(--border);border-radius:8px;text-align:center;background:#fff}.ach-card.locked{opacity:.4}.ach-card.unlocked{background:#eaf7e2;border-color:#7fa76a}.ach-emoji{font-size:28px}.ach-name{font-weight:600;font-size:12px;margin-top:4px}.ach-desc{font-size:10px;color:var(--ink-soft);margin:2px 0}.ach-reward{font-size:11px;color:var(--accent);font-weight:600}.skill-row{display:flex;justify-content:space-between;font-size:12px;padding:2px 0;text-transform:capitalize}.fish-log{display:flex;flex-direction:column;gap:2px;margin-top:4px}.fish-row{font-size:12px;padding:3px 6px;background:#f9f7f2;border-radius:4px}.rar-common{color:var(--ink-soft)}.rar-uncommon{color:#3f7ec7;font-weight:600}.rar-rare{color:#b073d6;font-weight:600}.rar-legendary{color:#d69a2b;font-weight:700}.garden-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:8px 0}.garden-plot{padding:12px;background:#f0eadd;border:1px solid #c9c0a3;border-radius:8px;text-align:center;min-height:100px}.garden-plot.ready{background:#eaf7e2;border-color:#7fa76a}.plot-empty{color:var(--ink-soft);font-size:12px;margin-bottom:6px}.plot-actions{display:flex;flex-wrap:wrap;gap:3px;justify-content:center}.plot-emoji{font-size:32px}.plot-status{font-size:12px;color:var(--ink-soft);margin:2px 0}.btn-primary.tiny{padding:4px 8px;font-size:11px;margin-top:4px}.diary-list{display:flex;flex-direction:column;gap:6px;max-height:400px;overflow-y:auto}.diary-entry{padding:8px;background:#f9f7f2;border-left:3px solid var(--accent);border-radius:4px;font-style:italic}.diary-time{font-size:10px;color:var(--ink-soft);text-transform:uppercase}.diary-text{font-size:13px;margin-top:2px}.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}.photo-card{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 2px 6px #0000001a}.photo-frame{height:90px;display:flex;align-items:center;justify-content:center;font-size:36px}.photo-caption{padding:6px 8px;font-size:11px}.photo-date{padding:0 8px 6px;font-size:10px;color:var(--ink-soft)}#museum-toggle,#bank-toggle,#tasks-toggle,#mail-toggle{background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-family:inherit;font-size:13px;color:var(--ink);cursor:pointer;font-weight:600}#museum-toggle:hover,#bank-toggle:hover,#tasks-toggle:hover,#mail-toggle:hover{background:#f4efe6}#museum-panel,#bank-panel,#tasks-panel,#mail-panel,#chronicle-panel,#trophies-panel{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px;margin-top:10px;max-height:60vh;overflow-y:auto;width:460px;box-shadow:0 8px 24px #00000014}#museum-panel.hidden,#bank-panel.hidden,#tasks-panel.hidden,#mail-panel.hidden,#chronicle-panel.hidden,#trophies-panel.hidden{display:none}.museum-header,.bank-header,.tasks-header,.mail-header{font-weight:700;margin-bottom:6px}.museum-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.museum-cell{padding:8px 4px;border:1px solid var(--border);border-radius:6px;text-align:center;background:#fff;font-size:20px}.museum-cell.missing{opacity:.4;background:#f4efe6}.museum-cell.have{background:#eaf7e2;border-color:#7fa76a}.museum-name{font-size:10px;margin-top:2px;font-weight:600}.museum-rar{font-size:9px;text-transform:uppercase}.chron-records{display:flex;flex-direction:column;gap:4px}.chron-record{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:#fff;font-size:12px}.chron-record strong{flex:1}.chron-record .chron-when{color:var(--muted, #8a8a8a);font-size:10px}.chron-firsts{display:flex;flex-direction:column;gap:4px}.chron-first{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:#fff}.chron-emoji{font-size:20px}.chron-body{flex:1}.chron-label{font-weight:600;font-size:12px}.chron-detail{font-size:11px;color:var(--muted, #6a6a6a)}.chron-first .chron-when{color:var(--muted, #8a8a8a);font-size:10px}.chron-timeline{display:flex;flex-direction:column;gap:3px;max-height:260px;overflow-y:auto}.chron-line{display:flex;align-items:center;gap:8px;padding:5px 8px;border-left:2px solid var(--border);background:#fff}.chron-line .chron-emoji{font-size:16px}.chron-day{font-weight:600;font-size:10px;color:var(--accent, #c98a3a);text-transform:uppercase;letter-spacing:.03em}.vs-active{display:flex;flex-direction:column;gap:8px}.vs-card{border:1px solid var(--border);border-radius:8px;background:#fff;padding:8px 10px}.vs-card.vs-needs-you{border-color:var(--accent, #c98a3a);box-shadow:0 0 0 2px #c98a3a2e}.vs-head{display:flex;align-items:center;gap:8px}.vs-emoji{font-size:18px}.vs-title{font-weight:700;font-size:13px}.vs-cast{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0}.vs-person{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600}.vs-person .swatch{width:10px;height:10px;border-radius:50%;display:inline-block}.vs-vs{font-size:10px;color:var(--muted, #8a8a8a);font-weight:700;text-transform:uppercase;margin:0 2px}.vs-beats{display:flex;flex-direction:column;gap:3px;margin:4px 0}.vs-beat{font-size:11px;color:var(--muted, #5a5a5a);line-height:1.35}.vs-waiting{font-size:11px;color:var(--muted, #9a9a9a);font-style:italic}.vs-prompt{font-size:12px;font-weight:600;margin:6px 0 4px}.vs-choices{display:flex;flex-direction:column;gap:5px}.vs-choice{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;padding:6px 9px}.vs-choice-label{font-weight:600;font-size:12px}.vs-choice-detail{font-size:10px;opacity:.85;font-weight:400}.vs-pastlist{display:flex;flex-direction:column;gap:4px}.vs-past{display:flex;align-items:flex-start;gap:8px;padding:5px 8px;border-left:2px solid var(--border);background:#fff}.vs-past-outcome{font-size:11px;line-height:1.35}.vs-digest{display:flex;flex-direction:column;gap:3px;max-height:180px;overflow-y:auto}.vs-digest-item{font-size:11px;padding:3px 6px;color:var(--muted, #5a5a5a)}.vs-digest-time{color:var(--muted, #9a9a9a);font-size:10px;margin-right:6px}.club-list{display:flex;flex-direction:column;gap:8px}.club-card{border:1px solid var(--border);border-radius:8px;background:#fff;padding:8px 10px}.club-head{display:flex;align-items:center;gap:8px}.club-emoji{font-size:18px}.club-name{font-weight:700;font-size:13px}.club-meta{font-size:11px;color:var(--muted, #7a7a7a);text-transform:capitalize}.club-goal{font-size:11px;color:var(--muted, #5a5a5a);margin:5px 0}.club-members{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}.club-member{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600}.club-member .swatch{width:10px;height:10px;border-radius:50%;display:inline-block}.club-member em{font-weight:500;font-style:normal;color:var(--accent, #c98a3a);font-size:9px;text-transform:uppercase}.club-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.club-add-select{font-size:11px;padding:3px 5px;border:1px solid var(--border);border-radius:5px;background:#fff;max-width:130px}.club-note{font-size:10px;color:var(--muted, #9a9a9a);font-style:italic}.club-found-row{display:flex;flex-wrap:wrap;gap:6px}.club-found{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid var(--border);border-radius:20px;background:#fff;cursor:pointer}.club-found:hover{border-color:var(--accent, #c98a3a)}.club-found-name{font-size:11px;font-weight:600}.daily-chests{display:flex;gap:8px;margin-top:8px}.daily-chest{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;border:1px solid var(--border);border-radius:10px;background:#fffdf6;cursor:pointer;transition:transform .1s,background .1s}.daily-chest:hover{transform:translateY(-3px);background:#fff4d6}.daily-chest-emoji{font-size:32px}.daily-chest-label{font-size:12px;font-weight:600}.trophy-count{font-size:11px;font-weight:600;color:var(--muted, #8a8a8a)}.trophy-shelf{border-bottom:4px solid #b08a5a;border-radius:4px;background:linear-gradient(#fbf6ec,#f3e9d6);padding:8px 6px 4px}.trophy-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.trophy-cell{position:relative;text-align:center;padding:8px 4px 6px;border-radius:6px;background:#fff;border:1px solid var(--border)}.trophy-cell.locked{opacity:.55;filter:grayscale(1);background:#f4efe6}.trophy-cell.earned{background:#fffbe9;border-color:#e2c86a;box-shadow:0 2px 6px #b4963c40}.trophy-emoji{font-size:24px;line-height:1.1}.trophy-name{font-size:10px;font-weight:600;margin-top:2px}.trophy-hint{display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:140px;background:#2b2b2b;color:#fff;font-size:10px;padding:6px 8px;border-radius:6px;z-index:5;margin-bottom:4px;pointer-events:none}.trophy-cell:hover .trophy-hint{display:block}.bank-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.bank-actions{display:flex;gap:4px;margin-top:8px}.task-card{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--border);border-radius:8px;margin-bottom:4px;background:#fff}.task-card.ready{background:#fdf3e2;border-color:#d69a2b}.task-card.claimed{opacity:.5}.task-emoji{font-size:24px}.task-info{flex:1;min-width:0}.task-label{font-weight:600;font-size:13px}.task-progress{margin-top:2px}.task-meta{font-size:10px;color:var(--ink-soft);margin-top:2px}.task-status{font-size:11px;color:var(--ink-soft);font-weight:600}.mail-letter{padding:10px;border:1px solid var(--border);border-radius:8px;margin-bottom:6px;cursor:pointer;background:#fff}.mail-letter:hover{border-color:var(--accent)}.mail-letter.unread{background:#fdf3e2;border-color:#d69a2b}.mail-from{font-weight:600;font-size:12px}.mail-subject{font-style:italic;font-size:13px;margin:2px 0}.mail-body{font-size:12px;color:var(--ink)}.mail-gift{font-size:11px;color:var(--accent);font-weight:600;margin-top:4px}.recipe-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:6px}.recipe-card{padding:10px;border:1px solid var(--border);border-radius:8px;text-align:center;background:#fff}.recipe-card.known{background:#eaf7e2;border-color:#7fa76a}.recipe-card.learnable{background:#fdf3e2;border-color:#d69a2b}.recipe-card.locked{opacity:.5}.recipe-emoji{font-size:28px}.recipe-name{font-weight:600;font-size:12px;margin:2px 0}.recipe-meta{font-size:10px;color:var(--ink-soft)}.recipe-lock{font-size:10px;color:var(--ink-soft);margin-top:4px}.well-result{padding:12px;background:#f9f7f2;border-radius:8px;margin:12px 0;text-align:center;font-style:italic}.btn-secondary.tiny{padding:4px 8px;font-size:11px}#services-toggle,#radio-toggle{background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-family:inherit;font-size:13px;color:var(--ink);cursor:pointer;font-weight:600}#services-toggle:hover,#radio-toggle:hover{background:#f4efe6}#services-panel,#radio-panel{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px;margin-top:10px;max-height:60vh;overflow-y:auto;width:460px;box-shadow:0 8px 24px #00000014}#services-panel.hidden,#radio-panel.hidden{display:none}.services-header,.radio-header{font-weight:700;margin-bottom:8px}.radio-now{display:flex;gap:12px;align-items:center;padding:12px;background:linear-gradient(135deg,#f9f7f2,#f4efe6);border-radius:8px;margin-bottom:8px}.radio-emoji{font-size:32px}.radio-title{font-weight:700;font-style:italic}.radio-artist{font-size:12px;margin-top:2px}.radio-controls{display:flex;gap:6px;margin-bottom:12px}.radio-list{max-height:260px;overflow-y:auto}.radio-row{display:flex;gap:6px;align-items:center;padding:6px 8px;border:1px solid var(--border);border-radius:6px;margin-bottom:3px;cursor:pointer;background:#fff}.radio-row:hover{border-color:var(--accent)}.radio-row.active{background:var(--accent-soft);border-color:var(--accent)}.radio-row .swatch{width:10px;height:10px;border-radius:50%}.radio-title-small{font-size:13px;font-weight:600}.radio-meta{font-size:10px;color:var(--ink-soft)}#now-playing-bar{position:fixed;bottom:10px;right:10px;background:#fffffff0;border:1px solid var(--border);border-radius:20px;padding:6px 12px;font-size:12px;box-shadow:0 2px 10px #0000001a;z-index:100;pointer-events:none}.np-icon{margin-right:4px}.np-title{font-style:italic}.np-artist{margin-left:4px;font-weight:600}.salon-preview{display:flex;gap:12px;align-items:center;padding:8px;background:#f9f7f2;border-radius:8px;margin-top:8px}.salon-swatch{width:40px;height:40px;border-radius:50%;border:2px solid var(--border)}.salon-details{flex:1;font-size:12px}.salon-details>div{margin:3px 0}.lottery-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}.contest-row{padding:6px 8px;background:#f9f7f2;border-radius:6px;margin-bottom:3px;font-size:12px}.contest-emoji{font-size:16px;margin-right:4px}.orphan-chip{background:#fdf3e2;border-color:#d69a2b}#popup-backdrop{position:fixed;inset:0;background:#14100a61;z-index:55}#popup-backdrop.hidden{display:none}#ui-root .popup-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;max-height:84vh;max-width:min(92vw,560px);z-index:60;box-shadow:0 16px 48px #14373c42;border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff 0%,var(--panel-tint) 100%);animation:popup-in var(--dur) var(--ease)}@keyframes popup-in{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}#ui-root .popup-panel.hidden{display:none}.popup-x{position:sticky;top:0;float:right;width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:var(--panel);cursor:pointer;font-size:22px;line-height:1;color:var(--ink-soft);z-index:5;margin:-4px -4px 4px 8px;display:flex;align-items:center;justify-content:center}.popup-x:hover{background:#f4efe6;color:var(--ink)}#ceremony-overlay{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;background:#140e1a8c;backdrop-filter:blur(3px);animation:cer-fade .3s ease}@keyframes cer-fade{0%{opacity:0}to{opacity:1}}.cer-stage{position:relative;width:min(560px,92vw);background:linear-gradient(180deg,#fff6f9,#fbe9f0);border-radius:20px;padding:26px 24px 22px;box-shadow:0 20px 60px #00000059;text-align:center;overflow:hidden}.cer-proposal{background:linear-gradient(180deg,#fff6f9,#f6e6ef)}.cer-wedding{background:linear-gradient(180deg,#fdf3f8,#eef4ff)}.cer-title{font-size:18px;font-weight:700;color:#7a3b56;margin-bottom:18px}.cer-figures{display:flex;justify-content:center;align-items:flex-end;gap:40px;min-height:150px}.cer-figure{position:relative;display:flex;flex-direction:column;align-items:center}.cer-face{display:block}.cer-name{margin-top:4px;font-size:13px;font-weight:600;color:#5a3448}.cer-kneel{transform:translateY(22px) rotate(-8deg);transform-origin:bottom center;animation:cer-kneel-in .7s ease}@keyframes cer-kneel-in{0%{transform:translateY(60px) rotate(-8deg);opacity:0}to{transform:translateY(22px) rotate(-8deg);opacity:1}}.cer-stand{animation:cer-sway 2.2s ease-in-out infinite}@keyframes cer-sway{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}.cer-ring{position:absolute;top:30%;right:-18px;font-size:22px;animation:cer-sparkle 1.1s ease-in-out infinite}@keyframes cer-sparkle{0%,to{transform:scale(1) rotate(-8deg);filter:drop-shadow(0 0 2px #ffd76a)}50%{transform:scale(1.3) rotate(8deg);filter:drop-shadow(0 0 10px #ffd76a)}}.cer-hearts{position:absolute;inset:0;pointer-events:none}.cer-heart{position:absolute;bottom:-10%;font-size:20px;opacity:0;animation:cer-float 3.4s ease-in infinite}@keyframes cer-float{0%{transform:translateY(0) scale(.6);opacity:0}20%{opacity:.9}to{transform:translateY(-320px) scale(1.1);opacity:0}}.cer-answer{min-height:46px;margin-top:18px;display:flex;justify-content:center;align-items:center}.cer-bubble{display:inline-block;background:#fff;border-radius:16px;padding:9px 16px;font-size:15px;font-weight:600;box-shadow:0 4px 12px #0000001f;animation:cer-pop .4s cubic-bezier(.34,1.56,.64,1)}.cer-answer.yes .cer-bubble{color:#2f9e54}.cer-answer.no .cer-bubble{color:#b0473a}@keyframes cer-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.cer-celebrate{animation:cer-bounce .5s ease}@keyframes cer-bounce{0%,to{transform:scale(1)}40%{transform:scale(1.02)}}.cer-rejected{animation:cer-shake .5s ease}@keyframes cer-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.cer-actions{margin-top:16px;display:flex;gap:8px;justify-content:center}.cer-arch{position:relative;padding-top:8px}.cer-arch-flowers{font-size:26px;letter-spacing:2px;animation:cer-sway 3s ease-in-out infinite}.cer-couple{display:flex;align-items:flex-end;justify-content:center;gap:24px;margin-top:8px}.cer-veil{font-size:22px;margin-bottom:-6px}.cer-rings{font-size:30px;align-self:center;animation:cer-sparkle 1.3s ease-in-out infinite}.cer-justmarried{margin-top:16px;font-size:22px;color:#7a3b56;animation:cer-pop .6s cubic-bezier(.34,1.56,.64,1)}.cer-confetti-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.cer-confetti{position:absolute;top:-12px;width:8px;height:12px;border-radius:2px;animation:cer-fall linear infinite}@keyframes cer-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(560px) rotate(540deg);opacity:.6}}.bj-bet{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:var(--ink-soft)}.bj-chips{display:flex;gap:5px}.bj-chip{padding:4px 10px;border:1px solid var(--border);border-radius:20px;background:#fff;cursor:pointer;font-family:inherit;font-size:12px;color:var(--ink)}.bj-chip:hover:not(:disabled){border-color:var(--accent)}.bj-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.bj-chip:disabled{opacity:.4;cursor:not-allowed}.bj-balance{margin-left:auto}.bj-table{margin-top:12px;background:#1f6b3a;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:12px}.bj-side{display:flex;flex-direction:column;gap:6px}.bj-label{font-size:11px;color:#ffffffbf;text-transform:uppercase;letter-spacing:.05em}.bj-label em{font-style:normal;font-weight:700;color:#fff;margin-left:4px}.bj-cards{display:flex;gap:6px;flex-wrap:wrap}.pcard{display:inline-flex;align-items:center;justify-content:center;gap:1px;min-width:38px;height:52px;background:#fff;border-radius:6px;font-weight:700;font-size:15px;color:#1a1a1a;box-shadow:0 2px 4px #00000040}.pcard em{font-style:normal;font-size:13px}.pcard.red{color:#c22}.pcard.back{background:#35507a;color:#dfe8f5}.bj-outcome{background:#00000040;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:600;color:#fff}.bj-outcome.win{background:#50c87859}.bj-outcome.lose{background:#dc5a5059}.request-chip.quarrel-chip{border-left:3px solid #d98a3d}.quarrel-meta{display:flex;gap:6px;margin:8px 0}.quarrel-tag{font-size:11px;background:#f4efe6;border-radius:10px;padding:2px 8px;color:var(--ink-soft)}.quarrel-tag.serious{background:#f6ded9;color:#a04b3d}.quarrel-options{display:flex;flex-direction:column;gap:6px;margin-top:6px}.quarrel-option{display:flex;align-items:flex-start;gap:10px;padding:9px 11px;border:1px solid var(--border);border-radius:10px;background:#fff;cursor:pointer;font-family:inherit;text-align:left}.quarrel-option:hover:not(.disabled){border-color:var(--accent)}.quarrel-option.disabled{opacity:.5;cursor:not-allowed}.quarrel-option-emoji{font-size:17px;line-height:1.2}.quarrel-option-body{display:flex;flex-direction:column;gap:2px}.quarrel-option-label{font-size:13px;font-weight:600;color:var(--ink)}.quarrel-option-label em{color:var(--ink-soft);font-style:normal;font-weight:500}.quarrel-option-blurb{font-size:11px;color:var(--ink-soft)}.request-chip.quest-chip{border-left:3px solid #7d5ba6}.quest-chip-emoji{font-size:20px;width:22px;text-align:center}.quest-monster-bar{display:flex;gap:14px;margin-top:8px;font-size:12px;color:var(--ink-soft)}.quest-heroes{display:flex;flex-direction:column;gap:5px;margin-top:8px}.quest-hero{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--border);border-radius:10px;background:#fff;cursor:pointer;font-family:inherit;font-size:12px;color:var(--ink)}.quest-hero:hover{border-color:var(--accent)}.quest-hero.active{background:var(--accent);border-color:var(--accent);color:#fff}.quest-hero.active .quest-hero-stats{color:#ffffffd9}.quest-hero .swatch{width:10px;height:10px;border-radius:50%}.quest-hero-name{font-weight:600;flex:1}.quest-hero-stats{font-size:11px;color:var(--ink-soft)}.quest-odds{margin-top:10px;font-size:12px;color:var(--ink-soft);background:#f9f7f2;border-radius:8px;padding:7px 10px}.quest-odds strong{color:var(--ink)}.quest-log{margin:10px 0 0 18px;padding:0;font-size:12px;max-height:260px;overflow-y:auto;line-height:1.7}.quest-reward{margin-top:10px;font-weight:700;font-size:13px;color:#3fa758}.quest-reward.lose{color:var(--ink-soft);font-weight:500}.birth-portrait{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:10px}.birth-baby{position:relative;width:74px;height:74px;border-radius:50%;box-shadow:inset 0 -6px 12px #0000001f}.birth-hair{position:absolute;top:-3px;left:50%;transform:translate(-50%);width:30px;height:16px;border-radius:16px 16px 0 0}.birth-eye{position:absolute;top:42%;width:8px;height:8px;border-radius:50%}.birth-takes-after{font-size:12px;color:var(--ink-soft);text-align:center}.request-chip.birth-chip{border-left:3px solid #e07aa8}#build-banner{position:absolute;top:68px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid rgba(0,0,0,.12);border-radius:14px;padding:10px 16px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;max-width:460px;pointer-events:auto}#build-banner.hidden{display:none}.build-banner-title{font-size:13px;font-weight:700}.build-banner-hint{font-size:11px;color:var(--ink-soft);line-height:1.6}#build-banner kbd{background:#f4efe6;border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-family:inherit;font-size:10px;font-weight:700}.build-header{font-weight:700;margin-bottom:4px}.build-hint{font-size:12px;color:var(--ink-soft);margin-bottom:12px;line-height:1.6}.build-hint kbd{background:#f4efe6;border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700}.build-goal{display:flex;flex-direction:column;gap:3px;background:#fdf6e3;border:1px solid #e8d9a8;border-radius:10px;padding:9px 12px;margin-bottom:14px}.build-goal strong{font-size:13px}.build-goal span{font-size:11px;color:var(--ink-soft);line-height:1.5}.village-info{background:linear-gradient(180deg,#eaf4ea,#dcecdb);border:1px solid #b7d5b3;border-radius:10px;padding:9px 11px;margin-bottom:12px}.village-info-title{font-weight:700;font-size:13px;margin-bottom:7px}.village-stats{display:flex;gap:8px}.village-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:#ffffff8c;border-radius:8px;padding:6px 4px}.village-stat-value{font-size:18px;font-weight:700;line-height:1}.village-stat-label{font-size:10px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em}.build-divider{margin:16px 0 10px;padding-top:12px;border-top:1px solid var(--border);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft)}.structure-list{display:flex;flex-direction:column;gap:5px}.structure-card{display:flex;align-items:flex-start;gap:10px;padding:8px 11px;border:1px solid var(--border);border-radius:10px;background:#fff;cursor:pointer;font-family:inherit;text-align:left}.structure-card:hover:not(.disabled){border-color:var(--accent)}.structure-card.disabled{opacity:.45;cursor:not-allowed}.structure-card.locked{opacity:.7;border-style:dashed;background:#faf7f0}.structure-card.locked .structure-name em{color:#a8763d;font-weight:600}.build-goal.growth{background:#f2f6fb;border-color:#c6d8ea}.structure-emoji{font-size:18px;line-height:1.2}.structure-body{display:flex;flex-direction:column;gap:2px}.structure-name{font-size:13px;font-weight:600;color:var(--ink)}.structure-name em{font-style:normal;font-weight:500;font-size:11px;color:var(--ink-soft);margin-left:4px}.structure-effect{font-size:11px;color:var(--ink-soft);line-height:1.4}.build-group{margin-bottom:12px}.build-group-title{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin-bottom:6px}.build-tools{display:flex;flex-wrap:wrap;gap:6px}.build-tool{display:flex;flex-direction:column;align-items:center;gap:3px;width:66px;padding:8px 4px;border:1px solid var(--border);border-radius:10px;background:#fff;cursor:pointer;font-family:inherit;font-size:11px;color:var(--ink)}.build-tool:hover{border-color:var(--accent)}.build-tool.active{background:var(--accent);border-color:var(--accent);color:#fff}.build-tool.danger.active{background:#a04b3d;border-color:#a04b3d}.build-tool-emoji{font-size:18px;line-height:1}.build-tool-label{line-height:1.2;text-align:center}.romance-header{font-weight:700;margin-bottom:8px}.romance-section{margin-bottom:14px}.romance-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin-bottom:6px}.match-status{font-size:12px;margin:8px 0}.match-status.warn{color:#a04b3d}.date-card,.couple-card{background:#f9f7f2;border-radius:10px;padding:10px 12px;margin-bottom:8px}.date-card-head,.couple-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13px;font-weight:600}.date-card-head .swatch,.couple-head .swatch{width:10px;height:10px;border-radius:50%}.date-heart{font-size:12px}.date-card-sub,.couple-sub{font-size:11px;color:var(--ink-soft);margin-top:3px}.date-moments{margin:6px 0 8px 18px;padding:0;font-size:12px}.date-moments li{margin-bottom:2px}.date-moments-empty{font-size:12px;color:var(--ink-soft);margin:6px 0}.couple-stage{font-size:11px;background:#fff;border:1px solid var(--border);border-radius:20px;padding:2px 8px}.couple-kids{margin-top:6px;font-size:12px;display:flex;flex-wrap:wrap;gap:5px;align-items:center}.kid-chip{background:#fff;border:1px solid var(--border);border-radius:20px;padding:2px 8px;cursor:pointer}.kid-chip em{color:var(--ink-soft);font-style:normal;font-size:10px}.kid-chip:hover{border-color:var(--accent)}.couple-actions{margin-top:8px;display:flex;flex-wrap:wrap;gap:5px}.date-history{margin:0 0 0 18px;padding:0;font-size:12px}.date-history li{margin-bottom:3px}.date-history li.outcome-great{color:#3fa758}.date-history li.outcome-awkward{color:#a04b3d}#dreams-launcher{position:fixed;inset:0;z-index:9999;pointer-events:none}#dreams-launcher.dreams-active{pointer-events:auto}#dreams-launcher:not(.dreams-active){display:none}#dreams-launcher.dreams-fade-out{opacity:0;transition:opacity .32s ease}.dreams-shell{position:absolute;inset:0;background:linear-gradient(180deg,#0f1522,#131a2e);color:#eef2ff;font-family:var(--font);overflow-y:auto;overflow-x:hidden}.dreams-nav{display:flex;align-items:center;gap:20px;padding:12px 26px;background:#0a0e1ad1;border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:5;backdrop-filter:blur(10px)}.dreams-logo{display:flex;align-items:center;gap:8px}.dreams-logo-mark{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;background:linear-gradient(135deg,#7c5cff,#24c6dc);border-radius:8px;font-size:18px;color:#fff;box-shadow:0 4px 12px #7c5cff80}.dreams-logo-text{font-size:20px;font-weight:800;letter-spacing:.04em;background:linear-gradient(90deg,#a89bff,#7fe8f2);-webkit-background-clip:text;background-clip:text;color:transparent}.dreams-nav-links{display:flex;gap:4px;margin-left:12px}.dreams-nav-link{padding:8px 14px;color:#b7bfd6;font-size:14px;border-radius:8px;cursor:pointer;transition:background .18s,color .18s}.dreams-nav-link:hover{color:#fff;background:#ffffff0f}.dreams-nav-link.active{color:#fff;background:#7c5cff2e}.dreams-nav-link--codes{color:#ffe6a8;background:linear-gradient(135deg,#ecd48a38,#b287f52e);border:1px solid rgba(236,212,138,.4)}.dreams-nav-link--codes:hover{color:#fff5c0;background:linear-gradient(135deg,#ecd48a57,#b287f547);box-shadow:0 0 18px #ecd48a40}.dreams-nav-right{margin-left:auto;display:flex;align-items:center;gap:14px}.dreams-search{display:flex;align-items:center;gap:8px;background:#ffffff0f;padding:8px 12px;border-radius:20px;min-width:220px}.dreams-search input{border:none;background:transparent;color:#fff;font-family:var(--font);font-size:13px;outline:none;width:100%}.dreams-search input::placeholder{color:#8a92ab}.dreams-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ff9a76,#ff6b9a);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;box-shadow:0 3px 8px #00000059}.dreams-back{padding:8px 14px;background:#ffffff14;border:none;border-radius:8px;color:#fff;font-family:var(--font);font-size:13px;cursor:pointer}.dreams-back:hover{background:#ffffff24}.dreams-main{padding:26px 32px 60px;max-width:1400px;margin:0 auto}.dreams-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:0;background:linear-gradient(135deg,hsl(var(--hero-hue) 40% 22%),hsl(calc(var(--hero-hue) + 30) 30% 14%));border-radius:18px;overflow:hidden;box-shadow:0 12px 40px #0006;margin-bottom:34px;cursor:pointer;transition:transform .24s ease,box-shadow .24s ease}.dreams-hero:hover{transform:translateY(-3px);box-shadow:0 16px 46px #00000080}.dreams-hero-art{position:relative;min-height:340px}.dreams-hero-art svg{position:absolute;inset:0;width:100%;height:100%}.dreams-hero-body{padding:34px 38px;display:flex;flex-direction:column;justify-content:center;gap:14px}.dreams-hero-tag{display:inline-block;align-self:flex-start;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:12px;background:#ffffff24;color:#eef2ff}.dreams-hero-title{margin:0;font-size:38px;line-height:1.05;font-weight:800;letter-spacing:-.01em}.dreams-hero-tagline{margin:0;font-size:16px;color:#cfd4e6;max-width:46ch}.dreams-hero-stats{display:flex;gap:18px;font-size:13px;color:#b7bfd6}.dreams-cta{align-self:flex-start;background:linear-gradient(180deg,#34d29f,#17a17a);color:#fff;font-family:var(--font);font-size:16px;font-weight:700;padding:12px 28px;border:none;border-radius:26px;cursor:pointer;box-shadow:0 8px 20px #17a17a80;transition:transform .16s ease,box-shadow .16s ease;margin-top:4px}.dreams-cta:hover{transform:translateY(-2px);box-shadow:0 12px 26px #17a17a99}.dreams-cta:active{transform:translateY(0)}.dreams-cta.big{padding:14px 40px;font-size:18px;margin:6px 0 8px}.dreams-cta-disabled{background:linear-gradient(180deg,#6d7386,#4b5064)!important;box-shadow:none!important;cursor:default!important}.dreams-section{margin-bottom:34px}.dreams-section-title{margin:0 0 14px;font-size:20px;font-weight:700;color:#eef2ff;letter-spacing:.01em}.dreams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.dreams-card{background:#1b2238;border-radius:14px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:1px solid rgba(255,255,255,.05)}.dreams-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0006;border-color:#7c5cff80}.dreams-card-thumb{position:relative;aspect-ratio:4 / 3;background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.25),transparent 55%),linear-gradient(135deg,hsl(var(--card-hue) 65% 55%),hsl(calc(var(--card-hue) + 30) 55% 32%));display:flex;align-items:center;justify-content:center}.dreams-card-emoji{font-size:62px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}.dreams-card-badge{position:absolute;top:8px;left:8px;background:#0000008c;color:#ffd66b;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:10px}.dreams-card-body{padding:10px 12px 14px}.dreams-card-title{font-size:14px;font-weight:700;color:#eef2ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dreams-card-meta{margin-top:4px;display:flex;gap:12px;font-size:12px;color:#8a92ab}.dreams-detail{max-width:1200px;margin:0 auto;padding:26px 32px 60px}.dreams-detail-art{position:relative;height:320px;border-radius:18px;overflow:hidden;box-shadow:0 12px 40px #0006;margin-bottom:24px}.dreams-detail-art svg{position:absolute;inset:0;width:100%;height:100%}.dreams-detail-body{background:#1b2238;border-radius:18px;padding:28px 34px;border:1px solid rgba(255,255,255,.06)}.dreams-detail-title{margin:8px 0 4px;font-size:32px;font-weight:800}.dreams-detail-hero{margin:0 0 18px;font-size:15px;color:#b7bfd6;max-width:64ch}.dreams-detail-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px;margin:16px 0 20px;padding:16px;background:#00000038;border-radius:12px}.dreams-detail-stats>div{display:flex;flex-direction:column}.dreams-detail-stats b{font-size:18px;color:#eef2ff}.dreams-detail-stats span{font-size:11px;color:#8a92ab;margin-top:2px;letter-spacing:.06em;text-transform:uppercase}.dreams-detail-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:34px;margin-top:24px}.dreams-detail-columns h3{margin:0 0 10px;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:#a89bff}.dreams-detail-columns p{margin:0 0 12px;font-size:14px;line-height:1.6;color:#cfd4e6}.dreams-features{list-style:none;padding:0;margin:0}.dreams-features li{padding:8px 12px;margin-bottom:6px;background:#ffffff0a;border-radius:8px;font-size:13px;color:#dee3f2}.dreams-loading{--load-hue: 260;position:absolute;inset:0;background:radial-gradient(ellipse at top,hsl(var(--load-hue) 40% 22%),#0a0b16 70%),#0a0b16;display:flex;align-items:center;justify-content:center;color:#fff}.dreams-loading-crumb{font-size:13px;color:hsl(var(--load-hue) 65% 78%);letter-spacing:.06em;text-transform:uppercase;opacity:.85}.dreams-loading-inner{width:min(520px,92vw);display:flex;flex-direction:column;align-items:center;gap:16px}.dreams-loading-brand{display:flex;align-items:center;gap:10px;margin-bottom:4px}.dreams-loading-brand .dreams-logo-mark{animation:dreams-pulse 1.6s ease-in-out infinite}@keyframes dreams-pulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #7c5cff80}50%{transform:scale(1.08);box-shadow:0 6px 22px #7c5cffcc}}.dreams-loading-scene{width:100%;aspect-ratio:400 / 260;border-radius:16px;overflow:hidden;box-shadow:0 14px 40px #0000008c}.dreams-loading-scene svg{width:100%;height:100%;display:block}.dreams-loading-scene.fade-in svg{animation:dreams-scene-in .7s ease}@keyframes dreams-scene-in{0%{opacity:.2;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.dreams-loading-title{font-size:18px;font-weight:700;margin-top:6px}.dreams-loading-bar{width:100%;height:8px;background:#ffffff14;border-radius:6px;overflow:hidden}.dreams-loading-fill{height:100%;width:0%;background:linear-gradient(90deg,hsl(var(--load-hue) 85% 60%),hsl(calc(var(--load-hue) + 40) 85% 65%));border-radius:6px;transition:width .12s linear;box-shadow:0 0 10px hsl(var(--load-hue) 85% 60% / .55)}.dreams-loading-msg{font-size:13px;color:#b7bfd6;letter-spacing:.02em;min-height:18px}.dreams-loading-hint{margin-top:10px;font-size:12px;color:#8a92ab;text-align:center;line-height:1.6}.dreams-loading-hint kbd{display:inline-block;padding:1px 6px;margin:0 2px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:4px;font-family:var(--font);font-size:11px;color:#fff}@media (max-width: 900px){.dreams-hero{grid-template-columns:1fr}.dreams-hero-art{min-height:220px}.dreams-detail-columns{grid-template-columns:1fr}.dreams-nav-links{display:none}.dreams-search{min-width:0}}#dreams-ingame{position:fixed;top:12px;left:12px;z-index:5000;font-family:var(--font)}#dreams-ingame-btn{width:44px;height:44px;border:none;border-radius:12px;background:linear-gradient(135deg,#7c5cff,#24c6dc);color:#fff;font-size:22px;cursor:pointer;box-shadow:0 4px 14px #14373c40,0 0 0 2px #fff9 inset;transition:transform .15s ease,box-shadow .15s ease}#dreams-ingame-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px #14373c59,0 0 0 2px #ffffffb3 inset}.dreams-ingame-mark{display:inline-block;line-height:1}#dreams-ingame-menu{position:absolute;top:52px;left:0;min-width:200px;background:#1b2238;color:#eef2ff;border-radius:14px;padding:10px;box-shadow:0 12px 32px #00000059;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:4px}#dreams-ingame-menu.hidden{display:none}.dreams-ingame-title{display:flex;align-items:center;gap:8px;padding:6px 10px 10px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08)}#dreams-ingame-menu button[data-act]{text-align:left;padding:9px 12px;background:transparent;border:none;border-radius:8px;color:#eef2ff;font-family:var(--font);font-size:14px;cursor:pointer}#dreams-ingame-menu button[data-act]:hover{background:#7c5cff2e}#dreams-ingame-menu button[data-act=leave]{color:#ff8a8a}#dreams-ingame-menu button[data-act=leave]:hover{background:#ff5a5a24}body.sky-mode #ui-root{display:none!important}#sky-hud{position:fixed;inset:0;pointer-events:none;font-family:var(--font);color:#fff;z-index:4000}.sky-corner{position:absolute;pointer-events:none}.sky-tl{top:14px;left:68px}.sky-tc{top:14px;left:50%;transform:translate(-50%)}.sky-tr{top:14px;right:14px}.sky-bl{bottom:14px;left:14px}.sky-br{bottom:14px;right:14px}.sky-panel{background:#0a10229e;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px 14px}.sky-lap-label{font-size:11px;letter-spacing:.14em;color:#a4b0d0}.sky-lap{font-size:24px;font-weight:800}.sky-position{background:#0a10229e;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:8px 22px;font-size:20px;font-weight:800;letter-spacing:.03em;text-shadow:0 1px 2px rgba(0,0,0,.4)}#sky-minimap{width:200px;height:200px;background:#0a10229e;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:6px}.sky-speed{background:#0a10229e;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:8px 18px;font-size:44px;font-weight:900;letter-spacing:-.01em;line-height:1;color:#eef2ff;text-shadow:0 2px 6px rgba(0,0,0,.5)}.sky-speed small{font-size:14px;color:#a4b0d0;font-weight:700;letter-spacing:.1em}.sky-boost{background:#0a10229e;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 14px;min-width:240px}.sky-boost-label{font-size:11px;letter-spacing:.14em;color:#a4b0d0;margin-bottom:6px}.sky-boost-label.active{color:#27e0ff;font-weight:700}.sky-boost-bar{height:10px;background:#ffffff14;border-radius:6px;overflow:hidden}.sky-boost-fill{height:100%;width:0%;background:linear-gradient(90deg,#7c5cff,#27e0ff);border-radius:6px;box-shadow:0 0 10px #27e0ff80;transition:width .14s ease-out}.sky-flash{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,#27e0ff59,#27e0ff00 60%)}.sky-flash.active{animation:sky-flash .55s ease-out}@keyframes sky-flash{0%{opacity:0}20%{opacity:1}to{opacity:0}}.sky-countdown{position:absolute;top:30%;left:50%;transform:translate(-50%);font-size:148px;font-weight:900;letter-spacing:-.02em;color:#fff;text-shadow:0 6px 24px rgba(0,0,0,.55);opacity:0}.sky-countdown.active{animation:sky-countdown .75s ease-out}@keyframes sky-countdown{0%{opacity:0;transform:translate(-50%,-20%) scale(.5)}30%{opacity:1;transform:translate(-50%) scale(1.05)}to{opacity:0;transform:translate(-50%,20%) scale(1.6)}}.sky-message{position:absolute;top:22%;left:50%;transform:translate(-50%);padding:8px 24px;border-radius:999px;background:#27e0ff33;border:1px solid rgba(39,224,255,.55);color:#d5f7ff;font-weight:700;font-size:18px;opacity:0;transition:opacity .2s ease}.sky-message.active{opacity:1}.sky-finish{position:absolute;inset:0;background:#060a16c7;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;pointer-events:auto}.sky-finish.hidden{display:none}.sky-finish-inner{width:min(520px,92vw);background:linear-gradient(180deg,#1a2340,#101832);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:30px 34px;text-align:center;box-shadow:0 20px 60px #00000080}.sky-finish-hero{font-size:42px;font-weight:900;margin-bottom:6px}.sky-finish-time{font-size:15px;color:#a4b0d0;margin-bottom:20px}.sky-finish-table{width:100%;border-collapse:collapse;font-size:14px}.sky-finish-table th{color:#a4b0d0;font-weight:600;letter-spacing:.05em;text-align:left;padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.08)}.sky-finish-table td{padding:8px;border-bottom:1px solid rgba(255,255,255,.05);text-align:left;color:#dee3f2}.sky-finish-table tr.you td{color:#27e0ff;font-weight:700}.sky-swatch{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle;box-shadow:0 0 4px #0006}.sky-finish-actions{margin-top:22px;display:flex;justify-content:center;gap:10px}.sky-btn{padding:12px 28px;border-radius:999px;border:none;font-family:var(--font);font-size:15px;font-weight:700;cursor:pointer;background:#ffffff14;color:#fff}.sky-btn.primary{background:linear-gradient(180deg,#7c5cff,#4a34c2);box-shadow:0 8px 20px #7c5cff73}.sky-btn:hover{transform:translateY(-2px)}.sky-powerup{--pu-color: #8fa2ff;margin-bottom:10px;background:#0a10229e;backdrop-filter:blur(8px);border:1px solid var(--pu-color);border-radius:12px;padding:10px 14px;min-width:240px;display:flex;align-items:center;gap:12px;color:#fff;box-shadow:0 0 22px color-mix(in oklab,var(--pu-color) 45%,transparent);transition:box-shadow .2s ease,border-color .2s ease}.sky-powerup.empty{border-color:#ffffff1a;box-shadow:none}.sky-powerup-icon{font-size:26px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:color-mix(in oklab,var(--pu-color) 25%,transparent);border:1px solid var(--pu-color);border-radius:10px;color:var(--pu-color)}.sky-powerup.empty .sky-powerup-icon{border-color:#ffffff26;background:#ffffff0a;color:#a4b0d0}.sky-powerup-label{font-size:13px;font-weight:800;letter-spacing:.08em;color:var(--pu-color)}.sky-powerup.empty .sky-powerup-label{color:#a4b0d0}.sky-powerup-hint{font-size:10px;letter-spacing:.14em;color:#a4b0d0;margin-top:2px}#sky-select{position:fixed;inset:0;z-index:4500;color:#eef2ff;font-family:var(--font);overflow:hidden;animation:sky-select-in .35s ease}@keyframes sky-select-in{0%{opacity:0}to{opacity:1}}.sky-select-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(124,92,255,.35),transparent 55%),radial-gradient(ellipse at 80% 80%,rgba(39,224,255,.28),transparent 55%),linear-gradient(180deg,#0e1729,#050912)}.sky-select-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px 28px}.sky-select-title{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.16em;font-size:18px;background:linear-gradient(90deg,#a89bff,#7fe8f2);-webkit-background-clip:text;background-clip:text;color:transparent}.sky-select-leave{padding:8px 14px;background:#ffffff14;border:none;border-radius:8px;color:#fff;font-family:var(--font);font-size:13px;cursor:pointer}.sky-select-leave:hover{background:#ffffff24}.sky-select-main{position:relative;z-index:2;padding:24px 40px 40px;display:grid;gap:24px;max-width:1240px;margin:0 auto}.sky-select-hero{--pick-color: #27e0ff;display:grid;grid-template-columns:320px 1fr;gap:30px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid color-mix(in oklab,var(--pick-color) 40%,rgba(255,255,255,.06));border-radius:20px;padding:24px;box-shadow:0 0 40px color-mix(in oklab,var(--pick-color) 20%,transparent)}.sky-select-hero-art{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,color-mix(in oklab,var(--pick-color) 30%,transparent),transparent 65%);border-radius:14px}.sky-select-eyebrow{font-size:12px;letter-spacing:.2em;color:var(--pick-color);font-weight:700}.sky-select-name{margin:6px 0 4px;font-size:44px;font-weight:900}.sky-select-tagline{margin:0 0 16px;color:#cfd4e6;font-size:15px}.sky-select-stats{display:grid;gap:6px;margin-bottom:14px}.sky-stat-row{display:grid;grid-template-columns:130px auto;align-items:center;font-size:12px}.sky-stat-label{color:#a4b0d0;letter-spacing:.06em}.sky-stat-bars{display:flex;gap:4px}.sky-stat-pip{display:inline-block;width:22px;height:8px;border-radius:3px;background:#ffffff14}.sky-stat-pip.filled{background:var(--pick-color);box-shadow:0 0 10px var(--pick-color)}.sky-select-ability{padding:12px 14px;background:#00000047;border-radius:10px;border-left:3px solid var(--pick-color);margin-bottom:18px}.sky-select-ability-name{font-size:13px;font-weight:700;color:var(--pick-color);letter-spacing:.08em}.sky-select-ability-desc{font-size:13px;color:#dee3f2;margin-top:3px}.sky-select-race{padding:14px 40px;font-size:18px;font-weight:800;letter-spacing:.06em;color:#fff;border:none;border-radius:999px;cursor:pointer;background:linear-gradient(180deg,var(--pick-color),color-mix(in oklab,var(--pick-color) 60%,black));box-shadow:0 8px 24px color-mix(in oklab,var(--pick-color) 55%,transparent);transition:transform .16s ease}.sky-select-race:hover{transform:translateY(-2px)}.sky-select-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.sky-select-card{--pick-color: #27e0ff;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;cursor:pointer;color:#eef2ff;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;text-align:left;font-family:var(--font)}.sky-select-card:hover{transform:translateY(-3px);border-color:color-mix(in oklab,var(--pick-color) 60%,transparent)}.sky-select-card.active{border-color:var(--pick-color);box-shadow:0 0 22px color-mix(in oklab,var(--pick-color) 40%,transparent);background:color-mix(in oklab,var(--pick-color) 12%,rgba(255,255,255,.02))}.sky-select-card-thumb{display:flex;align-items:center;justify-content:center;height:90px;margin-bottom:6px;background:radial-gradient(circle at 50% 50%,color-mix(in oklab,var(--pick-color) 30%,transparent),transparent 60%);border-radius:10px}.sky-select-card-name{font-size:15px;font-weight:800}.sky-select-card-class{font-size:11px;color:#a4b0d0;letter-spacing:.14em;text-transform:uppercase}@media (max-width: 800px){.sky-select-hero{grid-template-columns:1fr}.sky-select-hero-art{min-height:160px}}#dreams-auth{position:fixed;inset:0;z-index:20000;pointer-events:none;opacity:0;transition:opacity .32s ease}#dreams-auth.dg-active{pointer-events:auto}#dreams-auth:not(.dg-active){display:none}#dreams-auth.dg-in{opacity:1}#dreams-auth.dg-fade-out{opacity:0}.dg-shell{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;font-family:Cinzel,serif;color:#241a3a;background:#e9dcff}.dg-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.dg-sky{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 8%,#ffe6c6 0%,transparent 55%),radial-gradient(ellipse at 82% 12%,#c8b6ff 0%,transparent 55%),radial-gradient(ellipse at 50% 92%,#b8f0d4 0%,transparent 60%),linear-gradient(180deg,#ffe3d1,#f2d9ff 42%,#cdefdc)}.dg-cloud{position:absolute;border-radius:999px;background:radial-gradient(circle at 30% 40%,#fffffff2,#ffffff59);filter:blur(8px);animation:dg-drift 26s ease-in-out infinite alternate}.dg-cloud--1{top:18%;left:-6%;width:260px;height:90px;animation-delay:0s}.dg-cloud--2{top:30%;right:-8%;width:320px;height:100px;animation-delay:-6s}.dg-cloud--3{top:78%;left:42%;width:220px;height:70px;animation-delay:-14s;opacity:.7}@keyframes dg-drift{0%{transform:translate(0) translateY(0)}to{transform:translate(28px) translateY(-10px)}}.dg-poster{position:absolute;left:var(--x);top:var(--y);width:min(220px,26vw);aspect-ratio:220 / 150;transform:rotate(var(--rot));padding:6px 6px 8px;background:#fff;border-radius:6px;box-shadow:0 20px 40px -10px #321e5a59,0 4px 10px #321e5a2e;overflow:hidden;animation:dg-bob 7s ease-in-out infinite alternate;animation-delay:var(--delay, 0s)}.dg-poster svg{display:block;width:100%;height:100%;border-radius:3px}@keyframes dg-bob{0%{transform:rotate(var(--rot)) translateY(0)}to{transform:rotate(var(--rot)) translateY(-10px)}}@media (max-width: 720px){.dg-poster{width:160px}.dg-poster--fantasy,.dg-poster--shooter{display:none}}.dg-scrim{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,#140a2852,#140a2800 55%)}.dg-logo{position:relative;z-index:2;text-align:center}.dg-logo-mark{font-size:42px;color:#7c5cff;line-height:1;text-shadow:0 0 24px rgba(255,255,255,.6),0 2px 6px rgba(90,60,180,.35);margin-bottom:8px}.dg-logo-title{font-family:Cinzel,serif;font-weight:700;font-size:58px;letter-spacing:18px;color:#2b1d55;text-shadow:0 2px 0 rgba(255,255,255,.55),0 0 40px rgba(255,255,255,.75)}.dg-logo-sub{font-family:EB Garamond,serif;font-size:16px;font-style:italic;color:#4a3778;margin-top:8px;letter-spacing:3px;text-shadow:0 1px 0 rgba(255,255,255,.5)}.dg-viewport{position:relative;z-index:2;width:min(400px,92vw);display:flex;align-items:center;justify-content:center}.dg-card{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;padding:28px 30px;background:#0e0a1ed1;backdrop-filter:blur(6px);border:1px solid rgba(140,106,29,.6);box-shadow:0 24px 70px #140c328c,0 0 0 1px #ffffff0d inset;border-radius:4px}.dg-card.hidden{display:none}.dg-card-title{font-family:Cinzel,serif;font-size:15px;letter-spacing:5px;color:#ecd48a;margin-bottom:4px}.dg-subtitle{font-family:EB Garamond,serif;font-size:14px;color:#b7abe0;text-align:center;margin:-4px 0 4px}.dg-input{width:100%;box-sizing:border-box;text-align:center;background:#04030ae6;border:1px solid #4a3f6b;color:#e8ddc4;font-family:EB Garamond,serif;font-size:18px;padding:11px;outline:none;transition:border-color .2s}.dg-input:focus{border-color:#b287f5}.dg-cta{width:100%;box-sizing:border-box;cursor:pointer;font-family:Cinzel,serif;font-size:15px;letter-spacing:4px;color:#ecd48a;background:#ecd48a0f;border:1px solid #8c6a1d;padding:12px 22px;transition:all .25s}.dg-cta:hover{background:#ecd48a29;box-shadow:0 0 22px #ecd48a4d}.dg-cta-primary{font-size:17px;letter-spacing:5px;padding:14px 22px;color:#1a1330;background:#ecd48a;border-color:#ecd48a}.dg-cta-primary:hover{background:#f3e3a8;box-shadow:0 0 26px #ecd48a73;color:#1a1330}.dg-cta.busy,.dg-guest.busy{opacity:.6;cursor:progress}.dg-cta:disabled,.dg-guest:disabled{pointer-events:none;opacity:.55}.dg-or{position:relative;width:100%;text-align:center;color:#6e6799;font-size:12px;letter-spacing:2px;font-family:EB Garamond,serif}.dg-or:before,.dg-or:after{content:"";position:absolute;top:50%;width:38%;height:1px;background:#3a3352}.dg-or:before{left:0}.dg-or:after{right:0}.dg-guest{width:100%;box-sizing:border-box;cursor:pointer;font-family:Cinzel,serif;font-size:13px;letter-spacing:2px;color:#d6c6ff;background:#32284ebf;border:1px solid #4a3f6b;padding:11px 16px;transition:all .2s}.dg-guest:hover{border-color:#b287f5;box-shadow:0 0 14px #b287f547}.dg-textlink{margin-top:2px;cursor:pointer;background:none;border:none;font-family:EB Garamond,serif;font-size:13px;letter-spacing:1px;color:#b7abe0;text-decoration:underline;transition:color .2s}.dg-textlink:hover{color:#ecd48a}.dg-msg{width:100%;box-sizing:border-box;text-align:center;font-family:EB Garamond,serif;font-size:13px;letter-spacing:.5px;color:#ecd48a;margin-top:2px}.dg-msg.error{color:#e0736b}.dg-msg.hidden{display:none}.dg-tag{position:relative;z-index:2;font-family:EB Garamond,serif;font-style:italic;font-size:13px;color:#4a3778;letter-spacing:1px;text-shadow:0 1px 0 rgba(255,255,255,.55)}.dreams-modal-backdrop{position:fixed;inset:0;z-index:30000;background:#080514b8;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:dreamsModalFade .16s ease-out}@keyframes dreamsModalFade{0%{opacity:0}to{opacity:1}}.dreams-modal{background:#16112c;border:1px solid rgba(178,135,245,.3);border-radius:14px;padding:26px 28px;color:#e8e2ff;box-shadow:0 24px 72px #0000008c;font-family:system-ui,sans-serif;max-width:92vw;max-height:88vh;display:flex;flex-direction:column;animation:dreamsModalRise .2s ease-out}@keyframes dreamsModalRise{0%{transform:translateY(8px) scale(.99);opacity:.6}to{transform:none;opacity:1}}.dreams-modal--sm{width:420px}.dreams-modal--lg{width:960px}.dreams-modal-title{font-size:20px;font-weight:700;margin-bottom:10px;color:#fff}.dreams-modal-lead{color:#b7abe0;font-size:14px;margin:0 0 14px}.dreams-modal-input{width:100%;box-sizing:border-box;background:#04030a99;border:1px solid #4a3f6b;color:#ffe6a8;font-family:Cinzel,system-ui,sans-serif;font-size:20px;letter-spacing:4px;text-align:center;text-transform:uppercase;padding:12px 14px;border-radius:8px;outline:none;transition:border-color .18s}.dreams-modal-input:focus{border-color:#b287f5}.dreams-modal-msg{margin-top:10px;font-size:13px;text-align:center;color:#e0736b}.dreams-modal-msg.ok{color:#a3e0b7}.dreams-modal-msg.hidden{display:none}.dreams-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.dreams-modal-btn{padding:9px 16px;border-radius:8px;cursor:pointer;background:#ffffff0f;color:#e8e2ff;border:1px solid rgba(255,255,255,.14);font-family:system-ui,sans-serif;font-size:13px;font-weight:600;transition:background .18s,border-color .18s,color .18s}.dreams-modal-btn:hover{background:#ffffff1f}.dreams-modal-btn--primary{background:linear-gradient(135deg,#ecd48a,#e0b95a);color:#1a1330;border-color:transparent}.dreams-modal-btn--primary:hover{background:linear-gradient(135deg,#f3e3a8,#e8c66c);box-shadow:0 0 20px #ecd48a66}.dreams-modal-btn--danger{color:#ffb0aa;border-color:#e0736b59}.dreams-modal-btn--danger:hover{background:#e0736b26;color:#ffd7d2}.dreams-modal-btn--tiny{padding:6px 10px;font-size:12px}.dreams-admin-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}.dreams-admin-eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#b287f5;font-weight:700}.dreams-admin-title{font-size:22px;font-weight:700;color:#fff;margin:4px 0}.dreams-admin-sub{color:#a89fce;font-size:13px}.dreams-admin-header-tools{display:flex;align-items:center;gap:8px}.dreams-admin-search{background:#04030a99;border:1px solid #4a3f6b;border-radius:8px;color:#e8e2ff;padding:8px 12px;font-size:13px;outline:none;min-width:200px;font-family:system-ui,sans-serif}.dreams-admin-search:focus{border-color:#b287f5}.dreams-admin-stats{display:flex;gap:12px;margin-bottom:14px}.dreams-admin-stat{flex:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:12px 14px;border-radius:10px;display:flex;flex-direction:column}.dreams-admin-stat b{font-size:22px;color:#fff;font-weight:700}.dreams-admin-stat span{font-size:12px;color:#a89fce;margin-top:2px}.dreams-admin-table-wrap{flex:1;overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#04030a59}.dreams-admin-table{width:100%;border-collapse:collapse;font-size:13px}.dreams-admin-table thead th{position:sticky;top:0;z-index:1;background:#1e1740;color:#d6cdff;padding:10px 12px;text-align:left;font-weight:600;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.dreams-admin-table tbody td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.05);color:#cdc4e8}.dreams-admin-table tbody tr:hover td{background:#b287f50f}.dreams-admin-row--banned td{opacity:.72}.dreams-admin-name{color:#fff;font-weight:600}.dreams-admin-num{text-align:right;font-variant-numeric:tabular-nums}.dreams-admin-actions-col{width:160px}.dreams-admin-actions{display:flex;gap:6px;justify-content:flex-end}.dreams-admin-empty{padding:34px 20px;text-align:center;color:#a89fce;font-style:italic}.dreams-admin-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.dreams-admin-pill--ok{background:#58c88226;color:#8ce0ac}.dreams-admin-pill--banned{background:#e0736b2e;color:#ffb0aa}.dreams-admin-footer{margin-top:12px;font-size:12px;color:#776e9a;text-align:center}@media (max-width: 720px){.dreams-modal--lg{width:96vw}.dreams-admin-header{flex-direction:column}.dreams-admin-header-tools,.dreams-admin-stats{flex-wrap:wrap}.dreams-admin-actions-col{width:auto}}.dreams-panel{padding:24px 32px;color:#e8e2ff}.dreams-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.dreams-panel-title{font-size:26px;font-weight:700;color:#fff;margin:0}.dreams-panel-sub{color:#a89fce;font-size:14px;margin:4px 0 0}.dreams-panel-search{background:#04030a99;border:1px solid #4a3f6b;border-radius:20px;color:#e8e2ff;padding:9px 16px;font-size:13px;outline:none;min-width:240px;font-family:var(--font),system-ui,sans-serif}.dreams-panel-search:focus{border-color:#b287f5}.dreams-empty{padding:34px 20px;text-align:center;color:#a89fce;font-style:italic;background:#ffffff08;border-radius:12px}.dreams-games-list{display:flex;flex-direction:column;gap:12px}.dreams-game-row{display:flex;align-items:center;gap:16px;padding:14px 18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:14px;color:inherit;text-align:left;cursor:pointer;transition:background .18s,transform .18s,border-color .18s}.dreams-game-row:hover{background:linear-gradient(120deg,hsl(var(--card-hue) 45% 22% / .7),#ffffff0f);border-color:hsl(var(--card-hue) 60% 55% / .55);transform:translateY(-1px)}.dreams-game-row-emoji{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:30px;background:linear-gradient(135deg,hsl(var(--card-hue) 55% 45%),hsl(calc(var(--card-hue) + 20) 45% 30%));flex:0 0 auto}.dreams-game-row-body{flex:1;min-width:0}.dreams-game-row-title{font-size:16px;font-weight:700;color:#fff}.dreams-game-row-tag{color:#b7abe0;font-size:13px;margin-top:2px}.dreams-game-row-meta{display:flex;gap:14px;margin-top:6px;color:#8a92ab;font-size:12px}.dreams-game-row-play{padding:8px 14px;border-radius:20px;font-size:13px;font-weight:700;background:linear-gradient(135deg,#ecd48a,#e0b95a);color:#1a1330;flex:0 0 auto}.dreams-friends{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.dreams-friend{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:12px}.dreams-friend-avatar,.dreams-chart-avatar,.dreams-chat-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex:0 0 auto;background:linear-gradient(135deg,hsl(var(--hue) 65% 55%),hsl(calc(var(--hue) + 40) 55% 40%));box-shadow:0 3px 8px #00000059}.dreams-friend-body{flex:1;min-width:0}.dreams-friend-name{font-weight:700;color:#fff;font-size:14px}.dreams-friend-status{color:#a89fce;font-size:12px;display:flex;align-items:center;gap:6px;margin-top:2px}.dreams-friend-dot{width:8px;height:8px;border-radius:50%;background:#55617a;box-shadow:0 0 0 2px #55617a26}.dreams-friend-dot.is-online{background:#57d38b;box-shadow:0 0 0 3px #57d38b2e}.dreams-friend-actions{display:flex;gap:6px}.dreams-charts{display:flex;flex-direction:column;gap:8px}.dreams-chart-row{display:flex;align-items:center;gap:14px;padding:10px 14px;background:#ffffff08;border-radius:10px}.dreams-chart-rank{width:44px;text-align:center;font-family:Cinzel,serif;font-size:15px;color:#b7abe0}.dreams-chart-rank.is-podium{color:#ecd48a;font-size:17px}.dreams-chart-body{flex:1;min-width:0}.dreams-chart-name{color:#fff;font-weight:600;font-size:14px;margin-bottom:4px}.dreams-chart-bar{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.dreams-chart-fill{height:100%;background:linear-gradient(90deg,#b287f5,#ecd48a);transition:width .25s ease}.dreams-chart-count{font-variant-numeric:tabular-nums;color:#fff;font-weight:700;min-width:88px;text-align:right}.dreams-chart-count span{color:#8a92ab;font-weight:400;margin-left:4px;font-size:12px}.dreams-chat-user{color:#b7abe0;font-size:13px}.dreams-chat-user b{color:#ecd48a;font-weight:700}.dreams-chat{display:flex;flex-direction:column;gap:12px;height:60vh;min-height:380px}.dreams-chat-log{flex:1;overflow-y:auto;padding:12px;background:#04030a59;border:1px solid rgba(255,255,255,.06);border-radius:12px}.dreams-chat-msg{display:flex;gap:10px;margin-bottom:12px;align-items:flex-end}.dreams-chat-msg.is-me{flex-direction:row-reverse}.dreams-chat-bubble{max-width:70%;background:#ffffff0f;border-radius:12px;padding:8px 12px}.dreams-chat-msg.is-me .dreams-chat-bubble{background:linear-gradient(135deg,#b287f547,#ecd48a38)}.dreams-chat-meta{display:flex;justify-content:space-between;gap:10px;margin-bottom:3px}.dreams-chat-meta b{color:#ecd48a;font-size:12px;font-weight:700}.dreams-chat-meta span{color:#8a92ab;font-size:11px}.dreams-chat-text{color:#e8e2ff;font-size:14px;line-height:1.35;word-wrap:break-word}.dreams-chat-form{display:flex;gap:10px}.dreams-chat-input{flex:1;background:#04030a99;border:1px solid #4a3f6b;border-radius:10px;color:#e8e2ff;padding:10px 14px;font-size:14px;outline:none;font-family:var(--font),system-ui,sans-serif}.dreams-chat-input:focus{border-color:#b287f5}.dreams-toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%,16px);background:#16112cf2;color:#ecd48a;padding:10px 20px;border-radius:22px;border:1px solid rgba(236,212,138,.35);font-size:13px;font-weight:600;opacity:0;z-index:40000;transition:transform .24s ease,opacity .24s ease;pointer-events:none}.dreams-toast--in{opacity:1;transform:translate(-50%)}.dreams-tour{position:fixed;inset:0;z-index:25000;pointer-events:none}.dreams-tour-dim{position:absolute;inset:0;background:#0604129e;animation:dreamsTourFade .22s ease-out}@keyframes dreamsTourFade{0%{opacity:0}to{opacity:1}}.dreams-tour-highlight{position:absolute;border-radius:14px;box-shadow:0 0 0 3px #ecd48ae6,0 0 0 9999px #0604128c,0 0 32px #ecd48a8c;transition:all .22s ease;pointer-events:none}.dreams-tour-tooltip{position:absolute;width:min(340px,92vw);background:#16112c;border:1px solid rgba(236,212,138,.45);border-radius:12px;padding:16px 18px 14px;color:#e8e2ff;box-shadow:0 22px 60px #00000080;pointer-events:auto;transition:left .22s ease,top .22s ease;font-family:system-ui,sans-serif}.dreams-tour-progress{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#b287f5;font-weight:700;margin-bottom:6px}.dreams-tour-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:6px}.dreams-tour-body{color:#cdc4e8;font-size:14px;line-height:1.45;margin-bottom:12px}.dreams-tour-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.dreams-tour-nav{display:flex;gap:8px}.dreams-tour-tooltip .dreams-modal-btn:disabled{opacity:.4;pointer-events:none}@media (max-width: 720px){.dreams-panel{padding:16px}.dreams-panel-head{flex-direction:column;align-items:stretch}.dreams-panel-search{min-width:0;width:100%}.dreams-game-row{flex-wrap:wrap}.dreams-game-row-play{margin-left:auto}.dreams-friends{grid-template-columns:1fr}.dreams-chat{height:68vh}}