:root{--bg: #0a0705;--wood: rgba(16, 11, 8, .8);--wood-2: rgba(26, 19, 14, .84);--wood-3: rgba(46, 34, 24, .88);--line: rgba(214, 170, 98, .16);--line-strong: rgba(214, 170, 98, .32);--gold: #d6aa62;--ale: #e3a94b;--ale-2: #f4cd82;--ale-ink: #24160a;--ale-glow: rgba(227, 169, 75, .3);--text: #f1e5cf;--text-dim: #bfa98a;--text-faint: #86715a;--ember: #d0583f;--ember-ink: #f2a593;--moss: #8fc276;--parchment: #f0e2c0;--parchment-ink: #3a2814;--font-display: "Cinzel", "Trajan Pro", Georgia, serif;--font-ui: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-page: "EB Garamond", "Iowan Old Style", Georgia, serif;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--ease: cubic-bezier(.2, .8, .2, 1);--shadow-1: 0 1px 0 rgba(255, 225, 175, .05) inset, 0 10px 30px rgba(0, 0, 0, .45);--shadow-2: 0 1px 0 rgba(255, 225, 175, .07) inset, 0 22px 60px rgba(0, 0, 0, .6);--glass: blur(14px) saturate(1.1);--rail-w: 92px;--dock-w: 360px;--top-h: 68px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{background-color:var(--bg);background-image:radial-gradient(1200px 520px at 50% -180px,rgba(233,169,69,.14),transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .9 0 0 0 0 .7 0 0 0 0 .45 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-attachment:fixed;color:var(--text);font:15px/1.55 var(--font-ui);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}#root{min-height:100%}a{color:var(--ale-2);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ale);outline-offset:2px}::selection{background:var(--ale-glow)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#f0c88c24;border-radius:10px;border:2px solid transparent;background-clip:padding-box}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;margin:0;line-height:1.2;letter-spacing:.01em}h1{font-size:1.75rem}h2{font-size:1.3rem}h3{font-size:1.05rem}h4{font-size:.95rem;color:var(--text-dim)}p{margin:0 0 .6em}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}.small{font-size:.86rem}.tiny{font-size:.76rem}.num{font-variant-numeric:tabular-nums}.stack>*+*{margin-top:1rem}.stack-sm>*+*{margin-top:.5rem}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.row.nowrap{flex-wrap:nowrap}.grow{flex:1;min-width:0}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:600px){.hide-sm{display:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.5rem .95rem;min-height:38px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--wood-3);color:var(--text);cursor:pointer;font-weight:550;font-size:.92rem;line-height:1;white-space:nowrap;transition:background .15s,border-color .15s,transform .08s,box-shadow .15s}.btn:hover{border-color:#f0c88c66;background:#423020}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.btn svg{width:17px;height:17px}.btn.primary{background:linear-gradient(180deg,var(--ale-2),var(--ale));border-color:#f3c066;color:var(--ale-ink);box-shadow:0 1px #ffffff59 inset,0 6px 18px #e9a94538}.btn.primary:hover{background:linear-gradient(180deg,#ffd789,#efb24f)}.btn.danger{background:transparent;border-color:#d0583f8c;color:var(--ember-ink)}.btn.danger:hover{background:#d0583f24}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn.ghost:hover{color:var(--text);background:#f0c88c12}.btn.sm{min-height:30px;padding:.3rem .65rem;font-size:.84rem;border-radius:8px}.btn.lg{min-height:50px;padding:.7rem 1.4rem;font-size:1.02rem;border-radius:14px}.btn.icon{padding:0;width:38px}.btn.sm.icon{width:30px}.btn[aria-busy=true]{position:relative;color:transparent!important}.btn[aria-busy=true]:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid var(--text);border-color:var(--text) transparent;animation:spin .8s linear infinite}.btn.primary[aria-busy=true]:after{border-color:var(--ale-ink) transparent}.field{display:flex;flex-direction:column;gap:.3rem;min-width:0}.field>span{font-size:.8rem;color:var(--text-dim);font-weight:500}.input,.field input,.field select,.field textarea,select.input,textarea.input{width:100%;padding:.5rem .7rem;min-height:38px;border-radius:var(--r-sm);border:1px solid var(--line);background:#0a060373;color:var(--text);box-shadow:0 1px 2px #00000059 inset;transition:border-color .15s,box-shadow .15s}textarea.input,.field textarea{min-height:92px;resize:vertical;line-height:1.5}.input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:#e9a94599;outline:none;box-shadow:0 0 0 3px var(--ale-glow)}.input[readonly],.field input[readonly],.field textarea[readonly]{background:transparent;box-shadow:none}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-dim) 50%),linear-gradient(135deg,var(--text-dim) 50%,transparent 50%)!important;background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%!important;background-size:5px 5px!important;background-repeat:no-repeat!important;padding-right:2rem!important}.check{display:inline-flex;gap:.45rem;align-items:center;cursor:pointer}.check input{accent-color:var(--ale);width:17px;height:17px}.panel{background:linear-gradient(180deg,var(--wood-2),var(--wood));border:1px solid var(--line);border-radius:var(--r-md);padding:1.1rem 1.2rem;box-shadow:var(--shadow-1)}.panel.tight{padding:.75rem .9rem}.panel.flat{background:#ffe6be06;box-shadow:none}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.divider{border:0;border-top:1px solid var(--line);margin:1rem 0}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.12rem .6rem;border-radius:999px;border:1px solid var(--line-strong);font-size:.78rem;color:var(--text-dim);white-space:nowrap;background:#ffe6be08}.chip.gold{border-color:#e9a94580;color:var(--ale-2);background:#e9a94514}.chip.secret{border-color:#d0583f8c;color:var(--ember-ink);background:#d0583f1a}.chip.ok{border-color:#8fb27680;color:var(--moss);background:#8fb27614}button.chip{cursor:pointer}.dot{width:8px;height:8px;border-radius:50%;background:var(--text-faint);display:inline-block;flex:none}.dot.on{background:var(--moss);box-shadow:0 0 0 3px #8fb27633}.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:none;background:linear-gradient(160deg,#4a3522,#2a1d13);border:1px solid var(--line-strong);display:inline-grid;place-items:center;font-family:var(--font-display);color:var(--ale-2);font-size:.9rem;font-weight:600}.avatar.lg{width:64px;height:64px;font-size:1.5rem}.empty{padding:2.2rem 1rem;text-align:center;color:var(--text-dim)}.empty h3{color:var(--text);margin-bottom:.4rem}.empty p{max-width:46ch;margin:0 auto .8rem}.error-text{color:var(--ember-ink)}.loading{padding:2.5rem;color:var(--text-faint);text-align:center}.toasts{position:fixed;left:50%;transform:translate(-50%);top:calc(var(--top-h) + 12px);z-index:90;display:flex;flex-direction:column;gap:.5rem;width:min(420px,calc(100vw - 2rem));pointer-events:none}.toast{pointer-events:auto;background:#2a1e15f7;border:1px solid var(--line-strong);padding:.7rem .95rem;border-radius:var(--r-sm);box-shadow:var(--shadow-2);backdrop-filter:blur(8px);animation:toast-in .3s var(--ease);display:flex;gap:.65rem;align-items:flex-start}.toast:before{content:"";width:4px;align-self:stretch;border-radius:4px;background:var(--ale);flex:none}.toast.error:before{background:var(--ember)}.toast.success:before{background:var(--moss)}.toast strong{display:block;font-weight:600}@keyframes toast-in{0%{transform:translateY(-10px) scale(.98);opacity:0}}.modal-backdrop{position:fixed;inset:0;background:#080502b3;backdrop-filter:blur(3px);z-index:70;display:grid;place-items:center;padding:1rem;overflow-y:auto;animation:fade .2s}.modal{width:min(560px,100%);background:linear-gradient(180deg,#2f2217,#20160f);border:1px solid var(--line-strong);border-radius:var(--r-lg);padding:1.4rem;box-shadow:var(--shadow-2);animation:pop .25s var(--ease)}.modal.wide{width:min(920px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1.1rem}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{transform:translateY(8px) scale(.98);opacity:0}}.gate{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr)}.gate-art{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(2rem,5vw,4rem);background:radial-gradient(600px 420px at 72% 38%,rgba(233,169,69,.22),transparent 65%),linear-gradient(170deg,#2b1d12,#120c08 75%);border-right:1px solid var(--line)}.gate-art .sigil{position:absolute;right:-40px;top:6%;width:min(460px,60%);opacity:.5;animation:candle 6s ease-in-out infinite}@keyframes candle{50%{opacity:.62}}.gate-art h1{font-size:clamp(2.2rem,4.6vw,3.6rem);max-width:14ch;line-height:1.1}.gate-art p{max-width:48ch;color:var(--text-dim);font-size:1.05rem}.gate-form{display:flex;flex-direction:column;justify-content:center;padding:3rem clamp(1.5rem,5vw,4rem);gap:1rem;max-width:520px;width:100%;margin:0 auto}.gate-form .btn{width:100%}.brand{font-family:var(--font-display);font-size:1.3rem;color:var(--ale-2);letter-spacing:.06em;font-weight:700;display:inline-flex;align-items:center;gap:.55rem}.brand-mark{width:30px;height:30px}@media(max-width:860px){.gate{grid-template-columns:1fr}.gate-art{min-height:42vh;padding:2rem 1.25rem;border-right:0;border-bottom:1px solid var(--line)}}.topbar{position:sticky;top:0;z-index:40;height:var(--top-h);display:flex;align-items:center;gap:1rem;padding:0 clamp(.75rem,2vw,1.25rem);background:#140e0ad1;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar .brand{font-size:1.05rem}.topbar .campaign-name{font-family:var(--font-display);font-weight:600;font-size:1.02rem}.me-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .55rem .25rem .25rem;border-radius:999px;color:var(--text);border:1px solid transparent}.me-chip:hover{border-color:var(--line);background:#ffe6be0a}.container{max-width:1180px;margin:0 auto;padding:1.75rem clamp(1rem,3vw,2rem) 4rem}.hero-strip{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.hero-strip h1{font-size:1.9rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.camp-card{position:relative;display:flex;flex-direction:column;border-radius:var(--r-md);overflow:hidden;color:inherit;background:var(--wood);border:1px solid var(--line);box-shadow:var(--shadow-1);transition:transform .2s var(--ease),border-color .2s,box-shadow .2s}.camp-card:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:var(--shadow-2)}.camp-card .cover{height:132px;background:linear-gradient(135deg,#4a331f,#1c130c);background-size:cover;background-position:center;position:relative;display:grid;place-items:center;font-family:var(--font-display);font-size:3rem;color:#f6c76d80}.camp-card .cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(20,14,10,.85))}.camp-card .body{padding:.85rem 1rem 1rem;display:flex;flex-direction:column;gap:.35rem}.camp-card h3{font-size:1.08rem}.camp-card .pin{position:absolute;top:.55rem;right:.55rem;z-index:2}.hero-card-sm{display:flex;gap:.85rem;align-items:center;padding:.8rem;border-radius:var(--r-md);background:var(--wood);border:1px solid var(--line);color:inherit;transition:border-color .15s,background .15s}.hero-card-sm:hover{border-color:var(--line-strong);background:var(--wood-2)}.portrait-sm{width:56px;height:56px;border-radius:12px;object-fit:cover;flex:none;background:linear-gradient(160deg,#4a3522,#22180f);display:grid;place-items:center;font-family:var(--font-display);font-size:1.4rem;color:var(--ale-2);border:1px solid var(--line-strong)}.table-shell{display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr) var(--dock-w);height:calc(100vh - var(--top-h))}.table-shell.dock-closed{grid-template-columns:var(--rail-w) minmax(0,1fr) 0}.rail{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:.8rem .55rem;border-right:1px solid var(--line);background:#0c080573;overflow-y:auto}.rail-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.6rem .2rem .5rem;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text-faint);cursor:pointer;font-size:.7rem;font-weight:550;transition:color .15s,background .15s,border-color .15s}.rail-btn svg{width:22px;height:22px}.rail-btn:hover{color:var(--text);background:#ffe6be0d}.rail-btn[aria-current=page]{color:var(--ale-2);background:linear-gradient(180deg,#e9a94529,#e9a9450f);border-color:#e9a94559;box-shadow:0 0 18px #e9a9451f}.rail-btn .badge{position:absolute;top:4px;right:8px;min-width:18px;height:18px;border-radius:9px;background:var(--ember);color:#fff;font-size:.68rem;display:grid;place-items:center;padding:0 5px}.rail-sep{height:1px;background:var(--line);margin:.5rem .4rem}.page{overflow-y:auto;padding:clamp(1rem,2.5vw,1.75rem);min-width:0}.page-inner{max-width:1040px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.page-head p{margin:.25rem 0 0;color:var(--text-dim);max-width:70ch}.conn{font-size:.8rem;display:inline-flex;align-items:center;gap:.4rem;color:var(--text-dim)}.conn.bad{color:var(--ember-ink)}.party{display:flex;align-items:center}.party .avatar{margin-left:-6px;border:2px solid var(--bg)}.party .on .avatar{box-shadow:0 0 0 2px var(--moss)}@media(max-width:1180px){.table-shell,.table-shell.dock-closed{grid-template-columns:var(--rail-w) minmax(0,1fr)}}@media(max-width:760px){.table-shell,.table-shell.dock-closed{grid-template-columns:1fr;height:auto;min-height:calc(100vh - var(--top-h))}.rail{position:fixed;bottom:0;left:0;right:0;z-index:45;flex-direction:row;overflow-x:auto;padding:.35rem .35rem calc(.35rem + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line);background:#100b07f5;backdrop-filter:blur(10px)}.rail-btn{min-width:66px}.rail-sep{display:none}.page{overflow:visible;padding-bottom:6.5rem}}.dock{display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--line);background:linear-gradient(180deg,#1f160feb,#140e0af5);overflow:hidden}.dock-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.7rem .9rem;border-bottom:1px solid var(--line)}.dock-head h2{font-size:1rem}.feed{flex:1;overflow-y:auto;padding:.75rem .8rem 1rem;display:flex;flex-direction:column;gap:.55rem}.feed-day{align-self:center;font-size:.72rem;color:var(--text-faint);padding:.1rem .6rem;border-radius:999px;border:1px solid var(--line)}.msg{display:grid;grid-template-columns:28px 1fr;gap:.55rem;animation:msg-in .25s var(--ease)}.msg .avatar{width:28px;height:28px;font-size:.78rem}.msg .who{font-size:.78rem;color:var(--text-dim);display:flex;gap:.4rem;align-items:baseline;flex-wrap:wrap}.msg .who strong{color:var(--text);font-weight:600}.msg .bubble{margin-top:.15rem;padding:.5rem .7rem;border-radius:4px 14px 14px;background:#ffe6be0d;border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere}.msg.mine .bubble{background:#e9a9451a;border-color:#e9a94538}.msg.whisper .bubble{border-style:dashed;border-color:#e9a94573;background:#e9a9450d;font-style:italic}.msg.reveal .bubble{border-color:#d0583f8c;background:#d0583f1a}.msg.narration{grid-template-columns:1fr}.msg.narration .bubble{font-family:var(--font-page);font-size:1.05rem;background:transparent;border:0;border-left:2px solid var(--ale);border-radius:0;padding:.1rem .75rem;color:var(--parchment)}@keyframes msg-in{0%{transform:translateY(6px);opacity:0}}.roll-card{display:grid;grid-template-columns:40px 1fr auto;gap:.6rem;align-items:center;padding:.5rem .65rem;border-radius:12px;background:linear-gradient(180deg,#e9a94517,#e9a94508);border:1px solid rgba(233,169,69,.25);animation:msg-in .25s var(--ease)}.roll-card.private{background:#d0583f12;border-color:#d0583f59}.roll-card .die-mini{width:38px;height:38px;color:var(--ale)}.roll-card .total{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--ale-2);line-height:1}.roll-card .total.crit{color:#ffe08a;text-shadow:0 0 14px rgba(255,210,110,.6)}.roll-card .total.fumble{color:var(--ember-ink)}.dice-detail{font-size:.76rem;color:var(--text-faint);font-variant-numeric:tabular-nums}.dice-detail .drop{text-decoration:line-through;opacity:.5}.composer{border-top:1px solid var(--line);padding:.6rem .7rem .7rem;display:flex;flex-direction:column;gap:.45rem;background:#0c080566}.composer textarea{min-height:42px;max-height:140px;resize:none}.tray{display:flex;gap:.3rem;flex-wrap:wrap;align-items:center}.die-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--line-strong);background:var(--wood-3);color:var(--text-dim);cursor:pointer;display:grid;place-items:center;font-size:.66rem;font-weight:700;position:relative;transition:transform .12s,color .12s,border-color .12s}.die-btn svg{width:24px;height:24px;position:absolute;opacity:.55}.die-btn span{position:relative}.die-btn:hover{color:var(--ale-2);border-color:#e9a94580;transform:translateY(-1px) rotate(-6deg)}.seg{display:inline-flex;border:1px solid var(--line-strong);border-radius:10px;overflow:hidden}.seg button{border:0;background:transparent;color:var(--text-dim);padding:.3rem .6rem;font-size:.76rem;cursor:pointer}.seg button[aria-pressed=true]{background:#e9a9452e;color:var(--ale-2)}.dock-fab{display:none}@media(max-width:1180px){.dock{position:fixed;right:0;top:var(--top-h);bottom:0;width:min(400px,100vw);z-index:60;transform:translate(100%);transition:transform .3s var(--ease);box-shadow:var(--shadow-2)}.dock.open{transform:none}.dock-fab{display:grid;place-items:center;position:fixed;right:1rem;bottom:1rem;z-index:55;width:56px;height:56px;border-radius:50%;border:1px solid #f3c066;background:linear-gradient(180deg,var(--ale-2),var(--ale));color:var(--ale-ink);cursor:pointer;box-shadow:0 10px 30px #00000080,0 0 24px var(--ale-glow)}.dock-fab svg{width:26px;height:26px}.dock-fab .badge{position:absolute;top:-2px;right:-2px;min-width:20px;height:20px;border-radius:10px;background:var(--ember);color:#fff;font-size:.7rem;display:grid;place-items:center;padding:0 5px}}@media(max-width:760px){.dock-fab{bottom:calc(80px + env(safe-area-inset-bottom))}}.dice-stage{position:fixed;inset:0;z-index:95;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#140c0659,#080502c7);backdrop-filter:blur(2px);animation:fade .2s;cursor:pointer}.dice-wrap{display:flex;flex-direction:column;align-items:center;gap:.6rem;pointer-events:none;text-align:center}.die-3d{width:190px;height:190px;position:relative;display:grid;place-items:center}.die-3d svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 18px 30px rgba(0,0,0,.55))}.die-3d .face-num{position:relative;font-family:var(--font-display);font-weight:700;font-size:3.4rem;color:#fff6dd;text-shadow:0 2px 0 rgba(0,0,0,.4);transition:transform .2s}.die-3d.rolling{animation:tumble 1.05s cubic-bezier(.3,.7,.3,1) both}.die-3d.rolling .face-num{opacity:.85}.die-3d.landed{animation:land .45s var(--ease) both}.die-3d.crit svg .body{fill:url(#gold)!important}.die-3d.crit:before{content:"";position:absolute;inset:-40px;border-radius:50%;background:radial-gradient(circle,rgba(255,214,120,.55),transparent 65%);animation:burst 1s ease-out both}.die-3d.fumble svg .body{fill:url(#blood)!important}@keyframes tumble{0%{transform:translate(-46vw,30vh) rotate(-540deg) scale(.5)}45%{transform:translate(6vw,-6vh) rotate(-120deg) scale(1.05)}65%{transform:translate(-3vw,2vh) rotate(40deg) scale(.95)}82%{transform:translate(1vw,-1vh) rotate(-12deg) scale(1.02)}to{transform:none}}@keyframes land{0%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes burst{0%{transform:scale(.4);opacity:1}to{transform:scale(1.4);opacity:0}}.dice-label{font-family:var(--font-display);font-size:1.15rem;color:var(--text);text-shadow:0 2px 8px #000}.dice-total{font-family:var(--font-display);font-size:2.6rem;font-weight:700;color:var(--ale-2);line-height:1;text-shadow:0 0 22px rgba(233,169,69,.45);animation:pop .3s var(--ease) both}.dice-sub{font-size:.85rem;color:var(--text-dim)}.dice-verdict{font-family:var(--font-display);letter-spacing:.08em;font-size:1rem}.dice-verdict.crit{color:#ffe08a}.dice-verdict.fumble{color:var(--ember-ink)}.request-stage{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1rem;background:#0805029e;backdrop-filter:blur(4px);animation:fade .25s}.request-card{width:min(440px,100%);text-align:center;padding:1.75rem 1.5rem 1.5rem;border-radius:22px;position:relative;overflow:hidden;background:radial-gradient(420px 220px at 50% 0,rgba(233,169,69,.22),transparent 70%),linear-gradient(180deg,#34251a,#1d140d);border:1px solid rgba(233,169,69,.45);box-shadow:0 30px 80px #000000a6,0 0 60px #e9a94526;animation:summon .55s var(--ease) both}.request-card .seal-icon{width:74px;height:74px;margin:0 auto .75rem;color:var(--ale-2);animation:breathe 2.4s ease-in-out infinite}.request-card .eyebrow{color:var(--text-dim);font-size:.88rem}.request-card h2{font-size:1.7rem;margin:.25rem 0 .35rem;color:var(--text)}.request-card .btn.lg{width:100%;margin-top:1rem}@keyframes summon{0%{transform:translateY(24px) scale(.94);opacity:0}}@keyframes breathe{50%{transform:scale(1.06);filter:drop-shadow(0 0 14px rgba(233,169,69,.5))}}.pending-banner{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.65rem .9rem;border-radius:14px;border:1px solid rgba(233,169,69,.45);background:linear-gradient(90deg,#e9a9452e,#e9a9450f);animation:glow 2s ease-in-out infinite}@keyframes glow{50%{box-shadow:0 0 22px #e9a94540}}.hero-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.25rem;align-items:center;padding:1.25rem;border-radius:var(--r-lg);border:1px solid var(--line-strong);box-shadow:var(--shadow-2);background:radial-gradient(500px 200px at 0 0,rgba(233,169,69,.12),transparent 70%),linear-gradient(180deg,#2f2217,#1d140d)}.portrait{width:116px;height:116px;border-radius:22px;object-fit:cover;background:linear-gradient(160deg,#4f3923,#22180f);border:2px solid rgba(233,169,69,.45);box-shadow:0 0 0 4px #00000059,0 10px 26px #00000080;display:grid;place-items:center;font-family:var(--font-display);font-size:2.6rem;color:var(--ale-2);position:relative;overflow:hidden}.portrait-edit{position:absolute;inset:auto 0 0;padding:.25rem;font-size:.7rem;text-align:center;background:#0009;color:var(--text);opacity:0;transition:opacity .15s;font-family:var(--font-ui)}label:hover .portrait-edit,label:focus-within .portrait-edit{opacity:1}.hero-name{font-family:var(--font-display);font-weight:700;font-size:1.9rem;background:transparent;border:0;padding:0;width:100%;color:var(--text)}.hero-name:focus{outline:none;border-bottom:1px dashed var(--line-strong)}.hero-stats{display:grid;grid-template-columns:repeat(3,auto);gap:.6rem}.shield{width:70px;height:78px;position:relative;display:grid;place-items:center}.shield svg{position:absolute;inset:0;width:100%;height:100%}.shield b{position:relative;font-family:var(--font-display);font-size:1.55rem;color:var(--text);margin-top:-6px}.shield small{position:absolute;bottom:10px;font-size:.62rem;color:var(--text-dim)}.pill-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:70px;padding:.4rem .55rem;border-radius:14px;border:1px solid var(--line);background:#00000038}.pill-stat b{font-family:var(--font-display);font-size:1.25rem}.pill-stat small{font-size:.66rem;color:var(--text-dim);white-space:nowrap}.hp-block{display:grid;gap:.45rem;padding:.9rem 1rem;border-radius:var(--r-md);border:1px solid var(--line);background:#0003}.hp-bar{height:14px;border-radius:8px;background:#00000073;overflow:hidden;border:1px solid var(--line);position:relative}.hp-bar>i{display:block;height:100%;background:linear-gradient(90deg,#8e2f20,#d0583f 60%,#e8775b);transition:width .45s var(--ease);box-shadow:0 0 12px #d0583f80 inset}.hp-bar>em{position:absolute;top:0;height:100%;background:#8cbeff73;transition:width .45s var(--ease)}.hp-num{font-family:var(--font-display);font-size:1.5rem;font-weight:700}.medallions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.medal{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.7rem .3rem .6rem;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#ffe6be0b,#00000026)}.medal .lbl{font-size:.72rem;color:var(--text-dim);font-weight:600;letter-spacing:.04em}.medal-ring{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(233,169,69,.5);background:radial-gradient(circle at 50% 35%,#3d2c1d,#1a120b);box-shadow:0 0 0 4px #0000004d,0 6px 14px #0006;cursor:pointer;font-family:var(--font-display);font-size:1.45rem;font-weight:700;color:var(--ale-2);transition:transform .15s,box-shadow .15s}.medal-ring:hover{transform:translateY(-2px);box-shadow:0 0 0 4px #0000004d,0 0 22px var(--ale-glow)}.medal input{width:52px;text-align:center;padding:.1rem;min-height:26px;border-radius:8px;border:1px solid var(--line);background:#00000059;font-weight:600}@media(max-width:760px){.hero-card{grid-template-columns:auto 1fr}.hero-card>:last-child{grid-column:1 / -1}.portrait{width:84px;height:84px;border-radius:18px;font-size:2rem}.hero-name{font-size:1.4rem}.medallions{grid-template-columns:repeat(3,minmax(0,1fr))}}.tabs{display:flex;gap:.25rem;padding:.25rem;border-radius:14px;background:#00000040;border:1px solid var(--line);overflow-x:auto;margin-bottom:1rem;width:fit-content;max-width:100%}.tab{padding:.45rem .85rem;background:none;border:0;border-radius:10px;color:var(--text-dim);cursor:pointer;white-space:nowrap;font-weight:550;font-size:.88rem}.tab:hover{color:var(--text)}.tab[aria-selected=true]{color:var(--ale-ink);background:linear-gradient(180deg,var(--ale-2),var(--ale))}.skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.35rem .9rem}.skill-row{display:grid;grid-template-columns:24px 1fr auto;gap:.55rem;align-items:center;padding:.3rem .4rem;border-radius:10px}.skill-row:hover{background:#ffe6be0a}.prof-toggle{width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(233,169,69,.55);background:transparent;cursor:pointer;padding:0;transition:background .15s,box-shadow .15s}.prof-toggle[data-rank="1"]{background:var(--ale)}.prof-toggle[data-rank="2"]{background:var(--ale-2);box-shadow:0 0 0 3px #e9a9454d}.roll-btn{display:inline-flex;align-items:center;gap:.3rem;min-width:54px;justify-content:center;padding:.2rem .5rem;border-radius:9px;border:1px solid var(--line);background:#00000040;color:var(--ale-2);cursor:pointer;font-weight:650;font-variant-numeric:tabular-nums}.roll-btn svg{width:14px;height:14px;opacity:.6;transition:transform .3s}.roll-btn:hover{border-color:#e9a94580}.roll-btn:hover svg{transform:rotate(120deg);opacity:1}.list-table{width:100%;border-collapse:collapse}.list-table th{text-align:left;font-weight:550;color:var(--text-dim);font-size:.8rem;padding:.35rem .5rem;border-bottom:1px solid var(--line)}.list-table td{padding:.45rem .5rem;border-bottom:1px solid rgba(240,200,140,.06);vertical-align:middle}.list-table td.num{text-align:right}.list-scroll{overflow-x:auto}.save-state{font-size:.78rem;color:var(--text-faint);display:inline-flex;align-items:center;gap:.35rem}.slot-pips{display:inline-flex;gap:4px}.slot-pip{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--ale);background:var(--ale);cursor:pointer;padding:0}.slot-pip.used{background:transparent;opacity:.55}.pack-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1rem;align-items:start}@media(max-width:900px){.pack-layout{grid-template-columns:1fr}}.backpack{position:relative;padding:2.6rem 1.1rem 1.1rem;border-radius:34px 34px 22px 22px;background:radial-gradient(500px 220px at 50% 0,rgba(255,210,150,.12),transparent 70%),repeating-linear-gradient(115deg,rgba(0,0,0,.05) 0 2px,transparent 2px 7px),linear-gradient(180deg,#6b4526,#4a2f19 55%,#3b2412);border:1px solid #2a180b;box-shadow:0 1px #ffdcaa33 inset,0 20px 40px #00000080}.backpack:before{content:"";position:absolute;inset:9px;border-radius:28px 28px 16px 16px;border:1.5px dashed rgba(255,220,170,.22);pointer-events:none}.backpack:after{content:"";position:absolute;left:12%;right:12%;top:-1px;height:28px;border-radius:0 0 26px 26px;background:linear-gradient(180deg,#7a5130,#5a381e);box-shadow:0 4px 10px #00000059}.strap{position:absolute;top:-1px;width:22px;height:46px;border-radius:0 0 6px 6px;background:linear-gradient(180deg,#3a2312,#2b190c);z-index:1;box-shadow:0 3px 6px #0006}.strap:after{content:"";position:absolute;left:4px;right:4px;bottom:6px;height:10px;border-radius:3px;border:2px solid #c9a35a}.strap.l{left:26%}.strap.r{right:26%}.pack-tabs{position:relative;z-index:2;display:flex;gap:.3rem;flex-wrap:wrap;margin-bottom:.8rem}.pack-tabs button{border:1px solid rgba(0,0,0,.35);background:#00000047;color:#f1d9b2;border-radius:999px;padding:.2rem .75rem;font-size:.8rem;cursor:pointer}.pack-tabs button[aria-pressed=true]{background:#ffdcaa38;border-color:#ffdcaa73}.slots{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:.55rem}.slot{position:relative;aspect-ratio:1;border-radius:14px;border:1px solid rgba(0,0,0,.45);background:radial-gradient(circle at 50% 30%,#ffe6be14,#00000059),#2c1b0e;box-shadow:0 2px 6px #00000073 inset;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.35rem;color:#f1d9b2;cursor:pointer;transition:transform .12s,box-shadow .15s,border-color .15s}.slot svg{width:36px;height:36px;color:#f0cf8e;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}.slot .nm{font-size:.68rem;line-height:1.15;text-align:center;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.slot .qty{position:absolute;right:7px;top:5px;font-size:.7rem;font-weight:700;color:#fff4dc;text-shadow:0 1px 2px #000}.slot .flag{position:absolute;left:6px;top:6px;width:8px;height:8px;border-radius:50%;background:var(--moss);box-shadow:0 0 6px var(--moss)}.slot .flag.gift{background:var(--ale-2);box-shadow:0 0 6px var(--ale)}.slot:hover{transform:translateY(-2px);border-color:#ffdcaa66}.slot[aria-pressed=true]{border-color:var(--ale-2);box-shadow:0 0 0 2px #e9a94580,0 0 18px var(--ale-glow)}.slot.empty{cursor:default;opacity:.55}.slot.empty:hover{transform:none;border-color:#00000073}.slot.add{border-style:dashed;border-color:#ffdcaa59;color:#ffdcaabf;background:#0000002e}.slot.add svg{width:26px;height:26px}.equip-row{display:flex;gap:.55rem;flex-wrap:wrap}.equip-row .slot{width:76px}.load{display:grid;gap:.3rem}.load-bar{height:10px;border-radius:6px;background:#00000073;overflow:hidden;border:1px solid var(--line)}.load-bar i{display:block;height:100%;background:linear-gradient(90deg,#8fb276,#e9a945 70%,#d0583f);background-size:300px 100%;transition:width .4s var(--ease)}.purse{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem}.coin{display:flex;flex-direction:column;align-items:center;gap:.25rem}.coin .c{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:.66rem;font-weight:800;color:#0009;box-shadow:0 2px #00000059,0 0 0 2px #0003 inset,0 -2px #ffffff40 inset}.coin.pp .c{background:radial-gradient(circle at 35% 30%,#fff,#c9d3dc 60%,#8c98a3)}.coin.gp .c{background:radial-gradient(circle at 35% 30%,#fff1b3,#e6b43c 60%,#a8771b)}.coin.ep .c{background:radial-gradient(circle at 35% 30%,#f6f0d0,#cdbf8a 60%,#8d8457)}.coin.sp .c{background:radial-gradient(circle at 35% 30%,#f7f7f7,#b9b9b9 60%,#7d7d7d)}.coin.cp .c{background:radial-gradient(circle at 35% 30%,#ffd2b0,#c27744 60%,#7f4421)}.coin input{width:100%;text-align:center;min-height:28px;padding:.1rem;border-radius:8px;border:1px solid var(--line);background:#0000004d;font-weight:600;font-size:.85rem}.item-detail{position:sticky;top:0}.item-detail .big-icon{width:88px;height:88px;border-radius:20px;display:grid;place-items:center;margin:0 auto .5rem;background:radial-gradient(circle at 50% 30%,#ffe6be1f,#0000004d);border:1px solid var(--line-strong)}.item-detail .big-icon svg{width:52px;height:52px;color:var(--ale-2)}.shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.leaf-card{position:relative;display:flex;flex-direction:column;gap:.35rem;padding:.7rem;text-align:left;cursor:pointer;border:1px solid var(--line);border-radius:var(--r-md);background:var(--wood-2);color:inherit;transition:transform .2s var(--ease),border-color .2s,box-shadow .2s}.leaf-card:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:var(--shadow-1)}.leaf-card .thumb{aspect-ratio:4 / 3;border-radius:10px;background:var(--parchment);background-size:cover;background-position:center;display:grid;place-items:center;color:var(--parchment-ink);font-family:var(--font-display);font-size:2.2rem;box-shadow:0 0 30px #78501e59 inset}.leaf-card .title{font-family:var(--font-display);font-size:1rem;font-weight:600;line-height:1.25}.leaf-card .new{position:absolute;top:.6rem;right:.6rem}.vellum{position:relative;background:var(--parchment);color:var(--parchment-ink);border-radius:6px;padding:clamp(1.5rem,4vw,3rem);font-family:var(--font-page);font-size:1.18rem;line-height:1.65;box-shadow:0 0 0 1px #3a281433 inset,0 0 70px #82551e4d inset,0 20px 50px #0000008c;background-image:radial-gradient(ellipse at 15% 10%,rgba(255,255,255,.4),transparent 50%),radial-gradient(ellipse at 90% 95%,rgba(120,80,30,.2),transparent 55%)}.vellum h2{color:#2a1d10;margin-bottom:1rem;font-size:1.8rem}.vellum img{display:block;max-width:100%;max-height:60vh;margin:0 auto 1.25rem;border-radius:3px;box-shadow:0 2px 10px #3a281459}.vellum .body{white-space:pre-wrap;max-width:68ch}.vellum .note{font-family:var(--font-ui);font-style:italic;font-size:.95rem;color:#6a5236;margin-bottom:1rem}.seal{position:absolute;right:1.25rem;bottom:-18px;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#c75443,#8a2f27 60%,#5b1c17);box-shadow:0 4px 10px #00000073;display:grid;place-items:center;color:#ffdcc8cc;font-family:var(--font-display);font-size:1.3rem}.reveal-stage{animation:unroll .9s var(--ease) both;transform-origin:top center}.reveal-stage .seal{animation:seal-press .5s .75s var(--ease) both}@keyframes unroll{0%{clip-path:inset(0 0 100% 0);transform:translateY(-14px);opacity:.2}to{clip-path:inset(0 0 0 0);transform:none;opacity:1}}@keyframes seal-press{0%{transform:scale(1.6);opacity:0}to{transform:scale(1);opacity:1}}.codex-entry .section{padding:.9rem 0;border-top:1px solid rgba(58,40,20,.25)}.codex-entry .section h3{font-size:1.1rem;margin-bottom:.3rem}.provenance{display:flex;gap:.5rem;flex-wrap:wrap;margin:.5rem 0 1rem}.theory{border-left:3px dashed var(--ale);padding:.5rem .8rem;background:#e9a94512;border-radius:0 10px 10px 0}.map-viewer{position:relative;height:min(72vh,760px);overflow:hidden;background:#0d0906;border:1px solid var(--line);border-radius:var(--r-md);touch-action:none;cursor:grab}.map-viewer img{position:absolute;left:0;top:0;transform-origin:0 0;user-select:none;-webkit-user-drag:none;max-width:none}.map-controls{position:absolute;right:.75rem;top:.75rem;display:flex;flex-direction:column;gap:.35rem;z-index:2}.test-card{border:1px solid rgba(233,169,69,.35);background:linear-gradient(180deg,#e9a94514,#e9a94505);border-radius:var(--r-md);padding:.9rem 1rem}.test-card.hidden-from-player{border-color:#d0583f73;background:#d0583f0f}.big-total{font-family:var(--font-display);font-size:2.6rem;font-weight:700;line-height:1;color:var(--ale-2)}.outcome-success{color:var(--moss)}.outcome-failure{color:var(--ember-ink)}details>summary{cursor:pointer;padding:.3rem 0}code{font-family:var(--font-display)}.dropzone{border:2px dashed var(--line-strong);border-radius:var(--r-md);padding:1.6rem 1rem;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;display:block}.dropzone:hover,.dropzone.over{border-color:var(--ale);background:#e9a9450f}.dropzone svg{width:40px;height:40px;color:var(--ale-2);margin-bottom:.4rem}.import-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.5rem}.choice{display:flex;gap:.8rem;align-items:center;padding:.9rem 1rem;border-radius:var(--r-md);border:1px solid var(--line);background:#ffe6be08;cursor:pointer;text-align:left;color:inherit;width:100%}.choice:hover{border-color:#e9a94573;background:#e9a9450f}.choice svg{width:30px;height:30px;color:var(--ale-2);flex:none}:root[data-theme=vellum]{--bg: #e9dcc1;--wood: #f4ead6;--wood-2: #fbf4e6;--wood-3: #efe2c8;--line: rgba(80, 50, 20, .14);--line-strong: rgba(80, 50, 20, .26);--text: #2c1f12;--text-dim: #5e4a33;--text-faint: #8a7356;--ale: #b9771c;--ale-2: #9c5f0d;--ale-ink: #fff8ea;color-scheme:light}:root[data-theme=vellum] .dock,:root[data-theme=vellum] .rail,:root[data-theme=vellum] .topbar{background:#f4ead6eb}.die-mini{width:32px;height:32px;color:var(--ale);flex:none}.dock-close{display:none}@media(max-width:1180px){.dock-close{display:inline-flex}}.hp-block>.row:first-child svg{width:24px;height:24px;color:var(--ember)}.party{margin-left:.35rem}.slots{grid-template-columns:repeat(6,minmax(0,1fr))}@media(max-width:1280px)and (min-width:1181px),(max-width:640px){.slots{grid-template-columns:repeat(4,minmax(0,1fr))}}.update-banner{position:fixed;left:50%;bottom:1rem;transform:translate(-50%);z-index:99;display:flex;align-items:center;gap:.8rem;padding:.6rem .7rem .6rem 1rem;border-radius:14px;background:#3a2817;border:1px solid rgba(233,169,69,.6);box-shadow:var(--shadow-2);max-width:calc(100vw - 2rem)}.msg-image{display:block;margin-top:.25rem;padding:0;border:1px solid var(--line-strong);border-radius:12px;overflow:hidden;cursor:zoom-in;background:#0d0906;max-width:100%}.msg-image img{display:block;max-width:100%;max-height:180px;object-fit:cover}.attach-preview{display:flex;align-items:center;gap:.55rem;padding:.35rem;border-radius:12px;border:1px dashed rgba(233,169,69,.5);background:#e9a9450f}.attach-preview img{width:54px;height:40px;object-fit:cover;border-radius:8px}.image-card{width:min(980px,100%);max-height:calc(100vh - 2rem);overflow:auto;text-align:center;padding:1.1rem;border-radius:22px;background:linear-gradient(180deg,#34251a,#1d140d);border:1px solid rgba(233,169,69,.45);box-shadow:0 30px 80px #000000a6;animation:summon .5s var(--ease) both;display:grid;gap:.8rem}.image-card .eyebrow{color:var(--text-dim);font-size:.9rem}.image-frame{padding:0;border:0;background:#0d0906;border-radius:14px;overflow:hidden;cursor:zoom-in}.image-frame img{display:block;width:100%;max-height:68vh;object-fit:contain;animation:unroll .8s var(--ease) both}.image-caption{font-family:var(--font-page);font-size:1.2rem;color:var(--parchment);margin:0;white-space:pre-wrap}:root{--ab-str: #e0765a;--ab-dex: #9cc47e;--ab-con: #e9a945;--ab-int: #76a8e0;--ab-wis: #b493e3;--ab-cha: #e58fb4}.ab-icon{width:18px;height:18px;flex:none}.ab-icon.str{color:var(--ab-str)}.ab-icon.dex{color:var(--ab-dex)}.ab-icon.con{color:var(--ab-con)}.ab-icon.int{color:var(--ab-int)}.ab-icon.wis{color:var(--ab-wis)}.ab-icon.cha{color:var(--ab-cha)}.medal.str .medal-ring{border-color:var(--ab-str);color:var(--ab-str)}.medal.dex .medal-ring{border-color:var(--ab-dex);color:var(--ab-dex)}.medal.con .medal-ring{border-color:var(--ab-con);color:var(--ab-con)}.medal.int .medal-ring{border-color:var(--ab-int);color:var(--ab-int)}.medal.wis .medal-ring{border-color:var(--ab-wis);color:var(--ab-wis)}.medal.cha .medal-ring{border-color:var(--ab-cha);color:var(--ab-cha)}.medal .lbl{display:inline-flex;align-items:center;gap:.3rem}.medal .lbl svg{width:16px;height:16px}.stat-ico{display:flex;align-items:center;gap:.45rem;padding:.45rem .7rem;border-radius:14px;border:1px solid var(--line);background:#00000038;min-width:76px;justify-content:center}.stat-ico svg{width:20px;height:20px;color:var(--ale)}.stat-ico b{font-family:var(--font-display);font-size:1.25rem}.stat-ico.on{border-color:#e9a94599;background:#e9a94524}.stat-ico.on svg{fill:var(--ale-2)}.heart-gauge{position:relative;width:92px;height:84px;flex:none}.heart-gauge svg{position:absolute;inset:0;width:100%;height:100%}.heart-gauge .n{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:1.35rem;color:#fff2e6;text-shadow:0 2px 4px rgba(0,0,0,.6);padding-bottom:6px}.heart-gauge .n small{display:block;font-size:.62rem;color:#fff0dcbf;text-align:center;line-height:1}.hp-row{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.pips{display:inline-flex;gap:.3rem;flex-wrap:wrap;align-items:center}.pip-btn{width:30px;height:30px;padding:0;border:0;background:transparent;cursor:pointer;color:var(--ale);display:grid;place-items:center;transition:opacity .15s,transform .15s}.pip-btn svg{width:26px;height:26px}.pip-btn.spent{opacity:.25}.pip-btn:hover:not(:disabled){transform:translateY(-2px)}.pip-btn.death-ok{color:var(--moss)}.pip-btn.death-bad{color:var(--ember)}.pip-btn.death-ok.on svg,.pip-btn.death-bad.on svg{fill:currentColor}.pip-btn.off{opacity:.3}.pick-grid{display:flex;flex-wrap:wrap;gap:.5rem}.pick{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem;min-width:84px;border-radius:14px;border:1px solid var(--line);background:#0003;color:var(--text-dim);cursor:pointer;font-size:.78rem;transition:border-color .15s,background .15s,color .15s}.pick:hover{color:var(--text);border-color:var(--line-strong)}.pick[aria-pressed=true]{color:var(--text);border-color:var(--ale);background:#e9a94524;box-shadow:0 0 16px #e9a94526}.pick .portrait-sm{width:48px;height:48px;font-size:1.2rem}.pick svg{width:24px;height:24px}.skill-chips{display:flex;flex-wrap:wrap;gap:.35rem}.skill-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--text-dim);cursor:pointer;font-size:.82rem}.skill-chip[aria-pressed=true]{color:var(--ale-ink);background:linear-gradient(180deg,var(--ale-2),var(--ale));border-color:var(--ale)}.dc-row{display:flex;gap:.4rem;flex-wrap:wrap}.dc-btn{display:flex;flex-direction:column;align-items:center;padding:.35rem .7rem;border-radius:12px;border:1px solid var(--line);background:#0003;color:var(--text-dim);cursor:pointer;min-width:72px}.dc-btn b{font-family:var(--font-display);font-size:1.1rem;color:var(--text)}.dc-btn small{font-size:.7rem}.dc-btn[aria-pressed=true]{border-color:var(--ale);background:#e9a94524}.builder-step{display:grid;gap:.5rem}.builder-step>.lbl{font-size:.8rem;color:var(--text-dim);font-weight:600}body{background-color:var(--bg)}.page-inner{animation:page-in .35s var(--ease) both}@keyframes page-in{0%{opacity:0}}.scene-backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;background:var(--bg);pointer-events:none}.scene-layer{position:absolute;inset:-3%;background-size:cover;background-position:center;filter:brightness(.5) saturate(.95);transition:opacity 1.8s ease;animation:kenburns 60s ease-in-out infinite alternate}.scene-layer.out{opacity:0}.scene-layer.in{opacity:1;animation:kenburns 60s ease-in-out infinite alternate,layer-in 1.8s ease both}.scene-layer.default{filter:none;animation:none;background:radial-gradient(900px 520px at 22% 108%,rgba(227,120,50,.22),transparent 70%),radial-gradient(1100px 600px at 80% -10%,rgba(227,169,75,.16),transparent 70%),radial-gradient(700px 500px at 50% 50%,rgba(60,40,25,.35),transparent 80%),linear-gradient(180deg,#120c08,#070504)}@keyframes kenburns{0%{transform:scale(1.02) translate(0)}to{transform:scale(1.1) translate(-1.5%,-1%)}}@keyframes layer-in{0%{opacity:0}}.scene-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,transparent 35%,rgba(0,0,0,.78) 100%),linear-gradient(180deg,rgba(0,0,0,.35),transparent 22%,transparent 70%,rgba(0,0,0,.55))}.scene-embers{position:absolute;inset:0;opacity:.55;mix-blend-mode:screen;background-image:radial-gradient(1.5px 1.5px at 12% 80%,#ffb35c,transparent),radial-gradient(1px 1px at 33% 90%,#ffd08a,transparent),radial-gradient(1.5px 1.5px at 58% 85%,#ff9f4a,transparent),radial-gradient(1px 1px at 76% 95%,#ffc070,transparent),radial-gradient(1.2px 1.2px at 90% 75%,#ffb35c,transparent),radial-gradient(1px 1px at 45% 70%,#ffd08a,transparent);background-size:100% 100%;animation:embers 14s linear infinite}@keyframes embers{0%{transform:translateY(10%);opacity:0}15%{opacity:.55}85%{opacity:.4}to{transform:translateY(-60%);opacity:0}}.panel,.hero-card,.modal,.request-card,.image-card,.hp-block,.leaf-card,.test-card,.scene-tile,.live-scene,.music-pop,.choice,.camp-card,.hero-card-sm,.toast,.update-banner{backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass)}.panel{background:linear-gradient(180deg,#1e1610d1,#0e0a07d1);border-color:var(--line)}.panel,.hero-card,.modal,.request-card,.image-card,.live-scene,.scene-tile{position:relative}.panel:after,.hero-card:after,.modal:after,.request-card:after,.image-card:after,.live-scene:after,.scene-tile.live:after{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;--c: var(--gold);--l: 14px;--w: 1.5px;background:linear-gradient(var(--c),var(--c)) top left / var(--l) var(--w) no-repeat,linear-gradient(var(--c),var(--c)) top left / var(--w) var(--l) no-repeat,linear-gradient(var(--c),var(--c)) top right / var(--l) var(--w) no-repeat,linear-gradient(var(--c),var(--c)) top right / var(--w) var(--l) no-repeat,linear-gradient(var(--c),var(--c)) bottom left / var(--l) var(--w) no-repeat,linear-gradient(var(--c),var(--c)) bottom left / var(--w) var(--l) no-repeat,linear-gradient(var(--c),var(--c)) bottom right / var(--l) var(--w) no-repeat,linear-gradient(var(--c),var(--c)) bottom right / var(--w) var(--l) no-repeat;opacity:.75}.hero-card{background:radial-gradient(500px 200px at 0 0,rgba(227,169,75,.14),transparent 70%),linear-gradient(180deg,#241a12e0,#0e0a07e0)}.modal{background:linear-gradient(180deg,#221912f5,#0e0a07f5);border-color:var(--line-strong)}.request-card,.image-card{border-radius:var(--r-lg)}.page-head h1,.modal-head h2,.live-scene h2,.request-card h2{text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(180deg,#fff0c9,#f0c879 45%,#b98236);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.55))}.page-head h1{font-size:1.6rem}.page-head{padding-bottom:.9rem;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(214,170,98,.45),rgba(214,170,98,.08) 60%,transparent) 1}h3{letter-spacing:.03em}.btn{border-radius:var(--r-sm);background:linear-gradient(180deg,#34261beb,#1c140eeb);border-color:#d6aa6247;box-shadow:0 1px #ffe6be14 inset,0 2px 6px #00000059}.btn:hover{background:linear-gradient(180deg,#463323f2,#241a12f2);border-color:#d6aa628c;box-shadow:0 1px #ffe6be1a inset,0 0 14px #e3a94b2e}.btn.primary{background:linear-gradient(180deg,#fbe0a0,#e8b358 45%,#b97a26);border-color:#f6cf80;color:var(--ale-ink);font-weight:700;letter-spacing:.02em;text-shadow:0 1px 0 rgba(255,240,200,.5);box-shadow:0 1px #ffffff73 inset,0 -2px #78461459 inset,0 6px 20px #e3a94b47}.btn.primary:hover{background:linear-gradient(180deg,#fff0c4,#f2c06a 45%,#c98a32);box-shadow:0 1px #ffffff80 inset,0 0 26px #e3a94b73}.btn.ghost{background:transparent;box-shadow:none;border-color:transparent}.btn.ghost:hover{background:#d6aa6214;box-shadow:none}.btn.danger{background:#d0583f14}.input,.field input,.field select,.field textarea,select.input,textarea.input{background:#0503028c;border-radius:var(--r-sm)}.tabs{border-radius:var(--r-md);background:#08060499;backdrop-filter:var(--glass)}.tab{border-radius:var(--r-sm);text-transform:uppercase;letter-spacing:.06em;font-size:.76rem;font-weight:650}.tab[aria-selected=true]{background:linear-gradient(180deg,#fbe0a0,#e2a948 55%,#b97a26);box-shadow:0 0 14px #e3a94b4d}.seg{border-radius:var(--r-sm)}.chip{border-radius:var(--r-xs)}.vol{accent-color:var(--ale)}.topbar{background:linear-gradient(180deg,#060403eb,#0a0705b8);backdrop-filter:var(--glass);border-bottom:0;gap:.8rem}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(214,170,98,.55) 20%,rgba(214,170,98,.55) 80%,transparent)}.topbar>.grow.row{flex-wrap:nowrap;min-width:0}.topbar .campaign-name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;font-size:.82rem;color:var(--ale-2);max-width:220px}.topbar-center{flex:1;display:flex;justify-content:center;min-width:0}@media(max-width:1100px){.hide-md{display:none!important}}.party-frames{display:flex;align-items:center;gap:.35rem;min-width:0}.pframe{display:inline-flex;align-items:center;gap:.45rem;padding:.18rem .55rem .18rem .18rem;border-radius:999px;border:1px solid rgba(214,170,98,.14);background:#00000059;color:var(--text);font:inherit;min-width:0}button.pframe{cursor:pointer;transition:border-color .15s,background .15s}button.pframe:hover{border-color:#d6aa6273;background:#d6aa6214}.pframe.sel{border-color:var(--gold);background:#d6aa6224;box-shadow:0 0 14px #e3a94b33}.pframe.gm{padding:.18rem}.pf-portrait{position:relative;display:inline-grid}.pf-portrait .avatar{width:38px;height:38px;border:2px solid rgba(214,170,98,.45);box-shadow:0 0 0 2px #0009}.pframe.sel .pf-portrait .avatar{border-color:var(--ale-2)}.pf-portrait:after{content:"";position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:#4a3e33;border:2px solid #0b0806}.pframe.on .pf-portrait:after{background:var(--moss);box-shadow:0 0 6px var(--moss)}.pf-crown{position:absolute;top:-7px;left:50%;transform:translate(-50%);width:16px;height:16px;color:var(--ale-2);filter:drop-shadow(0 1px 1px #000)}.pf-crown svg{width:16px;height:16px;fill:var(--ale)}.pf-info{display:flex;flex-direction:column;gap:3px;min-width:0;max-width:110px}.pf-name{font-size:.78rem;font-weight:650;line-height:1.1}.pf-sub{font-size:.66rem;color:var(--text-faint);line-height:1.1}.pf-hp{display:block;width:84px;height:6px;border-radius:3px;background:#000000a6;border:1px solid rgba(0,0,0,.8);box-shadow:0 0 0 1px #d6aa622e;overflow:hidden}.pf-hp i{display:block;height:100%;background:linear-gradient(90deg,#7e2418,#d0583f 70%,#f08a6c);transition:width .5s var(--ease)}.pf-hp.low i{animation:hp-low 1.2s ease-in-out infinite}@keyframes hp-low{50%{filter:brightness(1.6)}}.scene-plaque-wrap{position:relative;display:inline-flex;align-items:center;gap:.4rem;min-width:0}.scene-plaque{display:inline-flex;align-items:center;gap:.5rem;min-width:0;max-width:340px;padding:.42rem 1.4rem;border:0;cursor:pointer;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:700;color:var(--ale-2);background:linear-gradient(180deg,#3a291af2,#140e09f2);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);box-shadow:inset 0 0 0 1px #d6aa6280;transition:filter .15s}.scene-plaque:hover{filter:brightness(1.2)}.scene-plaque svg{width:16px;height:16px;flex:none}.scene-plaque.empty{color:var(--text-dim);background:#0006;font-size:.72rem}.music-btn{position:relative;display:inline-flex;align-items:center;gap:.35rem;height:34px;min-width:34px;padding:0 .55rem;border-radius:999px;border:1px solid rgba(214,170,98,.3);background:#00000073;color:var(--text-dim);cursor:pointer;justify-content:center;font-size:.78rem;font-weight:650}.music-btn svg{width:17px;height:17px}.music-btn.on{color:var(--ale-2);border-color:#d6aa6299}.music-btn.blocked{color:var(--ale-ink);background:linear-gradient(180deg,#fbe0a0,#e2a948);border-color:#f6cf80;animation:glow 1.6s ease-in-out infinite}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.eq i{width:2px;background:var(--ale-2);animation:eq 1s ease-in-out infinite;height:40%}.eq i:nth-child(2){animation-delay:.2s}.eq i:nth-child(3){animation-delay:.45s}@keyframes eq{50%{height:100%}}.music-pop{position:absolute;top:calc(100% + 10px);right:0;width:250px;z-index:50;padding:.7rem .8rem;border-radius:var(--r-md);background:#140e0af5;border:1px solid var(--line-strong);box-shadow:var(--shadow-2);display:grid;gap:.5rem;animation:pop .2s var(--ease)}.rail{background:linear-gradient(180deg,#060403d1,#0a07059e);backdrop-filter:var(--glass);border-right:1px solid rgba(214,170,98,.14);gap:2px;padding:.9rem .4rem}.rail-btn{padding:.35rem .1rem .3rem;border:0;border-radius:var(--r-sm);gap:.3rem;background:transparent!important;box-shadow:none!important;color:var(--text-faint)}.slot-frame{position:relative;width:50px;height:50px;display:grid;place-items:center;border-radius:8px;border:1px solid rgba(214,170,98,.26);background:radial-gradient(circle at 50% 28%,#ffe1aa17,#0000008c 75%),#120d09;box-shadow:inset 0 0 0 1px #000000b3,inset 0 -10px 18px #00000080,0 3px 8px #00000073;transition:border-color .18s,box-shadow .18s,transform .18s,color .18s}.slot-frame svg{width:24px;height:24px}.rail-btn:hover .slot-frame{border-color:#d6aa6299;color:var(--text);transform:translateY(-1px)}.rail-btn:hover{color:var(--text)}.rail-btn[aria-current=page]{color:var(--ale-2)}.rail-btn[aria-current=page] .slot-frame{color:#fff1cf;border-color:var(--ale-2);background:radial-gradient(circle at 50% 30%,#ffd28261,#8c501459 60%,#00000080),#2a1a0c;box-shadow:inset 0 0 0 1px #0009,0 0 0 1px #f6cf8059,0 0 22px #e3a94b73}.rail-label{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em}.hotkey{position:absolute;top:3px;left:14px;font:700 .58rem/1 var(--font-ui);color:#f1e5cfb3;background:#000000bf;border:1px solid rgba(214,170,98,.3);border-radius:3px;padding:2px 3px;pointer-events:none}.rail-btn .badge{top:0;right:12px;z-index:2;box-shadow:0 0 10px #d0583fb3}.rail-sep{background:linear-gradient(90deg,transparent,rgba(214,170,98,.4),transparent);margin:.45rem .3rem}@media(max-width:760px){.rail{background:#080604f0;padding:.3rem .3rem calc(.3rem + env(safe-area-inset-bottom));gap:0}.rail-btn{min-width:58px}.slot-frame{width:38px;height:38px}.slot-frame svg{width:20px;height:20px}.hotkey{display:none}.rail-label{font-size:.56rem}.party-frames .pframe:not(.sel):nth-child(n+5){display:none}.scene-plaque{padding:.38rem .9rem;max-width:46vw}.topbar{gap:.45rem}}.dock{background:linear-gradient(180deg,#0a0705d1,#080604e6);backdrop-filter:var(--glass);border-left:1px solid rgba(214,170,98,.16)}.dock-head h2{text-transform:uppercase;letter-spacing:.14em;font-size:.86rem;color:var(--ale-2)}.msg .bubble{background:#ffebc80d;border-color:#d6aa621f;border-radius:3px 10px 10px}.roll-card{border-radius:var(--r-md);background:linear-gradient(90deg,#e3a94b24,#e3a94b08)}.composer{background:#00000059}.die-btn{border-radius:6px;background:radial-gradient(circle at 50% 30%,#ffe1aa14,#00000080),#140e0a;border-color:#d6aa6247}.scene-card{position:fixed;inset:0;z-index:85;display:grid;place-items:center;cursor:pointer;animation:scene-card 5.2s ease both;background:radial-gradient(ellipse at 50% 50%,#0000008c,#00000026 70%)}.scene-card .bar{position:absolute;left:0;right:0;height:11vh;background:#000}.scene-card .bar.top{top:0;animation:bar-top 5.2s var(--ease) both}.scene-card .bar.bottom{bottom:0;animation:bar-bottom 5.2s var(--ease) both}.scene-card-inner{text-align:center;padding:0 1.5rem;max-width:900px}.scene-orn{display:flex;align-items:center;justify-content:center;gap:.8rem;color:var(--ale-2);margin-bottom:.6rem;animation:fade-up 1s .2s var(--ease) both}.scene-orn span{height:1px;width:min(160px,22vw);background:linear-gradient(90deg,transparent,var(--gold))}.scene-orn span:last-child{background:linear-gradient(90deg,var(--gold),transparent)}.scene-orn svg{width:22px;height:22px;fill:#e3a94b59}.scene-title{font-size:clamp(2.2rem,6vw,4.4rem);text-transform:uppercase;letter-spacing:.14em;line-height:1.05;background:linear-gradient(180deg,#fff4d6,#f3cc7e,#b47a2e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 18px rgba(0,0,0,.9));animation:title-in 1.4s .25s var(--ease) both}.scene-mood{font-family:var(--font-page);font-style:italic;font-size:clamp(1.1rem,2.2vw,1.5rem);color:var(--parchment);text-shadow:0 2px 10px #000;margin:.9rem auto 0;max-width:46ch;animation:fade-up 1.2s .9s var(--ease) both}.scene-note{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;font-size:.8rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;animation:fade-up 1s 1.4s var(--ease) both}.scene-note svg{width:15px;height:15px}@keyframes scene-card{0%{opacity:0}8%{opacity:1}85%{opacity:1}to{opacity:0}}@keyframes bar-top{0%{transform:translateY(-100%)}15%{transform:none}}@keyframes bar-bottom{0%{transform:translateY(100%)}15%{transform:none}}@keyframes title-in{0%{opacity:0;letter-spacing:.45em;filter:blur(8px) drop-shadow(0 4px 18px rgba(0,0,0,.9))}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}}.live-scene{min-height:210px;border-radius:var(--r-lg);overflow:hidden;background:#120c08 center / cover;border:1px solid rgba(214,170,98,.45);box-shadow:0 0 40px #e3a94b1f,var(--shadow-2);display:flex;align-items:flex-end}.live-scene-inner{width:100%;padding:1.3rem 1.4rem;background:linear-gradient(180deg,transparent,rgba(0,0,0,.85));display:grid;gap:.35rem}.live-scene h2{font-size:1.8rem}.live-scene p{margin:0;font-family:var(--font-page);font-style:italic;font-size:1.1rem;color:var(--parchment)}.live-tag{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--moss);font-weight:700}.scene-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.scene-tile{display:flex;flex-direction:column;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line);background:#0e0a07cc;transition:transform .2s var(--ease),border-color .2s,box-shadow .2s}.scene-tile:hover{transform:translateY(-3px);border-color:#d6aa6280;box-shadow:0 12px 30px #00000080}.scene-tile.live{border-color:var(--ale-2);box-shadow:0 0 24px #e3a94b4d}.scene-thumb{position:relative;aspect-ratio:16 / 9;border:0;padding:0;cursor:pointer;background:linear-gradient(135deg,#3a2818,#120c08) center / cover;color:#f6cf8073;display:grid;place-items:center}.scene-thumb>svg{width:40px;height:40px}.scene-thumb:disabled{cursor:default}.scene-go{position:absolute;inset:0;display:grid;place-items:center;grid-auto-flow:column;gap:.4rem;background:#0000008c;color:var(--ale-2);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;font-size:.85rem;font-weight:700;opacity:0;transition:opacity .2s}.scene-go svg{width:18px;height:18px;fill:currentColor}.scene-thumb:hover .scene-go,.scene-thumb:focus-visible .scene-go,.scene-tile.live .scene-go{opacity:1}.scene-tile.live .scene-go{background:#00000059;color:var(--moss)}.scene-music{position:absolute;right:.5rem;top:.5rem;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#000000b3;color:var(--ale-2);border:1px solid rgba(214,170,98,.4)}.scene-music svg{width:15px;height:15px}.scene-meta{display:flex;align-items:center;gap:.4rem;padding:.6rem .7rem}.scene-meta strong{display:block;font-family:var(--font-display);font-size:.95rem}.scene-tile.add{align-items:center;justify-content:center;gap:.4rem;min-height:170px;border-style:dashed;cursor:pointer;color:var(--text-dim);font:inherit}.scene-tile.add svg{width:30px;height:30px;color:var(--ale-2)}.scene-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:3rem 1rem;border-radius:var(--r-lg);border:1.5px dashed rgba(214,170,98,.4);background:#00000059;color:var(--text);cursor:pointer;text-align:center}.scene-empty svg{width:48px;height:48px;color:var(--ale-2)}.scene-empty:hover{border-color:var(--ale-2);background:#e3a94b0f}.scene-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.2rem}@media(max-width:720px){.scene-form{grid-template-columns:1fr}}.scene-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;min-height:240px;border-radius:var(--r-md);border:1.5px dashed rgba(214,170,98,.45);background:#00000059 center / cover;cursor:pointer;text-align:center;padding:1rem}.scene-drop svg{width:40px;height:40px;color:var(--ale-2)}.scene-drop.has{border-style:solid}.scene-drop-change{position:absolute;bottom:.6rem;padding:.3rem .7rem;border-radius:999px;background:#000000bf;font-size:.8rem}.music-pick{display:flex;align-items:center;gap:.5rem;min-width:0}.music-preview{width:100%;height:36px;margin-top:.35rem}.scene-form .row svg,.field .row>svg{width:18px;height:18px;flex:none;color:var(--text-dim)}@media(max-width:520px){.party-frames{display:none}.scene-plaque{max-width:58vw}}html{scroll-behavior:smooth}@media(max-width:1300px){.topbar .campaign-name{display:none}}.session-start-btn{display:inline-flex;align-items:center;gap:.4rem;height:34px;padding:0 .85rem;border-radius:999px;cursor:pointer;font-weight:700;font-size:.8rem;color:var(--ale-ink);border:1px solid #f6cf80;background:linear-gradient(180deg,#fbe0a0,#e2a948 55%,#b97a26);box-shadow:0 0 16px #e3a94b59;animation:glow 2.4s ease-in-out infinite;white-space:nowrap}.session-start-btn svg{width:14px;height:14px;fill:currentColor}.session-wrap{position:relative}.session-btn{padding:0;border:0;background:none;cursor:pointer}.session-chip{display:inline-flex;align-items:center;gap:.45rem;height:34px;padding:0 .75rem;border-radius:999px;font-size:.78rem;white-space:nowrap;border:1px solid rgba(214,170,98,.3);background:#00000073;color:var(--text-dim)}.session-chip b{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums}.session-btn:hover .session-chip{border-color:#d6aa6299}.session-chip .rec{width:8px;height:8px;border-radius:50%;background:#e0523a;box-shadow:0 0 8px #e0523a;animation:rec 1.6s ease-in-out infinite}.session-chip.paused .rec{background:var(--ale);box-shadow:0 0 8px var(--ale);animation:none}.session-chip.paused b{color:var(--ale-2)}@keyframes rec{50%{opacity:.35}}.session-pop{position:absolute;top:calc(100% + 10px);right:0;z-index:60;width:320px;padding:.9rem;border-radius:var(--r-md);display:grid;gap:.65rem;background:#140e0af7;border:1px solid var(--line-strong);box-shadow:var(--shadow-2);animation:pop .2s var(--ease);backdrop-filter:var(--glass)}.session-pop-head{display:flex;flex-direction:column}.session-pop-head strong{font-family:var(--font-display);letter-spacing:.06em;color:var(--ale-2)}.pause-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.pause-pick{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.55rem .3rem;border-radius:var(--r-sm);cursor:pointer;color:var(--text);font-size:.76rem;font-weight:600;border:1px solid rgba(214,170,98,.25);background:radial-gradient(circle at 50% 20%,#ffe1aa14,#0006);transition:border-color .15s,transform .15s}.pause-pick:hover{border-color:var(--ale-2);transform:translateY(-1px)}.pause-pick svg{width:22px;height:22px;color:var(--ale-2)}.pause-pick small{color:var(--text-faint);font-size:.66rem}.moment-form{display:flex;align-items:center;gap:.4rem;padding-top:.55rem;border-top:1px solid var(--line)}.moment-form>svg{width:18px;height:18px;color:var(--ale-2);flex:none}.pause-screen{position:fixed;top:var(--top-h);left:0;right:var(--dock-w);bottom:0;z-index:58;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(ellipse at 50% 40%,#1e140cd1,#050302f2);backdrop-filter:blur(6px) saturate(.7);animation:fade .5s ease both}@media(max-width:1180px){.pause-screen{right:0}}.pause-inner{text-align:center;max-width:560px;display:grid;justify-items:center;gap:.5rem;animation:summon .7s var(--ease) both}.pause-eyebrow{font-size:.76rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-faint)}.pause-title{font-size:clamp(2rem,5vw,3.2rem);text-transform:uppercase;letter-spacing:.12em;background:linear-gradient(180deg,#fff0c9,#f0c879 50%,#b98236);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 10px #000)}.pause-reason{font-family:var(--font-page);font-style:italic;font-size:1.35rem;color:var(--parchment);margin:0}.pause-when{font-family:var(--font-display);font-size:1.15rem;color:var(--ale-2);letter-spacing:.04em;font-variant-numeric:tabular-nums;padding:.35rem 1rem;border-radius:999px;border:1px solid rgba(214,170,98,.35);background:#00000059}.pause-tip{color:var(--text-dim);font-size:.92rem;max-width:42ch;margin:.4rem 0 .6rem}.hourglass{width:92px;height:138px;margin-bottom:.4rem;animation:hg-flip 8s var(--ease) infinite;filter:drop-shadow(0 0 22px rgba(227,169,75,.35))}.hourglass svg{width:100%;height:100%;overflow:visible}.hourglass .glass{fill:#fff0d20f;stroke:#f6cf80cc;stroke-width:2}.hourglass .cap{fill:#6b4423;stroke:#c99a52;stroke-width:1.5}.hourglass .sand{fill:#e8b55a}.hourglass .sand.top{animation:sand-top 8s linear infinite;transform-origin:40px 60px}.hourglass .sand.bot{animation:sand-bot 8s linear infinite;transform-origin:40px 110px}.hourglass .stream{stroke:#e8b55a;stroke-width:1.6;stroke-dasharray:3 3;animation:stream .4s linear infinite}@keyframes sand-top{0%{transform:scaleY(1)}90%,to{transform:scaleY(0)}}@keyframes sand-bot{0%{transform:scaleY(.05)}90%,to{transform:scaleY(1)}}@keyframes stream{to{stroke-dashoffset:-6}}@keyframes hg-flip{0%,92%{transform:rotate(0)}to{transform:rotate(180deg)}}.pause-banner{display:flex;align-items:center;gap:.6rem;padding:.55rem .8rem;margin-bottom:1rem;border-radius:var(--r-md);border:1px solid rgba(214,170,98,.45);background:linear-gradient(90deg,#e3a94b29,#0000004d);backdrop-filter:var(--glass)}.pause-banner>svg{width:20px;height:20px;color:var(--ale-2);flex:none;animation:breathe 2.4s ease-in-out infinite}.pause-banner>span{flex:1;font-size:.88rem}body>.pause-banner,.page-inner>.pause-banner:not(.gm){position:sticky;top:0;z-index:6}.session-card-eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.3em;color:var(--text-dim);margin-bottom:.3rem;animation:fade-up 1s .2s var(--ease) both}.recap-card{width:min(680px,100%);max-height:calc(100vh - 2rem);overflow:auto}.recap-eyebrow{font-family:var(--font-page);font-style:italic;font-size:1.15rem;color:#7a5a34}.recap-card h2{font-size:1.7rem;margin:.1rem 0 .8rem}.recap-highlights{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.45rem}.recap-highlights li{display:flex;gap:.5rem;align-items:flex-start;font-size:1.12rem}.recap-highlights svg{width:18px;height:18px;color:#a8701a;flex:none;margin-top:.3rem}.recap-events{display:grid;gap:.3rem;border-top:1px solid rgba(58,40,20,.25);padding-top:.8rem}.recap-card .log-entry{color:var(--parchment-ink)}.recap-card .log-ico{background:#3a28141f;color:#7a4f1c}.chron-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:1rem;align-items:start}@media(max-width:900px){.chron-layout{grid-template-columns:1fr}}.chron-list{display:grid;gap:.4rem;position:sticky;top:0}.chron-item{display:flex;align-items:center;gap:.65rem;padding:.55rem .65rem;border-radius:var(--r-md);text-align:left;cursor:pointer;color:var(--text);font:inherit;border:1px solid var(--line);background:#0e0a07bf;backdrop-filter:var(--glass);transition:border-color .15s,background .15s,transform .15s}.chron-item:hover{border-color:#d6aa6273;transform:translate(2px)}.chron-item[aria-current=true]{border-color:var(--gold);background:linear-gradient(90deg,#e3a94b29,#0e0a07cc)}.chron-item strong{display:block;font-family:var(--font-display);font-size:.92rem}.chron-item .tiny{display:block}.chron-num{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:50%;font-family:var(--font-display);font-weight:700;color:var(--ale-2);border:1.5px solid rgba(214,170,98,.5);background:radial-gradient(circle at 50% 30%,#3d2c1d,#120c08)}.chron-detail{display:grid;gap:1.3rem;animation:page-in .3s ease both}.chron-head{display:flex;gap:1rem;align-items:center}.chron-big{width:64px;height:64px;flex:none;display:grid;place-items:center;border-radius:50%;font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:#fff1cf;border:2px solid var(--ale-2);background:radial-gradient(circle at 50% 30%,#ffd28266,#78461480 60%,#1a0f06);box-shadow:0 0 24px #e3a94b4d}.chron-title-input{width:100%;background:transparent;border:0;border-bottom:1px dashed transparent;font-family:var(--font-display);font-size:1.45rem;font-weight:600;color:var(--text);padding:.1rem 0}.chron-title-input:hover,.chron-title-input:focus{border-bottom-color:var(--line-strong);outline:none}.chron-summary{font-family:var(--font-page);font-size:1.15rem;line-height:1.6;white-space:pre-wrap;color:var(--parchment);margin:0}.highlights{display:grid;gap:.4rem}.highlight{display:flex;align-items:center;gap:.55rem;padding:.5rem .7rem;border-radius:var(--r-sm);border:1px solid rgba(214,170,98,.3);background:linear-gradient(90deg,rgba(227,169,75,.12),transparent)}.highlight>svg{width:18px;height:18px;color:var(--ale-2);flex:none}.highlight.secret{border-color:#d0583f66;background:linear-gradient(90deg,rgba(208,88,63,.1),transparent)}.timeline{position:relative;display:grid;gap:.1rem;padding-left:.2rem}.timeline:before{content:"";position:absolute;left:17px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,#d6aa6280,#d6aa620d)}.log-entry{position:relative;display:flex;align-items:center;gap:.7rem;padding:.35rem .3rem;border-radius:var(--r-sm)}.log-entry:hover{background:#ffe6be08}.log-entry.compact{padding:.15rem 0}.log-ico{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;background:#1a120c;border:1px solid rgba(214,170,98,.3);color:var(--text-dim);z-index:1}.log-entry.compact .log-ico{width:24px;height:24px}.log-ico svg{width:15px;height:15px}.log-title{font-size:.92rem}.k-scene .log-ico{color:#9cc7e8;border-color:#9cc7e873}.k-gift .log-ico{color:var(--ale-2);border-color:#f6cf8080}.k-test .log-ico{color:#b493e3;border-color:#b493e373}.k-crit .log-ico{color:#ffe08a;border-color:#ffe08a;box-shadow:0 0 10px #ffd26e80}.k-fumble .log-ico{color:var(--ember-ink);border-color:#d0583f99}.k-quest .log-ico{color:var(--moss);border-color:#8fc27680}.k-star .log-ico{color:var(--ale-2)}.k-sys .log-title{color:var(--text-faint);font-size:.84rem}.sound-drawer{position:fixed;top:calc(var(--top-h) + 8px);left:calc(var(--rail-w) + 8px);bottom:8px;width:min(400px,calc(100vw - var(--rail-w) - 16px));z-index:57;overflow-y:auto;padding:1rem;border-radius:var(--r-lg);border:1px solid var(--line-strong);background:linear-gradient(180deg,#16100bf7,#0a0705f7);box-shadow:var(--shadow-2),0 0 0 1px #0009;backdrop-filter:var(--glass);animation:drawer-in .3s var(--ease) both}@keyframes drawer-in{0%{transform:translate(-16px);opacity:0}}@media(max-width:760px){.sound-drawer{left:8px;width:calc(100vw - 16px);bottom:80px}}.sound-head{display:flex;align-items:center;justify-content:space-between}.sound-head h2{display:flex;align-items:center;gap:.5rem;font-size:1rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ale-2)}.sound-head h2 svg{width:20px;height:20px}.sound-sec{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);margin:1rem 0 .5rem;font-family:var(--font-ui);font-weight:700}.sfx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.sfx-tile{position:relative;width:100%;aspect-ratio:1.15;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.3rem;border-radius:var(--r-md);cursor:pointer;color:var(--text);font:600 .72rem/1.15 var(--font-ui);text-align:center;overflow:hidden;border:1px solid rgba(214,170,98,.22);background:radial-gradient(circle at 50% 25%,#ffe1aa17,#00000080 75%),#110c08;box-shadow:inset 0 -10px 18px #00000073;transition:transform .12s,border-color .15s,box-shadow .2s}.sfx-tile svg{width:26px;height:26px;color:var(--ale-2);transition:transform .2s}.sfx-tile:hover{border-color:#d6aa6299;transform:translateY(-2px)}.sfx-tile:hover svg{transform:scale(1.12)}.sfx-tile:active{transform:scale(.96)}.sfx-tile.fired{animation:fired .6s ease-out}.sfx-tile.fired:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle,rgba(255,210,130,.55),transparent 70%);animation:ripple .6s ease-out both}@keyframes fired{30%{box-shadow:0 0 0 2px var(--ale-2),0 0 26px #e3a94b99}}@keyframes ripple{0%{transform:scale(.2);opacity:1}to{transform:scale(1.6);opacity:0}}.sfx-tile.amb.on{border-color:var(--moss);box-shadow:0 0 0 1px #8fc27666,0 0 18px #8fc27640;background:radial-gradient(circle at 50% 25%,#8fc27633,#00000080 75%),#0d120a}.sfx-tile.amb.on svg{color:var(--moss)}.sfx-tile .eq{position:absolute;top:6px;right:7px}.sfx-tile .eq i{background:var(--moss)}.sfx-tile.custom{border-style:dashed}.sfx-custom{position:relative}.sfx-del{position:absolute;top:3px;left:3px;width:20px;height:20px;padding:0;display:grid;place-items:center;border-radius:50%;border:0;background:#0009;color:var(--text-faint);cursor:pointer;opacity:0;transition:opacity .15s}.sfx-del svg{width:12px;height:12px}.sfx-custom:hover .sfx-del,.sfx-del:focus-visible{opacity:1}.sfx-add{width:100%;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem;border-radius:var(--r-md);border:1.5px dashed rgba(214,170,98,.4);background:#0000004d;color:var(--text-dim);cursor:pointer;font:inherit;font-size:.85rem}.sfx-add:hover{border-color:var(--ale-2);color:var(--text)}.sfx-add svg{width:18px;height:18px}.custom-sound{display:grid;gap:.5rem;padding:.7rem;border-radius:var(--r-md);border:1px solid var(--line);background:#0000004d}.icon-pick{display:flex;flex-wrap:wrap;gap:.3rem}.icon-opt{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--r-sm);border:1px solid var(--line);background:#0000004d;color:var(--text-dim);cursor:pointer;padding:0}.icon-opt svg{width:18px;height:18px}.icon-opt[aria-checked=true]{border-color:var(--ale-2);color:var(--ale-2);background:#e3a94b24}.vol-row{display:flex;align-items:center;gap:.6rem}.vol-lbl{display:inline-flex;align-items:center;gap:.35rem;width:92px;font-size:.82rem;color:var(--text-dim);flex:none}.vol-lbl svg{width:15px;height:15px}.sparks{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}.sparks i{position:absolute;width:6px;height:6px;margin:-3px;border-radius:50%;background:#ffe08a;box-shadow:0 0 10px #ffc94d;transform:rotate(var(--a)) translate(0);animation:spark .9s cubic-bezier(.1,.7,.3,1) forwards}@keyframes spark{to{transform:rotate(var(--a)) translate(var(--d)) scale(.3);opacity:0}}.loading{position:relative;color:transparent;min-height:140px;border-radius:var(--r-md);overflow:hidden;margin:.5rem 0;background:linear-gradient(100deg,#ffe6be08 30%,#ffe6be17,#ffe6be08 70%) 0 0 / 300% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.toast{border-radius:var(--r-md);border-color:#d6aa624d;background:#16100bf5;animation:toast-in .45s cubic-bezier(.2,1.3,.3,1)}.toast:before{box-shadow:0 0 10px currentColor}.toast.secret:before{background:#b493e3}@keyframes toast-in{0%{transform:translateY(-14px) scale(.96);opacity:0}}.modal-backdrop{animation:fade .25s ease}.modal{animation:pop .3s cubic-bezier(.2,1.2,.3,1)}.btn,.chip,.pick,.skill-chip,.dc-btn,.slot,.leaf-card,.scene-tile,.sfx-tile{will-change:auto}a,button{-webkit-tap-highlight-color:transparent}.rail-btn:active .slot-frame{transform:scale(.94)}.msg,.roll-card{animation-duration:.35s}.roll-card .total{transition:transform .3s var(--ease)}.roll-card:hover .total{transform:scale(1.1)}@media(min-width:761px)and (max-height:960px){.rail{padding:.5rem .4rem;gap:0}.rail-btn{padding:.22rem .1rem;gap:.18rem}.slot-frame{width:44px;height:44px}.slot-frame svg{width:21px;height:21px}.hotkey{left:16px}}.spot-stage{position:fixed;inset:0;z-index:82;display:grid;place-items:center;padding:1.2rem;animation:fade .35s ease both}.spot-stage.table{background:radial-gradient(ellipse at 50% 60%,#1e140a8c,#000000db);backdrop-filter:blur(3px)}.spot-card{position:relative;width:min(760px,100%);max-height:calc(100vh - 2.4rem);overflow:auto;display:grid;gap:1rem;padding:1.6rem 1.8rem 1.2rem;border-radius:var(--r-lg);animation:summon .6s var(--ease) both}.spot-stage.table .spot-card{background:linear-gradient(180deg,#281c12f5,#100b07f5);border:1px solid rgba(246,207,128,.55);box-shadow:0 40px 100px #000000b3,0 0 80px #e3a94b2e}.spot-stage.table .spot-card:before{content:"";position:absolute;left:50%;top:-1px;width:140px;height:3px;transform:translate(-50%);background:linear-gradient(90deg,transparent,var(--ale-2),transparent)}.spot-eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.2em;color:var(--ale-2);font-weight:700}.spot-eyebrow svg{width:16px;height:16px}.spot-text{margin:0;font-family:var(--font-page);font-size:clamp(1.3rem,2.6vw,1.75rem);line-height:1.5;color:var(--parchment);white-space:pre-wrap;text-align:center;cursor:pointer;min-height:2.6em}.spot-caret{color:var(--ale-2);animation:rec 1s steps(1) infinite;margin-left:1px}.spot-foot{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:.8rem}.spot-card .image-frame img{max-height:56vh}.spot-stage.whisper{background:radial-gradient(ellipse at 50% 55%,#1e0e2899,#040208eb);backdrop-filter:blur(5px) saturate(.7)}.whisper-mist{position:absolute;inset:-10%;pointer-events:none;opacity:.55;background:radial-gradient(40% 30% at 15% 30%,rgba(150,110,200,.25),transparent 70%),radial-gradient(35% 30% at 85% 70%,rgba(120,80,170,.22),transparent 70%),radial-gradient(30% 25% at 60% 10%,rgba(200,160,240,.14),transparent 70%);animation:mist 14s ease-in-out infinite alternate}@keyframes mist{to{transform:translate(3%,-2%) scale(1.06)}}.spot-stage.whisper .spot-card{width:min(600px,100%);background:linear-gradient(180deg,#1c1224f2,#0c0810f5);border:1px solid rgba(190,150,230,.4);box-shadow:0 30px 90px #000000bf,0 0 60px #a06edc2e}.spot-stage.whisper .spot-eyebrow{color:#cdb2f0}.spot-stage.whisper .spot-text{font-style:italic;color:#eadff7;font-size:clamp(1.15rem,2.2vw,1.5rem)}.spot-stage.whisper .spot-caret{color:#cdb2f0}.spot-stage.whisper .spot-foot{border-top-color:#be96e633}.screen-toggle{color:var(--text-faint)}.screen-toggle.on{color:var(--ale-2);border-color:#f6cf8099;box-shadow:0 0 12px #e3a94b40}.on-screen-chip{font-size:.64rem;padding:0 .4rem}.weather-canvas{position:absolute;inset:0;width:100%;height:100%}.atmo-firelight{position:absolute;inset:0;background:radial-gradient(70% 55% at 50% 110%,rgba(255,140,50,.28),transparent 70%);mix-blend-mode:screen;animation:firelight 2.6s ease-in-out infinite}@keyframes firelight{20%{opacity:.75}40%{opacity:1}55%{opacity:.82}80%{opacity:.95}}.atmo-rain-tint{position:absolute;inset:0;background:linear-gradient(180deg,#283c5a4d,#141e3240);mix-blend-mode:multiply}.atmo-fog{position:absolute;inset:0;overflow:hidden}.atmo-fog i{position:absolute;left:-50%;width:200%;height:45%;bottom:-5%;opacity:.5;background:radial-gradient(30% 60% at 20% 60%,rgba(200,200,210,.22),transparent 70%),radial-gradient(25% 50% at 55% 50%,rgba(200,200,210,.18),transparent 70%),radial-gradient(30% 60% at 85% 65%,rgba(200,200,210,.2),transparent 70%);animation:fog 40s linear infinite}.atmo-fog i:nth-child(2){bottom:18%;opacity:.3;animation-duration:65s;animation-direction:reverse}.atmo-fog.cave i{background:radial-gradient(30% 60% at 20% 60%,rgba(140,150,160,.22),transparent 70%),radial-gradient(25% 50% at 60% 50%,rgba(120,130,140,.2),transparent 70%)}@keyframes fog{0%{transform:translate(0)}to{transform:translate(25%)}}.time-tint{position:absolute;inset:0;transition:background 2.5s ease,opacity 2.5s ease;pointer-events:none}.t-day{background:transparent}.t-dawn{background:linear-gradient(0deg,#ff966452,#968cdc33 70%);mix-blend-mode:soft-light}.t-dusk{background:linear-gradient(0deg,#ff6e3c61,#963c784d 75%);mix-blend-mode:multiply}.t-night{background:linear-gradient(180deg,#0a143cb8,#080c2399);mix-blend-mode:multiply}.t-torch{background:radial-gradient(55% 60% at 50% 60%,transparent 10%,rgba(10,5,0,.82) 75%),radial-gradient(40% 40% at 50% 60%,rgba(255,150,60,.18),transparent 70%);animation:torch 3.2s ease-in-out infinite}@keyframes torch{25%{opacity:.9}50%{opacity:1}70%{opacity:.85}}.time-picks{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem}.time-pick{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.45rem .2rem;border-radius:var(--r-sm);border:1px solid var(--line);background:#00000059;color:var(--text-dim);cursor:pointer;font-size:.66rem;font-weight:600}.time-pick[aria-checked=true]{border-color:var(--ale-2);color:var(--text);box-shadow:0 0 12px #e3a94b40}.time-swatch{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.tp-dawn .time-swatch{background:linear-gradient(0deg,#f29a6c,#8b86d8)}.tp-day .time-swatch{background:radial-gradient(circle at 50% 40%,#fff3c2,#8fc0e8 70%)}.tp-dusk .time-swatch{background:linear-gradient(0deg,#f06a3a,#8a3a78)}.tp-night .time-swatch{background:radial-gradient(circle at 35% 35%,#d8e0ff 0 12%,#1a2350 14%)}.tp-torch .time-swatch{background:radial-gradient(circle,#ffb24d 0 25%,#3a1d08 70%)}.fx{position:fixed;inset:0;pointer-events:none;z-index:84}.fx-lightning{background:#e1ebffe6;mix-blend-mode:screen;animation:lightning 1.4s ease-out both}@keyframes lightning{0%{opacity:0}4%{opacity:.9}8%{opacity:.1}12%{opacity:.75}30%{opacity:0}to{opacity:0}}.fx-blast{background:radial-gradient(circle at 50% 55%,rgba(255,210,120,.95),rgba(255,90,20,.55) 35%,transparent 75%);animation:blast 1.6s ease-out both}@keyframes blast{0%{opacity:0}6%{opacity:1}to{opacity:0}}.fx-pulse{box-shadow:inset 0 0 180px 40px #aa00008c;animation:pulse5 4.1s ease-in-out both}@keyframes pulse5{0%,20%,40%,60%,80%{opacity:0}8%,28%,48%,68%,88%{opacity:1}to{opacity:0}}.fx-arcane{background:radial-gradient(circle at 50% 50%,rgba(170,130,255,.35),transparent 65%);animation:blast 1.8s ease-out both}.fx-glint{background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%) -100% 0 / 200% 100% no-repeat;animation:glint .7s ease-out both}@keyframes glint{to{background-position:100% 0}}.fx-drums,.fx-quake{display:none}.fx-shake{animation:shake .7s cubic-bezier(.36,.07,.19,.97) both}.fx-shake-hard{animation:shake-hard .9s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate(-1px,1px)}20%,80%{transform:translate(2px,-1px)}30%,50%,70%{transform:translate(-3px,2px)}40%,60%{transform:translate(3px,-2px)}}@keyframes shake-hard{10%,90%{transform:translate(-3px,2px)}20%,80%{transform:translate(6px,-4px)}30%,50%,70%{transform:translate(-8px,5px) rotate(-.4deg)}40%,60%{transform:translate(8px,-5px) rotate(.4deg)}}.vital-low{position:fixed;inset:0;pointer-events:none;z-index:55;box-shadow:inset 0 0 calc(160px * var(--k)) calc(30px * var(--k)) rgba(160,0,0,calc(.55 * var(--k)));animation:heartbeat 1.1s ease-in-out infinite}@keyframes heartbeat{0%,to{opacity:.55}12%{opacity:1}24%{opacity:.65}36%{opacity:.95}}.vital-down{position:fixed;inset:0;pointer-events:none;z-index:55;backdrop-filter:grayscale(1) brightness(.62);-webkit-backdrop-filter:grayscale(1) brightness(.62);box-shadow:inset 0 0 220px 60px #000000d9;animation:fade 1.5s ease both;display:grid;align-items:end;justify-items:center;padding-bottom:2.2rem}.vital-down.stable{backdrop-filter:grayscale(.85) brightness(.78);-webkit-backdrop-filter:grayscale(.85) brightness(.78)}.vital-down.dead{backdrop-filter:grayscale(1) brightness(.4);-webkit-backdrop-filter:grayscale(1) brightness(.4)}.vital-msg{max-width:min(520px,90vw);text-align:center;padding:.7rem 1rem;border-radius:var(--r-md);background:#000000b3;border:1px solid rgba(208,88,63,.5);color:var(--text);font-size:.95rem}.vital-msg strong{color:var(--ember-ink);font-family:var(--font-display);letter-spacing:.04em}.body.ink{cursor:pointer}.quill-tip{display:inline-block;width:2px;height:1.05em;margin-left:1px;vertical-align:-.15em;background:#2a1d10;animation:rec .6s steps(1) infinite}.reel{position:fixed;inset:0;z-index:86;overflow:hidden;background:#000;cursor:pointer;animation:fade .6s ease both}.reel-bg{position:absolute;inset:-4%;background:center / cover no-repeat;filter:brightness(.55) saturate(.9);animation:reel-in 1.2s ease both,kenburns 16s ease-out both}.reel-bg.plain{filter:none;background:radial-gradient(900px 500px at 30% 80%,rgba(227,140,60,.25),transparent 70%),radial-gradient(800px 500px at 80% 10%,rgba(120,80,160,.18),transparent 70%),linear-gradient(180deg,#120c08,#050302)}@keyframes reel-in{0%{opacity:0;transform:scale(1.08)}}.reel-shade{position:absolute;inset:0;background:linear-gradient(0deg,#000000e6,#00000040 55%,#0000008c)}.reel .bar{position:absolute;left:0;right:0;height:8vh;background:#000;z-index:1}.reel .bar.top{top:0}.reel .bar.bottom{bottom:0}.reel-top{position:absolute;z-index:2;top:calc(8vh + .8rem);left:clamp(1rem,5vw,4rem);right:clamp(1rem,5vw,4rem);display:flex;justify-content:space-between;align-items:center}.reel-eyebrow{font-family:var(--font-page);font-style:italic;font-size:1.15rem;color:var(--text-dim)}.reel-skip{display:inline-flex;align-items:center;gap:.3rem;background:#00000080;border:1px solid rgba(255,255,255,.2);color:var(--text-dim);border-radius:999px;padding:.3rem .8rem;cursor:pointer;font:inherit;font-size:.8rem}.reel-skip svg{width:14px;height:14px}.reel-skip:hover{color:var(--text);border-color:#ffffff73}.reel-progress{position:absolute;z-index:2;bottom:calc(8vh + .8rem);left:clamp(1rem,5vw,4rem);right:clamp(1rem,5vw,4rem);display:flex;gap:4px}.reel-progress i{flex:1;height:3px;border-radius:2px;background:#ffffff2e}.reel-progress i.done{background:var(--ale)}.reel-progress i.now{background:linear-gradient(90deg,var(--ale-2),rgba(255,255,255,.18))}.reel-chapter{position:absolute;z-index:2;left:clamp(1rem,6vw,5rem);right:clamp(1rem,6vw,5rem);bottom:calc(8vh + 2.6rem);max-width:900px}.reel-title{font-size:clamp(2rem,5vw,3.6rem);text-transform:uppercase;letter-spacing:.1em;line-height:1.05;background:linear-gradient(180deg,#fff4d6,#f3cc7e,#b47a2e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 18px rgba(0,0,0,.9));animation:title-in 1.2s var(--ease) both}.reel-mood{font-family:var(--font-page);font-style:italic;font-size:1.2rem;color:var(--parchment);margin:.3rem 0 0;animation:fade-up .9s .4s var(--ease) both;text-shadow:0 2px 8px #000}.reel-lines{list-style:none;padding:0;margin:1.1rem 0 0;display:grid;gap:.55rem}.reel-lines li{display:flex;gap:.55rem;align-items:baseline;font-family:var(--font-page);font-size:clamp(1.1rem,2.1vw,1.5rem);color:#f6ead2;text-shadow:0 2px 10px #000;animation:fade-up .8s var(--ease) both}.reel-lines li svg{width:20px;height:20px;flex:none;align-self:center}.rl-quote{font-style:italic}.rl-star{color:#ffe3a3!important}.rl-star svg{color:var(--ale-2)}.rl-crit{color:#ffe08a!important}.rl-crit svg{color:#ffe08a;fill:#ffd26e59}.rl-fumble{color:var(--ember-ink)!important}.reel-center{position:absolute;z-index:2;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;padding:0 1.5rem}.reel-summary{max-width:52ch;font-family:var(--font-page);font-size:clamp(1.2rem,2.4vw,1.7rem);line-height:1.55;color:var(--parchment);text-shadow:0 2px 10px #000;animation:fade-up 1s var(--ease) both}.story{display:grid;gap:.9rem}.story-chapter h4{font-family:var(--font-display);color:var(--ale-2);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;margin-bottom:.3rem}.story-chapter p{margin:0 0 .25rem;font-family:var(--font-page);font-size:1.08rem;color:var(--parchment)}:root{--rc-common: #c4bcae;--rc-uncommon: #5fd16a;--rc-rare: #4ea8ff;--rc-very_rare: #b980ff;--rc-legendary: #ff9d3a;--rc-artifact: #ff5a4a;--rc-unknown: #8d8aa0}.r-common{--rc: var(--rc-common)}.r-uncommon{--rc: var(--rc-uncommon)}.r-rare{--rc: var(--rc-rare)}.r-very_rare{--rc: var(--rc-very_rare)}.r-legendary{--rc: var(--rc-legendary)}.r-artifact{--rc: var(--rc-artifact)}.r-unknown{--rc: var(--rc-unknown)}.atmo-front{position:fixed;inset:0;z-index:45;pointer-events:none;overflow:hidden}.atmo-front>*{position:absolute;inset:0}.light{transition:background 2.5s ease,opacity 2.5s ease}.light-day{background:transparent}.light-dawn{background:linear-gradient(180deg,#968ce652,#ff966e4d);mix-blend-mode:soft-light;opacity:calc(.9 * var(--wx))}.light-dusk{background:linear-gradient(180deg,#78286e6b,#ff6e3266);mix-blend-mode:multiply;opacity:calc(.95 * var(--wx))}.light-night{background:radial-gradient(ellipse at 50% 30%,#283c8c73,#050a28c7);mix-blend-mode:multiply;opacity:var(--wx)}.light-torch{background:radial-gradient(60% 65% at 50% 55%,transparent 15%,rgba(8,3,0,.88) 80%),radial-gradient(45% 45% at 50% 55%,rgba(255,150,60,.2),transparent 70%);opacity:var(--wx);animation:torch 3.2s ease-in-out infinite}.atmo-back{position:absolute;inset:0;overflow:hidden}.atmo-back>*{position:absolute;inset:0}.atmo-back .time-tint{opacity:calc(.6 + .4 * var(--wx))}.back-rain{background:linear-gradient(180deg,#3c506e73,#1e283c59);mix-blend-mode:multiply;opacity:var(--wx)}.back-fire{background:radial-gradient(80% 50% at 50% 110%,rgba(255,130,40,.45),transparent 70%);mix-blend-mode:screen;opacity:var(--wx);animation:firelight 2.6s ease-in-out infinite}.back-wind{background:linear-gradient(100deg,transparent 30%,rgba(200,180,140,.1) 50%,transparent 70%) 0 0 / 200% 100%;animation:windsweep 6s linear infinite;opacity:var(--wx)}@keyframes windsweep{0%{background-position:200% 0}to{background-position:-200% 0}}.back-fog{opacity:var(--wx)}.back-fog i{position:absolute;left:-50%;width:200%;height:40%;bottom:-8%;background:radial-gradient(30% 60% at 20% 60%,rgba(210,210,220,.34),transparent 70%),radial-gradient(25% 55% at 55% 50%,rgba(210,210,220,.28),transparent 70%),radial-gradient(30% 60% at 85% 65%,rgba(210,210,220,.3),transparent 70%);animation:fog 38s linear infinite;filter:blur(6px)}.back-fog i:nth-child(2){bottom:14%;opacity:.6;animation-duration:60s;animation-direction:reverse}.back-fog i:nth-child(3){bottom:32%;opacity:.35;animation-duration:80s}.back-fog.cave i{background:radial-gradient(30% 60% at 20% 60%,rgba(150,160,170,.34),transparent 70%),radial-gradient(25% 55% at 60% 50%,rgba(130,140,150,.3),transparent 70%)}.back-rays{background:repeating-linear-gradient(115deg,#fff0c800 0 70px,#fff0c812 70px 120px,#fff0c800 120px 220px);-webkit-mask-image:radial-gradient(90% 80% at 20% 0%,#000 20%,transparent 75%);mask-image:radial-gradient(90% 80% at 20% 0%,#000 20%,transparent 75%);mix-blend-mode:screen;opacity:var(--wx);animation:rays 14s ease-in-out infinite alternate}@keyframes rays{0%{opacity:calc(.55 * var(--wx));transform:translate(-2%)}to{opacity:var(--wx);transform:translate(2%)}}.back-moon{background:radial-gradient(circle at 58% 13%,rgba(235,240,255,.9) 0 2.2%,rgba(190,210,255,.28) 2.6%,rgba(120,150,230,.1) 12%,transparent 30%);opacity:var(--wx);mix-blend-mode:screen}.back-mist i{position:absolute;left:-40%;width:180%;height:45%;bottom:-10%;filter:blur(10px);opacity:calc(.8 * var(--wx));background:radial-gradient(35% 60% at 25% 60%,rgba(255,210,220,.3),transparent 70%),radial-gradient(30% 55% at 70% 55%,rgba(220,210,255,.26),transparent 70%);animation:fog 50s linear infinite}.back-mist i:nth-child(2){bottom:18%;opacity:calc(.45 * var(--wx));animation-duration:75s;animation-direction:reverse}.back-dawnglow{background:linear-gradient(0deg,rgba(255,160,130,.34),rgba(200,150,220,.16) 45%,transparent 75%),radial-gradient(60% 35% at 70% 100%,rgba(255,200,150,.35),transparent 70%);mix-blend-mode:screen;opacity:var(--wx);animation:firelight 12s ease-in-out infinite}.back-sun{background:radial-gradient(60% 40% at 15% 92%,rgba(255,170,70,.5),rgba(255,110,50,.18) 40%,transparent 70%);mix-blend-mode:screen;opacity:var(--wx);animation:firelight 9s ease-in-out infinite}.fx-dread{box-shadow:inset 0 0 260px 90px #1e0032d9;animation:dread 4s ease-in-out both}@keyframes dread{0%{opacity:0}45%{opacity:1}to{opacity:0}}.fx-bell{background:radial-gradient(circle at 50% 50%,transparent 30%,rgba(255,220,140,.25) 32%,transparent 36%);animation:bellring 1.6s ease-out both}@keyframes bellring{0%{transform:scale(.4);opacity:1}to{transform:scale(1.8);opacity:0}}.fx-glory{background:conic-gradient(from 0deg at 50% 60%,transparent 0 10deg,rgba(255,215,120,.22) 10deg 20deg,transparent 20deg 40deg,rgba(255,215,120,.18) 40deg 50deg,transparent 50deg 80deg,rgba(255,215,120,.2) 80deg 90deg,transparent 90deg 360deg);animation:glory 2.6s ease-out both}@keyframes glory{0%{opacity:0;transform:rotate(-10deg) scale(.9)}25%{opacity:1}to{opacity:0;transform:rotate(15deg) scale(1.15)}}.fx-stabilize{box-shadow:inset 0 0 200px 50px #6ec87873;animation:blast 2.4s ease-out both}.fx-revive{background:radial-gradient(circle at 50% 55%,rgba(255,245,220,.7),transparent 65%);animation:blast 1.8s ease-out both}.death-panel{display:grid;gap:.45rem;padding:.6rem .75rem;border-radius:var(--r-md);border:1px solid rgba(208,88,63,.45);background:linear-gradient(90deg,#78140a4d,#0000004d)}.death-panel.stable{border-color:#8fc2768c;background:linear-gradient(90deg,#3c6e3247,#0000004d);animation:stable-in .8s var(--ease) both}.death-panel.dead{border-color:#78787880;background:#00000073;filter:grayscale(1)}@keyframes stable-in{0%{box-shadow:0 0 #8fc27699}50%{box-shadow:0 0 30px 6px #8fc27673}}.death-head{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.death-head>svg{width:18px;height:18px;color:var(--ember-ink)}.death-panel.stable .death-head>svg{color:var(--moss);fill:#8fc27666}.death-head strong{font-family:var(--font-display);letter-spacing:.06em}.death-rows{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.death-rows .btn svg{width:16px;height:16px}.vital-msg strong.ok{color:var(--moss)}.duo{width:26px;height:26px;transition:transform .25s var(--ease),filter .25s}.slot-frame .duo{width:26px;height:26px}.rail{position:relative}.rail-glow{position:absolute;left:0;top:0;width:100%;height:44px;pointer-events:none;transition:transform .45s cubic-bezier(.3,1.3,.4,1),opacity .3s;z-index:0}.rail-glow:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:0 3px 3px 0;background:var(--ale-2);box-shadow:0 0 12px var(--ale),0 0 24px var(--ale)}.rail-glow:after{content:"";position:absolute;inset:-10px 0;background:radial-gradient(60% 50% at 50% 50%,rgba(227,169,75,.16),transparent 70%)}.rail-btn{z-index:1}.rail-btn:hover .duo{transform:translateY(-2px) scale(1.1);filter:drop-shadow(0 0 6px rgba(227,169,75,.5))}.rail-btn[aria-current=page] .duo{filter:drop-shadow(0 0 8px rgba(255,210,130,.7));animation:slot-pop .45s var(--ease)}@keyframes slot-pop{40%{transform:scale(1.18) rotate(-4deg)}}@media(max-width:760px){.rail-glow{display:none}.duo,.slot-frame .duo{width:21px;height:21px}}.tabs{position:relative;isolation:isolate}.tab{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.35rem;transition:color .25s}.tab svg{width:15px;height:15px}.tab[aria-selected=true]{background:transparent!important;box-shadow:none!important;color:var(--ale-ink)}.tab-pill{position:absolute;top:.25rem;bottom:.25rem;left:0;z-index:0;border-radius:var(--r-sm);background:linear-gradient(180deg,#fbe0a0,#e2a948 55%,#b97a26);box-shadow:0 0 16px #e3a94b59,0 1px #fff6 inset;transition:transform .38s cubic-bezier(.3,1.25,.4,1),width .38s cubic-bezier(.3,1.25,.4,1)}.tab:not([aria-selected=true]):hover{color:var(--ale-2)}.shield b.boosted{color:var(--rc-uncommon);text-shadow:0 0 10px rgba(95,209,106,.5)}.medal{position:relative}.boost-badge{position:absolute;right:8px;bottom:8px;min-width:22px;padding:0 .3rem;border-radius:999px;font-size:.7rem;font-weight:800;text-align:center;color:#07210a;background:var(--rc-uncommon);box-shadow:0 0 10px #5fd16a80}.inv-screen{display:grid;grid-template-columns:290px minmax(0,1fr) 300px;gap:1rem;align-items:start}@media(max-width:1280px){.inv-screen{grid-template-columns:260px minmax(0,1fr)}.inv-screen>.item-detail{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.inv-screen>.item-detail>*+*{margin-top:0}}.inv-h{display:flex;align-items:center;gap:.45rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ale-2);margin-bottom:.7rem;font-family:var(--font-ui);font-weight:700}.inv-h svg{width:18px;height:18px}.doll{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,auto);gap:.45rem;grid-template-areas:"cloak head neck" "main body off" "hands body ring1" "belt feet ring2";padding:.2rem}.doll-figure{position:absolute;left:50%;top:50%;width:55%;height:92%;transform:translate(-50%,-50%);fill:#d6aa6212;stroke:#d6aa622e;stroke-width:1;pointer-events:none}.doll-slot{position:relative}.a-head{grid-area:head}.a-neck{grid-area:neck}.a-cloak{grid-area:cloak}.a-body{grid-area:body;align-self:center}.a-hands{grid-area:hands}.a-ring1{grid-area:ring1}.a-ring2{grid-area:ring2}.a-main{grid-area:main}.a-off{grid-area:off}.a-belt{grid-area:belt}.a-feet{grid-area:feet}.doll .slot{aspect-ratio:1;width:100%}.empty-slot{display:grid!important;place-items:center;cursor:default;border-style:dashed!important;border-color:#d6aa6233!important;background:#0000004d!important;box-shadow:none!important}.empty-slot span{font-size:.58rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);text-align:center;padding:0 .2rem}.loose-eq{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.6rem}.loose-eq .slot{width:54px}.doll-stats{display:flex;justify-content:center;gap:.5rem;margin-top:.8rem}.ds{display:flex;flex-direction:column;align-items:center;min-width:62px;padding:.35rem .4rem;border-radius:var(--r-sm);border:1px solid var(--line);background:#0000004d}.ds svg{width:16px;height:16px;color:var(--ale)}.ds b{font-family:var(--font-display);font-size:1.15rem;line-height:1.1}.ds small{font-size:.62rem;color:var(--text-faint);text-transform:uppercase}.fx-sources{list-style:none;margin:.7rem 0 0;padding:0;display:grid;gap:.2rem;font-size:.78rem}.fx-sources svg{width:12px;height:12px;color:var(--rc-uncommon)}.fx-sources b{color:var(--rc-uncommon)}.slot{--rc: rgba(0, 0, 0, .45)}.slot[class*=" r-"]{border-color:color-mix(in srgb,var(--rc) 55%,transparent);box-shadow:0 2px 6px #00000073 inset,0 0 0 1px #0006}.slot.r-uncommon,.slot.r-rare,.slot.r-very_rare,.slot.r-legendary,.slot.r-artifact{background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--rc) 22%,transparent),#00000073 75%),#24170c}.slot.r-legendary,.slot.r-artifact{animation:legend 3s ease-in-out infinite}@keyframes legend{50%{box-shadow:0 0 14px color-mix(in srgb,var(--rc) 55%,transparent),0 2px 6px #00000073 inset}}.slot.r-common{border-color:#00000073}.slot .item-img{width:70%;height:58%;object-fit:cover;border-radius:6px;box-shadow:0 2px 6px #00000080}.slot.veiled:after{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(135deg,rgba(140,130,170,.12) 0 6px,transparent 6px 12px);pointer-events:none}.item-q{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--rc-unknown);line-height:1}.item-q.big{font-size:3rem}.slot.mini{width:44px;height:44px;aspect-ratio:auto;padding:.2rem}.slot.mini svg{width:24px;height:24px}.item-tip{position:fixed;z-index:100;width:260px;padding:.65rem .75rem;border-radius:var(--r-md);pointer-events:none;background:linear-gradient(180deg,#1e160ffa,#0e0a07fa);border:1px solid color-mix(in srgb,var(--rc, #d6aa62) 60%,transparent);box-shadow:0 18px 40px #000000a6,0 0 18px color-mix(in srgb,var(--rc, #d6aa62) 25%,transparent);animation:tip-in .15s ease-out}.item-tip.static{position:relative;width:auto;flex:1;animation:none;z-index:0}@keyframes tip-in{0%{opacity:0;margin-top:4px}}.item-tip strong{display:block;font-family:var(--font-display);color:var(--rc, var(--text));font-size:1rem}.tip-meta{font-size:.72rem;color:var(--text-faint);margin-bottom:.35rem}.item-tip p{margin:0 0 .35rem;font-size:.84rem;color:var(--text-dim)}.tip-veil{display:inline-flex;align-items:center;gap:.3rem;font-size:.74rem;color:#c8b9ec;margin-bottom:.3rem}.tip-veil svg{width:13px;height:13px}.tip-fx{display:flex;flex-wrap:wrap;gap:.25rem}.tip-fx span,.fx-chip{font-size:.72rem;font-weight:700;padding:.05rem .45rem;border-radius:999px;color:var(--rc-uncommon);background:#5fd16a1a;border:1px solid rgba(95,209,106,.35)}.fx-chip:not(.on){color:var(--text-dim);background:#ffffff08;border-color:var(--line)}.tip-hint{margin-top:.4rem;font-size:.66rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em}.pack-col{display:grid;gap:.8rem}.backpack{padding-top:3.4rem;border-radius:40px 40px 26px 26px}.backpack:after{display:none}.pack-flap{position:absolute;left:8%;right:8%;top:-2px;height:44px;border-radius:0 0 34px 34px;z-index:1;background:radial-gradient(400px 60px at 50% 0,rgba(255,220,170,.14),transparent 70%),linear-gradient(180deg,#82552f,#5c391d);box-shadow:0 6px 14px #00000073,0 1px #ffdcaa33 inset}.pack-flap:after{content:"";position:absolute;inset:6px 10px 8px;border-radius:0 0 28px 28px;border:1.5px dashed rgba(255,220,170,.22);border-top:0}.buckle{position:absolute;left:50%;bottom:-10px;width:30px;height:22px;transform:translate(-50%);border-radius:5px;border:3px solid #d2ad62;background:#3a2312;box-shadow:0 3px 6px #00000080}.slots{grid-template-columns:repeat(5,minmax(0,1fr))!important}@media(max-width:640px){.slots{grid-template-columns:repeat(4,minmax(0,1fr))!important}}.pockets{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:1rem}.pocket{position:relative;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.7rem .4rem .6rem;border-radius:10px 10px 22px 22px;cursor:pointer;border:1px solid #2a180b;color:#f1d9b2;font:700 .76rem/1.1 var(--font-ui);text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(180deg,#6f4626,#4f3018);box-shadow:0 1px #ffdcaa33 inset,0 6px 12px #0006;transition:transform .15s,box-shadow .2s}.pocket:hover{transform:translateY(-3px);box-shadow:0 1px #ffdcaa40 inset,0 10px 20px #00000080,0 0 16px #e3a94b40}.pocket svg{width:26px;height:26px;color:#f0cf8e}.pocket-stitch{position:absolute;inset:5px;border-radius:7px 7px 18px 18px;border:1.5px dashed rgba(255,220,170,.22);pointer-events:none}.pocket-count{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;font-size:.68rem;color:var(--ale-ink);background:var(--ale-2);box-shadow:0 0 8px var(--ale)}.pocket-modal .page-head{display:none}.purse-pouch{background:radial-gradient(260px 120px at 50% 0,rgba(227,169,75,.12),transparent 70%),linear-gradient(180deg,#1e1610d9,#0e0a07d9)}.item-card.panel{border-color:color-mix(in srgb,var(--rc, var(--gold)) 45%,transparent)}.item-detail-inner{text-align:center;animation:page-in .25s ease both}.item-detail .big-icon{width:108px;height:108px;border-radius:22px;position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--rc, var(--gold)) 70%,transparent);box-shadow:0 0 26px color-mix(in srgb,var(--rc, var(--gold)) 35%,transparent);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--rc, var(--gold)) 25%,transparent),#00000080)}.item-detail .big-icon svg{width:56px;height:56px;color:var(--rc, var(--ale-2))}.item-detail .big-icon .item-img{width:100%;height:100%;object-fit:cover}.item-name{color:var(--rc, var(--text))}.chip.rarity{color:var(--rc);border-color:color-mix(in srgb,var(--rc) 55%,transparent);background:color-mix(in srgb,var(--rc) 10%,transparent)}.veil-note{display:flex;gap:.45rem;align-items:flex-start;text-align:left;padding:.5rem .6rem;border-radius:var(--r-sm);background:#8c78c81a;border:1px dashed rgba(180,160,230,.4);font-size:.82rem;color:#d8ccf3}.veil-note svg{width:16px;height:16px;flex:none;margin-top:.1rem}.item-summary{margin:0;font-style:italic;color:var(--text-dim)}.item-desc{margin:0;text-align:left;white-space:pre-wrap;font-size:.9rem}.item-fx{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center}.item-fx .tiny{width:100%}.item-facts{display:flex;gap:.8rem;justify-content:center}.gm-secret{text-align:left;padding:.6rem .7rem;border-radius:var(--r-sm);border:1px solid rgba(208,88,63,.45);background:#d0583f14;display:grid;gap:.3rem}.gm-secret .tiny{color:var(--ember-ink);text-transform:uppercase;letter-spacing:.08em}.gm-secret p{margin:0}.item-form{display:flex;gap:1rem;align-items:stretch}.item-pic{width:112px;min-height:112px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;border-radius:var(--r-md);border:1.5px dashed rgba(214,170,98,.45);background:#00000059;cursor:pointer;overflow:hidden;color:var(--text-dim)}.item-pic svg{width:28px;height:28px;color:var(--ale-2)}.item-pic.has{border-style:solid}.item-pic img{width:100%;height:100%;object-fit:cover}.fx-editor{display:grid;gap:.6rem;margin-top:.6rem}.fx-grid,.fx-abilities{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.4rem}.fx-abilities{grid-template-columns:repeat(6,1fr)}@media(max-width:600px){.fx-abilities{grid-template-columns:repeat(3,1fr)}}.fx-field{display:flex;flex-direction:column;gap:.15rem;font-size:.72rem;color:var(--text-dim)}.fx-field input,.fx-field select{min-height:32px;padding:.2rem .45rem;border-radius:var(--r-sm);border:1px solid var(--line);background:#0006}.forge{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1rem;align-items:start}.forge>section:last-child{grid-column:1 / -1}@media(max-width:1000px){.forge{grid-template-columns:1fr}}.mode-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.mode-pick{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.7rem .5rem;border-radius:var(--r-md);text-align:center;cursor:pointer;color:var(--text);border:1px solid var(--line);background:#0000004d;font:inherit;transition:border-color .15s,box-shadow .2s}.mode-pick[aria-checked=true]{border-color:var(--ale-2);box-shadow:0 0 16px #e3a94b40;background:#e3a94b14}.mode-pick.m-partial[aria-checked=true]{border-color:#b9a3ee;box-shadow:0 0 16px #aa8cf040;background:#9678dc1a}.mode-pick.m-unknown[aria-checked=true]{border-color:var(--rc-unknown);background:#8c8ca01a}.mode-ico{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#0006;font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--ale-2)}.mode-ico svg{width:20px;height:20px}.veil-box{padding:.7rem;border-radius:var(--r-md);border:1px dashed rgba(180,160,230,.4);background:#8c78c812}.forge-preview{display:grid;gap:.4rem}.identify-row{display:flex;align-items:center;gap:.7rem;padding:.45rem .5rem;border-radius:var(--r-sm);border:1px solid var(--line);background:#00000040}.item-reveal-stage{z-index:83}.item-reveal{position:relative;width:min(440px,100%);padding:1.6rem 1.4rem 1.3rem;border-radius:var(--r-lg);text-align:center;overflow:hidden;background:linear-gradient(180deg,#1e1610f7,#0a0705f7);border:1px solid color-mix(in srgb,var(--rc) 65%,transparent);box-shadow:0 30px 80px #000000b3,0 0 60px color-mix(in srgb,var(--rc) 30%,transparent);animation:summon .6s cubic-bezier(.2,1.3,.3,1) both;display:grid;gap:.55rem}.ir-rays{position:absolute;left:50%;top:120px;width:600px;height:600px;margin:-300px 0 0 -300px;pointer-events:none;opacity:.5;background:conic-gradient(from 0deg,transparent 0 8deg,color-mix(in srgb,var(--rc) 40%,transparent) 8deg 14deg,transparent 14deg 30deg,color-mix(in srgb,var(--rc) 30%,transparent) 30deg 36deg,transparent 36deg 52deg,color-mix(in srgb,var(--rc) 35%,transparent) 52deg 58deg,transparent 58deg 75deg,color-mix(in srgb,var(--rc) 30%,transparent) 75deg 81deg,transparent 81deg 98deg,color-mix(in srgb,var(--rc) 40%,transparent) 98deg 104deg,transparent 104deg 360deg);mask:radial-gradient(circle,#000 20%,transparent 65%);-webkit-mask:radial-gradient(circle,#000 20%,transparent 65%);animation:spin 16s linear infinite}.ir-eyebrow{position:relative;font-size:.78rem;text-transform:uppercase;letter-spacing:.22em;color:var(--text-dim);font-weight:700}.ir-art{position:relative;width:120px;height:120px;margin:.3rem auto;border-radius:26px;display:grid;place-items:center;overflow:hidden;border:2px solid var(--rc);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--rc) 30%,transparent),#0000008c);box-shadow:0 0 30px color-mix(in srgb,var(--rc) 55%,transparent);animation:art-in .9s cubic-bezier(.2,1.4,.3,1) both .1s}@keyframes art-in{0%{transform:scale(.2) rotate(-25deg);opacity:0}}.ir-art svg{width:64px;height:64px;color:var(--rc)}.ir-art .item-img{width:100%;height:100%;object-fit:cover}.ir-name{position:relative;font-size:1.6rem;color:var(--rc);text-shadow:0 0 18px color-mix(in srgb,var(--rc) 45%,transparent)}.ir-summary{margin:0;font-style:italic;color:var(--text-dim);position:relative}.ir-note{margin:0;font-family:var(--font-page);font-size:1.1rem;color:var(--parchment);position:relative}.combat-btn{display:inline-flex;align-items:center;gap:.35rem;height:34px;padding:0 .7rem;border-radius:999px;cursor:pointer;color:var(--text-dim);font-size:.78rem;font-weight:700;border:1px solid rgba(208,88,63,.45);background:#3c0a0573;white-space:nowrap}.combat-btn:hover{color:#ffd2c6;border-color:#e0523a;box-shadow:0 0 14px #e0523a59}.combat-btn .duo{width:18px;height:18px}.combat-chip{display:inline-flex;align-items:center;gap:.4rem;height:34px;padding:0 .75rem;border-radius:999px;font-size:.78rem;white-space:nowrap;color:#ffd8cf;border:1px solid #e0523a;background:linear-gradient(180deg,#78140abf,#320804bf);box-shadow:0 0 16px #e0523a66;animation:combat-pulse 1.6s ease-in-out infinite}.combat-chip .duo{width:17px;height:17px}@keyframes combat-pulse{50%{box-shadow:0 0 26px #e0523aa6}}.table-shell.in-combat{box-shadow:inset 0 0 0 2px #e0523a59,inset 0 0 80px #a0140a40;animation:combat-edge 2.4s ease-in-out infinite}@keyframes combat-edge{50%{box-shadow:inset 0 0 0 2px #e0523a8c,inset 0 0 120px #a0140a59}}.combat-pop .btn{width:100%}.turn-picks{display:flex;flex-wrap:wrap;gap:.35rem}.turn-picks .pick{min-width:72px;padding:.35rem}.turn-picks .pick .portrait-sm{width:38px;height:38px;font-size:1rem;display:grid;place-items:center}.turn-picks .pick .portrait-sm svg{width:18px;height:18px}.pframe.turn{border-color:#e0523a;box-shadow:0 0 0 1px #e0523a,0 0 18px #e0523a8c;animation:combat-pulse 1.4s ease-in-out infinite}.pframe.turn .pf-portrait .avatar{border-color:#ff8a6e}.combat-card{position:fixed;inset:0;z-index:86;display:grid;place-content:center;justify-items:center;gap:.3rem;cursor:pointer;background:radial-gradient(ellipse at 50% 50%,#780a058c,#000c);animation:scene-card 2.3s ease both}.combat-slash{position:absolute;left:-10%;right:-10%;top:50%;height:130px;margin-top:-65px;transform:rotate(-6deg);background:linear-gradient(90deg,transparent,rgba(180,20,10,.85) 20%,rgba(220,40,20,.95) 50%,rgba(180,20,10,.85) 80%,transparent);animation:slash .5s cubic-bezier(.2,1,.3,1) both;box-shadow:0 0 60px #dc281499}@keyframes slash{0%{transform:rotate(-6deg) scaleX(0)}}.combat-word{position:relative;display:flex;align-items:center;gap:.8rem;font-family:var(--font-display);font-weight:700;font-size:clamp(2.6rem,8vw,5.4rem);text-transform:uppercase;letter-spacing:.1em;color:#fff3e8;text-shadow:0 4px 0 #5a0c06,0 0 30px rgba(255,120,80,.6);animation:slam .55s cubic-bezier(.2,1.6,.4,1) both .15s}.combat-word .duo{width:clamp(2.6rem,7vw,4.5rem);height:clamp(2.6rem,7vw,4.5rem);color:#ffe0d2}@keyframes slam{0%{transform:scale(2.4);opacity:0}}.combat-sub{position:relative;text-transform:uppercase;letter-spacing:.3em;color:#ffd2c6;animation:fade-up .6s .6s both}.your-turn{position:fixed;left:50%;top:calc(var(--top-h) + 1.2rem);z-index:84;transform:translate(-50%);display:grid;justify-items:center;padding:.7rem 2.4rem;cursor:pointer;border-radius:var(--r-lg);border:1px solid #ffb08a;background:linear-gradient(180deg,#961e0cf2,#460a05f2);box-shadow:0 20px 50px #0009,0 0 40px #ff6e3c80;animation:turn-in 3.2s ease both}@keyframes turn-in{0%{opacity:0;transform:translate(-50%,-20px) scale(.9)}10%{opacity:1;transform:translate(-50%) scale(1.05)}16%{transform:translate(-50%) scale(1)}85%{opacity:1}to{opacity:0}}.your-turn strong{font-family:var(--font-display);font-size:2rem;letter-spacing:.1em;text-transform:uppercase;color:#fff3e8}.yt-eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.2em;color:#ffd2c6}.inv-screen{grid-template-columns:minmax(230px,270px) minmax(0,1fr)}.inv-screen>.item-detail{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:1rem;align-items:start}.inv-screen>.item-detail>*+*{margin-top:0}@media(min-width:1750px){.inv-screen{grid-template-columns:280px minmax(0,1fr) 320px}.inv-screen>.item-detail{grid-column:auto;grid-template-columns:1fr}}@media(max-width:860px){.inv-screen{grid-template-columns:1fr}.inv-screen>.item-detail{grid-template-columns:1fr}}.vital-down.stable{backdrop-filter:grayscale(.45) brightness(.88);-webkit-backdrop-filter:grayscale(.45) brightness(.88);box-shadow:inset 0 0 200px 40px #285a2873}.vital-down.stable .vital-msg{border-color:#8fc27699}@media(max-width:1500px){.topbar .conn>span:last-child{display:none}}.action-card{--dmg: var(--ale);position:relative;border:1px solid var(--line-strong);border-radius:var(--r-md);padding:.6rem .7rem;overflow:hidden;background:linear-gradient(160deg,#281c12eb,#100b08eb);box-shadow:var(--shadow-1)}.action-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--dmg);box-shadow:0 0 14px var(--dmg)}.action-card.t-spell{background:linear-gradient(160deg,#281a38eb,#0e0a14f0);border-color:#c58cff59}.action-card.crit{border-color:#ffd36a;box-shadow:0 0 24px #ffd36a59}.action-card.fumble{filter:saturate(.6)}.ac-head{display:flex;gap:.55rem;align-items:center}.ac-ico{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--dmg);border:1px solid color-mix(in srgb,var(--dmg) 55%,transparent);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--dmg) 30%,transparent),#0006)}.ac-ico svg{width:18px;height:18px}.ac-who{font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint)}.ac-title{font-family:var(--font-display);font-weight:700;font-size:.98rem;line-height:1.2;display:flex;gap:.4rem;align-items:baseline;flex-wrap:wrap}.ac-slot{font-family:var(--font-ui);font-size:.62rem;font-weight:600;padding:0 .35rem;border-radius:99px;border:1px solid rgba(197,140,255,.5);color:#dcc0ff}.ac-sub{font-size:.78rem;color:var(--text-dim)}.ac-body{display:grid;gap:.3rem;margin-top:.45rem}.ac-line{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;padding:.25rem .4rem;border-radius:var(--r-sm);background:#00000040}.ac-line.atk.hit{box-shadow:inset 0 0 0 1px #8fc27673}.ac-line.atk.miss{box-shadow:inset 0 0 0 1px #d0583f59}.ac-lbl{display:inline-flex;gap:.3rem;align-items:center;font-size:.7rem;color:var(--text-dim);min-width:92px}.ac-lbl svg{width:14px;height:14px}.ac-faces{display:inline-flex;gap:3px;align-items:center;flex-wrap:wrap}.ac-face{position:relative;width:24px;height:24px;display:inline-grid;place-items:center;color:var(--text-faint)}.ac-face svg{position:absolute;inset:0;width:100%;height:100%;opacity:.7}.ac-face b{position:relative;font-size:.7rem;color:var(--text)}.ac-face.drop{opacity:.35}.ac-face.nat20 b{color:#ffd36a}.ac-face.nat20 svg{color:#ffd36a;opacity:1}.ac-face.nat1 b{color:var(--ember-ink)}.ac-face.nat1 svg{color:var(--ember);opacity:1}.ac-flat{font-size:.78rem;color:var(--text-dim)}.ac-total{font-family:var(--font-display);font-size:1.35rem;margin-left:auto;line-height:1}.ac-total.dmg{color:var(--dmg);text-shadow:0 0 14px color-mix(in srgb,var(--dmg) 60%,transparent)}.ac-total.heal{color:var(--moss)}.ac-type{font-size:.72rem;color:var(--dmg);text-transform:lowercase}.ac-tag{font-size:.66rem;font-weight:700;padding:.05rem .45rem;border-radius:99px;border:1px solid var(--line-strong);color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.ac-tag.hit{border-color:#8fc27699;color:#bfe3ad}.ac-tag.miss{border-color:#d0583f99;color:var(--ember-ink)}.ac-tag.crit{border-color:#ffd36a;color:#ffe6a6;background:#ffd36a1f;animation:crit-pulse 1.2s ease-in-out infinite}@keyframes crit-pulse{50%{box-shadow:0 0 14px #ffd36a8c}}.ac-dc{display:inline-flex;align-items:baseline;gap:.2rem;font-family:var(--font-display);font-size:1.15rem}.ac-dc small{font-family:var(--font-ui);font-size:.62rem;color:var(--text-faint)}.ac-note{font-size:.78rem;color:var(--ale-2)}.ac-desc{font-size:.78rem;color:var(--text-dim);font-family:var(--font-page);line-height:1.45;margin:.1rem 0 0}.ac-more{background:none;border:0;color:var(--text-faint);font-size:.7rem;text-decoration:underline;cursor:pointer;justify-self:start;padding:0}.action-card.big{width:min(440px,calc(100vw - 32px));padding:1rem 1.1rem}.action-card.big .ac-title{font-size:1.3rem}.action-card.big .ac-total{font-size:2rem}.action-card.big .ac-face{width:32px;height:32px}.action-pop{position:fixed;left:50%;top:calc(var(--top-h) + 1rem);z-index:86;transform:translate(-50%);cursor:pointer;animation:pop-up 6.5s var(--ease) both;filter:drop-shadow(0 20px 40px rgba(0,0,0,.6))}@keyframes pop-up{0%{opacity:0;transform:translate(-50%,-20px) scale(.92)}6%{opacity:1;transform:translate(-50%) scale(1.03)}10%{transform:translate(-50%) scale(1)}88%{opacity:1}to{opacity:0;transform:translate(-50%,-10px)}}.action-banners{position:fixed;right:calc(var(--dock-w) + 1rem);top:calc(var(--top-h) + .8rem);z-index:83;display:grid;gap:.5rem;width:min(340px,calc(100vw - 32px));pointer-events:none}.action-banner{pointer-events:auto;cursor:pointer;animation:banner-in 7s var(--ease) both}@keyframes banner-in{0%{opacity:0;transform:translate(40px)}5%{opacity:1;transform:none}90%{opacity:1}to{opacity:0;transform:translate(20px)}}@media(max-width:1100px){.action-banners{right:16px}}.msg.cast{display:block}.msg.cast .action-card{margin:.1rem 0}.msg.cast.private .action-card{border-style:dashed}.caster-panel{display:grid;gap:.9rem}.caster-stats{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}.caster-stat{display:grid;justify-items:center;min-width:96px;padding:.45rem .7rem;border-radius:var(--r-md);border:1px solid rgba(197,140,255,.3);background:radial-gradient(circle at 50% 0%,#8c5ac838,#00000040)}.caster-stat small{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint)}.caster-stat b{font-family:var(--font-display);font-size:1.7rem;line-height:1.1;color:#e7d3ff;text-shadow:0 0 16px rgba(197,140,255,.45)}.caster-stat select{background:transparent;border:0;color:var(--text);font-size:.8rem;padding:.25rem 0}.conc-chip{display:inline-flex;gap:.45rem;align-items:center;padding:.35rem .6rem;border-radius:99px;border:1px solid rgba(143,224,255,.5);background:#50a0c81f;color:#cdefff;font-size:.8rem;animation:conc 2.4s ease-in-out infinite}.conc-chip svg{width:16px;height:16px}@keyframes conc{50%{box-shadow:0 0 16px #8fe0ff59}}.slot-board{display:flex;gap:.5rem;flex-wrap:wrap}.slot-col{display:grid;justify-items:center;gap:.3rem;padding:.5rem .55rem .4rem;min-width:64px;border-radius:var(--r-md);border:1px solid var(--line);background:#00000040}.slot-col.empty{opacity:.55}.slot-lvl{font-family:var(--font-display);font-weight:700;color:#dcc0ff}.slot-gems{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-width:70px}.slot-gem{width:16px;height:16px;padding:0;cursor:pointer;transform:rotate(45deg);border-radius:3px;border:1px solid #c58cff;background:radial-gradient(circle at 35% 30%,#f0dcff,#a56be8 60%,#5a2f8f);box-shadow:0 0 10px #c58cff99;transition:all .25s var(--ease)}.slot-gem.used{background:#0006;box-shadow:none;opacity:.5}.slot-gem:disabled{cursor:default}.slot-count{font-size:.68rem;color:var(--text-faint)}.slot-count b{color:var(--text)}.spell-group{display:grid;gap:.35rem}.spell-group-head{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-display);font-size:.82rem;color:var(--gold);border-bottom:1px solid var(--line);padding:.3rem 0 .2rem;margin-top:.4rem}.spell-card{--dmg: #c58cff;border-radius:var(--r-md);border:1px solid var(--line);background:#00000038;transition:border-color .2s}.spell-card:hover,.spell-card.open{border-color:color-mix(in srgb,var(--dmg) 45%,transparent)}.spell-card.unprepared{opacity:.7}.spell-row{display:flex;align-items:center;gap:.6rem;padding:.45rem .55rem;flex-wrap:wrap}.spell-name{display:flex;gap:.55rem;align-items:center;flex:1 1 220px;min-width:0;background:none;border:0;color:inherit;text-align:left;cursor:pointer;padding:0}.spell-ico{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--dmg);border:1px solid color-mix(in srgb,var(--dmg) 50%,transparent);background:#00000059}.spell-ico svg{width:16px;height:16px}.spell-title{display:block;font-weight:700}.spell-meta{display:flex;gap:.4rem;flex-wrap:wrap;font-size:.68rem;color:var(--text-faint);align-items:center}.spell-meta .conc{display:inline-flex;align-items:center;gap:2px;color:#a8e4ff}.spell-meta .conc svg{width:11px;height:11px}.cast-chip{padding:0 .4rem;border-radius:99px;border:1px solid var(--line-strong);color:var(--text-dim)}.cast-chip.c-bonus{border-color:#8fc2768c;color:#bfe3ad}.cast-chip.c-reaction{border-color:#8fe0ff8c;color:#c6ecff}.cast-chip.c-action{border-color:#e3a94b8c;color:var(--ale-2)}.spell-line{font-size:.78rem;color:var(--text-dim);display:inline-flex;align-items:center;gap:.35rem}.dmg-dot{width:8px;height:8px;border-radius:50%;background:var(--dmg);box-shadow:0 0 8px var(--dmg)}.spell-detail{padding:.2rem .8rem .8rem;display:grid;gap:.5rem;border-top:1px solid var(--line)}.spell-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.35rem .8rem;margin-top:.5rem}.fact small{display:block;font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint)}.fact span{font-size:.84rem}.spell-desc{font-family:var(--font-page);font-size:.95rem;line-height:1.5;color:var(--text);margin:0}.spell-editor{padding:.6rem .8rem .8rem;border-top:1px solid var(--line)}.slot-pick{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;padding:.4rem .55rem .55rem;border-top:1px dashed var(--line)}.slot-pick-btn{display:grid;justify-items:center;min-width:56px;padding:.25rem .45rem;border-radius:var(--r-sm);cursor:pointer;color:var(--text);border:1px solid rgba(197,140,255,.5);background:#7846b42e}.slot-pick-btn:hover:not(:disabled){background:#965adc59}.slot-pick-btn:disabled{opacity:.4;cursor:default}.slot-pick-btn b{font-family:var(--font-display)}.slot-pick-btn small{font-size:.6rem;color:var(--text-dim)}.slot-pick-btn .up{color:#ffcf8a}.catalog-list{display:grid;gap:.35rem;max-height:60vh;overflow:auto;padding-right:.2rem}.catalog-item{--dmg: #c58cff;display:grid;grid-template-columns:1fr auto;gap:.4rem .6rem;align-items:center;padding:.45rem .55rem;border-radius:var(--r-md);border:1px solid var(--line);background:#0003}.catalog-head{display:flex;gap:.55rem;align-items:center;background:none;border:0;color:inherit;text-align:left;cursor:pointer;padding:0;min-width:0}.rest-row{gap:.35rem}.rest-row .btn svg{width:15px;height:15px}.lock-chip{border-color:#d0583f80;color:var(--ember-ink);display:inline-flex;gap:.3rem;align-items:center}.lock-chip svg{width:13px;height:13px}.attack-bar{display:grid;gap:.6rem}.attack-bar h3{display:inline-flex;gap:.4rem;align-items:center}.attack-bar h3 svg{width:18px;height:18px;color:var(--ale)}.attack-buttons,.act-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.45rem}.attack-btn,.act-opt{display:flex;gap:.55rem;align-items:center;text-align:left;padding:.55rem .7rem;border-radius:var(--r-md);cursor:pointer;color:var(--text);border:1px solid rgba(208,88,63,.4);background:linear-gradient(180deg,#5a1e128c,#1e0c0899);transition:transform .15s var(--ease),box-shadow .2s}.attack-btn:hover:not(:disabled),.act-opt:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 18px #d0583f59}.attack-btn:disabled,.act-opt:disabled{opacity:.5;cursor:default}.attack-btn.ghost,.act-opt.ghost{border-color:var(--line);background:#00000040}.attack-btn svg,.act-opt>svg{width:20px;height:20px;flex:none;color:#ff9c80}.attack-btn b,.act-opt b{display:block}.attack-btn small,.act-opt small{color:var(--text-dim);font-size:.72rem}.atk-bonus{font-family:var(--font-display);font-size:1.15rem;color:var(--ale-2)}.act-opt.spell{border-color:#c58cff59;background:#3c245a59;cursor:default;flex-wrap:wrap}.act-opt.spell>svg{color:#c58cff}.ability-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.6rem}.ability-card{display:grid;gap:.4rem;padding:.65rem .75rem;border-radius:var(--r-md);border:1px solid var(--line-strong);background:linear-gradient(180deg,#3c2a1473,#00000040)}.ability-card.out{opacity:.55}.ability-card p{margin:0}.ability-ico{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid var(--ale);color:var(--ale-2);background:radial-gradient(circle at 35% 30%,#e3a94b59,#0006)}.ability-ico svg{width:18px;height:18px}.res-pip svg{width:14px;height:14px;color:var(--ale-2)}.res-pip.spent svg{color:var(--text-faint);opacity:.5}.weapon-editor{border:1px solid rgba(208,88,63,.35);border-radius:var(--r-md);padding:.6rem .8rem .8rem;display:grid;gap:.5rem}.weapon-editor legend{display:inline-flex;align-items:center;gap:.3rem;padding:0 .3rem;color:#ff9c80}.weapon-editor legend svg{width:14px;height:14px}.weapon-facts{--dmg: var(--ale);display:grid;gap:.15rem;justify-items:center;padding:.45rem;border-radius:var(--r-sm);border:1px solid color-mix(in srgb,var(--dmg) 45%,transparent);background:#00000040;font-size:.8rem}.weapon-facts span:first-child{display:inline-flex;gap:.3rem;align-items:center;color:var(--dmg)}.weapon-facts svg{width:15px;height:15px}.lang-chip{display:inline-flex;gap:.3rem;align-items:center;opacity:.55}.lang-chip svg{width:13px;height:13px}.lang-chip.on{opacity:1;border-color:#8fe0ff8c;color:#d4f1ff;background:#3c78a029}.lang-select.compact{width:auto;min-height:30px;padding:.2rem .5rem;font-size:.78rem}.lang-select.on{border-color:#8fe0ff99;color:#d4f1ff}.bubble.gibberish{font-style:italic;letter-spacing:.04em;color:var(--text-dim);filter:blur(.25px);font-family:var(--font-display)}.lang-tag{display:inline-flex;gap:.25rem;align-items:center;font-size:.66rem;color:#a8e4ff;margin-top:.15rem}.lang-tag.bad{color:var(--text-faint)}.lang-tag svg{width:12px;height:12px}.foreign-note,.veil-note.unreadable{display:flex;gap:.45rem;align-items:center;padding:.5rem .7rem;border-radius:var(--r-md);border:1px dashed rgba(143,224,255,.45);color:#cdeaff;background:#28506e33;font-size:.85rem}.foreign-note svg,.veil-note.unreadable svg{width:18px;height:18px;flex:none}.vellum.foreign .body{font-family:var(--font-display);letter-spacing:.05em;color:#3a2814bf;filter:blur(.3px)}.map-foreign img,.map-foreign canvas{filter:blur(1.6px) saturate(.9)}.lock-card{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.lock-card.on{border-color:#d0583f80;box-shadow:inset 0 0 40px #d0583f1f}.lock-ico{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line-strong);color:var(--ale-2)}.lock-card.on .lock-ico{color:var(--ember-ink);border-color:#d0583f99}.lock-ico svg{width:24px;height:24px}.audit-list{display:grid;gap:.35rem}.audit-row{border:1px solid var(--line);border-radius:var(--r-md);background:#00000038}.audit-row.sus{border-color:#d0583f8c;background:#5a140a40}.audit-row summary{display:flex;gap:.6rem;align-items:center;padding:.5rem .65rem;cursor:pointer;list-style:none}.audit-row summary::-webkit-details-marker{display:none}.audit-ico{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line-strong);color:var(--text-dim);flex:none}.audit-ico svg{width:15px;height:15px}.audit-changes{margin:0 .65rem .6rem;width:calc(100% - 1.3rem);font-size:.8rem}.audit-changes tr.sus td{color:var(--ember-ink)}.audit-changes .from{color:var(--text-faint);text-decoration:line-through}.audit-changes .to{font-weight:600}.battle-empty{display:grid;justify-items:center;gap:.7rem;text-align:center;padding:4rem 1rem}.battle-empty>svg{width:64px;height:64px;color:var(--ale);opacity:.8}.monster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.45rem;margin-top:.4rem}.monster-card{display:flex;gap:.5rem;align-items:center;padding:.5rem .6rem;border-radius:var(--r-md);border:1px solid var(--line);background:#00000040}.monster-card.on{border-color:#d0583f99;background:#64190c4d}.stepper{display:inline-flex;align-items:center;gap:.35rem}.stepper b{min-width:1.2em;text-align:center}.init-board{display:grid;gap:1rem;max-width:640px;margin:0 auto}.init-head{display:flex;gap:.8rem;align-items:center}.init-head>svg{width:44px;height:44px;color:var(--ember)}.init-head h2{font-family:var(--font-display);margin:0}.init-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.init-row{display:flex;gap:.7rem;align-items:center;padding:.5rem .7rem;border-radius:var(--r-md);border:1px solid var(--line);background:#0000004d;transition:all .3s var(--ease)}.init-row.pending{border-style:dashed}.init-row .grow{display:grid}.init-val{font-family:var(--font-display);font-size:1.6rem;color:var(--ale-2);min-width:2ch;text-align:right;animation:pop-num .5s var(--ease)}@keyframes pop-num{0%{transform:scale(1.6);opacity:0}}.init-stage{background:radial-gradient(circle at 50% 45%,#5a140a8c,#000000d1)}.init-prompt{display:grid;justify-items:center;gap:.7rem;text-align:center;padding:2rem 2.4rem;border-radius:var(--r-lg);border:1px solid rgba(255,140,100,.45);background:linear-gradient(180deg,#321409,#100805);box-shadow:0 30px 80px #000000b3,0 0 60px #d0583f4d;animation:init-in .35s var(--ease) both}@keyframes init-in{0%{opacity:0;transform:scale(.9) translateY(10px)}}.init-stage{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.init-prompt h2{font-family:var(--font-display);margin:0}.big-d20{position:relative;width:120px;height:120px;display:grid;place-items:center;border:0;background:none;cursor:pointer;color:var(--ale);transition:transform .2s var(--ease)}.big-d20 svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 18px rgba(227,169,75,.6));animation:d20-bob 2.4s ease-in-out infinite}.big-d20 span{position:relative;font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text)}.big-d20:hover{transform:scale(1.08) rotate(-6deg)}@keyframes d20-bob{50%{transform:translateY(-6px) rotate(4deg)}}.battle{display:grid;gap:.7rem;padding-bottom:12rem}.init-strip{position:sticky;top:0;z-index:5;display:flex;gap:.6rem;align-items:center;padding:.45rem .6rem;border-radius:var(--r-lg);border:1px solid var(--line-strong);background:linear-gradient(180deg,#1e140cf0,#0c0805eb);box-shadow:var(--shadow-1)}.round-badge{display:grid;justify-items:center;min-width:54px;padding:.2rem .4rem;border-radius:var(--r-md);border:1px solid rgba(208,88,63,.55);background:#64190c59}.round-badge small{font-size:.58rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ember-ink)}.round-badge b{font-family:var(--font-display);font-size:1.3rem;line-height:1}.init-chain{display:flex;gap:.35rem;overflow-x:auto;padding:.15rem;scrollbar-width:thin}.init-chip{position:relative;display:grid;justify-items:center;gap:1px;min-width:62px;padding:.3rem .3rem .2rem;border-radius:var(--r-md);cursor:pointer;color:var(--text);border:1px solid var(--line);background:#0000004d;transition:all .3s var(--ease)}.init-chip.npc{border-color:#c0392b59}.init-chip.now{border-color:var(--ale);background:#e3a94b29;box-shadow:0 0 18px var(--ale-glow);transform:translateY(-2px) scale(1.06)}.init-chip.done{opacity:.55}.init-chip.down{opacity:.3;filter:grayscale(1)}.init-chip.target{box-shadow:0 0 0 2px #ff6b52}.init-name{font-size:.64rem;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.init-n{position:absolute;top:-6px;right:-4px;font-size:.62rem;font-weight:700;padding:0 .3rem;border-radius:99px;background:var(--wood-3);border:1px solid var(--line-strong)}.react-used{position:absolute;top:-6px;left:-3px;font-size:.62rem;color:#8fe0ff;opacity:.7}.tok{--tok: var(--ale);width:40px;height:40px;border-radius:50%;overflow:hidden;display:grid;place-items:center;flex:none;border:2px solid var(--tok);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--tok) 45%,#000),#0b0705);color:#fff;font-family:var(--font-display);font-weight:700}.tok img{width:100%;height:100%;object-fit:cover}.tok svg{width:60%;height:60%}.tok.sm{width:30px;height:30px;font-size:.8rem}.tok.md{width:42px;height:42px}.tok.npc{border-radius:30%}.battle-main{display:grid;grid-template-columns:minmax(0,1fr);gap:.7rem;align-items:start}.battle-main.with-gm{grid-template-columns:minmax(0,1fr) 260px}@media(max-width:1200px){.battle-main.with-gm{grid-template-columns:1fr}}.battle-board-wrap{display:grid;gap:.4rem}.battle-board{position:relative;width:min(100%,calc((100vh - var(--top-h) - 20rem) * var(--cols) / var(--rows)));min-width:min(100%,320px);margin:0 auto;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line-strong);box-shadow:var(--shadow-2);background:radial-gradient(ellipse at 50% 40%,#3b3124,#15100b);background-size:cover;background-position:center}.battle-board:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background:radial-gradient(circle at 20% 30%,rgba(90,110,60,.35),transparent 30%),radial-gradient(circle at 75% 65%,rgba(90,110,60,.3),transparent 28%),radial-gradient(circle at 55% 20%,rgba(120,100,70,.3),transparent 25%)}.battle-board.has-map:before{display:none}.battle-board.has-map{background-color:#000}.battle-grid{position:absolute;inset:0;display:grid}.cell{border:0;padding:0;background:transparent;box-shadow:inset 0 0 0 .5px #ffebc817;cursor:default}.battle-board.has-map .cell{box-shadow:inset 0 0 0 .5px #00000040}.cell.reach{cursor:pointer;background:#6ec8ff21;box-shadow:inset 0 0 0 .5px #8cd2ff59}.cell.reach:hover,.cell.reach:focus-visible{background:#8cdcff59;outline:none}.btoken{--tok: var(--ale);position:absolute;aspect-ratio:1;padding:6%;border:0;background:none;cursor:pointer;display:grid;place-items:center;transition:left .45s var(--ease),top .45s var(--ease),filter .3s;z-index:2}.btoken .tok{position:absolute;inset:7%;width:auto;height:auto;box-shadow:0 4px 10px #0009;font-size:clamp(.6rem,1.3vw,1.05rem)}.btoken.active{z-index:3}.btoken.active .tok{box-shadow:0 0 0 3px var(--ale-2),0 0 22px var(--ale);animation:tok-glow 1.6s ease-in-out infinite}@keyframes tok-glow{50%{box-shadow:0 0 0 3px var(--ale-2),0 0 34px var(--ale)}}.btoken.target .tok{box-shadow:0 0 0 3px #ff6b52,0 0 20px #ff6b52cc}.btoken.target:after{content:"";position:absolute;inset:-6%;border-radius:50%;border:2px dashed #ff6b52;animation:spin 6s linear infinite;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}.btoken.moving .tok{outline:2px dashed #8fe0ff;outline-offset:2px}.btoken.down{filter:grayscale(1) brightness(.5)}.btoken.down:before{content:"\2715";position:absolute;inset:0;display:grid;place-items:center;color:#ff6b52;font-size:1.4em;z-index:1}.tok-bar{position:absolute;left:12%;right:12%;bottom:0;height:4px;border-radius:99px;background:#000000b3;overflow:hidden}.tok-bar i{display:block;height:100%;transition:width .4s}.battle-hint{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.target-chip{display:inline-flex;gap:.3rem;align-items:center;padding:.1rem .2rem .1rem .55rem;border-radius:99px;border:1px solid rgba(255,107,82,.6);color:#ffc5b8}.target-chip svg{width:14px;height:14px}.gm-battle{display:grid;gap:.55rem;position:sticky;top:4.5rem;max-height:calc(100vh - var(--top-h) - 6rem);overflow:auto}.gm-clist{display:grid;gap:.3rem}.gm-c{border:1px solid var(--line);border-radius:var(--r-md);background:#00000038}.gm-c.down{opacity:.5}.gm-c-head{display:flex;gap:.45rem;align-items:center;width:100%;padding:.3rem .45rem;background:none;border:0;color:inherit;cursor:pointer;text-align:left}.gm-c-body{padding:.2rem .45rem .5rem}.turn-hud{position:fixed;left:calc(var(--rail-w) + 1rem);right:calc(var(--dock-w) + 1rem);bottom:.8rem;z-index:60;display:grid;gap:.5rem;padding:.7rem .9rem;border-radius:var(--r-lg);border:1px solid var(--line-strong);background:linear-gradient(180deg,#22180ef5,#0c0805f7);box-shadow:0 -10px 40px #0000008c,0 0 0 1px #00000080;animation:hud-in .4s var(--ease) both}@keyframes hud-in{0%{transform:translateY(30px);opacity:0}}@media(max-width:1100px){.turn-hud{left:1rem;right:1rem}}.turn-hud.waiting{display:flex;justify-content:space-between;align-items:center}.turn-hud.off{border-color:#8fe0ff40}.hud-top{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}.hud-name{font-family:var(--font-display);font-size:1.1rem;font-weight:700}.end-turn{font-size:1rem;padding:.6rem 1.1rem;box-shadow:0 0 20px var(--ale-glow)}.end-turn svg{width:18px;height:18px}.econ{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;margin-top:.15rem}.econ-pip{display:inline-flex;gap:.3rem;align-items:center;font-size:1.1rem;line-height:1;transition:all .3s}.econ-pip small{font-size:.68rem;color:var(--text-dim)}.econ-pip.action{color:#6fd36a;text-shadow:0 0 10px rgba(111,211,106,.7)}.econ-pip.bonus{color:#f2b84b;text-shadow:0 0 10px rgba(242,184,75,.7)}.econ-pip.reaction{color:#b98cff;text-shadow:0 0 10px rgba(185,140,255,.7)}.econ-pip.used{color:#4a3c30;text-shadow:none}.econ-pip.used small{text-decoration:line-through;color:var(--text-faint)}.econ-move{display:inline-flex;gap:.35rem;align-items:center;font-size:.78rem}.econ-move svg{width:15px;height:15px;color:#8fe0ff}.mv-bar{width:110px;height:7px;border-radius:99px;background:#0009;overflow:hidden;border:1px solid rgba(143,224,255,.25)}.mv-bar i{display:block;height:100%;background:linear-gradient(90deg,#4fb6e8,#8fe0ff);transition:width .4s var(--ease)}.econ-move small{color:var(--text-faint)}.hud-groups{display:flex;gap:.8rem;flex-wrap:wrap;align-items:flex-end}.hud-group{display:grid;gap:.25rem}.hud-group-lbl{font-size:.6rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-faint)}.hud-btns{display:flex;gap:.3rem;flex-wrap:wrap}.hud-btn{position:relative;width:66px;height:64px;display:grid;place-items:center;align-content:center;gap:2px;padding:.25rem;border-radius:10px;cursor:pointer;color:var(--text);border:1px solid var(--line-strong);background:linear-gradient(180deg,#3c2c1ce6,#140e09f2);transition:transform .12s var(--ease),box-shadow .2s,opacity .2s,filter .2s}.hud-btn svg{width:22px;height:22px}.hud-lbl{font-size:.56rem;line-height:1.1;text-align:center;max-height:2.3em;overflow:hidden}.hud-cost{position:absolute;top:2px;right:4px;font-size:.62rem}.hud-uses{position:absolute;bottom:2px;right:4px;font-size:.6rem;font-weight:700;padding:0 .25rem;border-radius:99px;background:#0009}.hud-btn.cost-action .hud-cost{color:#6fd36a}.hud-btn.cost-bonus .hud-cost{color:#f2b84b}.hud-btn.cost-reaction .hud-cost{color:#b98cff}.hud-btn.ready.cost-action{border-color:#6fd36a8c;box-shadow:0 0 12px #6fd36a2e inset}.hud-btn.ready.cost-bonus{border-color:#f2b84b99;box-shadow:0 0 12px #f2b84b33 inset}.hud-btn.ready.cost-reaction{border-color:#b98cff99;box-shadow:0 0 12px #b98cff33 inset}.hud-btn.ready.cost-free,.hud-btn.ready.cost-move{border-color:#8fe0ff73}.hud-btn.ready:hover{transform:translateY(-3px);filter:brightness(1.2)}.hud-btn.off{opacity:.28;filter:grayscale(.9);cursor:not-allowed}.hud-btn[aria-busy=true]{animation:crit-pulse .8s ease-in-out infinite}.hud-extra{display:inline-flex;gap:.3rem;align-items:center;color:var(--text-dim)}.hud-down{display:flex;gap:.7rem;align-items:center;padding:.5rem;border-radius:var(--r-md);background:#64140a59}.hud-down>svg{width:26px;height:26px;color:var(--ember)}.act-picker{display:grid;gap:.5rem;padding:.6rem;border-radius:var(--r-md);border:1px solid var(--line-strong);background:#0006;max-height:40vh;overflow:auto}.turn-banner{position:fixed;left:0;right:0;top:34%;z-index:85;display:flex;gap:1.2rem;align-items:center;justify-content:center;flex-direction:column;pointer-events:auto;cursor:pointer;padding:1.2rem 1rem;background:linear-gradient(90deg,transparent,rgba(10,6,3,.88) 20%,rgba(10,6,3,.88) 80%,transparent);animation:tb-in 2.2s var(--ease) both}.turn-banner.mine{animation-duration:3s;background:linear-gradient(90deg,transparent,rgba(90,30,10,.9) 20%,rgba(90,30,10,.9) 80%,transparent)}.turn-banner strong{font-family:var(--font-display);font-size:clamp(1.8rem,5vw,3.4rem);letter-spacing:.14em;text-transform:uppercase;color:#fff3e0;text-shadow:0 0 30px rgba(227,169,75,.7)}.turn-banner strong em{font-style:normal;color:var(--ale-2)}.turn-banner.mine strong{color:#ffe9d2;text-shadow:0 0 40px rgba(255,120,60,.9)}.tb-line{width:min(520px,70vw);height:1px;background:linear-gradient(90deg,transparent,var(--ale),transparent)}.tb-round{font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ember-ink)}.turn-banner{gap:.5rem}@keyframes tb-in{0%{opacity:0;transform:scaleY(.3)}10%{opacity:1;transform:scaleY(1.05)}15%{transform:none}85%{opacity:1}to{opacity:0;transform:translateY(-14px)}}@media(prefers-reduced-motion:reduce){.turn-banner,.action-pop,.action-banner,.turn-hud{animation-duration:.01s!important}.btoken{transition:none}}.composer .lang-select.compact{max-width:120px}.composer-opts{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:space-between;align-items:center}.btoken{padding:0;touch-action:none}.btoken .tok{inset:6%}.battle-board.dragging{cursor:grabbing}.btoken.me,.battle-board .btoken.active.me{cursor:grab}.tok-conds{position:absolute;top:-4%;right:-6%;display:flex;gap:1px;z-index:2}.tok-conds i{width:clamp(12px,1.4vw,18px);height:clamp(12px,1.4vw,18px);display:grid;place-items:center;border-radius:50%;background:#3a1b4f;border:1px solid #c58cff;color:#f0dcff}.tok-conds svg{width:70%;height:70%}.drag-path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}.drag-path line{stroke-width:.08;stroke-dasharray:.2 .12;stroke-linecap:round}.drag-path line.ok{stroke:#8fe0ff}.drag-path line.bad{stroke:#ff6b52}.drag-ghost{position:absolute;aspect-ratio:1;z-index:5;pointer-events:none;opacity:.85}.drag-ghost .tok{position:absolute;inset:6%;width:auto;height:auto;box-shadow:0 0 0 2px #8fe0ff,0 0 18px #8fe0ffb3}.drag-ghost.bad .tok{box-shadow:0 0 0 2px #ff6b52,0 0 18px #ff6b5299;filter:grayscale(.6)}.drag-ghost b{position:absolute;left:50%;top:-1.4em;transform:translate(-50%);white-space:nowrap;font-size:.72rem;padding:0 .35rem;border-radius:99px;background:#000c;color:#c6ecff}.drag-ghost.bad b{color:#ffb4a4}.float{position:absolute;z-index:6;pointer-events:none;transform:translate(-50%);font-family:var(--font-display);font-weight:800;font-size:clamp(.9rem,1.8vw,1.5rem);white-space:nowrap;text-shadow:0 2px 0 #000,0 0 12px rgba(0,0,0,.8);animation:float-up 1.9s var(--ease) both}.float.dmg{color:#ff6b52}.float.dmg.crit{color:#ffd36a;font-size:clamp(1.1rem,2.4vw,2rem)}.float.heal{color:#8fe08a}.float.miss{color:#d8cbb6;font-style:italic}.float.roll{color:#f4cd82;font-size:clamp(.75rem,1.3vw,1.05rem);transform:translate(-50%,-110%)}.float.roll.crit{color:#ffe27a}.float.roll.fumble{color:#ff8a6e}@keyframes float-up{0%{opacity:0;translate:0 10px;scale:.7}12%{opacity:1;translate:0 -6px;scale:1.15}20%{scale:1}80%{opacity:1}to{opacity:0;translate:0 -40px}}.hud-incap{display:flex;gap:.8rem;align-items:center;padding:.6rem .7rem;border-radius:var(--r-md);border:1px solid rgba(197,140,255,.5);background:radial-gradient(circle at 10% 50%,#7846be59,#140a1e80)}.hud-incap-ico{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;color:#f0dcff;border:1px solid #c58cff;animation:stun-spin 3s linear infinite}.hud-incap-ico svg{width:24px;height:24px}@keyframes stun-spin{to{transform:rotate(360deg)}}.grid-size{gap:.3rem;align-items:center}.grid-size .input{width:58px;padding:.25rem .4rem}.downed{position:fixed;inset:0;z-index:88;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#2800008c,#000000e6);backdrop-filter:grayscale(1) blur(2px);-webkit-backdrop-filter:grayscale(1) blur(2px)}.downed.stable{background:radial-gradient(circle at 50% 45%,#0a280f80,#000000e0)}.downed.dead{background:radial-gradient(circle at 50% 45%,#14141499,#000000f2)}.downed-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 220px 80px #7800008c;animation:heartbeat-v 1.4s ease-in-out infinite}.downed.stable .downed-vignette{box-shadow:inset 0 0 220px 60px #1e5a2859;animation:none}.downed.dead .downed-vignette{animation:none;box-shadow:inset 0 0 240px 100px #000}.downed.ok .downed-vignette{box-shadow:inset 0 0 240px 80px #50c86480}.downed.bad .downed-vignette{box-shadow:inset 0 0 260px 110px #c80000cc}@keyframes heartbeat-v{0%,to{opacity:.7}14%{opacity:1}28%{opacity:.75}42%{opacity:1}}.downed-card{position:relative;display:grid;justify-items:center;gap:.7rem;text-align:center;width:min(460px,calc(100vw - 32px));padding:2rem 1.8rem;border-radius:var(--r-lg);border:1px solid rgba(208,88,63,.5);background:linear-gradient(180deg,#280a08f2,#0a0403f7);box-shadow:0 30px 80px #000c}.downed.stable .downed-card{border-color:#8fc27680}.downed-card h2{font-family:var(--font-display);font-size:2rem;letter-spacing:.08em;margin:0}.downed-heart{width:92px;height:92px;color:#d0583f;filter:drop-shadow(0 0 18px rgba(208,88,63,.8));animation:heartbeat 1.4s ease-in-out infinite}.downed-heart svg{width:100%;height:100%;fill:#d0583f59}.downed-heart.stable{color:#8fc276;filter:drop-shadow(0 0 14px rgba(143,194,118,.7));animation-duration:2.4s}.downed-heart.dead{color:#555;filter:none;animation:none}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.18)}28%{transform:scale(1)}42%{transform:scale(1.12)}70%{transform:scale(1)}}.downed-marks{display:grid;gap:.45rem}.dm-row{display:flex;gap:.5rem;align-items:center;justify-content:center}.dm-row span{width:72px;text-align:right;font-size:.75rem;color:var(--text-dim)}.dm-row i{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:2px solid rgba(255,255,255,.15);color:#fff3;transition:all .4s var(--ease)}.dm-row i svg{width:22px;height:22px}.dm-row.ok i.on{border-color:#8fc276;color:#c9f0b5;background:#5aa04659;box-shadow:0 0 18px #8fc276b3;animation:mark-in .5s var(--ease)}.dm-row.bad i.on{border-color:#d0583f;color:#ffb4a4;background:#a0281466;box-shadow:0 0 18px #d0583fcc;animation:mark-in .5s var(--ease)}@keyframes mark-in{0%{transform:scale(1.8)}}.death-btn{display:inline-flex;gap:.6rem;align-items:center;padding:.9rem 1.6rem;border-radius:99px;border:2px solid #ffd36a;cursor:pointer;color:#2a1405;font-family:var(--font-display);font-weight:800;font-size:1.15rem;letter-spacing:.05em;background:linear-gradient(180deg,#ffe08a,#e3a94b);box-shadow:0 0 0 4px #ffd36a33,0 0 40px #ffbe50b3;animation:death-glow 1.6s ease-in-out infinite}.death-btn svg{width:30px;height:30px}.death-btn:hover:not(:disabled){transform:scale(1.05)}.death-btn.wait{background:#ffffff0f;color:var(--text-dim);border-color:#fff3;box-shadow:none;animation:none;cursor:default}@keyframes death-glow{50%{box-shadow:0 0 0 8px #ffd36a1f,0 0 70px #ffbe50f2}}.downed-last{font-family:var(--font-display);font-size:1.1rem}.downed-last.ok{color:#c9f0b5}.downed-last.bad{color:#ffb4a4}.cond-fx{position:fixed;inset:0;z-index:54;pointer-events:none}.cfx{position:absolute;inset:0}.cfx-stun{box-shadow:inset 0 0 160px 40px #9664ff59;animation:wobble 4s ease-in-out infinite}.cfx-stun i{position:absolute;top:9%;left:50%;width:22px;height:22px;margin-left:-11px;background:radial-gradient(circle,#fff6b0 20%,#ffd36a 45%,transparent 70%);border-radius:50%;animation:orbit 2.6s linear infinite}.cfx-stun i:nth-child(2){animation-delay:-.52s}.cfx-stun i:nth-child(3){animation-delay:-1.04s}.cfx-stun i:nth-child(4){animation-delay:-1.56s}.cfx-stun i:nth-child(5){animation-delay:-2.08s}@keyframes orbit{0%{transform:rotate(0) translate(110px) rotate(0) scaleY(.5)}to{transform:rotate(360deg) translate(110px) rotate(-360deg) scaleY(.5)}}@keyframes wobble{25%{filter:hue-rotate(15deg);transform:rotate(.4deg)}75%{transform:rotate(-.4deg)}}.cfx-poison{background:radial-gradient(circle at 50% 50%,transparent 40%,rgba(70,160,40,.35) 100%);animation:poison 3.5s ease-in-out infinite;mix-blend-mode:screen}@keyframes poison{50%{opacity:.55;filter:blur(1px)}}.cfx-fear{box-shadow:inset 0 0 220px 90px #140028d9;animation:fear 1.2s ease-in-out infinite}@keyframes fear{50%{box-shadow:inset 0 0 260px 120px #140028f2}}.cfx-blind{background:radial-gradient(circle at 50% 50%,#0000008c 10%,#000000f0 60%);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.cfx-prone{box-shadow:inset 0 -120px 120px -40px #3c2814b3}.cfx-paralyze{background:linear-gradient(180deg,#96d2ff2e,#78b4ff1a);box-shadow:inset 0 0 160px 30px #aadcff8c}.cfx-stone{backdrop-filter:grayscale(1) contrast(1.1);-webkit-backdrop-filter:grayscale(1) contrast(1.1);box-shadow:inset 0 0 200px 60px #5a5a5ab3}.cfx-charm{box-shadow:inset 0 0 200px 40px #ff6ebe4d}.cfx-charm i{position:absolute;bottom:-20px;width:18px;height:18px;background:#ff7ad9;transform:rotate(45deg);opacity:.6;animation:heart-rise 6s linear infinite}.cfx-charm i:before,.cfx-charm i:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:inherit}.cfx-charm i:before{left:-9px}.cfx-charm i:after{top:-9px}.cfx-charm i:nth-child(1){left:12%}.cfx-charm i:nth-child(2){left:38%;animation-delay:-1.5s}.cfx-charm i:nth-child(3){left:66%;animation-delay:-3s}.cfx-charm i:nth-child(4){left:88%;animation-delay:-4.5s}@keyframes heart-rise{to{transform:translateY(-110vh) rotate(45deg);opacity:0}}.cfx-restrain,.cfx-grapple{box-shadow:inset 0 0 0 10px #78645080,inset 0 0 120px 30px #3c322899}.cfx-invisible{backdrop-filter:saturate(.6) brightness(1.08);-webkit-backdrop-filter:saturate(.6) brightness(1.08);box-shadow:inset 0 0 120px 20px #b4dcff40;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{50%{opacity:.5}}.cfx-deaf{box-shadow:inset 0 0 140px 20px #28283c80}.cfx-sleep{background:#00000a99}.cfx-rage{box-shadow:inset 0 0 180px 50px #dc281473;animation:rage .9s ease-in-out infinite}@keyframes rage{50%{box-shadow:inset 0 0 220px 70px #ff3c1499}}.cond-pop{position:fixed;inset:0;z-index:87;display:grid;place-items:center;pointer-events:auto;cursor:pointer;background:#00000073;animation:cond-bg 5.2s ease both}@keyframes cond-bg{0%{opacity:0}6%{opacity:1}88%{opacity:1}to{opacity:0}}.cond-pop-card{display:grid;justify-items:center;gap:.6rem;max-width:min(460px,calc(100vw - 32px));text-align:center;padding:1.6rem 2rem;border-radius:var(--r-lg);border:1px solid rgba(197,140,255,.6);background:linear-gradient(180deg,#28163cf7,#0e0816fa);box-shadow:0 30px 80px #000000b3,0 0 60px #965aff59;animation:cond-in .6s var(--ease) both}@keyframes cond-in{0%{transform:scale(.6) rotate(-4deg);opacity:0}60%{transform:scale(1.06) rotate(1deg);opacity:1}to{transform:none}}.cond-pop-card strong{font-family:var(--font-display);font-size:1.9rem;letter-spacing:.04em}.cond-pop-card p{margin:0;color:var(--text-dim)}.cond-pop-ico{width:84px;height:84px;display:grid;place-items:center;border-radius:50%;color:#f0dcff;border:2px solid #c58cff;box-shadow:0 0 30px #c58cff99;animation:stun-spin 4s linear infinite}.cond-pop-ico svg{width:44px;height:44px}.cond-pop.c-poison .cond-pop-card{border-color:#78d25a99;background:linear-gradient(180deg,#14320ff7,#081206fa);box-shadow:0 0 60px #64c84659}.cond-pop.c-poison .cond-pop-ico{border-color:#8fd36a;color:#d9f7c8}.cond-pop.c-fear .cond-pop-card,.cond-pop.c-blind .cond-pop-card{border-color:#78788c80;background:linear-gradient(180deg,#120a1c,#050308)}.cond-pop.c-charm .cond-pop-card{border-color:#ff7ad999;background:linear-gradient(180deg,#3c0f2df7,#160610fa)}.cond-pop.c-paralyze .cond-pop-card{border-color:#8fe0ff99;background:linear-gradient(180deg,#0f283cf7,#050e16fa)}.cond-pop.c-rage .cond-pop-card{border-color:#ff5a32b3;background:linear-gradient(180deg,#460c06f7,#180402fa);box-shadow:0 0 70px #ff461e80}.status-banners{position:fixed;left:50%;top:calc(var(--top-h) + .8rem);transform:translate(-50%);z-index:84;display:grid;gap:.4rem;justify-items:center;pointer-events:none}.status-banner{padding:.45rem 1.2rem;border-radius:99px;font-family:var(--font-display);font-weight:700;letter-spacing:.03em;color:#f0dcff;white-space:nowrap;border:1px solid rgba(197,140,255,.55);background:#1e102ef0;box-shadow:0 10px 30px #0000008c;animation:status-in 4.8s var(--ease) both}.status-banner.c-down{color:#ffb4a4;border-color:#d0583f99;background:#320a06f2}.status-banner.c-level{color:#ffe9b0;border-color:#ffd36ab3;background:#322208f2;box-shadow:0 0 30px #ffc85a66}.status-banner.c-poison{color:#d9f7c8;border-color:#78d25a99;background:#10280cf2}.status-banner.c-rage{color:#ffc0a8;border-color:#ff5a3299;background:#3c0c06f2}@keyframes status-in{0%{opacity:0;transform:translateY(-16px) scale(.9)}7%{opacity:1;transform:none}88%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.victory{position:fixed;inset:0;z-index:86;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#50370a8c,#000000d1);animation:cond-bg 30s ease both}.victory-rays{position:absolute;width:900px;height:900px;background:conic-gradient(from 0deg,transparent 0 8deg,rgba(255,211,106,.14) 8deg 14deg,transparent 14deg 30deg);border-radius:50%;animation:stun-spin 30s linear infinite;mask-image:radial-gradient(circle,#000 20%,transparent 65%);-webkit-mask-image:radial-gradient(circle,#000 20%,transparent 65%)}.victory-card{position:relative;display:grid;justify-items:center;gap:.6rem;text-align:center;padding:1.8rem 2.2rem;border-radius:var(--r-lg);width:min(520px,calc(100vw - 32px));border:1px solid rgba(255,211,106,.6);background:linear-gradient(180deg,#322208f7,#100a03fa);box-shadow:0 30px 80px #000000b3,0 0 80px #ffbe504d;animation:cond-in .7s var(--ease) both}.victory-word{font-family:var(--font-display);font-size:clamp(2.4rem,7vw,4rem);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ffe9b0;text-shadow:0 0 40px rgba(255,200,90,.8)}.victory-enemies{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:center}.victory-enemies svg{width:12px;height:12px}.victory-xp{font-family:var(--font-display);font-size:1.8rem;color:#c6a8ff;text-shadow:0 0 20px rgba(160,110,255,.6)}.victory-xp small{font-size:.8rem;color:var(--text-dim)}.xpbar{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.xp-lv{display:grid;place-items:center;min-width:38px;height:38px;padding:0 .3rem;border-radius:10px;font-family:var(--font-display);font-weight:800;font-size:1.1rem;line-height:1;color:#e7d3ff;border:1px solid rgba(160,110,255,.6);background:radial-gradient(circle at 50% 20%,#9664ff73,#140a28e6);box-shadow:0 0 14px #8c5aff4d}.xp-lv small{font-size:.5rem;letter-spacing:.1em;text-transform:uppercase;color:#b9a2e8}.xp-lv.next{opacity:.55;border-style:dashed}.xp-track{position:relative;flex:1 1 160px;height:18px;border-radius:99px;overflow:hidden;background:#0000008c;border:1px solid rgba(160,110,255,.35);box-shadow:inset 0 2px 6px #0009}.xp-fill{position:absolute;inset:0 auto 0 0;border-radius:99px;background:linear-gradient(90deg,#6a3fd0,#9f6bff 60%,#d9b8ff);box-shadow:0 0 14px #a06effcc;transition:width 1.4s var(--ease);overflow:hidden}.xp-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%) 0 0 / 200% 100%;animation:xp-shine 2.8s linear infinite}@keyframes xp-shine{0%{background-position:200% 0}to{background-position:-200% 0}}.xp-ticks{position:absolute;inset:0;display:flex;justify-content:space-evenly;pointer-events:none}.xp-ticks b{width:1px;background:#ffffff1f}.xp-text{position:absolute;inset:0;display:grid;place-items:center;font-size:.66rem;font-weight:700;letter-spacing:.04em;color:#fff;text-shadow:0 1px 2px #000}.xp-need{font-size:.7rem;color:var(--text-dim)}.xp-need b{color:#d9c4ff}.xpbar.ready .xp-track{border-color:#ffd36a;box-shadow:0 0 18px #ffd36a8c;animation:crit-pulse 1.4s ease-in-out infinite}.xpbar.ready .xp-fill{background:linear-gradient(90deg,#c47d22,#ffd36a,#fff3c2)}.xp-up{animation:death-glow 1.6s ease-in-out infinite}.xpbar.compact .xp-lv{min-width:26px;height:26px;font-size:.8rem;border-radius:7px}.xpbar.compact .xp-track{height:8px;flex-basis:80px}.xp-gain{position:fixed;left:50%;top:26%;z-index:86;transform:translate(-50%);display:grid;justify-items:center;gap:.45rem;width:min(420px,calc(100vw - 32px));padding:1.2rem 1.6rem;cursor:pointer;border-radius:var(--r-lg);border:1px solid rgba(160,110,255,.55);background:linear-gradient(180deg,#1e1038f5,#0a0514f7);box-shadow:0 25px 70px #000000b3,0 0 60px #8c5aff59;animation:pop-up 4.6s var(--ease) both}.xp-gain.ready{animation:cond-in .6s var(--ease) both;border-color:#ffd36a;box-shadow:0 25px 70px #000000b3,0 0 80px #ffc85a73}.xp-gain-num{font-family:var(--font-display);font-size:2.8rem;font-weight:800;color:#e7d3ff;text-shadow:0 0 30px rgba(160,110,255,.9);line-height:1}.xp-gain-num small{font-size:1.1rem;color:#b9a2e8}.xp-gain-reason{font-size:.85rem;color:var(--text-dim)}.xp-gain-bar{width:100%;height:12px;border-radius:99px;overflow:hidden;background:#0009;border:1px solid rgba(160,110,255,.4)}.xp-gain-bar i{display:block;height:100%;background:linear-gradient(90deg,#6a3fd0,#9f6bff,#d9b8ff);box-shadow:0 0 12px #a06effcc;transition:width 1.6s var(--ease)}.xp-gain-up{animation:death-glow 1.6s ease-in-out infinite}.lvl-stage{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at 50% 30%,#3c286e8c,#000000e6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.lvl{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(1180px,100%);height:min(860px,100%);border-radius:var(--r-lg);overflow:hidden;border:1px solid rgba(197,160,255,.45);background:linear-gradient(180deg,#1a1228f7,#0a0710fa);box-shadow:0 40px 100px #000c;animation:init-in .4s var(--ease) both}.lvl-head{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.3rem;border-bottom:1px solid rgba(197,160,255,.2);background:linear-gradient(90deg,rgba(120,80,200,.25),transparent)}.lvl-title{font-family:var(--font-display);margin:.1rem 0 0;display:flex;align-items:center;gap:.6rem;font-size:1.8rem}.lvl-title span{color:var(--text-faint)}.lvl-title b{color:#ffe9b0;font-size:2.4rem;text-shadow:0 0 24px rgba(255,200,90,.7)}.lvl-title svg{width:26px;height:26px;color:#c6a8ff}.lvl-body{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:0}@media(max-width:860px){.lvl-body{grid-template-columns:1fr;overflow:auto}}.lvl-gains{padding:1rem 1.1rem;overflow:auto;border-right:1px solid rgba(197,160,255,.15);background:#0003;display:grid;align-content:start;gap:.6rem}.lvl-gains h3{font-family:var(--font-display);margin:0}.lvl-hp{display:flex;gap:.6rem;align-items:center;padding:.6rem;border-radius:var(--r-md);border:1px solid rgba(208,88,63,.35);background:#50140a33}.lvl-hp-ico{width:40px;height:40px;display:grid;place-items:center;color:#ff8a6e}.lvl-hp-ico svg{width:30px;height:30px;animation:heartbeat 2s ease-in-out infinite}.lvl-hp .seg button{display:inline-flex;gap:.3rem;align-items:center}.lvl-hp .seg svg{width:16px;height:16px}.lvl-gain{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;font-size:.85rem}.lvl-gain svg{width:16px;height:16px;color:#c6a8ff}.lvl-feat{padding:.5rem .6rem;border-radius:var(--r-sm);border-left:3px solid #c6a8ff;background:#7850c81f}.lvl-feat b{margin-right:.4rem}.lvl-feat p{margin:.2rem 0 0;color:var(--text-dim)}.lvl-choices{padding:1rem 1.2rem;overflow:auto;display:grid;align-content:start;gap:.8rem}.lvl-tabs{display:flex;gap:.3rem;flex-wrap:wrap}.lvl-tabs button{padding:.45rem .9rem;border-radius:99px;border:1px solid rgba(197,160,255,.3);background:#0000004d;color:var(--text-dim);cursor:pointer;font-weight:600}.lvl-tabs button.on{color:#fff;border-color:#c6a8ff;background:#7850c859;box-shadow:0 0 14px #a06eff59}.lvl-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.5rem}.lvl-abs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem}@media(max-width:700px){.lvl-abs{grid-template-columns:repeat(3,1fr)}}.lvl-ab{position:relative;display:grid;justify-items:center;gap:.1rem;padding:.7rem .3rem;border-radius:var(--r-md);border:1px solid var(--line-strong);background:#0000004d;color:var(--text);cursor:pointer;transition:all .2s}.lvl-ab small{font-size:.65rem;color:var(--text-dim);letter-spacing:.1em}.lvl-ab b{font-family:var(--font-display);font-size:1.7rem;line-height:1}.lvl-ab i{font-style:normal;font-size:.75rem;color:var(--text-dim)}.lvl-ab em{position:absolute;top:4px;right:6px;font-style:normal;font-weight:800;font-size:.75rem;color:#ffd36a}.lvl-ab.on{border-color:#ffd36a;background:#785a1459;box-shadow:0 0 16px #ffd36a59}.lvl-ab:disabled{opacity:.45;cursor:default}.lvl-foot{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:.8rem 1.2rem;border-top:1px solid rgba(197,160,255,.2);background:#0000004d;flex-wrap:wrap}.lvl-done{position:relative;display:grid;justify-items:center;gap:.6rem;text-align:center;width:min(480px,100%);padding:2rem;border-radius:var(--r-lg);overflow:hidden;border:1px solid rgba(255,211,106,.6);background:linear-gradient(180deg,#281a46f7,#0c0816fa);box-shadow:0 0 90px #ffc85a59;animation:cond-in .7s var(--ease) both}.lvl-rays{position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent 0 8deg,rgba(255,211,106,.12) 8deg 14deg,transparent 14deg 30deg);animation:stun-spin 24s linear infinite;pointer-events:none}.lvl-big{position:relative;font-family:var(--font-display);font-size:5rem;font-weight:800;line-height:.9;color:#ffe9b0;text-shadow:0 0 40px rgba(255,200,90,.9);display:grid}.lvl-big small{font-size:.9rem;letter-spacing:.3em;text-transform:uppercase;color:#c6a8ff}.lvl-gained{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:.3rem}.lvl-gained li{display:flex;gap:.4rem;align-items:center;justify-content:center}.lvl-gained svg{width:14px;height:14px;color:#ffd36a}.wiz{position:fixed;inset:0;z-index:90;display:grid;grid-template-columns:220px minmax(0,1fr) 300px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top top top" "rail main preview" "foot foot foot";background:#0b0806}.wiz-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,rgba(120,80,30,.35),transparent 60%),radial-gradient(ellipse at 100% 100%,rgba(80,40,120,.25),transparent 50%)}.wiz-loading{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:#000c}.wiz-top{grid-area:top;position:relative;display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;border-bottom:1px solid var(--line)}.wiz-title{display:flex;gap:.5rem;align-items:center;font-family:var(--font-display);font-size:1.2rem}.wiz-title svg{width:22px;height:22px;color:var(--ale)}.wiz-rail{grid-area:rail;position:relative;display:grid;align-content:start;gap:.3rem;padding:1rem .7rem;border-right:1px solid var(--line);overflow:auto}.wiz-step{display:flex;gap:.6rem;align-items:center;padding:.6rem .7rem;border-radius:var(--r-md);border:1px solid transparent;background:none;color:var(--text-dim);cursor:pointer;text-align:left;font-weight:600}.wiz-step:disabled{opacity:.35;cursor:default}.wiz-step-ico{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line-strong);flex:none}.wiz-step-ico svg{width:16px;height:16px}.wiz-step.on{color:#fff;border-color:#e9a94580;background:#e9a9451a}.wiz-step.on .wiz-step-ico{border-color:var(--ale);color:var(--ale-2);box-shadow:0 0 12px var(--ale-glow)}.wiz-step.done .wiz-step-ico{border-color:var(--moss);color:var(--moss)}.wiz-main{grid-area:main;position:relative;overflow:auto;padding:1.2rem 1.6rem 2rem;display:grid;align-content:start;gap:.8rem}.wiz-h{font-family:var(--font-display);font-size:1.7rem;margin:0}.wiz-h3{font-family:var(--font-display);font-size:1.05rem;margin:.5rem 0 0;color:var(--gold)}.wiz-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.55rem}.wiz-cards.small{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.wiz-card{position:relative;display:grid;align-content:start;gap:.3rem;padding:.8rem .85rem;border-radius:var(--r-md);border:1px solid var(--line-strong);text-align:left;color:var(--text);cursor:pointer;background:linear-gradient(180deg,#322416b3,#100b07d9);transition:transform .15s var(--ease),border-color .2s,box-shadow .2s}.wiz-card:hover:not(:disabled){transform:translateY(-2px);border-color:#e9a9458c}.wiz-card.on{border-color:var(--ale);box-shadow:0 0 0 1px var(--ale),0 0 24px var(--ale-glow);background:linear-gradient(180deg,#5a3c16cc,#1e1409e6)}.wiz-card:disabled{opacity:.45;cursor:default}.wiz-card b{font-family:var(--font-display);font-size:1.05rem}.wiz-card.class{padding-top:.6rem}.wiz-card-ico{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(233,169,69,.5);color:var(--ale-2);background:#00000059}.wiz-card-ico svg{width:22px;height:22px}.wiz-tags{display:flex;gap:.25rem;flex-wrap:wrap}.wiz-tags i{font-style:normal;font-size:.66rem;font-weight:700;padding:0 .4rem;border-radius:99px;border:1px solid var(--line-strong);color:var(--ale-2)}.wiz-chips{display:flex;gap:.3rem;flex-wrap:wrap;align-items:center}.wiz-info{padding:.7rem .9rem;border-radius:var(--r-md);border:1px solid var(--line);background:#0000004d}.wiz-feats{margin:.4rem 0 0;padding-left:1.1rem;display:grid;gap:.25rem;font-size:.88rem;color:var(--text-dim)}.wiz-feats b{color:var(--text)}.wiz-abilities{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem}@media(max-width:1100px){.wiz-abilities{grid-template-columns:repeat(3,1fr)}}.wiz-ab{display:grid;justify-items:center;gap:.3rem;padding:.7rem .4rem;border-radius:var(--r-md);border:1px solid var(--line-strong);background:#00000059}.wiz-ab.primary{border-color:#e9a9458c;box-shadow:0 0 14px #e9a94526}.wiz-ab .lbl{display:inline-flex;gap:.25rem;align-items:center;font-size:.78rem;color:var(--text-dim)}.wiz-ab .lbl svg{width:12px;height:12px;color:var(--ale)}.wiz-ab-base{font-family:var(--font-display);font-size:1.4rem;min-width:2ch;text-align:center}.wiz-ab-bonus{font-size:.7rem;color:#8fe08a}.wiz-ab-bonus.none{color:var(--text-faint)}.wiz-ab-final{display:grid;justify-items:center;padding:.25rem .6rem;border-radius:var(--r-sm);background:#e9a9451f}.wiz-ab-final b{font-family:var(--font-display);font-size:1.6rem;line-height:1;color:var(--ale-2)}.wiz-ab-final small{font-size:.75rem}.wiz-skills{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.35rem}.wiz-skill{display:flex;gap:.5rem;align-items:center;padding:.5rem .6rem;border-radius:var(--r-sm);border:1px solid var(--line);background:#0000004d;color:var(--text);cursor:pointer;text-align:left}.wiz-skill .tiny{margin-left:auto}.wiz-skill-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--line-strong);flex:none}.wiz-skill.on .wiz-skill-dot{background:var(--ale);border-color:var(--ale);box-shadow:0 0 8px var(--ale-glow)}.wiz-skill.on{border-color:#e9a94573}.wiz-skill.fixed{opacity:.85;cursor:default}.wiz-skill:disabled:not(.fixed){opacity:.35}.wiz-spells{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.35rem}.wiz-spell{display:grid;grid-template-columns:auto 1fr;gap:.1rem .5rem;align-items:center;padding:.5rem .6rem;border-radius:var(--r-sm);border:1px solid rgba(197,140,255,.25);background:#28183c59;color:var(--text);cursor:pointer;text-align:left}.wiz-spell svg{width:16px;height:16px;color:#c58cff}.wiz-spell-hint{grid-column:1 / -1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wiz-spell.on{border-color:#c58cff;background:#7846be66;box-shadow:0 0 14px #c58cff59}.wiz-spell:disabled{opacity:.35;cursor:default}.wiz-equip{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center;padding:.5rem;border-radius:var(--r-sm);background:#00000040}.wiz-equip .input{width:auto}.wiz-name{font-family:var(--font-display);font-size:1.6rem}.wiz-preview{grid-area:preview;position:relative;overflow:auto;padding:1.2rem 1rem;border-left:1px solid var(--line);background:#0000004d;display:grid;align-content:start;gap:.6rem;justify-items:center;text-align:center}.wiz-portrait{width:110px;height:110px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--ale);background:radial-gradient(circle at 40% 30%,#e9a94559,#120c08);box-shadow:0 0 30px var(--ale-glow);font-family:var(--font-display);font-size:3rem}.wiz-pname{font-family:var(--font-display);margin:0;font-size:1.4rem}.wiz-pstats{display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem;width:100%}.wiz-pstats span{display:grid;justify-items:center;padding:.35rem .2rem;border-radius:var(--r-sm);background:#00000059;border:1px solid var(--line)}.wiz-pstats svg{width:16px;height:16px;color:var(--ale)}.wiz-pstats b{font-family:var(--font-display);font-size:1.15rem}.wiz-pstats small{font-size:.6rem;color:var(--text-dim)}.wiz-pabs{display:grid;grid-template-columns:repeat(6,1fr);gap:.2rem;width:100%}.wiz-pabs span{display:grid;justify-items:center;padding:.25rem 0;border-radius:var(--r-sm);background:#00000059}.wiz-pabs small{font-size:.55rem;color:var(--text-dim)}.wiz-pabs b{font-size:.95rem}.wiz-pabs i{font-style:normal;font-size:.62rem;color:var(--ale-2)}.wiz-preview .tiny{text-align:left;width:100%}.wiz-foot{grid-area:foot;position:relative;display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:.7rem 1.2rem;border-top:1px solid var(--line);background:#00000073}@media(max-width:1000px){.wiz{grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"top" "rail" "main" "foot"}.wiz-rail{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:.4rem}.wiz-step span:last-child{display:none}.wiz-step.on span:last-child{display:inline}.wiz-preview{display:none}}.choice.featured{border-color:#e9a9458c;background:linear-gradient(180deg,#5a3c1673,#1e140980);box-shadow:0 0 20px #e9a9451f}.party-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.6rem}.party-card{display:grid;gap:.45rem;padding:.7rem .8rem;border-radius:var(--r-md);border:1px solid var(--line-strong);background:#00000047}.party-card.down{border-color:#d0583f99;box-shadow:inset 0 0 30px #d0583f33}.party-hp{display:inline-flex;gap:.25rem;align-items:center;font-weight:700;color:#ffb4a4;white-space:nowrap}.party-hp svg{width:14px;height:14px}.hp-thin{height:6px;border-radius:99px;background:#0009;overflow:hidden}.hp-thin i{display:block;height:100%;background:linear-gradient(90deg,#a8321f,#e0583f);transition:width .5s}.requests-panel{border-color:#e9a9458c;box-shadow:0 0 24px #e9a9451f}.request-row{display:grid;gap:.35rem;padding:.6rem;border-radius:var(--r-sm);background:#00000040}.badge-inline{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 .3rem;border-radius:99px;background:var(--ember);color:#fff;font-size:.7rem;font-family:var(--font-ui);vertical-align:middle}.book-list{display:grid;gap:.3rem;max-height:58vh;overflow:auto;padding-right:.2rem}.book-item{display:flex;gap:.6rem;align-items:center;padding:.45rem .55rem;border-radius:var(--r-sm);border:1px solid var(--line);background:#00000038}.book-item .slot.mini{width:40px;height:40px;flex:none}.tiny-select{width:auto;padding:.15rem .4rem;font-size:.75rem;margin-top:.25rem;min-height:0}.attack-btn.item{border-color:#8fc27673;background:linear-gradient(180deg,#1e3c1980,#0a14088c)}.attack-btn.item>svg{color:#b5e39c}.attack-btn.item.r-uncommon{border-color:var(--rc-uncommon, #5fbf5f)}.attack-btn.item.r-rare{border-color:var(--rc-rare, #5f8fff)}.attack-btn.item.r-very_rare{border-color:var(--rc-very_rare, #b05fff)}.k-attack .log-ico{color:#ff9c80;border-color:#ff8c6e80}.k-heal .log-ico{color:#8fe08a;border-color:#8fe08a80}.k-say .log-ico{color:#9cc7e8;border-color:#9cc7e873}.k-say .log-title{font-style:italic}.tray-expr{min-height:34px;padding:.3rem .55rem}.roll-vis{display:inline-flex;gap:.3rem;align-items:center;height:34px;padding:0 .55rem;border-radius:8px;border:1px solid var(--line-strong);background:#0006;color:var(--text-dim);cursor:pointer;font-size:.72rem;font-weight:700}.roll-vis svg{width:15px;height:15px}.roll-vis.v-gm_player,.roll-vis.v-gm_only{color:#d9c4ff;border-color:#a06eff80}.roll-vis.v-self{color:var(--ember-ink);border-color:#d0583f80}.chatbox{--chan: var(--ale);border-radius:12px;border:1px solid color-mix(in srgb,var(--chan) 45%,transparent);background:#00000073;box-shadow:0 0 0 1px #0006 inset;transition:border-color .2s,box-shadow .2s}.chatbox:focus-within{box-shadow:0 0 0 1px color-mix(in srgb,var(--chan) 60%,transparent),0 0 18px color-mix(in srgb,var(--chan) 25%,transparent)}.chatbox.ch-whisper{--chan: #b98cff}.chatbox.ch-narr{--chan: #f2b84b}.chatbox.ch-table{--chan: #e3a94b}.chatbox-head{display:flex;justify-content:space-between;align-items:center;gap:.4rem;padding:.35rem .4rem 0}.chan-wrap{position:relative}.chan-pill{display:inline-flex;gap:.35rem;align-items:center;height:26px;padding:0 .6rem;border-radius:99px;cursor:pointer;font-size:.74rem;font-weight:800;letter-spacing:.02em;color:var(--chan, var(--ale-2));border:1px solid color-mix(in srgb,var(--chan, #e3a94b) 55%,transparent);background:color-mix(in srgb,var(--chan, #e3a94b) 14%,transparent);max-width:210px}.chan-pill.ch-whisper{--chan: #c8a8ff}.chan-pill.ch-narr{--chan: #f2b84b}.chan-pill.ch-table{--chan: #f4cd82}.chan-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor;flex:none}.chev{opacity:.7;font-size:.7rem}.chan-menu{position:absolute;bottom:calc(100% + 6px);left:0;z-index:20;min-width:230px;display:grid;padding:.3rem;border-radius:10px;border:1px solid var(--line-strong);background:#17100b;box-shadow:var(--shadow-2)}.chan-menu button{display:flex;gap:.45rem;align-items:center;padding:.45rem .55rem;border:0;border-radius:7px;background:none;color:var(--text);cursor:pointer;text-align:left;font-weight:600;font-size:.82rem}.chan-menu button small{margin-left:auto;color:var(--text-faint);font-weight:400}.chan-menu button:hover{background:#ffffff0f}.chan-menu .ch-table{color:#f4cd82}.chan-menu .ch-narr{color:#f2b84b}.chan-menu .ch-whisper{color:#c8a8ff}.chatbox-tools{display:flex;gap:.3rem;align-items:center}.chatbox-tools .lang-select.compact{height:26px;min-height:26px;padding:0 .4rem;font-size:.72rem;border-radius:99px;max-width:110px}.tool-pill{display:inline-flex;gap:.3rem;align-items:center;height:26px;padding:0 .55rem;border-radius:99px;border:1px solid var(--line-strong);background:#00000059;color:var(--text-faint);cursor:pointer;font-size:.72rem;font-weight:700}.tool-pill svg{width:14px;height:14px}.tool-pill.icon{padding:0 .45rem}.tool-pill.on{color:var(--ale-2);border-color:#f6cf8099;box-shadow:0 0 10px #e3a94b4d}.chatbox-row{display:flex;gap:.35rem;align-items:flex-end;padding:.3rem .4rem .4rem}.chatbox-input{border:0;background:transparent;color:var(--text);font:inherit;font-size:.92rem;resize:none;min-height:36px;max-height:140px;padding:.45rem .35rem;outline:none}.chatbox-input::placeholder{color:var(--text-faint)}.send-btn{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:10px;border:0;cursor:pointer;color:#2a1405;background:linear-gradient(180deg,#ffd789,#e3a94b);box-shadow:0 4px 12px #0006}.send-btn svg{width:18px;height:18px}.chatbox.ch-whisper .send-btn{background:linear-gradient(180deg,#d9c4ff,#9f6bff)}.origin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.5rem}.origin-cell{display:grid;gap:.1rem;padding:.55rem .7rem;border-radius:var(--r-md);border:1px solid var(--line);background:#00000038}.origin-cell span{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.origin-cell b{font-family:var(--font-display);font-size:1.02rem}.traits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem 1.2rem}.traits-grid h5{margin:0 0 .35rem;display:flex;align-items:center;gap:.35rem;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.traits-grid h5 svg{width:15px;height:15px;color:var(--ale)}.traits-lang{grid-column:1 / -1}.trait-chips{display:flex;flex-wrap:wrap;gap:.3rem}.trait-chip{padding:.2rem .6rem;border-radius:99px;border:1px solid var(--line-strong);background:#00000040;font-size:.8rem}.trait-chip small{color:var(--text-faint)}.trait-chip.dmg{border-color:color-mix(in srgb,var(--dmg, var(--gold)) 55%,transparent);color:color-mix(in srgb,var(--dmg, var(--gold)) 70%,white);background:color-mix(in srgb,var(--dmg, var(--gold)) 12%,transparent)}.cond-roll-banner{display:flex;gap:.6rem;align-items:center;padding:.65rem .9rem;border-radius:var(--r-md);border:1px solid rgba(197,140,255,.45);background:linear-gradient(90deg,#5a288c59,#0003);color:#f0dcff;animation:fade-up .4s var(--ease) both}.cond-roll-banner svg{width:20px;height:20px;flex:none;color:#c58cff}.roll-btn.cond-locked,.medal-ring.cond-locked{opacity:.35;filter:grayscale(.8);cursor:not-allowed}.roll-btn.cond-locked svg{width:13px;height:13px}.roll-btn.cond-target{border-color:#c58cff;color:#fff;background:#783cc873;box-shadow:0 0 0 2px #c58cff4d,0 0 22px #c58cff8c;animation:cond-target 1.6s ease-in-out infinite}.medal-ring.cond-target{box-shadow:0 0 24px #c58cff99}@keyframes cond-target{50%{box-shadow:0 0 0 4px #c58cff2e,0 0 34px #c58cffcc}}.cond-lock{position:fixed;inset:0;z-index:85;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at 50% 45%,#461e6e8c,#05020aeb);backdrop-filter:blur(3px) saturate(.6);-webkit-backdrop-filter:blur(3px) saturate(.6);animation:fade .5s ease both;cursor:not-allowed}.cond-lock.c-paralyze{background:radial-gradient(circle at 50% 45%,#14466e8c,#02080ef0)}.cond-lock.c-stone{background:radial-gradient(circle at 50% 45%,#5a5a5a80,#080808f2)}.cond-lock.c-sleep{background:radial-gradient(circle at 50% 45%,#14143c99,#000006f5)}.cond-lock-card{cursor:default;display:grid;justify-items:center;gap:.7rem;text-align:center;max-width:min(520px,100%);padding:1.8rem 2rem;border-radius:var(--r-lg);border:1px solid rgba(197,140,255,.5);background:linear-gradient(180deg,#281240f7,#0e0618fa);box-shadow:0 0 80px #965aff59;animation:cond-in .6s var(--ease) both}.cond-lock-card strong{font-family:var(--font-display);font-size:clamp(1.4rem,4vw,2rem)}.cond-lock-card p{margin:0;color:var(--text-dim)}.cond-lock-rolls{display:grid;gap:.5rem;justify-items:center;margin-top:.3rem}.cond-save-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.4rem;border-radius:99px;border:1px solid #d9b5ff;cursor:pointer;font:inherit;font-weight:700;font-size:1.05rem;color:#fff;background:linear-gradient(180deg,#8a54d8,#5a2ca0);box-shadow:0 0 30px #b478ff99;animation:cond-target 1.6s ease-in-out infinite}.cond-save-btn svg{width:22px;height:22px}.cond-save-btn b{font-family:var(--font-display)}.cond-save-btn:disabled{opacity:.6;cursor:wait}.cond-lock-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden}.cond-lock-fx i{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px;border-radius:50%;background:#ffe58a;box-shadow:0 0 14px #ffd36a;animation:orbit 3.4s linear infinite}.cond-lock-fx i:nth-child(2){animation-delay:-.6s}.cond-lock-fx i:nth-child(3){animation-delay:-1.2s}.cond-lock-fx i:nth-child(4){animation-delay:-1.8s}.cond-lock-fx i:nth-child(5){animation-delay:-2.4s}.cond-lock-fx i:nth-child(6){animation-delay:-3s}.cond-lock:not(.c-stun) .cond-lock-fx{display:none}body.cond-blind .page,body.cond-blind .battle-map{filter:blur(7px) brightness(.35) saturate(.4);transition:filter 1.2s ease}body.cond-blind:after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 0 18%,rgba(0,0,0,.85) 70%)}body.cond-fear .page{animation:fear-tremble 4s ease-in-out infinite;filter:saturate(.5)}@keyframes fear-tremble{0%,86%,to{transform:none}88%{transform:translate(-2px,1px)}90%{transform:translate(2px,-1px)}92%{transform:translate(-1px)}}body.cond-held:after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;border:10px solid transparent;border-image:repeating-linear-gradient(45deg,#9696a08c 0 10px,#2828328c 10px 20px) 12;box-shadow:inset 0 0 60px #000000b3}body.cond-deaf .dock{filter:grayscale(.4)}.choice-stage{position:fixed;inset:0;z-index:88;display:grid;place-items:center;padding:1rem;overflow:auto;background:#050302;animation:fade .5s ease both}.choice-bg{position:absolute;inset:-4%;background:center / cover no-repeat;filter:brightness(.35) blur(2px);animation:kenburns 20s ease-out both}.choice-shade{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,#e3a94b1f,#000000bf)}.choice-inner{position:relative;z-index:1;display:grid;justify-items:center;gap:1rem;width:min(980px,100%);text-align:center}.choice-q{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.6rem);margin:0;line-height:1.15;text-shadow:0 0 30px rgba(227,169,75,.4);animation:title-in .9s var(--ease) both}.choice-img{max-width:min(520px,90vw);max-height:32vh;border-radius:var(--r-lg);border:1px solid var(--line-strong);box-shadow:var(--shadow-2);animation:fade-up .8s .2s var(--ease) both}.choice-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem;width:100%}.choice-opt{position:relative;display:grid;align-content:end;gap:.4rem;min-height:120px;padding:1rem;border-radius:var(--r-lg);border:1px solid var(--line-strong);overflow:hidden;text-align:left;background:linear-gradient(180deg,#281c12e6,#0e0a07f2);color:var(--text);cursor:pointer;font:inherit;transition:transform .2s,border-color .2s,box-shadow .2s,opacity .3s;animation:fade-up .7s var(--ease) both}.choice-opt:hover:not(:disabled){transform:translateY(-4px);border-color:var(--ale);box-shadow:0 0 30px var(--ale-glow)}.choice-opt.on{border-color:var(--ale-2);box-shadow:0 0 0 2px var(--ale),0 0 40px var(--ale-glow)}.choice-opt.dim{opacity:.5}.choice-opt-img{position:absolute;inset:0;background:center / cover no-repeat;opacity:.55;transition:opacity .3s,transform 6s ease-out}.choice-opt:hover .choice-opt-img{opacity:.75;transform:scale(1.06)}.choice-opt-img+.choice-letter,.choice-opt-img~.choice-label{position:relative;text-shadow:0 2px 8px #000}.choice-letter{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;font-family:var(--font-display);font-weight:700;font-size:1.2rem;color:var(--ale-ink);background:linear-gradient(180deg,var(--ale-2),var(--ale));box-shadow:0 0 16px var(--ale-glow);position:relative}.choice-letter.sm{width:26px;height:26px;font-size:.85rem;flex:none}.choice-label{font-family:var(--font-page);font-size:1.25rem;line-height:1.25;position:relative}.choice-count{position:relative;font-size:.78rem;color:var(--ale-2)}.choice-foot{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;justify-content:center}.composer-thumb{width:44px;height:44px;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--line-strong)}.composer-thumb.sm{width:26px;height:26px}.composer-opt label.btn{position:relative}.polls-panel .poll-row{display:grid;gap:.35rem;padding:.7rem;border-radius:var(--r-md);border:1px solid var(--line);background:#0003}.poll-row.closed{opacity:.75}.poll-bar{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.poll-fill{width:120px;height:8px;border-radius:99px;background:#ffffff14;overflow:hidden;flex:none}.poll-fill i{display:block;height:100%;background:linear-gradient(90deg,var(--ale),var(--ale-2));transition:width .5s var(--ease)}.rest-vote{position:fixed;left:50%;bottom:1.2rem;transform:translate(-50%);z-index:83;display:flex;align-items:center;gap:.9rem;width:min(640px,calc(100vw - 32px));padding:.85rem 1rem;border-radius:var(--r-lg);border:1px solid rgba(227,169,75,.5);background:linear-gradient(180deg,#281a0cf7,#100a05fa);box-shadow:0 0 50px #e38c3c4d,var(--shadow-2);animation:fade-up .5s var(--ease) both}.rest-vote.long{border-color:#8ca0ff80;background:linear-gradient(180deg,#12142cf7,#060610fa);box-shadow:0 0 50px #6e82ff40,var(--shadow-2)}.rest-vote-ico{width:52px;height:52px;flex:none;display:grid;place-items:center;border-radius:50%;background:#e38c3c26;color:var(--ale-2)}.rest-vote-ico svg{width:30px;height:30px;animation:candle 2.4s ease-in-out infinite}.rest-vote-bar{display:flex;gap:4px}.rest-vote-bar i{flex:1;height:8px;border-radius:99px;background:#ffffff1a;transition:background .4s}.rest-vote-bar i.yes{background:var(--moss);box-shadow:0 0 8px #8fc27699}.rest-vote-bar i.no{background:var(--ember)}.rest-vote-actions{display:grid;gap:.3rem;flex:none}@media(max-width:560px){.rest-vote{flex-wrap:wrap}.rest-vote-actions{grid-auto-flow:column}}.item-drawing{width:78%;height:78%;color:var(--ale-2);filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.slot .item-drawing{--art-fill: rgba(233, 169, 69, .18)}.big-icon .item-drawing{width:70%;height:70%}.r-uncommon .item-drawing{color:#9be6a2}.r-rare .item-drawing{color:#8cc6ff}.r-very_rare .item-drawing{color:#d5b0ff}.r-legendary .item-drawing{color:#ffc27a}.slot.mini.art{display:grid;place-items:center}.book-note{display:grid;gap:.45rem;text-align:left;padding:.75rem .85rem;border-radius:var(--r-md);border:1px solid var(--line-strong);background:linear-gradient(180deg,#f0e2c00f,#00000026)}.book-note-head{display:flex;align-items:center;gap:.4rem}.book-note-head svg{width:16px;height:16px;color:var(--ale)}.book-note-head .faint{margin-left:auto}.book-note p{margin:0}.book-rules{display:grid;gap:.35rem;margin:0}.book-rules div{display:grid;grid-template-columns:minmax(90px,auto) 1fr;gap:.5rem;font-size:.82rem}.book-rules dt{font-weight:700;color:var(--ale-2)}.book-rules dd{margin:0;color:var(--text-dim)}.lvl-body{grid-template-columns:300px minmax(0,1fr) 340px}@media(max-width:1100px){.lvl-body{grid-template-columns:280px minmax(0,1fr)}.lvl-detail{grid-column:1 / -1;border-left:0!important;border-top:1px solid rgba(197,160,255,.15)}}@media(max-width:860px){.lvl-body{grid-template-columns:1fr}}.lvl-tabs button{display:inline-flex;align-items:center;gap:.4rem}.lvl-step{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:.7rem;background:#ffffff1a}.lvl-step svg{width:12px;height:12px}.lvl-tabs button.done .lvl-step{background:var(--moss);color:#0d1a08}.lvl-intro{margin:0;font-family:var(--font-page);font-size:1.05rem;color:var(--text-dim);font-style:italic}.lvl-cards.sub{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.wiz-card{position:relative}.lvl-pick{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ale);color:var(--ale-ink);animation:pop .3s var(--ease) both}.lvl-pick svg{width:13px;height:13px}.lvl-detail{overflow:auto;padding:1rem 1.1rem;border-left:1px solid rgba(197,160,255,.15);background:linear-gradient(180deg,#3c286e2e,#00000040);display:grid;align-content:start;gap:1rem}.lvl-detail-empty{padding:2rem 0;text-align:center}.lvl-detail-card{display:grid;gap:.55rem;animation:fade-up .35s var(--ease) both}.lvl-detail-card h3{font-family:var(--font-display);margin:0;font-size:1.35rem;color:#ffe9b0}.lvl-detail-card p{margin:0}.lvl-lore{font-family:var(--font-page);font-size:1.08rem;line-height:1.5;color:var(--parchment)}.lvl-path{display:grid;gap:.45rem;margin-top:.3rem;position:relative}.lvl-path:before{content:"";position:absolute;left:13px;top:6px;bottom:6px;width:2px;background:#c5a0ff40}.lvl-path-row{display:flex;gap:.6rem;align-items:flex-start;position:relative;font-size:.88rem}.lvl-path-lv{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-family:var(--font-display);font-weight:700;font-size:.8rem;background:#1d1430;border:1px solid rgba(197,160,255,.45);color:#d8c4ff;position:relative}.lvl-path-row.now .lvl-path-lv{background:linear-gradient(180deg,#ffe08a,#e3a94b);color:#2a1a05;border-color:#ffe9b0;box-shadow:0 0 16px #ffd36a99}.lvl-path-row.past{opacity:.55}.lvl-subspells{display:grid;gap:.3rem}.lvl-subspells h4{margin:.3rem 0 0;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.lvl-facts{display:grid;gap:.3rem;margin:0}.lvl-facts div{display:grid;grid-template-columns:110px 1fr;gap:.5rem;font-size:.85rem}.lvl-facts dt{color:var(--text-faint)}.lvl-facts dd{margin:0}.lvl-facts.wide div{grid-template-columns:minmax(140px,220px) 1fr;padding:.45rem 0;border-bottom:1px solid rgba(197,160,255,.12);font-size:.95rem}.lvl-ahead{border-top:1px solid rgba(197,160,255,.15);padding-top:.8rem;display:grid;gap:.35rem}.lvl-ahead h4{margin:0;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.lvl-ahead-row{display:flex;gap:.5rem;align-items:baseline;font-size:.84rem;color:var(--text-dim)}.lvl-ahead-lv{flex:none;min-width:26px;padding:.05rem .4rem;border-radius:99px;text-align:center;font-weight:700;font-size:.75rem;background:#c5a0ff26;color:#d8c4ff}.lvl-review{display:grid;justify-items:center;gap:1rem;padding:.5rem;animation:fade-up .4s var(--ease) both}.lvl-review .lvl-facts{width:min(620px,100%)}.lvl-review-ring{width:110px;height:110px;border-radius:50%;display:grid;place-content:center;text-align:center;border:2px solid #ffe9b0;box-shadow:0 0 40px #ffd36a73,inset 0 0 30px #ffd36a33;animation:glory 3s ease-in-out infinite}.lvl-review-ring small{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim)}.lvl-review-ring b{font-family:var(--font-display);font-size:2.8rem;line-height:1;color:#ffe9b0}.reel.story .reel-chapter{bottom:calc(8vh + 2.2rem);max-width:980px}.reel-story{display:grid;gap:.7rem;margin-top:1.1rem}.rs{margin:0;display:flex;gap:.55rem;align-items:baseline;font-family:var(--font-page);font-size:clamp(1.15rem,2.2vw,1.6rem);line-height:1.4;color:#f6ead2;text-shadow:0 2px 12px #000;transition:opacity .8s,font-size .6s}.rs svg{width:22px;height:22px;flex:none;align-self:center}.rs.past{opacity:.55;font-size:clamp(1rem,1.8vw,1.25rem)}.rs-quote em{font-style:italic;color:var(--parchment)}.rs-crit{color:#ffe08a}.rs-crit svg{color:#ffd36a;filter:drop-shadow(0 0 8px rgba(255,211,106,.8))}.rs-victory{color:#fff1c4;font-weight:600}.rs-victory svg{color:var(--ale-2)}.rs-fall{color:#ffb4a4}.rs-fall svg{color:var(--ember)}.rs-level{color:#e4d0ff}.rs-level svg{color:#c6a8ff}.rs-choice,.rs-quest{color:#ffe9b0}.rw{display:inline-block;opacity:0;transform:translateY(6px);filter:blur(3px);animation:rw-in .5s var(--ease) forwards;white-space:pre}@keyframes rw-in{to{opacity:1;transform:none;filter:none}}.reel-embers{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.reel-embers i{position:absolute;bottom:-10px;width:4px;height:4px;border-radius:50%;background:#ffb35c;box-shadow:0 0 8px #ff9a3a;opacity:0;animation:ember-rise 7s linear infinite}@keyframes ember-rise{0%{transform:translate(0);opacity:0}10%{opacity:.9}to{transform:translate(40px,-95vh);opacity:0}}@media(prefers-reduced-motion:reduce){.rw{animation:none;opacity:1;transform:none;filter:none}.reel-embers{display:none}body.cond-fear .page{animation:none}}.draft-banner{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;border-radius:var(--r-lg);border:1px dashed rgba(227,169,75,.55);background:#e3a94b14}.draft-banner>svg{width:26px;height:26px;color:var(--ale);flex:none}.draft-banner .grow{display:grid;gap:.15rem}@media(max-width:600px){.draft-banner{flex-wrap:wrap}}.panel-title h3{display:inline-flex;align-items:center;gap:.45rem}.panel-title h3>svg{width:20px;height:20px;flex:none;color:var(--ale)}@media(max-width:560px){.rest-vote{flex-wrap:wrap;bottom:.6rem}.rest-vote>.grow{flex:1 1 calc(100% - 70px)}.rest-vote-actions{width:100%;display:flex;flex-wrap:wrap;gap:.4rem}.rest-vote-actions .btn{flex:1;justify-content:center}}.party-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}.party-card{grid-template-columns:minmax(0,1fr);min-width:0;overflow:hidden}.party-card>*{min-width:0}.cd-presets{display:flex;flex-wrap:wrap;gap:.3rem}.page:has(.map-page){padding:0;overflow:hidden}.page-inner.map-page{max-width:none;height:100%;animation:none}.rail-btn.fight{color:#ffb4a4}.rail-btn.fight .slot-frame{animation:tok-glow 1.6s ease-in-out infinite}.pixel-sprite{image-rendering:pixelated;image-rendering:crisp-edges;display:inline-block;flex:none}.vtt{position:relative;height:100%;min-height:420px;overflow:hidden;user-select:none;-webkit-user-select:none}.vtt-viewport{position:absolute;inset:0;overflow:hidden;background:radial-gradient(1200px 700px at 50% 40%,rgba(40,30,20,.55),transparent 70%),#0d0c10;touch-action:none;cursor:grab}.vtt-viewport:active{cursor:grabbing}.vtt-viewport.tool-ruler,.vtt-viewport.tool-draw,.vtt-viewport.tool-template,.vtt-viewport.tool-walls,.vtt-viewport.tool-notes{cursor:crosshair}.vtt-viewport.tool-fog,.vtt-viewport.tool-paint{cursor:cell}.vtt-viewport.tool-ping{cursor:help}.vtt-world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;box-shadow:0 30px 120px #000000b3}.vtt-img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.vtt-tiles{position:absolute;image-rendering:pixelated;pointer-events:none}.vtt-tint{position:absolute;inset:0;mix-blend-mode:multiply;opacity:.5;pointer-events:none}.vtt-grid{position:absolute;pointer-events:none;overflow:visible}.vtt-svg{position:absolute;inset:0;overflow:visible;pointer-events:none}.vtt-svg .removable,.vtt-svg .vtt-wall.edit{pointer-events:auto;cursor:pointer}.vtt-svg .removable:hover{filter:drop-shadow(0 0 6px #ff6b52)}.vtt-reach{fill:#8fe0ff29;stroke:#8fe0ff59;stroke-width:1;vector-effect:non-scaling-stroke}.vtt-draw.gm{stroke-dasharray:10 6;opacity:.85}.vtt-text{font-family:var(--font-display);font-weight:700;paint-order:stroke;stroke:#000c!important;stroke-width:4px!important}.vtt-template .tpl-cell{fill:var(--c);fill-opacity:.22}.vtt-template .tpl-shape>*{fill:var(--c);fill-opacity:.12;stroke:var(--c);stroke-width:2;vector-effect:non-scaling-stroke}.vtt-template.sketch .tpl-shape>*{stroke-dasharray:8 6}.vtt-template .tpl-label{fill:#fff;font:700 16px var(--font-ui);paint-order:stroke;stroke:#000000d9;stroke-width:4px;text-anchor:middle}.vtt-rectsel{fill:#e3a94b26;stroke:var(--ale);stroke-width:2;stroke-dasharray:6 4;vector-effect:non-scaling-stroke}.vtt-fog{position:absolute;pointer-events:none;image-rendering:auto;transition:opacity .3s}.vtt-fog.gm{opacity:.9}.vtt-wall{stroke:#ff8a3a;stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.75}.vtt-wall.door{stroke:#8fe0ff}.vtt-wall.door.open{stroke-dasharray:6 6;opacity:.5}.vtt-wall.secret{stroke:#c58cff}.vtt-wall.locked{stroke:#ff5050}.vtt-wall.sel{stroke:#fff;stroke-width:5;opacity:1}.vtt-wall.edit:hover{stroke-width:6}.vtt-wall.chain{fill:none;stroke:#ffd36a;stroke-dasharray:8 5}.vtt-ruler line{stroke:#ffd36a;stroke-width:3;stroke-dasharray:10 6;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 2px #000)}.vtt-ruler circle{fill:#ffd36a}.vtt-ruler rect{fill:#100b08eb;stroke:#ffd36a99}.vtt-ruler text{fill:#ffe7b0;font:700 14px var(--font-ui)}.vtt-ruler.bad line,.vtt-ruler.bad circle{stroke:#ff6b52;fill:#ff6b52}.vtt-brush{fill:#8fe0ff2e;stroke:#8fe0ff;stroke-width:2;vector-effect:non-scaling-stroke}.vtt-brush.hide{fill:#00000059;stroke:#c58cff}.vtt-brush.paint{fill:#e3a94b26;stroke:var(--ale)}.vtt-door{position:absolute;width:calc(28px / var(--z));height:calc(28px / var(--z));min-width:18px;min-height:18px;translate:-50% -50%;border-radius:50%;border:2px solid #8fe0ff;background:#100b08d9;color:#8fe0ff;display:grid;place-items:center;padding:0;cursor:pointer;z-index:3}.vtt-door svg{width:70%;height:70%}.vtt-door.open{opacity:.55}.vtt-door.locked{border-color:#ff5050;color:#ff8a8a}.vtt-note{position:absolute;z-index:4}.vtt-pin{translate:-50% -100%;width:calc(30px / var(--z));height:calc(30px / var(--z));border:0;background:transparent;color:var(--ale-2);padding:0;cursor:pointer;filter:drop-shadow(0 2px 3px #000)}.vtt-pin svg{width:100%;height:100%}.vtt-pin.gm{color:#c58cff}.vtt-note-pop{position:absolute;left:0;top:4px;transform:scale(calc(1 / var(--z)));transform-origin:0 0;width:260px;padding:.6rem .7rem;border-radius:var(--r-md);background:#100b08f2;border:1px solid var(--line-strong);box-shadow:var(--shadow-2);user-select:text}.vtt-note-pop p{margin:.3rem 0;white-space:pre-wrap}.vtok{position:absolute;z-index:2;transition:left .32s var(--ease),top .32s var(--ease);cursor:pointer;touch-action:none}.vtok.dragging{transition:none;z-index:5;opacity:.9}.vtok.dragging.bad{filter:grayscale(.6) brightness(.8)}.vtok-base{position:absolute;left:6%;right:6%;bottom:2%;height:26%;border-radius:50%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--ring) 45%,transparent),transparent 70%);border:2px solid var(--ring);opacity:.9}.vtok-art{position:absolute;inset:4%;display:grid;place-items:center;pointer-events:none}.vtok-art.pixel img{width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(0 3px 2px rgba(0,0,0,.65))}.vtok-art.photo{inset:8%;border-radius:50%;overflow:hidden;border:3px solid var(--ring);box-shadow:0 4px 12px #000000a6;background:#111}.vtok-art.photo img{width:100%;height:100%;object-fit:cover}.vtok.photo-base .vtok-base{display:none}.vtok.hidden{opacity:.45}.vtok.dead .vtok-art{filter:grayscale(1) brightness(.55)}.vtok.dead:after{content:"\2715";position:absolute;inset:0;display:grid;place-items:center;color:#ff5a46d9;font:900 calc(var(--s, 1) * 2.6em) var(--font-ui);pointer-events:none}.vtok.turn .vtok-base{animation:tok-glow 1.6s ease-in-out infinite;box-shadow:0 0 22px var(--ale);border-color:var(--ale-2)}.vtok.turn:before{content:"";position:absolute;inset:-6%;border-radius:50%;border:3px solid var(--ale-2);box-shadow:0 0 24px var(--ale);animation:tok-glow 1.6s ease-in-out infinite;pointer-events:none}.vtok.target:before{content:"";position:absolute;inset:-8%;border-radius:50%;border:3px dashed #ff6b52;animation:spin 6s linear infinite;pointer-events:none}.vtok.sel .vtok-base{box-shadow:0 0 0 3px #8fe0ff,0 0 18px #8fe0ff}.vtok-bar{position:absolute;left:14%;right:14%;bottom:-4%;height:max(5px,7%);border-radius:99px;background:#000000bf;overflow:hidden;border:1px solid rgba(0,0,0,.6)}.vtok-bar i{display:block;height:100%;transition:width .4s}.vtok-name{position:absolute;left:50%;top:100%;translate:-50% 4px;white-space:nowrap;font:700 calc(13px / var(--z)) var(--font-ui);color:#fff;padding:0 .35em;border-radius:4px;background:#0009;opacity:0;transition:opacity .15s;pointer-events:none}.vtok:hover .vtok-name,.vtok.pc .vtok-name,.vtok.sel .vtok-name{opacity:1}.vtok-init{position:absolute;right:-4%;top:-4%;min-width:1.5em;height:1.5em;border-radius:99px;background:var(--ale);color:var(--ale-ink);font:800 calc(12px / var(--z)) var(--font-ui);display:grid;place-items:center;padding:0 .3em}.vtok-conds{position:absolute;left:-4%;top:-4%;display:flex;gap:1px}.vtok-conds i{width:calc(16px / var(--z));height:calc(16px / var(--z));border-radius:50%;background:#280a3ce6;color:#e8c8ff;display:grid;place-items:center}.vtok-conds svg{width:75%;height:75%}.vtok-hidden{position:absolute;right:0;bottom:18%;width:calc(18px / var(--z));height:calc(18px / var(--z));color:#c58cff}.vtok-aura{position:absolute;left:50%;top:50%;translate:-50% -50%;border-radius:50%;border:2px dashed;pointer-events:none}.vtok-bubble{position:absolute;left:50%;bottom:105%;translate:-50% 0;transform:scale(calc(1 / var(--z)));transform-origin:50% 100%;max-width:260px;width:max-content;padding:.45rem .7rem;border-radius:14px;background:#fbf3e2;color:#2a1a0c;font:600 14px/1.35 var(--font-page);box-shadow:0 6px 18px #0000008c;animation:bubble-in .25s var(--ease) both;pointer-events:none;z-index:6}.vtok-bubble:after{content:"";position:absolute;left:50%;top:100%;translate:-50% 0;border:7px solid transparent;border-top-color:#fbf3e2}@keyframes bubble-in{0%{opacity:0;translate:-50% 8px}}@keyframes spin{to{rotate:360deg}}.vtt-ping{position:absolute;z-index:7;pointer-events:none}.vtt-ping i{position:absolute;left:0;top:0;width:calc(120px / var(--z));height:calc(120px / var(--z));translate:-50% -50%;border-radius:50%;border:calc(4px / var(--z)) solid #ffd36a;animation:ping-ring 1.3s ease-out 2 both}.vtt-ping i+i{animation-delay:.35s}.vtt-ping.mine i{border-color:#8fe0ff}.vtt-ping b{position:absolute;left:0;top:0;translate:-50% calc(-100% - 50px / var(--z));font:800 calc(14px / var(--z)) var(--font-ui);color:#fff;text-shadow:0 1px 3px #000;white-space:nowrap}@keyframes ping-ring{0%{scale:.1;opacity:1}to{scale:1;opacity:0}}.vtt-world .float{font-size:calc(22px / var(--z));z-index:8}.vtt-world .float.roll{font-size:calc(16px / var(--z))}.vtt-world .float.dmg.crit{font-size:calc(30px / var(--z))}.vtt-lights{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen}.vtt-light{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,190,90,.32),rgba(255,140,40,.14) 45%,transparent 70%);animation:flicker 3.2s ease-in-out infinite alternate}@keyframes flicker{0%{opacity:.85;scale:1}30%{opacity:1;scale:1.02}55%{opacity:.9}70%{opacity:1;scale:.99}to{opacity:.88}}.vtt-weather{position:absolute;inset:0;pointer-events:none;z-index:1}.vtt-weather.rain{background-image:repeating-linear-gradient(105deg,transparent 0 14px,rgba(170,200,255,.22) 14px 15px,transparent 15px 40px);background-size:200px 200px;animation:rain-fall .5s linear infinite}@keyframes rain-fall{to{background-position:-40px 200px}}.vtt-weather.snow{background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 80px 120px,#fff,transparent),radial-gradient(3px 3px at 150px 60px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 190px 170px,#fff,transparent);background-size:220px 220px;animation:snow-fall 7s linear infinite;opacity:.8}@keyframes snow-fall{to{background-position:60px 440px,-40px 440px,30px 440px,-20px 440px}}.vtt-weather.fog{background:radial-gradient(60% 40% at 30% 40%,rgba(200,210,220,.18),transparent),radial-gradient(50% 35% at 70% 65%,rgba(200,210,220,.16),transparent);animation:fog-drift 18s ease-in-out infinite alternate}@keyframes fog-drift{to{transform:translate(6%)}}.vtt-weather.embers{background-image:radial-gradient(2px 2px at 30px 200px,#ffb030,transparent),radial-gradient(2px 2px at 120px 160px,#ff6020,transparent),radial-gradient(1.5px 1.5px at 190px 220px,#ffd060,transparent);background-size:230px 240px;animation:embers-rise 6s linear infinite}@keyframes embers-rise{to{background-position:30px -480px,-20px -480px,10px -480px}}.vtt-tools{position:absolute;left:.7rem;top:3.2rem;z-index:10;display:flex;flex-direction:column;gap:3px;padding:4px;border-radius:12px;background:#100b08e0;border:1px solid var(--line-strong);box-shadow:var(--shadow-1);backdrop-filter:var(--glass)}.vtt-tool{width:38px;height:38px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--text-dim);display:grid;place-items:center;cursor:pointer;padding:0}.vtt-tool svg{width:20px;height:20px}.vtt-tool:hover{color:var(--text);background:#ffe6be0f}.vtt-tool.on{color:var(--ale-ink);background:var(--ale)}.vtt-tools-sep{height:1px;background:var(--line);margin:3px 4px}.vtt-opts{position:absolute;left:4.2rem;top:3.2rem;right:1rem;z-index:9;display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;max-width:max-content;padding:.35rem .55rem;border-radius:10px;background:#100b08e6;border:1px solid var(--line-strong);backdrop-filter:var(--glass)}.vtt.gm .vtt-opts{right:calc(var(--side-w, 330px) + 1rem)}.vtt-colors{display:flex;gap:3px}.swatch{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.2);cursor:pointer;padding:0}.swatch.on{border-color:#fff;box-shadow:0 0 0 2px var(--ale)}.vtt-title{position:absolute;left:.7rem;top:.6rem;z-index:9;display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;padding:.25rem .6rem;border-radius:10px;background:#100b08cc;border:1px solid var(--line);font-family:var(--font-display);max-width:calc(100% - 2rem)}.vtt-title .chip{font-family:var(--font-ui)}.chip.tiny{font-size:.68rem;padding:.05rem .4rem}.chip.tiny svg{width:12px;height:12px}.vtt-hint{position:absolute;left:50%;bottom:.8rem;translate:-50% 0;z-index:9;padding:.3rem .8rem;border-radius:99px;background:#100b08d1;border:1px solid var(--line);color:var(--text-dim);white-space:nowrap;max-width:calc(100% - 2rem);overflow:hidden;text-overflow:ellipsis}.vtt-side{--side-w: 340px;position:absolute;right:0;top:0;bottom:0;z-index:11;display:flex;pointer-events:none}.vtt-side-tabs{display:flex;flex-direction:column;gap:3px;padding:.5rem 4px;pointer-events:auto;align-self:flex-start;margin-top:.5rem;border-radius:12px 0 0 12px;background:#100b08e0;border:1px solid var(--line-strong);border-right:0}.vtt-side-tab{display:flex;flex-direction:column;align-items:center;gap:2px;width:58px;padding:.4rem 0;border-radius:9px;border:0;background:transparent;color:var(--text-dim);font-size:.62rem;cursor:pointer}.vtt-side-tab svg{width:20px;height:20px}.vtt-side-tab.on{background:#e9a9452e;color:var(--ale-2)}.vtt-side-tab.fight{color:#ffb4a4}.vtt-side-body{width:var(--side-w);max-width:calc(100vw - 80px);height:100%;overflow-y:auto;padding:.8rem;pointer-events:auto;background:#0e0a07f0;border-left:1px solid var(--line-strong);backdrop-filter:var(--glass);box-shadow:-10px 0 40px #00000080}.vtt-side-body h4{margin:.6rem 0 .3rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.panel-sub{padding:.6rem;border-radius:var(--r-md);border:1px solid var(--line);background:#00000040}.map-list{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.map-item{display:flex;gap:.5rem;align-items:center;padding:.35rem;border-radius:var(--r-md);border:1px solid var(--line)}.map-item.viewing{border-color:var(--ale);background:#e9a94512}.map-thumb{width:52px;height:40px;border-radius:6px;overflow:hidden;border:1px solid var(--line);background:#111;display:grid;place-items:center;padding:0;cursor:pointer;color:var(--text-faint);flex:none}.map-thumb img{width:100%;height:100%;object-fit:cover}.map-acts{display:flex;gap:2px}.gen-grid{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}.gen-opt{display:grid;text-align:left;padding:.4rem .5rem;border-radius:var(--r-md);border:1px solid var(--line);background:#00000040;cursor:pointer}.gen-opt small{color:var(--text-faint);font-size:.68rem}.gen-opt.on{border-color:var(--ale);background:#e9a9451f}.map-empty{display:grid;justify-items:center;align-content:start;gap:.7rem;text-align:center;padding:3rem 1rem;height:100%;overflow-y:auto}.map-empty>svg{width:64px;height:64px;color:var(--ale);opacity:.8}.map-empty-lib{width:min(520px,100%);text-align:left}.tok-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.tok-row{display:flex;gap:.45rem;align-items:center;width:100%;padding:.25rem .35rem;border-radius:6px;border:1px solid transparent;background:transparent;cursor:pointer;text-align:left}.tok-row img{width:24px;height:24px;border-radius:50%;object-fit:cover;image-rendering:pixelated}.tok-row.on{border-color:#8fe0ff;background:#8fe0ff14}.tok-row.dead{opacity:.5;text-decoration:line-through}.tok-row svg{width:14px;height:14px;color:#c58cff}.tok-edit .portrait-sm{width:48px;height:48px;border-radius:50%;object-fit:cover}.sprite-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:3px;margin:.4rem 0}.sprite-pick .sp{padding:2px;border-radius:6px;border:1px solid var(--line);background:#0000004d;cursor:pointer;display:grid;place-items:center}.sprite-pick .sp.on{border-color:var(--ale);background:#e9a94526}.tile-pal{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:3px}.tile-sw{display:grid;justify-items:center;gap:2px;padding:4px 2px;border-radius:6px;border:1px solid var(--line);background:#0000004d;cursor:pointer;font-size:.64rem;color:var(--text-dim)}.tile-sw img{width:32px;height:32px;image-rendering:pixelated;border-radius:3px}.tile-sw.on{border-color:var(--ale);color:var(--ale-2);background:#e9a94524}.tile-sw.erase{grid-auto-flow:column;justify-content:center;align-items:center;width:100%}.tile-sw.erase svg{width:16px;height:16px}.bestiary{display:grid;gap:.5rem;min-height:0}.bst-filters{display:grid;gap:.35rem}.bst-filters .row select{flex:1;min-width:0}.bst-body{display:grid;gap:.5rem}.setup-bestiary .bst-body,.modal .bst-body{grid-template-columns:minmax(0,260px) minmax(0,1fr)}@media(max-width:760px){.setup-bestiary .bst-body,.modal .bst-body{grid-template-columns:1fr}}.bst-list{list-style:none;margin:0;padding:0;max-height:340px;overflow-y:auto;display:grid;gap:1px;border:1px solid var(--line);border-radius:var(--r-md)}.side-bestiary .bst-list{max-height:34vh}.bst-row{display:flex;gap:.45rem;align-items:center;width:100%;padding:.25rem .45rem;border:0;background:transparent;cursor:pointer;text-align:left}.bst-row:hover{background:#ffe6be0d}.bst-row.on{background:#e9a94524}.bst-row b{display:block;font-size:.85rem}.bst-row small{display:block;color:var(--text-faint);font-size:.68rem}.bst-cr{font-size:.7rem;color:var(--ale-2);white-space:nowrap}.statblock{padding:.7rem;border-radius:var(--r-md);background:linear-gradient(180deg,#f0e2c00f,#0003);border:1px solid var(--line-strong);display:grid;gap:.35rem;align-content:start}.statblock.empty{place-items:center;text-align:center;min-height:160px;color:var(--text-faint)}.statblock.empty svg{width:40px;height:40px}.sb-head{display:flex;gap:.6rem;align-items:center}.sb-head h3{margin:0;font-family:var(--font-display);color:var(--ale-2)}.sb-line{font-size:.8rem;color:var(--text-dim)}.sb-line b{color:var(--text)}.sb-abil{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;text-align:center;padding:.3rem 0;border-block:1px solid var(--line)}.sb-abil span{display:grid}.sb-abil small{font-size:.62rem;color:var(--text-faint)}.sb-abil i{font-style:normal;font-size:.72rem;color:var(--ale-2)}.sb-sec h4{margin:.3rem 0 .2rem}.sb-act{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center;font-size:.82rem;padding:.15rem 0}.sb-add{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;padding-top:.3rem;border-top:1px solid var(--line)}.vtt-order{position:absolute;left:4.2rem;right:1rem;top:.5rem;z-index:12}.vtt.gm .vtt-order{right:5.5rem}.vtt.in-combat .vtt-title{top:auto;bottom:.6rem}.vtt.in-combat .vtt-tools,.vtt.in-combat .vtt-opts{top:4.3rem}.vtt-init{position:absolute;left:50%;top:1rem;translate:-50% 0;z-index:13;width:min(560px,calc(100% - 2rem));max-height:calc(100% - 2rem);overflow-y:auto;padding:1rem;border-radius:var(--r-lg);background:#100b08f0;border:1px solid var(--line-strong);box-shadow:var(--shadow-2)}.vtt-hud .target-chip{position:absolute;left:50%;top:4rem;translate:-50% 0;z-index:12;background:#100b08e6}.hud-note{display:inline-flex;gap:.3rem;align-items:center;padding:.3rem .55rem;border-radius:8px;border:1px dashed var(--line-strong);color:var(--text-dim);font-size:.75rem}.gm-battle{display:grid;gap:.5rem}.seg button[aria-selected=true]{background:#e9a9452e;color:var(--ale-2)}.who-picks{display:flex;flex-wrap:wrap;gap:.3rem}.sfx-tile.scr{border-color:#c58cff59}.fx-blood{box-shadow:inset 0 0 220px 70px #960000bf;background:radial-gradient(circle at 50% 50%,transparent 55%,rgba(120,0,0,.35));animation:dread 3.6s ease-in-out both}.fx-dark{background:#000;animation:darkness 4.2s ease-in-out both}@keyframes darkness{0%{opacity:0}15%,70%{opacity:.96}to{opacity:0}}.fx-flash{background:#fff;animation:lightning 1.2s ease-out both}.fx-poison{background:radial-gradient(circle at 50% 50%,transparent 40%,rgba(60,140,30,.45));backdrop-filter:hue-rotate(60deg) saturate(1.4);animation:poison 4.2s ease-in-out both}@keyframes poison{0%,to{opacity:0}20%,70%{opacity:1}45%{opacity:.6}}.fx-fear{box-shadow:inset 0 0 260px 110px #000000e6;backdrop-filter:grayscale(.85) contrast(1.2);animation:dread 4s ease-in-out both}.fx-whisper{backdrop-filter:blur(1.5px);box-shadow:inset 0 0 200px 60px #28144699;animation:dread 4.2s ease-in-out both}.fx-drunk{backdrop-filter:blur(2px) hue-rotate(20deg);animation:drunk 4.2s ease-in-out both}@keyframes drunk{0%,to{opacity:0;transform:none}20%{opacity:1;transform:rotate(1deg) scale(1.02)}40%{transform:rotate(-1.2deg) scale(1.03)}60%{transform:rotate(.8deg) scale(1.01)}80%{opacity:1;transform:rotate(-.6deg)}}@media(max-width:760px){.vtt-tools{top:auto;bottom:.6rem;left:.5rem;right:.5rem;flex-direction:row;overflow-x:auto}.vtt-tools-sep{width:1px;height:auto;margin:4px 3px}.vtt-opts{top:auto;bottom:4rem;left:.5rem;right:.5rem}.vtt-side-body{width:min(100vw - 70px,340px)}.vtt-hint{display:none}}.vtt-img,.vtt-tiles,.vtt-grid,.vtt-tint,.vtt-lights{z-index:0}.vtt-svg{z-index:1}.vtt-fog{z-index:2}.vtt-svg.top{z-index:3}.vtt-world .vtok{z-index:4}.vtt-world .vtok.dragging{z-index:6}.vtt-door{z-index:4}.vtt-note{z-index:5}.vtt-template .tpl-label{font-size:calc(16px / var(--z))}.vtt.in-combat .vtt-title{display:none}@media(max-width:760px){.vtt{height:calc(100dvh - var(--top-h) - 76px)}.vtt-order{left:.5rem;right:.5rem}.vtt.in-combat .vtt-tools{top:5.4rem;bottom:auto}.vtt.in-combat .vtt-opts{top:8.6rem;bottom:auto}.keys-card{left:.5rem;right:.5rem;width:auto;top:3.6rem}.vtt-order~.aim-banner,.vtt-hud .target-chip{top:8.6rem}}.map-item{flex-wrap:wrap}.map-item .grow{flex:1 1 140px}.map-acts{margin-left:auto}.drag-item{cursor:grab;user-select:none;-webkit-user-select:none}.drag-item button,.drag-item .btn{cursor:pointer}.drag-item.dragging{opacity:.55;outline:2px dashed var(--ale-2);outline-offset:2px;transform:scale(.97);box-shadow:none}body.drag-ordering,body.drag-ordering *{cursor:grabbing!important;user-select:none!important}.vtok{transition:filter .3s,opacity .3s}.vtok.walking{z-index:4}.vtok.walking .vtok-art{animation:step-bob .23s ease-in-out infinite}@keyframes step-bob{50%{translate:0 calc(-.06 * var(--cell, 70px))}}.vtok-art.photo.lib{inset:5%;border-width:2px;box-shadow:0 0 0 1px #0009,0 5px 14px #000000a6}.vtok.dead .vtok-art{filter:grayscale(1) brightness(.5);transform:rotate(-12deg) scale(.92);transition:transform .6s var(--ease),filter .6s}.vtok.dead:after{animation:dead-x .5s var(--ease) both}@keyframes dead-x{0%{opacity:0;scale:1.6}}.vtok.fx-hit .vtok-art{animation:tok-hit .5s ease-out}.vtok.fx-crit .vtok-art{animation:tok-crit .8s ease-out}.vtok.fx-miss .vtok-art{animation:tok-dodge .5s ease-out}.vtok.fx-heal .vtok-art{animation:tok-heal .9s ease-out}@keyframes tok-hit{0%{translate:0 0;filter:brightness(1.5) sepia(1) saturate(6) hue-rotate(-45deg)}20%{translate:-6% 0}40%{translate:5% 0}60%{translate:-3% 0}to{translate:0 0;filter:none}}@keyframes tok-crit{0%{translate:0 0;scale:1.15;filter:brightness(2) sepia(1) saturate(8) hue-rotate(-50deg)}15%{translate:-9% 3%}30%{translate:8% -3%}45%{translate:-6% 2%}60%{translate:4% 0;scale:1}to{translate:0 0;filter:none}}@keyframes tok-dodge{30%{translate:10% -4%;rotate:8deg}to{translate:0 0;rotate:0deg}}@keyframes tok-heal{0%{filter:brightness(1.8) sepia(1) hue-rotate(60deg) saturate(2)}to{filter:none}}.vtt-reach{fill:#8fe0ff1a;stroke:#8fe0ff47}.vtt-path polyline{fill:none;stroke:#8fe0ff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgba(143,224,255,.8));stroke-dasharray:2 10;animation:path-march .6s linear infinite}.vtt-path circle{fill:#8fe0ff;opacity:.85}.vtt-path .path-end{fill:#8fe0ff38;stroke:#8fe0ff;stroke-width:2;vector-effect:non-scaling-stroke}.vtt-path.warn polyline{stroke:#ffb04a;fill:none;filter:drop-shadow(0 0 4px rgba(255,150,60,.9))}.vtt-path.warn circle{fill:#ffb04a;stroke:none}.vtt-path.warn .path-end{fill:#ff963c33;stroke:#ffb04a}@keyframes path-march{to{stroke-dashoffset:-12}}.path-tag{fill:#0c0906eb;stroke:#8fe0ff8c;stroke-width:1}.vtt-path.warn .path-tag{stroke:#ffb04ab3}.path-txt{fill:#e6f7ff;font:700 13px var(--font-ui)}.oa-threat{fill:none;stroke:#ff6b52;stroke-width:3;stroke-dasharray:8 5;vector-effect:non-scaling-stroke;animation:path-march .5s linear infinite}.vtok.threat .vtok-base{box-shadow:0 0 0 3px #ff6b52,0 0 20px #ff6b52}.vtt-viewport.aiming,.vtt-viewport.aiming .vtok{cursor:crosshair}.vtt-viewport.placing{cursor:copy}.vtok.aim-ok:before,.vtok.aim-dis:before,.vtok.aim-bad:before{content:"";position:absolute;inset:-7%;border-radius:50%;pointer-events:none}.vtok.aim-ok:before{border:3px solid #6fd36a;box-shadow:0 0 18px #6fd36ab3;animation:aim-pulse 1.1s ease-in-out infinite}.vtok.aim-dis:before{border:3px dashed #f2b84b;box-shadow:0 0 14px #f2b84b8c;animation:aim-pulse 1.1s ease-in-out infinite}.vtok.aim-bad{filter:grayscale(.7) brightness(.7)}.vtok.aim-bad:before{border:2px solid rgba(255,107,82,.5)}@keyframes aim-pulse{50%{scale:1.06;opacity:.75}}.vtt-aim line{stroke:#6fd36a;stroke-width:3;stroke-dasharray:10 6;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px #000)}.vtt-aim.dis line{stroke:#f2b84b}.vtt-aim.bad line{stroke:#ff6b52}.vtt-aim.ok .path-tag{stroke:#6fd36ab3}.vtt-aim.dis .path-tag{stroke:#f2b84bcc}.vtt-aim.bad .path-tag{stroke:#ff6b52cc}.vtt-place{fill:#e3a94b38;stroke:var(--ale-2);stroke-width:2;stroke-dasharray:6 4;vector-effect:non-scaling-stroke}.aim-banner{position:absolute;left:50%;top:4.6rem;translate:-50% 0;z-index:14;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;justify-content:center;max-width:calc(100% - 2rem);padding:.45rem .6rem .45rem .9rem;border-radius:99px;background:#100b08f0;border:1px solid rgba(111,211,106,.55);box-shadow:0 8px 30px #00000080;animation:fade-up .25s var(--ease) both}.aim-banner>svg{width:18px;height:18px;color:#6fd36a}.aim-banner.place{border-color:#e3a94b99}.aim-banner.place>svg{color:var(--ale-2)}.aim-legend{display:inline-flex;gap:.45rem;align-items:center;font-size:.7rem;color:var(--text-dim)}.aim-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}.aim-legend i.ok{background:#6fd36a}.aim-legend i.dis{background:#f2b84b}.aim-legend i.bad{background:#ff6b52}.oa-ask{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:#00000059;animation:fade-in .2s both}.oa-ask-card{width:min(440px,calc(100% - 2rem));padding:1.2rem 1.3rem 1rem;border-radius:var(--r-lg);text-align:center;display:grid;gap:.5rem;justify-items:center;background:radial-gradient(circle at 50% 0%,rgba(160,50,20,.35),transparent 60%),linear-gradient(180deg,#24170e,#120c07);border:1px solid rgba(255,107,82,.55);box-shadow:0 20px 60px #000000b3,0 0 40px #ff6b522e;animation:pop .3s var(--ease) both}.oa-ask-card h3{font-family:var(--font-display);letter-spacing:.08em;color:#ffd0c4;margin:0}.oa-ico{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,107,82,.6);color:#ff8a6e;background:#50140a80;animation:breathe 1.6s ease-in-out infinite}.oa-ico svg{width:26px;height:26px}@keyframes fade-in{0%{opacity:0}}.reaction-stack{position:absolute;left:50%;bottom:calc(100% + .6rem);translate:-50% 0;display:grid;gap:.5rem;width:min(560px,calc(100vw - 2rem));z-index:2}.vtt-hud>.reaction-stack{position:fixed;left:50%;bottom:13.5rem;translate:-50% 0;z-index:66}.reaction-card{padding:.7rem .8rem;border-radius:var(--r-lg);background:linear-gradient(180deg,#301840f7,#120a18f7);border:1px solid rgba(185,140,255,.65);box-shadow:0 12px 40px #0009,0 0 30px #b98cff40;animation:rc-in .35s var(--ease) both}@keyframes rc-in{0%{opacity:0;transform:translateY(14px) scale(.96)}}.rc-head{display:flex;gap:.6rem;align-items:center}.rc-ico{width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;color:#e8d6ff;background:#7846be80;border:1px solid #b98cff;animation:breathe 1.4s ease-in-out infinite}.rc-ico svg{width:20px;height:20px}.rc-opts{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.55rem}.rc-opts small{opacity:.75;margin-left:.2rem}.turn-hud{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:.6rem .8rem}.turn-hud.waiting,.turn-hud.off{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.turn-hud.npc{border-color:#d0453a73}.hud-left{display:flex;gap:.65rem;align-items:center;min-width:0}.hud-portrait .tok.lg{width:64px;height:64px;border-width:3px;box-shadow:0 0 0 2px #0009,0 0 18px var(--ale-glow)}.tok.lg{width:64px;height:64px}.hud-id{display:grid;gap:.1rem;min-width:0}.hud-hp{font-size:.78rem;color:var(--text-dim);display:flex;gap:.4rem;align-items:center}.hud-center{display:grid;gap:.4rem;min-width:0;max-height:40vh;overflow-y:auto;scrollbar-width:thin}.hud-row{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center}.hud-row.attacks{padding-bottom:.35rem;border-bottom:1px solid var(--line)}.hud-row .hud-group{display:contents}.hud-row .hud-btns{display:flex;gap:.3rem;flex-wrap:wrap}.hud-btn{width:64px;height:60px}.hud-btn.weapon,.hud-btn.spells{width:auto;min-width:92px;max-width:150px;height:60px;padding:.25rem .5rem;grid-template-columns:auto}.hud-btn.weapon .hud-lbl,.hud-btn.spells .hud-lbl{font-size:.66rem;font-weight:650;max-width:130px}.hud-sub{font-size:.58rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.hud-btn.spells.open{box-shadow:0 0 0 2px #c58cff inset}.hud-note{display:inline-flex;gap:.3rem;align-items:center;font-size:.7rem;color:var(--text-dim);padding:.2rem .5rem;border:1px dashed var(--line);border-radius:8px}.hud-note svg{width:14px;height:14px}.hud-right{display:grid;gap:.25rem;justify-items:center}.hud-keys{font-size:.6rem}.input.mini{width:58px;padding:.2rem .35rem;font-size:.8rem}.spell-bar{padding:.5rem;border-radius:var(--r-md);border:1px solid rgba(197,140,255,.4);background:#140c1cd9}.spell-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.3rem;margin-top:.35rem}.spell-opt{display:flex;gap:.45rem;align-items:center;padding:.3rem .45rem;border-radius:8px;border:1px solid var(--line);background:#0000004d}.spell-opt.off{opacity:.4}.spell-opt b{font-size:.78rem;display:block}.spell-opt small{font-size:.62rem;color:var(--text-dim)}.spell-cost{font-size:.8rem}.spell-cost.a{color:#6fd36a}.spell-cost.b{color:#f2b84b}@media(max-width:900px){.turn-hud{grid-template-columns:1fr}.hud-right{justify-items:stretch}}.init-strip{gap:.45rem}.strip-nav{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--text-dim);border:1px solid var(--line-strong);background:#00000059}.strip-nav svg{width:16px;height:16px}.strip-nav:hover{color:var(--ale-2);border-color:var(--ale)}.strip-nav.next{color:var(--ale-2)}.init-chip{min-width:64px;padding-bottom:.35rem}.init-chip .tok-bar{left:14%;right:14%;bottom:2px;height:3px}.init-chip.dragging{opacity:.55;outline:2px dashed var(--ale-2);outline-offset:2px}.init-chip.ally{border-color:#6fbf5a73}.init-chip.hidden{opacity:.55;border-style:dashed}.init-flags{position:absolute;left:-4px;top:-7px;display:flex;gap:1px}.init-flags i{min-width:15px;height:15px;border-radius:99px;display:grid;place-items:center;font-style:normal;font-size:.6rem;font-weight:800;background:#000c;border:1px solid var(--line-strong)}.init-flags i svg{width:10px;height:10px}.init-flags .f-sur{color:#ffd36a;border-color:#ffd36a}.init-flags .f-dodge{color:#8fe0ff}.init-flags .f-ready{color:#f2b84b}.init-flags .f-react{color:#b98cff}.init-down{position:absolute;bottom:-7px;font-size:.55rem;font-weight:800;color:#ff8a6e;background:#000000d9;padding:0 .3rem;border-radius:99px}.chip-more{position:absolute;right:2px;bottom:1px;font-size:.7rem;line-height:1;color:var(--text-faint);padding:0 2px}.init-chip:hover .chip-more{color:var(--ale-2)}.ctx-menu{position:fixed;z-index:95;width:250px;padding:.35rem;border-radius:var(--r-md);display:grid;gap:2px;background:#120c08fa;border:1px solid var(--line-strong);box-shadow:0 18px 50px #000000b3;animation:pop .15s var(--ease) both}.ctx-menu>button{display:flex;gap:.45rem;align-items:center;width:100%;padding:.38rem .5rem;border-radius:7px;border:0;background:transparent;color:var(--text);cursor:pointer;font-size:.8rem;text-align:left}.ctx-menu>button:hover{background:#e9a94524;color:var(--ale-2)}.ctx-menu>button svg{width:15px;height:15px;color:var(--text-dim)}.ctx-menu>button.danger{color:#ff9a86}.ctx-menu>button.danger:hover{background:#c8412e33}.ctx-title{padding:.3rem .5rem .4rem;font-family:var(--font-display);font-weight:700;color:var(--ale-2);border-bottom:1px solid var(--line);margin-bottom:2px}.ctx-title small{font-family:var(--font-ui);color:var(--text-dim);font-weight:500}.ctx-row{display:flex;gap:.3rem;align-items:center;flex-wrap:wrap;padding:.3rem .5rem;font-size:.75rem;color:var(--text-dim)}.ctx-row>span:first-child{min-width:58px}.ctx-hp{display:flex;justify-content:space-between;align-items:center;gap:.4rem;padding:.3rem .5rem .45rem;border-bottom:1px solid var(--line);margin-bottom:2px}.ctx-conds{display:flex;flex-wrap:wrap;gap:3px;padding:.2rem .5rem .4rem}.setup-opts{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}@media(max-width:760px){.setup-opts{grid-template-columns:1fr}}.setup-opt{padding:.6rem .7rem;border-radius:var(--r-md);border:1px solid var(--line);background:#00000038;display:grid;gap:.45rem;align-content:start}.setup-opt h4{display:flex;gap:.4rem;align-items:center;margin:0}.setup-opt h4 svg{width:16px;height:16px;color:var(--ale-2)}.seg.wrap{flex-wrap:wrap}.init-modes{display:grid;grid-template-columns:auto 1fr;gap:.35rem .6rem;align-items:center}.init-input{width:54px;text-align:center;font-weight:700;font-size:1rem;padding:.25rem}.token-pic{border-radius:50%;object-fit:cover;flex:none;box-shadow:0 2px 6px #00000080}.gm-turn-tools{display:grid;gap:.35rem;padding:.5rem;border-radius:var(--r-md);border:1px solid rgba(227,169,75,.35);background:#e3a94b0f}.gm-c.now{border-color:var(--ale);box-shadow:0 0 12px var(--ale-glow)}.mon-palette{display:grid;gap:.45rem}.mon-opts{justify-content:space-between}.mon-list{list-style:none;margin:0;padding:0;display:grid;gap:3px;max-height:calc(100vh - 360px);overflow-y:auto}.mon-list li{display:flex;align-items:center;gap:2px;border-radius:9px}.mon-list li.on{background:#e9a9451a}.mon-row{flex:1;min-width:0;display:flex;gap:.55rem;align-items:center;padding:.25rem .35rem;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;text-align:left}.mon-row:hover{border-color:#e9a94573;background:#e9a94514}.mon-row b{display:block;font-size:.82rem}.mon-row small{display:block;font-size:.66rem;color:var(--text-dim)}.statblock.compact{padding:.5rem;font-size:.75rem}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:.45rem;max-height:60vh;overflow-y:auto;padding:.2rem}.lib-tok{display:grid;justify-items:center;gap:.2rem;padding:.35rem .2rem;border-radius:var(--r-md);border:1px solid transparent;background:#00000040;cursor:pointer;color:var(--text-dim)}.lib-tok img{width:72px;height:72px;border-radius:50%;box-shadow:0 3px 8px #0009;transition:transform .15s}.lib-tok span{font-size:.62rem;text-align:center;line-height:1.15;max-height:2.3em;overflow:hidden}.lib-tok:hover{border-color:var(--ale);color:var(--text)}.lib-tok:hover img{transform:scale(1.08)}.sound-pop{position:fixed;top:calc(var(--top-h) + 8px);right:calc(var(--dock-w) + 12px);z-index:70;width:min(470px,calc(100vw - 24px));max-height:min(560px,calc(100vh - var(--top-h) - 24px));display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r-lg);background:linear-gradient(180deg,#1e150dfa,#0d0906fa);border:1px solid var(--line-strong);box-shadow:0 24px 70px #000000b3;animation:pop .2s var(--ease) both}.sound-pop.over{border-color:var(--ale);box-shadow:0 0 0 3px var(--ale-glow),0 24px 70px #000000b3}@media(max-width:1100px){.sound-pop{right:12px}}.sound-pop .sound-head{gap:.4rem;padding:.5rem .55rem;border-bottom:1px solid var(--line)}.sound-pop .sound-head .seg{flex:1;min-width:0}.sound-pop .sound-head .seg button{display:inline-flex;gap:.3rem;align-items:center;font-size:.74rem;padding:.3rem .5rem;white-space:nowrap}.sound-pop .sound-head .seg svg{width:14px;height:14px}.sound-pop .who{width:112px}.sound-note{padding:.3rem .7rem 0;margin:0}.sound-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:.55rem .6rem .7rem}.sound-pop>.sound-head,.sound-pop>.sound-who,.sound-pop>.now-playing{flex:none}.sound-pop>.now-playing{margin:.55rem .6rem 0}.sound-who{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.45rem .7rem 0}.sound-body .sound-sec{margin:.7rem 0 .4rem}.sfx-grid.compact{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:.35rem}.sfx-grid.compact .sfx-tile{aspect-ratio:auto;height:62px}.sfx-grid.compact .sfx-tile svg{width:20px;height:20px}.sfx-grid.compact .sfx-tile span{font-size:.62rem;line-height:1.1;text-align:center;max-height:2.2em;overflow:hidden}.time-picks.compact{margin-bottom:.5rem}.fx-layer{position:absolute;inset:0;pointer-events:none;z-index:7}.fx-slash{position:absolute;width:calc(var(--cell) * 1.15);height:calc(var(--cell) * 1.15);translate:-50% -50%}.fx-slash i{position:absolute;left:0;right:0;top:50%;height:max(3px,calc(var(--cell) * .06));border-radius:99px;background:linear-gradient(90deg,transparent,#fff 35%,#ffe0a0 65%,transparent);box-shadow:0 0 12px #ffcf70;transform-origin:0 50%;scale:0 1;animation:slash var(--dur) var(--ease) both}.fx-slash i:nth-child(2){top:34%;animation-delay:60ms}.fx-slash i:nth-child(3){top:66%;animation-delay:.11s}.fx-slash.crit i{background:linear-gradient(90deg,transparent,#fff 30%,#ff6b52 70%,transparent);box-shadow:0 0 18px #ff6b52;height:max(4px,calc(var(--cell) * .09))}.fx-slash.miss i{opacity:.4;background:linear-gradient(90deg,transparent,#cfd6e0,transparent);box-shadow:none}@keyframes slash{0%{scale:0 1;opacity:1}45%{scale:1 1;opacity:1}to{scale:1 1;opacity:0;translate:6% 0}}.fx-impact{position:absolute;left:50%;top:50%;width:calc(var(--cell) * 1.3);height:calc(var(--cell) * 1.3);translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,200,110,.6) 25%,rgba(255,120,60,.25) 50%,transparent 70%);animation:impact var(--dur) ease-out both;animation-delay:calc(var(--dur) * .35)}.fx-impact.end{left:100%;animation-delay:calc(var(--dur) * .7);background:radial-gradient(circle,rgba(255,255,255,.95),color-mix(in srgb,var(--c) 70%,transparent) 30%,transparent 70%)}.crit .fx-impact{width:calc(var(--cell) * 2);height:calc(var(--cell) * 2)}@keyframes impact{0%{scale:.1;opacity:0}20%{opacity:1}to{scale:1.1;opacity:0}}.fx-travel{position:absolute;height:0;transform-origin:0 50%}.fx-proj{position:absolute;left:0;top:0;translate:-50% -50%;animation:fly calc(var(--dur) * .75) cubic-bezier(.4,.1,.6,1) both}.fx-travel.shot .fx-proj{width:calc(var(--cell) * .6);height:max(3px,calc(var(--cell) * .05));border-radius:2px;background:linear-gradient(90deg,transparent,#d9c08a 40%,#fff);box-shadow:0 0 8px #ffe6aae6}.fx-travel.shot .fx-proj:after{content:"";position:absolute;right:-4px;top:50%;translate:0 -50%;border:max(4px,calc(var(--cell) * .07)) solid transparent;border-left-color:#fff}.fx-travel.orb .fx-proj{width:calc(var(--cell) * .42);height:calc(var(--cell) * .42);border-radius:50%;background:radial-gradient(circle,#fff,var(--c) 45%,transparent 72%);box-shadow:0 0 22px var(--c),0 0 44px var(--c)}.fx-travel.miss .fx-proj{opacity:.6}@keyframes fly{0%{left:0;opacity:0}10%{opacity:1}to{left:100%;opacity:1}}.fx-travel.miss .fx-proj{animation-name:fly-miss}@keyframes fly-miss{0%{left:0;opacity:0;translate:-50% -50%}10%{opacity:1}to{left:120%;opacity:0;translate:-50% 40%}}.fx-heal{position:absolute;width:0;height:0}.fx-heal i{position:absolute;width:calc(var(--cell) * .14);height:calc(var(--cell) * .14);border-radius:50%;background:radial-gradient(circle,#fff,#8fe08a 50%,transparent 72%);box-shadow:0 0 10px #8fe08a;animation:heal-up var(--dur) ease-out both}.fx-heal i:nth-child(1){left:calc(var(--cell) * -.3);animation-delay:0ms}.fx-heal i:nth-child(2){left:calc(var(--cell) * .2);animation-delay:.12s}.fx-heal i:nth-child(3){left:calc(var(--cell) * -.1);animation-delay:.24s}.fx-heal i:nth-child(4){left:calc(var(--cell) * .3);animation-delay:.38s}.fx-heal i:nth-child(5){left:calc(var(--cell) * -.35);animation-delay:.5s}.fx-heal i:nth-child(6){left:calc(var(--cell) * .05);animation-delay:.62s}@keyframes heal-up{0%{top:calc(var(--cell) * .3);opacity:0;scale:.5}25%{opacity:1;scale:1}to{top:calc(var(--cell) * -.9);opacity:0}}@media(prefers-reduced-motion:reduce){.fx-layer{display:none}.vtok.walking .vtok-art,.vtok.fx-hit .vtok-art,.vtok.fx-crit .vtok-art{animation:none}}.portrait-sm.round,.tok-row img{border-radius:50%}.vtt-tool.keys-btn{font-weight:800;font-size:1rem;font-family:var(--font-ui)}.keys-card{position:absolute;left:4.2rem;top:5.6rem;z-index:20;width:min(360px,calc(100% - 5.5rem));padding:.6rem .75rem;border-radius:var(--r-lg);background:#100b08f5;border:1px solid var(--line-strong);box-shadow:0 16px 44px #0009;animation:pop .18s var(--ease) both}.keys-card dl{margin:.35rem 0 0;display:grid;gap:.3rem}.keys-card dl>div{display:grid;grid-template-columns:9.5rem 1fr;gap:.5rem;align-items:baseline;font-size:.76rem}.keys-card dt{font-weight:700;color:var(--ale-2)}.keys-card dd{margin:0;color:var(--text-dim)}.turn-hud{grid-template-columns:228px minmax(0,1fr) auto;gap:.75rem;padding:.5rem .7rem}.hud-left{align-items:center;gap:.55rem}.hud-portrait .tok.lg{width:54px;height:54px}.hud-left .hud-name{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-left .econ{gap:.15rem .55rem;margin-top:.1rem}.hud-left .econ-pip{font-size:.9rem}.hud-left .econ-pip small{font-size:.62rem}.hud-left .econ-move{width:100%;font-size:.72rem}.hud-left .mv-bar{flex:1;width:auto;min-width:40px}.hud-center{max-height:34vh;gap:.35rem}.hud-row{gap:.3rem}.hud-row .hud-btns{flex-wrap:nowrap}.hud-row .hud-group+.hud-group .hud-btns{padding-left:.3rem;border-left:1px solid var(--line)}.hud-btn{width:56px;height:52px}.hud-btn svg{width:19px;height:19px}.hud-lbl{font-size:.55rem}.hud-btn.weapon,.hud-btn.spells{height:52px;min-width:100px}.hud-right .end-turn{white-space:nowrap}@media(max-width:1240px){.turn-hud{grid-template-columns:200px minmax(0,1fr) auto}.hud-left .hud-portrait{display:none}}@media(max-width:900px){.turn-hud{grid-template-columns:1fr}.hud-row .hud-btns{flex-wrap:wrap}}.vtt-order~.aim-banner,.vtt-order~.vtt-hud .target-chip{top:9.6rem}.vtt-hud .target-chip{top:9.6rem}.turn-hud>.hud-center>.spell-bar{position:absolute;left:.5rem;right:.5rem;bottom:calc(100% + .5rem);max-height:46vh;overflow-y:auto;box-shadow:0 -12px 40px #0009;background:linear-gradient(180deg,#22142cfa,#100a16fa);animation:pop .18s var(--ease) both}.ctx-menu{max-height:calc(100vh - 16px);overflow-y:auto;scrollbar-width:thin}@media(max-width:760px){.vtt-order~.aim-banner,.vtt-hud .target-chip{top:8.6rem}.aim-banner{border-radius:14px}}.vtt.gm:has(.vtt-side.open) .vtt-order{right:calc(min(340px,100vw - 80px) + 4.6rem)}.vtt-side.open{z-index:13}.aim-banner.place{flex-wrap:nowrap;white-space:nowrap}@media(max-width:1100px){.aim-banner.place{white-space:normal}}.vtt-hud .target-chip{position:fixed;top:auto;bottom:10.4rem;z-index:61}.vtt-order~.vtt-hud .target-chip{top:auto}@media(max-width:760px){.vtt-hud .target-chip{top:auto;bottom:15rem}}.vtt-hud .target-chip,.vtt-hud>.reaction-stack{left:calc((var(--rail-w) + 100vw - var(--dock-w)) / 2)}@media(max-width:1100px){.vtt-hud .target-chip,.vtt-hud>.reaction-stack{left:50%}}.scene-plaque.empty{white-space:nowrap;min-width:0;overflow:hidden}.scene-plaque.empty span{overflow:hidden;text-overflow:ellipsis}@media(max-width:1500px){body:has(.combat-chip) .scene-plaque.empty span{display:none}}body:has(.spell-bar) .vtt-hud .target-chip{display:none}.hud-target{display:inline-flex;align-items:center;gap:.25rem;margin-top:.2rem;max-width:100%;font-size:.72rem;color:#ffb4a4}.hud-target svg{width:13px;height:13px;flex:none}.hud-target b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-target .btn.icon{width:20px;height:20px;min-height:0;padding:0}.hud-target .btn.icon svg{width:11px;height:11px}@media(max-width:1400px){.turn-hud{grid-template-columns:196px minmax(0,1fr) auto}.hud-left .hud-portrait{display:none}}.vtt-area{--ac: #c58cff;pointer-events:none}.vtt-area .area-cell{fill:color-mix(in srgb,var(--ac) 42%,transparent);stroke:color-mix(in srgb,var(--ac) 70%,transparent);stroke-width:1;vector-effect:non-scaling-stroke;animation:area-breathe 1.6s ease-in-out infinite}.vtt-area .area-edge{fill:color-mix(in srgb,var(--ac) 10%,transparent);stroke:var(--ac);stroke-width:2.5;stroke-dasharray:9 5;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px var(--ac));animation:area-march 1.2s linear infinite}.vtt-area .area-origin{fill:#fff;stroke:var(--ac);stroke-width:3;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px var(--ac))}.vtt-area .area-range{fill:none;stroke:color-mix(in srgb,var(--ac) 45%,transparent);stroke-width:1.5;stroke-dasharray:3 7;vector-effect:non-scaling-stroke}.vtt-area .path-tag{stroke:color-mix(in srgb,var(--ac) 75%,transparent)}.vtt-area.out .area-cell{fill:#ff6b5224;animation:none}.vtt-area.ghost rect{fill:color-mix(in srgb,var(--ac) 18%,transparent);stroke:color-mix(in srgb,var(--ac) 40%,transparent);stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke;animation:area-breathe 2.2s ease-in-out infinite}.area-ghost-txt{fill:#fff;font:700 12px var(--font-ui);paint-order:stroke;stroke:#000000d9;stroke-width:3px}@keyframes area-breathe{50%{opacity:.62}}@keyframes area-march{to{stroke-dashoffset:-28}}.vtok.in-area .vtok-art{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 7px #ffc861);animation:in-area .9s ease-in-out infinite}@keyframes in-area{50%{filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 3px #ffc861)}}.aim-banner .area-edit{display:inline-flex;gap:.3rem}.aim-banner .input.mini{padding:.18rem .35rem;font-size:.76rem;height:auto;width:auto}.fx-area{position:absolute;inset:0}.fx-area .fx-cell{position:absolute;background:radial-gradient(circle,#fff 0,var(--c) 45%,color-mix(in srgb,var(--c) 30%,transparent) 75%);opacity:0;mix-blend-mode:screen;animation:fx-cell .7s ease-out both}@keyframes fx-cell{0%{opacity:0;transform:scale(.4)}25%{opacity:.95;transform:scale(1.04)}to{opacity:0;transform:scale(1)}}.fx-area b{position:absolute;translate:-50% -50%;pointer-events:none}.fx-area .fx-flash{border-radius:50%;background:radial-gradient(circle,#fff 0,var(--c) 30%,color-mix(in srgb,var(--c) 40%,transparent) 55%,transparent 70%);mix-blend-mode:screen;animation:fx-flash .65s ease-out var(--delay) both}@keyframes fx-flash{0%{opacity:0;transform:scale(.15)}20%{opacity:1}to{opacity:0;transform:scale(1.05)}}.fx-area .fx-ring{border-radius:50%;border:4px solid var(--c);box-shadow:0 0 22px var(--c),inset 0 0 22px var(--c);animation:fx-ring .8s cubic-bezier(.2,.7,.3,1) var(--delay) both}@keyframes fx-ring{0%{opacity:1;transform:scale(.1)}to{opacity:0;transform:scale(1.12)}}.fx-area .fx-beam{translate:0 -50%;transform-origin:0 50%;border-radius:99px;background:linear-gradient(90deg,#fff,var(--c) 30%,color-mix(in srgb,var(--c) 60%,transparent));box-shadow:0 0 16px var(--c),0 0 32px var(--c);mix-blend-mode:screen;animation:fx-beam .7s ease-out var(--delay) both}@keyframes fx-beam{0%{opacity:0;transform:scaleX(0)}25%{opacity:1;transform:scaleX(1)}60%{opacity:.9}to{opacity:0;transform:scaleX(1) scaleY(.2)}}.fx-area .fx-wave{border-radius:50%;background:conic-gradient(from 60deg,transparent 0 0deg,color-mix(in srgb,var(--c) 70%,transparent) 0deg 60deg,transparent 60deg);-webkit-mask:radial-gradient(circle,transparent 0,#000 20%,#000 60%,transparent 71%);mask:radial-gradient(circle,transparent 0,#000 20%,#000 60%,transparent 71%);mix-blend-mode:screen;animation:fx-wave .7s ease-out var(--delay) both}@keyframes fx-wave{0%{opacity:0;scale:.2}30%{opacity:1}to{opacity:0;scale:1}}.fx-area .fx-pulse{border:3px solid var(--c);border-radius:6px;box-shadow:0 0 20px var(--c),inset 0 0 24px var(--c);animation:fx-pulse .8s ease-out var(--delay) both}@keyframes fx-pulse{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1.04)}to{opacity:0;transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.fx-area .fx-cell{animation:none;opacity:0}.vtt-area .area-cell,.vtt-area .area-edge,.vtok.in-area .vtok-art{animation:none}}.yt-host{position:fixed;left:0;bottom:0;width:200px;height:113px;opacity:.001;pointer-events:none;z-index:-1;overflow:hidden}.mood-exploracao{--mc: #7fc8a9}.mood-combate{--mc: #ff7a52}.mood-calmo{--mc: #e7c27a}.mood-misterio{--mc: #a98cff}.mood-drama{--mc: #8fb8ff}.now-playing{display:flex;align-items:center;gap:.6rem;padding:.55rem .6rem;margin-bottom:.6rem;border:1px solid var(--line);border-radius:12px;background:linear-gradient(120deg,#e3a94b1f,#ffffff05)}.now-playing .np-thumb{width:64px;height:36px;object-fit:cover;border-radius:6px;flex:none}.now-playing .np-disc{width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;color:#140f08;background:radial-gradient(circle,#1a130b 0 18%,var(--mc, var(--ale)) 19% 100%);animation:np-spin 6s linear infinite}.now-playing .np-disc svg{width:14px;height:14px;opacity:0}@keyframes np-spin{to{rotate:360deg}}.now-playing .np-text{display:flex;flex-direction:column;min-width:0;flex:1}.now-playing .np-vol{width:84px;flex:none}.mood-filter{margin-bottom:.5rem}.mood-filter button{font-size:.74rem;padding:.25rem .55rem}.ost-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.ost-row{display:flex;align-items:center;gap:.55rem;padding:.45rem .5rem;border:1px solid var(--line);border-left:3px solid var(--mc, var(--ale));border-radius:10px;background:#ffffff05;transition:background .15s,border-color .15s}.ost-row:hover{background:#ffffff0d}.ost-row.on{background:color-mix(in srgb,var(--mc) 14%,transparent);border-color:color-mix(in srgb,var(--mc) 60%,transparent)}.ost-play{width:34px;height:34px;flex:none;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;color:#140f08;background:var(--mc, var(--ale));box-shadow:0 2px 10px color-mix(in srgb,var(--mc) 45%,transparent)}.ost-play svg{width:15px;height:15px}.ost-play .eq i{background:#140f08}.ost-play[aria-busy]{opacity:.6}.ost-text{display:flex;flex-direction:column;min-width:0;flex:1;gap:.1rem}.ost-text b{font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ost-text small{font-weight:500}.ost-tags{display:flex;flex-wrap:wrap;gap:.25rem}.ost-tags i{font-style:normal;font-size:.64rem;padding:.05rem .4rem;border-radius:99px;background:#ffffff0f;color:var(--ink-2, #cbbfa9)}.ost-tags .ost-len{background:none;padding-left:0;opacity:.7}.ost-preview.on{color:var(--mc)}.yt-form{display:flex;gap:.4rem;margin-bottom:.4rem}.yt-recent{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.yt-item{display:flex;align-items:center;gap:.55rem;width:100%;text-align:left;padding:.35rem;border:1px solid var(--line);border-radius:10px;background:#ffffff05;color:inherit;cursor:pointer}.yt-item:hover{background:#ffffff0d}.yt-item.on{border-color:#ff505099;background:#ff3c3c1a}.yt-item img{width:64px;height:36px;object-fit:cover;border-radius:6px;flex:none}@media(prefers-reduced-motion:reduce){.now-playing .np-disc{animation:none}}.ac-desc{white-space:pre-line}.ac-targets{list-style:none;margin:.1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.2rem}.ac-targets li{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;padding:.25rem .45rem;border-radius:8px;background:#ffffff09;font-size:.8rem;border-left:3px solid var(--dmg, #ff8a3d)}.ac-targets li.ok{border-left-color:#ffffff40}.ac-targets .ac-tsave{font-variant-numeric:tabular-nums;font-weight:700;color:var(--text-dim);font-size:.74rem}.ac-targets .ac-tdmg{color:var(--dmg, #ff8a3d);font-variant-numeric:tabular-nums}.ac-targets .ac-tnote{flex-basis:100%;color:var(--ale-2);font-size:.72rem}.aim-banner .area-count{font-size:.8rem;color:var(--text-dim)}.aim-banner .area-count b{color:#ffd27a;font-size:.9rem}.aim-banner .area-count.bad{color:#ff9a86}.vtt-zones{position:absolute;inset:0;overflow:visible;pointer-events:none}.vtt-zones.ground{z-index:2}.vtt-zones.above{z-index:5}.zone.anim.z-fog,.zone.anim.z-stink,.zone.anim.z-poison,.zone.anim.z-sleet,.zone.anim.z-fire{animation:zone-drift 9s ease-in-out infinite alternate}.zone.anim.z-darkness{animation:zone-pulse 6s ease-in-out infinite}.zone.anim.z-spirits{animation:zone-spin 14s linear infinite}.zone.anim.z-daggers{animation:zone-spin 2.4s linear infinite}.zone.anim.z-moon{animation:zone-moon 3s ease-in-out infinite;mix-blend-mode:screen}.zone.anim.z-flame{animation:zone-moon 1.2s ease-in-out infinite;mix-blend-mode:screen}.zone .z-snow{animation:zone-snow 4s linear infinite}@keyframes zone-drift{0%{transform:translate(-6px,-3px)}to{transform:translate(6px,4px)}}@keyframes zone-pulse{50%{opacity:.82}}@keyframes zone-spin{to{transform:rotate(360deg)}}@keyframes zone-moon{50%{opacity:.65}}@keyframes zone-snow{0%{transform:translateY(-20px);opacity:0}30%{opacity:1}to{transform:translateY(40px);opacity:0}}.vtok.eff-invis .vtok-art{opacity:.38;filter:saturate(.4) drop-shadow(0 0 6px #b9d8ff)}.vtok.eff-hidden .vtok-art{opacity:.55;filter:grayscale(.5) brightness(.75)}.vtok.eff-marked .vtok-art{filter:drop-shadow(0 0 3px #e9b3ff) drop-shadow(0 0 9px #b05cff)}.vtok.eff-blessed .vtok-base{box-shadow:0 0 0 2px #ffe28ca6,0 0 14px #ffd26e8c}.vtok.eff-banished{opacity:.25;filter:blur(1px) hue-rotate(200deg)}.vtok.eff-held .vtok-art{outline:2px dashed rgba(255,255,255,.55);outline-offset:3px;border-radius:50%}.vtok-effs{position:absolute;left:-4px;bottom:14%;display:flex;flex-direction:column;gap:2px;z-index:2;pointer-events:auto}.vtok-effs i{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#0c0906e6;border:1px solid rgba(255,220,140,.6);color:#ffe08a}.vtok-effs i.bad{border-color:#c878ffb3;color:#e2b4ff}.vtok-effs svg{width:10px;height:10px}.vtok-effs b{font-size:9px;color:#fff;text-shadow:0 1px 2px #000}.vtok.aim-picked .vtok-art{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 8px #7fe08a)}.vtok.aim-picked:after{content:"\2713";position:absolute;right:-4px;top:-4px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#3fa24a;color:#fff;font-size:11px;font-weight:800;z-index:3}.vtt-cellaim .cellaim-range{fill:#b9a8ff0f;stroke:#b9a8ff8c;stroke-width:1.5;stroke-dasharray:4 6;vector-effect:non-scaling-stroke}.vtt-cellaim .cellaim-to{stroke-width:2.5;vector-effect:non-scaling-stroke}.vtt-cellaim .cellaim-to.ok{fill:#b9a8ff4d;stroke:#c9b8ff;filter:drop-shadow(0 0 6px #b9a8ff)}.vtt-cellaim .cellaim-to.bad{fill:#ff6b522e;stroke:#ff6b52}.vtt-cellaim .cellaim-line{stroke:#c9b8ff;stroke-width:2;stroke-dasharray:3 6;vector-effect:non-scaling-stroke}.fx-puff{position:absolute;width:0;height:0}.fx-puff i{position:absolute;left:calc(var(--cell) * -.6);top:calc(var(--cell) * -.6);width:calc(var(--cell) * 1.2);height:calc(var(--cell) * 1.2);border-radius:50%;border:3px solid var(--c);box-shadow:0 0 18px var(--c);animation:puff var(--dur) ease-out both}.fx-puff i:nth-child(2){animation-delay:90ms}.fx-puff i:nth-child(3){animation-delay:.18s;background:radial-gradient(circle,rgba(255,255,255,.7),transparent 60%);border:0}@keyframes puff{0%{transform:scale(.2);opacity:1}to{transform:scale(1.5);opacity:0}}.legend-bar{position:fixed;right:calc(var(--dock-w) + 6rem);top:10rem;z-index:58;display:flex;flex-direction:column;gap:.35rem;align-items:flex-end;pointer-events:auto;max-width:min(420px,calc(100vw - 2rem))}@media(max-width:1100px){.legend-bar{right:1rem}}@media(max-width:760px){.legend-bar{top:auto;bottom:12rem;left:1rem;right:1rem;align-items:stretch}}.legend-row{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.35rem .55rem;border-radius:12px;background:linear-gradient(180deg,#281832f5,#120b18f5);border:1px solid rgba(200,140,255,.45);box-shadow:0 10px 30px #0000008c;max-width:min(720px,calc(100vw - 24px))}.legend-name{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;color:#e8d6ff}.legend-name svg{width:14px;height:14px}.legend-pips{display:inline-flex;gap:3px;margin-left:.2rem}.legend-pips i{width:9px;height:9px;transform:rotate(45deg);border:1px solid #c58cff;background:transparent}.legend-pips i.on{background:#c58cff;box-shadow:0 0 6px #c58cff}.legend-btn{font-size:.72rem;border-color:#c88cff66}.legend-btn small{opacity:.7;margin-left:.15rem}.gm-zones{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.gm-zone{display:flex;align-items:center;gap:.35rem;font-size:.78rem;padding:.15rem .35rem;border-radius:8px;background:#ffffff0a}.gm-zone i{width:10px;height:10px;border-radius:3px;background:var(--zc);box-shadow:0 0 6px var(--zc)}.gm-zone small{color:var(--text-dim);margin-left:auto}.gm-eff{display:flex;align-items:center;gap:.3rem;padding:.15rem .3rem;border-radius:6px;background:#c88cff14}.gm-eff svg{width:12px;height:12px;color:#d9b8ff}.hud-more-wrap{position:relative;display:inline-flex}.hud-btn.more svg{width:16px;height:16px}.hud-btn.more.open{border-color:var(--ale)}.hud-more{position:fixed;translate:-50% 0;z-index:90;display:grid;grid-template-columns:repeat(4,auto);gap:.3rem;padding:.45rem;border-radius:12px;background:linear-gradient(180deg,#1e150dfa,#0d0906fa);border:1px solid var(--line-strong);box-shadow:0 16px 40px #000000a6;animation:pop .15s var(--ease) both}.slot-pick{display:inline-flex;gap:.3rem;align-items:center;flex:none}.slot-pick .input.mini{padding:.2rem .3rem;font-size:.74rem;width:auto;height:auto}.slot-pick .btn small{opacity:.75;margin-left:.2rem;font-weight:500}.spell-bar{max-height:min(52vh,460px);overflow-y:auto}.discord-btn{background:#5865f2!important;border-color:#6d78f5!important;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;gap:.55rem}.discord-btn:hover{background:#4752c4!important}.discord-btn.big{padding:.8rem 1.2rem;font-size:1rem;font-weight:700;width:100%;box-shadow:0 10px 30px #5865f259}.gate-or{text-align:center;margin:.2rem 0}.login-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.login-list li{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border:1px solid var(--line);border-radius:10px;background:#ffffff05}.login-list li.discord{border-color:#5865f273}html.lite *,html.lite *:before,html.lite *:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html.lite .atmo-fog,html.lite .atmo-back,html.lite .atmo-front,html.lite .atmo-firelight,html.lite .atmo-rain-tint{animation:none!important}html.lite .fx-area .fx-cell{animation-duration:.45s}html.lite .vtt-area .area-cell,html.lite .vtt-area .area-edge,html.lite .vtok.in-area .vtok-art,html.lite .vtt-area.ghost rect{animation:none!important}html.lite .vtok-art,html.lite .vtok-base{filter:none!important}html.lite .eq i,html.lite .now-playing .np-disc,html.lite .zone{animation:none!important}html.lite .turn-hud,html.lite .sound-pop,html.lite .spell-bar,html.lite .action-pop{box-shadow:0 6px 18px #00000080!important}@media(max-width:900px){.turn-hud{grid-template-columns:1fr!important;max-height:58vh;overflow-y:auto}.turn-hud .hud-right{justify-items:stretch}.turn-hud .hud-right .end-turn{width:100%}.hud-more{grid-template-columns:repeat(3,auto);max-width:calc(100vw - 24px)}}.gate-legacy{border-top:1px solid var(--line);padding-top:.8rem;margin-top:.4rem}.gate-legacy>summary{cursor:pointer;color:var(--text-dim, #b9ad95);font-size:.9rem;list-style:none}.gate-legacy>summary::-webkit-details-marker{display:none}.gate-legacy>summary:before{content:"\25b8  "}.gate-legacy[open]>summary:before{content:"\25be  "}.gate-legacy[open]>summary{margin-bottom:.6rem}.gate-legacy .panel{margin-top:.6rem}.link-nudge{border-color:#5865f28c;background:linear-gradient(180deg,#5865f21f,#5865f20a)}.link-nudge .btn{align-self:flex-start}.gate2{position:relative;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:2rem 1rem;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse 70% 55% at 50% 38%,rgba(120,78,30,.28),transparent 70%),radial-gradient(ellipse at 50% 120%,rgba(60,20,10,.5),transparent 60%),#0c0806}.gate2-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}.gate2-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.65))}.gate2-watermark{position:absolute;left:50%;top:50%;width:min(980px,140vw);translate:-50% -50%;opacity:.045;filter:blur(.5px);animation:gate-turn 240s linear infinite}@keyframes gate-turn{to{rotate:360deg}}.gate2-embers i{position:absolute;bottom:-10px;width:3px;height:3px;border-radius:50%;background:#ffb661;box-shadow:0 0 8px 2px #ffa0468c;opacity:0;animation:ember-rise linear infinite}@keyframes ember-rise{0%{transform:translate(0);opacity:0}12%{opacity:.9}70%{opacity:.5}to{transform:translate(40px,-105vh);opacity:0}}.gate2-card{width:min(440px,100%);display:flex;flex-direction:column;align-items:stretch;gap:1rem;padding:2.4rem 2.2rem 1.6rem;border-radius:18px;background:linear-gradient(180deg,#1e160fdb,#0e0a07e6);border:1px solid var(--line-strong);box-shadow:0 0 0 1px #00000080,0 30px 80px #000000b3,0 0 120px #e3a94b14,inset 0 1px #ffe1af14;backdrop-filter:blur(10px);animation:gate-in .7s var(--ease) both;position:relative}.gate2-card:before{content:"";position:absolute;inset:7px;border-radius:13px;border:1px solid rgba(214,170,98,.1);pointer-events:none}@keyframes gate-in{0%{opacity:0;transform:translateY(14px) scale(.985)}}.gate2-logo{width:100%;height:auto;display:block;margin:0 auto;filter:drop-shadow(0 4px 18px rgba(227,169,75,.22))}.gate-divider{display:flex;align-items:center;gap:.7rem;color:var(--gold);opacity:.75;margin:-.2rem 0 .1rem}.gate-divider span{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong),transparent)}.gate2-title{text-align:center;font-family:var(--font-display);font-size:1.05rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);font-weight:600;margin:0}.gate2-discord{margin-top:.3rem;height:52px;border-radius:12px!important;font-size:1.02rem;letter-spacing:.01em;transition:transform .15s var(--ease),box-shadow .2s,background .2s}.gate2-discord:hover{transform:translateY(-1px);box-shadow:0 14px 36px #5865f273}.gate2-fine{text-align:center;font-size:.8rem;color:var(--text-faint);margin:-.35rem 0 0}.gate2-center{text-align:center}.gate2-skeleton{height:52px;border-radius:12px;background:linear-gradient(90deg,#ffffff08,#ffffff12,#ffffff08);background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.gate2-legacy{border-top:1px solid var(--line);padding-top:.9rem;margin-top:.2rem}.gate2-legacy-toggle{width:100%;display:flex;align-items:center;justify-content:center;gap:.4rem;background:none;border:0;color:var(--text-dim);font:inherit;font-size:.9rem;cursor:pointer;padding:.3rem;border-radius:8px}.gate2-legacy-toggle:hover{color:var(--ale-2)}.gate2-legacy-toggle svg{transition:rotate .2s var(--ease)}.gate2-legacy.open .gate2-legacy-toggle svg{rotate:180deg}.gate2-legacy-body{margin-top:.7rem;display:flex;flex-direction:column;gap:.7rem;animation:fade .25s ease}.gate2-legacy-body p{margin:0;text-align:center}.gate-table{padding:1rem;border-radius:12px;border:1px solid var(--line);background:#00000038}.gate-table .btn{width:100%}.gate2-help{align-self:center;background:none;border:0;color:var(--text-faint);font:inherit;font-size:.78rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer;margin-top:.2rem}.gate2-help:hover{color:var(--text-dim)}.gate-notice-back{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1rem;overflow-y:auto;background:#060402b8;backdrop-filter:blur(4px);animation:fade .25s ease}.gate-notice{width:min(520px,100%);padding:1.8rem 1.8rem 1.4rem;border-radius:16px;border:1px solid var(--line-strong);background:linear-gradient(180deg,#261c13fa,#100b08fa);box-shadow:0 30px 90px #000000bf,inset 0 1px #ffe1af14;animation:gate-in .4s var(--ease) both;display:flex;flex-direction:column;gap:.9rem}.gate-notice-emblem{align-self:center;filter:drop-shadow(0 4px 14px rgba(227,169,75,.3))}.gate-notice h2{margin:0;text-align:center;font-family:var(--font-display);font-size:1.45rem;color:var(--ale-2);letter-spacing:.04em}.gate-notice-lead{margin:0;text-align:center;color:var(--text)}.gate-notice-case{border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem;background:#0003}.gate-notice-case.old{border-color:#5865f273;background:linear-gradient(180deg,#5865f21a,#5865f208)}.gate-notice-case h3{margin:0 0 .35rem;font-size:.98rem;font-family:var(--font-ui);font-weight:700;color:var(--text)}.gate-notice-case p{margin:0;color:var(--text-dim);font-size:.92rem}.gate-notice-case ol{margin:.6rem 0 .4rem;padding-left:1.3rem;display:flex;flex-direction:column;gap:.4rem;color:var(--text);font-size:.92rem}.gate-notice-case b{color:var(--ale-2);font-weight:600}.gate-notice-tip{font-size:.82rem!important;color:var(--text-faint)!important;margin-top:.3rem!important}.gate-notice-actions{display:flex;gap:.6rem;justify-content:flex-end;flex-wrap:wrap}@media(max-width:520px){.gate2-card{padding:1.8rem 1.2rem 1.3rem}.gate-notice{padding:1.4rem 1.1rem 1.1rem}.gate-notice-actions .btn{flex:1}}html.lite .gate2-embers,html.lite .gate2-watermark{display:none}html.lite .gate2-card{backdrop-filter:none;animation:none}@media(prefers-reduced-motion:reduce){.gate2-embers{display:none}.gate2-watermark{animation:none}}.brand-logo{height:34px;width:auto;display:block;filter:drop-shadow(0 2px 8px rgba(227,169,75,.18))}.brand .brand-mark{width:36px;height:36px;object-fit:contain}.brand .brand-mark.only-sm{display:none}@media(max-width:640px){.brand-logo{display:none}.brand .brand-mark.only-sm{display:block}}.gate-notice-back{display:flex}.gate-notice{margin:auto}.brand-logo{height:42px}.gate2-watermark{opacity:.06}.gate-notice:focus{outline:none}
/*# sourceMappingURL=main.KPQBH36Y.css.map */