:root{--bg-page: #0e0a06;--bg-surface: #1a1008;--bg-raised: #221508;--parchment: #f0deb8;--parchment-dark: #e0c898;--parchment-aged: #d4b882;--parchment-ink: #2c1a0e;--parchment-faint:#8a6040;--crimson: #8b1a1a;--crimson-bright: #b52020;--crimson-deep: #5c0f0f;--gold: #c9a84c;--gold-bright: #e8c060;--gold-dim: #8a6b28;--text-primary: #e8d5b0;--text-muted: #8a7055;--text-faint: #4a3828;--border-gold: #6b501a;--border-stone: #2a1e10;--border-parchment: #c4a060;--open-green: #2d6a35;--open-text: #a8e0b0;--locked-brown: #6b4a20;--locked-text: #e0c090;--bg-nav: #120d07;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--font-display: "Cinzel Decorative", "Palatino Linotype", serif;--font-heading: "Cinzel", "Palatino Linotype", serif;--font-body: "IM Fell English", "Georgia", serif;--font-ui: "Segoe UI", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{background-color:var(--bg-page);background-image:radial-gradient(ellipse at 30% 20%,rgba(139,90,43,.04) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(139,26,26,.03) 0%,transparent 60%);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-gold);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-dim)}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:600}.display-title{font-family:var(--font-display);letter-spacing:.05em}.parchment-card{background-color:var(--parchment);background-image:radial-gradient(ellipse at 15% 85%,rgba(139,90,43,.18) 0%,transparent 55%),radial-gradient(ellipse at 85% 15%,rgba(160,100,30,.12) 0%,transparent 55%),radial-gradient(ellipse at 50% 50%,rgba(200,160,80,.06) 0%,transparent 70%);color:var(--parchment-ink);border:1px solid var(--border-parchment);border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000080,inset 0 1px #fff0b466,inset 0 -1px #8b5a2b33;position:relative;overflow:hidden}.parchment-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;border-radius:inherit;opacity:.6}.parchment-card .card-content{position:relative;z-index:1}.stone-card{background:linear-gradient(135deg,var(--bg-raised) 0%,var(--bg-surface) 100%);border:1px solid var(--border-stone);border-radius:var(--radius-lg);box-shadow:0 4px 24px #0009;color:var(--text-primary)}.rune-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--gold-dim);font-family:var(--font-heading);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase}.rune-divider:before,.rune-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border-gold),transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border:none;border-radius:var(--radius-md);font-family:var(--font-heading);font-size:.88rem;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:all .15s ease;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.builder-pick-card:focus-visible{outline:2px solid var(--accent-gold, #d4af37);outline-offset:2px}.btn-crimson{background:linear-gradient(180deg,var(--crimson-bright) 0%,var(--crimson) 100%);color:#f0e0c0;border:1px solid var(--crimson-deep);box-shadow:0 2px 8px #8b1a1a66,inset 0 1px #ffb48c26}.btn-crimson:hover:not(:disabled){background:linear-gradient(180deg,#cc2424 0%,var(--crimson-bright) 100%);box-shadow:0 4px 14px #8b1a1a8c;transform:translateY(-1px)}.btn-crimson:active:not(:disabled){transform:translateY(0)}.btn-gold{background:linear-gradient(180deg,var(--gold-bright) 0%,var(--gold) 100%);color:#2c1a0e;border:1px solid var(--gold-dim);box-shadow:0 2px 8px #c9a84c4d,inset 0 1px #ffffc833}.btn-gold:hover:not(:disabled){background:linear-gradient(180deg,#f0cc70 0%,var(--gold-bright) 100%);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border-stone)}.btn-ghost:hover:not(:disabled){border-color:var(--gold-dim);color:var(--text-primary)}.btn-parchment{background:transparent;color:var(--parchment-faint);border:1px solid var(--border-parchment);font-size:.8rem}.btn-parchment:hover:not(:disabled){background:#8b5a2b14;color:var(--parchment-ink)}.btn-danger{background:transparent;color:var(--crimson-bright);border:1px solid rgba(139,26,26,.4);font-size:.78rem;padding:6px 12px}.btn-danger:hover:not(:disabled){background:#8b1a1a1f}.field{margin-bottom:18px}.field label{display:block;font-family:var(--font-heading);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:6px}.field label.parchment-label{color:var(--parchment-faint)}.field input,.field select,.field textarea{width:100%;background:#00000059;border:1px solid var(--border-gold);color:var(--text-primary);padding:10px 14px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.95rem;outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a84c26}.field input::placeholder{color:var(--text-faint)}.field input.parchment-input,.field select.parchment-input{background:#fff0c866;border-color:var(--border-parchment);color:var(--parchment-ink)}.field input.parchment-input:focus,.field select.parchment-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a84c33}.field input.parchment-input::placeholder{color:var(--parchment-faint)}.field select.parchment-input option{background:var(--parchment);color:var(--parchment-ink)}.field .hint{font-size:.75rem;color:var(--text-faint);margin-top:4px;font-family:var(--font-ui);font-style:italic}.field .field-error{font-size:.78rem;color:#e05050;margin-top:4px;font-family:var(--font-ui)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-family:var(--font-heading);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.badge-open{background:#2d6a3540;color:var(--open-text);border:1px solid rgba(45,106,53,.4)}.badge-locked{background:#6b4a2040;color:var(--locked-text);border:1px solid rgba(107,74,32,.4)}.badge-full{background:#64323240;color:#e0a0a0;border:1px solid rgba(100,50,50,.4)}.badge-active{background:#8b1a1a33;color:#f0b0a0;border:1px solid rgba(139,26,26,.35)}.route-tag{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-family:var(--font-heading);font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px}.route-BRAIN{background:#53348366;color:#d4b8ff;border:1px solid rgba(83,52,131,.6)}.route-MOUTH{background:#1e563166;color:#a8e6cf;border:1px solid rgba(30,86,49,.6)}.route-FIST{background:#8b000066;color:#ffb3b3;border:1px solid rgba(139,0,0,.6)}.route-LEGS{background:#5d4e3766;color:#ffe0b2;border:1px solid rgba(93,78,55,.6)}.route-WORLD{background:#2a485866;color:#80cbc4;border:1px solid rgba(42,72,88,.6)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050301d1;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-box{width:100%;max-width:680px;max-height:90vh;overflow-y:auto}.page-container{max-width:1100px;margin:0 auto;padding:0 24px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--gold);letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:10px}.section-title:before{content:"";display:inline-block;width:3px;height:1em;background:var(--crimson);border-radius:2px}.spinner{width:20px;height:20px;border:2px solid rgba(201,168,76,.2);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.alert{padding:12px 16px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9rem;font-style:italic}.alert-error{background:#8b1a1a33;border:1px solid rgba(139,26,26,.4);color:#f0b0a0}.alert-info{background:#2a48584d;border:1px solid rgba(42,72,88,.5);color:#90cac8}.top-nav{background:linear-gradient(180deg,var(--bg-page) 0%,var(--bg-nav) 100%);border-bottom:1px solid var(--border-gold);padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;box-shadow:0 2px 20px #0009}.dashboard-tabs{display:flex;gap:0;background:var(--bg-surface);border-bottom:1px solid var(--border-stone);padding:0 24px;position:sticky;top:60px;z-index:49}.dashboard-tab{font-family:var(--font-heading);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;padding:12px 20px;cursor:pointer;transition:color .2s,border-color .2s}.dashboard-tab:hover{color:var(--text-primary)}.dashboard-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.nav-logo{font-family:var(--font-display);font-size:1.3rem;color:var(--gold);text-decoration:none;letter-spacing:.08em;text-shadow:0 0 20px rgba(201,168,76,.4)}.nav-logo span{color:var(--crimson-bright);font-size:.75em;vertical-align:super}.nav-right{display:flex;align-items:center;gap:16px}.nav-user{font-family:var(--font-heading);font-size:.82rem;color:var(--text-muted);letter-spacing:.05em}.empty-state{text-align:center;padding:40px 24px;color:var(--text-faint);font-family:var(--font-body);font-style:italic}.empty-state .empty-icon{font-size:2.5rem;margin-bottom:12px;opacity:.4}.empty-state p{font-size:.95rem;line-height:1.6}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes flickerIn{0%{opacity:0}20%{opacity:.8}40%{opacity:.4}60%{opacity:.9}80%{opacity:.6}to{opacity:1}}.fade-in{animation:fadeIn .3s ease forwards}.slide-up{animation:slideUp .4s ease forwards}.flicker-in{animation:flickerIn .6s ease forwards}body.has-maint-banner{padding-top:40px}body.has-maint-banner .game-page{height:calc(100vh - 40px)}.game-page{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-page)}.game-topbar{height:42px;background:linear-gradient(180deg,var(--bg-page) 0%,var(--bg-nav) 100%);border-bottom:1px solid var(--border-gold);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0;box-shadow:0 2px 12px #00000080;z-index:10}.game-topbar-left{display:flex;align-items:center;gap:10px}.game-back-link{font-family:var(--font-heading);font-size:.75rem;color:var(--text-muted);text-decoration:none;letter-spacing:.05em}.game-back-link:hover{color:var(--gold)}.game-topbar-divider{width:1px;height:14px;background:var(--border-stone)}.game-party-name{font-family:var(--font-heading);font-size:.85rem;color:var(--text-primary);font-weight:600}.game-topbar-right{display:flex;align-items:center;gap:8px}.game-topbar-invite{display:flex;align-items:center;gap:6px;margin-right:12px;padding-right:12px;border-right:1px solid var(--border-stone)}.game-topbar-invite-label{font-family:var(--font-ui);font-size:.68rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em}.game-topbar-invite-code{font-family:var(--font-display);font-size:.85rem;color:var(--gold-bright);letter-spacing:.1em}.game-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.game-status-text{font-family:var(--font-ui);font-size:.7rem}.game-layout{flex:1;display:flex;overflow:hidden;position:relative}.game-party-wrapper{position:absolute;top:8px;bottom:8px;left:0;display:flex;flex-direction:row;align-items:flex-start;z-index:20;pointer-events:none}.game-party-panel{background:linear-gradient(180deg,#2a1f10,#1a1308);border:1px solid var(--border-gold);border-left:none;border-radius:0 8px 8px 0;display:flex;flex-direction:column;align-items:center;padding:6px 5px;gap:4px;transition:width .2s ease,padding .2s ease,opacity .2s ease;width:58px;max-height:100%;overflow:visible;pointer-events:auto}.game-party-panel--collapsed{width:0;padding:0;border:none;overflow:hidden;opacity:0}.game-party-toggle{align-self:flex-start;margin-top:24px;pointer-events:auto;background:linear-gradient(180deg,#2a1f10,#1a1308);border:1px solid var(--border-gold);border-left:none;border-radius:0 6px 6px 0;color:var(--gold);font-size:.7rem;cursor:pointer;padding:14px 5px;transition:background .15s;display:flex;align-items:center}.game-party-toggle:hover{background:#c9a84c40}.game-party-toggle--collapsed{padding:18px 6px;font-size:.8rem}.party-portrait{position:relative;width:44px;height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:4px;border:2px solid var(--border-gold);background:linear-gradient(180deg,#3a2a12,#20160a 55%,#140e07);cursor:default;transition:border-color .15s ease,box-shadow .15s ease}.party-portrait:hover,.party-portrait:focus-visible{border-color:var(--gold-bright);box-shadow:0 0 9px #e8c06073;outline:none}.party-portrait-initial{font-family:var(--font-heading);font-size:1.15rem;color:var(--gold);line-height:1}.party-portrait--empty{opacity:.4}.party-portrait-tip{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1px;padding:6px 11px;border-radius:6px;background:var(--bg-page);border:1px solid var(--border-gold);box-shadow:0 4px 16px #0009;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .1s ease;z-index:60}.party-portrait:hover .party-portrait-tip,.party-portrait:focus-visible .party-portrait-tip{opacity:1}.party-portrait-tip-name{font-family:var(--font-heading);font-size:.82rem;color:var(--gold-bright)}.party-portrait-tip-player{font-size:.7rem;color:var(--text-muted)}.dice-tray{position:fixed;left:0;top:42px;width:220px;background:linear-gradient(180deg,#1e1610,#120e08);border:1px solid var(--border-gold);border-left:none;border-radius:0 10px 10px 0;display:flex;flex-direction:column;z-index:30;transform:translate(-300px);visibility:hidden;transition:transform .25s ease,visibility .25s;box-shadow:6px 4px 24px #0009,inset 0 1px #c9a84c14;max-height:calc(100vh - 52px)}.dice-tray--open{transform:translate(0);visibility:visible}.dice-tray-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border-stone)}.dice-tray-title{font-family:var(--font-heading);font-size:.9rem;color:var(--gold);text-transform:uppercase;letter-spacing:.04em}.dice-tray-close{background:none;border:none;color:var(--text-faint);font-size:1.3rem;cursor:pointer;padding:2px 6px;line-height:1}.dice-tray-close:hover{color:var(--text-primary)}.dice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:12px 14px}.dice-btn{display:flex;align-items:center;justify-content:center;height:40px;background:#c9a84c14;border:1px solid rgba(201,168,76,.25);border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.dice-btn:hover{background:#c9a84c33;border-color:var(--gold)}.dice-btn:active{transform:scale(.92)}.dice-btn--rolling{animation:diceShake .3s ease}@keyframes diceShake{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg) scale(1.05)}75%{transform:rotate(8deg) scale(1.05)}}.dice-btn-label{font-family:var(--font-heading);font-size:.85rem;color:var(--gold);text-transform:lowercase;font-weight:700}.dice-modifier{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border-top:1px solid rgba(255,255,255,.04)}.dice-mod-btn{width:32px;height:32px;background:#ffffff0a;border:1px solid rgba(201,168,76,.15);border-radius:6px;color:var(--text-primary);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.dice-mod-btn:hover{background:#c9a84c1a;border-color:var(--gold)}.dice-mod-value{font-family:var(--font-heading);font-size:.9rem;color:var(--gold);min-width:36px;text-align:center}.dice-mod-reset{background:none;border:none;color:var(--text-faint);font-family:var(--font-ui);font-size:.6rem;cursor:pointer;text-transform:uppercase}.dice-mod-reset:hover{color:var(--gold)}.dice-history-header{font-family:var(--font-ui);font-size:.6rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;padding:10px 14px 4px;border-top:1px solid rgba(255,255,255,.04)}.dice-history{overflow-y:auto;max-height:180px;padding:4px 12px 10px}.dice-history-empty{color:var(--text-faint);font-style:italic;font-size:.72rem;text-align:center;padding:12px 0}.dice-history-entry{display:flex;flex-wrap:wrap;gap:4px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.03);font-family:var(--font-ui);font-size:.68rem}.dice-history-name{color:var(--gold);font-weight:600}.dice-history-notation{color:var(--text-muted)}.dice-history-rolls{color:var(--text-faint)}.dice-history-total{color:var(--text-primary);font-weight:700}.game-stage{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-page);position:relative;overflow:hidden}.game-stage-empty{text-align:center;opacity:.3}.game-stage-logo{font-family:var(--font-display);font-size:3rem;color:var(--gold);text-shadow:0 0 40px rgba(201,168,76,.2);letter-spacing:.1em}.game-stage-hint{font-family:var(--font-heading);font-size:.75rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.15em;margin-top:8px}.game-stage-map{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center}.game-stage-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;animation:bgFadeIn .8s ease-out}@keyframes bgFadeIn{0%{opacity:0}to{opacity:1}}.npc-portrait-overlay{position:absolute;left:24px;bottom:0;display:flex;flex-direction:column;align-items:center;z-index:2;pointer-events:none;animation:npcSlideIn .4s ease-out}@keyframes npcSlideIn{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes npcSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-60px)}}.npc-portrait-overlay.dismissing{animation:npcSlideOut .4s ease-in forwards}.weather-clock-overlay{position:absolute;top:14px;right:16px;z-index:2;display:flex;align-items:flex-start;gap:6px;filter:drop-shadow(0 4px 14px rgba(0,0,0,.65));animation:bgFadeIn .8s ease-out}.weather-clock-toggle{margin-top:8px;width:22px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-gold, #6b501a);border-radius:6px;background:linear-gradient(180deg,#2a1f10,#1a1308);color:var(--gold, #c9a84c);font-size:.8rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.weather-clock-toggle:hover{background:#c9a84c38;color:var(--gold-bright, #e8c060);border-color:var(--gold-bright, #e8c060)}.bottom-bar{position:absolute;left:50%;bottom:14px;transform:translate(-50%);z-index:4;display:flex;align-items:center;gap:12px;font-family:var(--font-ui);animation:bottomBarIn .35s ease-out;max-width:96%}@keyframes bottomBarIn{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.bb-hide{position:absolute;top:-9px;left:-9px;z-index:4;width:22px;height:22px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-raised);border:1px solid var(--border-gold);color:var(--gold);cursor:pointer;font-size:26px;line-height:1;box-shadow:0 2px 6px #0009;transition:color .12s ease,border-color .12s ease,box-shadow .12s ease}.bb-hide:hover{color:var(--gold-bright);border-color:var(--gold-bright);box-shadow:0 0 8px #e8c06073}.hotbar-show-handle{position:absolute;left:50%;bottom:14px;transform:translate(-50%);z-index:4;display:flex;align-items:center;gap:5px;padding:5px 14px;border-radius:14px;background:var(--bg-elevated, #1a1209);border:1px solid var(--gold-dim);color:var(--gold);font-family:var(--font-ui);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;animation:bottomBarIn .35s ease-out}.hotbar-show-handle:hover{background:var(--gold-dim);color:var(--bg-page)}.hotbar-show-chevron{font-size:.9rem;line-height:1}.bb-rest{display:flex;gap:6px;margin-top:1px}.bb-rest-btn{display:flex;flex-direction:column;align-items:center;gap:1px;width:40px;padding:4px 0 3px;border-radius:8px;background:#00000059;border:1px solid var(--border-gold);color:var(--gold);cursor:pointer;transition:color .12s ease,border-color .12s ease,background .12s ease}.bb-rest-btn svg{width:19px;height:19px}.bb-rest-lbl{font-family:var(--font-ui);font-size:.5rem;letter-spacing:.06em;text-transform:uppercase;line-height:1}.bb-rest-btn:hover{color:var(--gold-bright);border-color:var(--gold-bright);background:#c9a84c1f}.bb-portrait-col{display:flex;flex-direction:column;align-items:center;gap:7px}.bb-portrait-wrap{position:relative}.bb-portrait{width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#4a3518,#140d06);border:3px solid var(--gold);box-shadow:0 0 0 2px var(--bg-page),0 0 0 4px var(--gold-dim),0 4px 18px #0009;display:flex;align-items:center;justify-content:center}.bb-portrait span{font-family:var(--font-display);font-size:2.2rem;color:var(--text-primary)}.bb-ac{position:absolute;right:-8px;top:-4px;z-index:2;width:39px;height:42px;display:flex;align-items:center;justify-content:center;color:var(--gold-bright)}.bb-ac-glyph{position:absolute;width:39px;height:42px;filter:drop-shadow(0 1px 2px #000)}.bb-ac-num{position:relative;font-family:var(--font-ui);font-size:.92rem;font-weight:700;color:var(--parchment-ink);margin-top:-3px}.bb-hp-ring{position:absolute;left:50%;top:50%;width:116px;height:116px;transform:translate(-50%,-50%);pointer-events:none;overflow:visible;z-index:1}.bb-hp-ring-track{fill:none;stroke:#2a0f0f;stroke-width:6;stroke-linecap:round}.bb-hp-ring-fill{fill:none;stroke:#4cbf6a;stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 0 3px rgba(76,191,106,.55));transition:stroke-dasharray .3s ease}.bb-hp-ring-fill.low{stroke:#d9534f;filter:drop-shadow(0 0 3px rgba(217,83,79,.6))}.bb-hp-ring-fill.temp{stroke:#4ea1d3;filter:drop-shadow(0 0 3px rgba(78,161,211,.6))}.bb-hp-num{display:flex;align-items:center;gap:3px;margin-top:11px;font-family:var(--font-ui);font-size:1.24rem;font-weight:700;color:var(--parchment, #f0deb8);text-shadow:0 1px 1px rgba(0,0,0,.9)}.bb-hp-num.low{color:#ff9d8a}.bb-hp-num svg{width:20px;height:20px;color:#d9534f}.bb-center{display:flex;flex-direction:column;gap:6px;position:relative;z-index:5}.bb-econ{display:flex;flex-direction:row;gap:6px;align-items:center;justify-content:center}.bb-pip{position:relative;height:26px;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;clip-path:polygon(10% 0,90% 0,100% 50%,90% 100%,10% 100%,0 50%);color:var(--parchment-ink);font-family:var(--font-ui);font-size:.62rem;font-weight:700;letter-spacing:.02em;transition:filter .18s ease,opacity .18s ease}.bb-pip.action{background:linear-gradient(180deg,var(--gold-bright),var(--gold-dim))}.bb-pip.bonus{background:linear-gradient(180deg,#6fcf86,#2d6a35);color:#0c1a0f}.bb-pip.reaction{background:linear-gradient(180deg,#d98a3a,#8a4a14);color:#1a0e04}.bb-pip.move{background:var(--bg-raised);border-radius:var(--radius-sm);clip-path:none;color:var(--text-primary);border:1px solid var(--border-gold);padding:0 10px}.bb-pip.spent{filter:grayscale(1) brightness(.5);opacity:.45}.bb-pip-glyph{width:16px;height:16px}.bb-pip.reaction .bb-pip-glyph{color:#1a0e04}.bb-pip-num{font-size:.62rem;color:var(--gold-bright)}.bb-folder-tabs{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:flex-end;padding:6px 40px 0;border-bottom:1px solid rgba(201,168,76,.28)}.bb-folder-tab{position:relative;z-index:1;margin-right:-6px;padding:4px 14px 3px;border:1px solid var(--border-gold);border-bottom:none;border-radius:9px 9px 0 0;background:linear-gradient(180deg,#180f07e0,#130c06e0);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:inset 0 2px 0 var(--bbtab-accent, rgba(201, 168, 76, .4));color:var(--text-muted);font-family:var(--font-ui);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color .12s ease}.bb-folder-tab:hover{color:var(--bbtab-ink, var(--gold));z-index:2}.bb-folder-tab.active{z-index:3;margin-bottom:-1px;padding:5px 16px;border-bottom:none;border-radius:9px 9px 0 0;background:#221608f5;color:var(--bbtab-ink, var(--gold-bright));font-size:.7rem;box-shadow:inset 0 2px 0 var(--bbtab-accent, rgba(201, 168, 76, .4))}.bb-folder-tab.cat-custom{--bbtab-accent: rgba(232, 192, 96, .55);--bbtab-ink: var(--gold-bright)}.bb-folder-tab.cat-class{--bbtab-accent: rgba(154, 176, 197, .5);--bbtab-ink: #b8c7d6}.bb-folder-tab.cat-spells{--bbtab-accent: rgba(146, 116, 215, .55);--bbtab-ink: #b59ae8}.bb-folder-tab.cat-items{--bbtab-accent: rgba(173, 122, 70, .55);--bbtab-ink: #c89a6a}.bb-folder-tabs.editing .bb-folder-tab.active,.bottom-bar.combat.your-turn .bb-folder-tab.active{border-color:var(--gold-bright)}.bb-grid{position:relative;display:grid;grid-template-columns:repeat(12,44px);grid-auto-rows:44px;gap:4px;padding:40px 12px 12px;border-radius:var(--radius-md);background:linear-gradient(180deg,#241708eb,#120c06eb);border:2px solid var(--border-gold);box-shadow:0 6px 24px #0000008c,inset 0 0 0 1px #c9a84c2e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:border-color .15s ease,box-shadow .15s ease}.bb-grid.editing{border-color:var(--gold-bright);box-shadow:0 6px 24px #0000008c,inset 0 0 0 1px #e8c06073}.bb-lock{position:absolute;top:-11px;right:-11px;z-index:4;width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-raised);border:1px solid var(--border-gold);color:var(--gold);cursor:pointer;box-shadow:0 2px 6px #0009;transition:color .12s ease,border-color .12s ease,box-shadow .12s ease}.bb-lock:hover{color:var(--gold-bright);border-color:var(--gold-bright);box-shadow:0 0 8px #e8c06073}.bb-lock svg{width:14px;height:14px}.bb-slot.editing{cursor:grab}.bb-slot.editing:active{cursor:grabbing}.bb-slot-empty.editing{border-style:dashed;opacity:.75}.bb-slot{position:relative;width:44px;height:44px;padding:0;border-radius:var(--radius-sm);background:linear-gradient(160deg,var(--bg-raised),var(--bg-surface));border:1px solid var(--border-gold);color:var(--gold);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease,border-color .1s ease,box-shadow .1s ease,color .1s ease}.bb-slot:hover{transform:translateY(-3px);border-color:var(--gold-bright);color:var(--gold-bright);box-shadow:0 0 12px #e8c06066;z-index:2}.bb-slot:active{transform:translateY(-1px)}.bb-slot-empty{background:var(--bg-page);border-color:var(--border-stone);opacity:.5;cursor:default}.bb-glyph{width:28px;height:28px}.bb-key{position:absolute;top:1px;left:3px;font-size:.58rem;font-weight:700;line-height:1;color:var(--text-muted)}.bb-tip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%);width:max-content;max-width:200px;display:flex;flex-direction:column;gap:2px;padding:7px 10px;border-radius:var(--radius-sm);background:var(--bg-page);border:1px solid var(--border-gold);box-shadow:0 4px 16px #0009;opacity:0;pointer-events:none;transition:opacity .1s ease;z-index:60}.bb-slot:hover{z-index:8}.bb-slot:hover .bb-tip{opacity:1}.bb-tip-name{font-family:var(--font-heading);font-size:.82rem;color:var(--gold-bright)}.bb-tip-detail{font-size:.72rem;line-height:1.3;color:var(--text-primary)}.bb-dial-col{display:flex;align-items:center;gap:6px}.bb-dial{width:74px;height:74px;padding:0;border-radius:50%;background:linear-gradient(160deg,var(--bg-raised),var(--bg-surface));border:3px solid var(--gold);box-shadow:0 0 0 2px var(--bg-page),0 0 0 4px var(--gold-dim),0 4px 18px #0009;display:flex;align-items:center;justify-content:center;color:var(--gold-bright);cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}.bb-dial:hover{border-color:var(--gold-bright);box-shadow:0 0 0 2px var(--bg-page),0 0 0 4px var(--gold),0 0 16px #e8c06066}.bb-dial-glyph{width:38px;height:38px}.bb-sets{display:flex;flex-direction:column;gap:4px}.bb-set{width:26px;height:22px;border-radius:var(--radius-sm);background:linear-gradient(160deg,var(--bg-raised),var(--bg-surface));border:1px solid var(--border-gold);color:var(--text-primary);font-family:var(--font-body);font-size:.72rem;cursor:pointer}.bb-set.active{border-color:var(--gold-bright);color:var(--gold-bright)}.npc-portrait-img{min-height:168px;max-height:42vh;max-width:24vw;object-fit:contain;object-position:bottom;filter:drop-shadow(0 4px 20px rgba(0,0,0,.8))}.npc-portrait-placeholder{width:120px;height:156px;background:var(--bg-raised);border:2px solid var(--gold-dim);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:3rem;color:var(--gold)}.npc-portrait-name{font-family:var(--font-heading);font-size:1.1rem;color:var(--gold);text-transform:capitalize;letter-spacing:.05em;padding:6px 0;background:#0009;border:1px solid var(--gold-dim);border-radius:4px;margin-top:8px;margin-bottom:12px;text-shadow:0 1px 3px rgba(0,0,0,.8);width:100%;text-align:center;box-sizing:border-box}.game-right-panel{width:320px;flex-shrink:0;display:flex;flex-direction:column;border-left:1px solid var(--border-gold);background:var(--bg-surface)}.game-right-tabs{display:flex;justify-content:space-evenly;border-bottom:1px solid var(--border-stone);flex-shrink:0}.game-right-tab{font-size:1.35rem;color:var(--text-faint);background:none;border:none;border-bottom:2px solid transparent;padding:8px 0;flex:1;text-align:center;cursor:pointer;transition:color .15s,border-color .15s}.game-right-tab:hover{color:var(--text-primary);transform:scale(1.25)}.game-right-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.game-right-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.game-chat-tab{flex:1;display:flex;flex-direction:column;overflow:hidden}.game-chat-scroll{flex:1;overflow-y:auto}.game-chat-input{border-top:1px solid var(--border-stone);padding:10px;display:flex;gap:8px;align-items:flex-end;flex-shrink:0}.game-textarea{flex:1;background:#0006;border:1px solid var(--border-gold);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:.88rem;padding:8px 12px;resize:none;outline:none;line-height:1.4}.game-textarea:focus{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold-dim)}.game-send-btn{padding:8px 16px;font-size:.82rem;min-width:60px}.game-mic-btn{padding:8px 10px;font-size:.82rem;min-width:44px;display:inline-flex;align-items:center;justify-content:center;gap:4px;background:#0006;border:1px solid var(--border-gold);color:var(--text-primary);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.game-mic-btn:hover:not(:disabled){border-color:var(--gold)}.game-mic-btn:disabled{opacity:.4;cursor:not-allowed}.game-mic-btn-recording{background:#b4323240;border-color:#e05050;color:#f5a5a5;animation:aidm-mic-pulse 1.2s ease-in-out infinite}.game-mic-btn-transcribing{background:#c8a84c1f;border-color:var(--gold-dim)}.game-mic-btn-error{background:#b4323226;border-color:#e05050;color:#f5a5a5}.game-mic-btn-timer{font-family:var(--font-ui);font-size:.68rem;font-variant-numeric:tabular-nums}@keyframes aidm-mic-pulse{0%,to{box-shadow:0 0 #e0505099}50%{box-shadow:0 0 0 4px #e0505000}}.game-input-hint{font-family:var(--font-ui);font-size:.62rem;color:var(--text-faint);text-align:center;padding:3px 0 6px;flex-shrink:0}.game-notepad-tab{flex:1;display:flex;padding:10px}.game-notepad{flex:1;background:#0000004d;border:1px solid var(--border-stone);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:.85rem;padding:12px;resize:none;outline:none;line-height:1.6}.game-notepad:focus{border-color:var(--gold-dim)}.game-notepad-counter{font-family:var(--font-ui);font-size:.62rem;text-align:right;padding:4px 2px 0;transition:color .2s}.game-maps-tab{padding:14px;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.game-map-thumbnail{border:1px solid var(--border-stone);border-radius:var(--radius-md);overflow:hidden;min-height:200px}.game-inventory-tab{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.inventory-gold{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#c9a84c14;border:1px solid var(--border-gold, #6b5a2e);border-radius:6px}.inventory-gold-icon{font-size:1.1rem}.inventory-gold-amount{font-family:var(--font-heading);font-size:1rem;color:var(--gold, #c9a84c)}.inventory-list{display:flex;flex-direction:column;gap:6px}.inventory-item{background:#ffffff08;border:1px solid var(--border-stone, #333);border-radius:6px;padding:8px 10px}.inventory-item-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.inventory-item-name{font-family:var(--font-heading);font-size:.8rem;color:var(--text-primary)}.inventory-item-rarity{font-family:var(--font-ui);font-size:.62rem;text-transform:capitalize;flex-shrink:0}.inventory-item-stat{font-family:var(--font-ui);font-size:.68rem;color:var(--text-faint);margin-right:10px}.inventory-empty-text{font-family:var(--font-ui);font-size:.78rem;color:var(--text-faint);font-style:italic;text-align:center;padding:30px 20px}.inventory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.inventory-toolbar-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.inventory-add-btn{font-size:1.1rem;width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0;line-height:1}.inventory-refresh-btn{font-size:.9rem;width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0}.inventory-section{margin-bottom:4px}.inventory-section-header{display:flex;align-items:center;gap:6px;padding:6px 4px 4px;border-bottom:1px solid rgba(201,168,76,.15);margin-bottom:4px}.inventory-section-icon{font-size:1.1rem}.inventory-section-label{font-family:var(--font-heading);font-size:1.1rem;color:var(--gold);text-transform:uppercase;letter-spacing:.08em}.inventory-section-count{font-family:var(--font-ui);font-size:.6rem;color:var(--text-faint);margin-left:auto}.inventory-backpack{margin-top:8px}.inventory-backpack-header{border-bottom:1px solid rgba(201,168,76,.25);padding-bottom:6px;margin-bottom:6px}.inventory-subsection{margin-bottom:4px;padding-left:8px}.inventory-subsection-header{display:flex;align-items:center;gap:5px;padding:4px 4px 3px;margin-bottom:3px}.inventory-subsection-icon{font-size:.72rem}.inventory-subsection-label{font-family:var(--font-ui);font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.inventory-item-stats{display:flex;gap:10px;margin-top:2px}.inventory-item-stat-dim{font-family:var(--font-ui);font-size:.62rem;color:var(--text-faint);opacity:.6}.inventory-info-btn{font-size:.6rem;width:20px;height:20px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;font-style:italic}.inventory-equip-btn{font-size:.6rem;padding:2px 8px;flex-shrink:0}.inventory-item-details{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.05)}.inventory-item-props{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}.inventory-item-prop-tag{font-family:var(--font-ui);font-size:.6rem;color:var(--text-muted);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:3px;padding:1px 6px}.inventory-item-subcat{font-family:var(--font-ui);font-size:.62rem;color:var(--text-faint);margin:2px 0;text-transform:capitalize}.inventory-item-desc{font-family:var(--font-ui);font-size:.7rem;color:var(--text-muted);margin:4px 0 0;line-height:1.4}.inventory-item-equipped{border-color:#c9a84c4d;background:#c9a84c0a}.additem-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:1000}.additem-popup{background:linear-gradient(160deg,#1a1108,#0e0a04);border:1px solid var(--border-gold);border-radius:12px;padding:0;max-width:680px;width:95%;max-height:68vh;display:flex;flex-direction:column;box-shadow:0 8px 40px #0009,inset 0 1px #c9a84c1a;animation:slideUp .25s ease}.additem-header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border-gold)}.additem-title{font-family:var(--font-heading);font-size:1rem;color:var(--gold);margin:0}.additem-close{margin-left:auto;background:none;border:none;color:var(--text-faint);font-size:1.4rem;cursor:pointer;padding:4px 8px;line-height:1}.additem-close:hover{color:var(--text-primary)}.additem-filters{display:flex;gap:8px;padding:10px 16px;border-bottom:1px solid rgba(201,168,76,.1);flex-wrap:wrap}.additem-search{flex:1;min-width:120px;background:#ffffff0a;border:1px solid var(--border-stone);border-radius:4px;color:var(--text-primary);font-family:var(--font-ui);font-size:.78rem;padding:6px 10px;outline:none}.additem-search:focus{border-color:var(--gold-dim, #6b5a2e)}.additem-search::placeholder{color:var(--text-faint)}.additem-select{background:#ffffff0a;border:1px solid var(--border-stone);border-radius:4px;color:var(--text-primary);font-family:var(--font-ui);font-size:.72rem;padding:6px 8px;outline:none}.additem-list{overflow-y:auto;padding:8px 16px 16px;display:flex;flex-direction:column;gap:4px}.additem-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#ffffff05;border:1px solid var(--border-stone);border-radius:4px;transition:border-color .15s}.additem-row:hover{border-color:var(--gold-dim, #6b5a2e)}.additem-row-name{font-family:var(--font-heading);font-size:.78rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.additem-row-cat{font-family:var(--font-ui);font-size:.6rem;color:var(--text-faint);text-transform:capitalize;flex-shrink:0}.additem-row-stats{font-family:var(--font-ui);font-size:.65rem;color:var(--text-faint);flex-shrink:0;white-space:nowrap}.additem-row-add{font-size:.8rem;padding:3px 10px;flex-shrink:0}.additem-empty{font-family:var(--font-ui);font-size:.78rem;color:var(--text-faint);font-style:italic;text-align:center;padding:30px 20px}.game-settings-tab{flex:1;overflow-y:auto;padding:14px 16px}.settings-section-label{font-family:var(--font-ui);font-size:.65rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px}.settings-toggle{display:flex;align-items:center;gap:10px;padding:8px 0;cursor:pointer;font-family:var(--font-ui);font-size:.78rem;color:var(--text-muted)}.settings-toggle input[type=checkbox]{accent-color:var(--gold, #c9a84c);width:16px;height:16px}.game-quests-tab{flex:1;overflow-y:auto;padding:10px 12px}.quest-empty{display:flex;align-items:center;justify-content:center;height:100%;padding:30px 20px}.quest-empty-text{font-family:var(--font-body);font-style:italic;font-size:.85rem;color:var(--text-faint);text-align:center;line-height:1.6}.quest-list{display:flex;flex-direction:column;gap:10px}.quest-card{background:#ffffff08;border:1px solid var(--border-stone);border-radius:var(--radius-md);padding:12px 14px;transition:border-color .15s}.quest-card:hover{border-color:var(--border-gold)}.quest-card.quest-done{opacity:.55}.quest-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.quest-type-badge{font-family:var(--font-heading);font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:1px solid;border-radius:3px;padding:1px 6px}.quest-status{font-family:var(--font-ui);font-size:.62rem;color:var(--text-faint);text-transform:capitalize}.quest-title{font-family:var(--font-heading);font-size:.85rem;color:var(--text-primary);margin:0 0 4px;line-height:1.3}.quest-description{font-family:var(--font-body);font-size:.72rem;color:var(--text-muted);margin:0 0 8px;line-height:1.5}.quest-progress-bar{height:3px;background:#ffffff14;border-radius:2px;margin-bottom:8px;overflow:hidden}.quest-progress-fill{height:100%;background:var(--gold);border-radius:2px;transition:width .4s ease}.quest-objectives{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:4px}.quest-obj{display:flex;align-items:flex-start;gap:6px;font-family:var(--font-body);font-size:.72rem;line-height:1.4;color:var(--text-muted)}.quest-obj-icon{flex-shrink:0;width:14px;text-align:center;font-size:.7rem;margin-top:1px}.quest-obj-completed .quest-obj-icon{color:var(--open-text)}.quest-obj-completed .quest-obj-text{text-decoration:line-through;opacity:.6}.quest-obj-failed .quest-obj-icon{color:#e05050}.quest-obj-failed .quest-obj-text{text-decoration:line-through;opacity:.5}.quest-obj-hidden .quest-obj-text{font-style:italic;color:var(--text-faint)}.quest-obj-text{flex:1}.quest-obj-optional{font-style:italic;color:var(--text-faint);font-size:.65rem}.quest-deadline{font-family:var(--font-ui);font-size:.62rem;color:#e0a060;margin:0 0 6px}.quest-actions{display:flex;gap:6px;margin-top:6px}.quest-action-btn{font-size:.7rem!important;padding:4px 12px!important}.quest-abandon-btn{color:#c07070!important;border-color:#c070704d!important}.quest-abandon-btn:hover{border-color:#c0707099!important}.quest-outcomes{margin-top:8px;display:flex;flex-direction:column;gap:4px}.quest-outcomes-label{font-family:var(--font-heading);font-size:.65rem;color:var(--gold);text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px}.quest-outcome-btn{font-size:.7rem!important;padding:6px 10px!important;text-align:left!important;white-space:normal!important;line-height:1.4!important}.quest-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;font-size:.55rem;font-weight:700;background:var(--gold);color:#000;border-radius:8px;margin-left:5px;padding:0 4px}.quest-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.quest-popup{background:linear-gradient(160deg,#1a1108,#0e0a04);border:1px solid var(--border-gold);border-radius:12px;padding:24px 28px;max-width:420px;width:90%;box-shadow:0 8px 40px #0009,inset 0 1px #c9a84c1a;animation:slideUp .25s ease}.quest-popup-header{margin-bottom:8px}.quest-popup-badge{font-family:var(--font-heading);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:1px solid;border-radius:3px;padding:2px 8px}.quest-popup-title{font-family:var(--font-heading);font-size:1.1rem;color:var(--text-primary);margin:0 0 8px;line-height:1.3}.quest-popup-desc{font-family:var(--font-body);font-size:.82rem;color:var(--text-muted);margin:0 0 10px;line-height:1.55}.quest-popup-hook{font-family:var(--font-body);font-style:italic;font-size:.8rem;color:var(--gold);margin:0 0 12px;padding:8px 12px;background:#c9a84c0f;border-left:2px solid var(--gold-dim);border-radius:0 4px 4px 0;line-height:1.5}.quest-popup-initiator{font-family:var(--font-body);font-size:.82rem;color:#e0a060;margin:0 0 10px;line-height:1.5}.quest-popup-objectives{margin-bottom:12px}.quest-popup-section-label{font-family:var(--font-heading);font-size:.62rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px}.quest-popup-objectives ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.quest-popup-objectives li{font-family:var(--font-body);font-size:.78rem;color:var(--text-muted);padding-left:14px;position:relative;line-height:1.4}.quest-popup-objectives li:before{content:"○";position:absolute;left:0;color:var(--text-faint);font-size:.65rem;top:2px}.quest-popup-obj-hidden{font-style:italic;color:var(--text-faint)!important}.quest-popup-warning{font-family:var(--font-body);font-size:.75rem;color:#e07070;background:#e0505014;border:1px solid rgba(224,80,80,.2);border-radius:6px;padding:8px 12px;margin-bottom:12px;line-height:1.5}.quest-popup-votes{margin-bottom:16px}.quest-popup-vote-list{display:flex;flex-direction:column;gap:4px}.quest-popup-vote-row{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#ffffff08;border-radius:4px}.quest-popup-vote-indicator{display:flex;align-items:center;gap:6px}.vote-icon{font-size:.7rem;line-height:1}.vote-icon--pending{color:var(--text-faint)}.vote-icon--yes{color:#4caf50}.vote-icon--no{color:#e05050}.quest-popup-vote-name{font-family:var(--font-ui);font-size:.72rem;color:var(--text-muted)}.quest-popup-vote-status{font-family:var(--font-heading);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.quest-popup-vote-pending{color:var(--text-faint)}.quest-popup-vote-accepted{color:var(--open-text)}.quest-popup-vote-declined,.quest-popup-vote-abandon{color:#e05050}.quest-popup-vote-keep,.quest-popup-vote-yes{color:var(--open-text)}.quest-popup-vote-no{color:#e05050}.quest-popup-actions{display:flex;gap:8px}.quest-popup-btn{flex:1;font-size:.8rem!important;padding:8px 16px!important}.quest-popup-abandon-btn{color:#e07070!important;border-color:#e0505059!important}.quest-popup-abandon-btn:hover{border-color:#e0505099!important;background:#e0505014!important}.vote-popup-btn--danger{color:#e07070!important;border-color:#e0505059!important}.vote-popup-btn--danger:hover{border-color:#e0505099!important;background:#e0505014!important}.combat-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.combat-confirm-popup{background:linear-gradient(160deg,#1a0808,#0e0404);border:1px solid var(--crimson);border-radius:12px;padding:24px 28px;max-width:380px;width:90%;box-shadow:0 8px 40px #b428284d,inset 0 1px #c83c3c26;animation:slideUp .25s ease;text-align:center}.combat-confirm-icon{font-size:2.5rem;margin-bottom:8px;filter:drop-shadow(0 0 8px rgba(200,60,60,.5))}.combat-confirm-title{font-family:var(--font-display);color:var(--crimson-bright);font-size:1.25rem;margin:0 0 8px}.combat-confirm-desc{color:var(--text-muted);font-size:.85rem;margin:0 0 12px}.combat-confirm-opponents{text-align:left;margin-bottom:12px}.combat-confirm-label{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin:0 0 4px}.combat-confirm-opponents ul{list-style:none;padding:0;margin:0}.combat-confirm-opponents li{color:var(--crimson-bright);font-size:.85rem;padding:2px 0}.combat-confirm-opponents li:before{content:"⚔️"}.combat-confirm-action{color:var(--text-faint);font-size:.8rem;margin:0 0 16px}.combat-confirm-action em{color:var(--text-muted)}.combat-confirm-actions{display:flex;gap:8px;justify-content:center}.combat-confirm-btn{flex:1;padding:8px 16px;font-size:.85rem}.btn-combat{background:linear-gradient(135deg,var(--crimson) 0%,#8b1a1a 100%);color:#fff;border:1px solid rgba(200,60,60,.5);border-radius:6px;cursor:pointer;font-family:var(--font-display);transition:all .15s ease}.btn-combat:hover{background:linear-gradient(135deg,var(--crimson-bright) 0%,var(--crimson) 100%);border-color:var(--crimson-bright);box-shadow:0 0 12px #c83c3c66}.vendor-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.vendor-popup{background:linear-gradient(160deg,#1a1108,#0e0a04);border:1px solid var(--border-gold);border-radius:12px;padding:0;max-width:680px;width:95%;max-height:68vh;display:flex;flex-direction:column;box-shadow:0 8px 40px #0009,inset 0 1px #c9a84c1a;animation:slideUp .25s ease}.vendor-popup-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-gold)}.vendor-popup-icon{font-size:2rem}.vendor-popup-shop-name{font-family:var(--font-heading);font-size:1.25rem;color:var(--gold);margin:0;text-transform:capitalize}.vendor-popup-vendor-name{font-family:var(--font-ui);font-size:.9rem;color:var(--text-muted);margin:0}.vendor-popup-close{margin-left:auto;background:none;border:none;color:var(--text-faint);font-size:1.4rem;cursor:pointer;padding:4px 8px;line-height:1}.vendor-popup-close:hover{color:var(--text-primary)}.vendor-popup-gold-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 20px;background:#c9a84c0f;font-family:var(--font-ui);font-size:.85rem;color:var(--gold);border-bottom:1px solid rgba(201,168,76,.1)}.vendor-popup-price-label{font-size:.75rem;color:var(--text-faint);background:#c9a84c1a;padding:2px 8px;border-radius:4px}.vendor-popup-count{font-size:.72rem;color:var(--text-faint)}.vendor-popup-inventory{overflow-y:auto;padding:8px 16px 16px;display:flex;flex-direction:column;gap:2px}.vendor-popup-buy-btn{font-size:.78rem!important;padding:4px 12px!important;min-width:48px}.vendor-category{margin-bottom:6px}.vendor-category-header{display:flex;align-items:center;gap:6px;padding:6px 4px 4px;border-bottom:1px solid rgba(201,168,76,.15);margin-bottom:4px}.vendor-category-icon{font-size:1rem}.vendor-category-label{font-family:var(--font-heading);font-size:.8rem;color:var(--gold);text-transform:uppercase;letter-spacing:.06em}.vendor-category-count{font-family:var(--font-ui);font-size:.7rem;color:var(--text-faint);background:#ffffff0d;padding:1px 6px;border-radius:8px}.vendor-col-headers{display:flex;align-items:center;gap:8px;padding:4px 16px;font-family:var(--font-ui);font-size:.65rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid rgba(255,255,255,.04)}.vendor-col-name{flex:1;min-width:120px}.vendor-col-stats{width:150px;text-align:left}.vendor-col-stock{width:42px;text-align:center}.vendor-col-price{width:65px;text-align:right}.vendor-col-actions{width:90px}.vendor-item-card{background:#ffffff05;border-radius:4px;border-left:3px solid transparent;margin-bottom:1px;transition:background .15s}.vendor-item-card:hover{background:#ffffff0d}.vendor-item-main{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 8px}.vendor-item-name-col{flex:1;min-width:120px;display:flex;align-items:center;gap:6px}.vendor-item-name{font-family:var(--font-body);font-size:.85rem;white-space:nowrap}.vendor-item-rarity-badge{font-family:var(--font-ui);font-size:.6rem;text-transform:uppercase;letter-spacing:.04em;padding:1px 5px;border-radius:3px;white-space:nowrap;flex-shrink:0}.vendor-item-stats-col{width:150px;display:flex;align-items:center;gap:6px;justify-content:flex-start}.vendor-item-stat{font-family:var(--font-ui);font-size:.75rem;color:var(--text-muted);white-space:nowrap}.vendor-item-stat-dim{font-family:var(--font-ui);font-size:.7rem;color:var(--text-faint);white-space:nowrap}.vendor-item-stock-col{width:42px;display:flex;flex-direction:column;align-items:center}.vendor-item-stock-num{font-family:var(--font-heading);font-size:.85rem;color:var(--text-muted)}.vendor-item-stock-label{font-family:var(--font-ui);font-size:.55rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em}.vendor-item-price{width:65px;font-family:var(--font-heading);font-size:.85rem;color:var(--gold);text-align:right;flex-shrink:0}.vendor-item-info-btn{background:#c9a84c1a;border:1px solid rgba(201,168,76,.2);color:var(--gold-dim);font-size:.7rem;font-family:var(--font-ui);width:22px;height:22px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.vendor-item-info-btn:hover{background:#c9a84c33;color:var(--gold)}.vendor-item-info-spacer{width:22px;flex-shrink:0}.vendor-item-details{padding:4px 10px 8px 8px;border-top:1px solid rgba(255,255,255,.04)}.vendor-item-props{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}.vendor-item-prop-tag{font-family:var(--font-ui);font-size:.7rem;color:var(--text-muted);background:#c9a84c14;padding:2px 6px;border-radius:3px;border:1px solid rgba(201,168,76,.12)}.vendor-item-subcat{font-family:var(--font-ui);font-size:.75rem;color:var(--text-faint);font-style:italic;margin:2px 0}.vendor-item-desc{font-family:var(--font-body);font-size:.8rem;color:var(--text-muted);line-height:1.45;margin:4px 0 0}.rarity-common{color:#aaa}.rarity-uncommon{color:#4caf50}.rarity-rare{color:#42a5f5}.rarity-very_rare{color:#ab47bc}.rarity-legendary{color:#ffa726}.rarity-border-common{border-left-color:#555}.rarity-border-uncommon{border-left-color:#4caf50}.rarity-border-rare{border-left-color:#42a5f5}.rarity-border-very_rare{border-left-color:#ab47bc}.rarity-border-legendary{border-left-color:#ffa726}.rarity-bg-common{color:#888;background:#aaaaaa1a}.rarity-bg-uncommon{color:#4caf50;background:#4caf501a}.rarity-bg-rare{color:#42a5f5;background:#42a5f51a}.rarity-bg-very_rare{color:#ab47bc;background:#ab47bc1a}.rarity-bg-legendary{color:#ffa726;background:#ffa7261a}.game-vendor-clickable{transition:background .15s}.game-vendor-clickable:hover{background:#c9a84c14!important}.game-placeholder-tab{padding:14px}.game-tab-title{font-family:var(--font-heading);font-size:.85rem;color:var(--gold);margin-bottom:10px;text-transform:uppercase;letter-spacing:.08em}.game-tab-empty{font-family:var(--font-body);font-style:italic;font-size:.82rem;color:var(--text-faint)}.game-msg{padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.03)}.game-msg:last-child{border-bottom:none}.game-msg-label{font-family:var(--font-heading);font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;display:block;margin-bottom:3px}.game-msg-player .game-msg-label{color:var(--gold)}.game-msg-player.game-msg-player-other .game-msg-label{color:#7fc99a}.game-msg-dm .game-msg-label{color:#a78bfa}.game-msg-player p,.game-msg-dm p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.88rem;color:#e0e0e0;line-height:1.65;margin:0;white-space:pre-wrap}.game-msg-dm p{color:#ccc}.game-msg-system{font-family:var(--font-ui);font-size:.72rem;color:var(--text-faint);font-style:italic;display:flex;align-items:center}.game-msg-system p{margin:0}.game-msg-dice{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#c9a84c14;border:1px solid rgba(201,168,76,.2);border-radius:6px;margin:2px 0}.dice-msg-icon{font-size:1.1rem;flex-shrink:0}.dice-msg-body{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;font-family:var(--font-ui);font-size:.76rem}.dice-msg-name{color:var(--gold);font-weight:700}.dice-msg-notation{color:var(--text-muted)}.dice-msg-rolls{color:var(--text-faint);font-size:.7rem}.dice-msg-eq{color:var(--text-faint)}.dice-msg-total{color:#fff;font-family:var(--font-heading);font-size:1rem;font-weight:700;background:#c9a84c26;padding:1px 8px;border-radius:4px;border:1px solid rgba(201,168,76,.3)}.dice-msg-label{color:var(--text-faint);font-style:italic;font-size:.68rem}.game-charbar-empty{font-family:var(--font-body);font-style:italic;font-size:.8rem;color:var(--text-faint)}.game-charbar-card{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#ffffff08;border:1px solid var(--border-stone);border-radius:6px;flex-shrink:0;transition:border-color .15s}.game-charbar-card:hover{border-color:var(--border-gold)}.game-charbar-icon{font-size:1.4rem;line-height:1}.game-charbar-info{display:flex;flex-direction:column;gap:1px}.game-charbar-name{font-family:var(--font-heading);font-size:.78rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.game-charbar-player{font-family:var(--font-ui);font-size:.65rem;color:var(--text-faint);white-space:nowrap}.game-toast{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:200;animation:slideDown .3s ease forwards}.game-toast-inner{display:flex;align-items:center;gap:10px;background:#0e0a06f2;border:1px solid var(--border-gold);border-radius:8px;padding:14px 24px;box-shadow:0 8px 32px #0009;font-family:var(--font-body);font-size:.92rem;color:var(--gold-bright)}.game-toast-icon{font-size:1.2rem}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.map-viewer{position:relative;width:100%;height:100%;background:#0a0e14;border-radius:6px;overflow:hidden;display:flex;flex-direction:column}.map-viewer--empty{align-items:center;justify-content:center;color:var(--text-muted);font-family:var(--font-body)}.map-viewer-viewport{flex:1;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}.map-viewer-inner{will-change:transform}.map-pin{position:absolute}.map-pin--hidden .map-pin-marker{opacity:.5;filter:grayscale(.6)}.map-pin-marker--unvisited{opacity:.6}.map-pin-marker{position:relative;width:32px;height:32px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);border:2px solid #8ab4f8;background:#0a0e14d9;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0009;transition:border-color .2s}.map-pin-marker:hover{filter:brightness(1.2)}.map-pin-marker--current{border-color:var(--gold-bright, #f4c447)!important;background:#f4c44726}.map-pin-icon{transform:rotate(45deg);font-size:13px;line-height:1}.map-pin-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid var(--gold-bright, #f4c447);animation:pinPulse 1.8s ease-out infinite;pointer-events:none}@keyframes pinPulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.map-pin-tooltip-vendors{display:flex;gap:6px;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.map-pin-vendor-icon{font-size:1rem;cursor:default;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.map-pin-tooltip-quest-sources{display:flex;gap:6px;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.map-pin-quest-source-icon{font-size:1rem;cursor:default;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.map-pin-quest-source-icon--clickable{cursor:pointer;transition:transform .1s}.map-pin-quest-source-icon--clickable:hover{transform:scale(1.2)}.map-pin-quest-badge{position:absolute;top:-8px;right:-10px;font-size:.85rem;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8));pointer-events:none;z-index:3}.map-pin--waypoint .map-pin-marker{border-color:var(--gold, #c9a84c)}.map-pin-tooltip{position:absolute;bottom:50px;left:50%;transform:translate(-50%);background:#0e0a06f5;border:1px solid var(--border-gold, #6b5a2e);border-radius:8px;padding:14px 16px;min-width:240px;max-width:320px;font-size:1.05em;box-shadow:0 6px 24px #000000b3;z-index:100;pointer-events:auto}.map-pin-tooltip-close{position:absolute;top:4px;right:6px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;line-height:1;padding:0}.map-pin-tooltip-close:hover{color:var(--gold-bright)}.map-pin-here-badge{font-size:.7rem;color:var(--gold-bright, #f4c447);font-family:var(--font-body);margin-right:4px}.map-pin-tooltip-name{font-family:var(--font-display, "Cinzel", serif);font-size:.95rem;color:var(--gold-bright, #f4c447);margin-bottom:2px;padding-right:14px}.map-pin-tooltip-type{font-family:var(--font-body);font-size:.75rem;text-transform:capitalize;margin-bottom:6px}.map-pin-tooltip-desc{font-family:var(--font-body);font-size:.8rem;color:var(--text-muted);margin:0 0 6px;line-height:1.4}.map-pin-tooltip-landmarks{font-family:var(--font-body);font-size:.75rem;color:#aaa}.map-pin-tooltip-label{color:var(--text-muted)}.map-pin-tooltip-unknown{font-family:var(--font-body);font-size:.75rem;color:#666;font-style:italic;margin:4px 0 0}.map-pin-tooltip-travel{display:block;width:100%;margin-top:8px;padding:6px 10px;font-family:var(--font-body);font-size:.78rem;color:var(--gold, #c9a84c);background:#c9a84c1f;border:1px solid var(--gold, #c9a84c);border-radius:3px;cursor:pointer;text-align:center;transition:background .15s}.map-pin-tooltip-travel:hover{background:#c9a84c40}.map-viewer-controls{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:4px;z-index:30}.map-ctrl-btn{width:30px;height:30px;background:#0e0a06d9;border:1px solid var(--border-gold, #6b5a2e);border-radius:4px;color:var(--gold-bright, #f4c447);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.map-ctrl-btn:hover{background:#f4c44726}.map-ctrl-btn--active{background:#c9a84c40;border-color:var(--gold-bright, #f4c447);box-shadow:0 0 6px #f4c44766}.map-viewer-legend{position:absolute;bottom:12px;left:12px;display:flex;flex-direction:column;gap:6px;z-index:30;background:#0e0a06d9;border:1px solid var(--border-gold, #6b5a2e);border-radius:6px;padding:10px 14px;min-width:120px}.map-legend-item{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.75rem;font-weight:500;color:#ccc;white-space:nowrap;line-height:1.5;letter-spacing:.01em}.map-legend-current{color:var(--gold-bright, #f4c447)}.char-profile-tab{flex:1;overflow-y:auto;padding:12px 14px}.char-profile-empty{display:flex;align-items:center;justify-content:center;height:100%;padding:30px 20px}.char-profile-empty p{font-family:var(--font-body);font-style:italic;font-size:.85rem;color:var(--text-faint);text-align:center}.char-profile-header{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:12px;position:relative}.char-profile-avatar{width:48px;height:56px;flex-shrink:0;color:#ffffff26}.char-profile-silhouette{width:100%;height:100%}.char-profile-identity{flex:1;min-width:0}.char-profile-name{font-family:var(--font-heading);font-size:1rem;color:var(--gold, #c9a84c);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.char-profile-subtitle{font-family:var(--font-ui);font-size:.72rem;color:var(--text-muted);margin-top:2px}.char-profile-pb{font-family:var(--font-ui);font-size:.65rem;color:var(--text-faint);margin-top:2px}.char-profile-lock-btn{background:none;border:none;font-size:1.1rem;cursor:pointer;padding:4px;border-radius:4px;transition:background .15s;flex-shrink:0}.char-profile-lock-btn:hover{background:#ffffff0f}.char-profile-section{margin-bottom:14px}.char-profile-section-label{font-family:var(--font-ui);font-size:.62rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.char-profile-hp-row{display:flex;align-items:center;gap:8px}.char-profile-adj-btn{width:28px;height:28px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text-muted);font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s;flex-shrink:0}.char-profile-adj-btn:hover:not(:disabled){background:#ffffff14;border-color:#fff3}.char-profile-adj-btn:disabled{opacity:.3;cursor:not-allowed}.char-profile-hp-display{flex:1;position:relative;height:24px}.char-profile-hp-bar-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff0f;border-radius:4px;overflow:hidden}.char-profile-hp-bar-fill{height:100%;border-radius:4px;transition:width .3s ease,background .3s ease}.char-profile-hp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:.72rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.char-profile-temp-hp-value{font-family:var(--font-ui);font-size:.85rem;font-weight:600;color:#8ab4f8;min-width:32px;text-align:center}.char-profile-combat-row{display:flex;gap:8px}.char-profile-combat-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;background:#ffffff08;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.char-profile-combat-icon{font-size:.9rem}.char-profile-combat-label{font-family:var(--font-ui);font-size:.6rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em}.char-profile-combat-value{font-family:var(--font-ui);font-size:.85rem;font-weight:600;color:var(--text-primary, #e8e0d0)}.char-profile-stat-input{width:48px;text-align:center;font-family:var(--font-ui);font-size:.8rem;font-weight:600;color:var(--text-primary, #e8e0d0);background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:2px 4px}.char-profile-stat-input:focus{outline:none;border-color:var(--gold, #c9a84c)}.char-profile-abilities{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.char-profile-ability{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;background:#ffffff08;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.char-profile-ability-label{font-family:var(--font-ui);font-size:.58rem;font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em}.char-profile-ability-score{font-family:var(--font-ui);font-size:.9rem;font-weight:700;color:var(--text-primary, #e8e0d0)}.char-profile-ability-input{width:40px;text-align:center;font-family:var(--font-ui);font-size:.85rem;font-weight:700;color:var(--text-primary, #e8e0d0);background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:2px}.char-profile-ability-input:focus{outline:none;border-color:var(--gold, #c9a84c)}.char-profile-ability-mod{font-family:var(--font-ui);font-size:.65rem;color:var(--gold-dim, #a08430);font-weight:600}.char-profile-derived-row{display:flex;gap:10px}.char-profile-derived-stat{flex:1;display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#ffffff08;border-radius:4px}.char-profile-derived-label{font-family:var(--font-ui);font-size:.68rem;color:var(--text-muted)}.char-profile-derived-value{font-family:var(--font-ui);font-size:.8rem;font-weight:600;color:var(--text-primary, #e8e0d0)}.char-profile-bio{font-family:var(--font-body);font-size:.75rem;color:var(--text-muted);line-height:1.5;margin:0;font-style:italic}.battle-map{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;gap:8px;padding:14px 16px;padding-bottom:clamp(120px,26vh,230px);background:linear-gradient(180deg,#0a0704e0,#0e0a06f0);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);font-family:var(--font-ui);animation:bgFadeIn .4s ease-out}.bm-header{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.bm-round{font-family:var(--font-heading);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-bright);white-space:nowrap}.bm-order{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:center}.bm-order-chip{font-size:.62rem;padding:2px 8px;border-radius:9px;border:1px solid var(--border-stone);background:#00000059;color:var(--text-muted);white-space:nowrap}.bm-order-chip.party{border-color:#c9a84c73}.bm-order-chip.enemy{border-color:#b5202080}.bm-order-chip.current{color:var(--gold-bright);border-color:var(--gold-bright);box-shadow:0 0 8px #e8c06059}.bm-hint{align-self:center;display:flex;align-items:center;gap:10px;padding:4px 14px;border-radius:14px;border:1px solid var(--gold-dim);background:#c9a84c1f;color:var(--gold-bright);font-family:var(--font-heading);font-size:.74rem;letter-spacing:.05em;animation:bmHintPulse 1.6s ease-in-out infinite}@keyframes bmHintPulse{0%,to{box-shadow:0 0 4px #e8c06033}50%{box-shadow:0 0 14px #e8c06080}}.bm-hint-cancel{background:none;border:1px solid var(--border-gold);border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-ui);font-size:.66rem;padding:1px 8px;cursor:pointer}.bm-hint-cancel:hover{color:var(--gold-bright);border-color:var(--gold-bright)}.bm-grid{flex:1;min-height:0;max-height:100%;width:100%;margin:0 auto;align-self:center;gap:1px;padding:3px;border:1px solid var(--border-stone);border-radius:var(--radius-md);background:repeating-linear-gradient(0deg,transparent,transparent calc(100% / 12 - 1px),rgba(201,168,76,.05) calc(100% / 12 - 1px),rgba(201,168,76,.05) calc(100% / 12)),#1a100880}.bm-viewport{flex:1;min-height:0;width:100%;align-self:stretch;position:relative;overflow:hidden;cursor:grab;touch-action:none;border:1px solid var(--border-stone);border-radius:var(--radius-md);background:radial-gradient(120% 90% at 50% 30%,#140e088c,#080503e6)}.bm-viewport:active{cursor:grabbing}.bm-board-plain{display:contents}.bm-zoom-controls{position:absolute;top:10px;right:10px;z-index:6;display:flex;flex-direction:column;gap:6px}.bm-zoom-btn{width:34px;height:34px;display:grid;place-items:center;font-size:1.05rem;line-height:1;color:var(--gold-bright);background:#0a0704cc;border:1px solid var(--border-gold);border-radius:7px;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bm-zoom-btn:hover{background:#221608eb;border-color:var(--gold)}.bm-zoom-btn:active{transform:translateY(1px)}.bm-cell{border:1px solid rgba(201,168,76,.04);background:transparent;border-radius:2px;padding:0;min-width:0}.bm-grid.move-mode .bm-cell.clickable{cursor:pointer}.bm-grid.move-mode .bm-cell.clickable:hover{border-color:var(--gold-bright);background:#c9a84c29;box-shadow:inset 0 0 8px #c9a84c33}.bm-grid.move-mode .bm-cell.clickable.reachable{border-color:#7fc56a66;background:#5a964621}.bm-grid.move-mode .bm-cell.clickable.reachable:hover{border-color:#7fc56a;background:#7fc56a47;box-shadow:inset 0 0 8px #7fc56a4d}.bm-reach-ring{pointer-events:none;border-radius:2px;border:1px solid rgba(232,192,96,.55);background:#c9a84c14;box-shadow:inset 0 0 6px #c9a84c40}.bm-token.out-of-range{opacity:.4;filter:grayscale(.6)}.bm-token.out-of-range .bm-chip{animation:none}.bm-door{display:flex;align-items:center;justify-content:center;place-self:center;width:66%;height:66%;border:0;padding:0;border-radius:50%;background:#14100a8c;box-shadow:0 0 0 1px #0006;font-size:calc(var(--bm-cell, 40px) * .42);line-height:1;pointer-events:none}.bm-door-icon{filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.bm-door.closed{border:1px solid rgba(224,122,84,.85);box-shadow:0 0 8px #e07a5473,inset 0 0 4px #00000080}.bm-door.open{opacity:.45;border:1px solid rgba(120,200,130,.6)}.bm-door.clickable{pointer-events:auto;cursor:pointer;opacity:1;border-color:#e8c060f2;box-shadow:0 0 10px #e8c06099,inset 0 0 4px #00000080;animation:bm-door-pulse 1.6s ease-in-out infinite}.bm-door.clickable:hover{transform:scale(1.12);background:#282012cc}@keyframes bm-door-pulse{0%,to{box-shadow:0 0 8px #e8c06073,inset 0 0 4px #00000080}50%{box-shadow:0 0 14px #e8c060d9,inset 0 0 4px #00000080}}.bm-grid.aim-mode .bm-cell.aim-origin{cursor:crosshair;border-color:#c9a84c1f}.bm-grid.aim-mode .bm-cell.aim-origin:hover{border-color:var(--gold-bright);background:#c9a84c1a}.bm-grid.aim-mode .bm-token{pointer-events:none}.bm-aoe-shadow{pointer-events:none;border-radius:2px;background:#d65c3252;box-shadow:inset 0 0 0 1px #ff8a5c8c;animation:bmShadowPulse 1.3s ease-in-out infinite}@keyframes bmShadowPulse{0%,to{background:#d65c3242}50%{background:#d65c3266}}.bm-token.caught-hostile .bm-chip{border-color:#ff6a4a!important;box-shadow:0 0 10px 2px #ff5a3cd9}.bm-token.caught-ally .bm-chip{border-color:#e8c060!important;box-shadow:0 0 10px 2px #e8c060cc}.bm-fx-lunge .bm-chip{animation:bmLunge .15s ease}.bm-fx-hit .bm-chip{animation:bmHit .22s ease}.bm-fx-crit .bm-chip{animation:bmCrit .32s ease}.bm-fx-miss .bm-chip{animation:bmMiss .24s ease}.bm-fx-cond .bm-chip{animation:bmCond .24s ease}.bm-fx-knock .bm-chip{animation:bmKnock .26s ease}.bm-fx-cond-poison .bm-chip{animation:bmCondPoison .5s ease}.bm-fx-cond-stun .bm-chip{animation:bmCondStun .5s ease}.bm-fx-cond-fear .bm-chip{animation:bmCondFear .4s ease}.bm-fx-cond-prone{animation:bmCondProne .4s ease forwards}.bm-fx-collapse .bm-chip{animation:bmCollapse .6s ease forwards}@keyframes bmLunge{0%{transform:scale(1)}45%{transform:scale(1.16) translateY(-8%)}to{transform:scale(1)}}@keyframes bmHit{0%{box-shadow:0 0 #ff503c00}20%{box-shadow:0 0 14px 4px #ff503cf2;border-color:#ff6a4a;transform:translate(-7%)}45%{transform:translate(6%)}70%{transform:translate(-3%)}to{box-shadow:0 0 #ff503c00;transform:translate(0)}}@keyframes bmCrit{0%{box-shadow:0 0 #ff462800}18%{box-shadow:0 0 22px 8px #ff4628;border-color:#ff5028;transform:scale(1.22) translate(-10%)}40%{transform:scale(1.1) translate(9%)}65%{transform:scale(1.04) translate(-5%)}to{box-shadow:0 0 #ff462800;transform:scale(1)}}@keyframes bmMiss{0%{transform:translate(0);opacity:1}30%{transform:translate(28%);opacity:.55}60%{transform:translate(-10%);opacity:.75}to{transform:translate(0);opacity:1}}@keyframes bmCond{0%{box-shadow:0 0 #78dc7800}35%{box-shadow:0 0 16px 5px #78dc78d9;border-color:#79dc79}to{box-shadow:0 0 #78dc7800}}@keyframes bmCollapse{0%{transform:rotate(0) scale(1);opacity:1;filter:none}to{transform:rotate(-72deg) scale(.82);opacity:.45;filter:grayscale(1)}}@keyframes bmKnock{0%{transform:scale(1)}30%{transform:scale(1.2,.78)}60%{transform:scale(.9,1.12)}to{transform:scale(1)}}@keyframes bmCondPoison{0%,to{box-shadow:0 0 #78dc5a00}35%{box-shadow:0 0 16px 5px #78dc5ae6;border-color:#8fe04f}}@keyframes bmCondStun{0%{transform:rotate(0);box-shadow:0 0 #ffe06600}25%{transform:rotate(-8deg);box-shadow:0 0 16px 5px #ffe066e6;border-color:#ffe066}55%{transform:rotate(7deg)}80%{transform:rotate(-3deg)}to{transform:rotate(0);box-shadow:0 0 #ffe06600}}@keyframes bmCondFear{0%,to{box-shadow:0 0 #aa78e600}40%{box-shadow:0 0 16px 5px #aa78e6d9;border-color:#aa78e6}}@keyframes bmCondProne{0%{transform:rotate(0) scaleY(1)}to{transform:rotate(-18deg) scaleY(.82)}}.bm-spark-burst{pointer-events:none;align-self:center;justify-self:center;position:relative;width:0;height:0}.bm-spark{position:absolute;left:0;top:0;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,#fff,#ffd27a 45%,#ff6a2a);box-shadow:0 0 5px 1px #ff963cd9;transform:rotate(var(--a)) translate(0) scale(var(--s));animation:bmSpark .5s ease-out forwards}@keyframes bmSpark{0%{transform:rotate(var(--a)) translate(2px) scale(var(--s));opacity:1}to{transform:rotate(var(--a)) translate(var(--d)) scale(0);opacity:0}}.bm-detonation{pointer-events:none;border-radius:3px;background:radial-gradient(circle,#ffc878f2,#ff782899 60%,#ff5a1e00);animation:bmDetonate .6s ease-out forwards}.bm-detonation.dtype-fire{background:radial-gradient(circle,#ffd282f2,#ff781e99 60%,#ff5a1400)}.bm-detonation.dtype-cold{background:radial-gradient(circle,#dcf5fff2,#78c8ff99 60%,#5aaaff00)}.bm-detonation.dtype-lightning{background:radial-gradient(circle,#fffac8f2,#ffe05099 60%,#ffdc3c00)}.bm-detonation.dtype-poison,.bm-detonation.dtype-acid{background:radial-gradient(circle,#dcffaaf2,#78d24699 60%,#64c83c00)}.bm-detonation.dtype-necrotic{background:radial-gradient(circle,#c8aadce6,#78469699 60%,#64328200)}.bm-detonation.dtype-radiant{background:radial-gradient(circle,#fffce6fa,#fff0aa99 60%,#ffeb9600)}@keyframes bmDetonate{0%{transform:scale(.3);opacity:0}25%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:0}}.bm-floater.reaction{align-self:center;font-family:var(--font-ui, sans-serif);font-size:clamp(9px,1.2vw,13px);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#ffe6a8;background:#784614d9;border:1px solid var(--gold-dim, #9a7c3c);border-radius:8px;padding:1px 6px;text-shadow:0 1px 2px rgba(0,0,0,.9)}.bm-floater{pointer-events:none;align-self:start;justify-self:center;margin-top:-6%;font-family:var(--font-heading, serif);font-weight:800;font-size:clamp(11px,1.7vw,20px);line-height:1;color:#ff8a6a;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 6px rgba(255,80,50,.6);animation:bmFloat .95s ease-out forwards}.bm-floater.heal{color:#8fe08f;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 6px rgba(80,200,80,.6)}.bm-floater.crit{font-size:clamp(14px,2.3vw,28px);color:#ff5028}.bm-floater.dtype-fire{color:#ff9a3c}.bm-floater.dtype-cold{color:#7ec8ff}.bm-floater.dtype-lightning{color:#ffe066}.bm-floater.dtype-poison,.bm-floater.dtype-acid{color:#9fe04f}@keyframes bmFloat{0%{transform:translateY(20%) scale(.7);opacity:0}20%{transform:translateY(0) scale(1.05);opacity:1}to{transform:translateY(-130%) scale(1);opacity:0}}.bm-grid.bm-shaking,.bm-viewport.bm-shaking{animation:bmShake .28s cubic-bezier(.36,.07,.19,.97)}@keyframes bmShake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px,-1px)}30%,50%,70%{transform:translate(-3px,1px)}40%,60%{transform:translate(3px,1px)}}@media (prefers-reduced-motion: reduce){.bm-token{transition:none!important}.bm-fx-lunge .bm-chip,.bm-fx-hit .bm-chip,.bm-fx-crit .bm-chip,.bm-fx-miss .bm-chip,.bm-fx-cond .bm-chip,.bm-fx-knock .bm-chip,.bm-fx-cond-poison .bm-chip,.bm-fx-cond-stun .bm-chip,.bm-fx-cond-fear .bm-chip,.bm-fx-cond-prone{animation:none}.bm-spark{display:none}.bm-detonation{animation:bmDetonateStatic .6s ease-out forwards}@keyframes bmDetonateStatic{0%{opacity:0}30%{opacity:.9}to{opacity:0}}.bm-grid.bm-shaking,.bm-viewport.bm-shaking{animation:none}.bm-floater{animation:bmFloatStatic .95s ease-out forwards}@keyframes bmFloatStatic{0%{opacity:0}20%{opacity:1}to{opacity:0}}}.bm-token{position:relative;place-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:0;background:none;border:none;color:inherit;font-family:var(--font-ui)}.bm-labels{position:absolute;top:100%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:4px;pointer-events:none;z-index:2}.bm-facing{position:absolute;left:50%;top:50%;width:0;height:0;z-index:1;pointer-events:none}.bm-facing-arrow{position:absolute;left:calc(var(--bm-cell, 40px) * .3);top:-4px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid rgba(255,255,255,.78);filter:drop-shadow(0 0 1px rgba(0,0,0,.7))}.bm-token.enemy .bm-facing-arrow{border-left-color:#e87860e6}.bm-watch{position:absolute;top:-10px;right:-6px;font-size:12px;z-index:4;filter:drop-shadow(0 0 2px rgba(224,80,60,.9));animation:bm-watch-pulse 1.4s ease-in-out infinite}@keyframes bm-watch-pulse{0%,to{opacity:.55}50%{opacity:1}}.bm-stealth{font-size:12px;padding:2px 8px;border-radius:10px;font-family:var(--font-ui);white-space:nowrap}.bm-stealth.hidden-ok{background:#28402cb3;color:#9fe0ad;border:1px solid rgba(120,200,130,.5)}.bm-stealth.seen{background:#402420b3;color:#f0b0a0;border:1px solid rgba(224,122,84,.5)}@media (prefers-reduced-motion: reduce){.bm-watch{animation:none}}.bm-token.enemy{animation:bm-reveal .26s ease-out}@keyframes bm-reveal{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.bm-token.enemy{animation:none}}.bm-token.out{opacity:.32;filter:grayscale(.9);transition:opacity .6s ease,filter .6s ease}.bm-chip{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#3a2a14,#150d06);border:2px solid var(--gold-dim);box-shadow:0 0 0 2px #0009,0 3px 10px #0000008c;display:flex;align-items:center;justify-content:center;transition:transform .12s ease,border-color .12s ease}.bm-chip span{font-family:var(--font-heading);font-size:1.05rem;color:var(--text-primary)}.bm-grid.has-map .bm-token{overflow:visible}.bm-grid.has-map .bm-name,.bm-grid.has-map .bm-cue,.bm-grid.has-map .bm-hpbar{display:none}.bm-grid.has-map .bm-chip{flex-shrink:0;box-sizing:border-box;width:calc(var(--bm-cell, 50px) * .82);height:calc(var(--bm-cell, 50px) * .82);box-shadow:0 0 0 1px #000000b3,0 2px 8px #0000008c}.bm-grid.has-map .bm-chip span{font-size:calc(var(--bm-cell, 50px) * .4)}.bm-token.party .bm-chip{border-color:var(--gold)}.bm-token.enemy .bm-chip{border-color:var(--crimson-bright);background:radial-gradient(circle at 50% 35%,#3a1410,#150806)}.bm-token.current .bm-chip{border-color:var(--gold-bright);animation:bmTurnGlow 1.6s ease-in-out infinite}@keyframes bmTurnGlow{0%,to{box-shadow:0 0 0 2px #0009,0 0 10px #e8c06073}50%{box-shadow:0 0 0 2px #0009,0 0 22px #e8c060d9}}.bm-token.targetable{cursor:pointer}.bm-token.targetable .bm-chip{animation:bmTargetPulse 1.1s ease-in-out infinite}.bm-token.targetable:hover .bm-chip{border-color:#ff6a5a;transform:scale(1.08)}@keyframes bmTargetPulse{0%,to{box-shadow:0 0 0 2px #0009,0 0 6px #b5202080}50%{box-shadow:0 0 0 2px #0009,0 0 18px #e05050e6}}.bm-name{max-width:84px;font-size:.66rem;line-height:1.2;color:var(--text-primary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bm-cue{max-width:84px;font-size:.6rem;font-style:italic;line-height:1.15;color:#e0a090;text-align:center}.bm-hpbar{position:relative;width:56px;height:7px;border-radius:4px;background:#2a0f0f;border:1px solid var(--border-gold);overflow:hidden}.bm-hpfill{position:absolute;top:0;right:0;bottom:0;left:0;width:0;background:linear-gradient(180deg,#4cbf6a,#2d6a35);transition:width .3s ease}.bm-hpfill.low{background:linear-gradient(180deg,#d04545,var(--crimson-deep))}.bm-toast{position:absolute;top:46px;left:50%;transform:translate(-50%);max-width:70%;padding:6px 14px;border-radius:var(--radius-sm);background:#0a0704eb;border:1px solid var(--border-gold);color:var(--text-primary);font-family:Consolas,Menlo,monospace;font-size:.72rem;box-shadow:0 4px 16px #0009;pointer-events:none;z-index:5;animation:bmToastIn .18s ease-out,bmToastOut .4s ease-in 2.1s forwards}@keyframes bmToastIn{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}@keyframes bmToastOut{to{opacity:0}}.bm-outcome{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#0a0704b8;pointer-events:none;animation:bgFadeIn .4s ease-out}.bm-outcome-title{font-family:var(--font-display);font-size:2.6rem;letter-spacing:.08em;text-shadow:0 2px 20px rgba(0,0,0,.8)}.bm-outcome.victory .bm-outcome-title{color:var(--gold-bright)}.bm-outcome.defeat .bm-outcome-title{color:var(--crimson-bright)}.bm-outcome.fled .bm-outcome-title,.bm-outcome.surrendered .bm-outcome-title{color:var(--parchment-aged)}.bm-outcome-line{font-family:var(--font-body);font-style:italic;font-size:.9rem;color:var(--text-primary)}.game-msg.game-msg-combat{padding:2px 14px;border-bottom:none}.game-msg-combat-line{display:flex;align-items:baseline;gap:6px;font-family:Consolas,Menlo,monospace;font-size:.72rem;color:var(--text-muted)}.game-msg-combat-line p{margin:0;line-height:1.45;white-space:pre-wrap}.combat-line-glyph{color:var(--gold-dim);font-size:.7rem;flex-shrink:0}.bb-turn-banner{align-self:center;padding:1px 10px;font-family:var(--font-heading);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.bb-turn-banner.active{color:var(--gold-bright);text-shadow:0 0 10px rgba(232,192,96,.6)}.bottom-bar.combat.your-turn .bb-grid{border-color:var(--gold-bright);animation:bbTurnGlow 1.8s ease-in-out infinite}@keyframes bbTurnGlow{0%,to{box-shadow:0 6px 24px #0000008c,0 0 10px #e8c06040,inset 0 0 0 1px #e8c06059}50%{box-shadow:0 6px 24px #0000008c,0 0 22px #e8c06080,inset 0 0 0 1px #e8c06080}}.bb-slot.disabled{opacity:.4;filter:grayscale(.8);cursor:default}.bb-slot.disabled:hover{transform:none;border-color:var(--border-gold);color:var(--gold);box-shadow:none}.bb-slot.armed{border-color:#ff6a5a;color:#ff8a7a;animation:bmTargetPulse 1.1s ease-in-out infinite}.bb-slot.toggled{border-color:var(--gold-bright, #e8c060);color:var(--gold-bright, #e8c060);background:#e8c06029;box-shadow:inset 0 0 0 1px #e8c06080,0 0 12px #e8c06059}.bb-move-btn{cursor:pointer}.bb-move-btn.armed{border-color:var(--gold-bright);color:var(--gold-bright);box-shadow:0 0 10px #e8c06066}.bb-move-btn.spent{cursor:default}.bb-conds{display:flex;align-items:center;gap:3px;margin-left:6px}.bb-cond{font-size:.56rem;padding:0 5px;border-radius:6px;border:1px solid rgba(217,138,58,.5);color:#d98a3a;text-transform:capitalize}.bb-conc{position:absolute;right:-12px;bottom:-12px;z-index:4;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(201,168,76,.25);background:var(--bg-raised);color:#a08c6473;box-shadow:0 2px 6px #00000080;transition:color .2s ease,border-color .2s ease}.bb-conc.active{border-color:var(--border-gold);color:var(--gold);animation:bbConcPulse 1.7s ease-in-out infinite}.bb-conc svg{width:18px;height:18px}.bb-xp{position:absolute;left:14px;right:36px;bottom:3px;z-index:3;display:flex;align-items:center;gap:7px}.bb-xp-lvl{font-family:var(--font-heading);font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);white-space:nowrap;line-height:1}.bb-xp-track{flex:1;height:5px;border-radius:3px;background:#0000008c;box-shadow:inset 0 0 0 1px #c9a84c38;overflow:hidden}.bb-xp-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,rgba(160,124,42,.9),var(--gold) 70%,var(--gold-bright));box-shadow:0 0 6px #e8c06059;transition:width .4s ease}@keyframes bbConcPulse{0%,to{box-shadow:0 0 4px #c9a84c66,0 2px 6px #0009;border-color:var(--border-gold)}50%{box-shadow:0 0 11px #e8c060d9,0 2px 6px #0009;border-color:var(--gold-bright)}}.bb-end-turn{flex-direction:column;gap:1px}.bb-end-turn .bb-dial-glyph{width:30px;height:30px}.bb-end-turn-label{font-family:var(--font-heading);font-size:.5rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.bb-end-turn.disabled{opacity:.45;filter:grayscale(.6);cursor:default}.bb-end-turn.disabled:hover{border-color:var(--gold);box-shadow:0 0 0 2px var(--bg-page),0 0 0 4px var(--gold-dim),0 4px 18px #0009}