@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:400;src:url(./cinzel-latin-ext-400-normal-XQK_CSAr.woff2) format("woff2"),url(./cinzel-latin-ext-400-normal-DJ0Lq8y-.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:400;src:url(./cinzel-latin-400-normal-DnUIPmzd.woff2) format("woff2"),url(./cinzel-latin-400-normal-C8jUSQqm.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(./cinzel-latin-ext-700-normal-C24KFjuG.woff2) format("woff2"),url(./cinzel-latin-ext-700-normal-CORa-yIv.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(./cinzel-latin-700-normal-Dkw14w9r.woff2) format("woff2"),url(./cinzel-latin-700-normal-C-gK7hA8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(./eb-garamond-cyrillic-ext-400-normal-o8fRvAFQ.woff2) format("woff2"),url(./eb-garamond-cyrillic-ext-400-normal-DG8lny6_.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(./eb-garamond-cyrillic-400-normal-DDLP67lu.woff2) format("woff2"),url(./eb-garamond-cyrillic-400-normal-C0kVTdou.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(./eb-garamond-greek-ext-400-normal-K8pwR3tn.woff2) format("woff2"),url(./eb-garamond-greek-ext-400-normal-BaZl8BIK.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(./eb-garamond-greek-400-normal-CVAbzS9p.woff2) format("woff2"),url(./eb-garamond-greek-400-normal-d4JlP2QH.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(./eb-garamond-vietnamese-400-normal-CLvJdMEL.woff2) format("woff2"),url(./eb-garamond-vietnamese-400-normal-ifvNSiWx.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(./eb-garamond-latin-ext-400-normal-o4A__6QZ.woff2) format("woff2"),url(./eb-garamond-latin-ext-400-normal-B4EmgUmt.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(./eb-garamond-latin-400-normal-BCNrxLz_.woff2) format("woff2"),url(./eb-garamond-latin-400-normal-maQnHeKB.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:EB Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(./eb-garamond-cyrillic-ext-400-italic-Bz1w3xqM.woff2) format("woff2"),url(./eb-garamond-cyrillic-ext-400-italic-CYS3phfl.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:EB Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(./eb-garamond-cyrillic-400-italic-BGIwiowF.woff2) format("woff2"),url(./eb-garamond-cyrillic-400-italic-BZInx2ys.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:EB Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(./eb-garamond-greek-ext-400-italic-CHZOQEtG.woff2) format("woff2"),url(./eb-garamond-greek-ext-400-italic-BL1XYHtS.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:EB Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(./eb-garamond-greek-400-italic-Dqr5KC66.woff2) format("woff2"),url(./eb-garamond-greek-400-italic-BamGE6QP.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:EB Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(./eb-garamond-vietnamese-400-italic-DQ8HKnks.woff2) format("woff2"),url(./eb-garamond-vietnamese-400-italic-ORtyMVfw.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:EB Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(./eb-garamond-latin-ext-400-italic-V7s3nWfX.woff2) format("woff2"),url(./eb-garamond-latin-ext-400-italic-DUSsnRSD.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:EB Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(./eb-garamond-latin-400-italic-DSEbMgZu.woff2) format("woff2"),url(./eb-garamond-latin-400-italic-CDFyLPXJ.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #14100c;--ink-2: #1b1610;--ash: #241c14;--panel: #2a2015;--panel-2: #33271a;--bone: #e8dcc0;--bone-dim: #b3a586;--bone-shadow: #8a7d61;--ember: #e0913b;--ember-soft: #f0b878;--blood: #9e2b2b;--blood-bright: #e0544c;--arcane: #6fd3c9;--arcane-bright: #a7efe6;--gold: #c9a24b;--gold-soft: #e6c979;--heal: #8ec96a;--shadow-deep: rgba(0, 0, 0, .55);--font-display: "Cinzel", "Times New Roman", serif;--font-body: "EB Garamond", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);color:var(--bone);background:var(--ink);overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{height:100dvh;width:100vw;position:relative;overflow:hidden}.arena{position:absolute;inset:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#09060499,#09060438 20%,#0906042e 58%,#0906048c),url(./table-bg-C2UOf2wf.webp) center / cover no-repeat,#0c0906}.arena:before{content:"";position:absolute;inset:0;display:none}.arena:after{content:"";position:absolute;inset:0;background:radial-gradient(130% 100% at 50% 45%,transparent 45%,rgba(0,0,0,.55) 100%);pointer-events:none}.topbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.2rem .2rem;font-family:var(--font-display)}.topbar .mode-tag{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);opacity:.85}.topbar .round-tag{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--bone-dim)}.topbar-right{display:flex;align-items:center;gap:.9rem}.mute-btn{background:none;border:1px solid rgba(201,162,75,.35);border-radius:8px;color:var(--bone);font-size:1rem;line-height:1;padding:.28rem .5rem;cursor:pointer;transition:border-color .2s ease,transform .1s ease,opacity .2s ease}.mute-btn:hover{border-color:var(--gold);transform:translateY(-1px)}.mute-btn.muted{opacity:.55}.sound-ctl{display:flex;align-items:center;gap:.6rem}.vol-ch{display:flex;align-items:center;gap:.3rem;cursor:pointer}.vol-ic{font-size:.8rem;line-height:1;color:var(--bone-dim);width:1em;text-align:center}.vol-slider{-webkit-appearance:none;appearance:none;width:64px;height:4px;border-radius:4px;background:#c9a24b40;border:1px solid rgba(201,162,75,.35);outline:none;cursor:pointer;transition:opacity .2s ease}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--bone);border:1px solid var(--gold);box-shadow:0 0 4px #c9a24b99;cursor:pointer}.vol-slider::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--bone);border:1px solid var(--gold);box-shadow:0 0 4px #c9a24b99;cursor:pointer}.vol-slider:hover{background:#c9a24b59}@media (max-width: 640px){.vol-slider{width:46px}.sound-ctl{gap:.4rem}}.board{position:relative;z-index:2;flex:1;display:grid;grid-template-columns:1fr minmax(180px,340px) 1fr;align-items:center;gap:clamp(.5rem,2vw,2rem);padding:0 clamp(.5rem,3vw,2.5rem);min-height:0}.side{display:flex;flex-direction:column;align-items:center;gap:.7rem;transition:transform .25s ease,filter .25s ease}.side.inactive{filter:saturate(.6) brightness(.72)}.side.active{transform:translateY(-4px)}.card{position:relative;width:clamp(150px,22vw,230px);aspect-ratio:3 / 4;border-radius:12px;padding:8px;background:linear-gradient(160deg,var(--panel-2),var(--ash));border:1px solid rgba(201,162,75,.35)}.card.is-hero .card-inner:not(.has-art){background:linear-gradient(170deg,#16243d,var(--ink-2))}.card.is-enemy .card-inner:not(.has-art){background:linear-gradient(170deg,#3a1616,var(--ink-2))}.card{box-shadow:0 18px 34px -12px var(--shadow-deep),inset 0 0 0 1px #0006;transition:box-shadow .3s ease,transform .15s ease}.side.active .card{box-shadow:0 0 0 1px var(--card-accent, var(--gold)),0 0 26px -4px var(--card-accent, var(--gold)),0 18px 34px -12px var(--shadow-deep)}.card.full-art{padding:0;border:none;background:none}.card.full-art .card-inner{border:none;border-radius:12px}.card.full-art .card-inner:after{display:none}.card.full-art .card-nameplate,.card.full-art .card-emblem{display:none}.card.full-art .card-portrait{object-fit:cover;object-position:center}.card-inner{position:relative;height:100%;border-radius:7px;overflow:hidden;border:1px solid rgba(0,0,0,.5);background:linear-gradient(170deg,var(--portrait-a, #2a2015),var(--ink-2));display:flex;align-items:center;justify-content:center}.card-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:none}.card-inner.has-art .card-portrait{display:block}.card-inner.has-art .card-emblem{display:none}.card-emblem{width:62%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:clamp(2.1rem,6vw,3.3rem);color:var(--portrait-b, var(--gold));background:radial-gradient(circle at 50% 38%,#ffffff14,#00000059 72%);border:2px solid var(--portrait-b, var(--gold));box-shadow:0 0 22px -4px var(--portrait-b, var(--gold)),inset 0 0 18px #0000008c;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.card-inner:after{content:"";position:absolute;inset:0;background:radial-gradient(80% 60% at 50% 32%,transparent 40%,rgba(0,0,0,.55) 100%)}.card-nameplate{position:absolute;left:8px;right:8px;bottom:8px;z-index:2;text-align:center;padding:.35rem .4rem .45rem;background:linear-gradient(to top,rgba(10,7,4,.92),rgba(10,7,4,.4) 70%,transparent);border-radius:0 0 6px 6px}.card-name{font-family:var(--font-display);font-weight:700;font-size:clamp(.72rem,1.7vw,.95rem);letter-spacing:.03em;line-height:1.05;color:var(--bone)}.card-title{font-size:clamp(.6rem,1.3vw,.72rem);font-style:italic;color:var(--bone-dim);margin-top:1px}.health{display:flex;gap:7px;align-items:center;justify-content:center;max-width:240px}.hp-heart{width:clamp(15px,2.1vw,19px);height:clamp(15px,2.1vw,19px);flex:none;display:block}.hp-heart svg{width:100%;height:100%;display:block}.hp-heart .fill{fill:var(--blood-bright);filter:drop-shadow(0 0 4px rgba(224,84,76,.6))}.hp-heart .outline{fill:none;stroke:#00000080;stroke-width:6}.hp-bar{position:relative;flex:1 1 auto;min-width:90px;height:12px;border-radius:6px;background:#00000073;border:1px solid rgba(201,162,75,.4);box-shadow:inset 0 1px 3px #0009;overflow:hidden}.hp-fill{display:block;height:100%;border-radius:5px;background:linear-gradient(180deg,#e0544c,#9d1f1f 60%,#6e1414);box-shadow:0 0 8px #e0544c8c,inset 0 1px #ffffff40;transition:width .45s cubic-bezier(.4,0,.2,1)}.hp-bar.low .hp-fill{background:linear-gradient(180deg,#ff6b5f,#c02a2a);animation:hp-warn .9s ease-in-out infinite}@keyframes hp-warn{50%{box-shadow:0 0 14px #ff6b5fe6,inset 0 1px #ffffff4d}}.hp-bar.hp-hit{animation:hp-hit .4s ease}@keyframes hp-hit{0%{box-shadow:0 0 0 2px #ffd28c00}25%{box-shadow:0 0 0 2px #ffd28ce6}}.hp-num{flex:none;font-size:.82rem;font-weight:600;letter-spacing:.03em;color:var(--bone);font-variant-numeric:tabular-nums;min-width:3.4em;text-align:right}.hp-max{color:var(--bone-dim);font-weight:400;font-size:.86em}.hp-shields{display:inline-flex;gap:3px;flex:none}.shield-pip{width:clamp(14px,2vw,18px);height:clamp(14px,2vw,18px);color:var(--arcane);filter:drop-shadow(0 0 6px rgba(111,211,201,.7))}.sigil-tray{display:flex;flex-direction:column;gap:4px;align-items:stretch;width:100%;max-width:230px}.sigil-chip{display:flex;align-items:center;gap:6px;padding:2px 7px 2px 2px;border-radius:8px;border:1px solid var(--chip-accent, var(--gold));background:linear-gradient(90deg,#0000006b,#0003);box-shadow:0 0 7px -2px var(--chip-accent, var(--gold));text-align:left;animation:chip-in .35s ease}.sigil-chip .sc-ic{position:relative;flex:0 0 auto;width:24px;height:24px;border-radius:5px;overflow:hidden;border:1px solid var(--chip-accent, var(--gold))}.sigil-chip .sc-ic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85}.sigil-chip .chip-emblem{position:absolute;inset:0;display:grid;place-items:center;font-size:.72rem;text-shadow:0 1px 3px rgba(0,0,0,.9)}.sigil-chip .sc-text{display:flex;flex-direction:column;min-width:0;line-height:1.15}.sigil-chip .sc-name{font-family:var(--font-display);font-size:.62rem;letter-spacing:.02em;color:var(--gold-soft)}.sigil-chip .chip-count{color:var(--bone)}.sigil-chip .sc-desc{font-size:.58rem;color:var(--bone-dim)}@keyframes chip-in{0%{transform:translateY(4px);opacity:0}}.spell-band{position:absolute;z-index:30;left:50%;top:42%;transform:translate(-50%,-50%);width:min(82vw,430px);background-size:100% auto;background-position:bottom center;background-repeat:no-repeat;border-radius:10px;overflow:hidden;border:1px solid rgba(201,162,75,.5);box-shadow:0 0 30px -6px #c9a24b80,0 20px 40px -12px #000000d9;pointer-events:none;animation:spellcard-in .32s cubic-bezier(.2,1.1,.35,1)}.spell-band.out{animation:spellcard-out .4s ease forwards}.spell-card{position:absolute;z-index:30;left:50%;top:40%;transform:translate(-50%,-50%);width:min(78vw,380px);display:flex;gap:.8rem;align-items:center;padding:.85rem 1rem;border-radius:14px;background:linear-gradient(150deg,#100b07,#1c1610 70%);border:1px solid var(--spell-accent, var(--gold));box-shadow:0 0 30px -6px var(--spell-accent, var(--gold)),0 20px 40px -12px #000000d9;pointer-events:none;animation:spellcard-in .32s cubic-bezier(.2,1.1,.35,1)}.spell-card.out{animation:spellcard-out .4s ease forwards}@keyframes spellcard-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.86)}}@keyframes spellcard-out{to{opacity:0;transform:translate(-50%,-62%) scale(.97)}}.spell-card .sc-icon{flex:0 0 auto;width:62px;height:62px;display:grid;place-items:center;font-size:2rem;border-radius:10px;overflow:hidden;border:1px solid var(--spell-accent, var(--gold));background:radial-gradient(circle at 50% 40%,#ffffff14,#00000080)}.spell-card .sc-icon img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.spell-card .sc-body{min-width:0;text-align:left}.spell-card .sc-eyebrow{font-family:var(--font-display);font-size:.6rem;letter-spacing:.28em;text-transform:uppercase;color:var(--spell-accent, var(--gold));opacity:.85}.spell-card .sc-name{font-family:var(--font-display);font-weight:700;font-size:clamp(1.1rem,3.4vw,1.5rem);color:var(--gold-soft);line-height:1.05}.spell-card .sc-text{font-size:.86rem;color:var(--bone);margin-top:2px}.spell-card .sc-flavor{font-size:.78rem;font-style:italic;color:var(--bone-dim);margin-top:3px}.sigil-reveal{position:absolute;z-index:25;transform:translate(-50%,-50%) scale(1);width:184px;padding:.9rem .9rem 1rem;text-align:center;border-radius:12px;background:linear-gradient(160deg,var(--panel-2),var(--ash));border:1px solid var(--chip-accent, var(--gold));box-shadow:0 0 26px -4px var(--chip-accent, var(--gold)),0 16px 30px -10px #000c;pointer-events:none;animation:sr-in .3s cubic-bezier(.2,1.2,.4,1)}.sigil-reveal.out{animation:sr-out .26s ease forwards}@keyframes sr-in{0%{opacity:0;transform:translate(-50%,-40%) scale(.7)}}@keyframes sr-out{to{opacity:0;transform:translate(-50%,-70%) scale(.9)}}.sigil-reveal .sr-art{position:relative;width:80px;height:80px;margin:0 auto .5rem;border-radius:8px;overflow:hidden;border:1px solid var(--chip-accent, var(--gold))}.sigil-reveal .sr-art img{width:100%;height:100%;object-fit:cover;image-rendering:auto}.sigil-reveal .sr-art span{position:absolute;inset:0;display:grid;place-items:center;font-size:2rem;text-shadow:0 1px 4px rgba(0,0,0,.9)}.sigil-reveal .sr-name{font-family:var(--font-display);font-size:.98rem;color:var(--gold-soft);letter-spacing:.03em}.sigil-reveal .sr-text{font-size:.82rem;font-style:italic;color:var(--bone-dim);line-height:1.3;margin-top:4px}.center{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:100%;min-height:0}.sigil-wrap{position:relative;width:clamp(180px,26vw,300px);aspect-ratio:1;display:grid;place-items:center}.sigil-ring{position:absolute;inset:0;color:var(--gold);opacity:.5;animation:spin 60s linear infinite;transition:color .3s ease,opacity .3s ease,filter .3s ease}.sigil-ring.inner{inset:16%;animation:spin 42s linear infinite reverse;opacity:.4}@keyframes spin{to{transform:rotate(360deg)}}.sigil-wrap.flare-blood .sigil-ring{color:var(--blood-bright);opacity:.95;filter:drop-shadow(0 0 14px var(--blood-bright))}.sigil-wrap.flare-arcane .sigil-ring{color:var(--arcane);opacity:1;filter:drop-shadow(0 0 16px var(--arcane))}.sigil-wrap.flare-holy .sigil-ring{color:var(--gold-soft);opacity:1;filter:drop-shadow(0 0 16px var(--ember))}.die{position:relative;z-index:3;width:clamp(96px,14vw,136px);height:clamp(96px,14vw,136px);border-radius:0;overflow:hidden;cursor:default;background:#00000040;box-shadow:0 16px 26px -10px #000000bf,0 0 0 1px #0006;transition:transform .15s ease}.die-tile{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;user-select:none}.die.rolling{animation:die-tumble .6s cubic-bezier(.3,.7,.4,1)}@keyframes die-tumble{0%{transform:translateY(-38px) rotate(-90deg) scale(.9)}55%{transform:translateY(6px) rotate(200deg) scale(1.06)}75%{transform:translateY(-4px) rotate(340deg) scale(.98)}to{transform:translateY(0) rotate(360deg) scale(1)}}.die.settle{animation:die-settle .32s ease}@keyframes die-settle{40%{transform:scale(1.12,.9)}70%{transform:scale(.97,1.04)}}.banner{min-height:1.6rem;font-family:var(--font-display);font-size:clamp(.8rem,1.9vw,1.05rem);letter-spacing:.06em;text-align:center;color:var(--bone);text-shadow:0 2px 10px rgba(0,0,0,.8);opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease;padding:0 .5rem}.banner.show{opacity:1;transform:translateY(0)}.banner .accent-fire{color:var(--ember)}.banner .accent-blood{color:var(--blood-bright)}.banner .accent-arcane{color:var(--arcane)}.banner .accent-heal{color:var(--heal)}.banner .accent-gold{color:var(--gold-soft)}.floaters{position:absolute;inset:0;pointer-events:none;z-index:20;overflow:hidden}.vfx{position:absolute;width:clamp(150px,22vw,220px);height:clamp(150px,22vw,220px);transform:translate(-50%,-50%);image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 0 12px rgba(0,0,0,.5))}.vfx-shadow{filter:hue-rotate(238deg) saturate(1.5) brightness(1.05) drop-shadow(0 0 12px rgba(154,111,211,.6))}.ward-vfx{position:absolute;width:40px;height:40px;transform:translate(-50%,-50%);border-radius:50%;border:3px solid var(--arcane);pointer-events:none;box-shadow:0 0 24px var(--arcane),inset 0 0 18px var(--arcane);animation:ward-burst .7s ease-out forwards}@keyframes ward-burst{0%{width:30px;height:30px;opacity:0}25%{opacity:1}to{width:210px;height:210px;opacity:0;border-width:1px}}.floater{position:absolute;font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,4vw,2.6rem);transform:translate(-50%,-50%);animation:float-up 1s ease forwards;text-shadow:0 2px 6px rgba(0,0,0,.9)}.floater.dmg{color:var(--blood-bright)}.floater.heal{color:var(--heal)}.floater.shield{color:var(--arcane)}.floater.blocked{color:var(--bone-dim);font-size:1.2rem}.floater.save{color:var(--gold-soft);font-size:2rem;letter-spacing:.08em;text-shadow:0 0 14px var(--ember),0 2px 6px rgba(0,0,0,.9)}@keyframes float-up{0%{opacity:0;transform:translate(-50%,-20%) scale(.6)}20%{opacity:1;transform:translate(-50%,-70%) scale(1.15)}to{opacity:0;transform:translate(-50%,-170%) scale(1)}}.log{position:relative;z-index:4;flex:0 0 auto;height:clamp(78px,15vh,140px);margin:0 clamp(.5rem,3vw,2.5rem);display:flex;flex-direction:column;border-top:1px solid rgba(201,162,75,.22);border-bottom:1px solid rgba(201,162,75,.12)}.log:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#09060485,#090604a8);-webkit-mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.log-head{flex:0 0 auto;font-family:var(--font-display);font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);opacity:.7;padding:.3rem .2rem .15rem}.log-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:0 .2rem .3rem;scrollbar-width:thin;scrollbar-color:rgba(201,162,75,.4) transparent}.log-scroll::-webkit-scrollbar{width:6px}.log-scroll::-webkit-scrollbar-thumb{background:#c9a24b66;border-radius:3px}.log-row{display:flex;align-items:center;gap:7px;max-width:82%;padding:3px 9px 3px 5px;border-radius:8px;background:linear-gradient(90deg,#00000047,#0000001f);animation:log-in .28s ease}.log-row.player{align-self:flex-start;border-left:3px solid var(--gold)}.log-row.cpu{align-self:flex-end;flex-direction:row-reverse;padding:3px 5px 3px 9px;border-right:3px solid var(--blood-bright);border-left:none;text-align:right}@keyframes log-in{0%{opacity:0;transform:translateY(4px)}}.log-tile{width:26px;height:26px;border-radius:0;image-rendering:auto;flex:0 0 auto;box-shadow:0 1px 3px #00000080}.log-body{display:flex;flex-direction:column;line-height:1.15;min-width:0}.log-actor{font-family:var(--font-display);font-size:.66rem;letter-spacing:.04em}.log-row.player .log-actor{color:var(--gold-soft)}.log-row.cpu .log-actor{color:var(--blood-bright)}.log-text{font-size:.82rem;color:var(--bone)}.log-divider{align-self:center;display:flex;align-items:center;gap:8px;width:100%;color:var(--bone-dim);font-family:var(--font-display);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;opacity:.75}.log-divider:before,.log-divider:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,rgba(201,162,75,.35),transparent)}.log-result{align-self:center;font-family:var(--font-display);font-size:.82rem;letter-spacing:.08em;padding:2px 14px;border-radius:6px}.log-result.win{color:var(--gold-soft);background:#c9a24b1f;border:1px solid rgba(201,162,75,.4)}.log-result.lose{color:var(--blood-bright);background:#9e2b2b24;border:1px solid rgba(158,43,43,.5)}.log-recap{width:min(440px,90vw);max-height:34vh;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:.6rem .7rem;border-radius:12px;background:#00000059;border:1px solid rgba(201,162,75,.25);scrollbar-width:thin;scrollbar-color:rgba(201,162,75,.4) transparent}.log-recap::-webkit-scrollbar{width:6px}.log-recap::-webkit-scrollbar-thumb{background:#c9a24b66;border-radius:3px}.tray{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:1.2rem;padding:.8rem 1rem 1.4rem}.roll-btn{font-family:var(--font-display);font-size:clamp(.95rem,2.2vw,1.2rem);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:linear-gradient(180deg,var(--gold-soft),var(--gold) 55%,#a3812f);border:1px solid #f0d489;border-radius:10px;padding:.75rem 2.4rem;cursor:pointer;box-shadow:inset 0 1px #fff9,0 10px 22px -8px #000000b3,0 0 22px -6px var(--gold);transition:transform .12s ease,box-shadow .2s ease,filter .2s ease}.roll-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06)}.roll-btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.roll-btn:disabled{cursor:default;filter:grayscale(.5) brightness(.7);box-shadow:none;opacity:.7}.roll-btn[hidden]{display:none}.keep-btn{background:linear-gradient(180deg,#d8ccae,#b9a06a 55%,#8a7440);border-color:#e7d7a6}.tempt-btn{font-size:clamp(.72rem,1.6vw,.82rem);letter-spacing:.08em;padding:.42rem 1rem;color:var(--ember-soft);background:#e0913b14;border:1px solid rgba(224,145,59,.45);box-shadow:none}.tempt-btn:hover:not(:disabled){background:#e0913b2e;border-color:var(--ember);filter:none}.overlay{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;text-align:center;padding:2rem;background:radial-gradient(80% 80% at 50% 45%,#0c0906b3,#080604f2);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .4s ease}.overlay.show{opacity:1;pointer-events:auto}.overlay h1{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,7vw,4rem);letter-spacing:.04em;color:var(--bone);text-shadow:0 4px 30px rgba(0,0,0,.9);line-height:1.05}.overlay h1 .win{color:var(--gold-soft)}.overlay h1 .lose{color:var(--blood-bright)}.overlay p{font-size:clamp(.95rem,2.4vw,1.2rem);color:var(--bone-dim);max-width:34ch}.mode-grid{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.mode-card{width:220px;text-align:left;padding:1.1rem 1.2rem;border-radius:12px;background:linear-gradient(160deg,var(--panel-2),var(--ash));border:1px solid rgba(201,162,75,.4);color:var(--bone);cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.mode-card:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 0 24px -6px var(--gold)}.mode-card h3{font-family:var(--font-display);font-size:1.1rem;margin-bottom:.3rem}.mode-card span{font-size:.9rem;color:var(--bone-dim)}.overlay.scroll{justify-content:flex-start;overflow-y:auto;padding-top:clamp(1.2rem,4vh,2.4rem);padding-bottom:2rem}.select-screen{display:flex;flex-direction:column;align-items:center;gap:1.1rem;width:100%;max-width:860px}.select-eyebrow{font-family:var(--font-display);font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);opacity:.85}.select-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:start;gap:clamp(.6rem,1.6vw,1rem);width:100%}.select-card.full-art{padding:0;gap:0;aspect-ratio:3 / 4;overflow:hidden;background:none}.select-card-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:11px}.select-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.9rem .7rem .8rem;border-radius:12px;background:linear-gradient(165deg,var(--panel-2),var(--ash));border:1px solid rgba(201,162,75,.28);color:var(--bone);cursor:pointer;text-align:center;transition:transform .14s ease,border-color .2s ease,box-shadow .2s ease}.select-card:hover{transform:translateY(-3px);border-color:#c9a24bb3}.select-card.selected{border-color:var(--sel-accent, var(--gold));box-shadow:0 0 0 1px var(--sel-accent, var(--gold)),0 0 22px -4px var(--sel-accent, var(--gold));transform:translateY(-3px)}.select-card.selected:after{content:"✓";position:absolute;top:8px;right:10px;font-family:var(--font-display);font-size:.85rem;color:var(--sel-accent, var(--gold))}.select-portrait{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;overflow:hidden;font-size:2.1rem;color:var(--sel-b);background:radial-gradient(circle at 50% 38%,var(--sel-a),var(--ink-2) 82%);border:2px solid var(--sel-accent, rgba(0, 0, 0, .5));box-shadow:0 0 12px -2px var(--sel-b)}.select-portrait-img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}.select-name{font-family:var(--font-display);font-weight:700;font-size:.9rem;line-height:1.1}.select-title{font-size:.74rem;font-style:italic;color:var(--bone-dim);line-height:1.15}.select-spelltag{margin-top:.15rem;font-family:var(--font-display);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--arcane);border-top:1px solid rgba(111,211,201,.25);padding-top:.35rem;width:100%}.select-role{align-self:center;font-family:var(--font-display);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-soft);background:#c9a24b24;border:1px solid rgba(201,162,75,.35);border-radius:999px;padding:1px 8px}.random-btn{grid-column:1 / -1;justify-self:center;margin:.15rem 0}.select-detail{min-height:3.2rem;display:flex;flex-direction:column;align-items:center;gap:.15rem;text-align:center;color:var(--bone-dim);max-width:46ch}.select-detail .d-spell{font-family:var(--font-display);color:var(--arcane);letter-spacing:.05em}.select-detail .d-text{font-size:.95rem;font-style:italic}.select-detail .d-passive{margin-top:.35rem;font-family:var(--font-display);font-size:.82rem;color:var(--gold-soft);letter-spacing:.03em}.select-detail .d-passive em{font-family:var(--font-body);font-style:italic;color:var(--bone-dim)}.select-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;justify-content:center}.link-btn{background:none;border:none;color:var(--bone-dim);font-family:var(--font-body);font-size:.95rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .15s ease}.link-btn:hover{color:var(--bone)}@media (max-width: 620px){.select-grid{grid-template-columns:repeat(2,1fr)}}.arena.shake{animation:shake .32s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px,2px)}40%{transform:translate(5px,-2px)}60%{transform:translate(-4px,-2px)}80%{transform:translate(3px,2px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.05ms!important}.sigil-ring{animation:none}}@media (max-width: 620px){.topbar{padding:.45rem .8rem .1rem}.topbar .mode-tag{font-size:.6rem;letter-spacing:.16em}.board{grid-template-columns:1fr;grid-template-rows:auto auto auto;align-content:center;gap:.4rem;padding:0 .6rem}.side.cpu{order:1}.center{order:2;height:auto;gap:.35rem}.side.player{order:3}.side{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:.7rem;row-gap:3px;gap:3px .7rem}.side.active{transform:none}.side .card{grid-column:1;grid-row:1 / span 2;width:clamp(80px,25vw,108px)}.side .health{grid-column:2;grid-row:1;justify-content:flex-start;max-width:none}.side .sigil-tray{grid-column:2;grid-row:2;justify-content:flex-start;max-width:none}.side.cpu .card{grid-column:2}.side.cpu .health,.side.cpu .sigil-tray{grid-column:1;justify-content:flex-end}.card-title{display:none}.hp-bar{min-width:64px;height:11px}.hp-num{font-size:.76rem}.sigil-wrap{width:clamp(116px,36vw,150px)}.die{width:clamp(72px,20vw,92px);height:clamp(72px,20vw,92px)}.banner{font-size:.8rem;min-height:1.3rem}.log{height:clamp(54px,11vh,82px);margin:0 .6rem}.log-head{display:none}.log-row{max-width:92%}.tray{padding:.5rem .6rem .9rem;gap:.6rem}.roll-btn{padding:.62rem 1.5rem}.mode-card{width:100%;max-width:260px}.overlay.scroll{padding-top:.9rem}.select-screen{gap:.7rem}.select-screen h1{font-size:clamp(1.4rem,6.5vw,2rem)}.select-grid{grid-template-columns:repeat(2,1fr);gap:.55rem}.select-card{padding:.6rem .5rem .55rem;gap:.25rem}.select-portrait{width:56px;height:56px}.select-title{display:none}.select-spelltag{font-size:.62rem;padding-top:.3rem}.select-detail{min-height:2.4rem}}@media (max-height: 480px) and (min-width: 621px){.card{width:clamp(92px,15vw,150px)}.sigil-wrap{width:clamp(112px,20vw,190px)}.die{width:clamp(70px,10vw,110px);height:clamp(70px,10vw,110px)}.center{gap:.4rem}.log{height:clamp(42px,16vh,76px)}.log-head{display:none}.topbar{padding:.3rem 1rem 0}.tray{padding:.35rem 1rem .55rem}}.splash{position:absolute;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;text-align:center;cursor:pointer;overflow:hidden;background:radial-gradient(120% 90% at 50% 42%,#2c2013,#16100a 55%,#0a0705);opacity:0;transition:opacity .5s ease}.splash.show{opacity:1}.splash.leaving{opacity:0;transform:scale(1.04);transition:opacity .6s ease,transform .6s ease;pointer-events:none}.splash-sigil{position:absolute;top:44%;left:50%;width:min(78vw,60vh);aspect-ratio:1;transform:translate(-50%,-50%) scale(.6);color:var(--gold);opacity:0;pointer-events:none}.splash-sigil.inner{width:min(52vw,40vh)}.splash-sigil svg{width:100%;height:100%;animation:spin 90s linear infinite}.splash-sigil.inner svg{animation:spin 66s linear infinite reverse}.splash.show .splash-sigil{animation:sigil-in 1.3s cubic-bezier(.2,.8,.3,1) forwards}.splash.show .splash-sigil.inner{animation:sigil-in 1.3s cubic-bezier(.2,.8,.3,1) .15s forwards}@keyframes sigil-in{to{opacity:.42;transform:translate(-50%,-50%) scale(1)}}.splash-wordmark{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.1rem;line-height:.98}.wm-line{font-family:var(--font-display);font-weight:700;letter-spacing:.06em;background:linear-gradient(100deg,#b98f37,#e6c979 34%,#fff6d8,#e6c979 66%,#916f2c);background-size:250% 100%;background-position:130% 0;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 14px rgba(0,0,0,.7));opacity:0;transform:translateY(18px)}.wm-1{font-size:clamp(3rem,12vw,7rem)}.wm-2{font-size:clamp(2.4rem,9.5vw,5.6rem)}.wm-rule{width:0;height:2px;margin:.2rem 0;background:linear-gradient(to right,transparent,var(--gold),var(--gold-soft),var(--gold),transparent);opacity:0}.splash.show .wm-1{animation:wm-rise .7s ease .35s forwards,wm-shine 1.7s ease .7s forwards}.splash.show .wm-rule{animation:wm-rule .7s ease .75s forwards}.splash.show .wm-2{animation:wm-rise .7s ease .55s forwards,wm-shine 1.7s ease .95s forwards}@keyframes wm-rise{to{opacity:1;transform:translateY(0)}}@keyframes wm-shine{0%{background-position:130% 0}to{background-position:-30% 0}}@keyframes wm-rule{to{width:min(62vw,420px);opacity:.9}}.splash-tag{position:relative;z-index:2;margin-top:.7rem;font-family:var(--font-body);font-style:italic;font-size:clamp(.9rem,2.4vw,1.2rem);color:var(--bone-dim);opacity:0}.splash.show .splash-tag{animation:fade-up .8s ease 1.15s forwards}.splash-enter{position:absolute;bottom:8%;z-index:2;font-family:var(--font-display);font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);opacity:0}.splash.show .splash-enter{animation:fade-up .8s ease 1.6s forwards,enter-pulse 2s ease-in-out 2.2s infinite}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes enter-pulse{50%{opacity:.4}}