.start-flow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,2.5rem);color:var(--text);font-family:var(--font-ui);overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;-webkit-font-smoothing:antialiased;isolation:isolate}.start-flow-bg-stack{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.start-flow-bg-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover;object-position:42% 55%;transform:scale(1.02)}.start-flow-bg-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover}.start-flow-bg-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 72% 58% at 38% 48%,transparent 22%,rgba(0,0,0,.45) 62%,rgba(0,0,0,.82) 100%),linear-gradient(180deg,rgba(6,10,20,.35) 0%,transparent 18%,transparent 72%,rgba(4,6,12,.65) 100%);mix-blend-mode:multiply}.start-flow-bg-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.035;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.45) 2px,rgba(0,0,0,.45) 3px);pointer-events:none}.start-flow-inner{position:relative;z-index:1;width:min(960px,100%);max-height:min(96vh,900px);display:flex;flex-direction:column;gap:1.25rem;animation:start-flow-rise .7s cubic-bezier(.22,1,.36,1) both}@keyframes start-flow-rise{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.start-hero-panel{position:relative;border-radius:var(--radius-lg);padding:clamp(1.25rem,3.5vw,2rem) clamp(1.35rem,4vw,2.25rem)}.start-hero-panel--chrome{border:1px solid rgba(129,212,250,.35);background:linear-gradient(165deg,rgba(255,255,255,.07) 0%,transparent 42%),linear-gradient(180deg,#0e162af0,#080c18f7);box-shadow:0 0 0 1px #00000080,0 12px 48px #00000080,0 0 64px #4fc3f71f,0 0 96px #81d4fa0f,inset 0 1px #ffffff1a}.start-hero-panel--chrome:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(90deg,transparent 0%,rgba(79,195,247,.45) 18%,rgba(186,104,200,.5) 50%,rgba(79,195,247,.45) 82%,transparent 100%);opacity:.88;pointer-events:none}.start-hero-panel--chrome:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(79,195,247,.12);border-radius:calc(var(--radius-lg) - 8px);pointer-events:none}.start-title-brand{display:grid;grid-template-columns:auto 1fr;gap:clamp(1rem,3vw,1.75rem);align-items:start;margin-bottom:.25rem}@media (max-width: 560px){.start-title-brand{grid-template-columns:1fr;justify-items:center;text-align:center}.start-title-copy{text-align:center}.start-title-copy .start-sub{margin-left:auto;margin-right:auto}}.start-brand-mark{flex-shrink:0;width:clamp(72px,14vw,104px);height:clamp(72px,14vw,104px);padding:.5rem;border-radius:var(--radius-md);background:linear-gradient(145deg,rgba(255,255,255,.06) 0%,transparent 50%),#060c18a6;border:1px solid rgba(129,212,250,.28);box-shadow:inset 0 1px #ffffff14,0 0 32px #4fc3f72e,0 4px 20px #0006}.start-brand-mark__svg{display:block;width:100%;height:100%}.start-title-copy .start-kicker{font-family:var(--font-display);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:#81d4fae0;margin:0 0 .5rem;text-shadow:0 0 18px rgba(79,195,247,.35)}.start-title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.75rem,5vw,2.35rem);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .35rem;background:linear-gradient(185deg,#f0f7ff,#4fc3f7 38%,#e8a54b 72%,#8a5a18);-webkit-background-clip:text;background-clip:text;color:var(--accent);-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 14px rgba(0,0,0,.55)) drop-shadow(0 0 24px rgba(79,195,247,.2))}@supports not (background-clip: text){.start-title{color:var(--accent);-webkit-text-fill-color:unset;background:none}}.start-sub{margin:0 0 1.25rem;font-size:.98rem;line-height:1.55;color:var(--muted);max-width:42em}.start-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;transition:opacity .32s ease}.start-actions[hidden]{display:none}.start-name-gate{display:flex;flex-direction:column;gap:.55rem;margin:.85rem 0 1rem;padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid rgba(129,212,250,.28);background:#080e1c8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:opacity .32s ease,transform .32s ease}.start-name-gate--confirmed{opacity:0;transform:translateY(-6px);pointer-events:none}.start-name-gate__copy{margin:0;font-size:.86rem;line-height:1.45;color:#e2ecffd9}.start-name-gate__row{display:flex;flex-wrap:wrap;gap:.55rem;align-items:stretch}.start-name-gate__input{flex:1 1 auto;min-width:180px;padding:.62rem .85rem;border-radius:var(--radius-md);border:1px solid rgba(129,212,250,.32);background:#142038a6;color:#e1f5fe;font-family:var(--font-ui);font-size:.95rem;letter-spacing:.02em;outline:none;transition:border-color .15s ease,background .15s ease}.start-name-gate__input::placeholder{color:#b4c8e673}.start-name-gate__input:focus{border-color:#81d4fab3;background:#1c2c48c7}.start-name-gate__input:disabled{opacity:.7;cursor:progress}.start-name-gate__status{margin:.1rem 0 0;min-height:1.2em;font-size:.82rem;color:#c8d7ebc7}.start-name-gate__status.is-searching{color:#b3e5fc}.start-name-gate__status.is-searching:before{content:"◐";display:inline-block;margin-right:.4rem;animation:start-name-gate-spin 1s linear infinite}.start-name-gate__status.is-available{color:#98e6a8}.start-name-gate__status.is-available:before{content:"✓";display:inline-block;margin-right:.4rem;color:#b9f3c4}.start-name-gate__status.is-invalid{color:#ffb3b3}.start-name-gate__status.is-invalid:before{content:"!";display:inline-block;width:1rem;text-align:center;margin-right:.4rem;color:#ff8e8e;font-weight:700}@keyframes start-name-gate-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.start-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-md);padding:.7rem 1.35rem;font-family:var(--font-ui);font-weight:600;font-size:.88rem;cursor:pointer;transition:transform .1s ease,filter .1s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.start-btn:active:not(:disabled){transform:scale(.982);filter:brightness(1.07)}.start-btn:focus-visible{outline:2px solid rgba(129,212,250,.9);outline-offset:2px}.start-btn--neon-primary{color:#061018;border:1px solid rgba(186,104,200,.45);background:linear-gradient(175deg,#e1f5fe,#4fc3f7 38%,#0288d1 72%,#01579b);box-shadow:inset 0 1px #ffffff8c,inset 0 -2px 6px #00285059,0 4px 20px #0006,0 0 28px #4fc3f78c,0 0 48px #81d4fa59;animation:start-flow-neon-glow 2.4s ease-in-out infinite}.start-btn--neon-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px #ffffffa6,inset 0 -2px 6px #0028504d,0 6px 28px #00000073,0 0 36px #4fc3f7b3,0 0 64px #ba68c859}.start-btn--neon-primary:disabled{opacity:.45;cursor:not-allowed;animation:none;filter:grayscale(.35)}.start-btn--neon-ghost{color:#e8f4ff;border:1px solid rgba(129,212,250,.45);background:linear-gradient(175deg,#1e3048f2,#121c30eb 40%,#0c1424f5);text-shadow:0 0 14px rgba(79,195,247,.45);box-shadow:inset 0 1px #ffffff1f,inset 0 -2px 8px #00000059,0 4px 20px #0006,0 0 28px #4fc3f780,0 0 48px #81d4fa4d;animation:start-flow-ghost-glow 2.4s ease-in-out infinite}.start-btn--neon-ghost:hover{color:#fff;border-color:#e8a54b8c;box-shadow:inset 0 1px #ffffff29,inset 0 -2px 8px #00000052,0 6px 28px #00000073,0 0 36px #4fc3f7b3,0 0 64px #ba68c859}@keyframes start-flow-ghost-glow{0%,to{box-shadow:inset 0 1px #ffffff1f,inset 0 -2px 8px #00000059,0 4px 20px #0006,0 0 28px #4fc3f780,0 0 48px #81d4fa4d}50%{box-shadow:inset 0 1px #ffffff24,inset 0 -2px 8px #00000052,0 4px 22px #0000006b,0 0 40px #ba68c873,0 0 72px #4fc3f766}}@keyframes start-flow-neon-glow{0%,to{box-shadow:inset 0 1px #ffffff8c,inset 0 -2px 6px #00285059,0 4px 20px #0006,0 0 28px #4fc3f780,0 0 48px #81d4fa4d}50%{box-shadow:inset 0 1px #fff9,inset 0 -2px 6px #00285052,0 4px 22px #0000006b,0 0 40px #ba68c873,0 0 72px #4fc3f766}}.start-btn--back{margin-right:auto}.start-step{display:none;flex-direction:column;gap:1rem}.start-step--active{display:flex}.start-step-h{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.12em;text-transform:uppercase;margin:0;color:#f0f7ff;text-shadow:0 0 20px rgba(79,195,247,.18)}.start-step-p{margin:0;font-size:.92rem;color:var(--muted);line-height:1.5}.start-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.85rem}.start-preparing{display:none;align-items:center;gap:.85rem;padding:.68rem .85rem;border-radius:var(--radius-md);border:1px solid rgba(129,212,250,.22);background:linear-gradient(160deg,rgba(255,255,255,.03) 0%,transparent 42%),linear-gradient(180deg,#0e1624db,#080c14eb);box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #00000073,0 6px 14px #0000004d;color:var(--text);font-size:.85rem}.start-preparing--visible{display:flex}.start-preparing__hex{position:relative;width:34px;height:34px;flex:0 0 34px}.start-preparing__hex-spin,.start-preparing__hex-core{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(50% 4%,92% 28%,92% 72%,50% 96%,8% 72%,8% 28%)}.start-preparing__hex-spin{background:conic-gradient(from 0turn,#81d4fa00,#81d4fabf,#e8a54bcc,#81d4fa40,#81d4fa00 360deg);animation:start-preparing-spin 1.8s linear infinite}.start-preparing__hex-core{top:4px;right:4px;bottom:4px;left:4px;background:radial-gradient(circle at 50% 58%,rgba(232,165,75,.35) 0%,transparent 62%),linear-gradient(180deg,#141e30f2,#0a0e16fa);box-shadow:inset 0 0 0 1px #81d4fa66}.start-preparing__copy{flex:1 1 auto;display:flex;flex-direction:column;gap:.38rem;min-width:0}.start-preparing__label{color:var(--text);font-weight:500;letter-spacing:.02em}.start-preparing__bar{position:relative;height:4px;width:100%;border-radius:2px;background:#ffffff0f;overflow:hidden}.start-preparing__fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,#81d4faf2,#e8a54be6);box-shadow:0 0 8px #81d4fa8c,0 0 14px #e8a54b40;transition:transform .25s ease-out}.start-preparing--indeterminate .start-preparing__fill{transform:scaleX(.38);animation:start-preparing-sweep 1.6s ease-in-out infinite}.start-preparing--ready{border-color:#6ee7b752;background:linear-gradient(160deg,rgba(110,231,183,.06) 0%,transparent 42%),linear-gradient(180deg,#0e1624e6,#080c14f0)}.start-preparing--ready .start-preparing__hex-spin{animation-duration:5s;opacity:.55}.start-preparing--ready .start-preparing__fill{animation:none;transform:scaleX(1);background:linear-gradient(90deg,#6ee7b7f2,#81d4faf2);box-shadow:0 0 10px #6ee7b780,0 0 16px #81d4fa59}@keyframes start-preparing-spin{to{transform:rotate(1turn)}}@keyframes start-preparing-sweep{0%{transform:translate(-40%) scaleX(.32)}50%{transform:translate(0) scaleX(.55)}to{transform:translate(120%) scaleX(.32)}}@media (prefers-reduced-motion: reduce){.start-preparing__hex-spin{animation:none}.start-preparing--indeterminate .start-preparing__fill{animation:none;transform:scaleX(.5)}.start-preparing__fill{transition:none}}.start-card{position:relative;text-align:left;padding:1rem 1.05rem;border-radius:var(--radius-md);border:1px solid rgba(79,195,247,.28);background:linear-gradient(160deg,rgba(255,255,255,.05) 0%,transparent 40%),linear-gradient(180deg,#121a2aeb,#0a0e18f5);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .12s ease,filter .12s ease;box-shadow:0 2px 14px #00000061,0 0 28px #4fc3f71f,0 0 48px #81d4fa14}.start-card--playable:not(.start-card--selected):not(:disabled){animation:start-card-playable-glow 2.35s ease-in-out infinite}.start-card:hover:not(:disabled){border-color:#81d4fabf;box-shadow:0 4px 22px #0000006b,0 0 40px #4fc3f76b,0 0 64px #ba68c838,0 0 72px #81d4fa33;transform:translateY(-2px)}.start-card:active:not(:disabled){transform:translateY(0) scale(.985);filter:brightness(1.06)}@keyframes start-card-playable-glow{0%,to{border-color:#81d4fa80;box-shadow:0 2px 16px #0006,0 0 32px #4fc3f761,0 0 52px #81d4fa42,0 0 72px #4fc3f71f}50%{border-color:#ba68c88c;box-shadow:0 2px 18px #00000070,0 0 44px #ba68c861,0 0 72px #4fc3f76b,0 0 96px #81d4fa33}}.start-card:disabled{cursor:not-allowed;opacity:.42;animation:none}.start-card--selected{border-color:#ba68c88c;animation:start-card-selected-glow 1.85s ease-in-out infinite}@keyframes start-card-selected-glow{0%,to{box-shadow:0 0 0 2px #81d4fa80,0 4px 20px #0000006b,0 0 36px #4fc3f77a,0 0 56px #81d4fa52,0 0 72px #ba68c82e}50%{box-shadow:0 0 0 2px #e8a54ba6,0 4px 22px #00000073,0 0 52px #ba68c873,0 0 80px #4fc3f76b,0 0 96px #f48fb126}}.start-card-title{font-family:var(--font-display);font-size:.95rem;letter-spacing:.06em;margin:0 0 .2rem;color:var(--text)}.start-card-meta{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:#81d4fad9;margin:0 0 .45rem}.start-card-desc{margin:0;font-size:.82rem;line-height:1.45;color:var(--muted)}.start-badge{position:absolute;top:.55rem;right:.55rem;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.2rem .45rem;border-radius:4px;background:#00000073;color:var(--muted);border:1px solid rgba(129,212,250,.22)}.start-badge--soon{color:var(--accent2);border-color:#6b9eff59}.start-footer-note{font-size:.78rem;color:var(--muted);margin:0;opacity:.88}.start-footer-note--room{font-size:.72rem;opacity:.8;margin-top:.35rem}.start-code{font-size:.74em;font-family:ui-monospace,monospace;color:#81d4faf2}@media (max-width: 520px){.start-actions{flex-direction:column;align-items:stretch}.start-btn--back{margin-right:0}}@media (prefers-reduced-motion: reduce){.start-btn:active:not(:disabled),.start-card:active:not(:disabled){transform:none;filter:none}}:root{--bg: #080a0f;--bg-elevated: #0e1118;--panel: #12161f;--panel2: #1a1f2a;--panel-highlight: #222836;--metal-deep: #0d0f14;--metal-mid: #2a3142;--metal-bright: #4a5568;--metal-rim: #5c6578;--brass: #c9a227;--brass-dim: #8a7020;--copper: #b87333;--patina: #3d5a4a;--border: #2c3548;--border-lit: rgba(255, 248, 230, .12);--border-shadow: rgba(0, 0, 0, .55);--text: #e9ecf2;--muted: #8b93a8;--accent: #e8a54b;--accent-glow: rgba(232, 165, 75, .22);--accent2: #6b9eff;--accent2-deep: #3d5a9e;--danger: #d45858;--danger-deep: #7a2828;--success: #52b884;--magic: #a78bfa;--magic-deep: #5b3d9e;--shadow-inset: inset 0 2px 6px rgba(0, 0, 0, .55);--shadow-inset-soft: inset 0 1px 0 rgba(255, 255, 255, .06);--shadow-drop: 0 6px 24px rgba(0, 0, 0, .45);--shadow-lift: 0 2px 0 rgba(255, 255, 255, .04);--font-display: "Cinzel", "Palatino Linotype", serif;--font-ui: "DM Sans", system-ui, sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px}*{box-sizing:border-box}html{margin:0;padding:0;height:100%;background-color:var(--bg)}@supports (height: 100dvh){html{height:100dvh}}html:fullscreen,html:-webkit-full-screen{background-color:var(--bg)}body:fullscreen,body:-webkit-full-screen{background-color:var(--bg)}#app:fullscreen,#app:-webkit-full-screen{background-color:var(--bg)}body{margin:0;background-color:var(--bg);background-image:radial-gradient(ellipse 120% 80% at 50% -20%,rgba(107,158,255,.07) 0%,transparent 50%),radial-gradient(ellipse 80% 50% at 100% 50%,rgba(201,162,39,.04) 0%,transparent 45%),linear-gradient(180deg,var(--bg) 0%,#06070b 100%);color:var(--text);min-height:100%;height:100%;overflow:hidden;font-family:var(--font-ui);font-optical-sizing:auto;-webkit-font-smoothing:antialiased}#app{height:100%;min-height:0;overflow:hidden;background-color:var(--bg);color-scheme:dark;user-select:none;-webkit-user-select:none}#app :where(input,textarea,select,[contenteditable=true]){user-select:text;-webkit-user-select:text}#app-shell{--game-shell-bg-image: none;display:grid;grid-template-columns:minmax(180px,216px) minmax(0,1fr) clamp(420px,55vw,1280px);grid-template-rows:auto auto 1fr;height:100%;min-height:0;overflow:hidden;position:relative;background-color:#060910;background-image:linear-gradient(180deg,#05080ee0,#060a129e 38%,#05080ed1),var(--game-shell-bg-image);background-size:cover;background-position:center 42%;background-attachment:fixed;background-repeat:no-repeat}.game-title{grid-column:1 / -1;margin:0;padding:.75rem 1.35rem .9rem;border-bottom:1px solid rgba(79,195,247,.2);background:linear-gradient(180deg,rgba(255,255,255,.07) 0%,transparent 40%),linear-gradient(90deg,#0e121ce0,#0a0e16c7 45%,#080b12d9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-inset-soft),0 4px 20px var(--border-shadow),0 0 48px #4fc3f714;position:relative;display:flex;align-items:center;justify-content:center;text-align:center}.game-title:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--brass-dim) 12%,var(--brass) 50%,var(--brass-dim) 88%,transparent 100%);opacity:.65}.game-title-inner{display:inline-flex;align-items:center;gap:.2em;filter:drop-shadow(0 4px 8px rgba(0,0,0,.65))}.game-title-idle,.game-title-craft{font-family:var(--font-display);font-weight:700;font-size:clamp(1.15rem,2.8vw,1.65rem);letter-spacing:.22em;text-transform:uppercase;line-height:1;position:relative}.game-title-idle{background:linear-gradient(185deg,#fff,#e4eaf4 18%,#9aa4b8 42%,#5c6578 52%,#8c96a8 72%,#d8dee8);-webkit-background-clip:text;background-clip:text;color:#b8c0d0;-webkit-text-fill-color:transparent;text-shadow:none}@supports not (background-clip: text){.game-title-idle{color:#c5ccd8;-webkit-text-fill-color:unset;background:none;text-shadow:0 1px 0 rgba(255,255,255,.4),0 -1px 0 rgba(0,0,0,.45),0 3px 6px rgba(0,0,0,.5),0 0 18px rgba(107,158,255,.2)}}.game-title-craft{background:linear-gradient(185deg,#fff8e8,#ffd88a 20%,#e8a54b 45%,#b87322 58%,#e8a54b 78%,#ffecc8);-webkit-background-clip:text;background-clip:text;color:var(--accent);-webkit-text-fill-color:transparent}@supports not (background-clip: text){.game-title-craft{color:var(--accent);-webkit-text-fill-color:unset;background:none;text-shadow:0 1px 0 rgba(255,240,210,.5),0 -1px 0 rgba(100,50,10,.55),0 3px 8px rgba(0,0,0,.55),0 0 28px var(--accent-glow)}}.game-title-rivet{display:inline-block;width:.32em;min-width:5px;height:1.05em;align-self:center;margin:0 .06em;border-radius:2px;background:linear-gradient(180deg,#f0d060 0%,var(--brass) 35%,var(--brass-dim) 65%,#4a3a18 100%);box-shadow:inset 0 1px #ffffff73,inset 0 -2px 4px #00000073,0 2px 5px #00000080;flex-shrink:0}.app-hud{grid-column:1 / -1;padding:.72rem 1.15rem;position:relative;background:radial-gradient(ellipse 120% 90% at 0% 0%,rgba(79,195,247,.1) 0%,transparent 55%),radial-gradient(ellipse 100% 80% at 100% 0%,rgba(186,104,200,.06) 0%,transparent 50%),linear-gradient(180deg,#0c101aeb,#080b12e0);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(79,195,247,.22);box-shadow:inset 0 1px 0 var(--border-lit),0 4px 16px #00000059,0 0 40px #4fc3f714}.app-hud:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(79,195,247,.35) 18%,rgba(186,104,200,.25) 50%,rgba(79,195,247,.35) 82%,transparent 100%);opacity:.75;pointer-events:none}.hud-row{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .85rem}.hud-session{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.55rem;padding:.35rem .65rem;border-radius:6px;background:#0c1424b8;border:1px solid rgba(129,212,250,.28);font-size:.82rem;color:#e1f5feeb;width:100%;box-sizing:border-box}.hud-session__badge{font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;color:#81d4faf2}.hud-session__room{font-variant-numeric:tabular-nums;opacity:.92}.hud-session__team{padding:.12rem .45rem;border-radius:4px;background:#e8a54b2e;border:1px solid rgba(232,165,75,.35);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.hud-session__party{font-size:.78rem;opacity:.88}.hud-stats{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.85rem 1.25rem;align-items:center;width:100%}.hud-meters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem 1.1rem;min-width:0}.hud-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem .65rem}.meter{display:grid;grid-template-columns:minmax(2.85rem,4.2rem) minmax(0,1fr) 2.15rem;align-items:center;gap:.38rem .45rem;min-width:0;max-width:none}.hud-meters .meter-ornate{box-shadow:var(--shadow-inset),var(--shadow-inset-soft),0 2px 10px #00000073,inset 0 1px #c9a2271a,0 0 20px #4fc3f71f}.hud-meters .meter--hp .meter-ornate{box-shadow:var(--shadow-inset),var(--shadow-inset-soft),0 0 18px #d4585826}.hud-meters .meter--critical .meter-ornate{animation:meter-critical-glow 1.1s ease-in-out infinite;border-color:#ff5a5a8c}.meter-label{font-family:var(--font-display);font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1.05;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;color:#9aa3b8;text-shadow:0 1px 0 rgba(255,255,255,.12),0 -1px 0 rgba(0,0,0,.72)}.meter--hp .meter-label{color:#e8a098;text-shadow:0 1px 0 rgba(255,220,210,.2),0 -1px 0 rgba(40,10,10,.85),0 0 14px rgba(212,88,88,.18)}.meter--hunger .meter-label{color:#f0c890;text-shadow:0 1px 0 rgba(255,235,200,.22),0 -1px 0 rgba(50,30,6,.8),0 0 12px var(--accent-glow)}.meter--thirst .meter-label{color:#9cc8f0;text-shadow:0 1px 0 rgba(220,240,255,.2),0 -1px 0 rgba(10,24,48,.82),0 0 12px rgba(74,143,217,.2)}.meter--mana .meter-label{color:#c4b4f5;text-shadow:0 1px 0 rgba(235,225,255,.22),0 -1px 0 rgba(24,12,48,.82),0 0 14px rgba(167,139,250,.22)}.meter-val{font-family:var(--font-display);font-size:.7rem;font-weight:700;font-variant-numeric:tabular-nums;text-align:right;color:#f2f4f8;letter-spacing:.04em;text-shadow:0 1px 0 rgba(255,255,255,.18),0 -1px 0 rgba(0,0,0,.65)}.meter--hp .meter-val{color:#ffd4cf}.meter--hunger .meter-val{color:#ffe8c8}.meter--thirst .meter-val{color:#d8ecff}.meter--mana .meter-val{color:#ebe4ff}.meter-ornate{position:relative;padding:6px 9px;border-radius:var(--radius-sm);background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 38%),linear-gradient(155deg,var(--metal-mid) 0%,var(--metal-deep) 45%,#141820 100%);border:1px solid rgba(44,62,90,.85);box-shadow:var(--shadow-inset),var(--shadow-inset-soft),0 2px 8px #0000006b,inset 0 1px #c9a22714,0 0 16px #4fc3f70f}.meter-ornate:before{content:"";position:absolute;left:6px;right:6px;top:1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,248,220,.12),transparent);pointer-events:none;border-radius:1px}.meter-corner{position:absolute;width:7px;height:7px;border:2px solid var(--brass);opacity:.75;pointer-events:none;z-index:2}.meter-corner--tl{top:2px;left:2px;border-right:none;border-bottom:none;border-radius:2px 0 0}.meter-corner--tr{top:2px;right:2px;border-left:none;border-bottom:none;border-radius:0 2px 0 0}.meter-corner--bl{bottom:2px;left:2px;border-right:none;border-top:none;border-radius:0 0 0 2px}.meter-corner--br{bottom:2px;right:2px;border-left:none;border-top:none;border-radius:0 0 2px}.meter-track{position:relative;height:13px;border-radius:5px;background:linear-gradient(90deg,rgba(0,0,0,.35) 0%,transparent 8%,transparent 92%,rgba(0,0,0,.35) 100%),linear-gradient(180deg,#030405,#151a24);box-shadow:inset 0 2px 7px #000000eb,inset 0 -1px #ffffff0d,0 0 0 1px #0006;overflow:hidden}.meter-track:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:5px;box-shadow:inset 0 0 0 1px #ffffff0a;pointer-events:none;z-index:4}.meter-fill{display:block;height:100%;border-radius:4px;min-width:0;transition:width .28s cubic-bezier(.33,1,.68,1);position:relative;z-index:1;box-shadow:inset 0 1px #ffffff61,inset 0 -2px 4px #00000038}.meter-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.14) 45%,transparent 88%);opacity:.55;pointer-events:none;border-radius:inherit}.meter-specular{position:absolute;left:0;right:0;top:0;height:52%;background:linear-gradient(180deg,rgba(255,255,255,.18) 0%,transparent 100%);border-radius:5px 5px 0 0;pointer-events:none;z-index:2}.meter--hp .meter-fill{background:linear-gradient(180deg,#ff8a7a 0%,#c43c3c 38%,var(--danger-deep) 100%);box-shadow:inset 0 1px #ffc8be73,0 0 12px #d4585840}.meter--hunger .meter-fill{background:linear-gradient(180deg,#ffd08a 0%,var(--accent) 42%,#a86a1e 100%);box-shadow:inset 0 1px #ffebc866,0 0 10px var(--accent-glow)}.meter--thirst .meter-fill{background:linear-gradient(180deg,#a8d8ff,#4a8fd9 40%,#2a5580);box-shadow:inset 0 1px #dcf0ff73,0 0 10px #4a8fd933}.meter--mana .meter-fill{background:linear-gradient(180deg,#d4c4ff 0%,var(--magic) 45%,var(--magic-deep) 100%);box-shadow:inset 0 1px #f0e6ff66,0 0 12px #a78bfa47}@keyframes meter-critical-glow{0%,to{box-shadow:var(--shadow-inset),0 0 14px #ff505059,0 0 28px #d4585833}50%{box-shadow:var(--shadow-inset),0 0 22px #ff78648c,0 0 40px #ff3c3c4d}}.meter-warn-slash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;border-radius:5px;background:repeating-linear-gradient(125deg,transparent 0,transparent 5px,rgba(255,45,45,.22) 5px,rgba(255,45,45,.22) 7px);animation:meter-warn-slash-pulse .85s ease-in-out infinite;mix-blend-mode:screen}.meter-warn-slash:after{content:"";position:absolute;left:-15%;top:50%;width:130%;height:2px;margin-top:-1px;background:linear-gradient(90deg,transparent 0%,rgba(255,220,220,.95) 50%,transparent 100%);box-shadow:0 0 12px #ff5050e6;transform:rotate(-18deg);animation:meter-warn-line 1.1s ease-in-out infinite}@keyframes meter-warn-slash-pulse{0%,to{opacity:.65}50%{opacity:1}}@keyframes meter-warn-line{0%,to{opacity:.5}50%{opacity:1}}.meter--critical .meter-label{color:#ffb0a8!important;animation:meter-label-warn 1s ease-in-out infinite}@keyframes meter-label-warn{0%,to{text-shadow:0 0 8px rgba(255,100,100,.4)}50%{text-shadow:0 0 16px rgba(255,80,80,.75)}}.hud-chip{font-size:.65rem;font-weight:500;padding:.3rem .55rem;border-radius:var(--radius-sm);background:linear-gradient(165deg,var(--panel2) 0%,var(--metal-deep) 100%);border:1px solid var(--border);color:var(--muted);box-shadow:var(--shadow-inset-soft),inset 0 -2px 4px #00000040}.hud-chip.hud-ok{border-color:#52b88473;color:var(--success);background:linear-gradient(165deg,rgba(82,184,132,.12) 0%,var(--panel2) 100%)}.hud-chip--coin{font-family:var(--font-display);font-weight:700;font-size:.68rem;letter-spacing:.06em;color:#e0c878;border-color:#c9a22773;background:linear-gradient(180deg,rgba(255,248,200,.06) 0%,transparent 42%),linear-gradient(165deg,#1c2230 0%,var(--metal-deep) 100%);text-shadow:0 1px 0 rgba(255,255,255,.12),0 -1px 0 rgba(0,0,0,.55);box-shadow:var(--shadow-inset-soft),inset 0 -2px 4px #00000047,0 0 18px #c9a22724,0 0 28px #e8a54b14;animation:hud-coin-glow 3s ease-in-out infinite}@keyframes hud-coin-glow{0%,to{box-shadow:var(--shadow-inset-soft),inset 0 -2px 4px #00000047,0 0 16px #c9a2271f}50%{box-shadow:var(--shadow-inset-soft),inset 0 -2px 4px #00000042,0 0 24px #e8a54b33,0 0 36px #4fc3f714}}.hud-combat-stat{display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .6rem .32rem .42rem;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.45);background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 40%),linear-gradient(160deg,#252b38 0%,var(--metal-deep) 55%,#0c0e12 100%);box-shadow:inset 0 1px #ffffff0f,inset 0 -2px 5px #00000059,0 2px 8px #0000004d,0 0 16px #4fc3f70f;position:relative;transition:box-shadow .2s ease,border-color .2s ease}.hud-meta .hud-combat-stat:hover{border-color:#81d4fa59;box-shadow:inset 0 1px #ffffff14,0 0 24px #4fc3f72e,0 2px 10px #00000059}.hud-combat-stat__ledge{width:4px;align-self:stretch;min-height:1.35rem;border-radius:2px;flex-shrink:0;box-shadow:inset 0 1px #ffffff59,inset 0 -1px #0006}.hud-combat-stat--atk .hud-combat-stat__ledge{background:linear-gradient(180deg,#ffb090,#d45858 42%,#6a2020);box-shadow:inset 0 1px #ffdcc873,inset 0 -1px #00000080,0 0 10px #d4585859}.hud-combat-stat--arm .hud-combat-stat__ledge{background:linear-gradient(180deg,#b8d4ff,#4a7ab8 45%,#243a58);box-shadow:inset 0 1px #e6f0ff66,inset 0 -1px #00000073,0 0 10px #4a7ab847}.hud-combat-stat--atk{border-color:#d4585847}.hud-combat-stat--arm{border-color:#5a82be52}.hud-combat-stat__label{font-family:var(--font-display);font-size:.65rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}.hud-combat-stat--atk .hud-combat-stat__label{color:#f0b8b0;text-shadow:0 1px 0 rgba(255,220,210,.2),0 -1px 0 rgba(30,8,8,.85)}.hud-combat-stat--arm .hud-combat-stat__label{color:#a8c8f0;text-shadow:0 1px 0 rgba(220,235,255,.18),0 -1px 0 rgba(8,16,30,.85)}.hud-combat-stat__val{font-family:var(--font-display);font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums;margin-left:.15rem;min-width:1.5rem;text-align:right;letter-spacing:.02em}.hud-combat-stat--atk .hud-combat-stat__val{color:#fff0ec;text-shadow:0 1px 0 rgba(255,255,255,.25),0 -1px 0 rgba(0,0,0,.55),0 0 12px rgba(255,120,100,.2)}.hud-combat-stat--arm .hud-combat-stat__val{color:#e8f2ff;text-shadow:0 1px 0 rgba(255,255,255,.2),0 -1px 0 rgba(0,0,0,.55),0 0 10px rgba(120,170,255,.18)}.hud-cooler{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .6rem .3rem .45rem;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:.62rem;line-height:1.25;max-width:220px}.hud-cooler__therm{position:relative;width:10px;height:22px;flex-shrink:0;border-radius:5px 5px 6px 6px;background:linear-gradient(180deg,#2a3548,#12161f);box-shadow:inset 0 2px 5px #000000a6,inset 0 -1px #ffffff0d,0 0 0 1px #00000059}.hud-cooler__therm:before{content:"";position:absolute;left:50%;bottom:3px;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.35),transparent 45%),linear-gradient(180deg,#6a7a90,#3a4558);box-shadow:0 1px 2px #00000080}.hud-cooler__therm:after{content:"";position:absolute;left:50%;top:4px;bottom:9px;width:3px;transform:translate(-50%);border-radius:2px;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 100%);opacity:.5}.hud-cooler--on{border-color:#78c8e673;background:linear-gradient(180deg,rgba(180,230,255,.1) 0%,transparent 45%),linear-gradient(165deg,rgba(60,100,130,.35) 0%,var(--panel2) 100%);color:#b8dce8;box-shadow:inset 0 1px #ffffff0f,0 0 16px #64b4dc1f}.hud-cooler--on .hud-cooler__therm:after{background:linear-gradient(180deg,#7ee0ff,#2a9ec4 55%,#156080);opacity:1;box-shadow:0 0 8px #78dcff73}.hud-cooler--on .hud-cooler__therm:before{background:radial-gradient(circle at 35% 30%,#bff6ff,#3ab0d0 55%,#0a5068);box-shadow:0 0 10px #64dcff80}.hud-cooler--on .hud-cooler__text strong{color:#dff8ff;font-weight:700;letter-spacing:.06em;text-shadow:0 0 12px rgba(150,230,255,.35)}.hud-cooler--off{color:var(--muted);background:linear-gradient(165deg,var(--panel2) 0%,var(--metal-deep) 100%);opacity:.92}.hud-cooler--off .hud-cooler__therm:after{background:linear-gradient(180deg,#c45858,#7a3030);opacity:.85;height:55%;top:auto;bottom:9px}.hud-cooler--off .hud-cooler__therm:before{background:radial-gradient(circle at 35% 30%,#ff9088,#a04040 70%,#401818)}.death-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.death-modal--open{display:flex}.death-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#28141480,#000000d1 70%);cursor:pointer}.death-modal-card{position:relative;max-width:440px;width:100%;padding:1.35rem 1.5rem;border-radius:var(--radius-lg);border:2px solid rgba(212,88,88,.55);background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 35%),linear-gradient(145deg,var(--panel2) 0%,var(--panel) 100%);box-shadow:var(--shadow-drop),inset 0 1px #ffffff0f,0 0 0 1px #0006}.death-modal-card:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid rgba(201,162,39,.2);border-radius:calc(var(--radius-lg) - 6px);pointer-events:none}.death-modal-title{margin:0 0 .65rem;font-family:var(--font-display);font-size:1.35rem;letter-spacing:.04em;color:var(--danger)}.death-modal-desc{margin:0 0 1rem;font-size:.88rem;line-height:1.5;color:var(--text)}.page-root{grid-column:2;grid-row:3;overflow:auto;padding:1.1rem 1.35rem;min-height:0;background:transparent;contain:layout style;scroll-behavior:auto}.character-dock{grid-column:3;grid-row:3;position:sticky;top:0;align-self:start;max-height:100vh;overflow:auto;padding:.85rem .75rem 1.1rem;border-left:none;background:transparent;box-shadow:none;z-index:2}.character-dock-title{font-family:var(--font-display);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--brass);margin:0 0 .5rem;text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 12px rgba(0,0,0,.5)}.character-preview-root{position:relative;width:100%;max-width:1680px;aspect-ratio:16 / 9;min-height:0;margin:0 auto;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--metal-rim);background:linear-gradient(180deg,#0a0c10,#050608);box-shadow:var(--shadow-drop),inset 0 1px 0 var(--border-lit),inset 0 -2px 12px #00000080}.gather-page-layout>.panel-block:first-child{max-width:26rem}.merchant-panel{max-width:48rem}.merchant-visit-clock{font-family:var(--font-display);font-size:.95rem;letter-spacing:.04em;color:#c9e8ff;margin:.25rem 0 .5rem}.merchant-panel-blurb{margin-bottom:.75rem}.merchant-sections{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem}@media (max-width: 52rem){.merchant-sections{grid-template-columns:1fr}}.merchant-sell-rows{display:flex;flex-direction:column;gap:.45rem;margin-top:.35rem}.merchant-sell-row{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.25rem .5rem;align-items:center;padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.82rem}.merchant-sell-name{font-weight:600}.merchant-sell-qty{color:var(--muted);font-variant-numeric:tabular-nums}.merchant-sell-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.35rem}.merchant-sell-actions .btn{font-size:.72rem;padding:.25rem .45rem}.merchant-offer-grid{display:flex;flex-direction:column;gap:.65rem;margin-top:.35rem}.merchant-offer{padding:.5rem .55rem;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08);background:#0003}.merchant-offer--na{opacity:.65}.merchant-offer-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.merchant-offer-price{font-weight:700;color:#e8d78a;font-variant-numeric:tabular-nums}.merchant-offer-tag{font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;padding:.12rem .35rem;border-radius:3px;background:#64a0dc40;color:#bde;margin-left:.35rem}.merchant-offer-desc{margin:.25rem 0 .15rem;font-size:.74rem;line-height:1.35;color:#e8f4ffd9}.merchant-offer-meta{margin:0 0 .35rem;font-size:.68rem;color:var(--muted)}.merchant-buy-btn{width:100%;font-size:.78rem}.merchant-empty{font-size:.78rem;color:var(--muted);margin:.35rem 0 0}.rpg-page-layout{display:flex;flex-direction:column;gap:1rem;max-width:58rem}.rpg-intro .rpg-currency-line{margin-top:.5rem;font-size:.88rem}.rpg-vein-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17.5rem,1fr));gap:.85rem}.rpg-vein-card h3{margin:0;font-size:1.05rem}.rpg-vein-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.rpg-sealed-badge{flex-shrink:0;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .45rem;border-radius:var(--radius-sm);background:#78282873;border:1px solid rgba(255,120,100,.35);color:#fba}.rpg-strain-wrap{margin-bottom:.65rem}.rpg-strain-label{font-size:.72rem;color:var(--muted);margin-bottom:.25rem}.rpg-strain-num{color:var(--text);font-weight:600}.rpg-strain-bar{height:6px;border-radius:3px;background:#00000059;border:1px solid var(--metal-rim);overflow:hidden}.rpg-strain-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#3a8a6a,#c9a227 55%,#c04040);transition:width .25s ease-out}.rpg-strain-hint{margin:.35rem 0 0;font-size:.68rem;line-height:1.35;color:var(--muted)}.rpg-branch-list{display:flex;flex-direction:column;gap:.65rem}.rpg-branch{padding:.45rem 0 0;border-top:1px solid rgba(255,255,255,.06)}.rpg-branch-head{display:flex;align-items:baseline;justify-content:space-between;gap:.35rem;font-size:.82rem}.rpg-tier{font-size:.68rem;color:var(--muted);white-space:nowrap}.rpg-branch-body{margin:.25rem 0 .15rem;font-size:.72rem;line-height:1.4;color:#e8f4ffd1}.rpg-branch-stat{margin:0 0 .35rem;font-size:.68rem;color:#9ec8b8;font-variant-numeric:tabular-nums}.rpg-upgrade-btn{width:100%;margin-top:.15rem}.rpg-upgrade-btn--disabled{opacity:.55}.rpg-roadmap .rpg-roadmap-list{margin:.5rem 0 0;padding-left:1.15rem;font-size:.78rem;line-height:1.45;color:#e8f4ffd9}.rpg-roadmap .rpg-roadmap-list li{margin-bottom:.35rem}.character-preview-root canvas{display:block;width:100%;height:100%;margin:0;padding:0;vertical-align:top;cursor:grab;user-select:none;-webkit-user-select:none}.character-preview-root canvas:active{cursor:grabbing}.character-dmg-floater{position:absolute;left:50%;top:38%;transform:translate(-50%);font-family:var(--font-display);font-weight:700;font-size:clamp(1.1rem,3vw,1.65rem);pointer-events:none;text-shadow:0 2px 8px rgba(0,0,0,.85);opacity:0;transition:opacity .12s ease-out,transform .75s ease-out;z-index:5}.character-dmg-floater--enemy{color:#fc6}.character-dmg-floater--player{color:#f66}.character-dmg-floater--lift{opacity:1;transform:translate(-50%,-28px)}.character-presence-hud{position:absolute;left:.5rem;bottom:.45rem;right:.5rem;max-width:min(22rem,92%);display:flex;flex-direction:column;gap:.2rem;font-size:.72rem;color:#e8f4ffeb;text-shadow:0 1px 6px rgba(0,0,0,.75);pointer-events:none;z-index:4}.character-presence-hud__title{font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.62rem;opacity:.88}.character-presence-hud__list{display:flex;flex-wrap:wrap;gap:.25rem .5rem}.character-presence-hud__item{padding:.12rem .35rem;border-radius:6px;background:#080e1c8c;border:1px solid rgba(129,212,250,.22)}.portal-purpose-callout{margin:.35rem 0 0;font-size:.82rem;font-weight:600;color:var(--accent2);line-height:1.35}.portal-panel .desc{color:var(--muted);font-size:.88rem;line-height:1.45;margin:.5rem 0 0}.portal-meta{color:var(--muted);font-size:.82rem;margin:.65rem 0 0;line-height:1.4}.portal-meta a{color:var(--accent2)}.portal-code{font-size:.78rem;color:var(--accent2);word-break:break-all}.portal-desc-second{margin-top:.65rem}body.vibejam-from-portal{box-shadow:inset 0 0 80px #6b9eff14}.portal-page-layout{display:flex;flex-direction:column;gap:1rem;max-width:32rem}.portal-dest-heading{margin:0 0 .65rem;font-family:var(--font-display);font-size:.95rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent2)}.portal-dest-list{display:flex;flex-direction:column;gap:.65rem}.portal-dest-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.65rem .75rem;border-radius:var(--radius-md);border:1px solid var(--border);background:linear-gradient(135deg,var(--panel2) 0%,var(--panel) 100%);box-shadow:var(--shadow-inset-soft)}.portal-dest-info{flex:1;min-width:12rem}.portal-dest-title{font-weight:600;font-size:.95rem;color:var(--text);margin-bottom:.25rem}.portal-dest-desc{margin:0;font-size:.8rem;color:var(--muted);line-height:1.35}.portal-dest-btn{flex-shrink:0;align-self:center;min-width:5rem;text-align:center;text-decoration:none}.nav{grid-column:1;grid-row:3;border-right:1px solid rgba(79,195,247,.14);background:linear-gradient(90deg,#080b12e6,#0c101ad1 55%,#0a0e16e0);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.65rem 0;display:flex;flex-direction:column;gap:.35rem;box-shadow:inset -6px 0 16px #00000047,0 0 32px #4fc3f70d}.nav .nav-page-btn{text-align:left;padding:.58rem 1rem .58rem .95rem;margin:0 .45rem;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;cursor:pointer;font-family:var(--font-display);font-size:.8125rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;position:relative;transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;color:#8b95a8;text-shadow:0 1px 0 rgba(255,255,255,.1),0 -1px 0 rgba(0,0,0,.65)}.nav .nav-page-btn:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;border-radius:0 2px 2px 0;background:linear-gradient(180deg,#ffe8a8 0%,var(--brass) 40%,var(--accent) 100%);box-shadow:0 0 3px #e8a54b73;opacity:0;transition:height .22s ease,opacity .22s ease}.nav .nav-page-btn:hover{color:#e8f4ff;background:linear-gradient(90deg,#4fc3f71a,#4fc3f705);border-color:#81d4fa47;box-shadow:inset 0 1px #ffffff0f,0 0 20px #4fc3f71f;text-shadow:0 1px 0 rgba(255,255,255,.22),0 -1px 0 rgba(0,0,0,.55),0 0 14px rgba(129,212,250,.2)}.nav .nav-page-btn.active{color:#fff8f0;background:linear-gradient(90deg,rgba(232,165,75,.2) 0%,rgba(79,195,247,.08) 72%,transparent 100%);border-color:#81d4fa73;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #00000038,0 0 28px #4fc3f72e,0 0 44px #e8a54b1a;text-shadow:0 1px 0 rgba(255,255,255,.38),0 -1px 0 rgba(40,22,6,.85),0 0 18px rgba(232,165,75,.25);animation:nav-tab-glow 2.8s ease-in-out infinite}.nav .nav-page-btn.active:before{height:70%;opacity:1;background:linear-gradient(180deg,#b3e5fc 0%,var(--brass) 38%,var(--accent) 100%);box-shadow:0 0 12px #4fc3f78c}.nav .nav-page-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@keyframes nav-tab-glow{0%,to{box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #00000038,0 0 24px #4fc3f729,0 0 36px #e8a54b14}50%{box-shadow:inset 0 1px #ffffff24,inset 0 -1px #0003,0 0 32px #81d4fa38,0 0 48px #ba68c81f}}.nav .nav-page-btn--portal{white-space:normal;line-height:1.35;font-size:.68rem;letter-spacing:.07em;padding-top:.52rem;padding-bottom:.52rem}.nav .nav-reset-btn{text-align:left;padding:.5rem 1rem .5rem .95rem;margin:.35rem .45rem 0;border:1px solid rgba(212,88,88,.4);border-radius:var(--radius-sm);background:linear-gradient(165deg,#501e1e73,#140c0ebf);cursor:pointer;font-family:var(--font-display);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#e8b8b8;transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;box-shadow:0 0 16px #d458581f}.nav .nav-reset-btn:hover{color:#fff0f0;background:#501c1c8c;border-color:#ff8c8c8c;box-shadow:0 0 22px #ff646438}.nav .nav-page-btn--awakening{border-color:#6ec8e673;background:linear-gradient(165deg,#1432468c,#0a121cc7);color:#cfe8f4;box-shadow:0 0 18px #6ec8e629}.nav .nav-page-btn--awakening:hover:not(:disabled){color:#f0fbff;border-color:#a0e6ffa6;box-shadow:0 0 26px #78dcff47}.nav .nav-page-btn--awakening.active{color:#fff;background:linear-gradient(165deg,#285a78b3,#141e2cd9);border-color:#b4f0ffc7}.awakening-page{display:flex;flex-direction:column;gap:1rem}.awakening-intro h2{color:#cfe8f4;letter-spacing:.08em;text-transform:uppercase}.awakening-progress{margin-top:.65rem;color:var(--muted);font-size:.92rem}.awakening-progress strong{color:#cfe8f4}.awakening-next em{color:#b8d8ff;font-style:normal;font-weight:600}.shard-list{display:grid;grid-template-columns:1fr;gap:.6rem;margin:0;padding:0;list-style:none}.shard-slot{display:grid;grid-template-columns:56px 1fr;gap:.85rem;align-items:center;padding:.7rem .85rem;border-radius:var(--radius-sm);border:1px solid rgba(110,160,200,.18);background:linear-gradient(160deg,#141e2c9e,#080e14c7)}.shard-slot--filled{border-color:#78dcff8c;box-shadow:0 0 24px #3cb4e62e}.shard-sigil{font-size:2.4rem;text-align:center;color:#96c8e659;text-shadow:0 0 12px rgba(80,160,200,.4)}.shard-slot--filled .shard-sigil{color:#b8e8ff;text-shadow:0 0 18px rgba(120,220,255,.7)}.shard-name{font-family:var(--font-display);font-weight:700;letter-spacing:.05em;color:#e8eef4;font-size:.95rem}.shard-flavor{color:var(--muted);font-size:.84rem;margin-top:.18rem}.shard-status{display:inline-block;margin-top:.35rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.shard-status--ok{color:#6fd6ff}.shard-status--miss{color:#b4b4c88c}.awakening-action{display:flex;flex-direction:column;gap:.55rem;align-items:flex-start}.btn-awakening{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.12em;text-transform:uppercase;padding:.85rem 1.6rem;background:linear-gradient(165deg,#286e96b3,#0f1e32eb);border:1px solid rgba(160,230,255,.55);color:#f4fdff;border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 0 30px #50c8ff38;transition:filter .18s ease,box-shadow .18s ease}.btn-awakening:hover:not(:disabled){filter:brightness(1.18);box-shadow:0 0 38px #78dcff6b}.btn-awakening:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.awakening-hint{color:var(--muted);font-size:.85rem}#app-shell.realm-awakened>.game-title,#app-shell.realm-awakened>.app-hud,#app-shell.realm-awakened>.nav,#app-shell.realm-awakened>.page-root,#app-shell.realm-awakened>#ingame-comm{display:none!important}#app-shell.realm-awakened>.character-dock{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding:0!important;border:none!important;border-radius:0!important;overflow:hidden!important;z-index:1!important}#app-shell.realm-awakened>.character-dock>.character-dock-title{display:none!important}#app-shell.realm-awakened>.character-dock>.character-preview-root{width:100vw!important;height:100vh!important;max-width:none!important;aspect-ratio:auto!important;margin:0!important;padding:0!important;border:none!important;border-radius:0!important;box-shadow:none!important}#app-shell.realm-awakened>.character-dock>.character-preview-root>canvas{width:100vw!important;height:100vh!important;max-width:none!important;border-radius:0!important}#app-shell.realm-awakened:after{content:"AWAKENED  ·  press Tab for menu";position:fixed;top:.45rem;right:.45rem;z-index:9000;padding:.32rem .7rem;border-radius:var(--radius-sm);background:linear-gradient(165deg,#286e96d9,#0f1e32f2);border:1px solid rgba(180,240,255,.6);color:#f4fdff;font-family:var(--font-display);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;pointer-events:none;box-shadow:0 0 22px #78dcff57}.awakened-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9100;background:#080c14c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.awakened-menu-card{width:min(560px,92vw);background:linear-gradient(165deg,#142432f5,#080e16fa);border:1px solid rgba(160,220,240,.45);border-radius:var(--radius-md);padding:1.1rem 1.4rem 1.4rem;box-shadow:0 20px 60px #0000008c,0 0 32px #50c8ff2e}.awakened-menu-card--page{width:min(960px,96vw);max-height:88vh;overflow:hidden;display:flex;flex-direction:column}.awakened-menu-card--page .awakened-menu-body{overflow-y:auto;padding-right:.4rem;flex:1 1 auto;min-height:0}.awakened-menu-back{background:transparent;border:1px solid rgba(180,220,240,.35);color:#d8eef5;font-family:var(--font-display);font-size:.78rem;letter-spacing:.07em;padding:.32rem .65rem;margin-right:.55rem;border-radius:var(--radius-sm);cursor:pointer;text-transform:uppercase}.awakened-menu-back:hover{background:#50a0c82e}.awakened-menu-item--awakening{border-color:#6ec8e68c;color:#cfe8f4}.awakened-menu-item--awakening:hover{box-shadow:0 0 24px #78dcff52}.awakened-build-panel{display:flex;flex-direction:column;gap:.85rem}.awakened-build-kind{border:1px solid rgba(110,200,230,.18);border-radius:8px;padding:.65rem .75rem;background:#141a248c}.awakened-build-kind__head{display:flex;align-items:baseline;gap:.7rem;margin-bottom:.45rem}.awakened-build-kind__head h3{margin:0;font-size:1rem;color:#cfe8f4}.awakened-build-kind__hint{margin:0;font-size:.78rem;color:#cfe8f48c}.awakened-build-tier-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.45rem}.awakened-build-section-header{margin:1.1rem 0 .25rem;font-size:.95rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#cfe8f4c7;border-top:1px solid rgba(110,200,230,.18);padding-top:.85rem}.awakened-build-tier-btn{display:flex;flex-direction:column;gap:.18rem;padding:.55rem .6rem;border:1px solid rgba(110,200,230,.32);border-radius:6px;background:#1c2430b3;color:#e0eef4;text-align:left;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .08s ease}.awakened-build-tier-btn:hover:not(:disabled){background:#28384cd9;border-color:#8cdcff99;transform:translateY(-1px)}.awakened-build-tier-btn:disabled{cursor:not-allowed;opacity:.5}.awakened-build-tier-btn--locked{border-style:dashed;border-color:#b4505073}.awakened-build-tier-btn--poor{border-color:#b48c4673}.awakened-build-tier-btn__name{font-weight:600;font-size:.92rem}.awakened-build-tier-btn__hp{font-size:.78rem;color:#cfe8f4b3}.awakened-build-tier-btn__cost{font-size:.72rem;color:#cfe8f48c}.awakened-build-tier-btn__lock{font-size:.68rem;color:#ffa0a0d9;font-style:italic}.awakened-menu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.55rem}.awakened-menu-header h2{margin:0;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:#d8eef5}.awakened-menu-close{background:transparent;border:1px solid rgba(180,220,240,.35);color:#d8eef5;width:32px;height:32px;font-size:1.4rem;cursor:pointer;border-radius:var(--radius-sm)}.awakened-menu-close:hover{background:#50a0c82e}.awakened-menu-hint{color:var(--muted);font-size:.86rem;margin:0 0 1rem}.awakened-menu-hint kbd{padding:.05rem .35rem;border:1px solid rgba(180,220,240,.45);border-radius:4px;font-family:var(--font-display);font-size:.78rem;color:#cfe8f4}.awakened-menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem}.awakened-menu-vitals{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin:0 0 .8rem;padding:.5rem .6rem;background:linear-gradient(165deg,#142432a6,#080e16c7);border:1px solid rgba(140,200,230,.28);border-radius:var(--radius-sm)}.awakened-menu-vital{display:grid;grid-template-columns:38px 1fr auto;gap:.3rem;align-items:center;font-family:var(--font-display);font-size:.62rem;letter-spacing:.04em;color:#cfe8f4}.awakened-menu-vital__track{height:6px;background:#081018d9;border:1px solid rgba(80,140,180,.4);border-radius:3px;overflow:hidden}.awakened-menu-vital__fill{display:block;height:100%;background:linear-gradient(90deg,#3cb4e6d9,#96e6fff2);transition:width .18s ease}.awakened-menu-vital--hp .awakened-menu-vital__fill{background:linear-gradient(90deg,#dc5a5ad9,#ffa0a0f2)}.awakened-menu-vital--hunger .awakened-menu-vital__fill{background:linear-gradient(90deg,#b4823cd9,#f0be6ef2)}.awakened-menu-vital--thirst .awakened-menu-vital__fill{background:linear-gradient(90deg,#5aa0dcd9,#a0dcfff2)}.awakened-menu-vital__value{font-size:.6rem;color:#dce6f0d1}@media (max-width: 700px){.awakened-menu-vitals{grid-template-columns:repeat(2,1fr)}}.awakened-menu-item{padding:.7rem .95rem;background:linear-gradient(165deg,#2846648c,#0f1928c7);border:1px solid rgba(140,200,230,.35);border-radius:var(--radius-sm);color:#e6f0f5;font-family:var(--font-display);font-size:.85rem;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:filter .18s ease,box-shadow .18s ease}.awakened-menu-item:hover{filter:brightness(1.18);box-shadow:0 0 22px #50c8ff38}.awakened-hotbar{position:fixed;bottom:.5rem;left:50%;transform:translate(-50%);z-index:9020;display:flex;flex-direction:row;align-items:center;gap:.42rem;padding:.32rem .55rem;border-radius:var(--radius-sm);background:linear-gradient(165deg,#141c28e0,#080e16f0);border:1px solid rgba(140,200,230,.32);box-shadow:0 6px 18px #00000073,0 0 14px #3cb4e61f;pointer-events:none;max-width:calc(100vw - 1rem)}.awakened-hotbar__group{display:flex;flex-direction:row;gap:.28rem;align-items:center}.awakened-hotbar__vitals{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;gap:.18rem .42rem;min-width:230px;padding-right:.4rem;border-right:1px solid rgba(140,200,230,.18)}.awakened-hotbar__bar{display:grid;grid-template-columns:32px 1fr auto;gap:.32rem;align-items:center;font-family:var(--font-display);font-size:.6rem;letter-spacing:.04em;color:#cfe8f4}.awakened-hotbar__bar-track{height:5px;background:#081018d9;border:1px solid rgba(80,140,180,.4);border-radius:2px;overflow:hidden}.awakened-hotbar__bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#3cb4e6d9,#96e6fff2);transition:width .18s ease}.awakened-hotbar__bar--hp .awakened-hotbar__bar-fill{background:linear-gradient(90deg,#dc5a5ad9,#ffa0a0f2)}.awakened-hotbar__bar--hunger .awakened-hotbar__bar-fill{background:linear-gradient(90deg,#b4823cd9,#f0be6ef2)}.awakened-hotbar__bar--thirst .awakened-hotbar__bar-fill{background:linear-gradient(90deg,#5aa0dcd9,#a0dcfff2)}.awakened-hotbar__bar-value{font-size:.6rem;color:#dce6f0c7}.awakened-hotbar__equipment,.awakened-hotbar__spells{padding-right:.4rem;border-right:1px solid rgba(140,200,230,.18)}.awakened-hotbar__inventory{padding-left:.1rem;flex-wrap:nowrap;overflow-x:auto;max-width:320px}.awakened-hotbar__slot{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.28rem;width:36px;height:36px;background:linear-gradient(165deg,#2846648c,#0f1928c7);border:1px solid rgba(140,200,230,.35);border-radius:4px;color:#e6f0f5;font-family:var(--font-display);text-align:center;padding:0;overflow:hidden;justify-content:center}.awakened-hotbar__slot--empty{opacity:.42;background:linear-gradient(165deg,#141e2c80,#080e16b3);border-style:dashed}.awakened-hotbar__slot--spell{border-color:#b48ce673;box-shadow:0 0 8px #8c64c82e}.awakened-hotbar__slot-glyph{font-size:1.05rem;line-height:1}.awakened-hotbar__slot-label,.awakened-hotbar__slot-meta{display:none}.awakened-hotbar__slot-key{position:absolute;bottom:1px;right:3px;font-size:.5rem;color:#b4dcf0d9;letter-spacing:0;text-shadow:0 1px 2px rgba(0,0,0,.85)}.awakened-hotbar__inv-cell{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.22rem;min-width:0;height:36px;padding:0 .42rem;background:linear-gradient(165deg,#1e32468c,#0c121ac7);border:1px solid rgba(110,170,200,.32);border-radius:4px;color:#e6f0f5;font-family:var(--font-display);font-size:.62rem;letter-spacing:.04em}.awakened-hotbar__inv-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70px;font-size:.58rem;opacity:.78}.awakened-hotbar__inv-count{font-size:.8rem;color:#cfe8f4;font-weight:700}.awakened-hotbar__inv-empty{font-size:.62rem;color:#a0b4c8ad;font-style:italic;padding:.3rem .55rem}.free-roam-prompt{position:fixed;bottom:7.5rem;left:50%;transform:translate(-50%);z-index:9050;padding:.55rem 1.05rem;border-radius:var(--radius-sm);background:linear-gradient(165deg,#142432eb,#080e16f5);border:1px solid rgba(160,220,240,.55);color:#f4fdff;font-family:var(--font-display);font-size:.92rem;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;box-shadow:0 0 24px #50c8ff38;text-shadow:0 0 8px rgba(120,220,255,.4)}main{padding:1rem 1.25rem;overflow:auto}.craft-deck{border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:1rem;overflow:hidden;background:var(--panel);box-shadow:var(--shadow-drop),inset 0 1px 0 var(--border-lit)}.craft-deck-head{display:flex;justify-content:space-between;align-items:center;padding:.55rem .95rem;background:linear-gradient(180deg,var(--panel-highlight) 0%,var(--panel2) 100%);border-bottom:1px solid var(--border);font-family:var(--font-display)}.craft-deck-head h3{margin:0;font-size:.82rem;font-weight:600;letter-spacing:.06em;color:var(--accent)}.craft-deck-meta{font-size:.72rem;color:var(--muted)}.craft-deck-body{padding:.7rem .95rem}.craft-deck-empty{margin:0;font-size:.8rem;color:var(--muted)}.equip-row{display:flex;flex-wrap:wrap;gap:.75rem 1rem;margin-bottom:.85rem}.equip-slot-label{display:block;font-family:var(--font-display);font-size:.62rem;font-weight:700;color:#a8b0c4;text-transform:uppercase;letter-spacing:.18em;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;text-shadow:0 1px 0 rgba(255,255,255,.1),0 -1px 0 rgba(0,0,0,.65)}.equip-slot--plate{flex:1;min-width:140px;padding:.55rem .65rem .6rem;border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.48);background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 42%),linear-gradient(155deg,#222836 0%,var(--metal-deep) 55%,#0e1116 100%);box-shadow:inset 0 2px 8px #00000059,inset 0 1px #c9a2270f,0 2px 8px #00000040}.equip-current,.equip-current-readout{font-size:.95rem;margin-top:.35rem}.equip-current-readout{font-family:var(--font-ui);font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#e4e8f0;text-shadow:0 1px 0 rgba(255,255,255,.12),0 -1px 0 rgba(0,0,0,.55);padding:.35rem .45rem;border-radius:var(--radius-sm);background:linear-gradient(180deg,#00000047,#0000001f);border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff0a}.equip-actions{display:flex;flex-wrap:wrap;gap:.45rem .5rem;align-items:center}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.55rem}.inv-grid--all{margin-top:.5rem}.inv-cell{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem;font-size:.78rem;background:linear-gradient(165deg,var(--panel2) 0%,var(--metal-deep) 100%);box-shadow:var(--shadow-inset-soft)}.inv-amt{color:var(--accent2);font-weight:600;margin:.2rem 0}.forge-section-title{font-family:var(--font-display);font-size:clamp(.88rem,1.5vw,1.02rem);font-weight:700;letter-spacing:.22em;text-transform:uppercase;margin:0 0 .65rem;padding-bottom:.45rem;border-bottom:1px solid rgba(44,53,72,.85);color:#e8ecf4;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;text-shadow:0 1px 0 rgba(255,255,255,.14),0 -1px 0 rgba(0,0,0,.65);position:relative}.forge-section-title:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--brass-dim) 15%,var(--brass) 50%,var(--brass-dim) 85%,transparent 100%);opacity:.55;pointer-events:none}.equip-panel .forge-section-title{margin-bottom:.5rem}.inv-all-panel .forge-section-title{margin-bottom:.35rem}.inv-grid-empty{grid-column:1 / -1;margin:0;padding:1.25rem 1rem;text-align:center;font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6a7288;text-shadow:0 1px 0 rgba(255,255,255,.06),0 -1px 0 rgba(0,0,0,.5)}.inv-cell--grid{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:.4rem;padding:.6rem .65rem .65rem;min-height:5.5rem;border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.5);background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 38%),linear-gradient(155deg,#252b38 0%,var(--metal-deep) 50%,#0c0f14 100%);box-shadow:inset 0 2px 10px #00000061,inset 0 1px #c9a22712,0 2px 10px #00000047;transition:border-color .16s ease,box-shadow .16s ease,transform .12s ease}.inv-cell--grid:before{content:"";position:absolute;left:.5rem;right:.5rem;top:2px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,248,220,.1),transparent);pointer-events:none}.inv-cell--grid:hover{border-color:#c9a22759;box-shadow:inset 0 2px 10px #00000052,inset 0 1px #c9a2271f,0 0 18px #c9a2271a,0 4px 14px #00000059}.inv-grid-name{font-family:var(--font-display);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1.25;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;color:#c5cad8;text-shadow:0 1px 0 rgba(255,255,255,.14),0 -1px 0 rgba(0,0,0,.72),0 0 16px rgba(180,195,220,.08)}.inv-cell--grid[data-inv-tone=ember] .inv-grid-name{color:#e8c090;text-shadow:0 1px 0 rgba(255,230,200,.22),0 -1px 0 rgba(45,22,6,.82),0 0 14px var(--accent-glow)}.inv-cell--grid[data-inv-tone=aqua] .inv-grid-name{color:#9cd0f0;text-shadow:0 1px 0 rgba(220,240,255,.2),0 -1px 0 rgba(8,28,48,.82),0 0 12px rgba(74,143,217,.22)}.inv-cell--grid[data-inv-tone=bark] .inv-grid-name{color:#b8c9a8;text-shadow:0 1px 0 rgba(235,245,220,.14),0 -1px 0 rgba(12,22,10,.78),0 0 12px rgba(100,140,90,.12)}.inv-cell--grid[data-inv-tone=ore] .inv-grid-name{color:#b8c0d8;text-shadow:0 1px 0 rgba(230,235,255,.16),0 -1px 0 rgba(10,14,28,.82),0 0 12px rgba(140,160,200,.15)}.inv-cell--grid[data-inv-tone=steel] .inv-grid-name{color:#d0d8e8;text-shadow:0 1px 0 rgba(255,255,255,.18),0 -1px 0 rgba(8,12,20,.82),0 0 12px rgba(180,200,230,.12)}.inv-cell--grid[data-inv-tone=arcane] .inv-grid-name{color:#c8b8f0;text-shadow:0 1px 0 rgba(240,230,255,.2),0 -1px 0 rgba(20,10,40,.82),0 0 14px rgba(167,139,250,.22)}.inv-grid-qty{margin-top:auto;font-family:var(--font-display);font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.05em;text-align:center;padding:.32rem .4rem;border-radius:6px;color:#fff8ec;background:linear-gradient(165deg,rgba(255,248,220,.1) 0%,transparent 40%),linear-gradient(155deg,#353d52,#1a1f2a 48%,#0e1118);border:1px solid rgba(201,162,39,.35);box-shadow:inset 0 1px #fff8dc1f,inset 0 -2px 4px #00000052,0 0 12px #c9a2271f;text-shadow:0 1px 0 rgba(255,255,255,.2),0 -1px 0 rgba(0,0,0,.55)}.inv-cell--grid:hover .inv-grid-qty{border-color:#e8c8786b;box-shadow:inset 0 1px #fff8dc29,0 0 16px #e8a54b2e}.inv-grid-dur{margin-top:.15rem}.inv-cell--grid .dur-bar{margin-top:0;height:6px;border-radius:4px;box-shadow:inset 0 2px 4px #0000008c,inset 0 0 0 1px #ffffff0a}.inv-cell--grid .dur-txt{display:block;margin-top:.2rem;font-family:var(--font-display);font-size:.58rem;font-weight:700;letter-spacing:.08em;color:#9aa6b8;text-shadow:0 1px 0 rgba(255,255,255,.08)}.btn-equip-forge{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:.35rem .5rem;padding:.42rem .85rem .48rem;border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:.78rem;font-weight:500;border:1px solid rgba(0,0,0,.45);background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,transparent 40%),linear-gradient(165deg,#2a3142,#161a24 52%,#0a0c10);box-shadow:inset 0 1px #ffffff12,inset 0 -2px 5px #00000059,0 2px 8px #0000004d;transition:border-color .15s ease,box-shadow .15s ease,color .15s ease}.btn-equip-forge__verb{font-family:var(--font-display);font-size:.62rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#c9d0e0;text-shadow:0 1px 0 rgba(255,255,255,.12),0 -1px 0 rgba(0,0,0,.6)}.btn-equip-forge__item{font-family:var(--font-ui);font-size:.8rem;font-weight:600;font-style:italic;letter-spacing:.03em;text-transform:uppercase;color:#eef2f8;text-shadow:0 1px 0 rgba(255,255,255,.1)}.btn-equip-forge__pct{font-family:var(--font-display);font-size:.68rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--brass);margin-left:.1rem;text-shadow:0 0 10px rgba(201,162,39,.35),0 1px 0 rgba(0,0,0,.4)}.btn-equip-forge--weapon{border-left:3px solid #c45050;box-shadow:inset 0 1px #ffffff12,inset 0 -2px 5px #00000059,-2px 0 12px #d4585826,0 2px 8px #0000004d}.btn-equip-forge--pick{border-left:3px solid #c9a227;box-shadow:inset 0 1px #ffffff12,inset 0 -2px 5px #00000059,-2px 0 10px #c9a22733,0 2px 8px #0000004d}.btn-equip-forge--shield{border-left:3px solid #5a8fd0;box-shadow:inset 0 1px #ffffff12,inset 0 -2px 5px #00000059,-2px 0 10px #5a8fd033,0 2px 8px #0000004d}.btn-equip-forge:hover:not(:disabled){border-color:#c9a22773;color:var(--text)}.btn-equip-forge:hover:not(:disabled) .btn-equip-forge__verb{color:#fff4e0}.btn-equip-forge:hover:not(:disabled) .btn-equip-forge__item{color:#fff}.btn-equip-uneq{padding:.4rem .75rem;font-family:var(--font-ui);font-size:.76rem;font-weight:500;letter-spacing:.02em;border-style:dashed;border-color:#8b93a873;color:#9aa3b8;background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 50%),linear-gradient(165deg,var(--panel2) 0%,var(--metal-deep) 100%);box-shadow:inset 0 1px #ffffff0a}.btn-equip-uneq__text{font-style:normal}.btn-equip-uneq:hover:not(:disabled){border-color:#c9a22759;color:var(--muted);border-style:solid}.inv-quick{margin-top:.35rem;padding:.4rem .7rem .5rem;border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.5);background:linear-gradient(180deg,rgba(255,255,255,.045) 0%,transparent 38%),linear-gradient(160deg,#1a1f2a 0%,var(--metal-deep) 52%,#0a0c10 100%);box-shadow:inset 0 2px 12px #0000006b,inset 0 1px #c9a22712,0 2px 10px #00000040}.inv-quick:before{content:"";display:block;height:1px;margin:-.15rem -.35rem .5rem;background:linear-gradient(90deg,transparent,rgba(201,162,39,.35),transparent);opacity:.85}.inv-quick-row.recipe-row{padding:.52rem .2rem;border-bottom-color:#0006;gap:.75rem;font-size:inherit;position:relative;transition:background .16s ease,box-shadow .16s ease}.inv-quick-row.recipe-row:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:0;border-radius:0 2px 2px 0;background:linear-gradient(180deg,#ffe8a8 0%,var(--brass) 45%,var(--accent) 100%);opacity:0;transition:height .18s ease,opacity .18s ease;box-shadow:0 0 6px #e8a54b59}.inv-quick-row.recipe-row:hover{background:linear-gradient(90deg,rgba(201,162,39,.07) 0%,transparent 60%)}.inv-quick-row.recipe-row:hover:before{height:62%;opacity:1}.inv-quick-name{flex:1;min-width:0;font-family:var(--font-display);font-size:.74rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;line-height:1.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;color:#c5cad8;text-shadow:0 1px 0 rgba(255,255,255,.14),0 -1px 0 rgba(0,0,0,.72),0 0 18px rgba(180,195,220,.08)}.inv-quick-row[data-inv-tone=ember] .inv-quick-name{color:#e8c090;text-shadow:0 1px 0 rgba(255,230,200,.22),0 -1px 0 rgba(45,22,6,.82),0 0 16px var(--accent-glow)}.inv-quick-row[data-inv-tone=aqua] .inv-quick-name{color:#9cd0f0;text-shadow:0 1px 0 rgba(220,240,255,.2),0 -1px 0 rgba(8,28,48,.82),0 0 14px rgba(74,143,217,.22)}.inv-quick-row[data-inv-tone=bark] .inv-quick-name{color:#b8c9a8;text-shadow:0 1px 0 rgba(235,245,220,.14),0 -1px 0 rgba(12,22,10,.78),0 0 12px rgba(100,140,90,.12)}.inv-quick-row[data-inv-tone=ore] .inv-quick-name{color:#b8c0d8;text-shadow:0 1px 0 rgba(230,235,255,.16),0 -1px 0 rgba(10,14,28,.82),0 0 14px rgba(140,160,200,.15)}.inv-quick-row[data-inv-tone=steel] .inv-quick-name{color:#d0d8e8;text-shadow:0 1px 0 rgba(255,255,255,.18),0 -1px 0 rgba(8,12,20,.82),0 0 12px rgba(180,200,230,.12)}.inv-quick-row[data-inv-tone=arcane] .inv-quick-name{color:#c8b8f0;text-shadow:0 1px 0 rgba(240,230,255,.2),0 -1px 0 rgba(20,10,40,.82),0 0 16px rgba(167,139,250,.22)}.inv-quick-qty{flex-shrink:0;font-family:var(--font-display);font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.04em;min-width:3.35rem;padding:.32rem .55rem;text-align:center;border-radius:6px;color:#fff8ec;background:linear-gradient(165deg,rgba(255,248,220,.12) 0%,transparent 42%),linear-gradient(155deg,#353d52,#1a1f2a 48%,#0e1118);border:1px solid rgba(201,162,39,.38);box-shadow:inset 0 1px #fff8dc24,inset 0 -2px 5px #00000059,0 0 14px #c9a22724,0 2px 6px #0000004d;text-shadow:0 1px 0 rgba(255,255,255,.22),0 -1px 0 rgba(0,0,0,.55)}.inv-quick-row:hover .inv-quick-qty{border-color:#e8c87873;box-shadow:inset 0 1px #fff8dc2e,inset 0 -2px 5px #00000052,0 0 18px #e8a54b33,0 2px 8px #00000059}.inv-quick-empty{display:block;padding:.85rem .35rem .65rem;text-align:center;font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6a7288;text-shadow:0 1px 0 rgba(255,255,255,.06),0 -1px 0 rgba(0,0,0,.5)}.dur-bar{height:5px;background:var(--metal-deep);border-radius:3px;overflow:hidden;margin-top:.35rem;box-shadow:inset 0 1px 3px #00000080}.dur-fill{height:100%;background:linear-gradient(90deg,var(--success) 0%,#3d9a6a 100%);box-shadow:inset 0 1px #ffffff40}.dur-txt{font-size:.65rem;color:var(--muted)}.locked-list{margin:.35rem 0 0 1.2rem;font-size:.78rem;color:var(--muted);line-height:1.5}.panel-block{background:linear-gradient(165deg,rgba(255,255,255,.03) 0%,transparent 42%),var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.05rem 1.15rem;margin-bottom:1rem;box-shadow:var(--shadow-drop),inset 0 1px 0 var(--border-lit),inset 0 -8px 24px #0003;position:relative}.panel-block:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(201,162,39,.15) 0%,transparent 40%,transparent 60%,rgba(107,158,255,.1) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.panel-block h2{margin:0 0 .8rem;font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:.05em;color:var(--accent);text-shadow:0 1px 8px var(--accent-glow)}.stat-row{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.85rem;color:var(--muted);margin-bottom:.75rem}.stat-row strong{color:var(--text)}.btn{padding:.45rem .95rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:linear-gradient(180deg,var(--panel-highlight) 0%,var(--panel2) 48%,var(--metal-deep) 100%);color:var(--text);cursor:pointer;font-family:var(--font-ui);font-size:.84rem;font-weight:500;box-shadow:var(--shadow-inset-soft),0 2px 6px #00000040;transition:border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease}.btn:hover:not(:disabled){border-color:var(--brass-dim);color:var(--accent);box-shadow:var(--shadow-inset-soft),0 0 0 1px #c9a22726,0 4px 12px #0000004d}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg,#4a5a78 0%,var(--accent2-deep) 45%,#2a3550 100%);border-color:#6b9eff73;color:#f0f4ff;box-shadow:inset 0 1px #ffffff1f,0 2px 10px #3d5a9e59}.btn-primary:hover:not(:disabled){border-color:var(--accent2);color:#fff}.btn:disabled{opacity:.42;cursor:not-allowed}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.75rem}.card-tile{background:linear-gradient(165deg,rgba(255,255,255,.04) 0%,var(--panel2) 45%,var(--metal-deep) 100%);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem .8rem;font-size:.8rem;box-shadow:var(--shadow-drop),inset 0 1px 0 var(--border-lit);position:relative;overflow:hidden}.card-tile:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brass-dim),var(--accent2),var(--brass-dim));opacity:.35}.card-tile h3{margin:.35rem 0 .4rem;font-family:var(--font-display);font-size:.92rem;font-weight:600;letter-spacing:.03em;color:var(--text)}.card-tile p{margin:0 0 .55rem;color:var(--muted);line-height:1.4}.tag{display:inline-block;font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:.18rem .45rem;border-radius:4px;background:linear-gradient(180deg,var(--metal-mid) 0%,var(--metal-deep) 100%);border:1px solid var(--border);color:var(--muted);margin-right:.3rem}.tag.building{color:var(--accent2);border-color:#6b9eff59}.tag.survival{color:var(--success);border-color:#52b88459}.tag.combat{color:var(--danger);border-color:#d4585859}.tag.magic{color:var(--magic);border-color:#a78bfa59}.recipe-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.55rem 0;border-bottom:1px solid rgba(44,53,72,.6);font-size:.85rem}.recipe-row:last-child{border-bottom:none}.battle-log{font-family:ui-monospace,Cascadia Code,monospace;font-size:.78rem;background:linear-gradient(180deg,#06080c,#0c0f14);padding:.85rem;border-radius:var(--radius-sm);max-height:200px;overflow-y:auto;margin:.5rem 0;color:var(--muted);border:1px solid var(--border);box-shadow:inset 0 2px 8px #00000073}.battle-log div{margin-bottom:.25rem}@media (max-width: 1200px){.hud-stats{grid-template-columns:1fr}.hud-meters{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-meta{justify-content:flex-start}}@media (max-width: 960px){html{height:auto;min-height:100%;min-height:100dvh}body{height:auto;min-height:100%;min-height:100dvh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto}#app{height:auto;min-height:100%;min-height:100dvh;overflow:visible}#app-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto;height:auto;min-height:100%;min-height:100dvh;max-height:none;overflow:visible}.nav{grid-column:1;grid-row:3;flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--border);padding:.5rem;gap:.35rem;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.nav .nav-page-btn{margin:0;border-bottom:2px solid transparent;padding:.45rem .65rem}.nav .nav-page-btn:before{display:none}.nav .nav-page-btn.active{border-color:#c9a22740;border-bottom-color:var(--accent)}.nav .nav-page-btn--portal{flex:1 1 100%;text-align:center}.nav .nav-reset-btn{flex:1 1 auto;margin:0;text-align:center}.page-root{grid-column:1;grid-row:5;overflow-x:hidden;overflow-y:visible;min-height:0;touch-action:pan-y}.character-dock{grid-column:1;grid-row:4;position:relative;top:auto;max-height:none;border-left:none;border-bottom:1px solid var(--border);display:flex;flex-direction:row;align-items:center;gap:.75rem;padding:.5rem .75rem}.character-dock-title{margin:0;flex-shrink:0}.character-preview-root{max-width:none;width:min(1680px,100%);aspect-ratio:16 / 9;min-height:0;margin:0}.gather-page-layout>.panel-block:first-child{max-width:100%}.meter{max-width:none}.hud-meters{grid-template-columns:1fr}}.idle-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin-top:.55rem}.idle-slot{border:1px dashed rgba(107,158,255,.35);border-radius:var(--radius-sm);padding:.55rem;min-height:68px;font-size:.75rem;color:var(--muted);background:linear-gradient(165deg,rgba(0,0,0,.15) 0%,transparent 100%);box-shadow:inset 0 2px 6px #0003}.idle-slot.filled{border-style:solid;border-color:#6b9eff8c;color:var(--text);background:linear-gradient(165deg,rgba(107,158,255,.08) 0%,var(--panel2) 100%)}.idle-unlock-row{margin-top:.75rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.idle-unlock-hint{font-size:.82rem;color:var(--muted)}.idle-assign-section{margin-top:1rem}.idle-assign-heading{margin:0 0 .25rem;font-family:var(--font-display);font-size:1rem;letter-spacing:.04em}.idle-assign-lead{margin:0 0 .5rem;font-size:.8rem;color:var(--muted);line-height:1.4}.idle-assign-list{display:flex;flex-direction:column;gap:.65rem}.idle-assign-row{border:1px solid var(--border);border-radius:var(--radius-md);padding:.65rem .75rem;background:linear-gradient(165deg,rgba(255,255,255,.03) 0%,var(--panel2) 100%);box-shadow:inset 0 1px 0 var(--border-lit)}.idle-assign-row h4{margin:0 0 .3rem;font-family:var(--font-display);font-size:.95rem}.idle-assign-row .desc{margin:0 0 .35rem;font-size:.8rem;color:var(--muted);line-height:1.4}.idle-assign-row .rates{margin:0 0 .45rem;font-size:.74rem;color:var(--accent2);font-variant-numeric:tabular-nums}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.helper-role-title{margin:0 0 .35rem;font-family:var(--font-display);font-size:.95rem;color:var(--accent2);letter-spacing:.03em}.helper-role-blurb{margin:0 0 .85rem;font-size:.78rem;color:var(--muted);line-height:1.35}.helper-roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.helper-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem .85rem;background:linear-gradient(165deg,var(--panel2) 0%,var(--metal-deep) 100%);font-size:.8rem;box-shadow:var(--shadow-drop),inset 0 1px 0 var(--border-lit)}.helper-card--hired{border-color:#52b88473;box-shadow:0 0 0 1px #52b88426,var(--shadow-drop)}.helper-card-head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.35rem}.helper-card-cost{color:var(--accent);font-size:.75rem;white-space:nowrap}.helper-card-desc{margin:0 0 .5rem;color:var(--muted);font-size:.76rem;line-height:1.3}.helper-card-stats{margin:0;display:grid;gap:.35rem}.helper-card-stats>div{display:grid;grid-template-columns:92px 1fr;gap:.35rem;align-items:start}.helper-card-stats dt{margin:0;color:var(--muted);font-size:.7rem}.helper-card-stats dd{margin:0;font-size:.72rem;line-height:1.25}.helper-card-req{margin-top:.45rem;padding:.35rem .45rem;border-radius:4px;background:#d458581f;color:var(--danger);font-size:.72rem;border:1px solid rgba(212,88,88,.2)}.helper-card-actions{margin-top:.55rem}.gather-group-title{margin:.85rem 0 .35rem;font-family:var(--font-display);font-size:.82rem;font-weight:600;letter-spacing:.05em;color:var(--accent2)}.gather-group-title:first-child{margin-top:0}.gather-action-btn--locked{opacity:.65;cursor:not-allowed;filter:saturate(.75)}.gather-page-layout[data-gather-busy="1"] .gather-action-btn:disabled:not(.gather-action-btn--locked){opacity:.65;cursor:wait}.gather-btns{display:flex;flex-direction:column;gap:.5rem}.gather-btns .btn{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:.22rem;padding:.55rem .85rem;border-left:3px solid var(--brass-dim)}.gather-btns .btn:hover:not(:disabled){border-left-color:var(--brass)}.gather-btns .gather-action-btn:not(.gather-action-btn--locked):hover:not(:disabled){border-left-color:var(--accent)}.gather-btn-title{font-weight:600;font-family:var(--font-display);letter-spacing:.02em}.gather-btn-detail{font-size:.72rem;color:var(--muted);font-weight:400;line-height:1.25}@media (max-width: 900px){.two-col{grid-template-columns:1fr}}button,.nav .nav-page-btn,.nav .nav-reset-btn{transition:transform .1s ease,filter .1s ease}button:active:not(:disabled),.nav .nav-page-btn:active:not(:disabled),.nav .nav-reset-btn:active:not(:disabled){transform:scale(.985);filter:brightness(1.06)}@media (prefers-reduced-motion: reduce){button:active:not(:disabled),.nav .nav-page-btn:active:not(:disabled),.nav .nav-reset-btn:active:not(:disabled){transform:none;filter:none}}:root{--scroll-pbr-groove: #05070e;--scroll-pbr-groove-lit: #0e1420;--scroll-pbr-rim: rgba(129, 212, 250, .22);--scroll-pbr-brass-rim: rgba(201, 162, 39, .35);--sb-n: 14px;--sb-m: 32px;--sb-f: 54px;--sb-x: 82px;--sb-c: .72;--sb-v: .48;--sb-gold: .42;--sb-trk: 12px}html[data-scroll-pulse=alt]{--sb-n: 28px;--sb-m: 22px;--sb-f: 62px;--sb-x: 100px;--sb-c: .5;--sb-v: .78;--sb-gold: .58;--sb-trk: 26px}#app *,.idlecraft-confirm *{scrollbar-width:auto;scrollbar-color:rgba(129,212,250,.88) var(--scroll-pbr-groove)}.system-menu *{scrollbar-width:auto;scrollbar-color:rgba(186,104,200,.9) #0a0e18}#app *::-webkit-scrollbar,.system-menu *::-webkit-scrollbar,.idlecraft-confirm *::-webkit-scrollbar{width:15px;height:15px}#app *::-webkit-scrollbar-corner,.system-menu *::-webkit-scrollbar-corner,.idlecraft-confirm *::-webkit-scrollbar-corner{background:var(--scroll-pbr-groove)}#app *::-webkit-scrollbar-track,.idlecraft-confirm *::-webkit-scrollbar-track{border-radius:999px;margin:5px 0;background:linear-gradient(90deg,transparent 0%,rgba(79,195,247,.14) 48%,rgba(255,255,255,.06) 50%,rgba(79,195,247,.14) 52%,transparent 100%),linear-gradient(180deg,var(--scroll-pbr-groove-lit) 0%,var(--scroll-pbr-groove) 42%,#020308 100%);box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #000000a6,inset 0 0 20px #000000d9,inset 0 0 40px #4fc3f70f,0 0 var(--sb-trk) #4fc3f733,0 0 calc(var(--sb-trk) * 1.6) #ba68c81a;border:1px solid var(--scroll-pbr-rim)}.system-menu *::-webkit-scrollbar-track{border-radius:999px;margin:5px 0;background:linear-gradient(165deg,rgba(255,255,255,.05) 0%,transparent 42%),linear-gradient(90deg,transparent 0%,rgba(186,104,200,.18) 48%,rgba(129,212,250,.12) 50%,rgba(186,104,200,.18) 52%,transparent 100%),linear-gradient(180deg,#101828,#060810 45%,#020308);box-shadow:inset 0 1px #ffffff12,inset 0 0 24px #4fc3f714,inset 0 0 32px #ba68c814,0 0 var(--sb-trk) #ba68c838,0 0 calc(var(--sb-trk) * 1.5) #4fc3f724;border:1px solid rgba(129,212,250,.32)}#app *::-webkit-scrollbar-thumb,.idlecraft-confirm *::-webkit-scrollbar-thumb{border-radius:999px;border:1px solid rgba(129,212,250,.55);background:linear-gradient(90deg,transparent 38%,rgba(255,255,255,.22) 50%,transparent 62%),linear-gradient(180deg,rgba(255,248,230,.16) 0%,transparent 28%),linear-gradient(180deg,#4a5568,#2a3142 22%,#1a1f2a 55%,#0d1018);box-shadow:inset 0 1px #ffffff61,inset 0 -4px 12px #000000a6,inset 0 0 22px #4fc3f733,0 0 0 1px #81d4fa8c,0 0 var(--sb-n) rgba(79,195,247,var(--sb-c)),0 0 var(--sb-m) rgba(129,212,250,calc(var(--sb-c) * .88)),0 0 var(--sb-f) rgba(186,104,200,var(--sb-v)),0 0 var(--sb-x) rgba(79,195,247,calc(var(--sb-c) * .38)),0 0 6px rgba(255,220,160,var(--sb-gold));transition:border-color .2s ease,filter .2s ease}.system-menu *::-webkit-scrollbar-thumb{border-radius:999px;border:1px solid rgba(186,104,200,.58);background:linear-gradient(90deg,transparent 36%,rgba(255,255,255,.2) 50%,transparent 64%),linear-gradient(180deg,rgba(225,245,254,.14) 0%,transparent 30%),linear-gradient(180deg,#4a3d62,#283552 38%,#151d2e 68%,#0a0e16);box-shadow:inset 0 1px #ffffff57,inset 0 -4px 14px #0000009e,inset 0 0 26px #ba68c824,0 0 0 1px #ba68c88c,0 0 var(--sb-n) rgba(186,104,200,var(--sb-v)),0 0 var(--sb-m) rgba(79,195,247,var(--sb-c)),0 0 var(--sb-f) rgba(129,212,250,calc(var(--sb-c) * .75)),0 0 var(--sb-x) rgba(186,104,200,calc(var(--sb-v) * .45)),0 0 8px #ffffff1f;transition:border-color .2s ease,filter .2s ease}#app *::-webkit-scrollbar-thumb:hover,.idlecraft-confirm *::-webkit-scrollbar-thumb:hover{border-color:#ba68c8bf;filter:brightness(1.12);box-shadow:inset 0 1px #ffffff73,inset 0 -4px 12px #0000007a,inset 0 0 28px #4fc3f747,0 0 0 1px #4fc3f7bf,0 0 32px #4fc3f7d9,0 0 56px #81d4fa8c,0 0 88px #ba68c86b,0 0 10px #ffdca0a6}.system-menu *::-webkit-scrollbar-thumb:hover{border-color:#81d4fac7;filter:brightness(1.14);box-shadow:inset 0 1px #ffffff6b,inset 0 -4px 14px #0000006b,inset 0 0 30px #ba68c838,0 0 0 1px #ba68c8b8,0 0 36px #ba68c8d1,0 0 64px #4fc3f78c,0 0 96px #81d4fa59,0 0 12px #ffffff2e}#app *::-webkit-scrollbar-thumb:active,.system-menu *::-webkit-scrollbar-thumb:active,.idlecraft-confirm *::-webkit-scrollbar-thumb:active{filter:brightness(1.14);border-color:#e8a54bbf;box-shadow:inset 0 5px 16px #000000ad,0 0 24px #e8a54b9e,0 0 48px #4fc3f77a,0 0 72px #ba68c847}@media (prefers-reduced-motion: reduce){:root{--sb-n: 16px;--sb-m: 28px;--sb-f: 48px;--sb-x: 72px;--sb-c: .6;--sb-v: .52;--sb-gold: .45;--sb-trk: 14px}html[data-scroll-pulse=alt]{--sb-n: 16px;--sb-m: 28px;--sb-f: 48px;--sb-x: 72px;--sb-c: .6;--sb-v: .52;--sb-gold: .45;--sb-trk: 14px}}#app .page-root{scrollbar-width:auto;scrollbar-color:#4fc3f7 var(--scroll-pbr-groove)}#app .page-root::-webkit-scrollbar{width:18px;height:18px}#app .page-root::-webkit-scrollbar-track{border-radius:var(--radius-md);margin:6px 0;background:linear-gradient(90deg,transparent 0%,rgba(186,104,200,.12) 48%,rgba(79,195,247,.1) 50%,rgba(186,104,200,.12) 52%,transparent 100%),linear-gradient(180deg,#0c1424 0%,var(--scroll-pbr-groove) 45%,#020308 100%);box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #000000bf,inset 0 0 28px #000000e6,inset 0 0 40px #4fc3f70d,0 0 var(--sb-trk) #4fc3f72e,0 0 calc(var(--sb-trk) * 1.5) #ba68c81a;border:1px solid rgba(186,104,200,.28)}#app .page-root::-webkit-scrollbar-thumb{border-radius:var(--radius-md);border:1px solid rgba(186,104,200,.45);background:linear-gradient(175deg,#e1f5fe,#4fc3f7 38%,#0288d1 72%,#01579b);box-shadow:inset 0 1px #ffffff8c,inset 0 -2px 6px #00285059,0 4px 20px #0006,0 0 28px #4fc3f780,0 0 48px #81d4fa4d;transition:border-color .2s ease,filter .2s ease,box-shadow .2s ease}html[data-scroll-pulse=alt] #app .page-root::-webkit-scrollbar-thumb:not(:hover):not(:active){box-shadow:inset 0 1px #fff9,inset 0 -2px 6px #00285052,0 4px 22px #0000006b,0 0 40px #ba68c873,0 0 72px #4fc3f766}#app .page-root::-webkit-scrollbar-thumb:hover{border-color:#ba68c8a6;filter:brightness(1.05);box-shadow:inset 0 1px #ffffffa6,inset 0 -2px 6px #0028504d,0 6px 28px #00000073,0 0 36px #4fc3f7b3,0 0 64px #ba68c859}#app .page-root::-webkit-scrollbar-thumb:active{filter:brightness(1.07);border-color:#ba68c88c;box-shadow:inset 0 2px 8px #00285073,inset 0 -1px #ffffff59,0 2px 12px #00000059,0 0 24px #4fc3f78c,0 0 40px #81d4fa47}@media (prefers-reduced-motion: reduce){#app .page-root::-webkit-scrollbar-thumb{box-shadow:inset 0 1px #ffffff8c,inset 0 -2px 6px #00285059,0 4px 20px #0006,0 0 28px #4fc3f780,0 0 48px #81d4fa4d}}.death-modal-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.ingame-comm{position:fixed;z-index:1200;left:50%;bottom:1.25rem;transform:translate(-50%);width:min(420px,calc(100vw - 1.5rem));pointer-events:auto}.ingame-comm__panel{background:linear-gradient(165deg,var(--panel2) 0%,var(--panel) 100%);border:1px solid var(--border-lit);border-radius:var(--radius-lg);box-shadow:var(--shadow-drop),0 0 28px #6b9eff1f;padding:.65rem .75rem .75rem}.ingame-comm__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.ingame-comm__title{font-family:var(--font-display);font-size:.95rem;letter-spacing:.04em;color:var(--brass);text-shadow:0 0 12px var(--accent-glow)}.ingame-comm__close{min-width:2rem;padding:.15rem .45rem;line-height:1}.ingame-comm__hint{font-size:.72rem;color:var(--muted);margin:0 0 .45rem}.ingame-comm__hint kbd{font-size:.68rem;padding:.08rem .28rem;border-radius:4px;background:var(--metal-deep);border:1px solid var(--border)}.ingame-comm__log{max-height:180px;overflow-y:auto;font-size:.8rem;line-height:1.35;padding:.35rem .45rem;margin-bottom:.45rem;background:var(--bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--border)}.ingame-comm__line{margin-bottom:.28rem;word-break:break-word}.ingame-comm__line--system{color:var(--muted);font-style:italic}.ingame-comm__name{font-weight:600;color:var(--accent2);margin-right:.35rem}.ingame-comm__time{font-size:.68rem;color:var(--muted)}.ingame-comm__row{display:flex;gap:.35rem;margin-bottom:.45rem}.ingame-comm__input{flex:1;min-width:0;padding:.4rem .55rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--metal-deep);color:var(--text);font-family:var(--font-ui)}.ingame-comm__voice{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.ingame-comm__voice-label{font-size:.78rem;color:var(--muted)}.ingame-comm__audio-mount{display:none}.pvp-vote-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:#04060ab8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.pvp-vote-overlay__card{width:min(400px,calc(100vw - 2rem));padding:1.15rem 1.25rem 1.25rem;border-radius:var(--radius-lg);background:linear-gradient(160deg,var(--panel-highlight) 0%,var(--panel) 100%);border:1px solid var(--border-lit);box-shadow:var(--shadow-drop),0 0 32px #c9a2272e}.pvp-vote-overlay__title{font-family:var(--font-display);margin:0 0 .5rem;color:var(--brass);text-shadow:0 0 14px var(--accent-glow)}.pvp-vote-overlay__desc{margin:0 0 1rem;font-size:.88rem;color:var(--text);line-height:1.45}.pvp-vote-overlay__actions{display:flex;flex-wrap:wrap;gap:.45rem}.idlecraft-confirm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11000;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,2rem);box-sizing:border-box;font-family:var(--font-ui);animation:idlecraft-confirm-in .32s cubic-bezier(.22,1,.36,1) both}@keyframes idlecraft-confirm-in{0%{opacity:0}to{opacity:1}}.idlecraft-confirm__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(79,195,247,.12) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 80% 90%,rgba(156,39,176,.08) 0%,transparent 45%),#040812c7;backdrop-filter:blur(10px) saturate(1.15);-webkit-backdrop-filter:blur(10px) saturate(1.15);cursor:pointer}.idlecraft-confirm__panel{position:relative;width:min(420px,100%);padding:1.5rem 1.65rem 1.35rem;border-radius:var(--radius-lg);border:1px solid rgba(129,212,250,.35);background:linear-gradient(165deg,rgba(255,255,255,.07) 0%,transparent 42%),linear-gradient(180deg,#0e162af7,#080c18fc);box-shadow:0 0 0 1px #00000080,0 12px 48px #0000008c,0 0 64px #4fc3f72e,0 0 96px #81d4fa14,inset 0 1px #ffffff1f;transform-origin:50% 60%;animation:idlecraft-confirm-panel .45s cubic-bezier(.22,1,.36,1) both}@keyframes idlecraft-confirm-panel{0%{opacity:0;transform:translateY(16px) scale(.96);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.idlecraft-confirm__panel:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(90deg,transparent 0%,rgba(79,195,247,.4) 20%,rgba(186,104,200,.55) 50%,rgba(79,195,247,.4) 80%,transparent 100%);opacity:.9;pointer-events:none}.idlecraft-confirm__panel:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(79,195,247,.12);border-radius:calc(var(--radius-lg) - 8px);pointer-events:none}.idlecraft-confirm__kicker{margin:0 0 .35rem;font-family:var(--font-display);font-size:.65rem;letter-spacing:.32em;text-transform:uppercase;color:#81d4fad9;text-shadow:0 0 18px rgba(79,195,247,.45)}.idlecraft-confirm__title{margin:0 0 .75rem;font-family:var(--font-display);font-size:1.28rem;font-weight:700;letter-spacing:.06em;line-height:1.2;color:#f0f7ff;text-shadow:0 2px 12px rgba(0,0,0,.65),0 0 28px rgba(79,195,247,.25)}.idlecraft-confirm__body{margin:0 0 1.25rem;font-size:.9rem;line-height:1.55;color:var(--muted)}.idlecraft-confirm__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.idlecraft-confirm__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:var(--font-ui);font-weight:600;font-size:.88rem;padding:.7rem 1.35rem;border-radius:var(--radius-md);border:1px solid transparent;transition:transform .1s ease,filter .1s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.idlecraft-confirm__btn:active{transform:scale(.982);filter:brightness(1.06)}.idlecraft-confirm__btn:focus-visible{outline:2px solid rgba(129,212,250,.9);outline-offset:2px}.idlecraft-confirm__btn--cancel{color:#061018;border-color:#ba68c873;background:linear-gradient(175deg,#e1f5fe,#4fc3f7 38%,#0288d1 72%,#01579b);box-shadow:inset 0 1px #ffffff8c,inset 0 -2px 6px #00285059,0 4px 20px #0006,0 0 28px #4fc3f78c,0 0 48px #81d4fa59;animation:idlecraft-confirm-glow 2.4s ease-in-out infinite}.idlecraft-confirm__btn--cancel:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffffa6,inset 0 -2px 6px #0028504d,0 6px 28px #00000073,0 0 36px #4fc3f7b3,0 0 64px #ba68c859}.idlecraft-confirm__btn--ok{color:#061018;border-color:#ba68c873;background:linear-gradient(175deg,#e1f5fe,#4fc3f7 38%,#0288d1 72%,#01579b);box-shadow:inset 0 1px #ffffff8c,inset 0 -2px 6px #00285059,0 4px 20px #0006,0 0 28px #4fc3f78c,0 0 48px #81d4fa59;animation:idlecraft-confirm-glow 2.4s ease-in-out infinite}.idlecraft-confirm__btn--ok:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffffa6,inset 0 -2px 6px #0028504d,0 6px 28px #00000073,0 0 36px #4fc3f7b3,0 0 64px #ba68c859}.idlecraft-confirm__btn--ok.idlecraft-confirm__btn--danger{border-color:#d458588c;background:linear-gradient(175deg,#ffe8e8,#f48fb1 32%,#c62828 70%,#6d1010);color:#fff8f8;text-shadow:0 1px 2px rgba(0,0,0,.45);animation:idlecraft-confirm-glow-danger 2.4s ease-in-out infinite}.idlecraft-confirm__btn--ok.idlecraft-confirm__btn--danger:hover{box-shadow:inset 0 1px #ffffff59,0 6px 28px #00000073,0 0 40px #f48fb173,0 0 56px #c6282859}@keyframes idlecraft-confirm-glow{0%,to{box-shadow:inset 0 1px #ffffff8c,inset 0 -2px 6px #00285059,0 4px 20px #0006,0 0 28px #4fc3f780,0 0 48px #81d4fa4d}50%{box-shadow:inset 0 1px #fff9,inset 0 -2px 6px #00285052,0 4px 22px #0000006b,0 0 40px #ba68c873,0 0 72px #4fc3f766}}@keyframes idlecraft-confirm-glow-danger{0%,to{box-shadow:inset 0 1px #ffffff59,0 4px 20px #0006,0 0 28px #f48fb166,0 0 44px #c628284d}50%{box-shadow:inset 0 1px #fff6,0 4px 22px #0000006b,0 0 40px #ff646473,0 0 60px #c6282859}}.online-lobby{display:flex;flex-direction:column;gap:.85rem;max-width:720px;margin:0 auto;text-align:left}.online-lobby__banner{font-size:.82rem;color:var(--muted, #9aa8c4);padding:.55rem .75rem;border-radius:8px;background:#0f172a8c;border:1px solid rgba(129,212,250,.18)}.online-lobby__banner--warn{border-color:#e8a54b73;color:#e8c4a0}.online-lobby__stage-wrap{border-radius:12px;overflow:hidden;border:1px solid rgba(129,212,250,.22);background:#080c16a6;min-height:200px}.online-lobby__row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.online-lobby__row label{font-size:.78rem;color:var(--muted, #9aa8c4)}.online-lobby input[type=text]{flex:1;min-width:120px;padding:.45rem .6rem;border-radius:6px;border:1px solid rgba(129,212,250,.25);background:#0a101cd9;color:#e8f4fc;font-size:.88rem}.online-lobby__room-list{list-style:none;margin:0;padding:0;max-height:140px;overflow-y:auto;font-size:.8rem}.online-lobby__room-list li{display:flex;justify-content:space-between;gap:.5rem;padding:.35rem .5rem;border-bottom:1px solid rgba(129,212,250,.1)}.online-lobby__meta{font-size:.76rem;color:var(--muted, #8a9ab8)}.lobby-nametag{padding:.2rem .45rem;border-radius:6px;background:#0a101ce0;border:1px solid rgba(129,212,250,.35);color:#e8f4fc;font-size:.65rem;white-space:nowrap;text-align:center;line-height:1.25}.lobby-nametag--team-a{border-color:#4fc3f78c}.lobby-nametag--team-b{border-color:#e8a54b8c}.lobby-nametag--ready{box-shadow:0 0 10px #81d4fa59}.lobby-nametag__name{display:block;font-weight:600}.lobby-nametag__meta{display:block;opacity:.82;font-size:.6rem}.online-lobby__comms{display:grid;grid-template-columns:1fr minmax(200px,280px);gap:.75rem;align-items:start}@media (max-width: 640px){.online-lobby__comms{grid-template-columns:1fr}}.online-lobby__chat{display:flex;flex-direction:column;gap:.45rem;min-height:180px;max-height:260px;border-radius:10px;border:1px solid rgba(129,212,250,.22);background:#080c16b8;padding:.5rem}.online-lobby__chat-log{flex:1;overflow-y:auto;font-size:.78rem;line-height:1.35;color:#c8d8e8;min-height:120px}.online-lobby__chat-line{margin-bottom:.35rem;word-break:break-word}.online-lobby__chat-line--system{color:#8a9ab8;font-style:italic}.online-lobby__chat-name{font-weight:600;color:#81d4fa;margin-right:.35rem}.online-lobby__chat-time{font-size:.68rem;color:#6a7a90;margin-right:.35rem}.online-lobby__chat-row{display:flex;gap:.4rem}.online-lobby__chat-row input{flex:1;min-width:0}.online-lobby__voice{display:flex;flex-direction:column;gap:.5rem;padding:.55rem;border-radius:10px;border:1px solid rgba(129,212,250,.22);background:#080c16b8}.online-lobby__voice-meta{font-size:.74rem;color:var(--muted, #8a9ab8);line-height:1.35}.online-lobby__voice-actions{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.online-lobby__voice-audio-mount{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none;opacity:0}