:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#171b1f;color:#f2f5f7;--surface: rgba(14, 20, 25, .9);--surface-strong: rgba(8, 13, 18, .94);--line: rgba(205, 217, 226, .16);--line-strong: rgba(205, 217, 226, .24);--accent: #ef233c;--teal: #2f7d80;--paper: #fbfbf8;--paper-line: #d9e1e6;--bottom-control-lane: 176px;--floating-overlay-bottom: 178px;--z-map-ui: 40;--z-bottom-chip: 61;--z-status: 64;--z-map-popover: 66;--z-roll-feed: 68;--z-dice-tray: 69;--z-modal: 70;--z-critical-overlay: 95;--sheet-dock-width: 74px;--sheet-dock-gap: 14px;--right-panel-width: min(430px, calc(100vw - 104px) );--right-panel-overlay-offset: calc(var(--right-panel-width) + 42px)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;max-height:100%;max-width:100%;overflow:hidden;overscroll-behavior:none}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;position:fixed;top:0;right:0;bottom:0;left:0;background:#171b1f;touch-action:none}button,input,select{font:inherit}button{cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}button:disabled{cursor:not-allowed;opacity:.48}svg{flex:0 0 auto}.login-shell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(#0f1419a3,#0f1419c7),url(https://images.unsplash.com/photo-1518709268805-4e9042af2176?auto=format&fit=crop&w=1800&q=80) center/cover;padding:24px}.login-panel{width:min(520px,100%);background:#141a1ff0;border:1px solid rgba(204,216,225,.25);border-radius:10px;padding:28px;box-shadow:0 24px 70px #0006}.login-panel h1,.brand-row h1{margin:0;font-size:24px;letter-spacing:0}.login-panel p,.login-note,.brand-row p,.drawer-heading p,.muted{color:#aeb8c2}.login-note{margin:14px 0 0;font-size:14px}.app-shell{height:100vh;height:100dvh;min-height:0;position:relative;overflow:hidden;background:#171b1f}.top-bar{position:fixed;top:14px;left:18px;right:18px;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.brand-row,.campaign-pill,.header-actions,.left-dock,.right-rail,.sidebar,.chrome-button,.zoom-cluster,.display-scene-button{background:var(--surface);border:1px solid var(--line-strong);box-shadow:0 14px 38px #00000061;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-row,.campaign-pill,.header-actions{pointer-events:auto;min-height:56px;border-radius:9px;display:flex;align-items:center;gap:10px;padding:8px 10px}.brand-row{min-width:min(430px,48vw)}.top-bar.sheet-open .brand-row{opacity:0;transform:translateY(-14px);pointer-events:none}.brand-row h1{font-size:20px;text-transform:uppercase;letter-spacing:.08em}.brand-row p,.drawer-heading p{margin:2px 0 0;font-size:12px;overflow-wrap:anywhere}.campaign-pill{padding:8px 16px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.header-actions{flex-wrap:wrap;justify-content:flex-end}.character-shelf{position:fixed;top:82px;right:18px;z-index:39;display:flex;align-items:center;justify-content:flex-end;gap:8px;max-width:min(760px,calc(100vw - 132px));overflow-x:auto;padding:7px;border-radius:11px;background:#0e1419d1;border:1px solid rgba(205,217,226,.17);box-shadow:0 14px 38px #00000052;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.character-shelf-label{flex:0 0 auto;padding:0 5px 0 3px;color:#dee8eea8;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.character-shelf-label small{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:4px;border-radius:999px;background:#ffffff14;color:#fff;font-size:10px}.character-shelf::-webkit-scrollbar{height:0}.character-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;max-width:136px;min-height:36px;border-radius:999px;padding:4px 9px 4px 4px;border:1px solid rgba(205,217,226,.16);background:#ffffff0d;color:#eef5f8;font-size:12px;font-weight:850}.character-chip:hover,.character-chip.selected{border-color:#e6bf58b8;background:#e6bf581f}.character-chip.add{padding-left:9px;color:#fff;border-color:#3bc2beb3;background:#3bc2be2e}.character-chip span:last-child{min-width:0;display:grid;gap:1px;overflow:hidden}.character-chip b,.character-chip small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-chip b{font-size:12px;line-height:1.05}.character-chip small{color:#d2dde49e;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.character-chip-avatar{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border-radius:999px;border:1px solid rgba(255,255,255,.68);background-size:cover;background-position:center;color:#fff;font-size:11px;font-weight:900}.workspace{position:fixed;top:0;right:0;bottom:0;left:0;min-width:0}.sidebar,.right-rail{position:fixed;top:88px;z-index:35;width:min(430px,calc(100vw - 104px));max-height:calc(100vh - 112px);overflow-y:auto;overflow-x:hidden;border-radius:9px;padding:10px;transition:transform .18s ease,opacity .18s ease;scrollbar-width:thin;scrollbar-color:rgba(205,217,226,.32) transparent}.sidebar{left:24px;transform:translate(calc(-100% - 34px));opacity:0}.sidebar.open{transform:translate(0);opacity:1}.right-rail{right:24px;top:140px;max-height:calc(100vh - 164px);transform:translate(calc(100% + 34px));opacity:0}.right-rail.open{transform:translate(0);opacity:1}.drawer-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.drawer-heading h2{margin:0;font-size:17px;letter-spacing:0}.left-dock{position:fixed;left:28px;top:114px;z-index:30;display:grid;gap:8px;padding:10px;border-radius:12px}.left-dock.sheet-open{left:clamp(76px,calc(min(500px,96vw) + var(--sheet-dock-gap)),calc(100vw - var(--sheet-dock-width)));z-index:80}.dock-button,.icon-button,.chrome-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;color:#cad3dc;background:transparent}.dock-button{width:54px;height:54px}.dock-button:hover,.icon-button:hover,.chrome-button:hover{background:#ffffff14}.dock-button.active{background:#ef233c;color:#fff}.icon-button{min-width:42px;height:42px;border:1px solid rgba(205,217,226,.2)}.icon-button.ghost{min-width:36px;height:36px;border-color:transparent}.button,.file-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line-strong);border-radius:7px;background:#ffffff0f;color:#f0f4f7;padding:9px 12px;text-decoration:none;font-weight:800;text-align:center}.button.primary{background:var(--teal);color:#fff;border-color:var(--teal)}.button.compact{min-height:32px;padding:6px 10px;font-size:12px}.button.ghost{background:#ffffff0a}.button.danger{background:#9b3f39;color:#fff;border-color:#9b3f39}.button.full{width:100%}.main-grid,.map-column{position:fixed;top:0;right:0;bottom:0;left:0}.map-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;scrollbar-width:none;overscroll-behavior:none;touch-action:none;-webkit-overflow-scrolling:touch;user-select:none;-webkit-user-select:none;background:linear-gradient(#13191ebd,#13191ebd),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 1px,transparent 1px 48px),repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 48px);padding:96px 26px 118px 108px;display:grid;place-items:center}.map-scroll::-webkit-scrollbar{width:0;height:0}.map-scroll.panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.map-viewport{position:relative;flex:0 0 auto;transform-origin:top left;contain:layout paint;border-radius:18px;box-shadow:0 0 0 1px #d2dce42e,0 30px 90px #00000085}.map-stage{position:relative;transform-origin:top left;will-change:transform;touch-action:none;user-select:none;-webkit-user-select:none;background-color:#303941;background-size:100% 100%;background-repeat:no-repeat;overflow:hidden;border-radius:18px}.map-stage.calibrating-grid{cursor:crosshair}.map-ping{position:absolute;z-index:8;width:28px;height:28px;transform:translate(-50%,-50%);border:3px solid rgba(255,80,92,.98);border-radius:999px;box-shadow:0 0 #ff505c8c,0 0 24px #ff505c7a;pointer-events:none;animation:map-ping-pulse 1.3s ease-out 2}.map-ping:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:inherit;background:#ff505ce6}.map-ping small{position:absolute;left:50%;top:calc(100% + 5px);transform:translate(-50%);max-width:140px;overflow:hidden;text-overflow:ellipsis;border-radius:7px;background:#090e13e0;color:#fff;padding:3px 6px;font-size:11px;font-weight:850;white-space:nowrap}@keyframes map-ping-pulse{0%{opacity:1;box-shadow:0 0 #ff505c9e,0 0 24px #ff505c80}to{opacity:.28;box-shadow:0 0 0 32px #ff505c00,0 0 12px #ff505c29}}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background-image:linear-gradient(to right,rgba(255,255,255,.38) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.38) 1px,transparent 1px)}.grid-calibration-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.grid-calibration-line{position:absolute;height:4px;transform-origin:left center;border-radius:999px;background:#f0c75f;box-shadow:0 0 0 2px #060a0eb8,0 0 22px #f0c75fb8}.grid-calibration-mark{position:absolute;display:grid;place-items:center;width:30px;height:30px;transform:translate(-50%,-50%);border:3px solid #f0c75f;border-radius:999px;background:#070c11e6;color:#fff5c7;font-size:14px;font-weight:950;box-shadow:0 0 0 3px #070c1194,0 0 26px #f0c75f9e}.scene-layer{position:absolute;z-index:1;pointer-events:none;opacity:var(--layer-opacity, .3)}.scene-layer.editable{z-index:6;cursor:move;pointer-events:auto}.scene-layer.selected{outline:3px solid rgba(230,191,88,.92);outline-offset:3px;box-shadow:0 0 0 2px #070c11b8,0 0 24px #e6bf586b}.scene-layer.round{border-radius:999px}.scene-layer-template{z-index:2;border:3px solid var(--layer-color, #ef233c);background:color-mix(in srgb,var(--layer-color, #ef233c) 34%,transparent);box-shadow:inset 0 0 0 1px #ffffff38,0 0 24px color-mix(in srgb,var(--layer-color, #ef233c) 38%,transparent)}.scene-layer-light{z-index:2;background:radial-gradient(circle,color-mix(in srgb,var(--layer-color, #ffb347) 70%,transparent) 0%,color-mix(in srgb,var(--layer-color, #ffb347) 24%,transparent) 42%,transparent 72%);filter:blur(1.5px);mix-blend-mode:screen}.scene-layer-fog{z-index:6;background:var(--layer-color, #05080c);box-shadow:inset 0 0 20px #00000080}.scene-layer-effect{z-index:2;border:2px dashed var(--layer-color, #76e4f7);background:color-mix(in srgb,var(--layer-color, #76e4f7) 28%,transparent)}.scene-layer.editable{z-index:7}.scene-layer.dm-only{outline:2px dashed rgba(230,191,88,.6);outline-offset:-4px}.scene-layer.selected.dm-only{outline:3px solid rgba(230,191,88,.92);outline-offset:3px}.scene-layer-label{position:absolute;left:8px;top:8px;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;border-radius:7px;background:#070c11d1;color:#fff;padding:4px 7px;font-size:12px;font-weight:900;white-space:nowrap}.scene-layer-resize{position:absolute;right:-9px;bottom:-9px;width:20px;height:20px;border:2px solid rgba(7,12,17,.9);border-radius:6px;background:#e6bf58;box-shadow:0 8px 20px #00000073;cursor:nwse-resize}.map-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#dce4ea;font-weight:750;background:linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.05) 25%,transparent 25%);background-size:40px 40px}.token-aura{position:absolute;z-index:2;border:2px dashed color-mix(in srgb,var(--aura-color, #7c83ff) 84%,white);border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--aura-color, #7c83ff) 38%,transparent) 0%,color-mix(in srgb,var(--aura-color, #7c83ff) 18%,transparent) 58%,transparent 74%);opacity:var(--aura-opacity, .22);filter:blur(.2px);pointer-events:none;mix-blend-mode:screen}.token-aura small{position:absolute;left:50%;top:8px;max-width:70%;transform:translate(-50%);overflow:hidden;border-radius:999px;background:#080d13b8;color:#edf4ff;padding:2px 7px;font-size:10px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.drag-snap-cell{position:absolute;z-index:2;border:2px solid rgba(54,126,255,.9);border-radius:8px;background:#367eff24;box-shadow:inset 0 0 0 1px #ffffff59,0 0 24px #367eff6b;pointer-events:none}.selection-box{position:absolute;z-index:4;border:2px solid rgba(85,153,255,.95);border-radius:5px;background:#5599ff29;box-shadow:inset 0 0 0 1px #ffffff47,0 0 22px #367eff47;pointer-events:none}.movement-ruler-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.movement-ruler-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.movement-ruler-svg line,.movement-ruler-svg polyline{stroke:#2f77ff;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;fill:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.55))}.movement-ruler-svg circle{fill:#b8d6ff;stroke:#1649b7;stroke-width:3px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.movement-ruler-label{position:absolute;transform:translate(-50%,-50%);border-radius:6px;border:1px solid rgba(220,232,245,.72);background:#080e14eb;color:#fff;padding:4px 7px;font-size:13px;font-weight:900;line-height:1;box-shadow:0 6px 18px #00000073;white-space:nowrap}.movement-ruler-waypoint-label{position:absolute;transform:translate(-50%,-50%);border-radius:999px;border:1px solid rgba(45,119,255,.78);background:#111922eb;color:#fff;padding:3px 6px;font-size:12px;font-weight:900;line-height:1;box-shadow:0 6px 18px #00000073;white-space:nowrap}.map-utility-tray{position:fixed;left:50%;bottom:22px;z-index:32;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;transform:translate(-50%);pointer-events:auto}.view-toggle-cluster{display:flex;align-items:center;gap:6px;min-height:50px;border-radius:10px;padding:6px;background:#0a1015d1;border:1px solid rgba(205,217,226,.14);box-shadow:0 10px 30px #00000061}.chrome-toggle{min-height:36px;padding:0 11px;border-radius:8px;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#cfd8df;background:#ffffff0a;border:1px solid rgba(205,217,226,.16)}.chrome-toggle.active{color:#fff;border-color:#e6bf58c7;background:#e6bf582e}.zoom-cluster{display:flex;align-items:center;gap:8px;min-height:50px;border-radius:10px;padding:6px;font-weight:850;letter-spacing:.06em}.chrome-button{width:42px;height:42px}.display-scene-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;border-radius:10px;border-color:#e6bf58;color:#fff;padding:0 22px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.token{position:absolute;z-index:3;display:grid;place-items:center;border:2px solid rgba(255,255,255,.9);border-radius:999px;background-size:cover;background-position:center;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.9);padding:4px;overflow:visible;touch-action:none;box-shadow:0 7px 20px #0000006b}.token.selected{outline:3px solid #e6bf58;outline-offset:2px}.token.current-turn{border-color:#ffca6efa;animation:current-turn-pulse 1.8s ease-in-out infinite}.token.targeted{border-color:#ff4e4ef5}.token.unconscious-token{filter:saturate(.65) brightness(.82)}.token.unconscious-token:before{content:"DOWN";position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%) rotate(-11deg);border:1px solid rgba(255,255,255,.72);border-radius:5px;background:#7a1622eb;color:#fff;padding:2px 5px;font-size:10px;font-weight:950;letter-spacing:.08em;pointer-events:none}.token-target-ring{position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border:3px solid rgba(255,70,70,.88);border-radius:999px;box-shadow:0 0 0 4px #ff46461a,0 0 26px #ff46466b;pointer-events:none;animation:target-ring-pulse 1.2s ease-in-out infinite}.token-target-number{position:absolute;right:-9px;top:-13px;z-index:5;min-width:19px;height:19px;border:2px solid rgba(255,255,255,.94);border-radius:999px;background:#f01d3f;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:950;line-height:1;box-shadow:0 5px 14px #00000073;pointer-events:none}@keyframes target-ring-pulse{0%,to{transform:scale(.96);opacity:.72}50%{transform:scale(1.08);opacity:1}}@keyframes current-turn-pulse{0%,to{box-shadow:0 7px 20px #0000006b,0 0 #ff972b2e,0 0 18px #ff8b1b47}50%{box-shadow:0 7px 20px #0000006b,0 0 0 12px #ff972b1a,0 0 34px #ff8b1b7a}}.token.hidden-token{opacity:.45;filter:grayscale(.7);border-style:dashed}.token-initials{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:850;pointer-events:none}.token b{position:absolute;right:2px;bottom:2px;min-width:18px;height:18px;border-radius:999px;background:#111820;border:1px solid #ffffff;font-size:11px;line-height:16px;pointer-events:none}.token-usage-stack{position:absolute;left:-8px;top:-10px;z-index:5;display:grid;grid-template-columns:repeat(2,17px);gap:3px;pointer-events:none}.token-usage-stack i{display:grid;place-items:center;width:17px;height:17px;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:#0b1117f0;color:#ffd9a1;font-size:8px;font-style:normal;font-weight:950;line-height:1;box-shadow:0 5px 12px #00000073}.token-condition-stack{position:absolute;right:-8px;top:-10px;z-index:5;display:grid;grid-template-columns:repeat(2,18px);gap:3px;pointer-events:none}.token-condition-badge{display:grid;place-items:center;width:18px;height:18px;border:1px solid rgba(255,255,255,.72);border-radius:6px;background:#111820eb;color:#fff;font-size:8px;font-style:normal;font-weight:950;line-height:1;box-shadow:0 5px 12px #00000073}.token-condition-badge.condition-prone,.token-condition-badge.condition-restrained{background:#7a5d18f0}.token-condition-badge.condition-stunned,.token-condition-badge.condition-poisoned{background:#772836f0}.token-condition-badge.condition-invisible,.token-condition-badge.condition-concentrating{background:#1f5c68f0}.token-hp-bar{position:absolute;left:50%;bottom:-14px;width:min(70px,calc(100% + 14px));height:6px;transform:translate(-50%);overflow:hidden;border-radius:999px;background:#04080ce0;border:1px solid rgba(255,255,255,.68);box-shadow:0 2px 7px #0000008c;pointer-events:none}.token-hp-bar i{display:block;height:100%;border-radius:inherit}.token-hp-bar.healthy i{background:#39c46b}.token-hp-bar.hurt i{background:#e6bf58}.token-hp-bar.critical i{background:#ef233c}.token-name-label{position:absolute;left:50%;bottom:-34px;max-width:140px;transform:translate(-50%);overflow:hidden;border-radius:5px;padding:2px 6px;background:#050a0ec7;color:#f7fbff;font-size:11px;font-weight:850;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.85);pointer-events:none}.token:not(.show-hp) .token-name-label{bottom:-20px}.token.dead-token:before,.token.dead-token:after{content:"";position:absolute;left:15%;right:15%;top:50%;z-index:2;height:5px;border-radius:999px;background:#ff233f;box-shadow:0 0 0 1px #ffffff73,0 2px 8px #0000008c;pointer-events:none}.token.dead-token:before{transform:rotate(45deg)}.token.dead-token:after{transform:rotate(-45deg)}.drag-readout{position:absolute;z-index:6;transform:translate(10px,-10px);padding:5px 7px;background:#111820;color:#fff;border:1px solid #e6bf58;border-radius:6px;font-size:12px;pointer-events:none}.selected-token-chip{position:fixed;left:50%;bottom:90px;z-index:var(--z-bottom-chip);width:min(660px,calc(100vw - 32px));transform:translate(-50%);display:flex;align-items:center;gap:8px;border:1px solid rgba(230,191,88,.62);border-radius:12px;background:#0c1217f0;box-shadow:0 18px 50px #0000007a;padding:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.selected-token-chip.floating{bottom:auto;transform:none}.selected-token-chip.vertical{width:min(300px,calc(100vw - 20px));align-items:stretch;flex-wrap:wrap}.selected-token-drag-handle{width:26px;align-self:stretch;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(205,217,226,.14);border-radius:9px;background:#ffffff0b;color:#c8d3dc;cursor:grab;touch-action:none}.selected-token-drag-handle:active{cursor:grabbing}.selected-token-summary{min-width:0;flex:1 1 auto;display:flex;align-items:center;gap:9px;border:0;border-radius:9px;background:#ffffff0b;color:#eef4f8;padding:6px 8px;text-align:left}.selected-token-summary:disabled{opacity:1}.selected-token-avatar{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border:2px solid rgba(230,191,88,.74);border-radius:999px;background-size:cover;background-position:center;color:#fff;font-size:12px;font-weight:950;box-shadow:0 0 0 2px #05090dbd}.selected-token-copy{min-width:0;flex:1 1 auto;display:grid;gap:3px}.selected-token-copy strong,.selected-token-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-token-copy strong{color:#fff;font-size:14px;font-weight:950}.selected-token-copy span{color:#aeb8c2;font-size:12px}.selected-token-hp{width:100%;height:5px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#ffffff14}.selected-token-hp b{display:block;height:100%;border-radius:inherit;background:#55cf84}.selected-token-hp.bloodied b{background:#e6bf58}.selected-token-hp.critical b{background:#ef3d4f}.selected-token-actions{flex:0 0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:5px}.selected-token-chip.vertical .selected-token-summary{flex:1 1 calc(100% - 34px)}.selected-token-chip.vertical .selected-token-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.selected-token-actions button{width:48px;min-height:44px;display:grid;place-items:center;gap:2px;border:1px solid rgba(205,217,226,.14);border-radius:9px;background:#ffffff0b;color:#eef4f8;padding:5px;font-size:9px;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.selected-token-actions button:hover:not(:disabled){border-color:#e6bf589e;background:#e6bf5824}.selected-token-actions button:disabled{opacity:.45}.selected-token-close{color:#ffd0d6}.token-context-menu{position:fixed;z-index:var(--z-map-popover);width:228px;max-width:calc(100vw - 24px);display:grid;gap:2px;border:1px solid rgba(205,217,226,.2);border-radius:10px;padding:7px;background:#f7f9fbf7;box-shadow:0 20px 56px #00000061;color:#1f2730;overflow-y:auto;overscroll-behavior:contain}.token-context-menu button{min-height:34px;display:flex;align-items:center;gap:9px;border:0;border-radius:7px;padding:7px 8px;background:transparent;color:#202832;font-size:13px;font-weight:850;text-align:left}.token-context-menu button:hover:not(:disabled){background:#20283214}.token-context-menu button:disabled{color:#a8afb7}.token-context-menu .danger-action{color:#d3384a}.token-context-divider{height:1px;margin:4px 2px;background:#20283229}.panel,.toolbar,.empty-state,.notice-bar{background:transparent;border:0}.panel,.empty-state{padding:0}.panel,.panel *,.toolbar,.toolbar *{min-width:0}.panel h2{margin:0 0 10px;font-size:16px;letter-spacing:0}.panel label,.toolbar label{display:grid;gap:4px;color:#c5ced7;font-size:12px;font-weight:750}.panel input,.panel select,.toolbar input,.toolbar select{width:100%;min-width:0;border:1px solid var(--line);border-radius:7px;padding:8px 10px;background:#050a0e75;color:#f3f6f8}.panel input:focus,.panel select:focus,.toolbar input:focus,.toolbar select:focus,.action-tab-panel input:focus,.action-tab-panel select:focus{outline:2px solid rgba(59,194,190,.42);outline-offset:1px;border-color:#3bc2bead}.toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.toolbar-wide,.toolbar-section-title{grid-column:1 / -1}.toolbar-section-title{margin:8px 0 0;padding-top:12px;border-top:1px solid rgba(205,217,226,.14);color:#f2f5f7;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.grid-calibration{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px;border:1px solid rgba(205,217,226,.14);border-radius:10px;background:linear-gradient(135deg,#2f7d8024,#090e137a),#ffffff08}.grid-calibration-heading,.grid-calibration-help,.calibration-mode-switch,.calibration-presets,.calibration-points{grid-column:1 / -1}.grid-calibration-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.grid-calibration-heading div{display:grid;gap:2px;min-width:0}.grid-calibration-heading strong{color:#f3f6f8;font-size:13px;font-weight:900}.grid-calibration-heading span,.grid-calibration-help,.calibration-points span{color:#aebbc5;font-size:12px;font-weight:750}.grid-calibration-help{margin:0;line-height:1.35}.reference-drawer{display:grid;gap:12px}.reference-search{display:grid;gap:9px}.reference-filter-row{display:flex;flex-wrap:wrap;gap:7px}.pill{border:1px solid rgba(205,217,226,.14);border-radius:999px;background:#ffffff0f;color:#d6dee5;padding:6px 10px;font-size:11px;font-weight:900;letter-spacing:.02em}.pill.active{border-color:#ef233c;background:#ef233c;color:#fff}.reference-section,.reference-reader{display:grid;gap:10px;padding-top:12px;border-top:1px solid rgba(205,217,226,.14)}.reference-section h3,.reference-reader h3{margin:0;font-size:15px;letter-spacing:0}.reference-section-heading,.reference-reader-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.reference-reader-header small,.reference-source-card small,.stl-map-card small{color:#aab6c1;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.reference-link{color:#8bd8d5;font-size:12px;font-weight:850}.reference-text{max-height:42vh;overflow-y:auto;padding:10px;border:1px solid rgba(205,217,226,.14);border-radius:9px;background:#050a0e6b;color:#dce5ec;scrollbar-width:thin}.reference-text p{margin:0 0 10px;font-size:13px;line-height:1.48}.reference-results,.stl-map-results{display:grid;gap:8px}.reference-source-card,.stl-map-card{width:100%;border:1px solid rgba(205,217,226,.14);border-radius:9px;background:linear-gradient(135deg,#ffffff0e,#ffffff05),#090e13bd;color:#eff4f7}.reference-source-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;text-align:left}.reference-source-card:hover,.stl-map-card:hover{border-color:#3bc2be8f}.reference-source-card span:first-child,.stl-map-card div{display:grid;gap:3px;min-width:0}.reference-source-card strong,.stl-map-card strong{overflow:hidden;color:#fff;font-size:13px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.reference-source-card em,.stl-map-card span{overflow:hidden;color:#b8c3cc;font-size:12px;font-style:normal;font-weight:720;text-overflow:ellipsis;white-space:nowrap}.reference-count{display:grid;place-items:center;min-width:28px;height:28px;border-radius:999px;background:#ef233c2e;color:#ffd8dd;font-size:12px;font-weight:950}.stl-map-card{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;padding:9px}.stl-map-card img,.stl-map-placeholder{width:86px;height:62px;border-radius:7px;border:1px solid rgba(255,255,255,.12);object-fit:cover;background:#ffffff0d}.stl-map-placeholder{display:grid;place-items:center;color:#aebbc5;font-size:11px;font-weight:900;text-transform:uppercase}.stl-map-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:5px}.calibration-mode-switch,.calibration-presets{display:grid;gap:7px}.calibration-mode-switch{grid-template-columns:repeat(2,minmax(0,1fr))}.calibration-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.calibration-mode-switch button,.calibration-presets button{min-height:38px;border:1px solid rgba(205,217,226,.16);border-radius:8px;background:#ffffff0b;color:#dfe7ed;font-size:12px;font-weight:900}.calibration-mode-switch button.active,.calibration-presets button:active{border-color:#e6bf58c2;background:#e6bf582e;color:#fff}.calibration-points{display:grid;gap:5px;min-height:26px}.calibration-points span{border:1px solid rgba(205,217,226,.12);border-radius:8px;padding:6px 8px;background:#050a0e61}.check-row{grid-template-columns:18px auto;align-items:center;align-self:end;padding-bottom:8px}.check-row input{width:18px}.discord-post-panel{display:grid;gap:7px;padding:10px;border:1px solid rgba(205,217,226,.14);border-radius:10px;background:linear-gradient(135deg,#3bc2be1a,#080d1280),#ffffff08}.discord-post-note{margin:0 0 2px;color:#b7c4cc;font-size:12px;font-weight:750;line-height:1.35}.discord-post-note.warning{color:#ffd98f}.discord-channel-row{display:grid;gap:5px;padding:8px;border:1px solid rgba(255,217,143,.18);border-radius:9px;background:#ffd98f0b}.discord-channel-row span{color:#f3f6f8;font-size:12px;font-weight:900}.discord-channel-row input{width:100%;min-width:0}.discord-post-row{display:grid;grid-template-columns:18px minmax(0,1fr);gap:9px;align-items:start;padding:8px;border:1px solid rgba(205,217,226,.1);border-radius:9px;background:#ffffff09}.discord-post-row input{width:18px;margin-top:2px}.discord-post-row span{display:grid;gap:2px;min-width:0}.discord-post-row strong{color:#f3f6f8;font-size:12px;font-weight:950}.discord-post-row small{color:#9fabba;font-size:11px;font-weight:720;line-height:1.3}.bulk-token-panel,.user-management-panel,.layer-preset-grid{display:grid;gap:8px}.bulk-token-panel,.user-management-panel,.layer-stage-panel{grid-template-columns:1fr;padding:10px;border:1px solid rgba(205,217,226,.14);border-radius:10px;background:linear-gradient(135deg,#3bc2be1f,#080d127a),#ffffff09}.bulk-token-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.bulk-token-heading div{display:grid;gap:2px;min-width:0}.bulk-token-heading strong{color:#f4f7f9;font-size:13px;font-weight:950}.bulk-token-heading span{color:#aebbc5;font-size:11px;font-weight:800;line-height:1.3}.bulk-token-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.bulk-token-actions .button{min-height:38px;padding-inline:8px}.user-management-list{display:grid;gap:7px}.user-management-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;border:1px solid rgba(205,217,226,.1);border-radius:9px;background:#ffffff09}.user-management-avatar{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#3bc2be3d center / cover no-repeat;color:#f7fbfc;font-size:12px;font-weight:950}.user-management-main{display:grid;gap:2px;min-width:0}.user-management-main strong,.user-management-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-management-main strong{color:#f4f7f9;font-size:13px;font-weight:950}.user-management-main small{color:#9fabba;font-size:11px;font-weight:720}.user-management-row .mini-button{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.layer-stage-panel div{display:grid;gap:2px}.layer-stage-panel strong{color:#f3f6f8;font-size:13px}.layer-stage-panel span{color:#aebbc5;font-size:12px;font-weight:750}.layer-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layer-preset{display:grid;min-height:72px;align-content:start;gap:4px;border:1px solid rgba(205,217,226,.15);border-radius:9px;padding:10px;text-align:left;background:#ffffff0a;color:#eef3f6}.layer-preset b{font-size:13px;font-weight:950}.layer-preset span{color:#aebbc5;font-size:11px;font-weight:750;line-height:1.25}.layer-preset.fog{border-color:#a8b1bc3b;background:linear-gradient(135deg,#05080cad,#ffffff0a)}.layer-preset.light{border-color:#ffb34752;background:radial-gradient(circle at top right,#ffb3472e,#ffffff0a 58%)}.layer-preset.template{border-color:#ef233c59;background:linear-gradient(135deg,#ef233c1f,#ffffff0a)}.layer-preset.effect{border-color:#76e4f757;background:linear-gradient(135deg,#76e4f71f,#ffffff0a)}.layer-list{display:grid;gap:8px}.layer-row{display:grid;grid-template-columns:16px minmax(0,1fr);gap:7px;align-items:center;min-width:0;padding:8px;border:1px solid rgba(205,217,226,.13);border-radius:8px;background:#ffffff09}.layer-row.selected{border-color:#e6bf5894;background:#e6bf581a}.layer-swatch{width:14px;height:14px;border:1px solid rgba(255,255,255,.55);border-radius:4px;box-shadow:0 0 12px currentColor}.layer-row-main{display:grid;gap:2px;min-width:0}.layer-row-main b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:850}.layer-row-main small,.layer-row small{color:#9ba8b3;font-size:11px;font-weight:800;text-transform:uppercase}.layer-row-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:6px}.layer-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px;border:1px solid rgba(205,217,226,.14);border-radius:8px;background:#ffffff0a}.layer-editor-heading{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:10px}.layer-editor-heading strong{color:#f3f6f8;font-size:13px;text-transform:capitalize}.layer-editor input[type=color]{min-height:39px;padding:4px}.layer-quick-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.mini-button{min-height:28px;border-radius:7px;padding:0 8px;font-size:11px;font-weight:850}.mini-button.active{border-color:#3bc2becc;background:#3bc2be29}.mini-button.danger{border-color:#ef233c59;color:#ffd3d8}.file-button{align-self:end;overflow:hidden;position:relative}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.encounter-list,.monster-results{display:grid;gap:8px}.monster-row{grid-template-columns:auto 1fr;align-items:center}.monster-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:999px;background:#35424c;background-size:cover;background-position:center;color:#fff;font-weight:900}.monster-row-copy{display:grid;gap:2px;min-width:0}.list-row{width:100%;display:grid;gap:3px;text-align:left;border:1px solid rgba(205,217,226,.16);border-radius:8px;background:#ffffff0b;color:#eef3f6;padding:10px}.list-row.selected{border-color:#e6bf58;background:#e6bf581f}.list-row strong,.list-row span{overflow-wrap:anywhere}.list-row span{color:#aab4be;font-size:12px}.encounter-list-row{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:stretch;gap:7px;border:1px solid rgba(205,217,226,.16);border-radius:9px;background:#ffffff0b;padding:5px}.encounter-list-row.selected{border-color:#e6bf58;background:#e6bf581f}.encounter-open-button,.encounter-delete-button{border:0;border-radius:7px;color:#eef3f6;background:transparent;font:inherit}.encounter-open-button{display:grid;gap:3px;min-width:0;padding:6px 7px;text-align:left}.encounter-open-button:hover{background:#ffffff0e}.encounter-open-button strong,.encounter-open-button span{overflow-wrap:anywhere}.encounter-open-button span{color:#aab4be;font-size:12px}.encounter-delete-button{display:grid;place-items:center;color:#ffb6bf;border:1px solid rgba(239,35,60,.22);background:#ef233c14}.encounter-delete-button:hover{color:#fff;border-color:#ef233c7a;background:#ef233c38}.encounter-delete-button:disabled{opacity:.45}.segmented,.two-col,.three-col{display:grid;gap:8px}.segmented{grid-template-columns:repeat(4,1fr);margin-bottom:10px}.segmented button{border:1px solid rgba(205,217,226,.16);background:#ffffff0d;color:#dbe3ea;border-radius:8px;padding:8px;text-transform:capitalize}.segmented button.active{background:#ef233c;color:#fff;border-color:#ef233c}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.saved-token-preview{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;margin-top:10px;padding:10px;border:1px solid rgba(205,217,226,.14);border-radius:9px;background:#ffffff0b}.saved-token-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:220px;margin-top:8px;overflow-y:auto;padding-right:2px}.saved-token-option{min-width:0;display:flex;align-items:center;gap:8px;border:1px solid rgba(205,217,226,.13);border-radius:9px;padding:8px;background:#ffffff0a;color:#eef5f8;text-align:left}.saved-token-option:hover,.saved-token-option.selected{border-color:#e6bf58b3;background:#e6bf581f}.saved-token-option>span:last-child{display:grid;gap:2px;min-width:0}.saved-token-option strong,.saved-token-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-token-option small{color:#aeb8c2;font-size:11px}.saved-token-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:999px;border:2px solid rgba(255,255,255,.72);background-size:cover;background-position:center;color:#fff;font-weight:900}.saved-token-avatar.compact{width:34px;height:34px;border-width:1px;font-size:12px;flex:0 0 auto}.saved-token-preview div{display:grid;gap:3px;min-width:0}.saved-token-preview strong,.saved-token-preview small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-token-preview small{color:#aeb8c2;font-size:12px}.panel>label,.panel .two-col,.panel .three-col,.panel .condition-picks,.panel .monster-results,.panel .token-editor-block,.panel .button.full{margin-top:8px}.token-editor-block{display:grid;gap:9px;padding:10px 0 0;border:0;border-top:1px solid var(--line);background:transparent}.token-editor-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.owner-hint{align-self:end;margin:0;border:1px solid rgba(59,194,190,.26);border-radius:8px;padding:9px 10px;color:#b7d8da;background:#3bc2be14;font-size:12px;font-weight:800}.compact-results{max-height:250px;overflow-y:auto}.token-stats,.condition-row,.condition-picks{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.token-stats{margin-bottom:7px}.token-primary-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:7px;margin:10px 0 8px}.token-primary-actions .button{min-height:38px;padding:7px 8px;font-size:12px;font-weight:900}.token-visibility-card{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 10px;border:1px solid rgba(205,217,226,.14);border-radius:10px;padding:9px;background:#ffffff0a}.token-visibility-card.hidden{border-color:#e6bf586b;background:#e6bf581c}.token-visibility-card.visible{border-color:#4ac68957;background:#4ac68914}.token-visibility-card div{display:grid;gap:2px;min-width:0}.token-visibility-card strong{color:#f5f8fb;font-size:12px;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.token-visibility-card span{color:#b9c5ce;font-size:12px}.token-visibility-card .button{flex:0 0 auto;min-height:34px;padding:6px 10px}.token-effects-panel,.effect-token-presets{display:grid;gap:10px;margin:10px 0 12px;border:1px solid rgba(205,217,226,.14);border-radius:10px;padding:11px;background:linear-gradient(180deg,#7c83ff13,#ffffff06)}.effect-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.aura-editor-grid{display:grid;grid-template-columns:minmax(0,1.2fr) 82px 52px 84px;gap:7px;align-items:end}.aura-editor-grid label{min-width:0}.aura-editor-grid input[type=color]{min-height:38px;padding:3px}.aura-list{display:flex;flex-wrap:wrap;gap:6px}.aura-list span{display:inline-grid;grid-template-columns:minmax(0,auto) auto 24px;align-items:center;gap:6px;min-height:30px;border:1px solid color-mix(in srgb,var(--aura-color, #7c83ff) 60%,rgba(205,217,226,.2));border-radius:999px;background:color-mix(in srgb,var(--aura-color, #7c83ff) 16%,rgba(255,255,255,.035));color:#eef4ff;padding:3px 4px 3px 9px}.aura-list b,.aura-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aura-list b{font-size:11px;font-weight:950}.aura-list small{color:#b9c5ce;font-size:10px;font-weight:850}.aura-list button{display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:999px;background:#060a0e75;color:#fff}.hp-manager{margin:10px 0 12px;border:1px solid rgba(205,217,226,.14);border-radius:10px;padding:11px;background:linear-gradient(180deg,#ffffff0e,#ffffff06)}.hp-manager-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.hp-manager-heading h3{margin:0;color:#f3f7fa;font-size:13px;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.button.small{min-height:30px;padding:5px 9px;font-size:11px}.hp-vitals-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hp-field,.hp-delta{display:grid;gap:4px}.hp-field span,.hp-delta span{color:#aab5bf;font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.hp-field input,.hp-delta input{width:100%;min-width:0;border:1px solid rgba(205,217,226,.22);border-radius:7px;background:#05090d6b;color:#f8fbfd;padding:8px;font-size:18px;font-weight:900;text-align:center}.hp-field.current input{border-color:#d84040d1}.hp-field.temp input{border-color:#68d391cc}.hp-field.ac input{border-color:#9ab9ffd1}.hp-adjust-grid{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr) 44px;gap:8px;align-items:end;margin-top:10px}.hp-delta small{min-height:16px;color:#aeb8c2;font-size:11px}.hp-delta small strong{color:#fff}.hp-adjust-button{width:44px;height:44px;display:grid;place-items:center;border:1px solid transparent;border-radius:8px;color:#fff}.hp-adjust-button.heal{border-color:#5fcc8ea6;background:#2a9863cc}.hp-adjust-button.harm{border-color:#ef233cb3;background:#be2834e0}.hp-adjust-button:disabled{opacity:.45}.combat-usage-strip{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.panel-usage-strip{margin:0 0 9px}.combat-usage-strip span{display:inline-flex;align-items:center;min-height:23px;border:1px solid rgba(95,204,142,.28);border-radius:999px;background:#5fcc8e1a;color:#caf3db;padding:3px 7px;font-size:11px;font-weight:900;text-transform:uppercase}.combat-usage-strip span.used{border-color:#ef233c66;background:#ef233c26;color:#ffd2d8}.action-economy-editor{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.owner-line{margin:0 0 9px;color:#aeb8c2;font-size:12px}.owner-line strong{color:#eef5f8}.owned-token-list{display:grid;gap:9px;margin-top:10px}.owned-token-list article{display:grid;gap:7px;border:1px solid var(--line);border-radius:8px;background:#ffffff09;padding:8px}.owned-token-list article>button:first-child{min-width:0;display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#eef5f8;padding:0;text-align:left}.owned-token-list article>button:first-child span:last-child{min-width:0;display:grid;gap:2px}.owned-token-list strong,.owned-token-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.owned-token-list small{color:#aeb8c2;font-size:12px}.owned-token-avatar{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:999px;background-size:cover;background-position:center;color:#fff;font-size:12px;font-weight:950}.token-stats span,.condition-row span,.condition-picks button{border:1px solid var(--line);background:#ffffff0e;color:#f0f4f7;border-radius:7px;padding:5px 8px;font-size:12px;font-weight:800}.condition-picks button{color:#d6dee6}.condition-picks button.active{color:#fff;border-color:#e6bf58c7;background:#e6bf582e}.layer-note{margin:0;border:1px solid rgba(230,191,88,.4);border-radius:8px;background:#e6bf581f;color:#ffe5a3;padding:8px 10px;font-size:13px}.sheet-summary{display:grid;gap:8px;margin-top:12px}.sheet-summary div{display:flex;align-items:center;gap:8px;min-width:0;color:#cbd5dd;font-size:13px}.initiative-list{display:grid;gap:8px}.initiative-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.initiative-controls .button{min-height:38px;padding:6px 8px;font-size:12px}.initiative-controls .button.primary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.initiative-controls .end-turn-button{grid-column:span 2}.initiative-player-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(96px,auto);align-items:center;gap:10px;margin-bottom:10px}.initiative-player-controls .end-turn-button{white-space:nowrap}.initiative-current-turn{margin:0;color:#d7e0e8;font-size:13px;font-weight:850}.initiative-row{display:grid;grid-template-columns:28px 38px minmax(0,1fr) 54px 52px 56px 56px;align-items:center;gap:8px;border:1px solid rgba(205,217,226,.14);border-radius:8px;background:#ffffff0b;padding:8px}.initiative-panel.player-view .initiative-row{grid-template-columns:28px 38px minmax(0,1fr) 54px 56px}.initiative-row.defeated{opacity:.6}.initiative-row.active-turn{border-color:#ff972bb8;background:radial-gradient(circle at 18% 50%,rgba(255,151,43,.18),transparent 42%),#ffffff0e;box-shadow:0 0 24px #ff972b24}.initiative-rank{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#e6bf5824;color:#ffe5a3;font-size:12px;font-weight:900}.initiative-avatar{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background-size:cover;background-position:center;color:#fff;font-size:12px;font-weight:900}.initiative-copy{display:grid;gap:2px;min-width:0}.initiative-copy strong,.initiative-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.initiative-copy span{color:#aeb8c2;font-size:12px}.initiative-row input{width:100%;text-align:center;padding-inline:6px}.initiative-score{display:grid;place-items:center;min-height:36px;border:1px solid rgba(205,217,226,.13);border-radius:8px;background:#050a0e4d;color:#f4f7f8;font-size:15px}.initiative-row .button{min-height:36px;padding:6px 8px;font-size:12px}.initiative-row .set-turn-button{color:#ffe2ad;border-color:#ff972b52}.help-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-critical-overlay);display:grid;place-items:center;padding:18px;background:#05080b75}.help-overlay{width:min(760px,calc(100vw - 36px));max-height:min(720px,calc(100vh - 44px));overflow:auto;border:1px solid rgba(205,217,226,.22);border-radius:8px;color:#ecf3f8;background:linear-gradient(135deg,rgba(46,126,127,.16),transparent 42%),#0b1016f5;box-shadow:0 28px 90px #00000094}.help-overlay,.help-overlay *{min-width:0}.help-overlay-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px 12px;border-bottom:1px solid rgba(205,217,226,.16)}.help-overlay-header h2,.help-overlay-header p{margin:0}.help-overlay .eyebrow{margin-bottom:4px;color:#95a3ae;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.help-overlay-header h2{font-size:22px;letter-spacing:0}.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}.help-section{padding:14px;border:1px solid rgba(205,217,226,.14);border-radius:8px;background:#ffffff09}.help-section h3{margin:0 0 12px;color:#fff;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.help-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.help-list li{display:grid;grid-template-columns:82px minmax(0,1fr);gap:12px;align-items:start}.help-list strong{color:#ffd98f;font-size:13px;line-height:1.35}.help-list span{color:#cad3dc;font-size:13px;line-height:1.45}.help-overlay-footer{margin:0;padding:0 18px 16px;color:#aeb9c3;font-size:12px}.help-overlay kbd{display:inline-flex;min-width:22px;justify-content:center;margin:0 2px;padding:2px 6px;border:1px solid rgba(205,217,226,.24);border-radius:6px;color:#fff;background:#ffffff14;font:inherit;font-weight:850}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:stretch;justify-content:flex-start;background:#05080b5c;padding:0}.danger-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;padding:18px;background:#05080b94;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.danger-dialog{width:min(460px,94vw);display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:16px;border:1px solid rgba(239,35,60,.55);border-radius:12px;color:#ffecef;background:linear-gradient(135deg,#ef233c33,#090d12f0 44%),#11181f;box-shadow:0 28px 90px #0000009e}.danger-dialog-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:999px;color:#fff;background:#ef233c47;border:1px solid rgba(239,35,60,.62)}.danger-dialog-copy{display:grid;gap:6px;min-width:0}.danger-dialog-copy h2,.danger-dialog-copy p{margin:0}.danger-dialog-copy h2{color:#fff;font-size:20px;line-height:1.15;overflow-wrap:anywhere}.danger-dialog-copy p:not(.eyebrow){color:#ffd7dc;font-size:13px;line-height:1.45}.danger-dialog-warning,.danger-dialog-actions{grid-column:1 / -1}.danger-dialog-warning{padding:10px;border:1px solid rgba(239,35,60,.38);border-radius:9px;color:#ffe7a8;background:#ef233c1f;font-size:12px;font-weight:800;line-height:1.35}.danger-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.action-browser{width:min(500px,96vw);height:100vh;max-height:100vh;overflow:hidden;position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr);color-scheme:light;color:#1d2429;border:1px solid rgba(25,32,37,.28);border-left:0;border-radius:0 8px 8px 0;background:var(--paper);box-shadow:0 28px 90px #0000008c}.action-browser,.action-browser *{min-width:0}.action-browser-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;color:#fff;border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(90deg,rgba(207,31,43,.2),transparent 42%),#2f363a}.action-browser-header h2,.action-browser-header p{margin:0}.action-browser-header p{margin-top:2px;color:#c7d0d7;font-size:12px}.sheet-header-actions{display:inline-flex;align-items:center;gap:6px}.sheet-avatar{display:grid;place-items:center;width:44px;height:44px;border:2px solid rgba(235,244,250,.72);border-radius:6px;background-size:cover;background-position:center;color:#fff;font-weight:900;box-shadow:0 10px 22px #00000047}.sheet-header-copy{min-width:0;flex:1}.sheet-header-copy h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-vitals{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.sheet-vitals span{display:inline-flex;align-items:center;gap:4px;min-height:23px;border:1px solid rgba(205,217,226,.16);border-radius:5px;background:#ffffff0e;color:#dce5ec;padding:3px 6px;font-size:11px;font-weight:800}.action-browser .sheet-vitals span{border-color:#ffffff38;background:#ffffff14;color:#f7f8f9}.sheet-vitals b{color:#fff}.action-browser .combat-usage-strip span{border-color:#fff3;background:#5fcc8e29;color:#ecfff4}.action-browser .combat-usage-strip span.used{border-color:#ef233c59;background:#ef233c38;color:#ffe1e5}.action-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;overflow:visible;padding:7px 9px;border-bottom:1px solid var(--paper-line);background:#f4f6f6}.action-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:0;border:0;border-radius:6px;background:transparent;color:#44515b;padding:7px 4px;font-size:11px;font-weight:850;white-space:nowrap}.action-tabs button span{min-width:0;overflow:hidden;text-overflow:ellipsis}.action-tabs button small{min-width:18px;height:18px;display:inline-grid;place-items:center;border-radius:999px;background:#4550581f;color:#5f6a72;font-size:10px;font-weight:950}.action-tabs button.active{background:var(--accent);color:#fff;box-shadow:0 8px 18px #ef233c38}.action-tabs button.active small{background:#ffffff2e;color:#fff}.action-tab-panel{overflow-y:auto;overflow-x:hidden;padding:10px 10px 88px;background:linear-gradient(180deg,#e7ecef8c,#fbfbf800 82px),var(--paper);scrollbar-width:thin;scrollbar-color:#b7c1c8 transparent}.action-tab-panel label{display:grid;gap:4px;color:#56616a;font-size:12px;font-weight:750}.action-tab-panel input,.action-tab-panel select{width:100%;min-width:0;border:1px solid #ccd6dd;border-radius:7px;padding:8px 9px;background:#fff;color:#1d2429}.target-controls{position:sticky;top:-10px;z-index:4;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(124px,.65fr);gap:9px;border:1px solid #cfd9df;border-radius:7px;background:#f6f8f8f5;padding:8px;box-shadow:0 8px 18px #1f272d14}.chromatic-orb-type-control{display:grid;grid-template-columns:minmax(0,1fr) minmax(138px,.5fr);align-items:center;gap:10px;border:1px solid rgba(198,139,42,.45);border-radius:7px;background:linear-gradient(135deg,#fff9e6f5,#f3f7f8f5);color:#5e4510;padding:8px 10px;font-size:12px;font-weight:950}.chromatic-orb-type-control select{border-color:#c68b2a7a;background:#fff;color:#1d2429}.multi-target-row{grid-column:1 / -1;display:grid;gap:6px}.multi-target-row>span{color:#65717a;font-size:11px;font-weight:850;letter-spacing:.02em;text-transform:uppercase}.multi-target-row>div{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.multi-target-row button{flex:0 0 auto;min-width:56px;max-width:116px;min-height:36px;border:1px solid #cfd9df;border-radius:999px;background:#fff;color:#1d2429;display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;padding:5px 9px 5px 6px;font-size:11px;font-weight:850}.multi-target-row button:first-letter{text-transform:uppercase}.multi-target-row button>small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:800;color:inherit}.multi-target-row button.active{border-color:#cf1f2b;background:#cf1f2b;color:#fff;box-shadow:0 0 0 2px #cf1f2b29}.multi-target-row .clear-targets-button{justify-self:start;min-width:0;min-height:28px;border-color:#d7dde2;background:#eef2f3;color:#56616a;padding:4px 10px;font-size:10px;text-transform:uppercase}.spell-browser-panel{display:grid;align-content:start;gap:10px}.spell-browser-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:4px 0 2px}.spell-browser-summary span{display:grid;place-items:center;gap:1px;border:1px solid #d8e0e5;border-radius:7px;background:#fff;color:#1d2429;padding:7px 5px}.spell-browser-summary b{font-size:17px;line-height:1}.spell-browser-summary small{color:#64707a;font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.spell-browser-search input{min-height:36px;border-radius:6px;background:#fff}.spell-filter-tabs{display:flex;flex-wrap:wrap;gap:5px}.spell-filter-tabs button{min-height:27px;border:0;border-radius:5px;background:#e7ecef;color:#66727c;padding:4px 8px;font-size:10px;font-weight:950;text-transform:uppercase}.spell-filter-tabs button.active{background:#cf1f2b;color:#fff}.spell-detail-panel{display:grid;gap:10px;border:1px solid #d8e0e5;border-left:3px solid #cf1f2b;border-radius:7px;background:#fff;color:#1d2429;padding:10px}.spell-detail-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.spell-detail-panel header small{color:#66727c;font-size:10px;font-weight:850;text-transform:uppercase}.spell-detail-panel h3{margin:2px 0 0;color:#12171c;font-size:18px;font-style:italic;line-height:1.1}.spell-detail-panel header>div:last-child{flex:0 0 auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.spell-detail-panel button{min-height:31px;border:1px solid #cf1f2b;border-radius:5px;background:#fff;color:#cf1f2b;padding:5px 8px;font-size:10px;font-weight:950;text-transform:uppercase}.spell-detail-panel button.primary{background:#cf1f2b;color:#fff}.spell-detail-panel dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0}.spell-detail-panel dl>div{min-width:0;border:1px solid #e2e7eb;border-radius:6px;background:#f7f9fa;padding:6px}.spell-detail-panel dt{color:#66727c;font-size:9px;font-weight:950;letter-spacing:.05em;text-transform:uppercase}.spell-detail-panel dd{margin:2px 0 0;color:#1d2429;font-size:12px;font-weight:850;overflow-wrap:anywhere}.spell-detail-copy{display:grid;gap:8px;color:#1d2429;font-size:12px;line-height:1.45}.spell-detail-copy p{margin:0}.spell-level-section{display:grid;gap:5px}.spell-level-section+.spell-level-section{margin-top:13px}.spell-level-section h3{margin:0;color:#cf1f2b;font-size:12px;font-weight:950;letter-spacing:.05em;text-transform:uppercase}.spell-table{display:grid;border-top:1px solid #e2e7eb}.spell-table-head,.spell-table-row{display:grid;grid-template-columns:minmax(128px,1.35fr) 42px 62px 64px minmax(74px,.85fr);gap:8px;align-items:center}.spell-table-head{min-height:28px;color:#1d2429;padding:5px 8px;font-size:9px;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.spell-table-row{width:100%;min-height:48px;border:0;border-bottom:1px solid #e2e7eb;background:#fff;color:#1d2429;padding:6px 8px;text-align:left}.spell-table-row:hover,.spell-table-row.selected{background:#fff8e6}.spell-table-row.selected{box-shadow:inset 3px 0 #cf1f2b}.spell-table-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#1d2429;font-size:12px;font-weight:750;white-space:nowrap}.spell-name-cell{display:grid;grid-template-columns:32px minmax(0,1fr);gap:6px;align-items:center}.spell-name-cell small{color:#7d8a95;font-size:8px;font-weight:950;line-height:1.05;text-align:center;text-transform:uppercase}.spell-name-cell b{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#11171c;font-size:12px;font-style:italic;white-space:nowrap}.action-filter-tabs{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:5px;margin:10px 0 4px}.action-filter-tabs button{min-height:27px;border:0;border-radius:6px;background:#e7ecef;color:#64707a;padding:4px 7px;font-size:10px;font-weight:900;text-transform:uppercase}.action-filter-tabs button.active{background:#cf1f2b;color:#fff}.action-card-grid{display:grid;grid-template-columns:1fr;gap:6px;margin-top:8px}.action-browser .muted{color:#66727c}.action-card-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.action-card{min-height:0;display:grid;align-content:start;gap:4px;border:1px solid #e0e5e8;border-left:2px solid transparent;border-radius:6px;background:#fff;color:#1d2429;padding:9px 10px;text-align:left;box-shadow:none}.action-card:hover{border-color:#e6bf58bf;border-left-color:#cf1f2b;background:#fff9e8}.action-card strong{min-width:0;overflow-wrap:anywhere;font-size:14px;line-height:1.18}.action-card span,.action-card em{min-width:0;overflow-wrap:anywhere;color:#5f6b75;font-size:11px;line-height:1.35}.action-card .action-badge-line{display:flex;align-items:center;gap:7px;color:#aeb8c2}.action-badge-line b{display:inline-flex;align-items:center;min-height:20px;border:1px solid rgba(230,191,88,.35);border-radius:999px;background:#e6bf581f;color:#7b5b14;padding:2px 7px;font-size:11px;font-weight:900}.action-badge-line small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-card small{min-width:0;overflow-wrap:anywhere;color:#66727c;font-size:10px;line-height:1.35}.action-card .card-action-hint{margin-top:2px;color:#7b5b14;font-weight:850}.passive-card{cursor:default}.drawer-section-title{margin:13px 0 6px;font-size:12px;text-transform:uppercase;color:#cf1f2b;letter-spacing:.08em}.skill-list,.inventory-list{display:grid;gap:0}.skill-list button,.inventory-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-bottom:1px solid #e1e6ea;border-radius:0;background:#fff;color:#1d2429;padding:8px 7px;text-align:left}.skill-list button:hover{background:#fff7e3}.skill-list button strong{font-size:14px}.inventory-list article{display:grid;justify-content:stretch;gap:4px}.inventory-list span,.inventory-list em{color:#66727c;font-size:13px}.sheet-detail{display:grid;gap:14px}.sheet-detail h3{margin:0 0 6px;font-size:13px;text-transform:uppercase;color:#cf1f2b;letter-spacing:.08em}.sheet-detail p{margin:0 0 5px;color:#1d2429;font-size:13px}.sheet-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.sheet-stat-grid div,.stat-card-button{display:grid;place-items:center;gap:2px;border:1px solid #d9e0e5;border-radius:6px;background:#fff;padding:8px 5px}.stat-card-button{color:#1d2429}.stat-card-button:hover{border-color:#e6bf58bf;background:#fff9e8}.sheet-stat-grid span,.stat-card-button span{font-size:17px;font-weight:900}.sheet-stat-grid small,.stat-card-button small{color:#69747d}.sheet-bottom-actions{position:absolute;right:12px;bottom:12px;z-index:3;display:inline-flex;gap:8px}.sheet-menu-fab,.sheet-close-fab{width:52px;height:52px;display:grid;place-items:center;border:0;border-radius:999px;color:#fff;box-shadow:0 12px 24px #0000003d}.sheet-menu-fab{background:#cf1f2b}.sheet-close-fab{background:#d7333e}.sheet-menu-panel{position:absolute;left:10px;right:10px;bottom:74px;z-index:4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;border:1px solid rgba(207,31,43,.36);border-radius:8px;background:#282f34f7;padding:10px;box-shadow:0 18px 44px #00000057}.sheet-menu-panel button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(207,31,43,.7);border-radius:7px;background:#263035;color:#fff;padding:8px;font-size:11px;font-weight:900;text-transform:uppercase}.event-log{max-height:calc(100vh - 176px);overflow-y:auto}.event-log article{border-top:1px solid rgba(205,217,226,.12);padding:10px 0}.event-log article:first-of-type{border-top:0}.event-log strong,.event-log span,.event-log p{display:block}.event-log span{color:#aab4be;font-size:12px;margin-top:2px}.event-log p{margin:4px 0 0;color:#d9e1e8;font-size:13px;overflow-wrap:anywhere}.roll-feed-tab,.roll-feed-panel{position:fixed;right:18px;bottom:92px;z-index:var(--z-roll-feed);background:#0e1419eb;border:1px solid rgba(205,217,226,.2);box-shadow:0 18px 46px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.presence-roster{position:fixed;left:18px;bottom:20px;z-index:62;display:flex;flex-wrap:wrap;gap:7px;max-width:min(520px,calc(100vw - 36px));padding:8px 10px;border:1px solid rgba(205,217,226,.18);border-radius:10px;background:#0e1419d1;box-shadow:0 14px 34px #00000061;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.presence-roster span{font-size:12px;font-weight:900;text-shadow:0 1px 5px rgba(0,0,0,.8);white-space:nowrap}.dice-tray-shell{position:fixed;right:18px;bottom:24px;z-index:var(--z-dice-tray);display:grid;justify-items:end;gap:10px;pointer-events:none}.dice-tray-shell>*{pointer-events:auto}.dice-tray-fab{position:relative;width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:#ef233c;color:#fff;box-shadow:0 18px 44px #00000073}.dice-tray-fab.active{background:#b91c2e}.dice-tray-fab b,.dice-quick-grid button b{position:absolute;right:5px;top:5px;min-width:18px;height:18px;display:grid;place-items:center;border-radius:999px;background:#fff;color:#10161b;font-size:11px;font-weight:950}.dice-tray-panel{width:min(360px,calc(100vw - 36px));border:1px solid rgba(205,217,226,.18);border-radius:12px;background:#10181ef5;color:#edf4f8;box-shadow:0 24px 68px #0000008c;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dice-tray-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 13px;border-bottom:1px solid rgba(205,217,226,.13)}.dice-tray-panel h2,.dice-tray-panel p{margin:0}.dice-tray-panel h2{font-size:15px}.dice-tray-panel p{margin-top:2px;color:#aeb8c2;font-size:12px}.dice-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:13px}.dice-quick-grid button{position:relative;min-height:64px;display:grid;place-items:center;gap:2px;border:1px solid rgba(205,217,226,.14);border-radius:9px;background:#ffffff0d;color:#eef5f8;font-weight:900}.dice-quick-grid button.selected{border-color:#e6bf58bf;background:#e6bf5824}.dice-quick-grid button span{color:#c6d1da;font-size:12px}.dice-mode-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 13px 9px}.dice-mode-row button{min-height:32px;border:1px solid rgba(205,217,226,.15);border-radius:7px;background:#ffffff0e;color:#d9e3ea;font-size:12px;font-weight:900}.dice-mode-row button.active{border-color:#e6bf58b3;color:#ffe7a3;background:#e6bf5824}.dice-advanced-grid{display:grid;grid-template-columns:minmax(0,1.4fr) 72px 88px;gap:8px;padding:0 13px 12px}.dice-advanced-grid label{display:grid;gap:4px;color:#aeb8c2;font-size:11px;font-weight:850}.dice-advanced-grid input{width:100%;min-width:0;border:1px solid rgba(205,217,226,.16);border-radius:7px;background:#050a0ea6;color:#fff;padding:8px 9px}.dice-tray-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 13px 13px}.roll-animation-overlay{position:fixed;left:50%;bottom:var(--floating-overlay-bottom);z-index:var(--z-critical-overlay);pointer-events:none;transform:translate(-50%)}.dice-roll-animation{width:min(520px,calc(100vw - 28px));display:grid;gap:10px;border:1px solid rgba(230,191,88,.52);border-radius:14px;background:radial-gradient(circle at 20% 0%,rgba(230,191,88,.18),transparent 34%),linear-gradient(145deg,#121a20f5,#080d12f2);color:#fff;padding:14px;box-shadow:0 22px 58px #00000080,0 0 42px #e6bf5838;perspective:900px;animation:diceStagePop 4.25s ease-out forwards}.dice-roll-animation.crit{border-color:#4ef18abf;box-shadow:0 18px 44px #00000073,0 0 38px #4ef18a47}.dice-roll-animation.hit,.dice-roll-animation.success{border-color:#4ee1c6b8;box-shadow:0 22px 58px #00000080,0 0 38px #4ee1c638}.dice-roll-animation.fail{border-color:#ff5468bf;box-shadow:0 18px 44px #00000073,0 0 38px #ff54683d}.dice-roll-animation.miss{border-color:#f5b14cc2;box-shadow:0 22px 58px #00000080,0 0 38px #f5b14c33}.dice-roll-animation.damage{border-color:#ff5e52cc;box-shadow:0 22px 58px #00000080,0 0 42px #ff5e523d}.dice-roll-animation-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.dice-roll-animation-header div{min-width:0;display:grid;gap:3px}.dice-roll-animation-header span,.dice-roll-animation-header small,.dice-roll-animation p,.dice-roll-animation-footer small{min-width:0;overflow:hidden;color:#cbd5dd;font-size:12px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.dice-roll-animation-header span{color:#fff;font-size:14px;font-weight:950}.roll-animation-badge{min-width:70px;border:1px solid rgba(255,231,163,.4);border-radius:999px;background:#e6bf5824;color:#ffe7a3;padding:6px 10px;font-size:16px;line-height:1;text-align:center;letter-spacing:.08em}.dice-roll-animation.crit .roll-animation-badge{border-color:#69f99d99;color:#69f99d;background:#4ef18a24}.dice-roll-animation.fail .roll-animation-badge{border-color:#ff72849e;color:#ff7284;background:#ff546824}.dice-roll-animation.hit .roll-animation-badge,.dice-roll-animation.success .roll-animation-badge{border-color:#5aeed594;color:#68f5de;background:#4ee1c621}.dice-roll-animation.miss .roll-animation-badge,.dice-roll-animation.damage .roll-animation-badge{border-color:#f5b14c94;color:#ffd37d;background:#f5b14c24}.dice-stage{min-height:104px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:11px;padding:8px 4px 4px;transform-style:preserve-3d}.animated-die,.dice-overflow,.damage-applied-pulse{width:64px;height:64px;position:relative;display:grid;place-items:center;border:1px solid rgba(236,244,249,.82);background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.95),transparent 24%),linear-gradient(145deg,#f9fcfffa,#b7c5d1f2);color:#131a20;font-style:normal;text-shadow:none;box-shadow:inset -8px -10px 16px #4958653d,inset 5px 5px 14px #ffffffbd,0 16px 28px #00000061}.animated-die{clip-path:polygon(50% 0%,92% 23%,92% 77%,50% 100%,8% 77%,8% 23%);transform-style:preserve-3d;animation:dieRollLand 1.12s cubic-bezier(.16,.85,.24,1.18) both}.animated-die.kept{box-shadow:inset -8px -10px 16px #4958653d,inset 5px 5px 14px #ffffffbd,0 16px 28px #00000061,0 0 0 3px #e6bf5857,0 0 24px #e6bf583d}.animated-die.d6{border-radius:14px;clip-path:none}.animated-die.damage{border-color:#ffda9de6;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.9),transparent 23%),linear-gradient(145deg,#ffe1a4,#c6453d);color:#180b0a}.animated-die.d20{border-color:#99eee1eb;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.9),transparent 22%),linear-gradient(145deg,#d9fff9,#2f7d80)}.animated-die.natural-max{border-color:#76ffa6f2;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.95),transparent 22%),linear-gradient(145deg,#e7ffef,#2bbf6a);color:#07160c;box-shadow:inset -8px -10px 16px #1f60353d,inset 5px 5px 14px #ffffffc7,0 16px 28px #00000061,0 0 34px #5dff9780}.animated-die.natural-one{border-color:#ff7284f2;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.88),transparent 22%),linear-gradient(145deg,#ffdce1,#d72e42);color:#1f0608;box-shadow:inset -8px -10px 16px #74172247,inset 5px 5px 14px #ffffffad,0 16px 28px #00000061,0 0 30px #ff54686b}.animated-die i{position:absolute;top:10px;left:50%;transform:translate(-50%);color:#0c141aad;font-size:9px;font-style:normal;font-weight:950;line-height:1;text-transform:uppercase}.animated-die b{margin-top:9px;font-size:24px;font-weight:950;line-height:1}.animated-die.d100 b{font-size:20px}.animated-die.dropped{opacity:.42;filter:grayscale(.65);transform:scale(.92)}.animated-die.dropped:after{content:"";position:absolute;width:54px;height:3px;border-radius:999px;background:#181d22c7;transform:rotate(-24deg)}.dice-overflow,.damage-applied-pulse{border-radius:999px;clip-path:none;font-size:18px;font-weight:950}.damage-applied-pulse{width:94px;height:94px;border-color:#ff7267e0;background:radial-gradient(circle,#ff9677f2,#972924f0);color:#fff;font-size:30px;animation:damagePulse 1.1s ease-out both}.dice-roll-animation.success .damage-applied-pulse{border-color:#68ffa6e6;background:radial-gradient(circle,#a6ffc2f5,#1f844cf0);color:#f4fff7}.dice-roll-animation-footer{display:flex;align-items:stretch;justify-content:center;gap:9px}.dice-roll-animation-footer div{min-width:112px;display:grid;place-items:center;gap:2px;border:1px solid rgba(205,217,226,.16);border-radius:10px;background:#ffffff0e;padding:8px 12px}.dice-roll-animation-footer strong{color:#ffe7a3;font-size:26px;line-height:1}.dice-roll-animation-footer .damage-total strong{color:#ffcf8b}.roll-animation-math{display:grid;gap:4px;padding:7px 9px;border:1px solid rgba(205,217,226,.13);border-radius:10px;background:#0000002e}.roll-animation-math span{min-width:0;overflow:hidden;color:#d9e2e8;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.dice-roll-animation p{margin:-2px 0 0;text-align:center}@keyframes diceSpin{0%{transform:rotate(-180deg) scale(.6)}to{transform:rotate(0) scale(1)}}@keyframes dieRollLand{0%{opacity:0;transform:translate3d(calc((var(--die-index, 0) - 4) * -7px),-76px,80px) rotateX(320deg) rotateY(-260deg) rotate(-80deg) scale(.45)}62%{opacity:1;transform:translate3d(0,7px,0) rotateX(-16deg) rotateY(18deg) rotate(8deg) scale(1.12)}82%{transform:translate3d(0,-3px,0) rotateX(7deg) rotateY(-5deg) rotate(-3deg) scale(.98)}to{opacity:1;transform:translateZ(0) rotateX(0) rotateY(0) rotate(0) scale(1)}}@keyframes damagePulse{0%{opacity:0;transform:scale(.48);box-shadow:0 0 #ff5e529e}54%{opacity:1;transform:scale(1.08);box-shadow:0 0 0 22px #ff5e5214}to{opacity:1;transform:scale(1);box-shadow:0 0 0 34px #ff5e5200}}@keyframes diceFaceTumble{0%{opacity:0;transform:translateY(-18px) rotate(-32deg) scale(.55)}68%{opacity:1;transform:translateY(2px) rotate(7deg) scale(1.08)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes diceStagePop{0%{opacity:0;transform:translateY(8px) scale(.92)}14%,84%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(6px) scale(.96)}}.roll-feed-tab{width:min(310px,calc(100vw - 36px));min-height:56px;display:flex;align-items:center;gap:10px;border-radius:10px;color:#eef4f8;padding:9px 12px;text-align:left;animation:feedFadeIn .16s ease-out}.roll-feed-tab span{display:grid;gap:2px;min-width:0;color:#cbd5dd;font-size:12px}.roll-feed-tab strong{color:#fff;font-size:22px;line-height:1}.roll-feed-panel{width:min(390px,calc(100vw - 36px));max-height:min(440px,calc(100vh - 180px));display:grid;grid-template-rows:auto 1fr;border-radius:12px;overflow:hidden;animation:feedFadeIn .16s ease-out}.roll-feed-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 12px 10px;border-bottom:1px solid rgba(205,217,226,.12)}.roll-feed-panel h2,.roll-feed-panel p{margin:0}.roll-feed-panel h2{font-size:15px}.roll-feed-panel header p{color:#aeb8c2;font-size:12px;margin-top:2px}.roll-feed-actions{display:flex;gap:6px}.roll-feed-actions button{border:1px solid rgba(205,217,226,.16);border-radius:7px;background:#ffffff0f;color:#dce5ec;padding:6px 8px;font-size:12px;font-weight:850}.roll-feed-actions button.active{border-color:#e6bf58;color:#ffe7a3}.roll-feed-list{display:grid;gap:8px;overflow-y:auto;padding:10px 12px 12px}.roll-card{border:1px solid rgba(205,217,226,.14);border-radius:9px;background:#ffffff0d;padding:10px}.roll-card.attack-roll{border-color:#e6bf5852}.roll-card.spell-roll{border-color:#74c3ff57;background:linear-gradient(180deg,rgba(116,195,255,.07),transparent),#ffffff0d}.roll-card.state-roll{border-color:#ef233c52;background:linear-gradient(180deg,rgba(239,35,60,.08),transparent),#ffffff0d}.roll-card.crit{border-color:#41be6a94}.roll-card.success{border-color:#41be6a7a}.roll-card.fail{border-color:#ef233c99}.roll-card-main{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.roll-card-main div{display:grid;gap:2px;min-width:0}.roll-card-main strong{color:#f5f8fb;font-size:13px;overflow-wrap:anywhere}.roll-badge{display:inline-flex;align-items:center;border-radius:999px;padding:2px 6px;margin-right:7px;font-size:10px;font-weight:950;letter-spacing:.08em}.roll-badge.crit,.roll-badge.success{color:#baffca;background:#41be6a2e;border:1px solid rgba(65,190,106,.42)}.roll-badge.fail{color:#ffb5bf;background:#ef233c29;border:1px solid rgba(239,35,60,.42)}.roll-card-main span,.roll-card p,.roll-card small{color:#aeb8c2;font-size:12px}.roll-card-main b{min-width:42px;text-align:right;color:#fff;font-size:28px;line-height:1}.roll-card p{margin:8px 0 0;color:#dce5ec}.roll-card small{display:block;margin-top:5px}.roll-callout{display:block;margin-top:8px;border-left:3px solid #ef233c;padding:6px 8px;border-radius:6px;background:#ef233c24;color:#fff;font-size:13px}.damage-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.damage-actions button{flex:1 1 120px;border:1px solid rgba(205,217,226,.18);border-radius:8px;background:#2f7d8047;color:#eefafa;padding:8px 10px;font-size:12px;font-weight:900}.damage-actions button:last-child{background:#e6bf5824;color:#ffe8a8}@keyframes feedFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.notice,.notice-bar{color:#ffe3b0;background:#764612e0;border:1px solid rgba(241,201,155,.45)}.notice-bar{position:fixed;bottom:var(--floating-overlay-bottom);left:50%;z-index:var(--z-status);width:min(560px,calc(100vw - 36px));transform:translate(-50%);border-radius:8px;padding:9px 9px 9px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left}.notice-close{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;background:#ffffff1a;color:#fff4dd}@media(min-width:821px){.workspace.right-panel-open .selected-token-chip,.workspace.right-panel-open .notice-bar,.workspace.right-panel-open .roll-animation-overlay{left:calc((100vw - var(--right-panel-overlay-offset)) / 2)}.workspace.right-panel-open .selected-token-chip{width:min(520px,calc(100vw - var(--right-panel-overlay-offset) - 32px))}.workspace.right-panel-open .notice-bar{width:min(560px,calc(100vw - var(--right-panel-overlay-offset) - 36px))}.workspace.right-panel-open .roll-feed-tab,.workspace.right-panel-open .roll-feed-panel,.workspace.right-panel-open .dice-tray-shell{right:var(--right-panel-overlay-offset)}.workspace.right-panel-open .roll-feed-tab{width:min(310px,calc(100vw - var(--right-panel-overlay-offset) - 36px))}.workspace.right-panel-open .roll-feed-panel{width:min(390px,calc(100vw - var(--right-panel-overlay-offset) - 36px))}}.empty-state{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;color:#dce4ea}hr{border:0;border-top:1px solid rgba(205,217,226,.12);margin:12px 0}@media(max-width:820px){:root{--bottom-control-lane: 164px;--floating-overlay-bottom: 154px}.top-bar{top:8px;left:8px;right:8px;gap:8px}.brand-row{min-width:0;flex:1 1 auto}.brand-row h1{font-size:16px}.campaign-pill{display:none}.header-actions{padding:6px}.header-actions .button{padding:8px;font-size:12px}.character-shelf{top:72px;left:70px;right:10px;max-width:none;justify-content:flex-start;padding:6px}.character-chip{max-width:118px}.character-chip.add{max-width:none}.character-shelf-label{display:none}.left-dock{left:10px;top:128px;padding:7px}.left-dock.sheet-open{left:auto;right:10px}.modal-backdrop{padding:0 var(--sheet-dock-width) 0 0}.dock-button{width:44px;height:44px}.map-scroll{padding:82px 12px 134px 70px}.sidebar,.right-rail{top:128px;left:70px;right:10px;width:auto;max-height:calc(100vh - 232px)}.sidebar,.right-rail{transform:translateY(18px);opacity:0;pointer-events:none}.sidebar.open,.right-rail.open{transform:translateY(0);opacity:1;pointer-events:auto}.workspace.right-panel-open .selected-token-chip,.workspace.right-panel-open .roll-feed-tab,.workspace.right-panel-open .roll-feed-panel,.workspace.right-panel-open .dice-tray-shell{display:none}.saved-token-options{grid-template-columns:1fr;max-height:190px}.calibration-mode-switch,.calibration-presets,.layer-preset-grid{grid-template-columns:1fr}.map-utility-tray{width:calc(100vw - 20px);bottom:12px}.selected-token-chip{width:min(380px,calc(100vw - 20px));bottom:82px;align-items:stretch;flex-wrap:wrap}.selected-token-chip.floating{bottom:auto}.selected-token-chip.vertical{width:min(300px,calc(100vw - 20px))}.selected-token-summary{flex:1 1 calc(100% - 34px)}.selected-token-actions{width:100%;justify-content:space-between}.selected-token-actions button{flex:1 1 0;width:auto;min-height:40px}.hp-vitals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.effect-action-grid,.aura-editor-grid{grid-template-columns:1fr}.hp-adjust-grid{grid-template-columns:minmax(0,1fr) 42px}.token-context-menu{width:min(228px,calc(100vw - 22px))}.help-overlay-backdrop{align-items:end;padding:10px}.help-overlay{width:100%;max-height:min(680px,calc(100vh - 20px))}.help-overlay-header{padding:14px 14px 10px}.help-overlay-header h2{font-size:18px}.help-grid{grid-template-columns:1fr;gap:10px;padding:10px}.help-section{padding:12px}.help-list li{grid-template-columns:1fr;gap:2px}.help-overlay-footer{padding:0 14px 14px}.action-browser{width:min(500px,calc(100vw - var(--sheet-dock-width) - 8px));height:100vh;max-height:100vh}.action-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:6px}.action-tabs button{min-width:0;flex-direction:column;gap:2px;padding:6px 2px;font-size:9px;line-height:1.05;white-space:normal}.action-tabs button small{min-width:16px;height:16px;font-size:9px}.action-card-grid,.action-card-grid.compact,.target-controls{grid-template-columns:1fr}.spell-browser-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.spell-detail-panel header{display:grid}.spell-detail-panel header>div:last-child{justify-content:stretch}.spell-detail-panel header>div:last-child button{flex:1 1 120px}.spell-detail-panel dl{grid-template-columns:repeat(2,minmax(0,1fr))}.spell-table-head,.spell-table-row{grid-template-columns:minmax(112px,1.2fr) 34px 52px 52px minmax(62px,.7fr);gap:5px;padding-inline:5px}.spell-name-cell{grid-template-columns:24px minmax(0,1fr);gap:4px}.sheet-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sheet-stat-grid{grid-template-columns:repeat(3,minmax(62px,1fr))}.token-primary-actions{grid-template-columns:1fr}.notice-bar{bottom:var(--floating-overlay-bottom)}.roll-feed-tab,.roll-feed-panel{right:10px;bottom:94px;width:min(340px,calc(100vw - 20px))}.roll-feed-panel{max-height:min(380px,calc(100vh - 170px))}.display-scene-button{flex:1 1 220px}.three-col{grid-template-columns:1fr}}@media(max-width:560px){.left-dock.sheet-open{display:none}.modal-backdrop{padding-right:0}.action-browser{width:100vw}}