:root{--hud-bg: rgba(14, 20, 38, .76);--hud-bg-strong: rgba(14, 20, 38, .92);--hud-border: rgba(255, 255, 255, .1);--hud-text: #eef3ff;--hud-muted: rgba(238, 243, 255, .64);--accent: #5ff5c8;--accent-warm: #ffd166;--danger: #ff6b6b;--radius: 14px;--font: "Nunito", "Quicksand", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--dock-h: 58px;--gutter: 8px;--sheet-max: 54vh}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0b1a3f;color:var(--hud-text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;overscroll-behavior:none}#app{position:fixed;inset:0}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none}button{font:inherit;color:inherit;touch-action:manipulation}.hud{position:absolute;inset:0;pointer-events:none;overflow:hidden;font-size:14px}.hud-top{position:absolute;top:calc(var(--gutter) + var(--safe-top));left:calc(var(--gutter) + var(--safe-left));right:calc(var(--gutter) + var(--safe-right));display:flex;flex-direction:column;align-items:stretch;gap:6px}.panel{pointer-events:auto;background:var(--hud-bg);border:1px solid var(--hud-border);border-radius:var(--radius);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 10px 30px #00000040,inset 0 1px #ffffff14}.icon-btn{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--hud-border);background:var(--hud-bg);color:var(--hud-text);cursor:pointer;transition:background .15s,transform .1s}.icon-btn:hover{background:#ffffff1f}.icon-btn:active{transform:scale(.94)}.icon-btn svg{width:20px;height:20px}.hidden{display:none!important}.status{padding:0;overflow:hidden}.status-resources{display:grid;grid-template-columns:repeat(5,1fr)}.res-chip{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 2px 5px;border:none;background:transparent;cursor:pointer;min-width:0}.res-chip+.res-chip{border-left:1px solid var(--hud-border)}.res-chip:active{background:#ffffff14}.res-top{display:flex;align-items:center;gap:4px}.res-icon{display:inline-flex;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.res-icon svg{width:16px;height:16px}.res-value{font-weight:800;font-size:14px;font-variant-numeric:tabular-nums;line-height:1}.res-rate{font-size:10px;color:var(--hud-muted);font-variant-numeric:tabular-nums;line-height:1.1}.res-rate.positive{color:var(--accent)}.res-rate.negative{color:var(--danger)}.res-track,.ind-track,.objective-track,.time-progress{display:block;height:3px;border-radius:3px;background:#ffffff1f;overflow:hidden}.res-track{width:80%;margin-top:3px}.res-fill,.ind-fill,.objective-fill,.time-progress-fill{display:block;height:100%;width:0;border-radius:3px;transition:width .3s ease-out}.res-chip.critical .res-value{color:var(--danger);animation:blink 1.2s infinite}@keyframes blink{50%{opacity:.45}}.status-row{display:flex;align-items:center;gap:6px;padding:4px 6px 5px;border-top:1px solid var(--hud-border)}.status-indicators{display:flex;flex:1;gap:4px;min-width:0}.ind-chip{flex:1;display:flex;flex-direction:column;gap:3px;padding:3px 4px;border:none;border-radius:8px;background:transparent;cursor:pointer;min-width:0}.ind-chip:active{background:#ffffff14}.ind-top{display:flex;align-items:center;gap:4px;font-weight:800;font-size:13px;font-variant-numeric:tabular-nums;line-height:1}.ind-icon{display:inline-flex}.ind-icon svg{width:15px;height:15px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.status-indicators.health-low .ind-health .ind-value{color:var(--danger);animation:blink 1s infinite}.time-pill{display:flex;flex-direction:column;gap:3px;min-width:118px;padding:2px 6px 2px 8px;border-left:1px solid var(--hud-border)}.time-row{display:flex;align-items:baseline;gap:6px;font-size:11px;white-space:nowrap}.time-day{font-weight:800}.time-clock{font-variant-numeric:tabular-nums;font-weight:700;color:var(--accent-warm)}.time-phase{color:var(--hud-muted);margin-left:auto}.time-progress-fill{background:linear-gradient(90deg,var(--accent-warm),#ff9a5c)}.time-pill.paused .time-phase{color:var(--accent-warm)}.time-pill.paused .time-phase:before{content:"Pausa · "}.coach{pointer-events:auto;display:flex;align-items:center;gap:8px;padding:8px 8px 8px 12px;border-radius:12px;background:linear-gradient(135deg,#5ff5c838,#ffd16629),var(--hud-bg-strong);border:1px solid rgba(95,245,200,.35);box-shadow:0 8px 24px #0000004d;font-size:12.5px;font-weight:700;line-height:1.3}.coach.pop{animation:coach-pop .4s ease-out}@keyframes coach-pop{0%{transform:translateY(-6px);opacity:0}to{transform:none;opacity:1}}.coach-icon{display:inline-flex;color:var(--accent-warm);flex:none}.coach-icon svg{width:20px;height:20px}.coach-text{flex:1;min-width:0}.coach-action{flex:none;padding:7px 10px;border-radius:9px;border:none;background:var(--accent);color:#0b1a3f;font-weight:800;font-size:12px;cursor:pointer}.coach-skip{flex:none;width:30px;height:30px;border:none;border-radius:8px;background:transparent;color:var(--hud-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.coach-skip svg{width:16px;height:16px}.notifications{display:flex;flex-direction:column;gap:6px;width:min(420px,100%);align-self:center;pointer-events:none}.notification{padding:8px 12px;border-radius:12px;background:var(--hud-bg-strong);border:1px solid var(--hud-border);border-left:3px solid var(--accent);font-size:12.5px;font-weight:600;opacity:0;transform:translateY(-8px);transition:opacity .3s,transform .3s;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px #0000004d}.notification.visible{opacity:1;transform:translateY(0)}.notification-success{border-left-color:var(--accent)}.notification-warning{border-left-color:var(--accent-warm)}.notification-danger{border-left-color:var(--danger)}.dock{pointer-events:auto;position:absolute;left:0;right:0;bottom:0;display:flex;align-items:stretch;height:calc(var(--dock-h) + var(--safe-bottom));padding:0 var(--safe-right) var(--safe-bottom) var(--safe-left);background:var(--hud-bg-strong);border-top:1px solid var(--hud-border);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:0 -10px 30px #0000004d;z-index:3}.dock-btn{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;border:none;background:transparent;color:var(--hud-muted);cursor:pointer;transition:color .15s,background .15s}.dock-btn:active{background:#ffffff0f}.dock-btn.active{color:var(--accent)}.dock-btn.active .dock-icon:after{content:"";position:absolute;inset:-6px -10px;border-radius:12px;background:#5ff5c824;z-index:-1}.dock-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;height:24px;font-weight:900;font-size:15px}.dock-icon svg{width:24px;height:24px}.dock-label{font-size:10.5px;font-weight:700;letter-spacing:.02em}.dock-pause.active{color:var(--accent-warm)}.dock-speed.dimmed .dock-icon{opacity:.5}.dock-badge{position:absolute;top:8px;right:calc(50% - 20px);width:9px;height:9px;border-radius:50%;background:var(--accent-warm);box-shadow:0 0 8px var(--accent-warm)}.fab-recenter{position:absolute;right:calc(var(--gutter) + var(--safe-right));bottom:calc(var(--dock-h) + var(--safe-bottom) + 12px);z-index:2}.sheet{pointer-events:auto;position:absolute;left:0;right:0;bottom:calc(var(--dock-h) + var(--safe-bottom));max-height:var(--sheet-max);display:flex;flex-direction:column;background:var(--hud-bg-strong);border:1px solid var(--hud-border);border-bottom:none;border-radius:18px 18px 0 0;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:0 -12px 40px #0006;transform:translateY(calc(100% + 20px));visibility:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s;z-index:2;padding-left:var(--safe-left);padding-right:var(--safe-right)}.sheet.open{transform:translateY(0);visibility:visible;transition-delay:0s,0s}.sheet-grip{width:38px;height:4px;margin:8px auto 2px;border-radius:4px;background:#ffffff40;flex:none}.sheet-title{display:flex;align-items:center;gap:8px;padding:4px 8px 6px 14px;flex:none}.sheet-icon{display:inline-flex;color:var(--accent)}.sheet-icon svg{width:18px;height:18px}.sheet-heading{flex:1;display:flex;flex-direction:column;line-height:1.15;font-weight:800;font-size:15px;min-width:0}.sheet-close{width:36px;height:36px;border:none;background:transparent}.sheet-body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 12px 14px;overscroll-behavior:contain}.sheet-hint{margin:0 0 8px;font-size:11.5px;color:var(--hud-muted)}.build-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.build-card{display:flex;flex-direction:column;gap:5px;padding:10px 10px 9px;min-height:84px;border-radius:12px;border:1px solid var(--hud-border);background:#ffffff0f;text-align:left;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.build-card:active{transform:scale(.98)}.build-card:hover{background:#ffffff1f}.build-card.active{background:#5ff5c829;border-color:var(--accent)}.build-card.unaffordable{opacity:.6}.build-head{display:flex;align-items:center;gap:8px}.build-icon{display:inline-flex}.build-icon svg{width:24px;height:24px;color:var(--accent-warm)}.build-name{font-weight:800;font-size:14px}.build-summary{font-size:11px;line-height:1.3;color:var(--hud-muted)}.build-cost{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.cost{display:inline-flex;align-items:center;gap:2px}.cost svg{width:13px;height:13px}.cost.missing{color:var(--danger)!important;text-decoration:underline;text-decoration-style:dotted}.chapter-heading{display:flex;flex-direction:column;line-height:1.15;margin-bottom:8px}.chapter-sub{font-size:10px;color:var(--hud-muted);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.chapter-title{font-size:16px;font-weight:900}.objective-list{display:flex;flex-direction:column;gap:8px}.objective{display:flex;gap:8px;align-items:flex-start}.objective-check{flex:none;width:18px;height:18px;margin-top:1px;border-radius:50%;border:2px solid rgba(255,255,255,.35);position:relative}.objective.done .objective-check{background:var(--accent);border-color:var(--accent)}.objective.done .objective-check:after{content:"";position:absolute;left:5px;top:1.5px;width:4px;height:8px;border:solid #0b1a3f;border-width:0 2px 2px 0;transform:rotate(45deg)}.objective-body{flex:1;display:flex;flex-direction:column;gap:4px}.objective-row{display:flex;justify-content:space-between;gap:8px;font-size:13px}.objective-label{font-weight:700}.objective-progress{color:var(--hud-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.objective-fill{background:var(--accent)}.objective.done .objective-label{color:var(--accent)}.bridge-btn{margin:10px 0 0;width:100%;flex:none;min-height:44px}.guide{margin-top:12px;border-top:1px solid var(--hud-border);padding-top:6px}.guide-summary{display:flex;align-items:center;gap:8px;padding:8px 0;font-weight:800;font-size:13px;cursor:pointer;list-style:none;color:var(--accent-warm)}.guide-summary::-webkit-details-marker{display:none}.guide-summary:after{content:"+";margin-left:auto;font-size:16px;color:var(--hud-muted)}.guide[open] .guide-summary:after{content:"−"}.guide-summary svg{width:18px;height:18px}.guide-body{font-size:12px;line-height:1.45;color:#eef3ffdb}.guide-body p{margin:0 0 8px}.guide-body h4{margin:10px 0 4px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--hud-muted)}.guide-body ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px}.guide-body li{display:flex;gap:8px;align-items:flex-start}.guide-body i{color:var(--hud-muted);font-style:normal}.guide-icon{flex:none;display:inline-flex;width:18px;justify-content:center;color:var(--accent-warm);margin-top:1px}.guide-icon svg{width:16px;height:16px}.info-title{font-size:15px;font-weight:800}.info-subtitle{font-size:11px;color:var(--hud-muted);font-weight:600}.info-description{margin:0 0 8px;font-size:12px;line-height:1.45;color:#eef3ffd9}.info-stats{display:flex;flex-wrap:wrap;gap:6px}.stat{display:flex;flex-direction:column;flex:1 1 70px;padding:6px 8px;border-radius:8px;background:#ffffff0f}.stat-key{font-size:10px;color:var(--hud-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.stat-value{font-size:14px;font-weight:800;color:var(--accent)}.info-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.info-progress{margin-bottom:8px}.action-btn{flex:1;min-height:42px;padding:8px 12px;border-radius:10px;border:1px solid var(--hud-border);background:#ffffff14;color:var(--hud-text);font-weight:800;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.action-btn:hover:not(:disabled){background:#ffffff29}.action-btn:disabled{opacity:.45;cursor:not-allowed}.action-primary{background:var(--accent);color:#0b1a3f;border-color:transparent}.action-primary:hover:not(:disabled){background:#8ffadc}.action-danger{color:#ffb3b3;border-color:#ff6b6b66}.action-btn svg{width:18px;height:18px}.placement-bar{position:absolute;left:calc(var(--gutter) + var(--safe-left));right:calc(var(--gutter) + var(--safe-right));bottom:calc(var(--dock-h) + var(--safe-bottom) + 10px);display:flex;flex-direction:column;gap:8px;padding:10px 10px 10px 12px;font-weight:700;font-size:13px;border-color:#5ff5c873;z-index:2}.placement-text{display:flex;align-items:center;gap:8px}.placement-text:before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.placement-bar.invalid{border-color:#ff6b6b80}.placement-bar.invalid .placement-text{color:#ffb3b3}.placement-bar.invalid .placement-text:before{background:var(--danger);box-shadow:0 0 8px var(--danger)}.placement-actions{display:flex;align-items:center;gap:8px}.placement-actions .icon-btn{width:42px;height:42px;flex:none}.placement-confirm{flex:1;min-height:42px}.loading{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse at 50% 40%,#1b3b7a,#0b1a3f 65%,#070b1c);transition:opacity .8s ease}.loading.done{opacity:0;pointer-events:none}.loading-title{font-size:clamp(32px,7vw,64px);font-weight:900;letter-spacing:.04em;text-shadow:0 0 30px rgba(95,245,200,.5)}.loading-sub{color:var(--hud-muted);font-size:14px;letter-spacing:.2em;text-transform:uppercase}.loading-orb{width:54px;height:54px;border-radius:50%;background:radial-gradient(circle,#ffffff 0%,var(--accent) 35%,rgba(95,245,200,0) 70%);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(.85);opacity:.7}50%{transform:scale(1.15);opacity:1}}.loading-error{color:var(--danger);max-width:420px;text-align:center;padding:0 20px}.modal{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;padding:12px;padding-bottom:calc(12px + var(--safe-bottom));background:#0509188c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .25s;pointer-events:auto}.modal.visible{opacity:1}.modal.hidden{display:none}.modal-card{width:min(520px,100%);max-height:100%;overflow-y:auto;padding:18px 18px 16px;border-radius:18px;background:var(--hud-bg-strong);border:1px solid var(--hud-border);box-shadow:0 30px 80px #00000080;border-top:4px solid var(--accent-warm)}.modal-card.tone-success{border-top-color:var(--accent)}.modal-card.tone-crisis{border-top-color:var(--danger)}.modal-subtitle{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--hud-muted);font-weight:800}.modal-title{margin:4px 0 8px;font-size:22px;font-weight:900}.modal-body{margin:0 0 14px;font-size:14px;line-height:1.5;color:#eef3ffe0}.modal-choices{display:flex;flex-direction:column;gap:8px}.modal-choice{display:flex;flex-direction:column;gap:3px;text-align:left;padding:12px 14px;min-height:48px;border-radius:12px;border:1px solid var(--hud-border);background:#ffffff0f;color:var(--hud-text);cursor:pointer;transition:background .15s,transform .1s}.modal-choice:hover{background:#ffffff24;transform:translateY(-1px)}.choice-label{font-weight:800;font-size:14px}.choice-desc{font-size:12px;color:var(--hud-muted);line-height:1.4}.choice-primary{border-color:#5ff5c880}.choice-primary .choice-label{color:var(--accent)}.menu{position:fixed;inset:0;z-index:15;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(ellipse at 50% 40%,#1b3b7abf,#0b1a3fd9 60%,#070b1ceb);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:auto}.menu.hidden{display:none}.menu-card{display:flex;flex-direction:column;align-items:center;gap:8px;width:min(380px,100%);text-align:center}.menu-mark svg{width:46px;height:46px;color:var(--accent);filter:drop-shadow(0 0 14px rgba(95,245,200,.8))}.menu-title{margin:0;font-size:clamp(34px,9vw,56px);font-weight:900;letter-spacing:.04em;text-shadow:0 0 30px rgba(95,245,200,.4)}.menu-subtitle{color:var(--hud-muted);letter-spacing:.2em;text-transform:uppercase;font-size:12px;margin-bottom:14px}.menu-buttons{display:flex;flex-direction:column;gap:8px;width:100%}.menu-btn{display:flex;flex-direction:column;gap:2px;align-items:center;padding:14px 16px;border-radius:12px;border:1px solid var(--hud-border);background:var(--hud-bg);color:var(--hud-text);font-weight:800;font-size:15px;cursor:pointer;transition:background .15s,transform .1s}.menu-btn small{font-size:11px;font-weight:600;color:var(--hud-muted)}.menu-btn:hover{background:#ffffff24;transform:translateY(-1px)}.menu-primary{background:var(--accent);color:#0b1a3f;border-color:transparent}.menu-primary small{color:#0b1a3fb3}.menu-primary:hover{background:#8ffadc}.menu-danger{color:#ffb3b3}.menu-note{margin-top:10px;font-size:12px;color:var(--hud-muted)}.menu-auth{display:flex;flex-direction:column;gap:8px;width:100%;text-align:left}.menu-auth.busy{opacity:.7;pointer-events:none}.menu-auth-hint{margin:0 0 2px;font-size:12px;color:var(--hud-muted)}.menu-auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.menu-auth-cancel{align-self:center;margin-top:2px;padding:8px 14px;border:none;background:none;color:var(--hud-muted);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.menu-auth-cancel:hover{color:var(--hud-text)}@media (max-height: 520px){:root{--dock-h: 50px;--sheet-max: 62vh}.hud-top{gap:4px}.res-chip{padding:3px 2px}.res-track{display:none}.status-row{padding:2px 6px 3px}.ind-track,.dock-label{display:none}.dock-icon svg{width:22px;height:22px}.coach{padding:5px 6px 5px 10px;font-size:12px}.notification{padding:6px 10px;font-size:12px}.menu-card{gap:4px}.menu-title{font-size:30px}.menu-subtitle{margin-bottom:6px}.menu-btn{padding:8px 12px;font-size:14px}.menu-mark{display:none}.modal{align-items:center}.modal-card{padding:12px 14px}.modal-title{font-size:18px;margin-bottom:6px}.modal-body{font-size:13px;margin-bottom:10px}.modal-choice{padding:8px 12px;min-height:40px}.build-card{min-height:0;padding:7px 9px;gap:3px}.build-summary{display:none}}@media (min-width: 760px){:root{--dock-h: 62px;--sheet-max: 60vh}.hud-top{left:50%;right:auto;transform:translate(-50%);width:min(860px,calc(100vw - 24px))}.status-resources{grid-template-columns:repeat(5,minmax(0,1fr))}.res-chip{flex-direction:row;justify-content:center;gap:8px;padding:7px 8px}.res-chip .res-top{gap:6px}.res-value{font-size:15px}.res-rate{font-size:11px}.res-track{display:none}.status-row{padding:5px 10px 6px}.ind-chip{flex-direction:row;align-items:center;gap:8px}.ind-track{width:70px;flex:none}.ind-top{font-size:14px}.time-pill{min-width:220px}.time-row{font-size:13px}.coach{font-size:13.5px}.dock{left:50%;right:auto;transform:translate(-50%);width:min(640px,100vw);border-radius:16px 16px 0 0;border-left:1px solid var(--hud-border);border-right:1px solid var(--hud-border)}.dock-icon svg{width:26px;height:26px}.sheet{left:50%;right:auto;transform:translate(-50%,calc(100% + 20px));width:min(640px,calc(100vw - 24px));border-radius:18px 18px 0 0}.sheet.open{transform:translate(-50%)}.placement-bar{left:50%;right:auto;transform:translate(-50%);width:min(640px,calc(100vw - 24px));flex-direction:row;align-items:center}.placement-text{flex:1}.placement-confirm{flex:none;padding:8px 16px}.fab-recenter{right:calc(50% - 376px)}.modal{align-items:center}.modal-card{padding:22px 24px}.modal-title{font-size:24px}}@media (min-width: 760px) and (max-width: 1020px){.fab-recenter{right:calc(var(--gutter) + var(--safe-right))}}@media (prefers-reduced-motion: reduce){.loading-orb{animation:none}.notification,.sheet{transition:none}.coach.pop{animation:none}}.people-stats{margin-bottom:8px}.people-gatherers{color:var(--accent)}.sectors{display:flex;flex-direction:column;gap:6px}.sector{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#ffffff0f;border:1px solid var(--hud-border)}.sector.empty{opacity:.55}.sector-icon{display:inline-flex;color:var(--accent-warm);flex:none}.sector-icon svg{width:22px;height:22px}.sector-body{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.sector-name{font-weight:800;font-size:13.5px}.sector-meta{font-size:11px;color:var(--hud-muted)}.staff-buttons{display:inline-flex;align-items:center;gap:4px;flex:none}.staff-btn{width:38px;height:38px}.staff-btn svg{width:18px;height:18px}.staff-value{min-width:46px;text-align:center;font-variant-numeric:tabular-nums;display:flex;flex-direction:column;line-height:1.1}.staff-value b{font-size:15px;color:var(--accent)}.staff-value small{font-size:10px;color:var(--hud-muted)}.staff-value i{font-size:9.5px;font-style:normal;color:var(--accent-warm)}.staff-control{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding:6px 8px 6px 10px;border-radius:10px;background:#ffffff0f}.staff-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--hud-muted)}.staff-label svg{width:16px;height:16px}.challenge-pill{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:12px;border:1px solid rgba(255,209,102,.4);background:linear-gradient(135deg,#ffd16633,#ff8c5a1f),var(--hud-bg-strong);box-shadow:0 8px 24px #0000004d;color:var(--hud-text);text-align:left;cursor:pointer;width:100%}.challenge-pill.pop{animation:coach-pop .4s ease-out}.challenge-pill-icon{display:inline-flex;color:var(--accent-warm);flex:none}.challenge-pill-icon svg{width:20px;height:20px}.challenge-pill-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.challenge-pill-row{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;font-weight:800}.challenge-pill-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.challenge-pill-time{color:var(--accent-warm);font-variant-numeric:tabular-nums;flex:none}.challenge-pill .objective-fill{background:linear-gradient(90deg,var(--accent-warm),#ff9a5c)}.challenge-card{margin:12px 0 4px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,209,102,.3);background:#ffd16614;display:flex;flex-direction:column;gap:6px}.challenge-head{display:flex;justify-content:space-between;align-items:center}.challenge-kicker{display:inline-flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--accent-warm)}.challenge-kicker svg{width:14px;height:14px}.challenge-tally{font-size:11px;color:var(--hud-muted);font-weight:700}.challenge-active{display:none;flex-direction:column;gap:6px}.challenge-card.has-active .challenge-active{display:flex}.challenge-row{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.challenge-title{font-weight:900;font-size:14px}.challenge-time{font-size:11px;color:var(--accent-warm);white-space:nowrap;font-weight:700}.challenge-desc{margin:0;font-size:12px;line-height:1.4;color:#eef3ffdb}.challenge-card .objective-fill{background:linear-gradient(90deg,var(--accent-warm),#ff9a5c)}.challenge-reward{font-size:12px;color:var(--hud-text)}.challenge-reward b{color:var(--accent-warm);margin-right:4px}.challenge-accept{margin-top:2px}.challenge-empty{margin:0;font-size:12px;color:var(--hud-muted)}.section-title{margin:12px 0 6px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--hud-muted)}.islands{display:flex;flex-direction:column;gap:8px}.island-card{display:flex;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--hud-border);background:#ffffff0d}.island-card.locked{opacity:.7}.island-card.ready{border-color:#5ff5c880;background:#5ff5c814}.island-card.unlocked{border-color:#5ff5c840}.island-icon{display:inline-flex;color:var(--accent);flex:none;margin-top:2px}.island-icon svg{width:22px;height:22px}.island-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.island-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.island-name{font-weight:900;font-size:13.5px}.island-bonus{font-size:11.5px;color:var(--accent-warm);font-weight:700}.island-status{font-size:11.5px;color:var(--hud-muted);line-height:1.35}.island-unlock{margin-top:6px}.island-go{width:34px;height:34px;flex:none}.island-go svg{width:18px;height:18px}.dock-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media (max-width: 380px){.dock-label{font-size:9.5px}}.fab-explore{pointer-events:auto;position:absolute;right:calc(var(--gutter) + var(--safe-right));bottom:calc(var(--dock-h) + var(--safe-bottom) + 12px + 52px);z-index:2;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:44px;height:52px;border-radius:14px;border:1px solid rgba(95,245,200,.4);background:linear-gradient(135deg,#5ff5c840,#5ff5c814),var(--hud-bg-strong);color:var(--accent);cursor:pointer;box-shadow:0 8px 24px #0000004d}.fab-explore svg{width:22px;height:22px}.fab-explore-label{font-size:9px;font-weight:800;letter-spacing:.04em}.explore{display:none}.hud.exploring .explore{display:block}.hud.exploring .dock,.hud.exploring .fab-recenter,.hud.exploring .fab-explore,.hud.exploring .coach,.hud.exploring .challenge-pill,.hud.exploring .placement-bar,.hud.exploring .sheet:not(.sheet-info){display:none!important}.hud.exploring .sheet-info{bottom:0;max-height:46vh}.explore-top{pointer-events:none;position:absolute;right:calc(var(--gutter) + var(--safe-right));bottom:calc(var(--safe-bottom) + 18px);display:flex;flex-direction:column;align-items:flex-end;gap:6px}.explore-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:var(--hud-bg-strong);border:1px solid rgba(95,245,200,.4);color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.explore-badge svg{width:14px;height:14px}.explore-place{font-size:12px;font-weight:700;color:var(--hud-text);text-shadow:0 1px 4px rgba(0,0,0,.6);text-align:right}.explore-exit{pointer-events:auto;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid var(--hud-border);background:var(--hud-bg-strong);color:var(--hud-text);font-weight:800;font-size:12px;cursor:pointer;box-shadow:0 8px 24px #0000004d}.explore-exit svg{width:16px;height:16px}.explore-hint{pointer-events:none;position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--safe-bottom) + 170px);width:min(360px,calc(100vw - 32px));padding:8px 12px;border-radius:12px;background:var(--hud-bg-strong);border:1px solid var(--hud-border);font-size:12px;line-height:1.35;text-align:center;color:var(--hud-text);transition:opacity .4s}.explore-hint.hidden{display:none}.explore-prompt{pointer-events:auto;position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--safe-bottom) + 118px);display:inline-flex;align-items:center;gap:8px;padding:10px 16px;min-height:44px;border-radius:999px;border:none;background:var(--accent);color:#0b1a3f;font-weight:800;font-size:13px;cursor:pointer;box-shadow:0 8px 24px #00000059;max-width:calc(100vw - 32px)}.explore-prompt svg{width:18px;height:18px}.explore-prompt-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explore-prompt.hidden{display:none}.joystick{pointer-events:auto;position:absolute;left:calc(var(--gutter) + var(--safe-left) + 10px);bottom:calc(var(--safe-bottom) + 18px);width:124px;height:124px;border-radius:50%;background:#0e14268c;border:1px solid rgba(255,255,255,.18);touch-action:none;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.joystick-knob{width:54px;height:54px;border-radius:50%;background:#5ff5c8d9;box-shadow:0 4px 14px #0006;pointer-events:none}@media (min-width: 760px){.fab-explore{right:calc(50% - 376px)}.joystick{opacity:.75}}@media (min-width: 760px) and (max-width: 1020px){.fab-explore{right:calc(var(--gutter) + var(--safe-right))}}@media (max-height: 520px){.joystick{width:100px;height:100px}.joystick-knob{width:44px;height:44px}.explore-hint{bottom:calc(var(--safe-bottom) + 120px)}.explore-prompt{bottom:calc(var(--safe-bottom) + 70px);left:auto;right:calc(var(--gutter) + var(--safe-right));transform:none}}.manual-link{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,209,102,.4);background:#ffd1661f;color:var(--accent-warm);font-size:11px;font-weight:800;cursor:pointer}.manual-link svg{width:14px;height:14px}.chapter-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.manual{position:fixed;inset:0;z-index:18;display:flex;align-items:stretch;justify-content:center;padding:calc(var(--gutter) + var(--safe-top)) calc(var(--gutter) + var(--safe-right)) calc(var(--gutter) + var(--safe-bottom)) calc(var(--gutter) + var(--safe-left));background:#050918b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:auto}.manual.hidden{display:none}.manual-card{display:flex;flex-direction:column;width:min(820px,100%);max-height:100%;border-radius:18px;border:1px solid var(--hud-border);background:var(--hud-bg-strong);box-shadow:0 20px 60px #00000080;overflow:hidden}.manual-head{display:flex;align-items:center;gap:10px;padding:10px 8px 10px 16px;border-bottom:1px solid var(--hud-border);flex:none}.manual-icon{display:inline-flex;color:var(--accent-warm)}.manual-icon svg{width:22px;height:22px}.manual-title{flex:1;margin:0;font-size:18px;font-weight:900}.manual-close{width:40px;height:40px;border:none;background:transparent}.manual-body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 16px 24px;overscroll-behavior:contain;font-size:13px;line-height:1.5;scroll-padding-top:8px}.manual-intro{margin:0 0 10px;color:var(--hud-muted);font-size:12px}.manual-nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.manual-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;min-height:34px;border-radius:999px;border:1px solid var(--hud-border);background:#ffffff0f;color:var(--hud-text);font-size:12px;font-weight:700;cursor:pointer}.manual-chip svg{width:14px;height:14px;color:var(--accent)}.manual-section{padding-top:14px;margin-top:10px;border-top:1px solid var(--hud-border)}.manual-section h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:16px;font-weight:900}.manual-section-icon{display:inline-flex;color:var(--accent)}.manual-section-icon svg{width:20px;height:20px}.manual-content h4{margin:12px 0 4px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-warm)}.manual-content p{margin:0 0 8px}.manual-content ul{margin:0 0 8px;padding-left:18px;display:flex;flex-direction:column;gap:4px}.manual-content small{color:var(--hud-muted)}.manual-content i{color:var(--hud-muted);font-style:normal;font-weight:700}.manual-card .manual-content .manual-card{margin:0 0 8px;padding:8px 10px;border-radius:10px;background:#ffffff0d;border:1px solid var(--hud-border);box-shadow:none;width:auto;max-height:none;display:block}.manual-content .manual-card ul{padding-left:16px}.manual-table-wrap{overflow-x:auto;margin:6px 0 10px;-webkit-overflow-scrolling:touch}.manual-table{border-collapse:collapse;width:100%;min-width:420px;font-size:12px}.manual-table th,.manual-table td{padding:6px 8px;text-align:left;vertical-align:top;border-bottom:1px solid var(--hud-border)}.manual-table th{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--hud-muted);white-space:nowrap}.manual-table td:first-child{min-width:120px}@media (max-height: 520px){.manual-head{padding:6px 6px 6px 12px}.manual-body{padding:8px 12px 16px;font-size:12px}}@media (max-width: 600px){.manual-table{min-width:0}.manual-table thead{display:none}.manual-table,.manual-table tbody,.manual-table tr,.manual-table td{display:block;width:100%}.manual-table tr{margin:0 0 8px;padding:8px 10px;border-radius:10px;background:#ffffff0d;border:1px solid var(--hud-border)}.manual-table td{display:flex;gap:10px;padding:3px 0;border:none;min-width:0}.manual-table td:before{content:attr(data-label);flex:none;width:92px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--hud-muted);padding-top:2px}.manual-table td:first-child{display:block;padding-bottom:6px;margin-bottom:4px;border-bottom:1px solid var(--hud-border)}.manual-table td:first-child:before{display:none}}.request-pill{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:12px;border:1px solid rgba(95,245,200,.35);background:linear-gradient(135deg,#5ff5c82e,#5fc8f51a),var(--hud-bg-strong);box-shadow:0 8px 24px #0000004d;color:var(--hud-text);text-align:left;cursor:pointer;width:100%}.request-pill.pop{animation:coach-pop .4s ease-out}.request-pill-icon{display:inline-flex;color:var(--accent);flex:none}.request-pill-icon svg{width:20px;height:20px}.request-pill-body{flex:1;min-width:0;display:flex;justify-content:space-between;gap:8px;font-size:12.5px;font-weight:800}.request-pill-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-pill-time{color:var(--accent);font-variant-numeric:tabular-nums;flex:none}.request-card{margin:0 0 10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(95,245,200,.3);background:#5ff5c812;display:flex;flex-direction:column;gap:6px}.request-card .challenge-active{display:none}.request-card.has-active .challenge-active{display:flex}.request-kicker{color:var(--accent)}.request-who{font-weight:900;font-size:14px}.request-progress{color:var(--accent);font-size:12px;font-weight:700;white-space:nowrap}.request-card .challenge-time,.request-card .challenge-reward b{color:var(--accent)}.gift-pill{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,209,102,.55);background:linear-gradient(135deg,#ffd1664d,#ff8c5a2e),var(--hud-bg-strong);box-shadow:0 8px 24px #0000004d,0 0 18px #ffd16640;color:var(--hud-text);text-align:left;cursor:pointer;width:100%;font-size:12.5px;font-weight:800}.gift-pill.pop{animation:coach-pop .4s ease-out}.gift-pill-icon{display:inline-flex;color:var(--accent-warm);flex:none;animation:gift-wiggle 2.4s ease-in-out infinite}.gift-pill-icon svg{width:22px;height:22px}.gift-pill-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gift-pill-cta{flex:none;padding:4px 10px;border-radius:999px;background:var(--accent-warm);color:#0b1a3f;font-size:11px}@keyframes gift-wiggle{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-10deg)}90%{transform:rotate(10deg)}95%{transform:rotate(-6deg)}}.guide-count{margin-left:auto;margin-right:6px;font-size:11px;color:var(--hud-muted);font-weight:700}.citizens-list{display:flex;flex-direction:column;gap:4px}.citizen-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;background:#ffffff0d}.citizen-main{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.citizen-name{font-weight:800;font-size:13px}.citizen-meta{font-size:10.5px;color:var(--hud-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.citizen-affinity{flex:none;width:84px;display:flex;flex-direction:column;gap:3px;align-items:flex-end}.citizen-tier{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--hud-muted)}.citizen-row.tier-amico .citizen-tier{color:var(--accent)}.citizen-row.tier-legame .citizen-tier{color:var(--accent-warm)}.citizen-affinity .objective-track{width:100%}.citizen-row.tier-legame .objective-fill{background:linear-gradient(90deg,var(--accent),var(--accent-warm))}.chronicle-list{display:flex;flex-direction:column;gap:3px}.chronicle-day{margin:6px 0 2px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--hud-muted);font-weight:800}.chronicle-entry{padding:5px 8px 5px 10px;border-left:2px solid var(--hud-border);font-size:12px;line-height:1.4;color:#eef3ffdb}.chronicle-good{border-left-color:var(--accent)}.chronicle-bad{border-left-color:var(--danger)}.chronicle-story{border-left-color:var(--accent-warm)}.modal-card.tone-event{border-top-color:#b48cff}.modal-card.tone-event .modal-subtitle{color:#c9adff}.modal-card.tone-return{border-top-color:var(--accent-warm)}.modal-body p{margin:0 0 10px}.return-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.return-chip{padding:4px 10px;border-radius:999px;background:#ffffff12;border:1px solid var(--hud-border);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.return-muted{color:var(--hud-muted);font-size:13px}.return-stories{margin:0 0 12px;padding-left:18px;font-size:13px;color:#eef3ffdb;display:flex;flex-direction:column;gap:4px}.return-gift{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,209,102,.45);background:#ffd1661f;font-size:13px;line-height:1.35}.return-gift small{color:var(--hud-muted)}.return-gift-icon{display:inline-flex;color:var(--accent-warm);flex:none}.return-gift-icon svg{width:26px;height:26px}.menu-profile{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--hud-border);background:#ffffff0f;color:var(--hud-muted);font-size:12px;font-weight:700;cursor:pointer}.menu-profile svg{width:15px;height:15px;color:var(--accent)}.menu-profile:hover{background:#ffffff1f;color:var(--hud-text)}.hud.exploring .request-pill,.hud.exploring .gift-pill{display:none!important}@media (prefers-reduced-motion: reduce){.gift-pill-icon,.request-pill.pop,.gift-pill.pop{animation:none}}.fab-online{pointer-events:auto;position:absolute;right:calc(var(--gutter) + var(--safe-right));bottom:calc(var(--dock-h) + var(--safe-bottom) + 12px + 52px + 60px);z-index:2;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:44px;height:52px;border-radius:14px;border:1px solid var(--hud-border);background:var(--hud-bg-strong);color:var(--hud-muted);cursor:pointer;box-shadow:0 8px 24px #0000004d}.fab-online svg{width:22px;height:22px}.fab-online-label{font-size:9px;font-weight:800;letter-spacing:.04em}.fab-online.on{color:var(--accent);border-color:#5ff5c866}.fab-online .dock-badge{top:-4px;right:-4px}.hud.exploring .fab-online{display:none!important}@media (min-width: 1021px){.fab-online{right:calc(50% - 376px)}}.online-body{display:flex;flex-direction:column;gap:10px}.online-status{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#ffffff0f;border:1px solid var(--hud-border)}.online-status-text{flex:1;display:flex;flex-direction:column;line-height:1.2;min-width:0}.online-status-text b{font-size:14px}.online-status-sub{font-size:11px;color:var(--hud-muted)}.online-dot{flex:none;width:10px;height:10px;border-radius:50%;background:#ffffff40;box-shadow:0 0 0 2px #ffffff14}.online-dot.on{background:var(--accent);box-shadow:0 0 10px #5ff5c8cc}.online-dot.small{width:8px;height:8px;margin-top:5px}.online-refresh{width:36px;height:36px}.online-logout{padding:6px 12px}.online-notice{margin:0;padding:8px 10px;border-radius:10px;font-size:12px;background:#ffd1661f;border:1px solid rgba(255,209,102,.3);color:var(--accent-warm)}.online-error{margin:0;font-size:12px;color:#ffb3b3}.online-auth{display:flex;flex-direction:column;gap:8px}.online-input{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:10px;border:1px solid var(--hud-border);background:#ffffff14;color:var(--hud-text);font:inherit;font-size:15px;outline:none;user-select:text;-webkit-user-select:text}.online-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #5ff5c833}.online-input::placeholder{color:var(--hud-muted)}.online-auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.online-auth-actions .action-btn{justify-content:center}.online-logged{display:flex;flex-direction:column}.online-section{margin-top:4px}.online-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.online-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:#ffffff0d;border:1px solid var(--hud-border)}.online-item.mine{border-color:#5ff5c84d}.online-item-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:12.5px;line-height:1.3}.online-item-text b{font-size:13.5px}.online-item-text small{color:var(--hud-muted);font-size:11px}.online-give{color:var(--accent)}.online-want{color:var(--accent-warm)}.online-item .action-btn{flex:none;padding:7px 12px}.online-visit svg{width:16px;height:16px}.online-empty{padding:10px;border-radius:12px;border:1px dashed var(--hud-border);color:var(--hud-muted);font-size:12px;text-align:center}.online-propose{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--hud-border)}.online-propose-row{display:grid;grid-template-columns:48px 1fr 1.4fr;gap:8px;align-items:center}.online-propose-label{font-size:12px;font-weight:800;color:var(--hud-muted);text-align:right}.online-qty{padding:8px 10px}.online-select{padding:8px 10px;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--hud-muted) 50%),linear-gradient(135deg,var(--hud-muted) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px;background-repeat:no-repeat}.online-select option{color:#0b1a3f}.online-propose .action-btn{justify-content:center}.online-body.busy .online-logged{opacity:.7}.explore-actions{display:flex;gap:6px;pointer-events:auto}.explore-view{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 10px;border-radius:999px;border:1px solid var(--hud-border);background:var(--hud-bg-strong);color:var(--hud-text);font-size:12px;font-weight:800;pointer-events:auto}.explore-view svg{width:15px;height:15px;color:var(--accent)}.explore-view:active{transform:scale(.96)}.profile .manual-card{max-width:520px}.profile-body{display:flex;flex-direction:column;gap:6px}.profile-label{margin-top:8px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-warm);font-weight:800}.profile-row{display:flex;gap:8px}.profile-input{flex:1;min-width:0;height:42px;padding:0 12px;border-radius:10px;border:1px solid var(--hud-border);background:#ffffff0f;color:var(--hud-text);font:inherit;font-size:15px;user-select:text;-webkit-user-select:text}.profile-input:focus{outline:none;border-color:var(--accent)}.profile-save{display:inline-flex;align-items:center;gap:4px;height:42px;padding:0 14px;border-radius:10px;border:none;background:var(--accent);color:#0b1a3f;font-weight:800}.profile-save svg{width:16px;height:16px}.profile-views{display:grid;grid-template-columns:1fr 1fr;gap:8px}.profile-view{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border-radius:10px;border:1px solid var(--hud-border);background:#ffffff0d;color:var(--hud-text);text-align:left}.profile-view small{color:var(--hud-muted);font-size:11px}.profile-view.active{border-color:var(--accent);background:#5ff5c81f}.profile-preview{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;background:radial-gradient(circle at 50% 30%,#5ff5c829,#ffffff08 70%);border:1px solid var(--hud-border)}.profile-preview-canvas{width:180px;height:220px;flex:none}.profile-preview-text{display:flex;flex-direction:column;gap:4px;min-width:0}.profile-preview-name{font-size:18px;font-weight:900}.profile-preview-note{color:var(--hud-muted);font-size:12px;line-height:1.4}.profile-skins{display:flex;flex-direction:column;gap:6px}.profile-skin{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid var(--hud-border);background:#ffffff0d;color:var(--hud-text);text-align:left}.profile-skin.selected{border-color:var(--accent);background:#5ff5c81f}.profile-skin.locked{opacity:.72}.profile-skin-dot{width:14px;height:14px;border-radius:50%;flex:none;box-shadow:0 0 0 2px #ffffff26}.profile-skin-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.profile-skin-text small{color:var(--hud-muted);font-size:11px}.profile-skin-unlock{color:var(--accent-warm)!important;font-weight:700}.profile-skin.selected .profile-skin-unlock,.profile-skin:not(.locked) .profile-skin-unlock{color:var(--accent)!important}.profile-skin-bar{display:block;height:4px;border-radius:2px;background:#ffffff1a;overflow:hidden;margin-top:2px}.profile-skin-fill{display:block;height:100%;background:var(--accent-warm)}.profile-skin-state{display:inline-flex;width:20px;justify-content:center;color:var(--accent);flex:none}.profile-skin-state svg{width:18px;height:18px}.profile-skin.locked .profile-skin-state{color:var(--hud-muted)}@media (max-width: 360px){.profile-preview-canvas{width:140px;height:170px}}.profile-account{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid var(--hud-border);background:#5ff5c814;font-size:13px}.profile-account.hidden{display:none}.profile-account>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.profile-account small{color:var(--hud-muted);font-size:11px}.profile-logout{height:36px;padding:0 14px;border-radius:10px;border:1px solid var(--hud-border);background:#ffffff0f;color:var(--hud-text);font-weight:800}