:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--ink: #f6ead0;--muted: #c5ad82;--panel: #1b1713;--panel-strong: #241b15;--canvas: #0f1114;--border: #5b4429;--gold: #d6a84f;--copper: #a3532d;--danger: #7f1d1d;background:var(--canvas);color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input,select{font:inherit}button{min-height:38px;border:1px solid var(--border);border-radius:6px;background:linear-gradient(180deg,#2f2519,#201813);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover{border-color:var(--gold);background:linear-gradient(180deg,#3b2d1d,#251b14)}input,select{width:100%;border:1px solid var(--border);border-radius:6px;background:#120f0d;color:var(--ink);padding:9px 10px}input[type=range]{accent-color:var(--gold);padding:0}label{display:grid;gap:6px;color:var(--muted);font-size:13px}.app-shell{display:grid;grid-template-columns:290px minmax(0,1fr) 300px;height:100dvh;min-height:0;background:radial-gradient(circle at 40% 10%,rgba(163,83,45,.12),transparent 34%),var(--canvas)}.app-shell.no-inspector{grid-template-columns:290px minmax(0,1fr)}.app-shell.is-player,.app-shell.is-screen{display:block!important;grid-template-columns:1fr!important;grid-template-rows:1fr!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;overflow:hidden!important;position:fixed!important;inset:0!important;background:#090b0f}.canvas-wrap{position:relative;width:100%;height:100%;overflow:hidden}.app-shell.is-player .canvas-wrap,.app-shell.is-screen .canvas-wrap{width:100vw!important;height:100dvh!important;position:absolute!important;inset:0!important;margin:0!important;padding:0!important}canvas{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.app-shell.is-player canvas,.app-shell.is-screen canvas{width:100%!important;height:100%!important;display:block!important}.toolbar,.inspector{min-width:0;box-sizing:border-box;border-right:1px solid var(--border);background:linear-gradient(180deg,rgba(214,168,79,.07),transparent 220px),var(--panel);padding:12px 14px;display:flex;flex-direction:column;gap:14px;height:100dvh;max-height:100dvh;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior:contain}.inspector{border-right:0;border-left:1px solid var(--border)}.brand{display:flex;gap:10px;align-items:center;padding-bottom:14px;border-bottom:1px solid rgba(214,168,79,.24)}.brand strong{display:block;font-family:Georgia,Times New Roman,serif;font-size:20px;letter-spacing:0;color:#ffe2a3}.brand span,.links small,.token-row small,.hint,.inspector p{color:var(--muted)}.tool-group{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tool-group .icon-button{width:100%}.icon-button{width:44px;height:40px;min-height:40px;padding:0}.button-like{min-height:38px;border:1px solid var(--border);border-radius:6px;background:linear-gradient(180deg,#2f2519,#201813);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 10px}.file-button input{display:none}.stack{display:grid;gap:8px}.grid-settings{padding:10px;border:1px solid rgba(214,168,79,.24);border-radius:6px;background:#120f0d85}.control-panel,.settings-section{padding:10px;border:1px solid rgba(214,168,79,.24);border-radius:6px;background:#120f0d85;box-sizing:border-box;width:100%;overflow:hidden}.split-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.token-list{align-content:start;flex:0 0 auto;min-height:auto;overflow:visible}h1,h2{margin:0}h2{font-size:13px;text-transform:uppercase;color:#ddb86e;letter-spacing:0;display:inline-flex;align-items:center;gap:6px}.token-row{justify-content:flex-start;padding:8px;background:#120f0dd1}.token-row.active{border-color:var(--gold);box-shadow:inset 0 0 0 1px #d6a84f47}.token-row span{width:14px;height:14px;border-radius:50%;flex:0 0 auto}.token-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-row small{margin-left:auto}.links{display:grid;gap:7px}.muted{color:var(--muted);margin:0}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:#0000009e}.settings-modal{width:min(920px,100%);max-height:min(760px,calc(100dvh - 48px));border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,rgba(214,168,79,.08),transparent 180px),var(--panel);box-shadow:0 24px 80px #0000008c;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.modal-header{min-height:58px;padding:12px 14px;border-bottom:1px solid rgba(214,168,79,.24);display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-grid{min-height:0;overflow:auto;padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-section{display:grid;align-content:start;gap:10px}.canvas-wrap{min-width:0;min-height:0;position:relative;background:#090b0f}canvas{width:100%;height:100%;display:block;cursor:grab}canvas:active{cursor:grabbing}.danger{border-color:var(--danger);background:linear-gradient(180deg,#5f1616,#310909)}.hint{border:1px solid rgba(214,168,79,.3);border-radius:6px;padding:10px;font-size:13px;line-height:1.4;display:flex;gap:8px;align-items:flex-start;background:#120f0dbd}.join-screen,.loading{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,rgba(214,168,79,.14),transparent 28%),var(--canvas)}.join-panel{width:min(420px,calc(100vw - 32px));border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:22px;display:grid;gap:16px}.join-panel h1{font-family:Georgia,Times New Roman,serif;color:#ffe2a3}.label-with-icon{display:inline-flex;align-items:center;gap:6px}@media(max-width:920px){.app-shell{grid-template-columns:220px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.app-shell.no-inspector{grid-template-columns:220px minmax(0,1fr)}.inspector{grid-column:1 / -1;grid-row:2;height:auto;max-height:30dvh;border-left:0;border-top:1px solid var(--border)}}@media(max-width:680px){body{overflow:hidden}.app-shell{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto auto;height:100dvh;overflow:hidden}.app-shell.no-inspector{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.toolbar,.inspector{border-right:0;max-height:34dvh;height:auto;padding:10px;gap:10px}.toolbar{order:2;border-top:1px solid var(--border);border-bottom:0}.inspector{order:3;border-left:0;border-top:1px solid var(--border)}.canvas-wrap{order:1;min-height:0}.brand{padding-bottom:8px}.brand strong{font-size:16px}.brand span{font-size:12px}.tool-group{grid-template-columns:repeat(4,44px)}.control-panel{grid-template-columns:1fr}.token-list{max-height:118px;overflow-y:auto;padding-right:4px}.token-row{min-height:34px}.settings-grid{grid-template-columns:1fr}.settings-modal{max-height:calc(100dvh - 24px)}.modal-backdrop{padding:12px}}.tool-mode-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;background:#120f0db3;padding:8px;border:1px solid rgba(214,168,79,.25);border-radius:8px}.tool-btn{height:38px;min-height:38px;padding:0 10px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;gap:8px;border-radius:6px;white-space:nowrap}.tool-btn.active{border-color:var(--gold);background:linear-gradient(180deg,#4f3b1e,#2f2112);color:#ffe2a3;box-shadow:0 0 10px #d6a84f59}.wall-undo-btn{height:32px;min-height:32px;padding:0 10px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;gap:6px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(214,168,79,.2);color:#d1d5db;cursor:pointer;transition:all .15s ease;width:100%}.wall-undo-btn:hover{background:#d6a84f26;border-color:var(--gold);color:#ffe2a3}.canvas-quick-controls{position:absolute;right:18px;bottom:22px;display:flex;flex-direction:column;gap:10px;z-index:15;pointer-events:auto}.canvas-control-btn{width:44px;height:44px;min-height:44px;border-radius:50%;background:#120f0de6;border:1px solid rgba(214,168,79,.5);color:#ffe2a3;box-shadow:0 4px 18px #000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.canvas-control-btn:hover{border-color:var(--gold);background:#2d2215f2;transform:scale(1.06)}.canvas-control-btn:active{transform:scale(.94);background:#41301cf2}.roster-section{display:flex;flex-direction:column;gap:8px;background:#120f0d85;border:1px solid rgba(214,168,79,.24);border-radius:6px;padding:10px}.roster-header{display:flex;align-items:center;justify-content:space-between}.roster-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.roster-card{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:8px;padding:6px 8px;background:#120f0dd9;border:1px solid rgba(91,68,41,.6);border-radius:6px}.roster-card:hover{border-color:#d6a84f80}.roster-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);background:#111;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:13px;flex-shrink:0}.roster-info{display:flex;flex-direction:column;min-width:0}.roster-info b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-info span{font-size:11px;color:var(--muted)}.roster-actions{display:flex;gap:4px}.roster-actions button{min-height:28px;height:28px;padding:0 6px;font-size:11px}.avatar-preview-wrap{display:flex;align-items:center;gap:12px;padding:8px;background:#120f0d99;border-radius:6px;border:1px solid rgba(214,168,79,.2)}.avatar-preview{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);background:#111;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#1e1812;border:1px solid var(--gold);color:#ffe2a3;padding:10px 20px;border-radius:8px;box-shadow:0 10px 30px #000c;z-index:100;display:flex;align-items:center;gap:10px;font-size:13px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.ai-detect-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;background:#a3532d29;border:1px solid rgba(214,168,79,.3);border-radius:6px;font-size:12px}.badge-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;background:#d6a84f24;color:var(--gold);font-size:11px}.combat-top-bar{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#120f0deb;border:1px solid var(--gold);box-shadow:0 8px 32px #000000bf;border-radius:30px;padding:6px 14px;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.combat-top-bar span{font-size:13px;font-weight:600;color:#ffe2a3;white-space:nowrap}.turn-timer-badge{display:inline-flex;align-items:center;gap:5px;background:#f59e0b29;border:1px solid rgba(245,158,11,.45);color:#fbbf24!important;padding:3px 8px;border-radius:14px;font-size:12px;font-family:monospace,ui-monospace,system-ui;font-weight:700;letter-spacing:.5px}.last-turn-badge{display:inline-flex;align-items:center;gap:4px;background:#94a3b81f;border:1px solid rgba(148,163,184,.25);color:#cbd5e1!important;padding:3px 8px;border-radius:14px;font-size:11px}.combat-top-bar button{min-height:30px;height:30px;padding:0 10px;border-radius:20px;font-size:12px}.player-turn-banner{position:absolute;top:18px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,#d97706,#f59e0b,#d97706);color:#111;font-weight:700;font-size:13px;padding:8px 22px;border-radius:20px;box-shadow:0 0 20px #f59e0b99;z-index:10;display:flex;align-items:center;gap:8px;pointer-events:none;-webkit-user-select:none;user-select:none;animation:pulseGlow 1.8s infinite}@keyframes pulseGlow{0%,to{transform:translate(-50%) scale(1);box-shadow:0 0 14px #f59e0b99}50%{transform:translate(-50%) scale(1.03);box-shadow:0 0 24px #f59e0be6}}.screen-broadcast-banner{position:absolute;top:18px;left:50%;transform:translate(-50%);background:#120f0deb;border:1px solid rgba(214,168,79,.6);color:var(--ink);font-size:14px;padding:8px 24px;border-radius:30px;box-shadow:0 4px 25px #000000b3,0 0 16px #d6a84f4d;z-index:20;display:flex;align-items:center;gap:14px;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.screen-broadcast-banner .round-pill{color:#fbbf24;font-weight:700;background:#f59e0b2e;border:1px solid rgba(245,158,11,.4);padding:2px 10px;border-radius:12px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.screen-broadcast-banner .turn-label{font-size:15px}.screen-broadcast-banner .turn-label b{color:#fff;font-weight:700}.initiative-grid{display:grid;grid-template-columns:340px 1fr;gap:16px;height:100%;min-height:0;overflow:hidden}.initiative-left{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:6px}.initiative-right{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding-right:6px}.combatant-card{background:#120f0de0;border:1px solid rgba(91,68,41,.6);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;transition:all .15s ease}.combatant-card.active{border-color:#f59e0b;box-shadow:0 0 16px #f59e0b59;background:#1e1812f2}.combatant-card.bleeding{border-left:4px solid #ef4444}.combatant-card.card-tana{border-left:4px solid #8b5cf6}.combatant-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.combatant-title{display:flex;align-items:center;gap:8px;cursor:pointer;background:none;border:none;padding:0;color:inherit;font:inherit;min-height:auto}.combatant-title b{font-size:15px}.combatant-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px}.type-pill{font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.type-pill-pg{background:#0f766e4d;color:#2dd4bf;border:1px solid rgba(45,212,191,.4)}.type-pill-monster{background:#9d174d4d;color:#f472b6;border:1px solid rgba(244,114,182,.4)}.type-pill-npc{background:#d977064d;color:#fbbf24;border:1px solid rgba(251,191,36,.4)}.type-pill-tana{background:#6d28d94d;color:#c084fc;border:1px solid rgba(192,132,252,.4)}.hp-bar-track{height:6px;width:100%;background:#0009;border-radius:4px;overflow:hidden;margin-top:4px}.hp-bar-fill{height:100%;transition:width .25s ease;border-radius:4px}.hp-bar-good{background:#22c55e}.hp-bar-mid{background:#eab308}.hp-bar-warn{background:#f97316}.hp-bar-danger{background:#ef4444}.condition-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-size:11px;background:#ffffff14;border:1px solid rgba(255,255,255,.2)}.condition-pill button{background:none;border:none;color:#f87171;padding:0;min-height:auto;cursor:pointer;font-weight:700}.quick-actions-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.quick-actions-row input{width:70px;padding:4px 6px;height:30px}.quick-actions-row button{min-height:30px;height:30px;padding:0 8px;font-size:11px}@media(max-width:860px){.initiative-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr}}.chat-toggle-btn{position:absolute;left:18px;bottom:22px;display:flex;align-items:center;gap:8px;height:42px;min-height:42px;padding:0 16px;border-radius:24px;background:#120f0deb;border:1px solid var(--gold);color:#ffe2a3;box-shadow:0 4px 18px #000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;z-index:18;font-weight:600;font-size:13px;transition:all .2s ease}.chat-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px #d6a84f59}.chat-toggle-btn.active{background:linear-gradient(180deg,#4f3b1e,#2f2112);border-color:#ffd685}.chat-unread-badge{background:#ef4444;color:#fff;font-size:11px;font-weight:700;border-radius:10px;padding:1px 6px;min-width:18px;text-align:center}.chat-drawer{position:absolute;left:18px;bottom:74px;width:min(380px,calc(100vw - 36px));height:min(520px,calc(100dvh - 120px));background:#120f0df5;border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 40px #000000d9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:25;display:flex;flex-direction:column;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(214,168,79,.25);background:#ffffff05}.chat-header-title{display:flex;align-items:center;gap:8px;color:#ffe2a3;font-size:14px}.chat-header-actions{display:flex;align-items:center;gap:6px}.icon-button-subtle{background:none;border:none;color:var(--muted);padding:4px;min-height:auto;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.icon-button-subtle:hover{color:#fff;background:#ffffff14}.quick-dice-bar{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#0006;border-bottom:1px solid rgba(255,255,255,.08);overflow-x:auto}.quick-dice-label{font-size:11px;color:var(--gold);font-weight:600;display:flex;align-items:center;gap:4px;margin-right:4px;white-space:nowrap}.dice-quick-btn{height:24px;min-height:24px;padding:0 8px;font-size:11px;font-weight:700;border-radius:4px;background:#d6a84f1f;border:1px solid rgba(214,168,79,.3);color:#ffe2a3;cursor:pointer}.dice-quick-btn:hover{background:#d6a84f47;border-color:var(--gold)}.chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.chat-empty-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;color:var(--muted);gap:6px;padding:20px}.chat-bubble{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 10px;font-size:13px;display:flex;flex-direction:column;gap:4px}.chat-bubble.me{background:#d6a84f14;border-color:#d6a84f38}.chat-bubble.whisper{background:#8b5cf61a;border-color:#8b5cf666}.chat-bubble-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.chat-sender-name{font-weight:700;color:#ffe2a3;display:flex;align-items:center}.whisper-tag{color:#c084fc;font-weight:600;margin-left:4px}.chat-text{color:#e5e7eb;line-height:1.4;word-break:break-word}.chat-roll-card{background:#00000080;border:1px solid rgba(214,168,79,.35);border-radius:6px;padding:6px 10px;margin-top:2px}.chat-roll-card.crit{border-color:#22c55e;background:#22c55e1f}.chat-roll-card.fumble{border-color:#ef4444;background:#ef44441f}.roll-formula-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.crit-badge{color:#22c55e;font-weight:800}.fumble-badge{color:#ef4444;font-weight:800}.roll-result-row{display:flex;align-items:baseline;gap:8px;margin-top:2px}.roll-total{font-size:22px;font-weight:800;color:#fef08a;font-family:Georgia,serif}.roll-breakdown{font-size:12px;color:var(--muted)}.chat-compendium-card{background:#0000008c;border:1px solid var(--gold);border-radius:6px;padding:8px 10px;margin-top:4px}.compendium-card-header{display:flex;align-items:center;gap:6px;color:#fef08a;font-size:13px}.compendium-card-sub{font-size:11px;color:var(--muted);margin-top:2px}.compendium-card-details{font-size:11px;color:#cbd5e1;background:#ffffff0d;padding:3px 6px;border-radius:4px;margin:4px 0}.compendium-card-desc{font-size:12px;color:#e2e8f0;line-height:1.4;max-height:140px;overflow-y:auto;margin:4px 0 0;white-space:pre-line}.aoe-cast-btn{margin-top:6px;width:100%;height:28px;min-height:28px;padding:0 8px;font-size:11px;font-weight:700;background:linear-gradient(180deg,#7c2d12,#451a03);border-color:#ea580c;color:#ffedd5;border-radius:4px;cursor:pointer}.chat-form{border-top:1px solid rgba(214,168,79,.2);padding:8px 10px;display:flex;flex-direction:column;gap:6px;background:#0000004d}.chat-recipient-bar{display:flex;align-items:center;gap:6px}.recipient-label{font-size:11px;color:var(--muted);white-space:nowrap}.recipient-select{flex:1;height:26px;padding:2px 6px;font-size:11px;border-radius:4px}.chat-input-row{display:flex;gap:6px}.chat-input-row input{flex:1;height:34px;padding:0 10px;font-size:13px;border-radius:6px}.chat-send-btn{width:36px;height:34px;min-height:34px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:6px;background:linear-gradient(180deg,#d6a84f,#9b722b);border:1px solid var(--gold);color:#1a120b;cursor:pointer}.compendium-modal{width:min(1040px,calc(100vw - 32px));height:min(780px,calc(100dvh - 40px));background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 24px 80px #000000e6;display:flex;flex-direction:column;overflow:hidden}.compendium-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid rgba(214,168,79,.25);background:linear-gradient(180deg,rgba(214,168,79,.08),transparent)}.compendium-header-title{display:flex;align-items:center;gap:12px}.compendium-header-title h2{font-size:17px;margin:0;color:#ffe2a3;font-family:Georgia,serif}.compendium-header-title span{font-size:12px;color:var(--muted);display:block}.compendium-toolbar{padding:12px 18px;background:#00000040;border-bottom:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:10px}.compendium-search-wrap{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--muted);pointer-events:none}.compendium-search-input{width:100%;height:40px;padding:0 36px;border-radius:8px;font-size:14px}.search-clear-btn{position:absolute;right:10px;background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;min-height:auto}.compendium-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin}.comp-tab-btn{height:32px;min-height:32px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px;border-radius:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:#d1d5db;white-space:nowrap;cursor:pointer}.comp-tab-btn.active{background:linear-gradient(180deg,#4f3b1e,#2f2112);border-color:var(--gold);color:#ffe2a3}.compendium-subfilters{display:flex;gap:14px}.compendium-subfilters label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.compendium-subfilters select{height:30px;padding:2px 8px;font-size:12px;border-radius:4px}.compendium-body{flex:1;display:grid;grid-template-columns:360px 1fr;overflow:hidden}.compendium-list{border-right:1px solid rgba(214,168,79,.2);overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.comp-list-row{padding:8px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid transparent;transition:all .12s ease}.comp-list-row:hover{background:#ffffff0d}.comp-list-row.selected{background:#d6a84f24;border-color:#d6a84f66}.comp-row-main{display:flex;flex-direction:column;gap:2px;min-width:0}.comp-row-main b{font-size:13px;color:#f3f4f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comp-row-main small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comp-row-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid;white-space:nowrap}.compendium-detail{overflow-y:auto;padding:20px;background:#0003}.spell-detail-card,.rule-detail-card{display:flex;flex-direction:column;gap:16px}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(214,168,79,.25)}.detail-header h2{margin:0;font-size:24px;color:#ffe2a3;font-family:Georgia,serif}.detail-eng-name{font-size:13px;color:var(--muted)}.spell-level-pill{font-size:12px;font-weight:700;padding:4px 10px;border-radius:6px;border:1px solid var(--gold);background:#d6a84f26;color:#ffe2a3;white-space:nowrap}.spell-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px}.spell-stat{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:11px;color:var(--muted);text-transform:uppercase}.stat-value{font-size:13px;color:#f3f4f6}.spell-description-body h3,.rule-description-body h3{font-size:14px;color:var(--gold);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.spell-description-body p,.rule-description-body p{font-size:14px;line-height:1.6;color:#e5e7eb}.rule-summary-box{background:#d6a84f14;border-left:3px solid var(--gold);padding:10px 14px;border-radius:0 6px 6px 0;font-size:13px;color:#ffe2a3}.detail-actions{display:flex;gap:10px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.share-btn{height:38px;min-height:38px;padding:0 16px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;border-radius:6px;background:#d6a84f26;border:1px solid var(--gold);color:#ffe2a3;cursor:pointer}.share-btn:hover{background:#d6a84f4d}.aoe-action-btn{height:38px;min-height:38px;padding:0 16px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;border-radius:6px;background:linear-gradient(180deg,#991b1b,#7f1d1d);border:1px solid #ef4444;color:#fef2f2;cursor:pointer}.aoe-action-btn:hover{background:linear-gradient(180deg,#b91c1c,#991b1b)}.compendium-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted);font-size:14px;text-align:center;padding:40px}@media(max-width:768px){.compendium-body{grid-template-columns:1fr;grid-template-rows:240px 1fr}.spell-stats-grid{grid-template-columns:repeat(2,1fr)}}.toolbar-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px;width:100%;box-sizing:border-box}.toolbar-action-card{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 6px;min-height:38px;font-size:11.5px;font-weight:600;border-radius:6px;cursor:pointer;white-space:nowrap;min-width:0;width:100%;box-sizing:border-box;transition:all .15s ease}.toolbar-action-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-action-card.primary{background:linear-gradient(180deg,#d6a84f2e,#d6a84f14);border:1px solid var(--gold);color:#ffe2a3}.toolbar-action-card.primary:hover{background:linear-gradient(180deg,#d6a84f47,#d6a84f26);box-shadow:0 0 10px #d6a84f40}.toolbar-action-card.secondary{background:#ffffff0a;border:1px solid rgba(214,168,79,.35);color:#f3f4f6}.toolbar-action-card.secondary:hover{background:#d6a84f1f;border-color:var(--gold)}.movement-lock-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:6px;margin-bottom:8px;width:100%;min-width:0;box-sizing:border-box}.movement-lock-label{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:#d1d5db}.lock-toggle-pill{min-height:24px;height:24px;padding:0 9px;font-size:11px;font-weight:700;border-radius:9999px;cursor:pointer;transition:all .15s ease}.lock-toggle-pill.locked{background:#ef444433;border:1px solid #ef4444;color:#fca5a5}.lock-toggle-pill.unlocked{background:#22c55e33;border:1px solid #22c55e;color:#86efac}.active-turn-row{display:flex;align-items:center;gap:8px;padding:2px 0 0;width:100%;min-width:0;box-sizing:border-box}.active-turn-label{font-size:11px;color:var(--muted);white-space:nowrap;flex-shrink:0}.active-turn-select{flex:1;min-width:0;width:100%;height:28px;padding:2px 6px;font-size:12px;border-radius:4px;box-sizing:border-box}.token-limit-box{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:#120f0da6;border:1px solid rgba(214,168,79,.28);border-radius:6px}.token-limit-info{display:flex;flex-direction:column;gap:2px;min-width:0}.token-limit-title{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#ffe2a3}.token-limit-subtitle{font-size:11px;color:var(--muted);line-height:1.2}.token-limit-btn{min-height:28px;height:28px;padding:0 10px;font-size:11px;font-weight:700;border-radius:6px;cursor:pointer;white-space:nowrap;transition:all .15s ease}.token-limit-btn.limited{background:#f59e0b2e;border:1px solid #f59e0b;color:#fde68a}.token-limit-btn.limited:hover{background:#f59e0b4d}.token-limit-btn.free{background:#22c55e2e;border:1px solid #22c55e;color:#86efac}.token-limit-btn.free:hover{background:#22c55e4d}.app-shell.no-toolbar{grid-template-columns:minmax(0,1fr) 300px}.app-shell.no-toolbar.no-inspector{grid-template-columns:minmax(0,1fr)}.floating-sidebar-toggle{position:absolute;top:14px;left:14px;z-index:45;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#120f0de6;border:1px solid var(--gold);border-radius:8px;color:#ffe2a3;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .15s ease}.floating-sidebar-toggle:hover{background:#1e1814fa;transform:translateY(-1px)}.close-sidebar-btn{margin-left:auto;width:30px;height:30px;min-height:30px;padding:0;border-radius:6px;display:flex;align-items:center;justify-content:center}.inspector-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid rgba(214,168,79,.24)}.close-inspector-btn{width:28px;height:28px;min-height:28px;padding:0;border-radius:6px;display:flex;align-items:center;justify-content:center}.token-initiative-box{display:flex;flex-direction:column;gap:8px;padding:8px 10px;background:#120f0da6;border:1px solid rgba(214,168,79,.28);border-radius:6px}.token-init-header{display:flex;align-items:center;justify-content:space-between}.token-init-title{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#ffe2a3}.token-init-badge{font-size:11px;color:#86efac;background:#22c55e26;border:1px solid #22c55e;padding:2px 6px;border-radius:4px}.token-init-unrolled{font-size:11px;color:var(--muted);font-style:italic}.token-init-actions{display:grid;grid-template-columns:1fr auto;gap:6px}.token-init-roll-btn{height:28px;min-height:28px;padding:0 10px;font-size:11px;font-weight:600;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:5px}.token-init-tab-btn{height:28px;min-height:28px;padding:0 10px;font-size:11px;border-radius:5px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#d1d5db;cursor:pointer}