@font-face{font-family:Manrope;src:url(/fonts/Manrope-variable.ttf)format("truetype");font-style:normal;font-weight:200 800;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/fonts/CormorantGaramond-variable.ttf)format("truetype");font-style:normal;font-weight:300 700;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/fonts/CormorantGaramond-Italic-variable.ttf)format("truetype");font-style:italic;font-weight:300 700;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#111317;--foreground:#f2f3f5;--card:#191c23;--card-foreground:#f2f3f5;--popover:#191d26;--popover-foreground:#f2f3f5;--primary:#e6c48a;--primary-foreground:#1a1814;--secondary:#232833;--secondary-foreground:#d9dde5;--muted:#1c2029;--muted-foreground:#9da4b3;--accent:#e6c48a;--accent-foreground:#1a1814;--destructive:#d28379;--border:#ffffff12;--input:#ffffff17;--ring:#e6c48a;--radius:.65rem;--sidebar:#14161b;--sidebar-foreground:#f2f3f5;--sidebar-primary:#e6c48a;--sidebar-primary-foreground:#1a1814;--sidebar-accent:#232833;--sidebar-accent-foreground:#e6c48a;--sidebar-border:#ffffff12;--sidebar-ring:#e6c48a;--brass:#e6c48a;--serif:"Cormorant Garamond", Georgia, serif;--sans:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{min-height:100%;font-family:var(--sans);background:var(--background);color:var(--foreground);margin:0}body{-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:9px;transition:background .18s,color .18s,transform .18s,border-color .18s;display:inline-flex}button:disabled{opacity:.45;cursor:not-allowed}button:not(:disabled):active{transform:translateY(1px)}:is(button:focus-visible,a:focus-visible){outline:2px solid var(--brass);outline-offset:4px}input,select,textarea{color:var(--foreground);background:#11151e;border:1px solid #ffffff19;border-radius:8px;outline:none;width:100%;padding:12px 13px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:#cbb0779c;box-shadow:0 0 0 3px #ccb07712}input::placeholder,textarea::placeholder{color:#9299a7}input[type=number]{font-variant-numeric:tabular-nums}input[type=checkbox]{width:16px;height:16px;accent-color:var(--brass)}input[type=color]{cursor:pointer;height:36px;padding:3px}input[type=range]{accent-color:var(--brass);padding:0}textarea{resize:vertical;line-height:1.65}select{cursor:pointer}fieldset{border:0;min-width:0;margin:0;padding:0}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:var(--serif);letter-spacing:-.025em;font-weight:400}h1{font-size:40px;line-height:1.16}h2{font-size:28px;line-height:1.25}h3{font-size:21px;line-height:1.3}h4{font-size:15px;font-weight:500}p{color:#9da4b3;line-height:1.7}em{color:var(--brass);font-weight:400}svg{flex-shrink:0}::selection{color:#111317;background:#e6c48a}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#343b4b;border-radius:10px}::-webkit-scrollbar-track{background:0 0}.eyebrow{color:#9da4b3;letter-spacing:.2em;font-size:14px;font-weight:600;line-height:1.6;display:block}.muted{color:#9299a7;font-size:14px}.primary,.ghost,.danger{letter-spacing:.015em;white-space:nowrap;border-radius:8px;min-height:43px;padding:11px 17px;font-size:14px;font-weight:600}.primary{background:var(--brass);color:#1a1814;border:1px solid #dcc291;box-shadow:0 4px 15px #00000012}.primary:hover:not(:disabled){background:#e0c696;box-shadow:0 4px 20px #e6c48a20}.ghost{color:#c6cfde;background:#ffffff04;border:1px solid #ffffff1c}.ghost:hover:not(:disabled){background:#ffffff09;border-color:#ffffff4d}.danger{color:#e7a193;background:#a557491a;border:1px solid #b66e5e55}.danger:hover:not(:disabled){background:#a557493a}.text-button{color:var(--brass);padding:6px 0;font-size:14px;font-weight:500}.text-button:hover{color:#efd7aa}.wide{justify-content:space-between;width:100%}.compact{min-height:34px;padding:7px 11px;font-size:14px}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.field{flex-direction:column;gap:7px;margin-bottom:18px;display:flex}.field>span{color:#c6cfde;font-size:14px;font-weight:500}.field input,.field textarea,.field select{min-height:43px}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px;display:grid}.check-field{color:#c6cfde;align-items:center;gap:9px;margin:12px 0 24px;font-size:14px;display:flex}.error{color:#e7a395;background:#78433825;border:1px solid #b27e6450;border-radius:7px;margin:12px 0;padding:11px 13px;font-size:14px}.badge,.role-chip{color:#c6cfde;white-space:nowrap;background:#ffffff08;border-radius:5px;align-items:center;padding:4px 8px;font-size:14px;font-weight:500;display:inline-flex}.badge.green{color:#e6c48a;background:#e6c48a12}.badge.amber{color:#c9ae78;background:#c0a47412}.badge.red{color:#d9938b;background:#bb746c15}.role-chip{color:#c4b389;letter-spacing:.03em;background:#aa925a09;border:1px solid #b29c6540;font-size:14px}.avatar{color:#c6cfde;background:#232833;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.small{border-radius:8px;width:29px;height:29px;font-size:14px}.status-dot{background:#e6c48a;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 8px #e6c48a25}.status-dot.offline{background:#c49a67}.brand{align-items:center;gap:11px;min-width:0;display:flex}.brand>img{width:39px;height:39px}.brand>span{font-family:var(--serif);letter-spacing:-.02em;color:#f2edde;white-space:nowrap;font-size:25px;font-weight:500;line-height:1.1}.brand .amp{color:var(--brass);padding:0 3px;font-style:italic}.brand small{font-family:var(--sans);letter-spacing:.23em;color:#9299a7;margin-top:8px;font-size:12px;font-weight:500;display:block}.lock-emblem{color:#ccaf76;background:linear-gradient(135deg,#b3956010,#b3956003);border:1px solid #aa925332;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:31px;display:flex;box-shadow:inset 0 1px #ffffff03}.auth-switch button{color:#e6c48a;margin-left:5px;font-weight:500;display:inline}.auth-trust{color:#9299a7;border-top:1px solid #ffffff0b;justify-content:center;align-items:center;gap:8px;margin-top:28px;padding-top:23px;font-size:12px;display:flex}.pending,.loading-screen{text-align:center;background:radial-gradient(#23283340,#0000 65%);flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100svh;padding:30px;display:flex}.pending .brand,.loading-screen .brand{position:absolute;top:40px;left:45px}.pending .lock-emblem{margin:0}.pending p{max-width:420px}.pending h1{font-size:46px}.spinner{border:1px solid #b9aa7f30;border-top-color:var(--brass);border-radius:50%;width:26px;height:26px;animation:.9s linear infinite spin}.loading-screen p{font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{grid-template-columns:222px minmax(0,1fr);height:100svh;display:grid;overflow:hidden}.sidebar{z-index:20;background:linear-gradient(#11151e,#11151e 45%);border-right:1px solid #ffffff09;flex-direction:column;min-height:0;padding:27px 14px 14px;display:flex;overflow-y:auto}.sidebar .brand{margin-bottom:38px;padding:0 8px}.sidebar .brand>img{width:31px;height:31px}.sidebar .brand small{letter-spacing:.17em;font-size:12px}.sidebar-caption{letter-spacing:.18em;color:#9299a7;margin:23px 13px 12px;font-size:12px;font-weight:600}.nav-item{color:#9da4b3;text-align:left;border-radius:7px;justify-content:flex-start;gap:11px;width:100%;min-height:42px;margin-bottom:3px;padding:10px 13px;font-size:14px;display:flex;position:relative}.nav-item svg{color:#9299a7;stroke-width:1.5px}.nav-item:hover{color:#c6cfde;background:#ffffff04}.nav-item.active{color:#c6cfde;background:#ffffff0d}.nav-item.active:before{content:"";background:#baa779;border-radius:2px;width:2px;height:17px;position:absolute;top:12px;left:0}.nav-item.active svg{color:#d2bb8d}.nav-item small{color:#9299a7;text-align:center;background:#ffffff0b;border-radius:4px;min-width:18px;margin-left:auto;font-size:12px}.sidebar-bottom{margin-top:auto;padding-top:35px}.session-card{color:#9da4b3;border:1px solid #ffffff10;border-radius:8px;align-items:flex-start;gap:9px;margin-bottom:16px;padding:12px;font-size:12px;display:flex}.session-card .status-dot{margin-top:5px}.session-card small{color:#9299a7;margin-top:3px;font-size:12px;display:block}.profile{text-align:left;border-top:1px solid #ffffff0a;justify-content:flex-start;gap:9px;width:100%;padding:17px 7px 3px;font-size:14px}.profile>span:nth-child(2){flex:1}.profile small{color:#9299a7;margin-top:2px;font-size:12px;display:block}.profile>svg{color:#9299a7}.main-column{flex-direction:column;min-width:0;display:flex;overflow:hidden}.topbar{background:#11151e;border-bottom:1px solid #ffffff0b;justify-content:space-between;align-items:center;gap:12px;height:67px;min-height:67px;padding:0 30px;display:flex}.breadcrumbs{color:#9299a7;white-space:nowrap;align-items:center;gap:12px;font-size:14px;display:flex;overflow:hidden}.breadcrumbs span{text-overflow:ellipsis;overflow:hidden}.breadcrumbs b{color:#c6cfde;font-weight:500}.top-actions{flex-shrink:0;align-items:center;gap:18px;display:flex}.top-actions>button:not(.ghost){color:#9da4b3;width:27px;height:30px}.mobile-menu{display:none}.page-scroll{scrollbar-gutter:stable;flex:1;min-height:0;overflow-y:auto}.content-page{padding:36px 34px 60px}.section-heading{justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:29px;display:flex}.section-heading .eyebrow{color:#9299a7;margin-bottom:10px;font-size:12px}.section-heading h1{font-size:36px}.section-heading p{margin-top:9px;font-size:14px}.section-heading h2{font-size:27px}.section-heading h2>span{font-family:var(--sans);color:#9299a7;vertical-align:middle;margin-left:12px;font-size:14px}.section-subtitle{margin:34px 0 24px;font-size:25px}.lobby{background:radial-gradient(at 95% 7%,#343b4b15,#0000 70%);padding:36px 45px 40px}.lobby-intro{isolation:isolate;min-height:342px;margin-bottom:24px;padding:27px 0 50px;position:relative}.lobby-intro>.eyebrow{margin-bottom:19px;font-size:12px}.lobby-intro h1{max-width:590px;margin-bottom:20px;font-size:clamp(37px,3.3vw,54px);line-height:1.16}.lobby-intro>p{max-width:465px;margin-bottom:28px;font-size:14px}.lobby-intro>.primary{margin-right:10px}.lobby-intro>.ghost{font-size:14px}.lobby-illustration{z-index:-1;opacity:1;background:#191c23;border:1px solid #ffffff17;border-radius:50% 50% 10px 10px;width:41%;height:335px;position:absolute;top:0;right:-14px;overflow:hidden;box-shadow:0 0 0 10px #bcb28303;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20%);mask-image:linear-gradient(90deg,#0000,#000 20%)}.lobby-illustration img{object-fit:cover;object-position:75% center;opacity:.95;width:100%;height:100%}.art-caption{text-align:center;letter-spacing:.2em;color:#c9ba8c;font-size:12px;position:absolute;bottom:20px;left:15px;right:15px}.campaign-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.campaign-card{text-align:left;background:#191c23;border:1px solid #ffffff17;border-radius:10px;padding:0;transition:transform .25s,border-color .25s,box-shadow .25s;display:block;overflow:hidden}.campaign-card:hover{border-color:#bcb07d70;transform:translateY(-4px);box-shadow:0 12px 28px #0003}.campaign-art{background:#232833;height:163px;position:relative;overflow:hidden}.campaign-art img{object-fit:cover;opacity:.95;object-position:center 40%;width:100%;height:100%;transition:transform .6s}.campaign-card:hover .campaign-art img{transform:scale(1.035)}.campaign-role{color:#c6cfde;letter-spacing:.13em;background:#11151ec4;border:1px solid #ffffff16;border-radius:4px;padding:5px 7px;font-size:12px;position:absolute;top:14px;left:14px}.campaign-arrow{width:30px;height:30px;color:var(--brass);background:#11151ed8;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:13px;right:14px}.campaign-body{padding:20px}.campaign-body>small{letter-spacing:.13em;color:#a9a57b;font-size:12px}.campaign-body h3{margin:10px 0 17px;font-size:23px}.campaign-body p{color:#9da4b3;border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding-top:13px;font-size:12px;display:flex}.empty-state{text-align:center;background:#ffffff02;border:1px dashed #ffffff1f;border-radius:12px;flex-direction:column;align-items:center;gap:13px;padding:50px 30px;display:flex}.empty-state>svg{color:#9299a7;stroke-width:1px}.empty-state h3{font-size:25px}.empty-state p{font-size:14px}.lobby-footer{border-top:1px solid #ffffff0b;align-items:center;gap:35px;margin-top:36px;padding-top:22px;display:flex}.lobby-footer span{letter-spacing:.18em;color:#c3ae7b;font-size:12px}.lobby-footer p{color:#9299a7;font-size:14px}.game-layout{flex:1;grid-template-columns:minmax(0,1fr) 295px;min-height:0;display:grid;overflow:hidden}.game-layout.no-right{grid-template-columns:minmax(0,1fr)}.workspace{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.workspace>.content-page{width:100%}.battlemap{background:radial-gradient(#232833,#11151e);height:100%;position:relative;overflow:hidden}.map-surface{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.tool-select{cursor:default}.tool-pan{cursor:grab}.tool-pan:active{cursor:grabbing}.map-token{cursor:grab}.map-token:focus-visible{filter:drop-shadow(0 0 6px #e6c58a);outline:none}.online-chip{color:#c6cfde;white-space:nowrap;background:#191c23;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:7px;padding:7px 11px;font-size:14px;display:inline-flex}.online-chip:hover{background:#232833;border-color:#ffffff26}.online-chip .status-dot{width:6px;height:6px}.online-list{gap:8px;margin-top:20px;display:grid}.online-person{background:#11151e;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:12px;padding:13px;display:flex}.online-person>div{flex:1;min-width:0}.online-person small{color:#9da4b3;margin-top:4px;display:block}.person-dot{background:#596171;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.person-dot.connected{background:#e6c48a;box-shadow:0 0 8px #e6c48a30}.presence-badge{color:#c6cfde;white-space:nowrap;font-size:14px}.presence-badge.away{color:#d0b383}.presence-badge.away .person-dot{background:#596171}.map-options .upload-map{color:#e4cf9e;align-items:center;gap:6px;width:auto;padding:0 9px;font-size:14px;display:flex}.remote-cursor{opacity:.85}@media (max-width:740px){.top-actions .role-chip{display:none}.online-chip{gap:5px;padding:6px 8px;font-size:14px}.online-person{flex-wrap:wrap}.presence-badge{font-size:12px}}.map-token:active{cursor:grabbing}.scene-label{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#11151ed6;border:1px solid #ffffff10;border-radius:8px;padding:13px 17px;position:absolute;top:25px;left:77px;box-shadow:0 8px 24px #0001}.scene-label .eyebrow{color:#9299a7;font-size:12px}.scene-label h3{color:#f2f3f5;margin:4px 0;font-size:20px}.scene-meta{color:#9299a7;font-size:12px}.map-options{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#11151ed9;border:1px solid #ffffff20;border-radius:8px;align-items:center;gap:3px;padding:5px;display:flex;position:absolute;top:25px;right:19px}.map-options button{color:#9da4b3;border-radius:5px;width:30px;height:29px}.map-options button.active{color:#d5c087;background:#c0ae7915}.map-options input[type=range]{width:60px;height:20px;margin:0 5px}.map-bottom{pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:17px;left:19px;right:19px}.tool-hint{color:#9da4b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#11151ed9;border:1px solid #ffffff17;border-radius:7px;padding:8px 12px;font-size:12px}.tool-hint span{color:#9299a7;margin-top:3px;font-size:12px;display:block}.zoom-controls{pointer-events:all;background:#11151ee8;border:1px solid #ffffff1f;border-radius:7px;align-items:center;padding:5px;display:flex;box-shadow:0 5px 15px #0002}.zoom-controls button{color:#9da4b3;width:26px;height:25px}.zoom-controls span{color:#9da4b3;text-align:center;min-width:42px;padding:0 7px;font-size:12px}.token-inspector{z-index:6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);white-space:nowrap;background:#191c23ee;border:1px solid #c5bc8440;border-radius:11px;align-items:center;gap:10px;padding:11px;display:flex;position:absolute;bottom:77px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0005}.token-inspector>div{min-width:95px;margin-right:8px}.token-inspector b{font-size:14px}.token-inspector small{color:#9da4b3;font-size:12px;display:block}.token-inspector>button{color:#9da4b3;background:#ffffff04;border-radius:5px;width:26px;height:26px}.token-inspector>button:hover{background:#ffffff10}.add-map-token{z-index:3;position:absolute;bottom:77px;left:19px}.selection-ring{filter:drop-shadow(0 0 5px #ecdfa877)}.ping{animation:1.2s infinite ping}@keyframes ping{0%{opacity:1;stroke-width:3px}to{opacity:0;stroke-width:20px}}.right-panel{background:#11151e;border-left:1px solid #ffffff0b;flex-direction:column;min-height:0;display:flex;overflow:hidden}.right-tabs{border-bottom:1px solid #ffffff0a;flex-shrink:0;gap:22px;height:54px;padding:0 17px;display:flex}.right-tabs button{color:#9299a7;border-bottom:2px solid #0000;gap:7px;padding:0 2px;font-size:14px}.right-tabs button.active{color:#c6cfde;border-bottom-color:#b7a679}.right-tabs svg{stroke-width:1.5px;width:14px}.chat-channel{flex-shrink:0;align-items:center;gap:8px;padding:19px 19px 12px;font-size:14px;display:flex}.chat-channel b{color:#c6cfde;font-weight:500}.chat-channel select{color:#9299a7;background:0 0;border-color:#ffffff0b;width:auto;max-width:116px;min-height:24px;margin-left:auto;padding:4px 6px;font-size:12px}.chat-messages{flex-direction:column;flex:1;gap:18px;min-height:0;padding:10px 18px 18px;display:flex;overflow-y:auto}.chat-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;margin:auto 12px;padding:40px 5px;display:flex}.chat-empty>svg{color:#9299a7;stroke-width:1px}.chat-empty h4{font-family:var(--serif);color:#c6cfde;font-size:19px}.chat-empty p{color:#9299a7;font-size:14px}.message{border-left:1px solid #fff2;max-width:100%;padding-left:10px}.message.own{border-left-color:#cbb17e50}.message-meta{justify-content:space-between;gap:10px;margin-bottom:6px;display:flex}.message-meta b{color:#9da4b3;font-size:12px;font-weight:600}.message-meta time{color:#9299a7;padding-top:1px;font-size:12px}.message p{color:#9da4b3;overflow-wrap:anywhere;white-space:pre-wrap;font-size:14px;line-height:1.65}.message>small{color:#9299a7;align-items:center;gap:5px;margin-top:5px;font-size:12px;display:flex}.message.dice-message{background:#c0ae7308;border:1px solid #c0ae731c;border-radius:7px;padding:11px}.dice-result{color:#dfc18a;font-family:var(--serif);margin-top:3px;font-size:30px;display:block}.chat-compose{background:#11151e;border:1px solid #ffffff1c;border-radius:8px;gap:6px;margin:12px 15px 8px;padding:6px;display:flex}.chat-compose input{min-width:0;box-shadow:none;background:0 0;border:0;padding:8px 5px;font-size:14px}.chat-compose button{color:#111317;background:#e6c48a;border-radius:5px;width:30px;min-width:30px;height:30px;margin:auto}.quick-roll{color:#9299a7;align-self:flex-start;gap:7px;margin:3px 17px 18px;font-size:12px}.quick-roll span{color:#bbaa75;margin-left:14px}.right-footer{color:#9299a7;border-top:1px solid #ffffff0b;flex-shrink:0;align-items:center;gap:6px;padding:12px 17px;font-size:12px;display:flex}.right-footer small{color:#9299a7;margin-left:auto;font-size:12px}.right-footer .status-dot{width:4px;height:4px}.initiative-mini{background:linear-gradient(90deg,#b19c6412,#0000);border-bottom:1px solid #ffffff0b;padding:15px 18px;position:relative}.initiative-mini .eyebrow{color:#bca66b;font-size:12px}.initiative-mini h4{font-family:var(--serif);color:#c6cfde;margin-top:5px;font-size:18px}.initiative-mini h4 small{font-family:var(--sans);color:#9299a7;margin-top:4px;font-size:12px;display:block}.initiative-mini>button{color:#c9af76;position:absolute;top:26px;right:16px}.party-list{flex:1;padding:20px 17px;overflow:auto}.party-list>.eyebrow{margin-bottom:19px;font-size:12px}.party-member{text-align:left;justify-content:flex-start;gap:10px;width:100%;margin-bottom:18px}.party-member>span:nth-child(2){flex:1;min-width:0}.party-member b{text-overflow:ellipsis;font-size:14px;font-weight:500;display:block;overflow:hidden}.party-member small{color:#9299a7;font-size:12px;display:block}.party-member .avatar{background:#343b4b;width:33px;height:36px;font-size:14px}.party-member strong{color:#9da4b3;font-size:14px;font-weight:400}.party-member .hp-track{height:3px;margin-top:6px}.party-member>strong small{font-size:12px}.party-list .sidebar-caption{margin:28px 0 15px;font-size:12px}.member-row{align-items:center;gap:8px;padding:9px 0;font-size:12px;display:flex}.member-row>span:nth-child(2){text-overflow:ellipsis;flex:1;overflow:hidden}.member-row small{color:#9299a7;font-size:12px}.member-row button{color:#9299a7}.hp-track{background:#ffffff0b;border-radius:4px;height:4px;display:block;overflow:hidden}.hp-track i{background:#e6c48a;border-radius:4px;height:100%;transition:width .2s;display:block}.character-grid,.compendium-grid,.journal-grid,.scene-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:21px;display:grid}.character-card{background:#191c23;border:1px solid #ffffff1c;border-radius:10px;overflow:hidden}.character-portrait{background:radial-gradient(at 50% 100%,#ffffff29,#232833 90%);justify-content:center;align-items:center;height:148px;display:flex;position:relative;overflow:hidden}.portrait-1{background:radial-gradient(at 50% 100%,#95784930,#433c2a)}.portrait-2{background:radial-gradient(at 50% 100%,#7d739729,#232833)}.character-portrait>span:not(.character-level){font-family:var(--serif);color:#e3d4b254;font-size:86px;font-style:italic}.character-portrait img{object-fit:cover;object-position:center 30%;width:100%;height:100%}.character-level{color:#d9c98e;letter-spacing:.08em;background:#11151ecc;border:1px solid #ccb87c29;border-radius:4px;padding:5px 7px;font-size:12px;position:absolute;top:11px;right:11px}.character-body{padding:20px}.character-body>small{color:#9da4b3;font-size:12px}.character-body h2{margin:8px 0 16px;font-size:25px}.character-stats{color:#9da4b3;gap:20px;margin-bottom:11px;font-size:14px;display:flex}.character-stats span{align-items:center;gap:6px;display:flex}.character-stats svg{color:#a7976c;width:12px}.character-body .hp-track{margin-bottom:22px}.character-body .ghost{min-height:35px;font-size:14px}.character-body>.text-button{margin-top:10px;font-size:12px}.search-bar{background:#11151e;border:1px solid #ffffff13;border-radius:8px;align-items:center;gap:13px;margin-bottom:27px;padding:9px 14px;display:flex}.search-bar>svg{color:#9299a7;width:16px}.search-bar input{box-shadow:none;background:0 0;border:0;padding:5px 0;font-size:14px}.search-bar select{background:#11151e;border-color:#ffffff0b;flex-shrink:0;width:180px;min-height:32px;padding:7px 10px;font-size:12px}.compendium-card{text-align:left;background:#191c23;border:1px solid #ffffff15;border-radius:9px;flex-direction:column;align-items:flex-start;gap:0;min-height:222px;padding:22px;display:flex}.compendium-card:hover{background:#20242c;border-color:#b7aa6d43}.compendium-icon{color:#b7a676;background:#b6a4740d;border-radius:8px;justify-content:center;align-items:center;width:35px;height:35px;margin-bottom:17px;display:flex}.compendium-card>small{color:#9299a7;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:12px}.compendium-card h3{margin-bottom:11px;font-size:22px}.compendium-card p{color:#9299a7;margin-bottom:18px;font-size:14px;line-height:1.7}.compendium-card>.text-button{margin-top:auto;font-size:12px}.journal-card{background:linear-gradient(120deg,#191c23,#191c23);border:1px solid #ffffff16;border-radius:9px;padding:25px}.journal-card>.eyebrow{color:#9da4b3;margin-bottom:17px;font-size:12px}.journal-card h2{margin-bottom:13px;font-size:25px}.journal-card h3{margin:15px 0}.journal-card p{color:#9da4b3;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.9}.journal-card .button-row{justify-content:space-between;margin-top:24px}.journal-card .text-button{font-size:14px}.journal-card .button-row>button:not(.text-button){color:#9299a7}.journal-card>.ghost{min-height:32px;margin-top:16px;font-size:12px}.handout-image{object-fit:contain;border-radius:6px;width:100%;max-height:220px}.scene-card{background:#191c23;border:1px solid #ffffff1c;border-radius:9px;padding:12px}.scene-thumb{background:#232833;border-radius:6px;height:135px;margin-bottom:16px;overflow:hidden}.scene-thumb img{object-fit:cover;width:100%;height:100%}.scene-card>small{letter-spacing:.1em;color:#aaa573;padding:0 5px;font-size:12px}.scene-card h3{margin:7px 5px 14px;font-size:20px}.scene-card>.ghost{min-height:32px;margin:0 5px 5px;font-size:12px}.scene-grid+.button-row{margin-top:22px}.file-label{cursor:pointer;align-items:center;gap:8px;width:fit-content;margin-top:18px;display:inline-flex}.entry-body{color:#9da4b3;white-space:pre-wrap;overflow-wrap:anywhere;max-height:55vh;padding:20px 0 25px;font-size:16px;line-height:1.85;overflow:auto}.combat-list{flex-direction:column;gap:9px;margin-bottom:24px;display:flex}.combat-row{background:#191c23;border:1px solid #ffffff17;border-radius:8px;align-items:center;gap:16px;padding:15px;display:flex;position:relative}.combat-row.current{background:linear-gradient(90deg,#ae995017,#191c23);border-color:#b5a26657}.combat-row.current:before{content:"";background:var(--brass);border-radius:2px;width:2px;position:absolute;top:18px;bottom:18px;left:0}.turn-number{color:#9299a7;text-align:center;width:15px;font-size:14px}.combat-name{flex:1;min-width:65px}.combat-name b{color:#c6cfde;font-size:14px;font-weight:500}.combat-name small{color:#9299a7;text-overflow:ellipsis;white-space:nowrap;max-width:240px;margin-top:4px;font-size:12px;display:block;overflow:hidden}.combat-row .avatar{color:#111317;border-radius:8px;width:35px;height:35px}.combat-row>label{color:#9299a7;text-align:center;align-items:center;gap:7px;font-size:12px;display:flex}.combat-row>label input{text-align:center;background:#11151e;border-color:#ffffff0e;border-radius:5px;width:41px;padding:6px 3px;font-size:14px}.combat-row>span:not(.avatar):not(.turn-number){color:#9da4b3;align-items:center;gap:6px;min-width:45px;font-size:12px;display:flex}.combat-row>span>svg{color:#ac9c69;width:11px}.combat-row>button{color:#9299a7}.info-card{border-top:1px solid #ffffff17;align-items:center;gap:22px;margin-top:35px;padding:26px 0;display:flex}.info-card>svg{color:#b8a477;stroke-width:1px}.info-card h3{margin-bottom:7px;font-size:21px}.info-card p{color:#9299a7;font-size:14px}.dice-stage{text-align:center;background:radial-gradient(#343b4b17,#0000 75%);border:1px solid #ffffff18;border-radius:12px;flex-direction:column;align-items:center;margin-bottom:33px;padding:32px 28px 38px;display:flex}.dice-symbol{width:86px;height:94px;font-family:var(--serif);color:#d5bd80;clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);background:linear-gradient(145deg,#cab57913,#cab57902);border:1px solid #baa67555;justify-content:center;align-items:center;margin-bottom:22px;font-size:42px;display:flex;position:relative}.dice-symbol:after{content:"";border:1px solid #baa67525;position:absolute;inset:10px;transform:rotate(30deg)}.dice-stage h2{margin-bottom:25px;font-size:28px}.dice-presets{gap:7px;margin-bottom:20px;display:flex}.dice-presets button{color:#9299a7;background:#ffffff03;border:1px solid #ffffff18;border-radius:6px;width:40px;height:34px;font-size:14px}.dice-presets button.active{color:#ddc58b;background:#c5aa6711;border-color:#c5aa6755}.dice-input{gap:10px;width:100%;max-width:420px;margin-bottom:16px;display:flex}.dice-input input{font-variant-numeric:tabular-nums;background:#11151e;font-size:17px}.dice-input button{font-size:14px}.dice-stage .button-row{justify-content:center}.dice-stage select{background:0 0;width:auto;max-width:200px;padding:8px;font-size:12px}.dice-stage .muted{font-size:12px}.roll-history{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:20px;display:grid}.roll-history>div{background:#191c23;border:1px solid #ffffff17;border-radius:7px;align-items:center;gap:14px;padding:14px;display:flex}.roll-history svg{color:#a69b6a}.roll-history span{color:#c6cfde;flex:1;font-size:14px}.roll-history small{color:#9299a7;margin-top:4px;font-size:12px;display:block}.roll-history strong{font-family:var(--serif);color:#d8c28b;font-size:24px;font-weight:400}.admin-table{border:1px solid #ffffff1c;border-radius:9px;overflow:hidden}.admin-row{background:#191c23;border-top:1px solid #ffffff10;grid-template-columns:minmax(120px,1.3fr) minmax(100px,.75fr) minmax(75px,.6fr) minmax(140px,1fr);align-items:center;gap:20px;padding:18px 22px;font-size:14px;display:grid}.admin-row:first-child{border-top:0}.admin-row>span:first-child b{color:#c6cfde;font-size:14px;font-weight:500}.admin-row>span:first-child small{color:#9299a7;margin-top:3px;font-size:12px;display:block}.admin-row select{background:#11151e;border-color:#ffffff1c;max-width:145px;padding:7px 10px;font-size:12px}.admin-row>.badge{width:fit-content;font-size:12px}.admin-row .button-row{justify-content:flex-end;gap:9px}.admin-row .button-row>.ghost{min-height:28px;padding:6px 8px;font-size:12px}.admin-row .button-row>button:not(.ghost){color:#9299a7;width:25px;height:25px}.admin-head{color:#9299a7;letter-spacing:.1em;background:#191c23;font-size:12px}.modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0c0e12cd;justify-content:center;align-items:center;padding:28px;animation:.15s fade-in;display:flex;position:fixed;inset:0}.dialog{background:linear-gradient(135deg,#191c23,#191c23);border:1px solid #ffffff25;border-radius:14px;width:100%;max-width:570px;max-height:calc(100svh - 56px);padding:28px;position:relative;overflow-y:auto;box-shadow:0 24px 80px #0006}.dialog>header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;padding-bottom:21px;display:flex}.dialog>header h2{font-size:27px}.dialog>header>button{color:#9299a7;border-radius:5px;width:30px;height:30px}.dialog>header>button:hover{color:#c6cfde;background:#ffffff10}.dialog>p{margin-bottom:22px;font-size:14px}.dialog .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dialog>button{margin-top:8px;margin-right:9px}.dialog h4{color:#9da4b3;margin:22px 0 12px;font-size:14px}.condition-list{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.condition-list button{color:#9299a7;border:1px solid #ffffff1c;border-radius:5px;padding:6px 9px;font-size:12px}.condition-list button.active{color:#d6bd82;background:#bdab7819;border-color:#bdab7840}.invite-code{letter-spacing:.17em;font-size:28px;font-family:var(--sans);text-align:center;color:#d7bc83;background:#bda97807;border:1px dashed #c4af7150;border-radius:9px;margin:22px 0 25px;padding:26px}.toast{z-index:150;color:#c6cfde;background:#232833f5;border:1px solid #ffffff36;border-radius:8px;align-items:center;gap:10px;max-width:min(90vw,560px);padding:13px 19px;font-size:14px;animation:.15s fade-in;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #0004}.toast svg{color:#9da4b3}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sheet-modal{background:#191c23;border:1px solid #ffffff2a;border-radius:14px;flex-direction:column;width:100%;max-width:1060px;height:90svh;display:flex;overflow:hidden;box-shadow:0 24px 85px #0007}.sheet-header{background:linear-gradient(120deg,#232833,#191c23);border-bottom:1px solid #ffffff14;align-items:center;gap:20px;padding:24px 28px;display:flex}.sheet-header .eyebrow{color:#9da4b3;font-size:12px}.sheet-header h2{margin:6px 0;font-size:32px}.sheet-header p{color:#9299a7;font-size:14px}.portrait{width:75px;height:86px;font-family:var(--serif);color:#d3c28e7d;background:radial-gradient(at 50% 100%,#fff3,#232833);border:1px solid #c4b47633;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:52px;display:flex;position:relative;overflow:hidden}.portrait>img{object-fit:cover;width:100%;height:100%}.portrait-upload{color:#c9ba80;cursor:pointer;background:#191c23ef;border-radius:5px;justify-content:center;align-items:center;width:27px;height:25px;display:flex;position:absolute;bottom:5px;right:5px}.sheet-actions{align-self:flex-start;gap:9px;margin-left:auto;display:flex}.sheet-actions>button{color:#9299a7;border-radius:5px;width:28px;height:28px}.sheet-actions>button:hover{color:#c6cfde;background:#ffffff12}.tabs{scrollbar-width:none;background:#191c23;border-bottom:1px solid #ffffff14;gap:24px;height:48px;min-height:48px;padding:0 29px;display:flex;overflow-x:auto}.tabs button{color:#9299a7;white-space:nowrap;border-bottom:2px solid #0000;padding:0 1px;font-size:14px}.tabs button.active{color:#d8c88c;border-bottom-color:#c6ae70}.sheet-content{flex:1;min-height:0;padding:28px 30px;overflow:auto}.sheet-content .form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px}.sheet-content h3{border-top:1px solid #ffffff14;margin:14px 0 21px;padding-top:12px;font-size:22px}.sheet-content h3:first-child{border-top:0;margin-top:0;padding-top:0}.sheet-content .field>span{color:#9299a7;font-size:12px}.sheet-content input,.sheet-content textarea{color:#c6cfde;background:#11151e;border-color:#ffffff15;padding:10px 11px;font-size:14px}.sheet-content .field{margin-bottom:17px}.ability-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-bottom:29px;display:grid}.ability{text-align:center;background:#191c23;border:1px solid #ffffff21;border-radius:9px;flex-direction:column;align-items:center;padding:12px 10px;display:flex;position:relative}.ability>span{text-transform:uppercase;letter-spacing:.08em;color:#9da4b3;margin-bottom:7px;font-size:12px}.ability input{text-align:center;font-family:var(--serif);width:100%;height:43px;box-shadow:none;color:#c6cfde;-webkit-appearance:textfield;appearance:textfield;background:0 0;border:0;padding:4px;font-size:30px}.ability input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.ability button{color:#9da4b3;background:#ffffff14;border-radius:5px;min-width:35px;margin-top:4px;padding:3px 9px;font-size:14px}.sheet-table{margin-bottom:15px;overflow-x:auto}.sheet-row{border-bottom:1px solid #ffffff12;align-items:center;gap:10px;min-width:650px;padding:10px 0;display:flex}.sheet-row .field{flex:1;min-width:77px;margin:0}.sheet-row .field:first-child{min-width:135px}.sheet-row>button{color:#9299a7;flex-shrink:0;width:25px;margin-top:16px}.sheet-row input{min-height:36px;padding:8px;font-size:14px}.sheet-row .field>span{white-space:nowrap;font-size:12px}.slot-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.slot-grid>div{background:#191c23;border:1px solid #ffffff18;border-radius:8px;padding:14px}.slot-grid b{color:#c6cfde;margin-bottom:12px;font-size:14px;font-weight:500;display:block}.slot-grid .field{margin-bottom:11px}.slot-grid .field:last-child{margin-bottom:0}.inventory-total{text-align:right;color:#9da4b3;padding:12px;font-size:14px}.code-editor{min-height:300px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.75;font-size:14px!important}.sheet-footer{background:#11151e;border-top:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:15px;padding:17px 28px;display:flex}.sheet-footer>span{color:#9299a7;font-size:12px}.sheet-footer .primary{min-height:36px;font-size:14px}@media (min-width:1600px){.content-page{padding:45px 50px}.lobby{padding:45px 65px}.lobby-intro{min-height:380px}.lobby-illustration{height:370px}.campaign-art{height:210px}.game-layout{grid-template-columns:minmax(0,1fr) 320px}}@media (max-width:1250px){.app-shell{grid-template-columns:202px minmax(0,1fr)}.game-layout{grid-template-columns:minmax(0,1fr) 265px}.sidebar{padding-left:10px;padding-right:10px}.sidebar .brand>span{font-size:20px}.sidebar .brand>img{width:29px}.content-page{padding:29px 24px}.lobby{padding:27px 30px}.lobby-illustration{opacity:.5;width:38%;right:-10px}.lobby-intro h1{font-size:43px}.lobby-intro>p{max-width:355px}.campaign-grid{gap:16px}.campaign-body{padding:16px}.campaign-art{height:140px}.topbar{padding:0 23px}.top-actions{gap:12px}.scene-label{max-width:calc(100% - 95px);top:19px;left:75px}.scene-label h3{font-size:18px}.map-options{top:110px;right:17px}.section-heading{align-items:flex-start}.section-heading h1{font-size:31px}.combat-row{gap:10px;padding:13px}.combat-row>.avatar{display:none}.combat-name small{max-width:150px}.admin-row{grid-template-columns:1fr 100px 75px 120px;gap:12px;padding:16px}}@media (max-width:1020px){.app-shell{grid-template-columns:185px minmax(0,1fr)}.sidebar .brand{gap:8px;padding:0 5px}.sidebar .brand>span{font-size:18px}.sidebar .brand>img{width:28px}.sidebar .brand small{font-size:12px}.nav-item{gap:9px;padding:10px;font-size:14px}.game-layout{grid-template-columns:minmax(0,1fr)}.right-panel{z-index:25;background:#11151efc;width:285px;position:absolute;top:67px;bottom:0;right:0;box-shadow:-12px 0 40px #0005}.campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-illustration{opacity:.35;width:45%;right:-20px}.lobby-intro h1{font-size:40px}.lobby-intro>.ghost{margin-top:10px;display:inline-flex}.top-actions>.role-chip{display:none}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roll-history{grid-template-columns:1fr}.sheet-header h2{font-size:28px}.sheet-actions{gap:3px}.sheet-content{padding:24px}.tabs{gap:19px;padding:0 24px}}@media (max-width:760px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:50;width:235px;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:20px 0 60px #0006}.sidebar.mobile-open{transform:translate(0)}.sidebar .brand>span{font-size:24px}.sidebar .brand>img{width:36px}.sidebar .brand small{font-size:12px}.sidebar .nav-item{min-height:46px;font-size:14px}.sidebar .sidebar-caption{font-size:12px}.mobile-menu{color:#9da4b3;flex-shrink:0;width:28px;display:flex}.topbar{height:58px;min-height:58px;padding:0 16px}.breadcrumbs{flex:1;gap:7px;font-size:12px}.top-actions{gap:11px}.top-actions .compact{border:none;min-height:30px;padding:6px}.top-actions .compact span,.top-actions>.avatar{display:none}.right-panel{width:min(320px,100vw - 50px);top:58px}.lobby{padding:22px}.lobby-intro{min-height:305px;margin-bottom:5px;padding-top:15px;padding-bottom:30px}.lobby-intro h1{font-size:40px}.lobby-intro>.eyebrow{margin-bottom:16px;font-size:12px}.lobby-intro>p{max-width:280px;font-size:14px}.lobby-illustration{opacity:.24;width:55%;height:270px;top:30px;right:-20px}.lobby-intro .primary{min-height:38px;margin-right:5px;font-size:14px}.lobby-intro .ghost{min-height:37px;padding:10px;font-size:12px}.lobby .section-heading{align-items:flex-end;gap:13px;margin-bottom:21px}.lobby .section-heading h2{font-size:25px}.lobby .section-heading>.ghost{padding:7px 9px;font-size:12px}.campaign-grid{gap:13px}.campaign-art{height:125px}.campaign-body{padding:15px}.campaign-body h3{margin-bottom:15px;font-size:20px}.campaign-body p{font-size:12px}.campaign-role{font-size:12px;top:9px;left:9px}.campaign-body>small{font-size:12px}.lobby-footer{margin-top:27px;padding-top:19px;display:block}.lobby-footer p{margin-top:9px;font-size:12px}.content-page{padding:26px 20px 45px}.section-heading{flex-wrap:wrap;gap:18px;margin-bottom:23px}.section-heading h1{font-size:32px}.section-heading p{font-size:14px}.section-heading .primary,.section-heading .ghost{min-height:35px;padding:9px 12px;font-size:14px}.character-grid,.compendium-grid,.journal-grid,.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.character-portrait{height:135px}.character-body{padding:15px}.character-body h2{font-size:22px}.character-stats{gap:10px;font-size:12px}.character-body .ghost{padding:8px;font-size:12px}.compendium-card{min-height:217px;padding:17px}.compendium-card h3{font-size:20px}.compendium-card p,.compendium-card .text-button{font-size:12px}.search-bar{gap:10px;padding:8px 10px}.search-bar select{width:120px;font-size:12px}.search-bar input{font-size:14px}.journal-card{padding:19px}.journal-card h2{font-size:22px}.journal-card p{font-size:14px}.scene-card h3{font-size:18px}.scene-thumb{height:105px}.combat-row{gap:10px;padding:13px 10px}.combat-name b{font-size:14px}.combat-row>.turn-number{width:9px;font-size:12px}.combat-row>label{font-size:12px;display:block}.combat-row>label input{width:32px;margin-top:3px;padding:5px 0;display:block}.combat-row>span:not(.avatar):not(.turn-number){gap:3px;min-width:28px;font-size:12px}.combat-row>span>svg{width:10px}.combat-row>button svg{width:13px}.combat-name small{max-width:110px;font-size:12px}.info-card{gap:16px}.info-card h3{font-size:21px}.info-card p{font-size:12px}.dice-stage{padding:27px 14px}.dice-stage h2{font-size:25px}.dice-input button{padding:10px 13px;font-size:14px}.dice-presets{gap:5px}.dice-presets button{width:36px}.admin-table{overflow-x:auto}.admin-row{grid-template-columns:130px 100px 85px 140px;min-width:570px}.admin-row .button-row{justify-content:flex-start}.battlemap{min-height:350px}.scene-label{max-width:calc(100% - 90px);padding:11px 13px;top:15px;left:66px}.scene-label h3{font-size:18px}.scene-label .eyebrow,.scene-meta{font-size:12px}.map-options{gap:1px;padding:4px;top:100px;right:14px}.map-options button{width:27px}.map-options input{width:44px!important}.map-bottom{bottom:13px;left:12px;right:12px}.tool-hint{max-width:175px;padding:7px 9px;font-size:12px}.tool-hint span{font-size:12px;line-height:1.6}.zoom-controls{padding:4px}.zoom-controls button{width:23px}.zoom-controls span{min-width:30px;padding:0 4px;font-size:12px}.add-map-token{min-height:31px;padding:6px 9px;font-size:12px;bottom:70px;left:12px}.token-inspector{gap:6px;max-width:calc(100vw - 25px);padding:9px;bottom:70px}.token-inspector .avatar{width:29px;height:29px;font-size:14px}.token-inspector>div{text-overflow:ellipsis;min-width:60px;max-width:100px;margin:0;overflow:hidden}.token-inspector b,.token-inspector small{font-size:12px}.token-inspector>button{width:23px;height:24px}.modal-backdrop{padding:16px}.dialog{border-radius:12px;max-height:calc(100svh - 32px);padding:23px}.dialog>header h2{font-size:25px}.dialog .field>span,.dialog .primary{font-size:14px}.sheet-backdrop{padding:0}.sheet-modal{border:0;border-radius:0;max-width:none;height:100svh}.sheet-header{gap:13px;padding:18px}.portrait{width:52px;height:64px;font-size:40px}.sheet-header .eyebrow{font-size:12px}.sheet-header h2{margin:5px 0;font-size:25px}.sheet-header p{font-size:12px}.sheet-actions{gap:1px;margin-left:auto}.sheet-actions>button{width:23px}.sheet-actions>button svg{width:16px}.sheet-header>div:nth-child(2){min-width:0}.sheet-header h2{text-overflow:ellipsis;max-width:190px;overflow:hidden}.tabs{gap:20px;height:44px;min-height:44px;padding:0 18px}.tabs button{font-size:12px}.sheet-content{padding:22px 18px}.sheet-content .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.ability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.ability{padding:10px}.ability>span{font-size:12px}.ability input{font-size:29px}.slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sheet-footer{padding:14px 18px}.sheet-footer>span{max-width:150px;font-size:12px}.sheet-footer .primary{padding:9px 12px;font-size:12px}.pending h1{font-size:36px}.pending .brand,.loading-screen .brand{top:25px;left:25px}.pending p{font-size:14px}.toast{padding:12px 15px;font-size:14px;bottom:17px}}@media (max-width:390px){.lobby-intro h1{font-size:35px}.campaign-grid,.character-grid,.journal-grid,.scene-grid{grid-template-columns:1fr}.campaign-art{height:170px}.compendium-grid{grid-template-columns:1fr}.character-portrait{height:190px}.top-actions{gap:7px}.character-body>.ghost{font-size:14px}.sheet-actions>button:not(:last-child),.combat-name small{display:none}.dialog .button-row{gap:7px}.dialog .primary,.dialog .ghost{padding:9px 11px}.search-bar select{width:99px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media print{body{color:#111;background:#fff}.app-shell,.toast,.sheet-actions,.tabs,.sheet-footer,.portrait-upload{display:none!important}.modal-backdrop.sheet-backdrop{background:#fff;padding:0;position:static;display:block!important}.sheet-modal{color:#111;max-width:none;height:auto;max-height:none;box-shadow:none;background:#fff;border:0;display:block;overflow:visible}.sheet-header{background:#fff;border-color:#bbb}.sheet-header h2,.sheet-header p,.sheet-header .eyebrow,.sheet-content .field>span{color:#111}.sheet-content{overflow:visible}.sheet-content input,.sheet-content textarea,.ability{color:#111;background:#fff;border:1px solid #aaa}.sheet-row{break-inside:avoid}.sheet-content h3{color:#111}.sheet-backdrop fieldset{display:block}}.owner-field{margin:15px 0 4px}.owner-field>span{color:#9299a7;font-size:12px}.owner-field select{background:#11151e;border-color:#ffffff1c;min-height:32px;padding:7px;font-size:12px}.delete-character{color:#bd877b!important;margin-top:7px!important;font-size:12px!important}.chat-attachment{cursor:pointer;color:#9299a7;align-items:center;gap:7px;padding:8px 18px 0;font-size:12px;display:flex}.chat-attachment:hover{color:#c7b581}.chat-image{object-fit:contain;border:1px solid #ffffff28;border-radius:5px;max-width:100%;max-height:190px;margin-top:10px}.follow-camera{color:#9da4b3;align-items:center;gap:7px;padding:5px;font-size:12px;display:flex}.follow-camera input{width:12px;height:12px}.battlemap:-webkit-full-screen{background:#11151e}.battlemap:fullscreen{background:#11151e}.battlemap:-webkit-full-screen .map-surface{width:100vw;height:100svh}.battlemap:fullscreen .map-surface{width:100vw;height:100svh}.map-selection{z-index:5;color:#d6c69e;background:#11151eee;border:1px solid #e6c48a44;border-radius:7px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex;position:absolute;top:105px;left:50%;transform:translate(-50%)}.map-selection button{padding:4px}.variant-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:20px;display:flex}.variant-bar .field{min-width:170px;margin:0}.dice-macros{margin:25px 0 30px}.dice-macros .section-heading{margin-bottom:12px}.macro-chip{border:1px solid var(--border);background:#e6c48a0a;border-radius:6px;align-items:center;display:flex;overflow:hidden}.macro-chip>button{color:var(--brass);padding:8px 10px;font-size:14px}.macro-chip small{color:var(--muted-foreground);font-size:12px}.roll-stats{gap:15px;margin-bottom:28px;display:flex}.roll-stats>span{border:1px solid var(--border);color:var(--muted-foreground);border-radius:8px;flex:1;padding:16px;font-size:12px}.roll-stats b{font:26px var(--serif);color:var(--brass);margin-bottom:5px;display:block}.top-actions>button.online-chip:not(.ghost){color:#c6cfde;width:auto;height:auto}.map-options{scrollbar-width:thin;max-width:calc(100% - 90px);top:auto;bottom:70px;overflow-x:auto}.map-options button,.map-options select,.map-options input{flex-shrink:0}.map-options .upload-map{white-space:nowrap;width:auto}.scene-thumb video{object-fit:cover;width:100%;height:100%}.map-selection{bottom:120px}@media (max-width:740px){.map-options{max-width:calc(100% - 72px);top:auto;bottom:84px;right:12px}}:root{--muted-foreground:#9da4b3}small{font-size:13px}p{color:#9da4b3}h1,h2,h3{font-weight:500}input,select,textarea{min-height:44px;font-size:15px}input[type=checkbox],input[type=color],input[type=range]{min-height:0}.primary,.ghost,.danger{min-height:44px;font-size:14px}.text-button{min-height:36px;font-size:13px}.app-shell{grid-template-columns:246px minmax(0,1fr)}.nav-item{min-height:46px;font-size:14px}.sidebar-caption,.eyebrow{letter-spacing:.13em;color:#9da4b3;font-size:12px}.brand small,.sidebar .brand small{letter-spacing:.08em;font-size:9px}.sidebar .brand>span{font-size:27px}.profile small,.session-card small{font-size:12px}.topbar{min-height:72px}.top-actions .online-chip{min-height:40px;font-size:13px}.field>span,.owner-field>span{color:#9da4b3;text-transform:none;letter-spacing:.015em;font-size:13px}.field input,.field select,.field textarea{font-size:15px}.character-body h2{font-size:32px}.character-body>small{font-size:13px}.character-body>.ghost{font-size:14px}.delete-character{font-size:13px!important}.character-card{transition:border-color .2s,transform .2s}.character-card:hover{border-color:#e6c48a66}.character-portrait img{transition:transform .5s}.character-card:hover .character-portrait img{transform:scale(1.035)}.collection-search{max-width:580px;color:var(--brass);align-items:center;gap:12px;margin:24px 0;display:flex}.collection-search input{width:100%}.library-guide{background:linear-gradient(120deg,#191c23,#191c23);border:1px solid #fff3;border-radius:12px;gap:16px;max-width:850px;padding:20px 22px;display:flex}.library-guide>svg{color:var(--brass);margin-top:3px}.library-guide b{font-size:15px;font-weight:600}.library-guide p{margin-top:5px;font-size:14px}.personal-card .character-portrait{width:100%;color:var(--brass);background:radial-gradient(at 50% 0,#343b4b,#11151e);padding:0}.personal-card-footer{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:8px;margin-top:18px;font-size:12px;display:flex}.personal-card-footer button{border-radius:8px;min-width:40px;min-height:40px}.personal-card-footer button:hover{color:#e7a49b;background:#d2837915}.personal-lobby-link{width:max-content;max-width:100%;margin-top:22px;display:flex}.library-error{align-items:center;gap:12px;padding:20px 0;display:flex}.dialog-intro{margin-bottom:22px;font-size:15px}.import-character-list{gap:12px;max-height:55svh;display:grid;overflow-y:auto}.import-character-list>button{border:1px solid var(--border);background:#ffffff08;border-radius:10px;justify-content:flex-start;width:100%;padding:12px}.import-character-list>button:hover{border-color:var(--brass);background:#e6c48a0c}.import-character-list img{object-fit:cover;border-radius:8px;width:64px;height:76px}.import-character-list span{text-align:left;flex:1}.import-character-list b{font:26px var(--serif);display:block}.import-character-list small{color:var(--muted-foreground);margin-top:4px;display:block}.tabs{gap:22px;min-height:54px}.tabs button{font-size:14px}.sheet-modal{max-width:1180px}.sheet-header h2{font-size:38px}.sheet-header p{font-size:14px}.sheet-actions{flex-wrap:wrap}.sheet-actions>button{width:auto;min-width:40px;height:auto;min-height:40px;padding:8px;font-size:13px}.sheet-content{padding:28px}.sheet-content h3{font-size:28px}.sheet-footer{gap:12px}.sheet-footer p{font-size:13px}.sheet-identity{min-width:0}.sheet-save-state{color:#9da4b3;align-items:center;gap:7px;margin-top:5px;font-size:13px;display:flex}.sheet-save-state.dirty{color:#efd498}.sheet-status,.sheet-remote-notice,.sheet-context-notice{background:#e6c48a08;border:1px solid #e6c48a33;border-radius:8px;margin-bottom:18px;padding:12px 16px;font-size:14px}.sheet-unsaved-dialog{max-width:480px}.sheet-unsaved-dialog p{margin:18px 0}.variant-bar{background:#11151e88;border:1px solid #fff3;border-radius:10px;align-items:flex-end;padding:18px}.variant-bar .field{flex:1;min-width:200px}.sheet-table{padding-bottom:8px;overflow-x:auto}.sheet-row{min-width:620px}.sheet-row>.field{min-width:72px}.scene-label{top:20px;left:84px}.scene-label .eyebrow,.scene-meta{font-size:12px}.scene-label h3{font-size:27px}.map-bottom .tool-hint{font-size:13px}.map-bottom .tool-hint>span{font-size:12px}.map-options{z-index:6;gap:8px;max-width:calc(100% - 100px);padding:8px;top:auto;bottom:76px;overflow:visible}.map-options button{white-space:nowrap;gap:8px;width:auto;height:auto;min-height:40px;padding:8px 11px;font-size:13px}.map-options .upload-map{font-size:13px}.map-options select{padding:8px;font-size:14px;width:100%!important}.follow-camera{font-size:13px}.zoom-controls>button{min-width:40px;min-height:40px}.master-control-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.master-control-grid button{text-align:left;white-space:normal;border:1px solid #fff2;justify-content:flex-start;padding:10px}.map-cursor-label{display:none}@media (max-width:1100px){.app-shell{grid-template-columns:222px minmax(0,1fr)}.topbar{padding:0 18px}.section-heading{flex-wrap:wrap;gap:18px}}@media (max-width:900px){.map-options .map-cursor-label,.map-bottom .tool-hint>span{display:none}}@media (max-width:760px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{width:260px}.sidebar .nav-item{font-size:15px}.sidebar .sidebar-caption{font-size:12px}input,select,textarea,.field input,.field select,.field textarea{font-size:16px}.section-heading h1{font-size:36px}.section-heading p{font-size:14px}.library-guide{padding:16px}.library-guide p{font-size:14px}.content-page{padding:24px 18px}.sheet-header{flex-wrap:wrap;gap:12px;padding:16px}.sheet-header h2{font-size:29px}.sheet-actions{justify-content:flex-end;width:100%;margin-left:0}.sheet-actions>button:not(:last-child){display:inline-flex}.sheet-content{padding:18px}.tabs{gap:20px;padding:0 18px}.variant-bar{padding:14px}.variant-bar .field{flex-basis:100%;width:100%;min-width:0}.sheet-footer{flex-wrap:wrap;padding:14px}.sheet-footer p{font-size:12px}.scene-label{left:70px}.map-options{gap:3px;max-width:calc(100% - 70px);padding:5px;bottom:76px;right:8px}.map-options button{padding:8px;font-size:12px}.map-bottom .tool-hint{max-width:40%;font-size:12px}.personal-lobby-link{text-align:left;width:auto}.top-actions>.role-chip{display:none}}.sheet-modal{position:relative}.sheet-update-notice{background:#e6c48a10;border:1px solid #e6c48a55;border-radius:10px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;padding:16px;font-size:14px;display:flex}.sheet-close-confirm{z-index:10;text-align:center;background:#11151ef7;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:30px;display:flex;position:absolute;inset:0}.sheet-close-confirm h3{font-size:34px}.sheet-close-confirm p{max-width:450px;font-size:16px}.sheet-close-confirm .button-row{flex-wrap:wrap;justify-content:center}@media (max-width:760px){.sheet-close-confirm{padding:20px}.sheet-close-confirm .button-row{flex-direction:column;width:100%;max-width:330px}}@media (min-width:901px){.map-cursor-label{display:inline}}.character-creator{background:#191c23;border:1px solid #fff5;border-radius:18px;flex-direction:column;width:min(1140px,100%);height:820px;max-height:92svh;display:flex;overflow:hidden;box-shadow:0 25px 90px #0009}.creator-header{border-bottom:1px solid var(--border);background:linear-gradient(115deg,#232833,#191c23);justify-content:space-between;align-items:flex-start;gap:16px;padding:26px 32px 22px;display:flex}.creator-header h2{margin:7px 0;font-size:39px}.creator-header p{font-size:14px}.creator-header .icon-button{border-radius:8px;min-width:40px;min-height:40px}.creator-header .icon-button:hover{background:#fff1}.creator-steps{border-bottom:1px solid var(--border);flex-shrink:0;padding:0 32px;display:flex}.creator-steps button{color:#9da4b3;border-bottom:2px solid #0000;gap:10px;margin-right:24px;padding:17px 20px 17px 0;font-size:14px}.creator-steps button>span{border:1px solid #fff4;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:12px;display:flex}.creator-steps .active{border-bottom-color:var(--brass);color:#ead9b8}.creator-steps .active>span{background:var(--brass);color:#111317;border-color:var(--brass)}.creator-steps .complete>span{color:#e6c48a;background:#e6c48a22}.creator-layout{flex:1;grid-template-columns:minmax(0,1fr) 300px;min-height:0;display:grid}.creator-content{min-width:0;padding:28px 32px;overflow:auto}.creator-name{margin-bottom:26px}.creator-name>span{font-size:15px}.creator-name input{font-family:var(--serif);padding:12px 16px;font-size:26px}.character-creator.creator-blank{height:auto}.creator-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.creator-mode{border:1px solid var(--border);text-align:left;background:#191c23;border-radius:10px;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;display:flex;position:relative}.creator-mode>svg:first-child{color:var(--brass)}.creator-mode strong{font-size:17px}.creator-mode>span{color:var(--muted-foreground);font-size:14px;line-height:1.6}.creator-mode:hover{background:#232833;border-color:#e6c48a88}.creator-mode.selected{border-color:var(--brass);background:#e6c48a0c;box-shadow:0 0 0 1px #e6c48a20}.creator-mode:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.creator-blank-note{margin-top:24px;margin-bottom:0}.creator-blank-portrait{height:250px;color:var(--muted-foreground);background:radial-gradient(#e6c48a12,#0000 70%);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.creator-blank-portrait>span{font-size:13px}@media (max-width:760px){.creator-mode-grid{grid-template-columns:1fr}.creator-mode{gap:7px;padding:15px 18px}.creator-blank .creator-blank-portrait{width:66px;height:86px}.creator-blank-portrait>svg{width:38px;height:38px}.creator-blank-portrait>span{display:none}}.creator-section-heading{margin:22px 0 16px}.creator-section-heading:first-child{margin-top:0}.creator-section-heading h3{font-size:29px}.creator-section-heading p{margin-top:6px;font-size:14px}.creator-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.creator-template,.creator-class,.creator-race,.creator-portrait{background:#191c23;border:1px solid #ffffff25;border-radius:10px;transition:background .2s,border-color .2s;position:relative}.creator-template:hover,.creator-race:hover,.creator-class:hover,.creator-portrait:hover{background:#232833;border-color:#e6c48a88}.creator-template.selected,.creator-race.selected,.creator-class.selected,.creator-portrait.selected{border-color:var(--brass);background:#e6c48a0c;box-shadow:0 0 0 1px #e6c48a20}.creator-template{text-align:left;justify-content:flex-start;align-items:center;gap:12px;min-height:116px;padding:0;display:flex;overflow:hidden}.creator-template img{object-fit:cover;object-position:center 30%;flex-shrink:0;width:82px;height:116px}.creator-template>div{padding:12px 16px 12px 0}.creator-template strong{font:23px/1.12 var(--serif);color:#e6d8b6;padding-right:8px;display:block}.creator-template span{color:#9da4b3;margin-top:6px;font-size:12px;line-height:1.55;display:block}.creator-selection-check{background:var(--brass);color:#111317;border-radius:50%;width:19px;height:19px;padding:2px;position:absolute;top:8px;right:8px}.creator-race-grid,.creator-class-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.creator-race,.creator-class{text-align:left;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:7px;padding:16px;display:flex}.creator-race strong,.creator-class strong{color:#e6dcc5;font-size:15px;font-weight:600}.creator-race span,.creator-class>span:not(.creator-class-topline){color:#9da4b3;font-size:13px}.creator-race small,.creator-class small{color:#c3ba96;font-size:12px}.creator-class-topline{justify-content:space-between;gap:12px;width:100%;display:flex}.creator-portrait-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.creator-portrait{text-align:center;padding:0;display:block;overflow:hidden}.creator-portrait img{aspect-ratio:4/5;object-fit:cover;object-position:center 30%;width:100%}.creator-portrait span{padding:10px 4px;font-size:12px;display:block}.creator-ability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.creator-ability{text-align:center;background:#11151e;border:1px solid #fff2;border-radius:10px;padding:12px}.creator-ability>span{color:#9da4b3;margin-bottom:10px;font-size:13px;display:block}.creator-ability input{text-align:center;padding:7px;font-size:25px;font-weight:600}.creator-ability small{color:#9da4b3;margin-top:8px;font-size:12px;display:block}.creator-reset{margin:18px 0}.creator-note{background:#e6c48a0b;border:1px solid #e6c48a28;border-radius:10px;margin:10px 0 20px;padding:18px}.creator-note strong{color:#e4d1a8;font-size:15px}.creator-note p{margin-top:6px;font-size:14px}.creator-checklist,.creator-traits{border-bottom:1px solid var(--border);padding:15px 0;font-size:14px}.creator-checklist summary,.creator-traits summary{cursor:pointer;color:#c6cfde;font-weight:600}.creator-checklist ul,.creator-traits ul{color:#9da4b3;padding-left:21px;line-height:1.7}.creator-checklist li,.creator-traits li{margin:8px 0}.creator-source{margin:20px 0 0;font-size:12px}.creator-source a{color:#d6c18f}.creator-preview{border-left:1px solid var(--border);background:linear-gradient(160deg,#191c23,#11151e);overflow:auto}.creator-preview-art{position:relative}.creator-preview-art img{object-fit:cover;object-position:center 35%;width:100%;height:250px}.creator-level{color:#efddb6;letter-spacing:.12em;background:#0c0e12e6;border:1px solid #e6c48a77;border-radius:5px;padding:6px 9px;font-size:12px;position:absolute;bottom:16px;left:18px}.creator-preview-body{padding:24px}.creator-preview-body h3{color:#ede0bf;overflow-wrap:anywhere;margin:9px 0 4px;font-size:32px}.creator-preview-body>p{font-size:14px}.creator-stat-row{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;margin:22px 0 16px;padding:20px 0;display:flex}.creator-stat-row>span{color:#9da4b3;flex-direction:column;align-items:center;gap:4px;font-size:12px;display:flex}.creator-stat-row strong{font:32px var(--serif);color:#e6d6ad}.creator-stat-row svg{color:#e6c48a}.creator-save-row{color:#9da4b3;flex-direction:column;gap:9px;font-size:13px;display:flex}.creator-save-row span{justify-content:space-between;display:flex}.creator-save-row strong{color:#e6d6ad;font-weight:600}.creator-preview-body .creator-preview-caption{margin-top:24px;font-size:12px;line-height:1.7}.creator-error{color:#f4b3a6;background:#8a2b271a;flex-shrink:0;padding:12px 32px;font-size:14px}.creator-footer{border-top:1px solid var(--border);background:#11151e;flex-shrink:0;justify-content:space-between;align-items:center;gap:18px;padding:18px 32px;display:flex}.creator-footer-caption{color:#9da4b3;font-size:13px}.sheet-hud{border-bottom:1px solid var(--border);background:#191c23;flex-shrink:0;gap:1px;display:flex}.sheet-hud-stat{color:#9da4b3;background:#191c23;flex:1;align-items:center;gap:12px;padding:14px 22px;font-size:13px;display:flex}.sheet-hud-stat strong{font:29px var(--serif);color:#e3d3a6}@media (max-width:850px){.creator-layout{grid-template-columns:minmax(0,1fr) 240px}.creator-content{padding:24px}.creator-preview-body{padding:18px}.creator-template-grid{grid-template-columns:1fr}}@media (max-width:650px){.creator-backdrop{padding:8px}.character-creator{border-radius:12px;height:96svh;max-height:96svh}.creator-header{padding:18px}.creator-header h2{font-size:30px}.creator-header .eyebrow{font-size:12px}.creator-steps{padding:0 18px}.creator-steps button{gap:7px;margin-right:12px;padding:12px 10px 12px 0;font-size:12px}.creator-layout{flex-direction:column;display:flex}.creator-content{flex:1;min-height:0;padding:20px 18px}.creator-preview{border-left:0;border-bottom:1px solid var(--border);flex-shrink:0;order:-1;gap:15px;padding:12px 18px;display:flex;overflow:hidden}.creator-preview-art{border-radius:8px;flex-shrink:0;width:66px;overflow:hidden}.creator-preview-art img{width:66px;height:86px}.creator-level{display:none}.creator-preview-body{flex:1;min-width:0;padding:0}.creator-preview-body>.eyebrow{display:none}.creator-preview-body h3{margin:0;font-size:25px}.creator-preview-body>p{font-size:12px}.creator-stat-row{border:0;justify-content:flex-start;gap:12px;margin:5px 0 0;padding:0}.creator-stat-row>span{flex-direction:row;gap:4px;font-size:12px}.creator-stat-row strong{font:19px var(--serif)}.creator-stat-row svg{width:13px}.creator-save-row,.creator-preview-caption{display:none}.creator-template-grid{grid-template-columns:1fr}.creator-template{min-height:100px}.creator-template img{width:75px;height:100px}.creator-race-grid,.creator-class-grid{grid-template-columns:1fr}.creator-portrait-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.creator-portrait span{font-size:12px}.creator-ability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-footer{gap:8px;padding:14px 18px}.creator-footer-caption{display:none}.creator-footer .button-row{justify-content:flex-end;width:100%}.sheet-hud-stat{flex-direction:column;gap:2px;padding:10px 12px;font-size:12px}.sheet-hud-stat strong{font-size:24px}}.character-stats{font-size:15px}.character-stats svg{width:17px;height:17px}.creator-template span{font-size:13px}.creator-ability small{font-size:12px}.sidebar{padding-top:22px;overflow:hidden}.sidebar .brand{flex-shrink:0;margin-bottom:16px}.sidebar-navigation{flex:1;min-height:0;padding-right:2px;overflow:auto}.sidebar-navigation .sidebar-caption{margin-top:17px;margin-bottom:9px}.sidebar-bottom{flex-shrink:0;padding-top:12px}.sidebar-close{border-radius:6px;width:36px;height:36px;position:absolute;top:8px;right:8px}@media (max-width:760px){.sidebar{padding-top:45px}}.campaign-open{text-align:left;width:100%;color:inherit;padding:0;display:block}.campaign-open:focus-visible{outline-offset:-4px;border-radius:10px}.campaign-management{justify-content:flex-end;padding:0 20px 14px;display:flex}.campaign-delete{color:#d6a595;align-items:center;gap:7px;font-size:13px;display:inline-flex}.campaign-delete:hover{color:#f0c2b3}.delete-campaign-description{color:#9da4b3;margin:6px 0 22px;font-size:15px;line-height:1.7}.delete-campaign-description strong{color:#ecddba;overflow-wrap:anywhere}.exit-campaign{white-space:nowrap}.token-context-menu{color:#c6cfde;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overscroll-behavior:contain;background:#191c23fa;border:1px solid #fff6;border-radius:14px;width:360px;padding:20px;font-size:14px;box-shadow:0 16px 70px #000b}.token-context-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.token-context-header>div{min-width:0}.token-context-header .eyebrow{letter-spacing:.14em;font-size:11px}.token-context-header h3{font:27px var(--serif);color:#ead9ae;overflow-wrap:anywhere;margin:5px 0 14px}.token-context-header>button{background:#fff1;border-radius:7px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.token-context-stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:#9da4b3;gap:24px;padding:12px 0;display:flex}.token-context-stats>span{align-items:center;gap:7px;display:flex}.token-context-stats strong{color:#c6cfde;font-size:18px}.token-context-vitals{grid-template-columns:105px minmax(0,1fr);align-items:end;gap:12px;margin:16px 0 20px;display:grid}.token-context-amount.field{gap:7px;margin:0;font-size:12px}.token-context-amount input{width:100%;min-width:0;height:42px;padding:9px 10px;font-size:16px}.token-context-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.token-context-actions button{color:#edb4a2;background:#c4726020;border:1px solid #d7968155;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-height:42px;font-size:13px;display:flex}.token-context-actions .token-heal{color:#c6cfde;background:#ffffff20;border-color:#fff5}.token-context-menu h4{color:#e0d2ae;align-items:center;gap:7px;margin:0 0 10px;font-size:14px;font-weight:600;display:flex}.token-context-sizes{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-bottom:20px;display:grid}.token-context-sizes button{border:1px solid var(--border);background:#0c0e1266;border-radius:7px;flex-direction:column;align-items:center;gap:5px;min-height:60px;padding:9px 2px;display:flex}.token-context-sizes strong{color:#c6cfde;font-size:14px;font-weight:600}.token-context-sizes span{color:#9da4b3;white-space:nowrap;font-size:11px}.token-context-sizes button[aria-pressed=true]{background:#d1b77525;border-color:#c9ae67b3}.token-context-sizes button[aria-pressed=true] strong{color:#ead08c}.token-context-conditions{scrollbar-gutter:stable;overscroll-behavior:contain;grid-template-columns:1fr 1fr;gap:6px;max-height:190px;padding:0 4px 2px 0;display:grid;overflow:auto}.token-context-conditions button,.token-context-conditions>span{text-align:left;color:#9da4b3;overflow-wrap:anywhere;border:1px solid #ffffff18;border-radius:6px;min-height:34px;padding:8px 9px;font-size:12px}.token-context-conditions button.active{color:#e9cd92;background:#cfac6520;border-color:#d9b56a88}.token-context-menu button:hover:not(:disabled){filter:brightness(1.15)}.token-context-error,.grid-controls-error{color:#f0aa97;margin-top:13px;font-size:13px;line-height:1.5}.token-context-status,.grid-controls-status{color:#c6cfde;margin-top:13px;font-size:13px;line-height:1.5}.token-context-readonly{color:#9da4b3;margin:16px 0;font-size:14px;line-height:1.6}.token-context-tabs{border:1px solid var(--border);background:#0c0e1280;border-radius:9px;grid-template-columns:1fr 1fr;gap:5px;margin:0 0 16px;padding:4px;display:grid}.token-context-tabs button{min-height:40px;color:var(--muted-foreground);border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:8px;font-size:14px;display:flex}.token-context-tabs button[data-state=active]{color:#ead9ae;background:#d1b77525;box-shadow:inset 0 0 0 1px #c9ae6755}.token-master-panel{gap:16px;display:grid}.token-master-panel[data-state=inactive]{display:none}.token-master-visibility{border:1px solid var(--border);background:#ffffff05;border-radius:9px;padding:14px}.token-visibility-status{color:#c6cfde;align-items:center;gap:7px;margin-bottom:12px;font-size:13px;display:flex}.token-visibility-status.is-hidden{color:#ead9ae}.token-master-command{text-align:left;width:100%;min-height:44px;color:var(--foreground);border-radius:7px;align-items:center;gap:10px;padding:11px 12px;font-size:14px;display:flex}.token-master-command>svg{color:#d5b57b;flex-shrink:0}.token-master-command:hover:not(:disabled){background:#ffffff0a}.token-master-command:focus-visible{outline-offset:2px;outline:2px solid #d5b57b}.token-context-tabs button:focus-visible{outline-offset:2px;outline:2px solid #d5b57b}.token-master-delete-confirm button:focus-visible{outline-offset:2px;outline:2px solid #d5b57b}.token-master-visibility-action{color:#ead9ae;background:#d1b77520;border:1px solid #c9ae6766}.token-master-visibility p{color:var(--muted-foreground);margin:10px 0 0;font-size:12px;line-height:1.5}.token-master-commands{gap:3px;display:grid}.token-master-panel>.token-master-danger{border-top:1px solid var(--border);border-radius:0;padding-top:15px}.token-master-danger,.token-master-danger>svg{color:#edb4a2}.token-master-delete-confirm{background:#c4726015;border:1px solid #d7968155;border-radius:9px;padding:12px}.token-master-delete-confirm p{overflow-wrap:anywhere;margin:0 0 12px;font-size:14px;line-height:1.5}.token-master-delete-confirm>div{flex-wrap:wrap;gap:8px;display:flex}.token-master-delete-confirm button{border:1px solid var(--border);border-radius:7px;min-height:40px;padding:8px 12px;font-size:13px}.map-options .map-token-master{background:#d1b77520;border:1px solid #c9ae6755}.map-options .map-token-actions{color:#e3ce9d;white-space:nowrap;align-items:center;gap:6px;width:auto;min-height:40px;padding:8px 10px;font-size:13px;display:flex}.grid-controls h4{align-items:center;gap:8px;display:flex}.grid-controls-fields{border:0;grid-template-columns:1fr 1fr;gap:12px;min-width:0;margin:0;padding:0;display:grid}.grid-controls-fields input{width:100%;min-width:0;font-size:15px}.grid-controls-fields .grid-color-field{grid-template-columns:50px 1fr;align-items:center;column-gap:9px;display:grid}.grid-color-field>span{grid-column:1/-1}.grid-color-field input[type=color]{cursor:pointer;width:50px;height:37px;padding:3px}.grid-color-field small{color:#9da4b3;font-size:12px}.grid-controls .button-row{flex-wrap:wrap;gap:8px}.grid-controls .button-row button{min-height:40px;padding:9px 11px;font-size:12px}.map-options{flex-wrap:wrap;justify-content:flex-end}.token-inspector{z-index:5;bottom:154px}@media (max-width:1100px){.token-inspector{bottom:210px}}@media (max-width:1200px){.top-actions{gap:10px}.top-actions>.role-chip{display:none}}@media (max-width:1020px){.game-layout{position:relative}.game-layout .right-panel{top:0}}@media (max-width:760px){.map-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:auto;max-width:none;display:grid;left:70px;right:8px}.map-options>button,.map-options .map-token-actions{justify-content:center;width:100%;min-width:0}.map-options .map-token-actions{gap:4px;padding:8px 5px;font-size:12px}.token-inspector{gap:4px;padding:9px;bottom:202px}.token-inspector>button{min-width:28px;min-height:34px}.topbar:has(.exit-campaign){flex-wrap:wrap;gap:8px 10px;height:auto;min-height:100px;padding:10px 14px}.topbar:has(.exit-campaign) .breadcrumbs{flex:1;min-width:0}.topbar:has(.exit-campaign) .top-actions{flex-basis:100%;justify-content:space-between;gap:7px}.top-actions .exit-campaign span{display:inline}.top-actions .exit-campaign{border:1px solid var(--border);min-height:40px;padding:6px 10px;font-size:13px}.campaign-management{padding:0 18px 14px}}.profile .avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.profile-preview{object-fit:cover;border-radius:12px;width:100px;height:100px;margin:10px 0 18px}@media (max-width:760px){.sidebar:not(.mobile-open){visibility:hidden}}