:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#e8e8e2;background:#101218;font-synthesis:none;font-weight:400;font-size:14px;color-scheme:dark;--bg:#101218;--panel:#15181e;--panel2:#1c2027;--line:#292d34;--muted:#8b919c;--accent:#ed0200;--accent-dark:#3a0808;--text:#e8e8e2}.app-shell,.auth-page,.character-page-overlay{user-select:none;-webkit-user-select:none}input,textarea,[contenteditable=true]{user-select:text;-webkit-user-select:text}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;color:inherit;background:none}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{transition:background .15s,color .15s,border-color .15s,transform .15s}a{color:inherit}svg{flex-shrink:0}button svg{vertical-align:middle}h1,h2,h3,p{margin:0}input,select{width:100%;min-width:0;background:#101319;border:1px solid #343942;border-radius:8px;padding:13px 14px;color:var(--text);outline:none;transition:border-color .15s}input:focus,select:focus{border-color:#9ba77e}input::placeholder{color:#737a87}label{display:block;font-size:12px;font-weight:500;color:#c9cbd1}label>input,label>select{margin-top:9px}form{display:grid;gap:20px}.primary,.secondary{border-radius:8px;display:flex;justify-content:center;align-items:center;gap:10px;font-weight:600;min-height:45px;padding:12px 17px}.primary{background:var(--accent);color:#1e281c}.primary:not(:disabled):hover{background:#cbd9ad}.primary:not(:disabled):active{transform:translateY(1px)}.secondary{background:#20242b;border:1px solid #363b43;color:#d9dce1}.secondary:hover{background:#2a3038}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:7px;color:#9ca3ae;flex-shrink:0}.icon-button:hover{background:#232831;color:#eee}.text-button{display:flex;gap:6px;align-items:center;font-size:11px;color:#939aa6;padding:5px}.text-button:hover{color:var(--accent)}.brand{display:flex;gap:10px;align-items:center;color:var(--accent)}.brand>span{font-family:Georgia,serif;font-size:34px;line-height:1;font-weight:700;letter-spacing:-1.7px;color:#e7e8dd}.brand-dot{color:var(--accent)}.section-kicker,.eyebrow,.field-caption{font-size:10px;letter-spacing:1.7px;font-weight:600;color:#929a9c}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:2.2px}.segmented{display:flex;padding:4px;background:#101319;border:1px solid var(--line);border-radius:8px}.segmented button{padding:8px 12px;color:#949aa5;font-size:12px;border-radius:5px;flex:1;white-space:nowrap}.segmented button.selected{background:#30352e;color:#d5dfc0;box-shadow:0 1px 2px #0003}.form-error{color:#e1a7a9;border:1px solid #713d4266;background:#3f252640;border-radius:8px;padding:12px;line-height:1.6;font-size:12px}.optional{color:var(--muted);font-size:10px;font-weight:400;margin-left:6px}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.subtle{color:#89929a;font-size:10px}.mobile-only{display:none}.boot-screen{min-height:100dvh;display:flex;gap:28px;align-items:center;justify-content:center;flex-direction:column;color:#9ca58f}.boot-screen p{max-width:360px;text-align:center;line-height:1.8;padding:0 20px}.auth-page{min-height:100dvh;max-width:1500px;margin:auto;padding:38px 6vw 24px;background:radial-gradient(ellipse at 25% 45%,#b2bb8c08 0,transparent 50%)}.auth-page header{display:flex;align-items:center;justify-content:space-between}.auth-page header>span{font-size:10px;letter-spacing:3px;color:#7e858b}.auth-main{min-height:calc(100dvh - 180px);display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:80px;align-items:center;padding:50px 0}.auth-story{position:relative}.auth-story h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,4.5vw,62px);line-height:1.1;font-weight:400;letter-spacing:-1.8px;margin:25px 0 21px}.auth-story h1 em{color:#b8c49b;font-weight:400;font-style:normal}.auth-story>p{max-width:395px;font-size:14px;color:#959da3;line-height:1.85}.auth-dice{height:250px;max-width:500px;margin-top:0}.auth-dice .dice-stage{height:250px}.auth-dice .table-ring{width:280px;height:130px;bottom:30px;top:auto}.auth-dice .ring-two{width:350px;height:165px;bottom:12px}.auth-dice .table-cross{display:none}.trust-line{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.2px;color:#9da68e}.dot-divider{margin:0 4px;color:#4b5148}.tiny-star{font-size:18px;vertical-align:-1px;margin-right:7px}.auth-card{border:1px solid #343932;border-radius:14px;padding:30px;background:linear-gradient(145deg,#1c201f,#16191f 50%);box-shadow:0 18px 80px #0002}.auth-card .section-kicker{font-size:9px;color:#a6b08e;letter-spacing:1.7px}.auth-card h2{font-size:26px;font-weight:500;letter-spacing:-.7px;margin:14px 0 10px}.auth-card>p{font-size:12px;color:#9199a2;line-height:1.7}.auth-tabs{margin:26px 0}.auth-card .primary{margin-top:4px;justify-content:space-between}.auth-card p.auth-note{font-size:10px;text-align:center;color:#7f8790;line-height:1.7;margin-top:23px}.auth-page footer{display:flex;justify-content:space-between;align-items:center;color:#737b81;font-size:11px;border-top:1px solid #24282b;padding-top:23px}.version{font-size:9px;margin-left:7px;padding:3px 5px;background:#23282a;border-radius:3px}.app-shell{display:flex;height:100dvh;min-height:650px;overflow:hidden}.sidebar{width:220px;flex-shrink:0;background:#13161b;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:27px 16px 0}.sidebar-brand{padding:0 11px 27px}.sidebar-brand .brand>span{font-size:33px}.sidebar-brand .brand>svg{width:33px}.sidebar-section{display:flex;align-items:center;justify-content:space-between;padding:8px 11px}.sidebar-section .section-kicker{font-size:9px;letter-spacing:1.5px}.room-list{display:flex;flex-direction:column;gap:4px;max-height:190px;overflow:auto}.room-link{display:flex;align-items:center;gap:10px;text-align:left;min-height:44px;border-radius:7px;padding:10px 11px;color:#969da8;font-size:12px;border:1px solid transparent;width:100%}.room-link>span:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-link:hover{background:#1d2229}.room-link.active{background:#252b24;color:#c8d5af;border-color:#505e3e55}.room-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:auto;flex-shrink:0}.join-link{display:flex;align-items:center;gap:9px;font-size:11px;color:#9da498;text-align:left;padding:15px 11px}.join-link>svg:last-child{margin-left:auto;color:#646e61}.no-rooms{padding:15px 11px;font-size:12px;color:#7f8790}.players-heading{border-top:1px solid var(--line);padding-top:22px;margin-top:10px}.player-list{overflow:auto;max-height:36vh;min-height:20px;padding:5px 3px}.player-row{display:flex;gap:10px;align-items:center;padding:9px 8px}.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:31px;height:31px;font-size:10px;font-weight:600;border:1px solid color-mix(in srgb,var(--player) 35%,transparent);background:color-mix(in srgb,var(--player) 12%,transparent);color:var(--player);border-radius:9px;letter-spacing:.3px}.avatar.small{width:25px;height:25px;border-radius:7px;font-size:8px}.player-row>div{display:flex;flex-direction:column;gap:4px;overflow:hidden}.player-row strong{font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-row small{font-size:9px;color:#79818e}.online-dot{width:5px;height:5px;background:#a4b481;border-radius:50%;margin-left:auto;flex-shrink:0}.invite-small{display:flex;align-items:center;gap:7px;border:1px dashed #3c4437;border-radius:7px;padding:11px;font-size:10px;color:#9da98d;margin:10px 6px}.invite-small:hover{background:#20271e}.sidebar-bottom{margin-top:auto;padding-top:20px}.fair-note{display:flex;gap:10px;margin:10px 10px 22px;color:#77816c;align-items:center}.fair-note strong{font-size:10px;font-weight:500;color:#9ca590}.fair-note p{font-size:9px;color:#6f777c;margin-top:5px}.profile{border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;min-height:80px;padding:0 8px}.profile>div{display:flex;flex-direction:column;gap:5px;overflow:hidden}.profile strong{font-size:11px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.profile span:not(.avatar){font-size:9px;color:#79808b}.profile>.icon-button{margin-left:auto;width:26px}.workspace{display:flex;flex-direction:column;flex:1;min-width:0}.topbar{height:76px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:#12151a;gap:18px}.topbar-title{display:flex;align-items:center;gap:13px;min-width:0}.topbar-title h1{font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-breadcrumb{color:#7f8791;font-size:11px;white-space:nowrap}.room-breadcrumb>span{margin-left:16px;color:#484f59}.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-actions .secondary{min-height:33px;padding:7px 12px;font-size:11px}.connection{display:flex;align-items:center;gap:6px;font-size:9px;color:#8d9e78;white-space:nowrap;margin-right:8px}.connection>span{width:5px;height:5px;border-radius:50%;background:currentColor}.connection:not(.connected){color:#c9a971}.connection.connecting>span,.connection.reconnecting>span{animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.3}}.room-layout{display:flex;flex:1;min-height:0}.table-main{display:flex;flex-direction:column;flex:1;min-width:0;overflow:auto;padding:29px 32px 0;position:relative;background:radial-gradient(ellipse at 50% 36%,#68774708,transparent 52%)}.table-topline{display:flex;justify-content:space-between;align-items:center;gap:15px}.table-topline .eyebrow{font-size:8px;letter-spacing:2px}.table-topline h2{font-size:17px;font-family:Georgia,serif;font-weight:400;color:#d5d9cc;margin-top:9px}.table-symbol{font-size:29px;color:#46523c}.connection-banner{display:flex;gap:10px;align-items:center;padding:9px 12px;margin-top:13px;border:1px solid #78633e55;border-radius:6px;color:#c8ae7e;font-size:10px;background:#352d1b55;line-height:1.5}.connection-banner button{margin-left:auto;text-decoration:underline;white-space:nowrap}.stage-wrap{flex:1;min-height:260px;position:relative;display:flex;flex-direction:column;justify-content:center}.dice-stage{height:100%;min-height:200px;position:relative;isolation:isolate}.stage-wrap>.dice-stage{position:absolute;inset:0 0 88px;height:auto;min-height:0}.three-canvas{position:absolute;inset:0;z-index:2;overflow:hidden}.three-canvas>canvas{width:100%;height:100%;display:block}.table-ring{position:absolute;width:64%;height:56%;border:1px solid #b2c09212;border-radius:50%;left:50%;top:53%;transform:translate(-50%,-50%);z-index:0}.ring-two{width:87%;height:76%;border-style:dashed;border-color:#b2c0920c}.table-cross:before,.table-cross:after{position:absolute;content:"";left:50%;top:50%;background:#a3ad8209;transform:translate(-50%,-50%)}.table-cross:before{height:1px;width:95%}.table-cross:after{height:95%;width:1px}.stage-caption{position:absolute;bottom:14px;left:0;right:0;z-index:3;text-align:center;pointer-events:none}.first-roll-title{font-size:18px;color:#d4d9c9;font-family:Georgia,serif}.stage-caption>p{color:#7f8891;font-size:10px;margin-top:9px;line-height:1.6}.last-roll-name{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#a9b19e}.last-roll-name>span:first-child{width:5px;height:5px;border-radius:50%}.last-notation{font-size:10px;color:#7e8790;margin-left:7px}.big-result{font-size:46px;line-height:1;letter-spacing:-2px;color:#e2e6d9;display:flex;justify-content:center;align-items:center;gap:15px;margin-top:10px;font-family:Georgia,serif}.big-result small{letter-spacing:1px;display:flex;align-items:center;gap:5px;font-family:Inter,Segoe UI,sans-serif;font-size:8px;color:var(--accent);border:1px solid #63724d66;padding:6px;border-radius:5px}.big-result .natural-one{color:#d8a5ae;border-color:#78495677}.big-result.natural>span{color:#c3d5a0}.stage-caption p.last-label{margin-top:7px;color:#a6ae9a}.extra-dice{position:absolute;bottom:0;right:10px;font-size:9px;color:#8d9589;z-index:4}.canvas-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:Georgia,serif;color:var(--accent);font-size:80px}.canvas-fallback small{font:10px Segoe UI,sans-serif;color:#92998b}.stage-loading{height:250px;display:grid;place-items:center;color:#788665}.waiting{opacity:.65}.roll-controls{background:#181c22;border:1px solid #30362f;border-radius:12px;padding:18px 21px 19px;box-shadow:0 10px 30px #0002;position:relative}.controls-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.controls-heading .section-kicker{font-size:9px}.dice-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) 1.15fr minmax(0,1fr);gap:8px;align-items:stretch;margin-bottom:19px}.die-choice{border:1px solid #333944;border-radius:8px;min-height:83px;background:#15191f;display:flex;flex-direction:column;position:relative;transition:all .15s}.die-choice:hover{border-color:#667155}.die-choice.chosen{border-color:#96a67b;background:#252e21}.die-pick{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:66px;width:100%;color:#959da6;flex:1;padding:10px 0}.die-pick strong{font-size:9px;letter-spacing:1px;font-weight:500}.chosen .die-pick{color:#c6d4af}.d20-choice .die-pick{color:#c4cdad}.die-stepper{display:flex;justify-content:center;gap:9px;align-items:center;height:22px;border-top:1px solid #87976a44;color:#c4d1aa;font-size:10px}.die-stepper button{display:flex;align-items:center;justify-content:center;width:19px;height:21px}.roll-options{display:flex;gap:13px;align-items:start}.field-caption{font-size:8px;letter-spacing:1.3px;display:block;margin-bottom:8px;color:#949d9e}.modes{height:36px;padding:3px}.modes button{font-size:10px;padding:5px 9px;display:flex;gap:4px;align-items:center;justify-content:center}.modes button.selected.adv{background:#3b3427;color:#dfc69b}.modes button.selected.dis{background:#352830;color:#d3aaba}.modifier{width:100px;flex-shrink:0}.modifier>div{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);height:36px;border-radius:7px;background:#101319}.modifier button{padding:7px 5px;color:#818d7a}.modifier input{appearance:textfield;-moz-appearance:textfield;border:0;padding:7px 0;font-size:11px;background:none;outline:none;text-align:center;width:39px;margin:0}.modifier input::-webkit-inner-spin-button{appearance:none}.roll-note{flex:1;min-width:70px}.roll-note .field-caption>span{font-size:8px;text-transform:none;letter-spacing:0;color:#68717b;margin-left:4px}.roll-note input{margin:0;height:36px;font-size:10px;padding:8px}.roll-button{width:100%;margin-top:18px;height:49px;font-size:14px;justify-content:flex-start;padding:0 18px}.roll-button>span:nth-child(2){margin:auto}.roll-expression{font-size:11px;font-family:ui-monospace,Consolas,monospace;opacity:.7;text-align:right}.mode-explanation,.pending-note{font-size:10px;line-height:1.6;margin-top:13px;color:#abaf96}.pending-note{color:#d7b583}.table-footer{display:flex;justify-content:space-between;padding:16px 2px 20px;color:#626e6c;font-size:9px}.table-footer>span{display:flex;align-items:center;gap:6px}.history-panel{width:310px;flex-shrink:0;background:#14171d;border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.history-title{display:flex;justify-content:space-between;align-items:center;padding:25px 21px 17px}.history-title>div{display:flex;align-items:center;gap:9px;color:#9ca68c}.history-title h2{font-size:12px;font-weight:500;color:#d9ded3}.count-badge{font-size:9px;color:#879479;background:#22291f;border-radius:5px;padding:4px 6px;min-width:21px;text-align:center}.history-tools{padding:0 18px 16px;border-bottom:1px solid var(--line)}.history-tools .segmented button{font-size:10px;padding:7px 4px}.search-field{display:flex;align-items:center;gap:6px;color:#727d87;margin-top:12px}.search-field input{border:0;background:none;padding:2px 0;margin:0;font-size:10px;height:24px}.history-list{overflow:auto;padding:17px 16px;flex:1;scrollbar-width:thin;scrollbar-color:#333c32 transparent}.history-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:65px 15px;color:#58614f}.history-empty h3{font-size:12px;color:#b2b8aa;font-weight:500}.history-empty p{font-size:11px;color:#79838a;line-height:1.8;max-width:190px}.roll-card{background:#1a1e25;border:1px solid #2d333b;border-radius:8px;padding:13px 12px 16px;margin-bottom:10px;position:relative;animation:slide-in .2s ease-out}@keyframes slide-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.roll-card.critical{border-color:#62744988;background:linear-gradient(130deg,#26302077,#1a1e25)}.roll-card.fumble{border-color:#78465555}.roll-card-top{display:flex;gap:8px;align-items:center}.roll-card-top>strong{font-size:10px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.you{font-size:8px;color:#7b8873;margin-left:5px;font-weight:400}.roll-card-top>time{font-size:8px;color:#78818e;margin-left:auto}.roll-label{margin:10px 0 0;font-size:10px;color:#a9b0a4}.roll-card-result{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.roll-notation{font-size:11px;color:#bdc4b7;font-family:ui-monospace,Consolas,monospace}.roll-total{font:29px Georgia,serif;color:#e2e6d9;padding-right:1px}.critical .roll-total{color:#c5d8a5}.mode-badge{font-size:7px;letter-spacing:.5px;margin-left:6px;border-radius:3px;padding:3px 4px;background:#3f3525;color:#d4b780}.mode-badge.disadvantage{background:#3e2933;color:#c39caa}.die-values{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px;align-items:center;max-width:190px}.die-values>span{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;border-radius:4px;background:#252c2e;border:1px solid #3c4539;color:#b8c7a2;font-size:10px;padding:0 4px}.die-values>span.discarded{border-color:#30363c;color:#707b85;background:#1b2026;text-decoration:line-through}.die-values>i{font-size:10px;font-style:normal;color:#8c9688;margin-left:2px}.natural-tag{font-size:7px;letter-spacing:1px;color:#b4c68d;display:flex;align-items:center;gap:4px;margin-top:10px}.fumble .natural-tag{color:#d29ba8}.roll-sequence{position:absolute;bottom:5px;right:9px;font-size:7px;color:#606a74}.history-footer{font-size:8px;color:#69776b;border-top:1px solid var(--line);padding:16px;display:flex;align-items:center;justify-content:center;gap:5px}.load-more{width:100%;justify-content:center;padding:13px 0}.mobile-tabs{display:none}.lobby{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;padding-bottom:50px}.lobby-visual{height:250px;width:100%;max-width:500px}.lobby .eyebrow{font-size:8px}.lobby h2{font-family:Georgia,serif;font-size:36px;line-height:1.2;font-weight:400;letter-spacing:-1px;margin:21px 0 17px}.lobby h2 em{font-style:normal;color:#aebd91}.lobby>p{font-size:12px;line-height:1.9;max-width:370px;color:#8d979f}.lobby-actions{display:flex;gap:12px;margin-top:26px}.lobby-actions button{font-size:11px;min-height:41px}.lobby-details{display:flex;gap:25px;color:#7b8775;font-size:10px;margin-top:25px}.lobby-details>span{display:flex;gap:6px;align-items:center}.welcome-aside{width:280px;flex-shrink:0;border-left:1px solid var(--line);padding:34px 28px;background:#14171d}.welcome-aside>div{margin:43px 0;color:#8e9b7b}.welcome-aside h3{font-size:13px;font-weight:500;color:#d4dacb;margin:16px 0 10px}.welcome-aside p{font-size:11px;color:#848e96;line-height:1.9}.dialog{padding:28px;color:var(--text);background:#1a1e25;border:1px solid #414a3b;border-radius:14px;width:min(460px,calc(100vw - 30px));box-shadow:0 30px 120px #0008;max-height:90dvh;overflow:auto}.dialog.wide{width:min(650px,calc(100vw - 30px))}.dialog::backdrop{background:#07090dbb;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.dialog-head h2{font:24px Georgia,serif;letter-spacing:-.5px}.dialog-description{color:#939da4;line-height:1.9;font-size:12px;margin-bottom:23px}.dialog>.primary{width:100%;margin-top:18px}.dialog form .primary{margin-top:5px}.code-input{font-family:Consolas,monospace;letter-spacing:2px;text-transform:uppercase}.invite-code{display:flex;flex-direction:column;align-items:center;gap:13px;padding:23px 0 7px}.invite-code>span{font-size:8px;letter-spacing:2px;color:#7f8a85}.invite-code>strong{font-family:Consolas,monospace;font-size:17px;color:#b9c6a0;letter-spacing:2px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#292d27;border:1px solid #566447;color:#e2e5d7;box-shadow:0 8px 45px #0007;border-radius:9px;padding:13px 15px 13px 20px;display:flex;align-items:center;gap:15px;max-width:600px;width:max-content;z-index:30;font-size:12px;line-height:1.7}.switch-row{display:flex;align-items:center;gap:15px;justify-content:space-between;padding:10px 0 22px;border-bottom:1px solid #343c34}.switch-row>span{display:flex;flex-direction:column;gap:9px}.switch-row strong{font-size:13px;font-weight:500}.switch-row small{font-size:11px;color:#8e989b}.switch-row input{width:19px;height:19px;accent-color:var(--accent);margin:0}.settings-note{font-size:11px;line-height:1.9;color:#8c969c;margin:20px 0 35px}.settings-version{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #30372e;padding-top:20px}.settings-version .brand{transform:scale(.65);transform-origin:left center}.settings-version>span{font-size:10px;color:#828d7b}.stats-content label{max-width:250px}.stat-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.stat-numbers>div{background:#12171c;border:1px solid #30392e;border-radius:8px;padding:17px}.stat-numbers small{font-size:8px;color:#8a9584;letter-spacing:1px;display:block}.stat-numbers strong{display:block;font:29px Georgia,serif;margin-top:12px;color:#c6d3ac}.chart-head{display:flex;justify-content:space-between;align-items:center;margin:30px 0 10px;gap:15px}.chart-head h3{font-size:12px;font-weight:500}.chart-head>span{font-size:9px;color:#89947f}.distribution{display:flex;align-items:flex-end;justify-content:space-between;gap:4px;height:155px;border-bottom:1px solid #384131;padding-bottom:10px}.distribution-column{flex:1;text-align:center;display:flex;flex-direction:column;align-items:stretch;gap:7px;font-size:8px;color:#8e9c83;min-width:0}.bar{background:#a9bc84;border-radius:3px 3px 0 0;opacity:.8}.bar-value{font-size:8px;color:#a9b59e}.stats-table{width:100%;border-collapse:collapse;font-size:11px;margin-top:22px}.stats-table th{font-size:9px;font-weight:400;color:#86917f;text-align:right;padding:10px 6px;border-bottom:1px solid #3b4435}.stats-table td{padding:11px 6px;text-align:right;border-bottom:1px solid #2c332d;color:#c1cdb1}.stats-table td:first-child,.stats-table th:first-child{text-align:left}.stats-explanation{font-size:10px;line-height:1.9;color:#929d89;margin-top:19px}.loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:#aab899;font-size:12px}@media(min-width:1500px){.sidebar{width:240px}.history-panel{width:350px}.table-main{padding-left:55px;padding-right:55px}.roll-controls{max-width:850px;width:100%;margin:0 auto}.stage-wrap{min-height:330px}.table-topline h2{font-size:21px}.dice-picker{gap:12px}.die-choice{min-height:91px}.stage-caption{bottom:25px}.big-result{font-size:55px}.roll-options{gap:24px}.modes button{padding-left:14px;padding-right:14px}}@media(max-width:1200px){.sidebar{width:190px;padding-left:10px;padding-right:10px}.history-panel{width:280px}.table-main{padding:23px 22px 0}.topbar{padding:0 20px}.room-breadcrumb{display:none}.roll-controls{padding:15px}.roll-options{flex-wrap:wrap;gap:12px}.roll-note{flex-basis:100%}.dice-picker{gap:5px}.stage-wrap{min-height:240px}.roll-note .field-caption{display:none}.roll-note input{margin-top:0}.auth-main{gap:45px}.welcome-aside{width:230px;padding:30px 23px}}@media(max-width:980px){.sidebar{width:175px}.history-panel{width:255px}.table-main{padding:20px 16px 0}.connection{font-size:0;margin:0}.connection>span{width:7px;height:7px}.topbar-actions{gap:3px}.topbar{gap:10px;padding:0 16px}.dice-picker{gap:4px}.die-pick>svg{width:23px;height:23px}.die-pick strong{font-size:8px}.die-stepper{gap:2px}.roll-controls{padding:13px}.roll-options{gap:8px}.modes button{padding:5px 7px}.modifier{width:85px}.roll-button{padding:0 12px}.table-topline h2{font-size:15px}.stage-wrap{min-height:230px}.history-title{padding:24px 16px 17px}.history-tools{padding-left:13px;padding-right:13px}.history-list{padding:13px 11px}.welcome-aside{display:none}.auth-main{grid-template-columns:minmax(0,1fr) 340px;gap:30px}.auth-card{padding:25px}.auth-page{padding-left:5vw;padding-right:5vw}.auth-story h1{font-size:42px}.trust-line{flex-wrap:wrap;font-size:9px}}@media(max-width:760px){.app-shell{min-height:100dvh;height:100dvh;overflow:hidden}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;z-index:25;transform:translate(-100%);transition:transform .2s;padding:25px 18px 0}.sidebar.open{transform:translate(0)}.sidebar-scrim{position:fixed;inset:0;background:#080a0eb3;z-index:24}.sidebar-brand{display:flex;align-items:center;justify-content:space-between}.mobile-only{display:inline-flex}.topbar{height:63px;padding:0 14px}.topbar-title{gap:9px}.topbar-title h1{font-size:12px}.invite-top{display:none}.topbar-actions>.icon-button{width:31px}.topbar-actions{gap:3px}.connection{margin-right:4px}.room-layout{display:block;overflow:hidden}.table-main{height:100%;padding:22px 20px 0}.table-topline .eyebrow{font-size:7px}.table-topline h2{font-size:17px}.table-symbol{font-size:25px}.stage-wrap{min-height:240px;flex:1}.stage-wrap>.dice-stage{inset:-8px -20px 76px}.stage-caption{bottom:15px}.first-roll-title{font-size:19px}.big-result{font-size:42px}.roll-controls{padding:17px}.dice-picker{gap:6px;margin-bottom:16px}.die-choice{min-height:78px}.die-pick{min-height:58px}.die-pick>svg{height:26px;width:26px}.d20-choice .die-pick>svg{height:30px;width:30px}.die-pick strong{font-size:9px}.die-stepper{gap:4px}.roll-options{flex-wrap:wrap;gap:12px}.modes button{font-size:11px;padding:5px 10px}.modifier{margin-left:auto;width:105px}.roll-note{flex-basis:100%}.roll-note input{font-size:11px}.roll-button{height:48px;font-size:14px}.table-footer{font-size:8px;padding:13px 0 16px}.history-panel{width:100%;height:100%;border-left:0;display:none}.history-title{padding:23px 22px 17px}.history-tools{padding:0 21px 14px}.history-tools .segmented button{padding:9px;font-size:11px}.history-list{padding:17px 20px}.roll-card{padding:15px 15px 18px}.roll-card-top>strong{font-size:12px}.roll-card-top>time{font-size:10px}.roll-card-result{margin-top:15px}.roll-notation{font-size:13px}.roll-total{font-size:33px}.die-values{max-width:100%}.die-values>span{font-size:12px;min-width:27px;height:27px}.tab-history .table-main{display:none}.tab-history .history-panel{display:flex}.mobile-tabs{display:flex;flex-shrink:0;border-top:1px solid #343d31;background:#171c20;padding:8px 15px max(8px,env(safe-area-inset-bottom));gap:12px}.mobile-tabs button{flex:1;display:flex;justify-content:center;align-items:center;gap:8px;color:#8a9582;font-size:11px;min-height:37px;border-radius:7px}.mobile-tabs button.selected{background:#2a3525;color:#c3d4a4}.mobile-tabs button>span{font-size:9px;background:#333e2d;padding:2px 5px;border-radius:4px}.lobby{padding-bottom:40px}.lobby-visual{height:230px}.lobby h2{font-size:35px}.lobby>p{font-size:12px;max-width:340px}.lobby-actions{flex-direction:column;width:100%;max-width:280px}.lobby-details{font-size:9px;gap:16px}.toast{max-width:calc(100vw - 30px);width:calc(100vw - 30px);bottom:85px;font-size:11px;padding:12px 14px;line-height:1.6}.auth-page{padding:25px 22px}.auth-page header>span{font-size:8px;letter-spacing:1.5px}.auth-main{grid-template-columns:1fr;gap:30px;padding:40px 0;min-height:0}.auth-story h1{font-size:40px;letter-spacing:-1.2px;margin-top:18px}.auth-story>p{font-size:12px;max-width:320px}.auth-story .eyebrow{font-size:8px}.auth-dice{display:none}.trust-line{margin-top:24px;font-size:9px}.trust-line svg{width:14px}.auth-card{width:100%;max-width:480px;margin:auto;padding:25px}.auth-card h2{font-size:25px}.auth-card input{font-size:16px}.auth-tabs{margin:24px 0}.auth-page footer{font-size:9px;line-height:1.5}.dialog{padding:23px}.dialog-head h2{font-size:22px}.dialog input,.dialog select{font-size:16px}.stat-numbers{gap:7px}.stat-numbers>div{padding:12px 10px}.stat-numbers small{font-size:7px;letter-spacing:.5px}.stat-numbers strong{font-size:25px}.distribution{gap:3px}.distribution-column{font-size:7px}.stats-table{font-size:10px}.stats-table th{font-size:8px}}@media(max-width:390px){.table-main{padding-left:13px;padding-right:13px}.roll-controls{padding:13px}.dice-picker{gap:4px}.modes button{padding:5px 8px}.modifier{width:90px}.table-footer{font-size:7px}.auth-story h1{font-size:36px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.managed-account-note{color:var(--muted);font-size:13px;margin:0 0 18px}.table-actions{display:flex;gap:12px;align-items:center}.adv-count{display:flex;align-items:center;gap:8px;margin-top:7px;font-size:11px;color:var(--muted)}.adv-count select{width:58px;margin:0;padding:5px}.nat20-button{border:1px solid #b78a2d;color:#d9ac4c;border-radius:8px;padding:8px 12px;margin:8px 0}.nat20-button.selected{background:#8b651f;color:#fff6d5}:root{--accent:#b91419;--accent-dark:#350d11;--primary-ink:#fff;--danger:#ff7a79;--danger-bg:#3b1111;--gold:#e7b86c;--gold-bg:#3a2a14;--presence:#35e36f;--accent-soft:#d2272d}:root[data-theme=light]{color-scheme:light;--bg:#f5f3f3;--panel:#fff;--panel2:#ece8e8;--line:#d5cbcb;--muted:#635b60;--accent:#a80f15;--accent-soft:#bf292e;--accent-dark:#f8dddd;--text:#241f22;--primary-ink:#fff;--danger:#a60000;--danger-bg:#ffe8e8;--gold:#865d16;--gold-bg:#f8ead0}:root[data-theme=oled]{--bg:#000;--panel:#000;--panel2:#0a0a0a;--line:#292929;--muted:#a5a5a5;--accent:#fff;--accent-soft:#fff;--accent-dark:#1b1b1b;--text:#fff;--primary-ink:#000;--danger:#ff6868;--danger-bg:#280000;--gold:#eee;--gold-bg:#171717}:root[data-theme=wfrp]{--bg:#0b0908;--panel:#191210;--panel2:#241916;--line:#50352f;--muted:#ae958b;--accent:#b51b1b;--accent-soft:#d03b38;--accent-dark:#3b1010;--text:#eadbd2;--primary-ink:#fff;--danger:#ff7775;--danger-bg:#3b1111;--gold:#d6a85c;--gold-bg:#3b2b15}:root[data-theme=midnight]{--bg:#0b1220;--panel:#111a2b;--panel2:#172238;--line:#31425c;--muted:#9aa8bf;--accent:#cf3035;--accent-soft:#e14b50;--accent-dark:#35141d;--text:#e8edf8;--primary-ink:#fff}:root[data-theme=amethyst]{--bg:#100b18;--panel:#181020;--panel2:#241631;--line:#47305b;--muted:#b5a4c4;--accent:#a855f7;--accent-soft:#c084fc;--accent-dark:#35144d;--text:#f3eafd;--primary-ink:#fff;--danger:#ff718f;--danger-bg:#3b1320;--gold:#e3b869;--gold-bg:#352510}html,body,.app-shell,.workspace,.auth-page,.boot-screen{background:var(--bg);color:var(--text)}.sidebar,.topbar,.history-panel,.auth-card,.dialog,.mobile-tabs{background:var(--panel);color:var(--text);border-color:var(--line)}input,select,.roll-controls,.roll-card,.segmented,.die-choice,.toast,.stat-numbers>div,.modifier>div{background:var(--panel2);color:var(--text);border-color:var(--line)}input::placeholder{color:var(--muted);opacity:.85}input:read-only{color:var(--muted)}input[type=checkbox]{accent-color:var(--accent)}.brand,.topbar-title h1,.history-title h2,.history-empty h3,.dialog-head h2,.profile strong,.player-row strong,.first-roll-title,.big-result,.roll-total,.lobby h2{color:var(--text)}.brand,.brand-dot,.brand>svg{color:#ed0200}.natural-tag,.big-result.natural,.critical .roll-total,.stat-numbers strong{color:var(--accent)}.section-kicker,.field-caption,.subtle,.room-breadcrumb,.no-rooms,.player-row small,.profile span,.history-empty,.roll-label,.roll-notation,.roll-card-top>time,.roll-sequence,.you,.die-values>i,.chart-head>span,.distribution-column,.bar-value,.stats-table th,.stat-numbers small,.settings-version>span,.auth-page header>span,.auth-page footer,.optional,.roll-note .field-caption>span{color:var(--muted)}.icon-button,.text-button,.room-link,.join-link,.invite-small,.die-pick,.d20-choice .die-pick,.modifier button,.history-title>div,.mobile-tabs button{color:var(--muted)}.icon-button:hover,.room-link:hover,.join-link:hover,.invite-small:hover,.secondary:hover{background:var(--panel2);color:var(--text)}.room-link.active,.segmented button.selected,.die-choice.chosen,.mobile-tabs button.selected{background:var(--accent-dark);color:var(--accent);border-color:var(--accent)}.chosen .die-pick,.die-stepper,.invite-code>strong{color:var(--accent)}.die-stepper{border-color:var(--line)}.primary:hover{background:var(--accent-soft)}.secondary{background:var(--panel);color:var(--text);border-color:var(--line)}.primary span,.primary strong{color:inherit}.count-badge,.die-values>span,.mobile-tabs button>span{background:var(--accent-dark);color:var(--accent);border-color:var(--line)}.die-values>span.discarded{background:var(--panel2);color:var(--muted);border-color:var(--line)}.roll-card.critical{background:var(--panel2);border-color:var(--accent)}.roll-card.fumble{border-color:var(--danger)}.fumble .natural-tag,.natural-one{color:var(--danger)}.form-error,.connection-banner{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.mode-badge,.modes button.selected.adv{background:var(--gold-bg);color:var(--gold)}.mode-badge.disadvantage,.modes button.selected.dis{background:var(--danger-bg);color:var(--danger)}.stats-table td{color:var(--text);border-color:var(--line)}.stats-table th,.distribution,.switch-row,.settings-version,.history-tools,.profile,.topbar,.sidebar{border-color:var(--line)}.bar{background:var(--accent)}.table-ring{border-color:var(--line)}.search-field,.loading{color:var(--muted)}.auth-story h1 em,.auth-card .section-kicker,.eyebrow,.lobby h2 em,.invite-code>strong,.stat-numbers strong{color:var(--accent)}.trust-line,.lobby-details,.welcome-aside>div,.history-title>div,.history-empty,.history-footer,.settings-version>span,.stats-explanation{color:var(--muted)}.auth-page{background:radial-gradient(ellipse at 25% 45%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 52%)}.auth-card{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 5%,var(--panel2)),var(--panel) 55%);border-color:color-mix(in srgb,var(--accent) 18%,var(--line))}.table-main{background:radial-gradient(ellipse at 50% 36%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 52%)}.die-choice:hover,.die-choice.chosen{border-color:var(--accent)}.die-choice.chosen{background:var(--accent-dark)}.chosen .die-pick,.d20-choice .die-pick,.die-stepper,.invite-code>strong{color:color-mix(in srgb,var(--accent) 55%,var(--text))}.count-badge,.die-values>span{background:var(--accent-dark);color:color-mix(in srgb,var(--accent) 45%,var(--text));border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.toast{background:var(--panel2);border-color:color-mix(in srgb,var(--accent) 30%,var(--line));color:var(--text)}.profile-open{display:flex;align-items:center;gap:10px;text-align:left;flex:1;min-width:0;border-radius:8px;padding:5px}.profile-open:hover{background:var(--panel2)}.profile-open>span:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}.profile-open strong{overflow:hidden;text-overflow:ellipsis}.profile-open span span{font-size:11px;color:var(--muted)}.auth-main{grid-template-columns:minmax(0,1fr) 400px}.auth-story{display:flex;align-items:center;justify-content:center}.auth-dice{width:100%;height:400px}.auth-card h2{margin-top:0}.table-main{padding-bottom:22px}.dialog{scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior:contain}.dialog.profile-dialog{width:min(860px,calc(100vw - 32px));padding:0;overflow:auto}.profile-dialog>.dialog-head{padding:24px 28px 20px;margin:0}.profile-dialog .dialog-head h2{font:600 24px/1.4 Segoe UI,sans-serif;letter-spacing:-.6px;margin-top:6px}.profile-tabs{display:flex;gap:6px;padding:0 28px 18px;border-bottom:1px solid var(--line)}.profile-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 18px;color:var(--muted);border-radius:8px}.profile-tabs button.selected{color:var(--accent);background:var(--accent-dark)}.profile-preferences{max-width:560px}.profile-preferences .switch-row{max-width:560px;padding:18px 0}.profile-preferences .settings-version{margin-top:30px}.profile-preferences .settings-version>span:first-child{font:700 24px Georgia,serif;color:var(--text)}.profile-body{margin:0;border:0;padding:26px 28px;min-height:350px;min-width:0}.profile-section[hidden]{display:none}.profile-section h3{font-size:14px;font-weight:600;margin:0 0 20px}.profile-section>label{display:block;max-width:440px;margin-top:22px}.profile-section input{min-height:44px}.profile-identity{display:flex;align-items:center;gap:15px;margin-bottom:26px}.profile-identity .avatar{width:58px;height:58px;font-size:19px}.profile-identity strong,.profile-identity small{display:block}.profile-identity strong{font-size:18px}.profile-identity small{color:var(--muted);margin-top:7px}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.theme-card{padding:8px;border:1px solid var(--line);border-radius:12px;text-align:left;background:var(--panel2)}.theme-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-card>span:last-child{display:flex;align-items:center;justify-content:space-between;padding:12px 4px 4px;font-size:13px}.theme-sample{height:78px;display:block;border-radius:6px;position:relative;overflow:hidden}.theme-sample i{position:absolute;width:23%;top:0;left:0;height:100%}.theme-sample b{position:absolute;width:44%;height:10px;bottom:18px;left:39%;border-radius:3px}.dice-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px}.preset-grid button{padding:8px 4px;border:1px solid var(--line);border-radius:8px}.preset-grid button.selected{border-color:var(--accent);background:var(--accent-dark)}.preset-grid button>span{display:grid;place-items:center;margin:auto;width:34px;height:36px;clip-path:polygon(50% 0,96% 25%,96% 75%,50% 100%,4% 75%,4% 25%);font:16px Georgia,serif}.preset-grid small{font-size:10px;display:block;margin-top:7px;color:var(--text)}.color-field{display:block;margin-top:14px}.color-field>span{display:block;margin-bottom:8px}.color-field>div{display:flex;align-items:center;gap:10px}.color-field input[type=color]{flex:0 0 46px;width:46px;height:44px;padding:3px;margin:0;cursor:pointer}.color-field input:not([type=color]){margin:0;min-width:0;font-family:ui-monospace,monospace}.profile-preview{min-height:320px;position:relative;background:var(--bg);border:1px solid var(--line);border-radius:14px;overflow:hidden}.profile-preview .dice-stage{position:absolute;inset:0}.preview-caption{position:absolute;bottom:18px;left:0;width:100%;text-align:center;font-size:11px;color:var(--muted);letter-spacing:2px}.profile-save{display:flex;align-items:center;gap:10px;padding:18px 28px;background:var(--panel);border-top:1px solid var(--line);position:sticky;bottom:0;z-index:2}.profile-save>span{flex:1;font-size:12px;color:var(--muted)}.profile-save .primary,.profile-save .secondary{width:auto;min-width:90px;min-height:42px;margin:0!important}.profile-dialog .form-error,.discard-confirm{margin:0 28px 20px}.discard-confirm{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px;border:1px solid var(--line);border-radius:8px}.discard-confirm>span{flex-basis:100%;font-size:13px}.profile-dialog input,.profile-dialog select{font-size:14px}html[data-theme=wfrp] .brand,html[data-theme=wfrp] .dialog-head h2{font-family:Georgia,serif}@media(max-width:760px){.auth-main{grid-template-columns:1fr}.auth-story{display:none}.dialog.profile-dialog{width:calc(100vw - 20px);max-height:94dvh}.profile-dialog>.dialog-head{padding:20px}.profile-tabs{padding:0 20px 15px}.profile-tabs button{flex:1;padding:0 8px}.profile-body{padding:20px;min-height:300px}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dice-profile-grid{grid-template-columns:1fr;gap:20px}.profile-preview{min-height:210px;grid-row:1}.profile-save{padding:14px 20px;flex-wrap:wrap}.profile-save>span{flex-basis:100%}.profile-save button{flex:1}.profile-dialog .form-error,.discard-confirm{margin:0 20px 16px}.profile-dialog input{font-size:16px}.die-stepper button{min-width:24px}.table-main{padding-bottom:20px}}.dice-stage .table-ring{width:min(64%,420px);height:auto;aspect-ratio:2 / 1;top:53%;bottom:auto;transform:translate(-50%,-50%)}.dice-stage .ring-two{width:min(87%,570px);height:auto;aspect-ratio:2 / 1}.dice-stage .table-cross{display:none}.sidebar-tools{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-top:1px solid var(--line)}.sidebar-tools button{display:flex;align-items:center;gap:10px;min-height:36px;padding:8px;border-radius:7px;text-align:left;color:var(--muted);font-size:12px}.sidebar-tools button:hover{background:var(--panel2);color:var(--text)}.table-main[data-background]{background-color:#151b22;background-image:none;--table-ink:#eef1ea;--table-muted:#bac6b7}.table-main[data-background=wood],.background-grid [data-background=wood]{background:repeating-linear-gradient(4deg,#382a20 0px 20px,#30231a 21px 23px)}.table-main[data-background=forest],.background-grid [data-background=forest]{background:radial-gradient(ellipse at 50% 30%,#2b4435,#101e19)}.table-main[data-background=parchment],.background-grid [data-background=parchment]{background:#c5b38e;--table-ink:#30291d;--table-muted:#50432e}.table-main[data-background=midnight],.background-grid [data-background=midnight]{background:radial-gradient(ellipse at top,#273551,#0c1323)}.table-main[data-background=custom]{background:var(--room-color)}.table-main[data-background=image]{background-color:#10161a;background-image:linear-gradient(#07100d38,#07100d38),var(--room-image);background-size:cover;background-position:center;background-repeat:no-repeat}.table-main .stage-caption{color:var(--table-ink);background:#111820b3;border-radius:12px;padding:8px 14px;align-self:center}.table-main .stage-caption .last-roll-name,.table-main .stage-caption .first-roll-title,.table-main .stage-caption .big-result{color:#f1f3ed}.table-main .stage-caption .last-notation,.table-main .stage-caption .last-label{color:#c9d2c4}.combat-panel{width:min(100%,440px);flex-shrink:0;margin-bottom:12px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:10px;align-self:flex-start}.combat-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.combat-heading h2{font:600 14px Segoe UI,sans-serif}.combat-heading h2 span{color:var(--accent);font-size:10px;margin-left:7px}.combat-panel ol{margin:10px 0 0;padding:0;list-style:none;max-height:170px;overflow:auto;scrollbar-width:thin}.combat-panel li{display:flex;align-items:center;gap:10px;min-height:35px;border-top:1px solid var(--line)}.combat-panel li strong{font-size:12px;flex:1;overflow-wrap:anywhere}.combat-panel li small{font-size:9px;color:var(--muted)}.initiative-rank{width:18px;font-size:10px;color:var(--muted)}.initiative-score{display:grid;place-items:center;min-width:43px;min-height:28px;background:var(--panel2);border:1px solid var(--line);border-radius:5px;font-size:12px}.initiative-score.selected{border-color:var(--accent);color:var(--accent)}.npc-add{display:flex;gap:8px;margin-top:12px}.npc-add input{min-width:0;margin:0;height:36px}.npc-add button{white-space:nowrap;font-size:11px;padding:6px 10px}.initiative-target{display:flex;justify-content:space-between;gap:10px;color:var(--accent);font-size:12px;margin-bottom:12px}.mode-badge.initiative{background:var(--accent-dark);color:var(--accent)}.combat-end{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.combat-end span{flex-basis:100%;font-size:12px}.background-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.background-grid button{height:75px;background:#151b22;color:#fff;border:2px solid transparent;border-radius:8px;text-shadow:0 1px 4px #000}.background-grid button.selected{border-color:var(--accent)}.background-grid button[data-background=parchment]{color:#30291d;text-shadow:none}.room-backgrounds{padding:0;border:0;min-width:0}.room-backgrounds input[type=color]{height:44px}.background-upload{display:grid;gap:9px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.background-image-preview{aspect-ratio:16/9;display:grid;place-items:end start;padding:10px;border:1px dashed var(--line);border-radius:9px;background:#10161a center/cover no-repeat;color:#cdd7c7;font-size:10px}.background-image-preview[data-active]{border-style:solid;border-color:var(--accent)}.background-image-preview span{padding:5px 7px;border-radius:5px;background:#09100dcc}.background-file{font-size:10px;color:var(--muted)}.background-file input{margin-top:7px;padding:8px;font-size:10px}.background-upload .secondary{min-height:38px;padding:8px 12px;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-directory{list-style:none;margin:24px 0 0;padding:0}.member-directory li{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}.member-directory span{font-size:11px;color:var(--muted)}.campaign-list{margin-top:30px}.campaign-list button{display:flex;flex-direction:column;gap:6px;text-align:left;width:100%;border:1px solid var(--line);padding:12px;margin-top:8px;border-radius:8px}.campaign-list span,.campaign-list p{font-size:12px;color:var(--muted)}@media(max-width:760px){.combat-panel{width:100%;margin-bottom:16px}.combat-panel ol{max-height:130px}.sidebar{overflow-y:auto}.modes button{padding:5px 7px}.table-main{overflow-y:auto}.combat-panel+.connection-banner{flex-shrink:0}.combat-panel~.stage-wrap{flex-shrink:0;min-height:230px}.npc-add button{min-height:36px}.member-directory li{align-items:flex-start;flex-direction:column;gap:5px}}.physics-stage{position:absolute;inset:0 0 30px;overflow:hidden}.physics-stage canvas{display:block;width:100%;height:100%}.stage-wrap{min-height:210px}.compact-caption{bottom:5px;padding:3px;font-size:12px;min-height:0;background:transparent!important}.compact-caption span{font-size:12px}.topbar{min-height:52px;height:52px;padding-top:8px;padding-bottom:8px}.table-main{padding-top:14px;padding-bottom:12px;min-width:0}.roll-controls{padding:14px 18px}.controls-heading{margin-bottom:10px}.dice-picker{margin-bottom:12px}.die-choice{min-height:62px}.die-pick{min-height:42px}.die-pick svg{width:24px;height:24px}.roll-button{height:44px;min-height:44px}.roll-options{gap:12px}.stage-wrap:before,.stage-wrap:after{display:none}.combat-panel{width:100%;max-width:none;flex-shrink:0;padding:9px 12px;margin-bottom:4px}.combat-heading{margin-bottom:5px;padding-bottom:4px}.combat-toggle{display:flex;gap:12px;align-items:center;font-weight:600;font-size:12px;padding:0}.combat-toggle span{font-size:10px;color:var(--muted);font-weight:400}.combat-panel.compact ol{display:flex;gap:7px;overflow-x:auto;max-height:46px}.combat-panel.compact li{display:flex;flex:0 0 auto;gap:6px;border:0;padding:2px 6px;background:var(--panel2);border-radius:6px;max-width:180px}.combat-panel.compact li strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combat-panel.compact .initiative-score{min-width:26px;padding:3px}.combat-panel.compact .initiative-rank{display:none}.combat-panel.expanded ol{max-height:140px}.combat-panel .npc-add{margin-top:7px}.combat-panel .npc-add input{padding:8px}.combat-panel .npc-add button{min-height:34px;padding:6px 12px}@media(min-width:801px){.app-shell.sidebar-collapsed .sidebar{display:none}.app-shell.sidebar-collapsed{grid-template-columns:1fr}}@media(max-width:800px){.table-main{padding:12px 12px 8px}.stage-wrap{min-height:220px}.roll-controls{padding:12px}.dice-picker{gap:4px}.die-choice{min-height:62px}.topbar{height:50px;min-height:50px}.combat-panel.compact ol{max-height:40px}.combat-panel{padding:7px 9px}.physics-stage{inset:0 0 25px}}.app-shell .roll-controls{padding:5px 7px}.app-shell .roll-controls .dice-picker{margin:0}.app-shell .roll-controls .die-choice{min-height:39px}.app-shell .roll-controls .die-pick{min-height:23px}.app-shell .roll-controls .roll-button{height:34px;min-height:34px}.table-main>.combat-panel{position:absolute;width:min(430px,calc(100% - 36px));margin:0}@media(max-width:760px){.app-shell .roll-controls{padding:5px}.app-shell .roll-controls .die-choice{min-height:39px}.table-main>.combat-panel{width:calc(100% - 16px);margin:0}}.app-shell{min-height:0;overflow:hidden}.app-shell.sidebar-collapsed>.sidebar{display:none}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:10px}.sidebar-close{display:inline-flex}.workspace,.room-layout,.table-main{min-width:0;min-height:0}.room-layout{position:relative;overflow:hidden}.table-main{container-type:inline-size;position:relative;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;padding:10px 14px 8px}.stage-wrap{position:relative;flex:1 1 auto;min-height:0;overflow:hidden}.stage-wrap .dice-stage,.stage-wrap .physics-stage,.stage-wrap .empty-stage{position:absolute;inset:0;width:100%;height:100%;min-height:0}.stage-wrap .physics-stage canvas{display:block;width:100%;height:100%}.stage-wrap .empty-stage{pointer-events:none;background:transparent}.combat-panel{position:absolute!important;top:8px;left:12px;z-index:14;max-height:min(40dvh,350px);overflow:auto;max-width:calc(100% - 24px);margin:0!important;background:#101614ba!important;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.character-workspace{position:relative;isolation:isolate;color:#e9e7dd;border:1px solid #84927560;border-radius:13px;box-shadow:0 14px 48px #0005;background:linear-gradient(145deg,#141d1abc,#0c1214e0);overflow:hidden;min-height:0;display:flex;flex-direction:column;--sheet-ink:#d7e1c7}.character-workspace-head{position:relative;z-index:7;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:7px 13px;border-bottom:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));background:linear-gradient(90deg,#1d191bdc,#111114c4)}.character-workspace-head span{display:block;color:#a3b396;font-size:9px;letter-spacing:1.35px}.character-workspace-head h2{font:19px Georgia,serif;margin-top:2px;color:#ede8d9}.character-workspace-head .icon-button{min-width:36px;min-height:36px;width:36px;height:36px;color:#e4e8d6;border:1px solid #8b9b7640;background:#0f1715b3}.character-workspace-head .icon-button:hover{background:#3b4537}.character-workspace .hero-sheet{position:relative;min-height:0;isolation:isolate;border:0;background:linear-gradient(160deg,#211b1db0,#121214e6);overflow:hidden}.character-workspace .hero-portrait{position:relative;overflow:hidden;min-width:0;background:#0b0b0d;touch-action:none;-webkit-user-select:none;user-select:none}.character-workspace .hero-portrait>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:object-position .1s ease}.character-workspace .hero-portrait>.portrait-placeholder{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:20px;font:13px Georgia,serif;color:#a9b79f}.character-workspace .hero-gradient{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,#0e1715f5 0%,#0e171593 20%,transparent 60%)}.character-workspace .hero-name{position:absolute;left:21px;bottom:18px;right:16px;text-shadow:0 3px 12px #000c;pointer-events:none}.character-workspace .hero-name h2{font:clamp(30px,4vw,44px) Georgia,serif;letter-spacing:.3px;line-height:1.04;margin-top:5px}.character-workspace .hero-name small{color:#cfddbd;letter-spacing:.9px;font-size:11px}.character-workspace .hero-portrait .portrait-upload{position:absolute;z-index:3;top:11px;left:11px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:7px;background:#171518dd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px;cursor:pointer;color:var(--text)}.character-workspace .portrait-upload input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}.character-workspace .portrait-upload:focus-within{outline:2px solid #b7d89b}.character-workspace .hero-content{display:flex;flex-direction:column;min-width:0;min-height:0;padding:14px 16px;background:linear-gradient(180deg,color-mix(in srgb,var(--portrait-accent,#778c7529) 32%,#121b19df),#101919d9);gap:10px}.character-workspace .category-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #7992813b;border-bottom:1px solid #79928161}.character-workspace .category-tabs button{min-width:0;min-height:35px;padding:6px 2px;font:12px Georgia,serif;color:#a6b3a4;border-bottom:2px solid transparent}.character-workspace .category-tabs button.selected{border-color:#9cc6a9;color:#e9ede0;background:#719d8020}.character-workspace .trait-list{min-width:0;min-height:0;flex:0 0 auto;columns:1;padding:0;margin:0}.character-workspace .trait-row{display:flex;align-items:center;gap:8px;break-inside:avoid;min-height:39px;padding:3px 5px;border-bottom:1px solid #6c877341}.character-workspace .trait-row:hover{background:#8bab8b10}.character-workspace .trait-roll{flex:1 1 auto;min-width:0;text-align:left;padding:2px 0;display:flex;flex-direction:column;gap:2px;color:#dfebdc}.character-workspace .trait-roll span{font:13px Georgia,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-workspace .trait-roll span:before{content:"✧";margin-right:7px;color:#89b4a0;font-size:10px}.character-workspace .trait-roll small{font:10px Inter,Arial,sans-serif;color:#94a49b}.character-workspace .trait-roll:disabled{color:#9b9d8d;cursor:default}.character-workspace .level-dots{display:flex;align-items:center;gap:5px;flex:0 0 auto}.character-workspace .level-dots>button{width:13px;height:13px;border:1px solid #a1aa828c;border-radius:50%;padding:0;display:block;background:transparent}.character-workspace .level-dots>button.filled{background:#c4ca97;border-color:#d7d4a9}.character-workspace .level-dots>button:disabled{opacity:1;cursor:default}.character-workspace .level-dots select{width:48px;height:29px;padding:2px 5px;font-size:12px;background:#111916}.character-workspace .character-secondary{display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid #60756551;padding-top:11px}.character-workspace .character-secondary button{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid var(--line);border-radius:6px;font-size:11px;color:var(--text);background:#191719c7}.character-workspace .character-secondary svg{width:14px;height:14px}.character-workspace .secondary-drawer{margin:4px 0 0;padding:12px;border:1px solid #78887462;background:#101916d9;border-radius:8px;max-height:none;overflow:visible;min-width:0}.character-workspace .secondary-drawer textarea{width:100%;min-height:70px;resize:vertical}.character-workspace .custom-fields{display:grid;gap:9px}.character-workspace .custom-fields>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.character-workspace .custom-fields h3{font-size:12px;display:flex;align-items:center;gap:6px}.character-workspace .custom-fields>div:not(:first-child){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) 28px;gap:6px}.character-workspace .custom-fields input{padding:7px}.character-workspace .character-save-banner{display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:space-between;background:#2b2719e6;border:1px solid #baa9786c;border-radius:7px;padding:8px;color:#e1c994;font-size:11px}.character-workspace .character-save-banner .primary{min-height:30px;padding:6px 11px}.character-workspace>footer{flex:0 0 auto;display:flex;gap:7px;align-items:center;padding:8px 13px;border-top:1px solid #5364514d;color:#a8b2a3;font-size:10px;background:#0d1514ad}.character-workspace>footer svg{width:14px;height:14px}.character-empty{padding:26px;text-align:center;color:#b5bdad}.character-create{display:flex;flex-wrap:wrap;gap:8px;padding:10px;background:#151b18}.character-create>*{flex:1 1 165px}.character-table{width:min(960px,100%);height:100%;max-height:100%;margin:auto;overflow:hidden;border-color:#91a2873f;background:transparent}.character-table:before{content:none}.character-table:after{content:"";position:absolute;inset:55% 0 0;z-index:-1;background:linear-gradient(to bottom,transparent,#08080ac9 68%,#070709ed);pointer-events:none}.character-table .character-workspace-head.table-close{position:absolute;top:8px;right:8px;z-index:12;display:block;width:auto;min-height:0;padding:0;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.character-table .character-workspace-head.table-close .icon-button{background:#0b0d0dcc;border-color:color-mix(in srgb,var(--accent) 42%,transparent)}.character-table .hero-sheet{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;position:relative;overflow:hidden;background:transparent}.character-table .hero-sheet:before,.character-table .hero-sheet:after{content:none}.character-table .hero-portrait{position:absolute;inset:0;height:auto;min-height:0;background:none!important;overflow:visible;pointer-events:none}.character-table .hero-portrait .portrait-upload{pointer-events:auto}.character-table .hero-portrait>img{display:block;object-fit:cover;object-position:50% 0%!important;background:#0b0b0d}.character-table .hero-gradient{background:linear-gradient(to top,#08080aca,transparent 42%)}.character-table .hero-content{position:relative;z-index:2;flex:0 0 auto;margin-top:auto;padding:12px 15px 14px;min-height:0;overflow:hidden;background:linear-gradient(to bottom,transparent,#08080abd 18%,#070709e8 58%)!important}.character-table .table-identity{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:34px 7px 10px}.character-table .table-identity small{font-size:10px;color:#c3d3b7;letter-spacing:.8px;text-shadow:0 2px 7px #000}.character-table .table-identity h2{font:clamp(30px,4vw,46px) Georgia,serif;line-height:1;color:#f0eadc;text-shadow:0 3px 12px #000;margin-top:4px}.character-table .identity-balances{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.character-table .identity-balances button{display:grid;grid-template-columns:auto auto;align-items:center;gap:1px 6px;padding:7px 10px;border:1px solid #83977b66;border-radius:7px;background:#101a16c7;color:#dce5d5;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.character-table .identity-balances svg{grid-row:1/3;width:15px;height:15px}.character-table .identity-balances span{font-size:9px;color:#aabd9f}.character-table .identity-balances b{font:14px Georgia,serif;text-align:left}.character-table .category-tabs{grid-template-columns:repeat(6,minmax(0,1fr));background:#09120f82;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.character-table .category-tabs button{display:flex;align-items:center;justify-content:center;gap:5px}.character-table .category-tabs svg{width:13px;height:13px}.character-table .trait-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px}.character-table .trait-row{min-height:41px;min-width:0}.character-table .character-secondary{padding-top:8px}.character-table .secondary-drawer{max-height:220px;overflow:auto}.character-page-overlay{position:fixed;inset:0;z-index:30;padding:14px;background:#080c0de8;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);overflow:auto}.character-page-overlay .character-manager{width:min(1440px,100%);min-height:0;margin:0 auto;overflow:visible}.character-manager .character-workspace-head{position:sticky;top:0;z-index:15}.character-manager .character-browser-bar{display:flex;flex-direction:column;gap:16px;min-height:0;padding:22px}.character-manager .character-browser-bar>input{width:100%;min-height:39px;padding:7px 12px;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:8px}.character-manager .character-switcher{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;align-items:start;overflow:visible;padding:0;border:0;max-height:none}.character-manager .character-switcher button{position:relative;min-width:0;width:100%;aspect-ratio:3/4;padding:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;overflow:hidden;text-align:left;gap:0;border:1px solid var(--line);border-radius:13px;background:linear-gradient(155deg,#201b1d,#101012);box-shadow:0 12px 28px #0005;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.character-manager .character-switcher button.selected,.character-manager .character-switcher button:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 16px 34px #0008,0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent)}.character-manager .character-switcher img,.character-manager .character-switcher button>span:first-child{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center top;background:#1b191c;text-align:center;font:40px Georgia,serif;align-content:center}.character-manager .character-switcher .character-card-meta{position:relative;z-index:2;display:flex;flex-direction:column;gap:4px;padding:38px 13px 13px;min-width:0;background:linear-gradient(transparent,#08100eed 55%)}.character-manager .character-switcher b{font:18px Georgia,serif;color:#f0ecde;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 8px #000}.character-manager .character-switcher small{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-manager .character-switcher button:has(svg){justify-content:center;align-items:center;gap:8px;aspect-ratio:3/4;min-height:0;padding:12px;background:linear-gradient(145deg,#211b1e,#111013)}.character-gallery-back{align-self:start;margin:10px 14px;padding:9px 13px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:7px;color:var(--text);background:var(--panel2)}.character-manager .hero-sheet{display:grid;grid-template-columns:minmax(390px,48%) minmax(0,1fr);grid-template-rows:minmax(520px,70dvh) auto;align-items:stretch;position:relative;overflow:hidden}.character-manager .hero-sheet:before,.character-manager .hero-sheet:after{content:none}.character-manager .hero-portrait{grid-column:1;grid-row:1;min-height:520px;height:auto;align-self:stretch}.character-manager .hero-gradient{background:linear-gradient(to top,#0c0c0ef0,transparent 48%)}.character-manager .hero-content{grid-column:2;grid-row:1;padding:16px 18px;align-self:start;min-height:0;background:transparent}.character-manager .manager-profile-editor{grid-column:2;grid-row:2;display:grid;gap:12px;padding:16px 18px 20px;background:linear-gradient(180deg,#151515e8,#0c0c0cef);border-top:1px solid color-mix(in srgb,var(--accent) 28%,transparent)}.character-manager .hero-portrait{grid-row:1/3;background:#0b0d0d!important}.character-manager .hero-portrait>img{object-fit:contain;background:#0b0b0d}.character-manager .manager-profile-editor>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.character-manager .manager-profile-editor>header small{display:block;color:var(--muted);font-size:8px;letter-spacing:1.4px}.character-manager .manager-profile-editor>header h3{margin-top:4px;font:17px Georgia,serif;color:var(--text)}.character-manager .manager-profile-editor .profile-edit{min-height:32px;padding:6px 10px;font-size:10px}.character-manager .profile-copy{display:grid;gap:9px}.character-manager .profile-copy section{padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#151416c9}.character-manager .profile-copy span,.character-manager .info-cards span{display:block;margin-bottom:5px;color:var(--muted);font-size:9px;letter-spacing:.5px}.character-manager .profile-copy p{color:var(--text);font-size:12px;line-height:1.65;white-space:pre-wrap}.character-manager .manager-profile-editor label{display:grid;gap:5px;font-size:10px;color:var(--muted)}.character-manager .manager-profile-editor textarea{min-height:92px;resize:vertical;border:1px solid var(--line);background:#131315;color:var(--text);border-radius:8px;padding:10px 11px;line-height:1.55}.character-manager .profile-edit-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.character-manager .profile-edit-actions .primary{min-height:34px;padding:7px 18px}.character-manager .info-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.character-manager .info-cards>div{padding:10px 11px;border:1px solid var(--line);border-radius:7px;background:#151416c9}.character-manager .info-cards strong{font-size:12px;font-weight:500;color:var(--text);overflow-wrap:anywhere}.character-manager .info-cards>p{grid-column:1/-1;color:var(--muted);font-size:11px}.character-workspace .character-secondary button.selected{border-color:#9cc6a9;color:#eef2e5;background:#719d8029}.character-workspace .audit{display:grid;gap:7px}.character-workspace .audit article{padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:#151416a8}.character-workspace .audit article>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.character-workspace .audit strong{font-size:12px;font-weight:500;color:var(--text)}.character-workspace .audit time{font-size:9px;color:var(--muted);white-space:nowrap}.character-workspace .audit details{margin-top:8px;border-top:1px solid var(--line);padding-top:7px}.character-workspace .audit summary{cursor:pointer;color:var(--muted);font-size:10px}.character-workspace .audit dl{display:grid;gap:5px;margin:8px 0 0}.character-workspace .audit dl>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px}.character-workspace .audit dt{color:var(--muted);font-size:9px}.character-workspace .audit dd{margin:0;color:var(--text);font:10px ui-monospace,Consolas,monospace;overflow-wrap:anywhere;white-space:pre-wrap}.character-manager .secondary-drawer.audit{max-height:min(48dvh,460px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.character-manager .trait-list{columns:2;column-gap:16px;flex:0 0 auto}.character-manager .trait-row{min-height:39px}.character-manager .manager-inventory{display:flex;flex-direction:column;gap:4px;margin-top:6px;border:1px solid var(--line);border-radius:7px;background:#151416c9;padding:11px;min-height:0}.character-manager .manager-inventory>div{display:flex;align-items:center;justify-content:space-between;gap:6px}.character-manager .manager-inventory h3{font:16px Georgia,serif}.character-manager .manager-inventory button{display:flex;gap:10px;align-items:center;text-align:left;justify-content:space-between;min-height:28px;padding:4px 7px;color:var(--text);font-size:11px;border-bottom:1px solid var(--line)}.character-manager .manager-inventory button small{color:var(--muted)}.character-manager .manager-inventory p{font-size:11px;color:var(--muted);padding:9px 0}.character-manager .trait-manager-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.character-manager .trait-manager-actions button{display:flex;align-items:center;gap:5px;padding:7px 10px;font-size:11px;min-height:31px}.character-manager .trait-manager-actions select{max-width:min(100%,300px);height:33px;font-size:12px}.character-manager .character-empty-traits{font-size:12px;color:#aab7a5;padding:10px 2px}.roll-controls{position:relative;flex:0 0 auto;display:grid;grid-template-columns:minmax(245px,1fr) 460px minmax(380px,1fr);grid-template-areas:"left center right";align-items:center;gap:7px;width:min(100%,1160px);max-width:100%;min-height:54px;padding:6px 9px;margin:6px auto 0;border:1px solid #53615288;border-radius:9px;background:#121617e8;overflow:visible}.roll-controls .table-actions{display:flex;align-items:center;gap:5px;flex:0 0 auto}.roll-controls .table-actions .text-button{font-size:10px;white-space:nowrap}.roll-controls .reset-roll{display:grid;place-items:center;width:25px;height:25px}.roll-controls .dice-control-center{grid-area:center;justify-self:center;display:flex;align-items:center;gap:7px;min-width:0;max-width:100%}.roll-controls .dice-picker{display:flex;gap:3px;flex-wrap:nowrap;align-items:center;min-width:0;max-width:none;width:auto;overflow:visible;margin:0;padding:0}.roll-controls .die-slot{position:relative;flex:0 0 39px;width:39px;height:39px}.roll-controls .die-choice,.roll-controls .die-choice.chosen{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:39px;min-height:39px;padding:2px 1px;border:1px solid color-mix(in srgb,var(--accent) 28%,#333);border-radius:6px;color:#c8c8c8;background:#151515}.roll-controls .die-choice.chosen{background:color-mix(in srgb,var(--accent) 18%,#151515);border-color:var(--accent);color:#fff}.roll-controls .die-slot.editing .die-choice{outline:1px solid var(--accent);outline-offset:1px}.roll-controls .die-choice svg{width:16px;height:16px;flex-shrink:0}.roll-controls .die-choice strong{font-size:9px;line-height:1.1}.roll-controls .die-count{position:absolute;top:0;right:1px;font-size:9px;color:#d8e9bd}.roll-controls .die-stepper{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:30;transform:translate(-50%);display:grid;grid-template-columns:34px 27px 27px 27px 34px;gap:2px;align-items:center;width:165px;height:38px;padding:3px;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:7px;background:#111e;box-shadow:0 8px 24px #0009}.roll-controls .die-stepper button{display:grid;place-items:center;min-width:0!important;width:100%;height:30px;padding:0;font-size:10px!important;color:#fff;background:color-mix(in srgb,var(--accent) 24%,#171717);border-radius:4px}.roll-controls .die-stepper span{text-align:center;font-size:11px;white-space:nowrap}.roll-controls .die-slot:first-child .die-stepper{left:0;transform:none}.roll-controls .die-slot:nth-last-child(-n+2) .die-stepper{right:0;left:auto;transform:none}.roll-controls .die-edit-count{font-weight:700}.roll-controls .roll-options{grid-area:left;justify-self:end;display:flex;align-items:center;gap:5px;min-width:0;margin:0}.roll-controls .modes{display:flex;align-items:center;gap:1px;height:34px;padding:2px;white-space:nowrap}.roll-controls .modes button,.roll-controls .modes button:first-child{display:flex!important;align-items:center;gap:3px;min-height:28px;padding:5px 6px;font-size:10px}.roll-controls .nat20-button{margin:0;flex-shrink:0;min-height:34px;height:34px;padding:4px 8px;white-space:nowrap;font-size:10px}.roll-controls .camera-mode{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:4px;height:34px;min-height:34px;width:35px;overflow:hidden;font-size:0!important;padding:4px 7px;border:1px solid #72826a66;border-radius:6px;color:#b9c7b2;background:#17211b;white-space:nowrap;font-size:10px}.roll-controls .camera-mode.selected{color:#e2efcc;border-color:#a7b990;background:#34482e}.roll-controls .right-roll-actions{grid-area:right;justify-self:stretch;display:flex;gap:5px;align-items:center;min-width:0;max-width:100%;white-space:nowrap}.roll-controls .character-control{flex:0 0 122px;width:122px;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;min-height:34px;padding:5px 7px;font-size:10px}.roll-controls .roll-button{position:static;flex:0 0 145px;display:flex;align-items:center;gap:5px;justify-content:center;min-width:0;width:145px;min-height:36px;height:36px;margin:0;padding:0 8px;font-size:11px}.roll-controls .right-roll-actions>.table-actions{margin-left:auto}.roll-controls .roll-expression{display:none}.roll-controls .pending-note{position:absolute;bottom:calc(100% + 32px);left:0;width:min(430px,100%);padding:6px;background:#273121e8;border-radius:5px;font-size:11px}.roll-controls .initiative-target{position:absolute;bottom:calc(100% + 6px);left:0;z-index:16;max-width:70%;padding:3px 5px;background:#192019ee;border:1px solid #63735f66;border-radius:6px}.roll-bubbles{position:absolute;right:12px;bottom:65px;z-index:15;width:min(320px,calc(100% - 24px));max-height:min(65dvh,620px);display:flex;flex-direction:column-reverse;gap:7px;overflow:hidden;pointer-events:none}.roll-bubbles article{display:grid;grid-template-columns:auto auto;justify-content:space-between;gap:1px 8px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);border-radius:8px;background:#121212eb;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);box-shadow:0 8px 20px #0007}.roll-bubbles strong{font-size:11px}.roll-bubbles span{grid-column:1/3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px;color:#aaa}.roll-bubbles b{grid-column:2;grid-row:1;font:18px Georgia,serif;color:#fff}.nat20-event{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#decea3}.nat20-event strong{font:20px Georgia,serif}.nat20-event span{font-size:12px}@container (max-width:1080px){.roll-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"center center" "left right";row-gap:6px}.roll-controls .dice-control-center{width:100%;justify-content:center}.roll-controls .roll-options{justify-self:end}.roll-controls .right-roll-actions{justify-self:start}.character-manager .trait-list{columns:1}}@container (min-width:721px) and (max-width:1080px){.roll-controls .right-roll-actions{max-width:100%;justify-self:stretch;justify-content:flex-start}.roll-controls .roll-options{max-width:100%;justify-self:stretch;justify-content:flex-end}}@media(max-width:850px){.table-main{padding:6px 7px!important}.character-table{height:100%;max-height:100%;width:100%;margin:0 auto 4px}.character-table .table-identity{padding-top:24px}.character-table .hero-content{padding:10px}.character-table .trait-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px}.character-table .category-tabs button{font-size:11px}.character-page-overlay{padding:0}.character-page-overlay .character-manager{min-height:100dvh;width:100%;border-radius:0}.character-manager .hero-sheet{display:flex;flex-direction:column}.character-manager .hero-portrait{order:1;height:clamp(360px,56dvh,560px);min-height:360px}.character-manager .hero-content{order:2;padding:12px}.character-manager .manager-profile-editor{order:3}.character-manager .info-cards{grid-template-columns:1fr}.character-workspace .audit article>div{align-items:flex-start;flex-direction:column;gap:4px}.character-manager .character-switcher{grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:9px}.roll-controls{gap:6px;padding:5px}.roll-controls .dice-control-center{flex-wrap:wrap;gap:5px}.roll-controls .dice-picker{justify-content:center}.roll-controls .die-choice,.roll-controls .die-choice.chosen{flex-basis:36px;width:36px}.roll-controls .roll-options{justify-self:start;flex-wrap:wrap}.roll-controls .right-roll-actions{justify-self:end}}@media(max-width:570px){.character-table{min-height:0}.character-table .hero-sheet{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.character-table .hero-content{margin-top:min(34dvh,250px);overflow:visible;padding:8px 9px 11px}.character-table .table-identity{align-items:flex-end;padding:8px 2px 7px;gap:8px}.character-table .table-identity h2{font-size:25px}.character-table .identity-balances{gap:4px}.character-table .identity-balances span{display:none}.character-table .identity-balances button{grid-template-columns:auto auto;padding:5px 6px}.character-table .identity-balances svg{grid-row:auto;width:13px;height:13px}.character-table .identity-balances b{font-size:11px}.character-table .category-tabs{position:sticky;top:0;z-index:4;grid-template-columns:repeat(3,minmax(0,1fr));background:#09120ff2}.character-table .category-tabs button{min-height:34px;font-size:10px}.character-table .trait-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 6px}.character-table .trait-row{min-height:38px;gap:4px;padding:2px}.character-table .trait-roll span{font-size:11px;white-space:normal;line-height:1.2}.character-table .trait-roll small{font-size:8px}.character-table .level-dots{gap:3px}.character-table .level-dots>button{width:10px;height:10px}.roll-controls{grid-template-columns:1fr;grid-template-areas:"center" "left" "right";gap:4px;width:100%;padding:5px;margin-top:4px;overflow:visible}.roll-controls .dice-control-center{display:block;width:100%}.roll-controls .dice-picker{width:100%;justify-content:center;flex-wrap:nowrap;overflow:visible}.roll-controls .dice-picker::-webkit-scrollbar{display:none}.roll-controls .dice-picker .die-slot:nth-child(6){order:-1}.roll-controls .die-slot{flex-basis:34px;width:34px;height:36px}.roll-controls .die-choice,.roll-controls .die-choice.chosen{width:100%;height:36px;min-height:36px}.roll-controls .die-stepper{grid-template-columns:34px 28px 27px 28px 34px;width:159px;height:38px;padding:3px}.roll-controls .die-stepper button{height:30px;font-size:9px!important}.roll-controls .die-stepper span{font-size:10px}.roll-controls .die-slot:nth-child(6) .die-stepper{left:0;right:auto;transform:none}.roll-controls .roll-options{justify-self:stretch;width:100%;flex-wrap:nowrap;gap:3px}.roll-controls .camera-mode{width:32px;font-size:0;padding:3px}.roll-controls .nat20-button{height:32px;min-height:32px;padding:3px 6px;font-size:9px}.roll-controls .modes{flex:1;min-width:0;height:32px}.roll-controls .modes button,.roll-controls .modes button:first-child{flex:1;min-width:0;min-height:26px;padding:3px 2px;font-size:9px}.roll-controls .right-roll-actions{display:grid;grid-template-columns:104px minmax(126px,1fr) auto;justify-self:stretch;width:100%;gap:4px}.roll-controls .character-control{width:104px;min-width:0;max-width:none;flex:none;min-height:38px;padding:4px;font-size:9px}.roll-controls .roll-button{width:100%;min-width:126px;max-width:none;flex:none;min-height:40px;height:40px;padding:0 8px;font-size:12px;font-weight:700}.roll-controls .right-roll-actions>.table-actions{margin:0;gap:2px}.roll-controls .table-actions .text-button{display:none}.roll-controls .reset-roll{width:34px;height:38px}.roll-bubbles{right:7px;bottom:154px;width:min(170px,55%);max-height:25dvh;gap:5px}.roll-bubbles article{padding:7px 9px;background:#121a18d9}.roll-bubbles article:not(:nth-last-child(-n+2)){display:none}.roll-bubbles strong{font-size:10px}.roll-bubbles span{font-size:9px}.roll-bubbles b{font-size:18px}.combat-panel.expanded{max-height:27dvh;padding:7px 9px}.combat-panel.expanded ol{max-height:calc(27dvh - 45px);margin-top:5px}.combat-panel.expanded li{min-height:39px}.character-manager .character-switcher{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-height:760px)and (min-width:571px){.character-table{width:min(880px,100%)}.character-table .hero-content{padding-top:6px;padding-bottom:8px}.character-table .table-identity{padding-top:18px;padding-bottom:6px}.character-table .table-identity h2{font-size:29px}.character-table .category-tabs button{min-height:29px;font-size:10px}.character-table .trait-row{min-height:32px}.character-table .trait-roll span{font-size:11px}.character-table .trait-roll small{font-size:8px}.character-table .character-secondary{padding-top:5px}}@media(min-width:761px){.app-shell>.sidebar{position:fixed;inset:0 auto 0 0;z-index:24;box-shadow:12px 0 34px #0008}.app-shell>.workspace{width:100%;flex:1 1 100%}.room-layout>.history-panel{position:absolute;top:0;right:0;bottom:0;z-index:23;box-shadow:-12px 0 34px #0008}.app-shell:not(.sidebar-collapsed) .table-main>.combat-panel{left:232px;max-width:calc(100% - 244px)}}@media(min-width:1500px){.app-shell:not(.sidebar-collapsed) .table-main>.combat-panel{left:252px;max-width:calc(100% - 264px)}}@media(min-width:761px)and (max-width:1200px){.app-shell:not(.sidebar-collapsed) .table-main>.combat-panel{left:202px;max-width:calc(100% - 214px)}}input:focus,select:focus{border-color:var(--accent)}.primary{background:var(--accent);color:var(--primary-ink)}.primary:not(:disabled):hover{background:var(--accent-soft)}.segmented button.selected,.room-link.active,.mobile-tabs button.selected{background:var(--accent-dark)!important;color:var(--text)!important;border-color:var(--accent)!important}.room-dot,.bar{background:var(--accent)!important}.online-dot,.connection.connected{color:var(--presence)!important}.online-dot{background:var(--presence)!important;box-shadow:0 0 8px color-mix(in srgb,var(--presence) 70%,transparent)}.character-workspace{--sheet-ink:var(--text);border-color:color-mix(in srgb,var(--accent) 28%,transparent);background:linear-gradient(145deg,#181718d9,#0d0d10ed)}.character-workspace-head{background:linear-gradient(90deg,#1d191bdc,#111114c4)}.character-workspace-head,.character-workspace .category-tabs,.character-workspace .trait-row,.character-workspace .character-secondary,.character-workspace>footer{border-color:color-mix(in srgb,var(--accent) 24%,transparent)}.character-workspace .hero-sheet{background:linear-gradient(160deg,#211b1db0,#121214e6)}.character-workspace .hero-portrait{background:radial-gradient(circle at 55% 24%,color-mix(in srgb,var(--accent) 8%,transparent),#111 75%)}.character-workspace .hero-gradient{background:linear-gradient(to top,#0d0b0df2 0%,#0d0b0d82 20%,transparent 60%)}.character-workspace .hero-content{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 7%,#171519df),#101012dc)}.character-workspace .category-tabs button.selected{border-color:var(--accent);color:var(--text);background:color-mix(in srgb,var(--accent) 15%,transparent)}.character-workspace .trait-row:hover{background:color-mix(in srgb,var(--accent) 7%,transparent)}.character-workspace .trait-roll span:before,.character-workspace .trait-roll small{color:color-mix(in srgb,var(--accent) 54%,var(--text))}.character-workspace .level-dots>button{border-color:color-mix(in srgb,var(--accent) 55%,#aaa)}.character-workspace .level-dots>button.filled{background:var(--accent);border-color:var(--accent-soft)}.character-workspace .character-secondary button{border-color:color-mix(in srgb,var(--accent) 24%,var(--line));color:var(--text);background:#191719c7}.character-workspace .character-secondary button:hover{background:color-mix(in srgb,var(--accent) 10%,#191719)}.character-workspace .character-secondary button.selected{border-color:var(--accent);color:var(--text);background:color-mix(in srgb,var(--accent) 16%,transparent)}.character-workspace .secondary-drawer,.character-manager .manager-inventory,.character-manager .profile-copy section,.character-manager .info-cards>div{background:#151416c9;border-color:color-mix(in srgb,var(--accent) 18%,var(--line))}.roll-controls{border-color:color-mix(in srgb,var(--accent) 30%,#333);background:#121214ed}.roll-controls .camera-mode{border-color:var(--line);color:var(--muted);background:var(--panel2)}.roll-controls .camera-mode.selected{color:var(--text);border-color:var(--accent);background:var(--accent-dark)}.roll-controls .nat20-button{border-color:color-mix(in srgb,var(--accent) 65%,var(--line));color:color-mix(in srgb,var(--accent) 52%,var(--text))}.roll-controls .nat20-button.selected{background:var(--accent-dark);color:var(--text)}.roll-card.critical{border-color:#35d56f;background:linear-gradient(130deg,#12331e80,var(--panel2))}.roll-card.critical .roll-total,.roll-card.critical .natural-tag{color:#66e596!important}.roll-card.nat20-spent{border-color:#d5a83f;background:linear-gradient(130deg,#3b2a0f8c,var(--panel2))}.roll-card.nat20-spent .roll-total,.roll-card.nat20-spent .natural-tag{color:#efc766!important}.roll-card.fumble{border-color:#b84949;background:linear-gradient(130deg,#32171980,var(--panel2))}.roll-card.fumble .roll-total,.roll-card.fumble .natural-tag{color:#d97878!important}.big-result.natural>span{color:#66e596!important}.room-link{position:relative;isolation:isolate;overflow:hidden;background:#17171a}.room-link:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--room-thumb-color,#17171a) center/cover no-repeat;opacity:.34}.room-link:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#111113e8 18%,#1111138f)}.room-link[data-background=wood]:before{background:repeating-linear-gradient(4deg,#382a20 0 8px,#30231a 9px 11px)}.room-link[data-background=forest]:before{background:radial-gradient(circle at 60% 30%,#315241,#101e19)}.room-link[data-background=parchment]:before{background:#b6a57f}.room-link[data-background=midnight]:before{background:radial-gradient(circle at top,#304267,#0c1323)}.room-link[data-background=image]:before{background-image:var(--room-thumb);opacity:.78}.room-link:hover:before,.room-link.active:before{opacity:.9}.lobby-visual{position:relative;isolation:isolate;border-radius:50%}.lobby-visual:before,.lobby-visual:after{content:"";position:absolute;left:50%;top:50%;z-index:-1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}.lobby-visual:before{width:min(78vw,430px);aspect-ratio:1;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),transparent 66%);filter:blur(12px)}.lobby-visual:after{width:min(64vw,340px);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);box-shadow:0 0 70px color-mix(in srgb,var(--accent) 10%,transparent),inset 0 0 45px color-mix(in srgb,var(--accent) 7%,transparent)}