.dice-theatre{z-index:40;pointer-events:none;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:clip}.dice-reveal{background:radial-gradient(at 50% 60%,#fffef9,#f4f2e9);border:1px solid #dbd8cd;border-radius:24px;width:min(620px,100%);padding:20px 24px 16px;animation:.18s cubic-bezier(.23,1,.32,1) both dice-reveal-in;box-shadow:0 24px 80px #26332630,0 4px 16px #26332612}.dice-reveal-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.dice-reveal-heading>div{gap:3px;min-width:0;display:grid}.dice-reveal-heading strong{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.dice-reveal-heading span{color:#62695c;font-size:.8rem}.dice-reveal-heading button{pointer-events:auto;min-width:44px;min-height:44px;margin:-8px -12px 0 0;font-size:1.5rem;line-height:1}.dice-arena{--columns:var(--dice-count);--die-size:min(116px, calc((min(620px, 100vw) - 104px) / var(--columns)));grid-template-columns:repeat(var(--columns), minmax(0, 1fr));justify-items:center;gap:12px 4px;padding:26px 8px 12px;display:grid}.dice-reveal-many .dice-arena{--die-size:min(76px, 9dvh, calc((min(620px, 100vw) - 104px) / var(--columns)));gap:4px;padding-block:20px 8px}.rolling-die{width:min(100%, var(--die-size));aspect-ratio:1;perspective:700px;position:relative}.rolling-die-travel,.rolling-die-body{transform-style:preserve-3d;position:absolute;inset:0}.rolling-die-travel{animation:dice-travel 1.5s linear var(--delay) both}.rolling-die-body{--die-radius:calc(var(--die-size) / 2);animation:dice-tumble 1.5s cubic-bezier(.23, 1, .32, 1) var(--delay) both}.rolling-die-face{backface-visibility:hidden;position:absolute;inset:0}.rolling-die-face svg{width:100%;height:100%;overflow:visible}.rolling-die-face polygon{stroke:#a99a77;stroke-width:.018px;stroke-linejoin:round}.rolling-die-face text{fill:#303c2b;font-family:Georgia,serif;font-weight:700}.rolling-die-shadow{width:76%;height:20%;animation:dice-shadow 1.5s linear var(--delay) both;background:radial-gradient(#53472f38,#53472f00 70%);border-radius:50%;position:absolute;bottom:-3%;left:12%}.dice-reveal-breakdown{text-align:center;font-variant-numeric:tabular-nums;color:#62695c;margin:10px 0 0;font-size:.8rem;line-height:1.5}.dice-reveal-total{color:#55674c;justify-content:center;align-items:center;gap:14px;margin:14px 0 0;font-size:.85rem;display:flex}.dice-reveal-total strong{font-variant-numeric:tabular-nums;color:#35492d;font-size:2rem;line-height:1}.dice-theatre[data-phase=exiting] .dice-reveal{animation:.18s cubic-bezier(.23,1,.32,1) both dice-reveal-out}@keyframes dice-tumble{0%{transform:rotateX(-700deg)rotateY(580deg)rotate(-260deg)}65%{transform:rotateX(24deg)rotateY(-18deg)rotate(12deg)}82%{transform:rotateX(-10deg)rotateY(8deg)rotate(-5deg)}to{transform:rotateX(-12deg)rotateY(14deg)rotate(0)}}@keyframes dice-travel{0%{transform:translate(-90px,-36px)}25%{transform:translate(-42px,8px)}43%{transform:translate(-18px,-22px)}60%{transform:translate(3px,5px)}73%{transform:translate(6px,-9px)}85%{transform:translate(-2px,2px)}to{transform:translate(0,0)}}@keyframes dice-shadow{0%{opacity:.3;transform:translate(-90px)scale(.65)}25%,60%,85%,to{opacity:1;transform:scale(1)}43%,73%{opacity:.6;transform:scale(.8)}}@keyframes dice-reveal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dice-reveal-out{to{opacity:0;transform:translateY(8px)}}@media (width<=600px){.dice-reveal{border-radius:18px;padding:16px}.dice-arena{--columns:min(var(--dice-count), 4);--die-size:min(80px, calc((100vw - 104px) / var(--columns)))}.dice-reveal-many .dice-arena{--die-size:min(12vw, 8dvh, calc((100vw - 104px) / var(--columns)))}}@media (height<=450px){.dice-reveal{padding-block:10px}.dice-arena{--die-size:64px;padding-block:12px 4px}.dice-reveal-many .dice-arena{--die-size:32px;padding-block:8px 0}.dice-reveal-total{margin-top:8px}}@media (prefers-reduced-motion:reduce){.dice-theatre{display:none}.dice-theatre *{animation:none!important}}:root{color:#252b30;font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#252b30;--paper:#faf9f6;--surface:#fff;--soft:#f0f2ec;--muted:#656b66;--accent:#526d49;--accent-hover:#40593a;--gold:var(--accent);--line:#dedfd8;--input-line:#899184;--danger:#9a3832;--space:clamp(16px, 2.4vw, 36px);--radius:10px;background:#faf9f6;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100dvh;margin:0}body:has(dialog[open]){overflow:hidden}[hidden]{display:none!important}img{max-width:100%}button,p,h1,h2,h3,summary,.account-name{overflow-wrap:anywhere}button,summary,a,input,textarea,select{touch-action:manipulation}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{max-width:100%;min-height:44px;color:var(--surface);background:var(--accent);cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 17px;font-weight:600;line-height:1.4;transition:background-color .15s,border-color .15s,box-shadow .15s;display:inline-flex}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:0 1px 2px #252b3005}button.secondary:hover:not(:disabled){background:var(--soft);border-color:var(--input-line)}button.quiet{color:var(--muted);background:0 0;border-color:#0000}button.quiet:hover:not(:disabled){background:var(--soft);color:var(--ink)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}summary:focus-visible{outline:3px solid var(--accent);outline-offset:-3px;border-radius:var(--radius)}a{color:var(--accent);text-underline-offset:4px}main{max-width:1280px;padding:40px var(--space);margin:0 auto}h1,h2,h3{font-weight:600;line-height:1.25}h1{letter-spacing:-.035em;margin:0 0 12px;font-size:clamp(2rem,3.5vw,2.75rem)}h2{letter-spacing:-.02em;margin:0 0 20px;font-size:1.35rem}h3{margin:22px 0 12px;font-size:1.05rem}p{margin:0 0 20px}.icon{vertical-align:middle;flex-shrink:0}.icon-button{width:44px;min-width:44px;padding:10px}.eyebrow{color:var(--accent);font-size:.85rem;font-weight:600}.muted,.intro{color:var(--muted)}.intro{max-width:48ch;font-size:1.08rem}.small{font-size:.875rem}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:28px}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.two-columns.compact{gap:16px}.actions,.tabs,.section-heading,.dialog-heading,.table-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.section-heading,.dialog-heading{justify-content:space-between;margin-bottom:20px}.section-heading h2,.dialog-heading h2{margin:0}label{flex-direction:column;gap:7px;margin-bottom:18px;font-size:.875rem;font-weight:500;display:flex}input,textarea,select{border:1px solid var(--input-line);background:var(--surface);width:100%;min-width:0;min-height:46px;color:var(--ink);border-radius:7px;padding:11px 12px;font-size:1rem}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input[type=file]{background:var(--paper);padding:10px}input[type=file]::file-selector-button{background:var(--soft);color:var(--accent);cursor:pointer;border:0;border-radius:4px;margin-right:10px;padding:6px 10px}textarea{resize:vertical;line-height:1.6}fieldset{border:0;min-width:0;margin:0;padding:0}fieldset:disabled input,fieldset:disabled textarea,fieldset:disabled select{opacity:1;color:var(--muted);border-color:var(--line);background:var(--paper)}label.check{flex-direction:row;align-items:center;gap:10px}.check input{width:18px;height:18px;min-height:18px;accent-color:var(--accent)}.notice,.error,.success,.conflict{overflow-wrap:anywhere;border-radius:8px;margin:18px 0;padding:15px 18px}.notice,.conflict{color:#645323;background:#f6f0df;border:1px solid #d5c692}.notice p:last-child,.conflict p:last-child{margin-bottom:0}.error{color:var(--danger);background:#fbefec;border:1px solid #e4b9b0}.success{color:#395a32;background:#eef4e9;border:1px solid #bdcfb0}.banner{margin:12px var(--space)}.badge{color:var(--accent);font-size:.78rem;font-weight:500}.empty{color:var(--muted);padding:20px 0}.preserve-lines{white-space:pre-wrap;max-height:230px;overflow:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-header{min-height:64px;padding:10px var(--space);border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:20px;display:flex}.brand{letter-spacing:-.02em;color:var(--ink);white-space:nowrap;align-items:center;gap:10px;font-size:1.15rem;font-weight:650;text-decoration:none;display:inline-flex}.brand .icon{color:var(--accent);width:25px;height:25px}.skip-link{z-index:10;background:var(--surface);color:var(--accent);border-radius:8px;padding:12px 20px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}main:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.app-header nav{justify-content:flex-end;align-items:center;gap:20px;min-width:0;font-size:.85rem;display:flex}.account-name{white-space:nowrap;text-overflow:ellipsis;max-width:24ch;color:var(--muted);overflow:hidden}.app-header button{font-size:.85rem}.auth-layout{grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(40px,7vw,100px);max-width:1280px;min-height:100dvh;padding-block:48px;display:grid}.auth-intro .brand{margin-bottom:28px}.auth-art{border-radius:14px;margin-bottom:28px;position:relative;overflow:hidden}.auth-art img{aspect-ratio:1.65;object-fit:cover;width:100%;display:block}.auth-art>span{color:#fff;font-size:.85rem;position:absolute;bottom:20px;left:24px}.auth-layout h1{margin-bottom:18px;font-size:clamp(2.1rem,3.4vw,3rem)}.auth-layout .intro{margin-bottom:0;font-size:1rem}.auth-layout>.panel{width:100%;padding:clamp(24px,3.5vw,44px);box-shadow:0 8px 36px #252b3006}.auth-layout:has(>.panel:only-child){grid-template-columns:minmax(0,600px);justify-content:center}.auth-layout .panel h2{margin-top:30px;font-size:1.6rem}.auth-layout form>button{width:100%;margin-top:6px}.tabs{background:var(--soft);border-radius:9px;gap:4px;margin-bottom:20px;padding:4px}.tabs button{flex:100px;padding:10px 12px;font-size:.875rem}.tabs button:not(.quiet){background:var(--surface);color:var(--accent);box-shadow:0 1px 4px #252b3012}.recovery-code{letter-spacing:.05em;font-family:ui-monospace,monospace}.lobby{max-width:1160px;padding-top:clamp(32px,6vh,72px)}.campaign-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px;margin:32px 0 12px;display:grid}button.campaign-card{background:var(--surface);color:var(--ink);border:1px solid var(--line);text-align:left;border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;min-height:220px;padding:26px;display:flex;position:relative}button.campaign-card:hover{background:var(--surface);border-color:var(--accent);box-shadow:0 4px 20px #526d4910}.campaign-emblem{color:var(--accent);width:32px;height:32px;margin-bottom:8px}.campaign-card .badge{background:var(--soft);border-radius:20px;padding:4px 10px;position:absolute;top:28px;right:24px}.campaign-card strong{font-size:1.3rem;font-weight:600}.campaign-card>span:last-child{width:100%;color:var(--muted);justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;font-size:.85rem;display:flex}.lobby>.two-columns{margin-top:36px}.lobby .panel h2{align-items:center;gap:10px;display:flex}.lobby .panel h2 .icon{color:var(--accent)}.table-layout{max-width:none;padding-top:18px}.table-heading{align-items:center;gap:16px;margin-bottom:20px;display:grid}.table-title{text-align:center;min-width:0}.table-title .table-meta{justify-content:center}.table-heading>.back-link{justify-self:start}.table-heading h1{margin:0;font-size:clamp(1.4rem,2.2vw,2rem)}.back-link{color:var(--ink);align-items:center;gap:6px;min-height:44px;font-size:1rem;font-weight:500;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--accent);text-decoration:underline}.back-link .icon{width:22px;height:22px}.table-actions{justify-content:flex-end;gap:8px}.table-actions button{font-size:.85rem}.connection{color:#806029;align-items:center;gap:6px;font-size:.75rem;display:inline-flex}.connection:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.connection.online{color:var(--accent)}.table-navigation{border:1px solid var(--line);background:var(--surface);border-radius:10px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.table-navigation button{flex:1;padding-inline:8px}.table-grid>*{min-width:0}.scene{border:1px solid var(--line);background:#eeefe9;border-radius:12px;justify-content:center;align-items:center;height:clamp(280px,48dvh,600px);min-height:280px;display:flex;overflow:hidden}.scene>img{object-fit:contain;width:100%;height:100%}.scene-empty{text-align:center;max-width:410px;padding:32px 24px}.scene-empty>.icon{color:#7f9275;width:40px;height:40px;margin-bottom:20px}.scene-empty h2{margin-bottom:12px;font-size:1.5rem}.scene-empty p{color:var(--muted);margin-bottom:0;font-size:.9rem}.scene-empty button{margin-top:24px}.characters-section{min-width:0}.roster-toolbar h2{font-size:1.1rem}.portraits{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:16px;display:grid}button.portrait-card{--health-color:var(--accent);color:var(--ink);text-align:center;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;min-width:0;padding:12px 6px;font-weight:400;display:flex}button.portrait-card:hover{background:var(--soft);border-color:var(--line)}.portrait-ring{width:min(100%, var(--portrait-size,120px));aspect-ratio:1;background:conic-gradient(var(--health-color) var(--health), #dcded6 0);border-radius:50%;flex-shrink:0;min-height:0;margin-bottom:7px;display:block;position:relative;overflow:hidden}.portrait-ring.depleted{background:var(--health-color)}.portrait-card[data-health=low]{--health-color:#b58a16}.portrait-card[data-health=critical]{--health-color:#bd443a}.portrait-ring img,.portrait-placeholder{border:4px solid var(--paper);object-fit:cover;object-position:center;border-radius:50%;place-items:center;width:calc(100% - 10px);height:calc(100% - 10px);display:grid;position:absolute;inset:5px}.portrait-placeholder{color:var(--accent);background:#e2e8db;font-family:Georgia,serif;font-size:2.5rem}.portrait-card strong{max-width:100%;font-size:1rem;font-weight:600;line-height:1.3}.portrait-health{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:600}.portrait-action{color:var(--accent);align-items:center;gap:4px;font-size:.875rem;line-height:1.5;display:inline-flex}.portrait-action .icon{width:14px;height:14px}button.portrait-card:focus-visible{background:var(--soft)}.table-meta{flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:4px;display:flex}.portrait-owner{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.875rem;overflow:hidden}.portrait-level{color:var(--ink);font-size:.95rem}.member-identity{overflow-wrap:anywhere;flex-direction:column;gap:4px;min-width:0;display:flex}.member-list button{flex-shrink:0}.character-management{border:1px solid var(--line);border-radius:10px;margin-block:16px;padding:12px}.character-management summary{cursor:pointer;align-content:center;min-height:44px;font-weight:600}button.danger{background:var(--surface);color:var(--danger);border:1px solid var(--danger)}button.danger:hover:not(:disabled){background:#fff1ef}.roster-pagination{align-items:center;gap:8px;margin-left:auto;display:flex}.roster-pagination button{min-width:44px;padding:8px}.roster-pagination span{white-space:nowrap;color:var(--muted);font-size:.8rem}.dice-panel h2{font-size:1.3rem}.dice-panel .check{margin:0}.quantity{flex-direction:row;justify-content:space-between;align-items:center}.quantity input{width:90px;padding:6px 10px}.dice-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px;display:grid}.dice-buttons button{padding:12px;font-size:1.15rem}.roll-command{gap:8px;margin-bottom:20px;display:flex}.roll-command input{min-width:0}.roll-command button{flex-shrink:0}.dice-dock-controls{justify-content:center;align-items:center;gap:12px;display:flex}.die-choice{color:var(--muted);flex:0 0 88px;margin:0;font-size:.75rem}.dock-quantity{color:var(--muted);flex:0 0 64px;margin:0;font-size:.75rem}.dock-quantity input{height:48px;padding:10px 8px}.dock-action{margin-top:25px;padding-inline:12px;font-size:.85rem}.die-choice select{border-color:var(--input-line);height:48px;padding-inline:18px}.roll-primary{min-width:160px;min-height:48px;margin-top:25px;box-shadow:0 3px 6px #526d4919}.roll-primary-label{display:grid}.roll-primary-label>span{grid-area:1/1}.roll-primary-label>[aria-hidden=true]{visibility:hidden}.latest-roll{align-items:center;gap:12px;min-width:0;margin-inline:4px;display:flex}.die-result{filter:drop-shadow(0 5px 4px #7b6a4918);flex-shrink:0;place-items:center;width:72px;height:78px;display:grid;position:relative}.die-result svg{fill:#f0e3c7;stroke:#c8b68f;stroke-width:1.2px;width:100%;height:100%;position:absolute}.die-result svg path+path{fill:none;opacity:.7}.die-result strong{z-index:1;background:#f0e3c7;padding:0 3px;font-size:1.5rem;font-weight:600;line-height:1.1}.latest-caption{flex-direction:column;gap:3px;width:clamp(110px,12vw,200px);min-width:0;display:flex}.latest-caption strong{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;overflow:hidden}.latest-caption span{color:var(--muted);font-size:.8rem}.dice-dock>.notice,.dice-dock>.error{max-width:800px;margin:8px auto}.roll-history{margin:0;padding:0;list-style:none}.roll-history li{border-top:1px solid var(--line);padding:18px 0}.roll-heading{justify-content:space-between;gap:12px;margin-bottom:12px;font-size:.875rem;display:flex}.roll-heading>*{overflow-wrap:anywhere;min-width:0}.roll-heading time{color:var(--muted);flex-shrink:0;font-size:.75rem}.roll-result{align-items:center;gap:10px;display:flex}.roll-result>span:first-child{color:var(--muted);font-size:.8rem}.dice-values{flex-wrap:wrap;flex:1;gap:5px;display:flex}.dice-values b{background:var(--soft);min-width:30px;height:30px;color:var(--accent);border:1px solid #c7d2bd;border-radius:6px;place-items:center;padding:3px;font-size:.9rem;display:grid}.roll-total{color:var(--accent);font-size:1.5rem;font-weight:600}.roll-arriving .dice-values b,.roll-arriving .die-result{animation:.65s ease-out both settle}@keyframes settle{0%{opacity:0;transform:translateY(-8px)rotate(-25deg)scale(.8)}65%{transform:rotate(6deg)}to{opacity:1;transform:none}}dialog{border:1px solid var(--line);background:var(--surface);width:min(800px,100% - 48px);max-width:none;max-height:calc(100dvh - 48px);color:var(--ink);border-radius:16px;padding:0;overflow:hidden;box-shadow:0 20px 80px #26332329}dialog[open]{flex-direction:column;display:flex}dialog.character-dialog{width:min(960px,100% - 48px);height:min(900px,100dvh - 48px)}.character-dialog .dialog-heading h2{color:var(--accent-hover);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.4rem,2.5vw,1.85rem);font-weight:500}.character-summary{grid-template-columns:minmax(0,260px) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,48px);max-width:740px;margin:0 auto;display:grid}.summary-identity,.summary-attributes{min-width:0}.summary-portrait{aspect-ratio:1/1.05;border:1px solid var(--line);background:var(--soft);border-radius:100px 100px 12px 12px;position:relative;overflow:hidden}.summary-portrait img{object-fit:cover;width:100%;height:100%;display:block}.summary-portrait-placeholder{height:100%;color:var(--accent);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px 12px 42px;display:flex}.summary-portrait-placeholder>span{font:3.5rem Georgia,Times New Roman,serif}.summary-portrait-placeholder small{font-size:.8rem}.summary-level{background:var(--paper);color:var(--accent-hover);white-space:nowrap;border-radius:6px;padding:4px 12px;font-size:.875rem;font-weight:650;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.summary-identity-values{gap:9px;margin:18px 0;display:grid}.summary-identity-values div{grid-template-columns:minmax(0,95px) minmax(0,1fr);align-items:baseline;gap:8px;display:grid}.summary-identity-values dt{color:var(--muted);font-size:.8rem}.summary-identity-values dd{overflow-wrap:anywhere;margin:0;font-size:1rem;font-weight:550}.summary-health{--health-color:var(--accent);border-top:1px solid var(--line);padding-top:12px}.summary-health.wounded{--health-color:#a27a1e}.summary-health.critical{--health-color:var(--danger)}.summary-health>div{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;font-size:.875rem;display:flex}.summary-health strong{font-size:1.1rem}.summary-health strong span{color:var(--muted);font-weight:400}.summary-health progress{appearance:none;background:var(--soft);border:0;border-radius:3px;width:100%;height:6px;margin-top:8px;display:block;overflow:hidden}.summary-health progress::-webkit-progress-bar{background:var(--soft)}.summary-health progress::-webkit-progress-value{background:var(--health-color)}.summary-health progress::-moz-progress-bar{background:var(--health-color)}.summary-attributes h3{text-align:center;color:var(--accent-hover);margin:0;font:500 1.5rem/1.3 Georgia,Times New Roman,serif}.attribute-radar{margin:0}.attribute-radar>svg{width:100%;max-width:400px;height:auto;margin:6px auto 0;display:block;overflow:visible}.radar-grid{stroke:var(--line);stroke-width:1px;fill:none}.radar-label{fill:var(--muted);font-size:14px;font-weight:600}.radar-profile{fill:#526d492b;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round}.radar-point{fill:var(--accent-hover);stroke:var(--surface);stroke-width:1.5px}.attribute-radar figcaption{text-align:center;color:var(--muted);font-size:.8rem}@media (width>=601px) and (height<=760px){.character-dialog .dialog-body{padding-block:16px}.summary-portrait{aspect-ratio:auto;height:clamp(190px,32dvh,240px)}.attribute-radar>svg{max-width:clamp(300px,52dvh,380px)}}@media (width<=600px){.character-summary{grid-template-columns:minmax(0,1fr);gap:24px}.summary-identity{grid-template-columns:minmax(0,120px) minmax(0,1fr);align-items:center;gap:16px;display:grid}.summary-identity-values{gap:8px;margin:0}.summary-identity-values div{grid-template-columns:minmax(0,1fr);gap:0}.summary-identity-values dd{font-size:.9375rem}.summary-health{border:0;grid-column:1/-1;padding-top:0}.summary-portrait-placeholder>span{font-size:2.1rem}.summary-portrait-placeholder small{display:none}.summary-level{padding:3px 7px;font-size:.75rem;bottom:8px}.summary-attributes{border-top:1px solid var(--line);padding-top:20px}.attribute-radar>svg{max-width:320px}}dialog.dice-options-dialog{width:min(480px,100% - 48px)}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#29312870}.dialog-heading{background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:nowrap;flex:none;margin:0;padding:18px 24px}.dialog-heading button{flex-shrink:0}.dialog-heading h2{font-size:1.4rem}.dialog-body{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;min-height:0;padding:24px;scroll-padding-block:16px;overflow:auto}.dialog-footer{border-top:1px solid var(--line);background:var(--paper);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.dialog-toolbar{flex:none;padding:16px 24px 0}.dialog-toolbar .tabs{margin-bottom:0}.journal-footer{flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:flex}.save-state{color:var(--muted);flex:150px;font-size:.875rem}.save-error{color:var(--danger)}.sheet-portrait{object-fit:cover;border:3px solid var(--soft);border-radius:50%;width:72px;height:72px;margin:0 0 16px}.sheet-section{border-top:1px solid var(--line);margin:20px 0 28px;padding:20px 0 0}.sheet-section>legend{color:var(--accent);padding-right:14px;font-size:1.2rem;font-weight:600}.sheet-disclosure{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin-bottom:12px}.sheet-disclosure>summary{cursor:pointer;color:var(--ink);min-height:64px;padding:16px 18px;font-weight:600}.sheet-disclosure>summary:hover{background:var(--paper);border-radius:10px}.sheet-disclosure>summary::marker{color:var(--accent)}.sheet-disclosure>summary>span{display:inline}.sheet-disclosure summary small{color:var(--muted);margin-top:4px;font-size:.85rem;font-weight:400;display:block}.sheet-disclosure[open]>summary{border-bottom:1px solid var(--line);background:var(--soft);border-radius:10px 10px 0 0}.sheet-disclosure>.sheet-section{border:0;margin:0;padding:20px 18px 4px}.sheet-disclosure .sheet-section>legend.sr-only{padding:0}.money-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.skill-description{margin-top:-8px}.upload-label{margin-top:28px}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,145px),1fr));gap:12px;margin-top:26px;display:grid}.asset-card{background:var(--surface);border:1px solid var(--line);color:var(--ink);flex-direction:column;gap:8px;min-width:0;padding:8px;font-size:.8rem;display:flex}.asset-card:hover:not(:disabled){background:var(--soft)}.asset-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.asset-card img{object-fit:cover;border-radius:5px;width:100%;height:105px}.asset-card span{overflow-wrap:anywhere}.scene-preview{border:1px solid var(--line);border-radius:10px;margin-top:22px;padding:18px}.scene-preview img{object-fit:contain;background:var(--soft);border-radius:6px;width:100%;max-height:320px}.scene-preview p{overflow-wrap:anywhere;margin:10px 0}.plain-list{padding:0;list-style:none}.plain-list li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font-size:.875rem;display:flex}@media (width>=961px) and (height>=620px){#root:has(.table-layout){flex-direction:column;height:100dvh;display:flex}#root:has(.table-layout)>.app-header{flex:none;min-height:52px;padding-block:4px}.table-layout{width:100%;min-height:0;padding:12px var(--space) 14px;flex-direction:column;flex:auto;display:flex}.table-heading{flex:none;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);margin-bottom:18px}.table-heading h1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.table-actions{flex-wrap:wrap}.table-navigation{display:none}.table-grid{flex:auto;grid-template-rows:repeat(2,minmax(0,1fr)) 44px auto;grid-template-columns:clamp(130px,12vw,220px) minmax(0,1fr) clamp(130px,12vw,220px);gap:12px 24px;min-height:0;display:grid}.scene{grid-area:1/2/3;height:auto;min-height:0}.characters-section,.portraits{display:contents}.portrait-card{--portrait-size:clamp(96px, 15dvh, 174px);--portrait-name-size:clamp(1rem, 1.2vw, 1.15rem);min-height:calc(var(--portrait-size) + 2.6 * var(--portrait-name-size) + 7.5rem);grid-column:var(--portrait-column);grid-row:var(--portrait-row);place-self:center;width:100%}.table-grid[data-portraits="1"] .portrait-card,.table-grid[data-portraits="2"] .portrait-card{grid-row:1/3}.table-grid[data-portraits="3"] .portrait-card,.table-grid[data-portraits="4"] .portrait-card{--portrait-size:clamp(88px, 12dvh, 150px)}.portrait-card strong{font-size:var(--portrait-name-size);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.portrait-owner{display:none}.roster-toolbar{flex-wrap:nowrap;grid-area:3/2;gap:8px;min-width:0;margin:0}.roster-toolbar h2{color:var(--muted);font-size:.8rem;font-weight:400}.roster-toolbar>button{margin-left:auto;font-size:.8rem}.table-dice{grid-area:4/1/auto/-1;min-height:0}.dice-dock{padding:4px 0 8px}}@media (width<=1200px) and (width>=961px){.table-grid{column-gap:16px}.table-actions button{padding-inline:10px}}@media (width<=960px),(height<=619px){.table-grid[data-view=scene]>:not(.scene),.table-grid[data-view=characters]>:not(.characters-section),.table-grid[data-view=dice]>:not(.table-dice){display:none}.table-heading{align-items:flex-start}.table-actions{justify-content:flex-start}.table-navigation{z-index:2;position:sticky;top:8px}}@media (width>=721px) and (width<=960px){.auth-layout{grid-template-columns:minmax(0,560px);justify-content:center;gap:28px;padding-block:32px}.auth-art{display:none}.auth-intro .brand{margin-bottom:20px}}@media (width<=720px){main{padding-block:24px}.app-header{padding:10px var(--space);flex-wrap:wrap;gap:12px}.app-header nav{gap:8px}.brand{font-size:1.05rem}.account-name{max-width:16ch}.two-columns{grid-template-columns:minmax(0,1fr)}.two-columns.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-layout{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:28px;min-height:100dvh;padding-block:24px;display:flex}.auth-intro .brand{margin-bottom:20px}.auth-art{display:none}.auth-layout h1{font-size:2rem}.auth-layout .intro{font-size:.95rem}.auth-layout>.panel,.panel{padding:20px}.table-heading h1{font-size:1.6rem}.plain-list li{flex-wrap:wrap}dialog,dialog.character-dialog,dialog.dice-options-dialog{border:0;border-radius:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0}.dialog-heading{padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left))}.dialog-heading h2{font-size:1.25rem}.dialog-body{padding:16px}.dialog-toolbar{padding:12px 16px 0}.dialog-footer{padding:12px 16px max(12px, env(safe-area-inset-bottom));gap:8px}.dialog-footer .save-state{flex-basis:100%}.dialog-footer>button{width:100%}.journal-footer button{flex:130px;padding-inline:8px;font-size:.875rem}.sheet-disclosure>summary{padding:14px}.sheet-disclosure>.sheet-section{padding:16px 14px 0}}@media (width<=480px){.app-header nav{justify-content:space-between;width:100%}.app-header button{padding-inline:8px}.two-columns.compact{grid-template-columns:minmax(0,1fr);gap:0}.portraits{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.portrait-ring{--portrait-size:100px}.portrait-card strong{font-size:1rem}.money-fields{gap:8px}.money-fields input{padding-inline:8px}.scene-empty{padding:24px 18px}.scene-empty h2{font-size:1.25rem}.table-actions{gap:4px;width:100%}.table-actions button{padding-inline:10px;font-size:.8rem}.tabs button{flex-basis:80px;padding-inline:6px;font-size:.8rem}.campaign-card{padding:20px}}@media (height<=500px) and (orientation:landscape){dialog,dialog.character-dialog{height:100dvh;max-height:100dvh;margin-block:0}.dialog-heading,.dialog-footer{padding-block:8px}.dialog-footer .save-state{flex:120px}.dialog-footer>button{width:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}