:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d11;--bg-raised:#10131a;--bg-panel:#131720;--bg-panel-soft:#171c26;--bg-input:#0e1117;--surface-glass:#131720e0;--line:#ece7db17;--line-strong:#ece7db29;--text:#ece9e2;--text-dim:#a7adb8;--text-muted:#767e8c;--gold:#e0aa5f;--gold-bright:#f0c987;--gold-deep:#b9822f;--teal:#4fb3a8;--red:#e2564b;--green:#5fae6a;--amber:#d8b43c;--font-ui:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--font-mono:ui-monospace, "SFMono-Regular", "JetBrains Mono", Menlo, Consolas, monospace;--radius-sm:8px;--radius:12px;--radius-lg:18px;--shadow-sm:0 4px 14px #0000003d;--shadow:0 18px 50px #0000006b;--shadow-lg:0 30px 80px #0000008c;--topbar-h:58px;--panel-w:366px;--ease:cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:14px;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.012em;margin:0;font-weight:600;line-height:1.15}p{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%;display:block}kbd{border:1px solid var(--line-strong);min-width:18px;height:19px;color:var(--text-dim);font-family:var(--font-mono);background:#1a1f29;border-bottom-width:2px;border-radius:5px;justify-content:center;align-items:center;padding:0 5px;font-size:10.5px;line-height:1;display:inline-flex}::selection{color:#fff;background:#e0aa5f47}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:#ece7db29 transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#ece7db29 padding-box content-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-track{background:0 0}.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}.eyebrow{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.brand{align-items:center;gap:10px;display:inline-flex}.brand__word{font-family:var(--font-display);letter-spacing:.01em;font-size:21px;font-weight:600}.brand__word span{color:var(--gold)}.btn{letter-spacing:.005em;white-space:nowrap;transition:background .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease), transform .12s var(--ease), box-shadow .15s var(--ease);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-weight:600;display:inline-flex;position:relative}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55}.btn--sm{border-radius:8px;min-height:30px;padding:0 11px;font-size:12.5px}.btn--md{min-height:38px;padding:0 16px;font-size:13.5px}.btn--lg{min-height:46px;padding:0 22px;font-size:14.5px}.btn--primary{color:#20180d;background:linear-gradient(#efc177,#d09a4b);border-color:#ffe2b259;box-shadow:inset 0 1px #ffffff40,0 6px 18px #b47c2d38}.btn--primary:hover:not(:disabled){background:linear-gradient(#f4cd8b,#d9a556);box-shadow:inset 0 1px #ffffff4d,0 8px 24px #b47c2d4d}.btn--secondary{background:var(--bg-panel-soft);border-color:var(--line-strong);color:var(--text)}.btn--secondary:hover:not(:disabled){background:#1d2330;border-color:#ece7db42}.btn--ghost{color:var(--text-dim);background:0 0}.btn--ghost:hover:not(:disabled){color:var(--text);background:#ece7db0f}.btn--danger{color:#f4a09a;background:#e2564b24;border-color:#e2564b66}.btn--danger:hover:not(:disabled){background:#e2564b38}.btn__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}.icon-btn{width:34px;height:34px;color:var(--text-dim);transition:background .14s var(--ease), color .14s var(--ease), border-color .14s var(--ease);background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover:not(:disabled){color:var(--text);background:#ece7db12}.icon-btn.is-active{color:var(--gold-bright);background:#e0aa5f21;border-color:#e0aa5f47}.icon-btn:disabled{opacity:.45}.input,.select{border:1px solid var(--line-strong);background:var(--bg-input);width:100%;min-height:40px;color:var(--text);transition:border-color .14s var(--ease), box-shadow .14s var(--ease), background .14s var(--ease);border-radius:10px;outline:none;padding:9px 12px;font-size:13.5px}.input::placeholder,textarea::placeholder{color:#5f6774}.input:focus,.select:focus,.chat__input:focus,.token-inspector__name-input:focus{border-color:#e0aa5f8c;box-shadow:0 0 0 3px #e0aa5f1a}.input--sm,.select--sm{border-radius:8px;min-height:32px;padding:6px 9px;font-size:12.5px}.input--code{max-width:190px;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:15px}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a7adb8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;padding-right:32px}.select--bare{text-overflow:ellipsis;background-color:#0000;background-position:right 5px center;border-color:#0000;width:auto;max-width:230px;min-height:30px;padding:4px 28px 4px 8px;font-size:13px;font-weight:600}.select--bare:hover{background-color:#ece7db0d}.field{flex-direction:column;gap:6px;display:flex}.field__label{color:var(--text-dim);letter-spacing:.02em;font-size:11.5px;font-weight:600}.field__hint{color:var(--text-muted);font-size:11.5px}.form-error{color:#f0a7a1;background:#e2564b1a;border:1px solid #e2564b59;border-radius:8px;padding:9px 11px;font-size:12.5px}.avatar{color:#fff;letter-spacing:.02em;text-shadow:0 1px 2px #00000059;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f}.avatar__dot{border:2px solid var(--bg-panel);background:#5b6270;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-1px;right:-1px}.avatar__dot.is-online{background:var(--green);box-shadow:0 0 8px #5fae6ab3}.badge{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:700;line-height:1.3;display:inline-flex}.badge--neutral{border-color:var(--line);color:var(--text-dim);background:#ece7db12}.badge--gold{color:var(--gold-bright);background:#e0aa5f1f;border-color:#e0aa5f52}.badge--teal{color:#86d6cd;background:#4fb3a81f;border-color:#4fb3a84d}.badge--red{color:#f0a09a;background:#e2564b1f;border-color:#e2564b52}.spinner{border:2px solid #ece7db2e;border-top-color:var(--gold);border-radius:50%;width:22px;height:22px;animation:.75s linear infinite spin;display:inline-flex}.page-loader{height:100dvh;color:var(--text-muted);background:radial-gradient(60% 50% at 50% 40%, #e0aa5f0d, transparent 70%), var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.page-loader p{font-size:13px}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:34px 20px;display:flex}.empty-state__icon{border:1px solid var(--line);width:56px;height:56px;color:var(--gold);background:#e0aa5f12;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.empty-state h3{font-size:17px}.empty-state p{max-width:320px;color:var(--text-muted);font-size:12.5px}.empty-state .btn{margin-top:6px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05070ab8;justify-content:center;align-items:center;padding:24px;animation:.14s ease-out fade-in;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--line-strong);border-radius:var(--radius-lg);width:min(560px,100%);max-height:min(88dvh,900px);box-shadow:var(--shadow-lg);animation:modal-in .18s var(--ease);background:linear-gradient(#171b24,#11151c);flex-direction:column;display:flex}.modal--wide{width:min(920px,100%)}.modal__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 22px 14px;display:flex}.modal__header h2{font-size:22px}.modal__header p{color:var(--text-muted);margin-top:4px;font-size:12.5px}.modal__body{min-height:0;padding:20px 22px;overflow-y:auto}.modal__footer{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding:14px 22px 18px;display:flex}.toggle-row{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.toggle-row__label{color:var(--text);font-size:12.5px;font-weight:600;display:block}.toggle-row__hint{color:var(--text-muted);margin-top:1px;font-size:11px;display:block}.switch{border:1px solid var(--line-strong);width:38px;height:22px;transition:background .16s var(--ease), border-color .16s var(--ease);background:#1a1f29;border-radius:999px;flex:none;padding:0;position:relative}.switch.is-on{background:#e0aa5f47;border-color:#e0aa5f80}.switch__knob{width:16px;height:16px;transition:transform .16s var(--ease), background .16s var(--ease);background:#8b93a1;border-radius:50%;position:absolute;top:2px;left:2px}.switch.is-on .switch__knob{background:var(--gold-bright);transform:translate(16px)}.toaster{z-index:200;pointer-events:none;flex-direction:column;gap:8px;width:min(360px,100vw - 36px);display:flex;position:fixed;bottom:18px;right:18px}.toast{border:1px solid var(--line-strong);border-left:3px solid var(--gold);box-shadow:var(--shadow);color:var(--text);pointer-events:auto;animation:toast-in .18s var(--ease);background:#141820f7;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:12px;padding:11px 12px;font-size:12.5px;display:flex}.toast--success{border-left-color:var(--green)}.toast--error{border-left-color:var(--red)}.toast--info{border-left-color:var(--teal)}.toast__close{color:var(--text-muted);background:0 0;border:0;flex:none;padding:2px}.toast__close:hover{color:var(--text)}.auth{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);min-height:100dvh;display:grid}.auth__pitch{background:radial-gradient(90% 70% at 16% 10%,#e0aa5f1f,#0000 60%),radial-gradient(70% 60% at 82% 88%,#4fb3a812,#0000 65%),linear-gradient(160deg,#10131a,#0a0c10 70%);position:relative;overflow:hidden}.auth__pitch:before{content:"";background-image:linear-gradient(#ece7db09 1px,#0000 1px),linear-gradient(90deg,#ece7db09 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 40% 40%,#000 25%,#0000 80%);mask-image:radial-gradient(70% 70% at 40% 40%,#000 25%,#0000 80%)}.auth__pitch:after{content:"";border:1px solid #e0aa5f1f;border-radius:50%;width:520px;height:520px;position:absolute;top:-120px;left:-160px;box-shadow:0 0 0 80px #e0aa5f06}.auth__pitch-inner{z-index:1;flex-direction:column;justify-content:center;gap:24px;width:min(600px,100%);min-height:100dvh;padding:56px clamp(32px,6vw,84px);display:flex;position:relative}.auth__pitch-inner h1{letter-spacing:-.02em;font-size:clamp(38px,4.7vw,62px);line-height:1.03}.auth__pitch-inner h1 em{color:var(--gold-bright);font-style:italic}.auth__lede{max-width:460px;color:var(--text-dim);font-size:15px;line-height:1.65}.auth__features{flex-direction:column;gap:15px;margin:4px 0 0;padding:0;list-style:none;display:flex}.auth__features li{color:var(--gold);align-items:flex-start;gap:12px;display:flex}.auth__features li>span{color:var(--text-muted);flex-direction:column;gap:1px;font-size:12.5px;display:flex}.auth__features strong{color:var(--text);font-size:13px;font-weight:600}.auth__preview{width:min(430px,100%);height:172px;box-shadow:var(--shadow);background:radial-gradient(60% 90% at 30% 20%,#e0aa5f1f,#0000 70%),linear-gradient(150deg,#151a23,#0d1015);border:1px solid #e0aa5f2e;border-radius:14px;margin-top:8px;position:relative;overflow:hidden}.preview-grid{background-image:linear-gradient(#ece7db16 1px,#0000 1px),linear-gradient(90deg,#ece7db16 1px,#0000 1px);background-size:43px 43px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(120deg,#000 40%,#0000008c);mask-image:linear-gradient(120deg,#000 40%,#0000008c)}.preview-token{color:#fff;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:11px;font-weight:700;animation:5s ease-in-out infinite token-bob;display:flex;position:absolute;box-shadow:0 8px 18px #00000059}.preview-token--one{background:linear-gradient(145deg,#c96aa8,#8f3d72);top:34%;left:22%}.preview-token--two{background:linear-gradient(145deg,#4f8fd6,#2c5c94);animation-delay:-1.2s;top:55%;left:45%}.preview-token--three{background:linear-gradient(145deg,#d8b43c,#9a7a1d);border-color:#e0aa5f8c;border-radius:8px;animation-delay:-2.4s;top:24%;right:16%}.preview-ruler{color:var(--gold-bright);font-family:var(--font-mono);background:#0a0c10d9;border:1px solid #e0aa5f73;border-radius:5px;padding:2px 7px;font-size:10px;position:absolute;top:56%;left:29%}.preview-ruler:before{content:"";border-top:1px dashed #e0aa5f99;width:72px;position:absolute;top:50%;left:-76px}.preview-ping{border:2px solid var(--gold);border-radius:50%;width:14px;height:14px;animation:2.6s ease-out infinite preview-ping;position:absolute;top:62%;right:26%}.auth__footnote{color:var(--text-muted);font-size:11.5px}.auth__panel{background:radial-gradient(70% 60% at 70% 20%,#e0aa5f0d,#0000 70%),#0d1015;justify-content:center;align-items:center;padding:40px clamp(24px,5vw,72px);display:flex}.auth__card{border:1px solid var(--line);border-radius:var(--radius-lg);width:min(404px,100%);box-shadow:var(--shadow);background:linear-gradient(#181d27e6,#0f1218f2);padding:26px}.auth__card-top{color:var(--text-dim);align-items:center;gap:10px;margin-bottom:20px;font-size:12.5px;font-weight:600;display:flex}.auth__tabs{border:1px solid var(--line);background:#080a0e99;border-radius:10px;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:20px;padding:3px;display:grid}.auth__tabs button{color:var(--text-muted);background:0 0;border:0;border-radius:7px;padding:8px 10px;font-size:12.5px;font-weight:600}.auth__tabs button.is-active{color:var(--text);background:#1d2330;box-shadow:inset 0 1px #ffffff0f}.auth__form{flex-direction:column;gap:14px;display:flex}.auth__submit{width:100%;margin-top:4px}.auth__demo{border:1px dashed var(--line-strong);background:#e0aa5f0a;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin-top:20px;padding:12px;display:flex}.auth__demo>div{flex-direction:column;gap:1px;display:flex}.auth__demo strong{font-size:12px}.auth__demo span{color:var(--text-muted);font-size:11px}.auth__switch{color:var(--text-muted);text-align:center;margin-top:18px;font-size:12px}.auth__switch button{color:var(--gold);font-size:inherit;background:0 0;border:0;padding:0;font-weight:600}.auth__switch button:hover{color:var(--gold-bright)}.lobby{background:radial-gradient(80% 50% at 50% -10%, #e0aa5f14, transparent 65%), var(--bg);min-height:100dvh}.lobby__header{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:22px clamp(20px,4vw,40px);display:flex}.lobby__user{align-items:center;gap:10px;display:flex}.lobby__user-name{color:var(--text-dim);font-size:12.5px;font-weight:600}.lobby__logout{color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;display:inline-flex}.lobby__logout:hover{color:var(--text);background:#ece7db0f}.lobby__main{max-width:1200px;margin:0 auto;padding:22px clamp(20px,4vw,40px) 48px}.lobby__hero{justify-content:space-between;align-items:flex-end;gap:24px;padding:18px 0 28px;display:flex}.lobby__hero h1{margin:8px 0 10px;font-size:clamp(32px,4vw,46px)}.lobby__lede{max-width:540px;color:var(--text-muted);font-size:14px}.campaign-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.campaign-card{--card-hue:32;border:1px solid var(--line);border-radius:var(--radius-lg);transition:transform .16s var(--ease), border-color .16s var(--ease), box-shadow .16s var(--ease);background:linear-gradient(#171c26,#11151c);flex-direction:column;display:flex;position:relative;overflow:hidden}.campaign-card:hover{box-shadow:var(--shadow);border-color:#e0aa5f52;transform:translateY(-2px)}.campaign-card__art{background:radial-gradient(70% 90% at 30% 20%, hsla(var(--card-hue), 48%, 48%, .36), transparent 70%), linear-gradient(140deg, hsl(var(--card-hue), 28%, 18%), #0d1015);justify-content:center;align-items:center;height:118px;display:flex;position:relative;overflow:hidden}.campaign-card__art:before{content:"";background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 100%,#000,#0000 80%);mask-image:radial-gradient(70% 100%,#000,#0000 80%)}.campaign-card__rune{color:#fff5e2d1;font-family:var(--font-display);text-shadow:0 8px 24px #00000073;font-size:44px;position:relative}.campaign-card__body{flex-direction:column;gap:8px;padding:15px 16px 14px;display:flex}.campaign-card__topline{justify-content:space-between;align-items:center;gap:10px;display:flex}.campaign-card__members{color:var(--text-muted);align-items:center;gap:4px;font-size:11.5px;display:inline-flex}.campaign-card h2{font-size:21px;line-height:1.2}.campaign-card__footer{color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;margin-top:2px;font-size:11px;display:flex}.campaign-card__code{color:var(--gold);font-family:var(--font-mono);letter-spacing:.08em;align-items:center;gap:5px;font-size:10.5px;display:inline-flex}.campaign-card--new{border-style:dashed;border-color:var(--line-strong);min-height:218px;color:var(--text-dim);text-align:center;background:#ece7db05;justify-content:center;align-items:center;gap:6px}.campaign-card--new:hover{background:#e0aa5f0a;border-color:#e0aa5f66}.campaign-card__new-icon{border:1px solid var(--line-strong);width:48px;height:48px;color:var(--gold);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:inline-flex}.campaign-card--new strong{color:var(--text);font-family:var(--font-display);font-size:18px;font-weight:600}.campaign-card--new span{color:var(--text-muted);font-size:12px}.lobby__empty{border:1px dashed var(--line);border-radius:var(--radius-lg);background:#ece7db04;padding:26px 0}.join-strip{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(100deg,#e0aa5f0f,#0000 55%),#12151c;justify-content:space-between;align-items:center;gap:24px;margin-top:34px;padding:20px 24px;display:flex}.join-strip h2{font-size:20px}.join-strip p{color:var(--text-muted);margin-top:3px;font-size:12.5px}.join-strip__form{align-items:center;gap:10px;display:flex}.lobby__footer{border-top:1px solid var(--line);color:var(--text-muted);justify-content:space-between;align-items:center;gap:16px;margin-top:44px;padding-top:18px;font-size:11.5px;display:flex}.join-page{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:30px 20px;display:flex;position:relative;overflow:hidden}.join-page__glow{pointer-events:none;background:radial-gradient(circle,#e0aa5f1c,#0000 65%);border-radius:50%;width:min(820px,90vw);height:620px;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.join-page__card{border:1px solid var(--line-strong);border-radius:var(--radius-lg);width:min(460px,100%);box-shadow:var(--shadow-lg);text-align:center;background:linear-gradient(#191e28f2,#0e1117f7);flex-direction:column;align-items:center;gap:12px;padding:32px 30px;display:flex;position:relative}.join-page__sigil{width:64px;height:64px;color:var(--gold);background:#e0aa5f14;border:1px solid #e0aa5f47;border-radius:50%;justify-content:center;align-items:center;margin:6px 0;display:flex}.join-page h1{font-size:27px}.join-page p{color:var(--text-muted);font-size:13px}.join-page__code{color:var(--gold-bright);font-family:var(--font-mono);letter-spacing:.1em;font-size:.88em}.join-page__actions{gap:10px;margin-top:8px;display:flex}.join-page__status{border:1px solid var(--line);color:var(--text-dim);background:#ece7db08;border-radius:999px;align-items:center;gap:10px;margin-top:10px;padding:10px 14px;font-size:12px;display:flex}.join-page__status .spinner{width:15px;height:15px}.join-page__footnote{color:var(--text-muted);margin-top:18px;font-size:11.5px;position:relative}.table{background:var(--bg);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.table__main{flex:1;min-height:0;display:flex}.table__stage{background:radial-gradient(70% 60% at 50% 40%,#e0aa5f09,#0000 70%),#090b0f;flex:1;min-width:0;position:relative;overflow:hidden}.table__syncing{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:12.5px;display:flex}.table__hint{z-index:8;border:1px solid var(--line);color:var(--text-muted);letter-spacing:.01em;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#090b0fcc;border-radius:999px;padding:6px 12px;font-size:10.5px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.table__offline{z-index:12;color:#f0a7a1;box-shadow:var(--shadow-sm);background:#1e1112eb;border:1px solid #e2564b59;border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 10px;font-size:11.5px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.table__offline .spinner{border-top-color:#f0a7a1;width:13px;height:13px}.table__empty{background:radial-gradient(60% 50% at 50% 40%, #e0aa5f0d, transparent 70%), var(--bg);flex:1;justify-content:center;align-items:center;padding:30px;display:flex}.table-error{text-align:center;background:radial-gradient(60% 45% at 50% 35%, #e2564b12, transparent 70%), var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100dvh;padding:30px;display:flex}.table-error h1{font-size:30px}.table-error p{max-width:420px;color:var(--text-muted)}.topbar{z-index:40;height:var(--topbar-h);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1219f5;align-items:center;gap:18px;padding:0 14px;display:flex;position:relative;box-shadow:0 1px #ffffff05}.topbar__left,.topbar__right{align-items:center;gap:10px;display:flex}.topbar__left{flex:1;min-width:0}.topbar__right{flex:1;justify-content:flex-end}.topbar__back{width:30px;height:30px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.topbar__back:hover{color:var(--text);background:#ece7db0f}.topbar__brand{align-items:center;display:inline-flex}.topbar__campaign{border-left:1px solid var(--line);align-items:center;gap:9px;min-width:0;padding-left:10px;display:flex}.topbar__name{max-width:260px;color:var(--text);font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.topbar__scene{color:var(--text-muted);align-items:center;gap:6px;display:flex}.topbar__party{align-items:center;gap:8px;padding-right:4px;display:flex}.avatar-stack{display:flex}.avatar-stack .avatar{border:2px solid #0f1219;margin-left:-7px}.avatar-stack .avatar:first-child{margin-left:0}.avatar-stack__more{width:28px;height:28px;color:var(--text-dim);background:#232a36;border:2px solid #0f1219;border-radius:50%;justify-content:center;align-items:center;margin-left:-7px;font-size:9.5px;font-weight:700;display:inline-flex}.topbar__party-count{color:var(--text-muted);white-space:nowrap;font-size:10.5px}.topbar__invite{border:1px solid var(--line);color:var(--gold);font-family:var(--font-mono);letter-spacing:.08em;background:#e0aa5f0d;border-radius:7px;align-items:center;gap:6px;padding:5px 9px;font-size:10.5px;display:inline-flex}.topbar__invite:hover{background:#e0aa5f1a;border-color:#e0aa5f66}.connection{border:1px solid var(--line);color:var(--text-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:10px;font-weight:600;display:inline-flex}.connection--online{color:#8fd198;border-color:#5fae6a47}.connection--connecting{color:var(--amber);border-color:#d8b43c4d}.connection--offline{color:#eb948d;border-color:#e2564b52}.topbar__lobby{color:var(--text-dim);border-radius:7px;padding:6px 9px;font-size:11.5px;font-weight:600}.topbar__lobby:hover{color:var(--text);background:#ece7db0f}.canvas{background:radial-gradient(70% 70% at 50% 45%,#e0aa5f08,#0000 72%),#080a0e;position:absolute;inset:0;overflow:hidden}.canvas__svg{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.canvas[data-tool=measure] .canvas__svg,.canvas[data-tool=ping] .canvas__svg{cursor:crosshair}.canvas.is-pan-ready .canvas__svg,.canvas__svg.is-pan-ready{cursor:grab}.canvas__svg:active{cursor:grabbing}.canvas__board{filter:drop-shadow(0 26px 60px #0000008c)}.canvas__border{filter:drop-shadow(0 0 12px #e0aa5f1f)}.token{transition:opacity .16s var(--ease)}.token:hover{filter:brightness(1.06)}.token.is-dragging{opacity:.94}.ping-ring{transform-box:fill-box;transform-origin:50%;animation:1.5s ease-out forwards ping-wave}.ping-ring--late{animation-delay:.22s}.canvas__zoom{z-index:10;border:1px solid var(--line);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1219e6;border-radius:10px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:14px;right:14px}.canvas__zoom .icon-btn{border-radius:6px;width:28px;height:28px}.canvas__zoom-level{min-width:46px;height:28px;color:var(--text-dim);font-family:var(--font-mono);background:0 0;border:0;border-radius:6px;padding:0 4px;font-size:10.5px}.canvas__zoom-level:hover{color:var(--text);background:#ece7db0f}.canvas__zoom-divider{background:var(--line);width:1px;height:18px;margin:0 3px}.canvas__scale{z-index:8;border:1px solid var(--line);color:var(--text-muted);letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#090b0fb8;border-radius:7px;align-items:center;gap:7px;padding:5px 9px;font-size:9.5px;display:flex;position:absolute;top:14px;left:14px}.canvas__scale-bar{border-right:1px solid var(--gold);border-left:1px solid var(--gold);background:linear-gradient(90deg, transparent 45%, var(--gold) 45%, var(--gold) 55%, transparent 55%);width:22px;height:4px;display:inline-block}.tool-rail{z-index:10;border:1px solid var(--line);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1219e6;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:5px;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.tool-rail__divider{background:var(--line);width:20px;height:1px;margin:3px 0}.tool-rail__hint{display:none}.side-panel{width:var(--panel-w);flex-direction:column;flex:0 0 var(--panel-w);border-left:1px solid var(--line);background:linear-gradient(#11151c,#0e1117);min-height:0;display:none}.side-panel.is-open{display:flex}.side-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:2px;padding:8px 8px 0;display:grid}.side-tab{color:var(--text-muted);background:0 0;border:0;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:6px;padding:9px 6px 11px;font-size:12px;font-weight:600;display:flex;position:relative}.side-tab:hover{color:var(--text-dim)}.side-tab.is-active{border-bottom-color:var(--gold);color:var(--gold-bright)}.side-tab__count{min-width:16px;color:var(--text-muted);background:#ece7db12;border-radius:999px;padding:1px 4px;font-size:9px;font-weight:700}.side-tab__badge{background:var(--gold);color:#20180d;border-radius:999px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 4px;font-size:8.5px;font-weight:800;display:inline-flex}.side-panel__body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.side-panel__footer{border-top:1px solid var(--line);color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;padding:9px 13px;font-size:10px;display:flex}.side-panel__footer span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;display:inline-flex;overflow:hidden}.side-panel__backdrop{display:none}.chat{flex-direction:column;flex:1;min-height:0;display:flex}.chat__list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:13px;min-height:0;padding:16px 14px;display:flex;overflow-y:auto}.chat__list .empty-state{margin:auto}.chat__jump{color:var(--gold-bright);background:#e0aa5f1a;border:1px solid #e0aa5f4d;border-radius:999px;align-self:center;margin-bottom:6px;padding:4px 10px;font-size:10px}.chat__composer{border-top:1px solid var(--line);background:#090b0f59;padding:9px 12px 11px}.chat__dice{scrollbar-width:none;align-items:center;gap:5px;margin-bottom:7px;display:flex;overflow-x:auto}.chat__dice::-webkit-scrollbar{display:none}.chat__dice-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:4px;margin-right:2px;font-size:9.5px;font-weight:700;display:inline-flex}.chat__die{border:1px solid var(--line);color:var(--text-dim);font-family:var(--font-mono);background:#161b24;border-radius:6px;flex:none;padding:3px 7px;font-size:9.5px}.chat__die:hover:not(:disabled){color:var(--gold-bright);border-color:#e0aa5f57}.chat__die:disabled{opacity:.45}.chat__input-row{border:1px solid var(--line-strong);background:var(--bg-input);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);border-radius:11px;align-items:flex-end;gap:7px;padding:5px 5px 5px 10px;display:flex}.chat__input-row:focus-within{border-color:#e0aa5f80;box-shadow:0 0 0 3px #e0aa5f14}.chat__input-row.is-roll{border-color:#e0aa5f61}.chat__input{min-height:42px;max-height:120px;color:var(--text);resize:none;background:0 0;border:0;outline:none;flex:1;padding:6px 0;font-size:12.5px;line-height:1.5}.chat__send{width:34px;height:34px;color:var(--gold-bright);transition:background .14s var(--ease);background:#e0aa5f24;border:1px solid #e0aa5f47;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.chat__send:hover:not(:disabled){background:#e0aa5f3d}.chat__send:disabled{opacity:.4}.chat__meta{color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;margin-top:5px;font-size:9.5px;display:flex}.chat__count.is-near{color:var(--amber)}.chat-message{align-items:flex-start;gap:9px;display:flex}.chat-message__body{flex:1;min-width:0}.chat-message__head{align-items:baseline;gap:7px;margin-bottom:2px;display:flex}.chat-message__head strong{color:var(--text);font-size:11.5px;font-weight:600}.chat-message__head time{color:var(--text-muted);font-size:9px}.chat-message__text{color:#cfd2d8;overflow-wrap:anywhere;white-space:pre-wrap;font-size:12.5px;line-height:1.55}.chat-message--own .chat-message__text{color:#e4e0d8}.chat-message--own .chat-message__head strong{color:var(--gold-bright)}.chat-message--system{border:1px dashed var(--line);color:var(--text-muted);text-align:center;background:#ece7db05;border-radius:9px;flex-direction:column;align-items:center;gap:3px;padding:7px 12px;font-size:10.5px;line-height:1.5}.chat-message--system time{opacity:.7;font-size:8.5px}.roll-card{background:linear-gradient(120deg,#e0aa5f14,#0000 70%),#ece7db05;border:1px solid #e0aa5f33;border-radius:10px;align-items:stretch;gap:10px;padding:8px;display:flex}.roll-card__total{min-width:54px;color:var(--gold-bright);background:#e0aa5f21;border-radius:7px;flex-direction:column;flex:none;justify-content:center;align-items:center;padding:3px 8px;display:flex}.roll-card__total span{font-family:var(--font-display);font-size:25px;font-weight:600;line-height:1}.roll-card__total small{color:var(--text-muted);font-family:var(--font-mono);margin-top:2px;font-size:8.5px}.roll-card__detail{flex-direction:column;justify-content:center;gap:5px;min-width:0;display:flex}.roll-card__detail p{color:var(--text-muted);font-family:var(--font-mono);overflow-wrap:anywhere;font-size:9.5px;line-height:1.4}.roll-card__dice{flex-wrap:wrap;gap:3px;display:flex}.roll-card__die{border:1px solid var(--line-strong);min-width:19px;height:19px;color:var(--text-dim);font-family:var(--font-mono);background:#12161d;border-radius:4px;justify-content:center;align-items:center;padding:0 4px;font-size:9.5px;display:inline-flex}.roll-card__die.is-negative{opacity:.65;text-decoration:line-through}.roll-card__die.is-crit{color:#a5e0ac;background:#5fae6a29;border-color:#5fae6a8c}.roll-card__die.is-miss{color:#f0a7a1;background:#e2564b24;border-color:#e2564b80}.party,.scene-panel{flex:1;min-height:0;padding:14px;overflow-y:auto}.party{flex-direction:column;gap:18px;display:flex}.party__section{flex-direction:column;gap:8px;display:flex}.party__section--grow{flex:1}.party__header{justify-content:space-between;align-items:center;gap:10px;padding:0 2px;display:flex}.party__header h2,.scene-panel__header h2{font-family:var(--font-ui);letter-spacing:.11em;text-transform:uppercase;color:var(--text-muted);font-size:10.5px;font-weight:700}.party__header>span,.scene-panel__header>span{color:var(--text-muted);font-size:9.5px}.member-list,.character-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.member{border-radius:9px;align-items:center;gap:9px;padding:6px;display:flex}.member:hover{background:#ece7db08}.member__body{flex-direction:column;flex:1;min-width:0;display:flex}.member__name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex;overflow:hidden}.member__name em{color:var(--gold);letter-spacing:.05em;text-transform:uppercase;background:#e0aa5f1a;border-radius:4px;padding:1px 4px;font-size:8px;font-style:normal;font-weight:700}.member__state{color:var(--text-muted);font-size:9.5px}.member.is-online .member__state{color:#79bc82}.character-list{gap:5px}.character{border:1px solid var(--line);background:#ece7db05;border-radius:10px;align-items:stretch;gap:4px;padding:7px;display:flex}.character:hover{background:#ece7db09;border-color:#ece7db29}.character__main{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:9px;min-width:0;padding:0;display:flex}.character__body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.character__name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.character__meta{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.character__vitals{color:var(--text-muted);align-items:center;gap:6px;margin-top:3px;font-size:9px;display:flex}.character__hp{background:#ece7db1a;border-radius:999px;width:44px;height:4px;display:inline-block;overflow:hidden}.character__hp-fill{border-radius:inherit;background:linear-gradient(90deg,#4d9c58,#6cc177);height:100%;display:block}.character__aside{flex-direction:column;flex:none;justify-content:center;align-items:flex-end;gap:3px;display:flex}.character__owner{color:var(--text-muted);white-space:nowrap;font-size:8.5px}.character__on-map{color:var(--teal);white-space:nowrap;align-items:center;gap:3px;font-size:8.5px;display:inline-flex}.character__aside .btn{min-height:24px;padding:0 7px;font-size:10px}.party__abilities{flex-direction:column;gap:4px;display:flex}.ability-line{border:1px solid var(--line);background:#ece7db05;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:5px 7px;display:flex}.ability-line>span:first-child{max-width:88px;color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.ability-line__scores{gap:5px;display:flex}.ability-line__scores>span{color:var(--text-dim);font-family:var(--font-mono);align-items:baseline;gap:2px;font-size:9px;display:inline-flex}.ability-line__scores em{color:var(--text-muted);font-family:var(--font-ui);font-size:8px;font-style:normal;font-weight:700}.scene-panel{flex-direction:column;gap:20px;display:flex}.scene-panel__section{flex-direction:column;gap:9px;display:flex}.scene-panel__header{justify-content:space-between;align-items:center;gap:10px;padding:0 2px;display:flex}.scene-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.scene-row{border:1px solid var(--line);background:#ece7db05;border-radius:9px;align-items:center;gap:4px;padding:5px;display:flex}.scene-row.is-viewing{background:#e0aa5f0b;border-color:#e0aa5f59}.scene-row__main{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;min-width:0;padding:2px;display:flex}.scene-row__icon{width:28px;height:28px;color:var(--text-muted);background:#ece7db0d;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.scene-row.is-live .scene-row__icon{color:var(--gold);background:#e0aa5f1f}.scene-row__body{flex-direction:column;flex:1;min-width:0;display:flex}.scene-row__name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:600;overflow:hidden}.scene-row__meta{color:var(--text-muted);font-size:9px}.scene-row .btn{min-height:25px;padding:0 7px;font-size:9.5px}.scene-panel__new{align-self:flex-start}.scene-form{border:1px solid var(--line);background:#ece7db05;border-radius:10px;flex-direction:column;gap:9px;padding:11px;display:flex}.scene-form--new{border-style:dashed}.scene-form__row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.scene-form__row .field__label{font-size:10px}.scene-form__actions{align-items:center;gap:5px;display:flex}.scene-form__hint{color:var(--text-muted);font-size:9.5px;line-height:1.45}.scene-current{border:1px solid var(--line);background:#ece7db05;border-radius:10px;gap:10px;padding:8px;display:flex}.scene-current__art{height:62px;color:var(--text-muted);background:#0d1015;border-radius:7px;flex:0 0 78px;justify-content:center;align-items:center;display:flex;overflow:hidden}.scene-current__art img{object-fit:cover;width:100%;height:100%}.scene-current__art span{flex-direction:column;align-items:center;gap:3px;font-size:8px;display:flex}.scene-current__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.scene-current__body strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.scene-current__body>span{color:var(--text-muted);font-size:9px}.scene-current__actions{flex-wrap:wrap;align-items:center;gap:5px;margin-top:4px;display:flex}.scene-current__actions .btn{min-height:25px;padding:0 7px;font-size:9.5px}.scene-current__live{color:#79bc82;align-items:center;gap:3px;font-size:9px;font-weight:600;display:inline-flex}.token-inspector{z-index:11;border:1px solid var(--line-strong);width:316px;max-height:calc(100% - 94px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:inspector-in .16s var(--ease);background:#10131af0;border-radius:14px;flex-direction:column;display:flex;position:absolute;bottom:14px;left:14px;overflow:hidden}.token-inspector__header{border-bottom:1px solid var(--line);align-items:flex-start;gap:9px;padding:11px 10px 9px 12px;display:flex}.token-inspector__swatch{border:1px solid #ffffff40;border-radius:50%;flex:none;width:11px;height:11px;margin-top:4px;box-shadow:0 0 8px}.token-inspector__title{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.token-inspector__title strong{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.token-inspector__title>span{color:var(--text-muted);font-size:9px}.token-inspector__name-input{width:100%;color:var(--text);font-family:var(--font-display);background:0 0;border:0;outline:none;padding:0;font-size:16px;font-weight:600}.token-inspector__badges{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.token-inspector__badges .badge{padding:2px 5px;font-size:8px}.token-inspector__body{flex-direction:column;gap:9px;padding:11px 12px 12px;display:flex;overflow-y:auto}.vital-row{grid-template-columns:1fr 1fr;gap:7px;display:grid}.vital-card{border:1px solid var(--line);background:#ece7db05;border-radius:9px;flex-direction:column;gap:6px;padding:8px 9px;display:flex}.vital-card--hp{gap:7px}.vital-card__head{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;font-size:9px;font-weight:600;display:flex}.vital-card__head>span:first-child{align-items:center;gap:4px;display:inline-flex}.vital-card__ratio{font-family:var(--font-mono);font-size:8.5px;font-weight:400}.vital-card__bar{background:#ece7db17;border-radius:999px;height:5px;overflow:hidden}.vital-card__fill{border-radius:inherit;height:100%;transition:width .18s var(--ease);background:linear-gradient(90deg,#4d9c58,#6cc177);display:block}.vital-card__fill.is-wounded{background:linear-gradient(90deg,#b58a2d,#d8b43c)}.vital-card__fill.is-critical{background:linear-gradient(90deg,#b33e34,#e2564b)}.vital-card__numbers{align-items:baseline;gap:4px;display:flex}.vital-card__input{border:1px solid var(--line);width:48px;color:var(--text);font-family:var(--font-mono);text-align:center;background:#0d1015;border-radius:5px;outline:none;padding:2px 4px;font-size:13px}.vital-card__input:focus{border-color:#e0aa5f80}.vital-card__input:disabled{background:0 0;border-color:#0000}.vital-card__slash{color:var(--text-muted);font-size:11px}.vital-card__unit{color:var(--text-muted);letter-spacing:.04em;font-size:8.5px}.vital-card__quick{gap:3px;display:flex}.vital-card__quick .btn{min-height:23px;font-family:var(--font-mono);flex:1;padding:0;font-size:9.5px}.vital-card--ac .vital-card__input{width:42px;font-size:15px}.vital-card__value{color:var(--text);font-family:var(--font-mono);font-size:11px}.inspector-section{border-top:1px solid var(--line);flex-direction:column;gap:5px;padding-top:7px;display:flex}.inspector-section__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.inspector-section__head h3{color:var(--text-muted);font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:700}.inspector-section__head span{color:var(--text-muted);font-size:8.5px}.condition-grid{flex-wrap:wrap;gap:3px;display:flex}.condition{border:1px solid var(--line);color:var(--text-muted);text-transform:capitalize;background:0 0;border-radius:5px;padding:3px 6px;font-size:8.5px}.condition:hover:not(:disabled){border-color:var(--line-strong);color:var(--text-dim)}.condition.is-on{color:#f0aaa4;background:#e2564b24;border-color:#e2564b73}.condition:disabled{opacity:.5}.token-colors{gap:4px;padding-top:3px;display:flex}.token-colors__swatch{border:1px solid #0006;border-radius:50%;width:17px;height:17px;padding:0;box-shadow:inset 0 0 0 1px #ffffff14}.token-colors__swatch.is-on{box-shadow:0 0 0 2px var(--bg-panel), 0 0 0 3px var(--gold)}.inspector-note{color:var(--text-muted);background:#e0aa5f0d;border-radius:7px;padding:7px 8px;font-size:9px;line-height:1.45}.token-inspector__actions{justify-content:space-between;align-items:center;gap:6px;padding-top:3px;display:flex}.token-inspector__actions .btn{min-height:27px;font-size:10px}.sheet{flex-direction:column;gap:16px;display:flex}.sheet__masthead{align-items:stretch;gap:18px;display:flex}.sheet__portrait{border:1px solid var(--line-strong);background:radial-gradient(60% 60% at 40% 30%,#e0aa5f38,#0000 70%),#12161d;border-radius:14px;flex:0 0 106px;width:106px;height:106px;position:relative;overflow:hidden}.sheet__portrait img{object-fit:cover;width:100%;height:100%}.sheet__portrait-fallback{width:100%;height:100%;color:var(--gold-bright);font-family:var(--font-display);justify-content:center;align-items:center;font-size:44px;display:flex}.sheet__portrait-upload{width:28px;height:28px;color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0c10d9;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:6px;right:6px}.sheet__portrait-upload:hover{background:#e0aa5f33}.sheet__portrait-upload .spinner{width:13px;height:13px}.sheet__identity{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.sheet__identity h2{font-size:27px}.sheet__name-input{width:100%;color:var(--text);font-family:var(--font-display);background:0 0;border:1px solid #0000;border-radius:7px;outline:none;padding:2px 4px;font-size:27px;font-weight:600;line-height:1.15}.sheet__name-input:hover{border-color:var(--line)}.sheet__name-input:focus{background:#e0aa5f08;border-color:#e0aa5f73}.sheet__identity-row{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:11.5px;display:flex}.sheet__inline{width:130px;min-height:28px;padding:4px 7px;font-size:11.5px}.sheet__vitals{align-items:stretch;gap:6px;margin-top:auto;display:flex}.sheet__hp{min-width:170px;color:var(--text-dim);background:#5fae6a0d;border:1px solid #5fae6a33;border-radius:9px;flex-direction:column;justify-content:center;gap:4px;padding:7px 10px;font-size:10px;display:flex}.sheet__hp-bar{background:#ece7db1a;border-radius:999px;height:6px;overflow:hidden}.sheet__hp-fill{border-radius:inherit;background:linear-gradient(90deg,#4d9c58,#6cc177);height:100%;display:block}.sheet__hp-fill.is-critical{background:linear-gradient(90deg,#b33e34,#e2564b)}.sheet__stat{border:1px solid var(--line);background:#ece7db05;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-width:62px;padding:5px 10px;display:flex}.sheet__stat-value{color:var(--text);font-family:var(--font-display);font-size:20px;line-height:1}.sheet__stat-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:8px}.sheet__quickfields{border:1px solid var(--line);background:#ece7db05;border-radius:10px;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:11px;display:grid}.sheet__compact{flex-direction:column;gap:3px;display:flex}.sheet__compact>span{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:600}.sheet__section{flex-direction:column;gap:8px;display:flex}.sheet__section-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:5px;display:flex}.sheet__section-head h3{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-size:10px;font-weight:700}.sheet__section-head span{color:var(--text-muted);font-size:9.5px}.ability-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.ability{border:1px solid var(--line);background:#ece7db05;border-radius:9px;flex-direction:column;align-items:center;gap:3px;padding:7px 4px 5px;display:flex}.ability__label{color:var(--text-muted);letter-spacing:.1em;font-size:8.5px;font-weight:700}.ability__input{width:100%;color:var(--text);font-family:var(--font-display);text-align:center;appearance:textfield;background:0 0;border:0;outline:none;padding:0;font-size:23px;line-height:1.1}.ability__input::-webkit-outer-spin-button{appearance:none;margin:0}.ability__input::-webkit-inner-spin-button{appearance:none;margin:0}.vital-card__input::-webkit-outer-spin-button{appearance:none;margin:0}.vital-card__input::-webkit-inner-spin-button{appearance:none;margin:0}.ability__score{color:var(--text);font-family:var(--font-display);font-size:23px;line-height:1.1}.ability__modifier{border:1px solid var(--line);color:var(--gold);font-family:var(--font-mono);background:0 0;border-radius:999px;align-items:center;gap:3px;padding:1px 6px;font-size:9.5px;display:inline-flex}.ability__modifier:hover{background:#e0aa5f14;border-color:#e0aa5f66}.sheet__columns{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px;display:grid}.sheet__textarea{resize:vertical;min-height:126px;font-family:var(--font-mono);font-size:11.5px;line-height:1.55}.sheet__textarea--notes{min-height:196px;font-family:var(--font-ui);font-size:12px}.sheet__inventory{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.sheet__inventory li{border:1px solid var(--line);color:var(--text-dim);background:#ece7db05;border-radius:6px;padding:5px 8px;font-size:11.5px}.sheet__muted{color:var(--text-muted);font-size:11.5px;font-style:italic}.notes{border:1px solid var(--line);color:#cfd2d8;background:#ece7db05;border-radius:9px;flex-direction:column;gap:8px;padding:10px 12px;font-size:12.5px;line-height:1.6;display:flex}.notes h4{color:var(--gold-bright);font-family:var(--font-display);font-size:16px}.notes ul{flex-direction:column;gap:2px;margin:0;padding-left:16px;display:flex}.notes strong{color:var(--text)}.creature-form{flex-direction:column;gap:14px;display:flex}.creature-form__row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.shortcut-list{flex-direction:column;gap:2px;margin:0;display:flex}.shortcut-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:7px 0;display:flex}.shortcut-list dt{flex:none}.shortcut-list dd{color:var(--text-muted);text-align:right;margin:0;font-size:12px}.shortcut-list__footer{color:var(--text-muted);background:#e0aa5f0f;border-radius:8px;align-items:center;gap:6px;margin-top:14px;padding:9px 10px;font-size:11px;display:flex}@media (max-width:1100px){.topbar__party-count,.topbar__lobby{display:none}.topbar__name{max-width:180px}}@media (max-width:980px){.auth{grid-template-columns:1fr}.auth__pitch{display:none}.auth__panel{min-height:100dvh;padding:28px 20px}.auth__card{padding:22px}.side-panel{top:var(--topbar-h);z-index:35;width:min(390px,92vw);transition:transform .22s var(--ease);box-shadow:var(--shadow-lg);flex-basis:auto;position:fixed;bottom:0;right:0;transform:translate(100%)}.side-panel.is-open{display:flex;transform:translate(0)}.side-panel:not(.is-open){display:flex}.side-panel__backdrop{inset:var(--topbar-h) 0 0 0;z-index:30;width:100%;height:calc(100% - var(--topbar-h));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#05070a8c;border:0;padding:0;display:block;position:fixed}.topbar__invite span,.topbar__party{display:none}.topbar__invite{padding:6px}.topbar__scene .select--bare{max-width:150px}}@media (max-width:760px){:root{--topbar-h:54px}.topbar{gap:8px;padding:0 8px}.topbar__back,.topbar__brand{display:none}.topbar__campaign{border-left:0;padding-left:0}.topbar__campaign .badge,.connection span{display:none}.topbar__name{max-width:120px;font-size:14px}.topbar__scene{display:none}.connection{padding:5px}.canvas__scale,.table__hint{display:none}.tool-rail{flex-direction:row;top:auto;bottom:12px;left:50%;transform:translate(-50%)}.tool-rail__divider{width:1px;height:20px;margin:0 3px}.canvas__zoom{bottom:62px;right:10px}.token-inspector{width:min(316px,100vw - 20px);max-height:calc(100% - 120px);bottom:62px;left:10px}.lobby__hero{flex-direction:column;align-items:flex-start}.join-strip{flex-direction:column;align-items:stretch}.join-strip__form{width:100%}.join-strip__form .input{flex:1;max-width:none}.lobby__footer{flex-direction:column;align-items:flex-start;gap:5px}.sheet__masthead{flex-direction:column}.sheet__portrait{flex-basis:88px;width:88px;height:88px}.sheet__vitals{flex-wrap:wrap}.sheet__hp{flex:1;min-width:140px}.sheet__quickfields,.ability-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sheet__columns{grid-template-columns:1fr}.creature-form__row{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-backdrop{padding:10px}.modal{max-height:94dvh}.modal__header,.modal__body,.modal__footer{padding-left:16px;padding-right:16px}}@media (max-width:520px){.auth__demo{flex-direction:column;align-items:flex-start}.lobby__header,.lobby__main{padding-left:16px;padding-right:16px}.campaign-grid{grid-template-columns:1fr}.character{flex-wrap:wrap}.character__aside{flex-direction:row;justify-content:flex-end;align-items:center;width:100%}.scene-form__row,.sheet__quickfields{grid-template-columns:repeat(2,minmax(0,1fr))}.sheet__vitals{grid-template-columns:repeat(3,1fr);display:grid}.sheet__hp{grid-column:1/-1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.985)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@keyframes inspector-in{0%{opacity:0;transform:translateY(8px)}}@keyframes token-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes preview-ping{0%{opacity:.9;transform:scale(.4)}70%{opacity:0;transform:scale(2.2)}to{opacity:0;transform:scale(2.2)}}@keyframes ping-wave{0%{opacity:.95;transform:scale(.25)}70%{opacity:.25}to{opacity:0;transform:scale(2.4)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}