:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;color:#e7e3d8;background:#0d171b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#0d171b;min-width:320px;min-height:100%}body{min-width:320px;min-height:100dvh;margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #d1a261}::selection{color:#111b20;background:#d1a261}:root{--bg:#0d171b;--bg-deep:#091115;--panel:#17272c;--panel-raised:#20343a;--panel-soft:#1a2d32;--line:#9bb7b033;--line-strong:#b38a5275;--sea:#628c87;--sea-bright:#83aaa4;--brass:#c09256;--brass-bright:#d7aa69;--text:#e7e3d8;--muted:#aebdb8;--danger:#b55d51;--danger-deep:#793d38;--success:#72a08c;--shadow:0 18px 55px #00000047}.app-shell{isolation:isolate;background:linear-gradient(90deg, #b8d5cc06 1px, transparent 1px) 0 0 / 84px 84px, linear-gradient(#b8d5cc05 1px, transparent 1px) 0 0 / 84px 84px, radial-gradient(circle at 78% 8%, #557b7829, transparent 34rem), linear-gradient(135deg, var(--bg-deep), var(--bg) 38%, #102026);min-height:100vh;position:relative;overflow-x:clip}.app-shell:before{z-index:-1;pointer-events:none;content:"";opacity:.55;background:repeating-linear-gradient(115deg,#0000 0 28px,#ffffff03 29px 30px),radial-gradient(circle at 50% -10%,#0000 0 48%,#0000004d 100%);position:fixed;inset:0}.page-width{width:min(1540px,100% - 48px);margin-inline:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--text);letter-spacing:.01em;font-family:Georgia,Times New Roman,serif;font-weight:600}.eyebrow{color:var(--brass-bright);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.3rem;font-size:.73rem;font-weight:800}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.storage-warning{z-index:60;color:#efb0a7;background:#4a2322f0;border:1px solid #b55d518c;border-radius:6px;align-items:center;gap:.65rem;width:min(1540px,100% - 48px);min-height:44px;margin:.7rem auto -.35rem;padding:.55rem .7rem .55rem .85rem;font-size:.875rem;display:flex;position:relative;box-shadow:0 12px 35px #00000042}.storage-warning>span{flex:1}.storage-warning button{width:30px;height:30px;color:inherit;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid}.storage-warning button:hover{background:#ffffff14}svg{stroke-width:1.8px;width:1.05rem;height:1.05rem}.button{min-height:44px;color:var(--text);letter-spacing:.015em;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:.55rem;padding:.66rem 1rem;font-size:.86rem;font-weight:750;transition:transform .15s,border-color .15s,background .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{opacity:.42}.button-primary{color:#172023;background:linear-gradient(#d7aa69,#b38349);border-color:#e0b574;box-shadow:0 7px 20px #9c6d3433,inset 0 1px #ffffff40}.button-primary:hover:not(:disabled){background:linear-gradient(#e0b879,#c19154)}.button-secondary{border-color:var(--line-strong);color:var(--text);background:#b38a5217}.button-secondary:hover:not(:disabled){border-color:var(--brass);background:#b38a5229}.button-quiet{border-color:var(--line);color:var(--muted);background:#ffffff06}.button-quiet:hover:not(:disabled){color:var(--text);background:#628c871a;border-color:#83aaa473}.icon-button{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);background:#ffffff06;border-radius:5px;flex:0 0 36px;place-items:center;padding:0;transition:color .14s,border-color .14s,background .14s;display:inline-grid}.icon-button:hover{color:var(--text);background:#628c871f;border-color:#83aaa480}.icon-button.danger:hover{color:#e99689;background:#b55d511f;border-color:#b55d5199}.status-badge{letter-spacing:.08em;text-transform:uppercase;border:1px solid;border-radius:999px;align-items:center;gap:.4rem;width:max-content;padding:.28rem .58rem;font-size:.7rem;font-weight:800;display:inline-flex}.status-badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}.status-prepared{color:#bac7c3;background:#aebdb80f;border-color:#aebdb852}.status-running{color:#8fc0aa;background:#72a08c1a;border-color:#72a08c6b}.status-ended{color:#d37b6f;background:#b55d5114;border-color:#b55d516b}.home-page{padding-bottom:4rem}.home-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1.5rem;min-height:104px;display:flex}.brand{align-items:center;gap:.85rem;display:flex}.brand-mark{border:1px solid var(--line-strong);width:49px;height:49px;color:var(--brass-bright);background:radial-gradient(circle,#b38a522b,#0000 65%);border-radius:50%;place-items:center;display:grid;position:relative}.brand-mark:before,.brand-mark:after{content:"";background:var(--line-strong);position:absolute}.brand-mark:before{width:59px;height:1px}.brand-mark:after{width:1px;height:59px}.brand-mark svg{z-index:1;width:23px;height:23px}.brand div{flex-direction:column;line-height:1;display:flex}.brand div span{color:var(--brass-bright);letter-spacing:.21em;text-transform:uppercase;font-size:.68rem;font-weight:850}.brand div strong{color:var(--text);letter-spacing:.025em;margin-top:.35rem;font-family:Georgia,Times New Roman,serif;font-size:1.28rem}.backup-actions{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;display:flex}.home-intro{justify-content:space-between;align-items:end;gap:2rem;padding:4.4rem 0 2rem;display:flex}.home-intro h1{margin-bottom:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}.encounter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem;display:grid}.encounter-card{border:1px solid var(--line);background:linear-gradient(135deg, #ffffff09, transparent 40%), var(--panel);min-height:278px;box-shadow:var(--shadow);border-radius:8px;flex-direction:column;padding:1.35rem;transition:transform .16s,border-color .16s;display:flex;position:relative;overflow:hidden}.encounter-card:before{content:"";background:linear-gradient(90deg, transparent, var(--brass), transparent);opacity:.7;height:3px;position:absolute;top:0;left:0;right:0}.encounter-card:hover{border-color:#b38a525c;transform:translateY(-2px)}.card-bearing{color:#aebdb809;font-family:Georgia,serif;font-size:9rem;font-weight:700;line-height:1;position:absolute;bottom:-1.5rem;right:-1.1rem}.encounter-card-top,.encounter-stats,.card-actions{z-index:1;display:flex;position:relative}.encounter-card-top{justify-content:space-between;align-items:center}.card-date{color:var(--muted);letter-spacing:.05em;font-size:.76rem}.encounter-card h2{z-index:1;max-width:88%;margin:1.35rem 0 1rem;font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.16;position:relative}.encounter-stats{color:var(--muted);flex-wrap:wrap;gap:.6rem 1.1rem;margin-bottom:1.5rem;font-size:.8rem}.encounter-stats span{align-items:center;gap:.38rem;display:flex}.encounter-stats svg{width:.9rem;height:.9rem;color:var(--sea-bright)}.open-encounter{z-index:1;width:100%;margin-top:auto;position:relative}.open-encounter svg{margin-left:auto}.card-actions{justify-content:flex-end;gap:.45rem;margin-top:.7rem}.empty-state{text-align:center;background:#17272c8c;border:1px dashed #83aaa452;border-radius:8px;align-content:center;place-items:center;min-height:360px;padding:2rem;display:grid}.empty-state>svg{width:2.4rem;height:2.4rem;color:var(--brass);margin-bottom:1rem}.empty-state h2{margin-bottom:.45rem}.empty-state p{color:var(--muted);margin-bottom:1.4rem}.combat-page{padding:1.2rem 0 3rem}.combat-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#101d22f0;border:1px solid #b38a524d;border-radius:8px;grid-template-columns:auto minmax(210px,1fr) auto auto auto;align-items:center;gap:.8rem;margin-bottom:1rem;padding:.8rem;display:grid;position:sticky;top:.7rem;box-shadow:0 15px 40px #00000052}.back-button{min-height:42px;color:var(--muted);background:0 0;border:0;align-items:center;gap:.45rem;padding:.55rem .7rem;font-size:.78rem;font-weight:700;display:flex}.back-button:hover{color:var(--text)}.combat-title-block{min-width:0;padding-inline:.4rem}.combat-title-meta{flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.34rem;display:flex}.view-toggle{border:1px solid var(--line);background:#050e126b;border-radius:5px;grid-template-columns:repeat(2,auto);padding:2px;display:inline-grid}.view-toggle button{color:#91a39e;letter-spacing:.025em;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;gap:.3rem;min-height:25px;padding:.22rem .48rem;font-size:.66rem;font-weight:800;display:inline-flex}.view-toggle button:hover{color:var(--text);background:#628c871a}.view-toggle button[aria-pressed=true]{color:#172023;background:linear-gradient(#d7aa69,#ae7f47);box-shadow:inset 0 1px #fff3}.view-toggle svg{width:.78rem;height:.78rem}.combat-title-block h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(1.1rem,2vw,1.7rem);overflow:hidden}.round-control{border:1px solid var(--line-strong);background:#b38a520f;border-radius:6px;grid-template-columns:42px 70px 42px;min-height:56px;display:grid;overflow:hidden}.round-control button{color:var(--brass-bright);background:#b38a5214;border:0;font-size:1.5rem}.round-control button:hover{background:#b38a5229}.round-control div{border-inline:1px solid var(--line-strong);flex-direction:column;justify-content:center;align-items:center;display:flex}.round-control span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.62rem;font-weight:800}.round-control strong{color:var(--text);font-size:1.35rem;line-height:1}.next-turn{min-height:56px;padding-inline:1.25rem}.combat-layout{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:1rem;min-width:0;display:grid}.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#17272cd1;border-radius:8px}.initiative-panel,.loot-panel{min-width:0;padding:1rem}.loot-panel{position:sticky;top:7.7rem}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.2rem .25rem .9rem;display:flex}.section-heading h2{margin-bottom:0;font-size:1.55rem}.participant-list{flex-direction:column;gap:.65rem;margin-top:.8rem;display:flex}.battle-grid-area{margin-top:.8rem}.battle-grid-help{color:#91a49f;letter-spacing:.02em;justify-content:space-between;align-items:center;gap:.75rem;padding:.15rem .2rem .65rem;font-size:.68rem;font-weight:700;display:flex}.battle-grid-help span{align-items:center;gap:.35rem;display:inline-flex}.battle-grid-help svg{width:.82rem;height:.82rem;color:var(--brass-bright)}.battle-grid-scroll{scrollbar-color:#83aaa46b #050d11a6;background:#060f139e;border:1px solid #9bb7b024;border-radius:7px;width:100%;max-width:100%;padding:.75rem;overflow:auto}.battle-grid-scroll:focus-visible{outline:2px solid var(--brass-bright);outline-offset:2px}.battle-grid{background-color:#13282e;background-image:linear-gradient(#82a7a12b 1px,#0000 1px),linear-gradient(90deg,#82a7a12b 1px,#0000 1px),radial-gradient(circle at 72% 19%,#5c847e21,#0000 34%),linear-gradient(132deg,#ffffff04,#0000 43%,#050e122e);background-position:-1px -1px,-1px -1px,0 0,0 0;background-size:68px 68px,68px 68px,auto,auto;border:1px solid #83aaa470;border-radius:4px;width:816px;height:544px;margin-inline:auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #050d11b3,inset 0 0 42px #00000038,0 14px 30px #0003}.battle-grid:before,.battle-grid:after{z-index:0;pointer-events:none;content:"";position:absolute}.battle-grid:before{border:1px solid #bf955b29;inset:6px}.battle-grid:after{background:linear-gradient(45deg,#0000 48%,#c0925657 49% 51%,#0000 52%),linear-gradient(-45deg,#0000 48%,#c0925657 49% 51%,#0000 52%);border:1px solid #c0925657;border-radius:50%;width:38px;height:38px;bottom:12px;right:12px;transform:rotate(12deg);box-shadow:0 0 0 4px #050e1242}.battle-token{z-index:2;width:64px;height:66px;color:var(--text);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:0;justify-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.battle-token:hover,.battle-token:focus-visible{z-index:5}.battle-token:focus-visible{outline:none}.battle-token.is-dragging{z-index:10;cursor:grabbing}.battle-token-core{z-index:2;color:#f0ddd7;background:radial-gradient(circle at 34% 24%,#ffffff1a,#0000 27%),linear-gradient(145deg,#50363a,#251f25 68%);border:2px solid #9b625a;border-radius:50%;place-items:center;width:45px;height:45px;display:grid;position:relative;box-shadow:0 0 0 2px #070f12e0,0 5px 10px #0000006b,inset 0 0 0 2px #d79a8e1f}.battle-token-player .battle-token-core{color:#e0eeeb;background:radial-gradient(circle at 34% 24%,#ffffff1f,#0000 27%),linear-gradient(145deg,#2c5558,#172c32 68%);border-color:#82aaa4}.battle-token-core strong{letter-spacing:.035em;font-family:Georgia,serif;font-size:.86rem;line-height:1}.battle-token-type{color:#d9cbc0;background:#172126;border:1px solid #9bb7b06b;border-radius:50%;place-items:center;width:15px;height:15px;display:grid;position:absolute;bottom:-3px;right:-4px}.battle-token-type svg{width:8px;height:8px}.battle-token-name{z-index:3;color:#dbe1dd;text-align:center;text-overflow:ellipsis;text-shadow:0 2px 3px #000000e6;white-space:nowrap;width:68px;margin-top:-1px;font-size:.58rem;font-weight:850;line-height:1.05;display:block;overflow:hidden}.battle-token-hp{z-index:3;background:#03090cc7;border:1px solid #040a0dd6;border-radius:999px;width:48px;height:4px;margin-top:2px;display:block;overflow:hidden}.battle-token-hp>span{border-radius:inherit;background:linear-gradient(90deg,#b85d54,#d0a15f 50%,#79aa91);height:100%;display:block}.battle-token-hp-value{z-index:3;color:#afbeb9;text-shadow:0 1px 3px #000000e0;margin-top:1px;font-size:.5rem;font-weight:800;line-height:1}.battle-token-active{z-index:5;color:#182124;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#d7aa69;border:1px solid #e2b778;border-radius:999px;padding:2px 5px;font-size:.46rem;font-weight:950;line-height:1;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #00000061}.battle-token-conditions{z-index:5;gap:2px;display:grid;position:absolute;top:3px;left:47px}.battle-token-conditions>span{background:#d0a15f;border:1px solid #070f12db;border-radius:50%;width:6px;height:6px;box-shadow:0 1px 3px #00000094}.battle-token-conditions>span:nth-child(2){background:#79aaa1}.battle-token-conditions>span:nth-child(3){background:#ad79ca}.battle-token-conditions b{color:#e0c08c;font-size:.48rem;line-height:1}.battle-token-defeated{z-index:6;color:#edaaa0;background:#231417e6;border:1px solid #de8d82b8;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:13px;left:50%;transform:translate(-50%)}.battle-token-defeated svg{width:12px;height:12px}.battle-token.is-defeated:not(.is-active){filter:grayscale(.82)brightness(.7)}.battle-token.is-defeated .battle-token-name{color:#c9c9c3;-webkit-text-decoration:line-through #dd8478c7;text-decoration:line-through #dd8478c7}.battle-token-ornament{z-index:1;pointer-events:none;width:53px;height:53px;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.battle-token-yumbin .battle-token-core{color:#e9f8fd;background:radial-gradient(circle at 36% 22%,#afe7f93b,#0000 26%),linear-gradient(145deg,#18547a,#122c4d 72%);border-color:#6cccf0;box-shadow:0 0 0 2px #070f17eb,0 0 10px #4cb4e559,inset 0 0 0 2px #b0e2f11f}.battle-token-yumbin .battle-token-ornament{clip-path:polygon(12% 24%,25% 4%,38% 18%,52% 0,66% 20%,81% 7%,92% 30%,100% 71%,77% 100%,22% 96%,0 68%);border:1px solid #5bc1eb99;border-radius:46% 54% 48% 52%;box-shadow:0 0 7px #44b1e26b}.battle-token-brynia .battle-token-core{color:#e3ecdc;background:radial-gradient(circle at 32% 23%,#bbd5a224,#0000 27%),linear-gradient(145deg,#365439,#1d3025 70%);border-color:#789d69;box-shadow:0 0 0 2px #09110deb,0 0 0 4px #694d3080,inset 0 0 0 2px #8fb2771f}.battle-token-brynia .battle-token-ornament{border:2px dotted #7fa368a6;border-radius:45% 55% 48% 52%;transform:translate(-50%)rotate(-8deg);box-shadow:0 0 0 2px #6c4c2d4d}.battle-token-thalia .battle-token-core{color:#f0e9f4;background:radial-gradient(circle at 34% 22%,#e5deef29,#0000 25%),linear-gradient(145deg,#5a3970,#2d2545 72%);border-color:#b67bd6;border-radius:44% 56% 47% 53%;box-shadow:0 0 0 2px #0c0c16eb,0 0 9px #9e5fc759,inset 0 0 0 2px #cdc7dd24}.battle-token-thalia .battle-token-ornament{clip-path:polygon(10% 15%,31% 0,45% 10%,66% 2%,100% 25%,88% 48%,99% 69%,73% 100%,52% 88%,27% 99%,0 72%,11% 46%,0 29%);border:1px solid #bc84dcad;box-shadow:0 0 6px #9b5cc761}.battle-token.is-active .battle-token-core{border-color:#edc386;box-shadow:0 0 0 2px #8f6638,0 0 0 4px #e1b270b3,0 0 16px #d7aa696b,0 6px 12px #0000007a}.participant-card{background:linear-gradient(105deg, #ffffff08, transparent 45%), var(--panel-raised);border:1px solid #9bb7b02e;border-radius:7px;grid-template-columns:14px 78px minmax(190px,1fr) minmax(360px,1.2fr);min-height:158px;scroll-margin-top:7.5rem;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;position:relative;overflow:hidden}.participant-card.is-active{border-color:var(--brass-bright);transform:translate(2px);box-shadow:0 0 0 1px #d7aa6973,0 10px 35px #0000004d,inset 0 0 38px #b38a5214}.participant-card.is-defeated{background:repeating-linear-gradient(135deg,#0000 0 12px,#b55d5107 13px 14px),#202e32;border-color:#b55d516b}.participant-card.is-defeated:not(.is-active) .turn-rail{background:linear-gradient(180deg, var(--danger), var(--danger-deep))}.participant-card.is-defeated .participant-main,.participant-card.is-defeated .initiative-cell{opacity:.66}.participant-card.participant-theme-yumbin{--participant-theme-accent:91, 188, 232;--participant-theme-secondary:70, 106, 151;--participant-theme-metal:173, 204, 216}.participant-card.participant-theme-brynia{--participant-theme-accent:108, 153, 99;--participant-theme-secondary:126, 94, 59;--participant-theme-metal:151, 171, 130}.participant-card.participant-theme-thalia{--participant-theme-accent:165, 108, 207;--participant-theme-secondary:122, 132, 160;--participant-theme-metal:195, 198, 214}.participant-card.participant-theme-yumbin,.participant-card.participant-theme-brynia,.participant-card.participant-theme-thalia{border-color:rgba(var(--participant-theme-accent), .5);background:linear-gradient(108deg, rgba(var(--participant-theme-accent), .08), transparent 29%, transparent 72%, rgba(var(--participant-theme-secondary), .075)), radial-gradient(ellipse at 92% 0%, rgba(var(--participant-theme-accent), .1), transparent 36%), linear-gradient(105deg, #ffffff07, transparent 45%), var(--panel-raised)}.participant-card.participant-theme-yumbin .initiative-cell,.participant-card.participant-theme-yumbin .participant-main,.participant-card.participant-theme-brynia .initiative-cell,.participant-card.participant-theme-brynia .participant-main,.participant-card.participant-theme-thalia .initiative-cell,.participant-card.participant-theme-thalia .participant-main{border-color:rgba(var(--participant-theme-accent), .2)}.participant-card.is-defeated.participant-theme-yumbin,.participant-card.is-defeated.participant-theme-brynia,.participant-card.is-defeated.participant-theme-thalia{background:repeating-linear-gradient(135deg, transparent 0 12px, #b55d510a 13px 14px), linear-gradient(108deg, rgba(var(--participant-theme-accent), .06), transparent 38%), #202e32;border-color:#b55d5185}.participant-card.is-active.participant-theme-yumbin,.participant-card.is-active.participant-theme-brynia,.participant-card.is-active.participant-theme-thalia{border-color:var(--brass-bright)}.participant-card-ornament{z-index:1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.participant-card>.turn-rail,.participant-card>.initiative-cell,.participant-card>.participant-main,.participant-card>.hp-cell{z-index:2;position:relative}.participant-card-ornament:before,.participant-card-ornament:after{content:"";position:absolute}.participant-card-ornament-yumbin:before{clip-path:polygon(0 0,18% 0,21% 4px,79% 4px,82% 0,100% 0,100% 100%,76% 100%,73% calc(100% - 4px),27% calc(100% - 4px),24% 100%,0 100%);border:1px solid #67caf17a;border-radius:5px;inset:2px;box-shadow:inset 0 0 0 1px #b8dce71a,inset 0 0 22px #3391cc14}.participant-card-ornament-yumbin:after{opacity:.9;filter:drop-shadow(0 0 4px #2f98da70);background:radial-gradient(26px 13px at 8% 0,#0000 52%,#70d7f9cc 56% 60%,#0000 64%),radial-gradient(36px 14px at 29% 0,#0000 55%,#4ca8dd9e 58% 62%,#0000 66%),radial-gradient(30px 13px at 67% 100%,#0000 54%,#5abde8a8 58% 62%,#0000 66%),radial-gradient(24px 12px at 93% 100%,#0000 52%,#84def9b8 56% 60%,#0000 64%),linear-gradient(90deg,#0000,#b6deebb8,#0000) 20% 2px/60% 1px no-repeat,linear-gradient(90deg,#0000,#46a9dcad,#0000) 18% calc(100% - 2px)/64% 1px no-repeat;inset:0}.participant-card-ornament-brynia:before{background:radial-gradient(circle at 0 0,#0000 0 17px,#71995b94 18px 19px,#0000 20px) 0 0/48px 48px no-repeat,radial-gradient(circle at 100% 0,#0000 0 19px,#89694194 20px 21px,#0000 22px) 100% 0/52px 52px no-repeat,radial-gradient(circle at 100% 100%,#0000 0 16px,#6893588c 17px 18px,#0000 19px) 100% 100%/46px 46px no-repeat,radial-gradient(circle at 0 100%,#0000 0 20px,#8969418a 21px 22px,#0000 23px) 0 100%/54px 54px no-repeat;border:1px solid #79a2668a;border-radius:5px;inset:3px;box-shadow:inset 0 0 0 1px #8b663e2e,inset 0 0 19px #37623b12}.participant-card-ornament-brynia:after{opacity:.78;filter:drop-shadow(0 1px 2px #0000007a);background:repeating-linear-gradient(135deg,#0000 0 17px,#a07d4ca8 18px 19px,#0000 20px 31px) top/100% 7px no-repeat,repeating-linear-gradient(-45deg,#0000 0 19px,#67965ba3 20px 21px,#0000 22px 34px) bottom/100% 7px no-repeat,repeating-linear-gradient(45deg,#0000 0 15px,#8f6a4299 16px 17px,#0000 18px 29px) 0/7px 100% no-repeat,repeating-linear-gradient(-135deg,#0000 0 18px,#67955994 19px 20px,#0000 21px 32px) 100%/7px 100% no-repeat;inset:1px}.participant-card-ornament-thalia:before{clip-path:polygon(0 0,12% 0,15% 5px,31% 1px,59% 3px,64% 0,100% 0,100% 35%,calc(100% - 4px) 40%,100% 69%,calc(100% - 5px) 75%,100% 100%,61% 100%,57% calc(100% - 4px),22% 100%,18% calc(100% - 5px),0 100%);border:1px solid #b179d885;border-radius:4px;inset:2px;box-shadow:inset 0 0 0 1px #cacddc1a,inset 0 0 23px #874bb314}.participant-card-ornament-thalia:after{opacity:.88;filter:drop-shadow(0 0 3px #8b4fb961);background:linear-gradient(128deg,#0000 43%,#d2cce2c2 46% 49%,#0000 52%) 0 0/84px 16px no-repeat,linear-gradient(52deg,#0000 44%,#aa68d8bd 47% 51%,#0000 54%) 100% 0/102px 18px no-repeat,linear-gradient(118deg,#0000 43%,#8a92b2b3 46% 50%,#0000 53%) right top 38%/13px 62px no-repeat,linear-gradient(55deg,#0000 42%,#c686e7b3 46% 50%,#0000 54%) 100% 100%/88px 17px no-repeat,linear-gradient(126deg,#0000 43%,#adb4ccb3 47% 50%,#0000 54%) 0 100%/110px 17px no-repeat,linear-gradient(48deg,#0000 42%,#9d5cc9b3 46% 50%,#0000 54%) left bottom 37%/13px 58px no-repeat;inset:0}.participant-card.participant-theme-yumbin h3{text-shadow:0 0 13px #52b5e22e}.participant-card.participant-theme-brynia h3{text-shadow:0 1px 10px #507d4a29}.participant-card.participant-theme-thalia h3{text-shadow:0 0 13px #9f62ca2e}.turn-rail{color:#172023;background:#628c8738;justify-content:center;align-items:center;display:flex;position:relative}.is-active .turn-rail{background:linear-gradient(180deg, var(--brass-bright), var(--brass))}.turn-rail span{letter-spacing:.13em;text-align:center;width:85px;font-size:.56rem;font-weight:900;position:absolute;transform:rotate(-90deg)}.initiative-cell{border-right:1px solid var(--line);background:#09141838;flex-direction:column;justify-content:center;align-items:center;display:flex}.initiative-cell>span{color:var(--muted);letter-spacing:.14em;font-size:.62rem;font-weight:850}.initiative-cell>strong{color:var(--text);font-variant-numeric:tabular-nums;font-family:Georgia,serif;font-size:2.2rem;line-height:1.1}.tie-controls{grid-template-columns:repeat(2,28px);gap:.25rem;margin-top:.55rem;display:grid}.tie-controls button{width:28px;height:28px;color:var(--sea-bright);background:#628c8717;border:1px solid #83aaa457;border-radius:4px;place-items:center;padding:0;transition:border-color .14s,color .14s,background .14s;display:grid}.tie-controls button:not(:disabled):hover{color:var(--brass-bright);background:#b38a5224;border-color:#d7aa699e}.tie-controls button:disabled{cursor:not-allowed;opacity:.28}.tie-controls svg{width:.8rem;height:.8rem}.tie-controls .initiative-roll{width:60px;height:25px;color:var(--brass-bright);letter-spacing:.05em;background:#b38a521c;border-color:#d7aa6970;grid-column:1/-1;justify-content:center;align-items:center;gap:.25rem;font-size:.58rem;font-weight:900;display:flex}.tie-controls .initiative-roll svg{width:.72rem;height:.72rem}.initiative-roll.roll-odd{animation:.62s cubic-bezier(.2,.8,.25,1) initiative-die-roll-odd}.initiative-roll.roll-even{animation:.62s cubic-bezier(.2,.8,.25,1) initiative-die-roll-even}@keyframes initiative-die-roll-odd{0%{transform:translateY(0)rotate(0)}28%{transform:translateY(-5px)rotate(-13deg)scale(1.08)}58%{transform:translateY(1px)rotate(10deg)scale(.96)}82%{transform:translateY(-2px)rotate(-5deg)}to{transform:translateY(0)rotate(0)}}@keyframes initiative-die-roll-even{0%{transform:translateY(0)rotate(0)}28%{transform:translateY(-5px)rotate(13deg)scale(1.08)}58%{transform:translateY(1px)rotate(-10deg)scale(.96)}82%{transform:translateY(-2px)rotate(5deg)}to{transform:translateY(0)rotate(0)}}.participant-main{border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;min-width:0;padding:.9rem 1rem;display:flex}.participant-name-row{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.participant-name-row h3{overflow-wrap:anywhere;margin:.22rem 0 0;font-size:1.25rem;line-height:1.15}.participant-identity{min-width:0}.type-label{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.35rem;font-size:.7rem;font-weight:800;display:flex}.type-label svg{width:.75rem;height:.75rem}.type-player{color:var(--sea-bright)}.type-monster{color:#c9867d}.participant-actions{gap:.3rem;display:flex}.participant-actions .icon-button{flex-basis:30px;width:30px;height:30px}.participant-actions svg{width:.85rem;height:.85rem}.conditions-area{margin-top:.7rem}.condition-tokens{flex-wrap:wrap;align-items:flex-start;gap:.5rem;margin-top:.62rem;display:flex}.condition-token{--condition-color:131, 170, 164;width:66px;color:var(--text);letter-spacing:.025em;text-align:center;background:0 0;border:0;place-items:center;gap:.3rem;padding:.15rem 0 0;font-size:.69rem;font-weight:800;line-height:1.15;display:inline-grid;position:relative}.condition-token-disc{border:2px solid rgba(var(--condition-color), .88);width:46px;height:46px;color:rgb(var(--condition-color));background:radial-gradient(circle at 34% 24%, #ffffff2e, transparent 25%), radial-gradient(circle, rgba(var(--condition-color), .22), #071014f5 70%);box-shadow:0 0 0 2px #070f12f0, 0 0 0 3px rgba(var(--condition-color), .42), inset 0 0 0 3px #070f12c2, inset 0 0 0 4px rgba(var(--condition-color), .28), 0 5px 12px #00000047;border-radius:50%;place-items:center;transition:transform .14s,filter .14s;display:grid;position:relative}.condition-token-disc:after{border:1px solid rgba(var(--condition-color), .25);border-radius:inherit;content:"";position:absolute;inset:7px}.condition-token:hover .condition-token-disc,.condition-token:focus-visible .condition-token-disc{filter:brightness(1.16);transform:translateY(-1px)scale(1.035)}.condition-token:focus-visible{outline:none}.condition-token:focus-visible .condition-token-label{outline:2px solid var(--brass-bright);outline-offset:2px}.condition-token-disc svg{z-index:1;stroke-width:2.1px;width:1.25rem;height:1.25rem}.condition-token-label{overflow-wrap:anywhere;color:#cbd5d1;max-width:66px}.condition-token-remove{z-index:2;color:#f0b0a7;background:#172126;border:1px solid #e0897d9e;border-radius:50%;width:16px;height:16px;padding:3px;position:absolute;top:-1px;left:calc(50% + 11px);box-shadow:0 2px 5px #0006}.condition-token-sensory{--condition-color:142, 184, 178}.condition-token-arcane,.condition-token-fatigue{--condition-color:215, 170, 105}.condition-token-danger,.condition-token-severe{--condition-color:224, 137, 125}.condition-token-restrained{--condition-color:194, 161, 111}.condition-token-poison{--condition-color:132, 182, 141}.condition-token-focus{--condition-color:122, 168, 193}.condition-token-custom{--condition-color:174, 189, 184}.condition-add-row{align-items:center;gap:.35rem;display:flex}.condition-add-row select,.custom-condition-form input{border:1px solid var(--line);min-height:34px;color:var(--muted);background:#0a14187a;border-radius:5px;font-size:.82rem}.condition-add-row select{width:128px;padding:.3rem .45rem}.custom-condition-form{display:flex}.custom-condition-form input{border-radius:5px 0 0 5px;width:125px;padding-inline:.5rem}.custom-condition-form button{border:1px solid var(--line-strong);width:34px;color:var(--brass-bright);background:#b38a521a;border-left:0;border-radius:0 5px 5px 0;place-items:center;padding:0;display:grid}.hp-cell{flex-direction:column;justify-content:center;min-width:0;padding:.85rem 1rem;display:flex}.hp-heading{justify-content:space-between;align-items:flex-end;gap:.5rem;display:flex}.hp-heading>span{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:.35rem;font-size:.72rem;font-weight:800;display:flex}.hp-heading>span svg{width:.82rem;height:.82rem}.hp-heading strong{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.65rem;line-height:1}.hp-values{flex-direction:column;align-items:flex-end;gap:.28rem;display:flex}.temporary-hp-badge{color:#9fd7f0;letter-spacing:.025em;background:#3883aa26;border:1px solid #67b0d875;border-radius:999px;align-items:center;gap:.3rem;min-height:23px;padding:.18rem .42rem;font-size:.68rem;font-weight:850;display:inline-flex}.temporary-hp-badge svg{width:.72rem;height:.72rem}.hp-heading small{color:var(--muted);letter-spacing:0;font-size:.75rem;font-weight:650}.hp-track{background:#00000052;border-radius:999px;height:5px;margin:.55rem 0 .65rem;overflow:hidden}.hp-track span{border-radius:inherit;background:linear-gradient(90deg, var(--danger), var(--brass-bright), var(--success));height:100%;transition:width .18s;display:block}.hp-actions{grid-template-columns:42px 42px 1fr 42px 42px 1fr;gap:.32rem;display:grid}.hp-actions button{border:1px solid;border-radius:5px;min-height:39px;padding:.35rem;font-size:.76rem;font-weight:800}.hp-actions .damage,.hp-actions .damage-text{color:#e18b80;background:#b55d511a;border-color:#b55d5173}.hp-actions .heal,.hp-actions .heal-text{color:#9bc7b3;background:#72a08c1a;border-color:#72a08c6b}.hp-actions button:hover{filter:brightness(1.2)}.temporary-hp-form{border-top:1px solid #9bb7b024;grid-template-columns:minmax(94px,1fr) 70px auto auto;align-items:center;gap:.32rem;margin-top:.6rem;padding-top:.58rem;display:grid}.temporary-hp-form label{color:#9fd7f0;letter-spacing:.025em;align-items:center;gap:.35rem;font-size:.7rem;font-weight:800;display:flex}.temporary-hp-form label svg{width:.82rem;height:.82rem}.temporary-hp-form input{width:100%;height:32px;color:var(--text);font-variant-numeric:tabular-nums;background:#08111594;border:1px solid #67b0d861;border-radius:4px;padding-inline:.42rem}.temporary-hp-form button{color:#aadcf2;background:#3883aa1f;border:1px solid #67b0d861;border-radius:4px;min-height:32px;padding:.3rem .5rem;font-size:.68rem;font-weight:800}.temporary-hp-form .temporary-hp-clear{color:#dd9186;place-items:center;width:32px;padding:0;display:grid}.temporary-hp-clear svg{width:.75rem;height:.75rem}.hp-entry{justify-content:flex-end;align-items:end;gap:.3rem;margin-top:.5rem;display:flex}.hp-entry label{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;flex-direction:column;font-size:.65rem;font-weight:750;display:flex}.hp-entry input{border:1px solid var(--line);width:90px;height:34px;color:var(--text);background:#081115a3;border-radius:4px;margin-top:.15rem;padding-inline:.45rem}.hp-entry button{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);background:#ffffff09;border-radius:4px;place-items:center;padding:0;display:grid}.hp-entry.damage button[type=submit]{color:#e18b80;border-color:#b55d5173}.hp-entry.healing button[type=submit]{color:#9bc7b3;border-color:#72a08c73}.defeated-toggle{color:#9baba7;background:0 0;border:1px solid #0000;border-radius:4px;align-self:flex-end;align-items:center;gap:.35rem;min-height:34px;margin-top:.55rem;padding:.26rem .5rem;font-size:.75rem;font-weight:800;display:inline-flex}.defeated-toggle:hover,.defeated-toggle.active{color:#d77e73;background:#b55d5114;border-color:#b55d5161}.defeated-toggle.active{color:#f0a095;letter-spacing:.035em;text-transform:uppercase;background:#b55d5133;border-color:#d37b6fad;box-shadow:inset 0 0 14px #b55d5114}.defeated-toggle svg{width:.78rem;height:.78rem}.empty-inline{min-height:145px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;display:flex}.empty-inline p{margin:0;font-size:.86rem}.empty-inline svg{width:1.7rem;height:1.7rem;color:var(--sea-bright)}.loot-list{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.loot-item{border:1px solid var(--line);background:#20343ab8;border-radius:6px;grid-template-columns:27px minmax(0,1fr) auto;align-items:start;gap:.55rem;padding:.8rem;display:grid}.loot-item.collected{opacity:.58}.loot-item.collected h3{text-decoration:line-through;text-decoration-thickness:1px}.loot-check{color:#152326;background:0 0;border:1px solid #83aaa480;border-radius:4px;place-items:center;width:25px;height:25px;padding:0;display:grid}.loot-check[aria-pressed=true]{background:var(--sea-bright)}.loot-check svg{width:.85rem;height:.85rem}.loot-copy h3{margin:0;font-family:inherit;font-size:.86rem;font-weight:700;line-height:1.3}.loot-copy h3 strong{color:var(--brass-bright)}.loot-copy p,.loot-copy span{color:var(--muted);margin:.3rem 0 0;font-size:.7rem;line-height:1.35;display:block}.loot-actions{gap:.25rem;display:flex}.loot-actions .icon-button{flex-basis:28px;width:28px;height:28px}.loot-actions svg{width:.75rem;height:.75rem}.loot-add-wide{width:100%;margin-top:.75rem}.range-reference{border-top:1px solid var(--line);margin-top:1.2rem;padding-top:1rem}.range-reference-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.range-reference-heading .eyebrow{margin-bottom:.2rem}.range-reference-heading h3{margin:0;font-size:1.18rem}.range-reference-heading>svg{width:1.2rem;height:1.2rem;color:var(--brass-bright)}.range-reference-note{color:var(--muted);margin:.65rem 0 .55rem;font-size:.72rem;line-height:1.45}.range-reference table{border:1px solid var(--line);border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;border-radius:5px;width:100%;overflow:hidden}.range-reference th,.range-reference td{text-align:left;border-bottom:1px solid #9bb7b01f;padding:.42rem .58rem}.range-reference th{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;background:#0914185c;font-size:.66rem;font-weight:850}.range-reference td{color:#d2dcd7;font-size:.78rem}.range-reference td:last-child{color:var(--brass-bright);text-align:right;font-weight:800}.range-reference tr:last-child td{border-bottom:0}.range-reference tbody tr:nth-child(2n){background:#628c870e}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050b0ec2;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line-strong);background:linear-gradient(145deg, #ffffff09, transparent 36%), var(--panel);border-radius:8px;width:min(540px,100%);max-height:calc(100vh - 3rem);padding:1.2rem;overflow-y:auto;box-shadow:0 26px 90px #0000008c}.modal-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.9rem;display:flex}.modal-heading h2{margin:0;font-size:1.55rem}.form-stack{flex-direction:column;gap:1rem;padding-top:1rem;display:flex}.form-stack label,.segmented-field>span{color:var(--muted);letter-spacing:.035em;flex-direction:column;gap:.38rem;font-size:.76rem;font-weight:750;display:flex}.form-stack label span{color:#81928e;font-weight:500;display:inline}.form-stack input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);background:#0812168c;border-radius:5px;padding:.6rem .7rem}.form-stack input:hover,.form-stack input:focus{border-color:#83aaa485}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.segmented-field{flex-direction:column;gap:.38rem;display:flex}.segmented-field>div{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.segmented-field button{border:1px solid var(--line);min-height:44px;color:var(--muted);background:#08121666;border-radius:5px;justify-content:center;align-items:center;gap:.45rem;font-size:.8rem;font-weight:700;display:flex}.segmented-field button.selected{border-color:var(--line-strong);color:var(--text);background:#b38a521f}.loot-form-grid{grid-template-columns:1fr 100px}.participant-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wide-field{grid-column:1/-1}.loot-form-grid .wide-field:first-child{grid-column:1}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:.65rem;margin-top:.25rem;padding-top:1rem;display:flex}@media (width<=1240px){.encounter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.combat-header{grid-template-columns:auto minmax(180px,1fr) auto auto auto}.combat-layout{grid-template-columns:minmax(0,1fr) 290px}.participant-card{grid-template-columns:12px 68px minmax(170px,.8fr) minmax(330px,1.2fr)}.participant-main,.hp-cell{padding:.8rem}.hp-actions{grid-template-columns:39px 39px 1fr 39px 39px 1fr}}@media (width<=1180px){.combat-layout{grid-template-columns:1fr}.loot-panel{position:static}.battle-grid-scroll{overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch}}@media (width<=980px){.page-width{width:min(100% - 28px,920px)}.combat-header{grid-template-columns:auto 1fr auto}.combat-header .back-button{grid-column:1}.combat-title-block{grid-column:2}.round-control{grid-area:1/3/span 2}.next-turn{grid-area:2/1}.combat-header>.button-quiet{grid-area:2/2;display:inline-flex}.combat-layout{grid-template-columns:1fr}.loot-panel{position:static}.participant-card{grid-template-columns:12px 70px minmax(0,1fr)}.participant-main{border-right:0}.hp-cell{border-top:1px solid var(--line);grid-column:2/-1}.hp-actions{grid-template-columns:46px 46px 1fr 46px 46px 1fr}}@media (width<=680px){.page-width{width:min(100% - 20px,620px)}.home-header{flex-direction:column;align-items:flex-start;padding:1.2rem 0}.backup-actions{justify-content:flex-start;width:100%}.backup-actions .button{flex:170px;justify-content:center;padding-inline:.5rem;font-size:.73rem}.battle-grid-help{flex-direction:column;align-items:flex-start;gap:.3rem}.home-intro{flex-direction:column;align-items:stretch;padding-top:2.5rem}.encounter-grid{grid-template-columns:1fr}.encounter-card{min-height:230px}.combat-header{grid-template-columns:1fr auto;position:static}.combat-title-block{grid-area:2/1/auto/-1}.round-control{grid-area:1/2;grid-template-columns:38px 60px 38px}.next-turn{grid-area:3/1/auto/-1}.combat-header>.button-quiet{grid-area:4/1/auto/-1}.participant-card{grid-template-columns:10px 60px minmax(0,1fr)}.initiative-cell>strong{font-size:1.8rem}.participant-name-row{flex-direction:column}.participant-actions{align-self:flex-end}.hp-actions{grid-template-columns:repeat(3,1fr)}.hp-heading{flex-direction:column;align-items:flex-start}.hp-values{align-items:flex-start}.hp-heading strong{font-size:1.5rem}.defeated-toggle{align-self:flex-start}.form-grid,.loot-form-grid{grid-template-columns:1fr}.loot-form-grid .wide-field:first-child,.wide-field{grid-column:1}}@media (pointer:coarse){button,select{touch-action:manipulation;-webkit-tap-highlight-color:#d7aa692e}.participant-card{grid-template-columns:12px 104px minmax(0,1fr) minmax(340px,1.15fr)}.tie-controls{grid-template-columns:repeat(2,44px);gap:.35rem}.tie-controls button{width:44px;height:44px}.tie-controls .initiative-roll{width:92px;height:44px}.view-toggle button,.icon-button,.loot-check,.back-button,.condition-add-row select,.custom-condition-form input,.custom-condition-form button,.temporary-hp-form input,.temporary-hp-form button,.hp-entry input,.hp-entry button,.defeated-toggle{min-height:44px}.view-toggle button{padding-inline:.7rem}.icon-button,.loot-check,.custom-condition-form button,.hp-entry button,.temporary-hp-form .temporary-hp-clear{flex-basis:44px;width:44px;min-width:44px;height:44px}.condition-add-row select{width:150px}.condition-token{min-width:72px;min-height:72px}.condition-token-remove{width:20px;height:20px}.hp-actions button{min-height:46px}.round-control{grid-template-columns:44px 70px 44px}.battle-token{touch-action:none}}@media (pointer:coarse) and (width>=681px){.hp-actions{grid-template-columns:44px 44px minmax(68px,1fr) 44px 44px minmax(68px,1fr)}}@media (pointer:coarse) and (width<=980px){.participant-card{grid-template-columns:12px 104px minmax(0,1fr)}}@media (pointer:coarse) and (width<=680px){.participant-card{grid-template-columns:10px 104px minmax(0,1fr)}.participant-main,.hp-cell{padding:.72rem}}@media (pointer:coarse) and (orientation:landscape) and (width<=1180px) and (height<=850px){.combat-page{padding-top:.55rem}.combat-header{gap:.55rem;padding:.55rem;top:.35rem}.initiative-panel,.loot-panel{padding:.8rem}.section-heading{padding-bottom:.7rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.initiative-roll{animation:none!important}}