@font-face{font-family:Cinzel;font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/cinzel-latin.woff2) format("woff2");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-weight:400 900;font-display:swap;src:url(../fonts/cinzel-latinext.woff2) format("woff2");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:Alegreya;font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/alegreya-latin.woff2) format("woff2")}@font-face{font-family:Alegreya;font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/alegreya-italic-latin.woff2) format("woff2")}:root{--ink: #070503;--void: #0b0806;--panel: rgba(16, 12, 8, .88);--panel-deep: rgba(10, 8, 5, .94);--parch: #d9c8a0;--parch-hi: #efe2bd;--parch-lo: #b3a077;--parchment-bg: linear-gradient(160deg, #e6d7ae 0%, #d3c096 45%, #c4ad80 100%);--gold: #a8853f;--gold-hi: #e6c87e;--gold-lo: #6d5527;--gold-grad: linear-gradient(180deg, #e6c87e 0%, #a8853f 45%, #7a5f2c 100%);--ember: #ff9a3c;--blood: #7a2c1e;--cold: #8fb3cc;--shadow-txt: 0 1px 2px rgba(0, 0, 0, .9), 0 3px 14px rgba(0, 0, 0, .6);--ease-panel: cubic-bezier(.22, .9, .3, 1);--ease-heavy: cubic-bezier(.6, 0, .2, 1);--clip-frame: polygon( 14px 0, 100% 0, 100% calc(100% - 14px) , calc(100% - 14px) 100%, 0 100%, 0 14px );--clip-btn: polygon( 9px 0, 100% 0, 100% calc(100% - 9px) , calc(100% - 9px) 100%, 0 100%, 0 9px );--rune-etch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='132' height='14' viewBox='0 0 132 14'%3E%3Cg fill='none' stroke='%23c9a75c' stroke-width='1.1' opacity='0.55'%3E%3Cpath d='M6 1v12M6 3l5 4-5 4'/%3E%3Cpath d='M24 13V1l6 6-6 6'/%3E%3Cpath d='M42 1v12M39 4h6M39 10h6'/%3E%3Cpath d='M58 1l4 6-4 6M58 7h7'/%3E%3Cpath d='M76 13V1M72 5l4-4 4 4M72 9l4 4 4-4'/%3E%3Cpath d='M94 1v12M94 1l6 12M94 7l4-2'/%3E%3Cpath d='M114 1l5 12M119 1l-5 12M115.5 8h7'/%3E%3C/g%3E%3C/svg%3E")}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--ink)}body{font-family:Alegreya,Georgia,Times New Roman,serif;color:var(--parch);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{position:fixed;inset:0}#stage{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#stage.dragging{cursor:grabbing}#vignette{position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse 120% 90% at 50% 42%,transparent 52%,rgba(2,1,0,.55) 100%),linear-gradient(180deg,rgba(2,1,0,.35) 0%,transparent 18%,transparent 80%,rgba(2,1,0,.5) 100%)}#grain{position:absolute;inset:-40px;pointer-events:none;z-index:3;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain-shift .9s steps(4) infinite}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-14px,9px)}50%{transform:translate(9px,-16px)}75%{transform:translate(-7px,-8px)}to{transform:translate(0)}}#torch-tint{position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 90% 70% at 50% 60%,rgba(255,154,60,.1),transparent 70%);opacity:.6;mix-blend-mode:screen}.chrome{z-index:10}.panel-frame{position:absolute;background:var(--gold-grad);clip-path:var(--clip-frame);filter:drop-shadow(0 10px 30px rgba(0,0,0,.65))}.panel-frame>.panel-inner{position:relative;margin:1px;clip-path:var(--clip-frame);background:linear-gradient(180deg,rgba(255,214,140,.05),transparent 22%),var(--rune-etch) repeat-x top / 132px 14px,linear-gradient(180deg,#261d11f7,#0c0906f7 30%,#090704f7);background-position:0 6px,top left,0 0;padding:30px 18px 16px;overflow:hidden}.panel-frame>.panel-inner:after{content:"";position:absolute;left:10px;right:10px;top:24px;height:1px;background:linear-gradient(90deg,transparent,rgba(200,165,90,.5),transparent);pointer-events:none}.panel-kicker{font-family:Cinzel,serif;font-size:9.5px;font-weight:700;letter-spacing:.34em;color:var(--gold);text-transform:uppercase;margin-bottom:10px}#brand{position:absolute;top:18px;left:22px;display:flex;flex-direction:column;gap:1px;pointer-events:none;opacity:0;transition:opacity 1.2s ease .6s}#brand .brand-kicker{font-family:Cinzel,serif;font-size:8.5px;font-weight:700;letter-spacing:.52em;color:var(--gold);text-shadow:var(--shadow-txt)}#brand .brand-name{font-family:Cinzel,serif;font-size:21px;font-weight:800;letter-spacing:.3em;color:var(--parch-hi);text-shadow:var(--shadow-txt)}#cat-title{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;opacity:0;transition:opacity .8s ease;pointer-events:none}#cat-title h1{font-family:Cinzel,serif;font-size:clamp(17px,2.2vw,24px);font-weight:700;letter-spacing:.42em;text-indent:.42em;text-align:center;color:var(--parch-hi);text-shadow:var(--shadow-txt);white-space:nowrap}#cat-title .rule{display:block;width:min(120px,12vw);height:9px;background:var(--rune-etch) repeat-x center / 132px 9px;opacity:.8;mask-image:linear-gradient(90deg,transparent,#000 40%,#000 60%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%,#000 60%,transparent)}#cat-title .rule.left{transform:scaleX(-1)}#cat-title.swap h1{animation:title-in .5s var(--ease-panel)}@keyframes title-in{0%{opacity:0;transform:translateY(7px);letter-spacing:.52em}to{opacity:1;transform:translateY(0);letter-spacing:.42em}}#cat-list{left:22px;top:50%;width:218px;transform:translateY(-50%) translate(-26px);opacity:0;transition:transform .7s var(--ease-panel),opacity .7s ease}#cat-list .panel-inner{max-height:calc(76vh - 2px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--gold-lo) transparent}#cat-list::-webkit-scrollbar{width:4px}#cat-items{list-style:none;display:flex;flex-direction:column}#cat-items:focus-visible{outline:1px solid var(--gold);outline-offset:4px}.cat-item{position:relative;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;font-family:Cinzel,serif;font-size:11.5px;font-weight:700;letter-spacing:.24em;color:var(--parch-lo);cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:color .25s ease,background .25s ease,transform .25s var(--ease-panel);text-transform:uppercase}.cat-item .gem{width:7px;height:7px;flex:none;transform:rotate(45deg) scale(.72);border:1px solid var(--gold-lo);background:transparent;transition:all .3s ease}.cat-item:hover{color:var(--parch-hi);background:linear-gradient(90deg,rgba(200,160,80,.1),transparent 80%);transform:translate(3px)}.cat-item:hover .gem{border-color:var(--gold-hi)}.cat-item[aria-selected=true]{color:var(--gold-hi);background:linear-gradient(90deg,rgba(200,160,80,.16),transparent 85%)}.cat-item[aria-selected=true] .gem{background:var(--gold-grad);border-color:var(--gold-hi);box-shadow:0 0 8px #e6c87e8c;transform:rotate(45deg) scale(1)}.cat-item[aria-selected=true]:after{content:"";position:absolute;left:0;top:15%;bottom:15%;width:2px;background:var(--gold-grad)}.cat-item[aria-disabled=true]{opacity:.34;cursor:not-allowed}.cat-item[aria-disabled=true]:hover{transform:none;background:none;color:var(--parch-lo)}.cat-item:focus-visible{outline:1px solid var(--gold);outline-offset:-2px}#panel{right:22px;top:50%;width:302px;transform:translateY(-50%) translate(26px);opacity:0;transition:transform .7s var(--ease-panel),opacity .7s ease}#panel-inner{max-height:calc(80vh - 2px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--gold-lo) transparent}#panel-inner::-webkit-scrollbar{width:4px}#panel-inner::-webkit-scrollbar-thumb{background:var(--gold-lo)}#panel .sec-head{font-family:Cinzel,serif;font-size:10px;font-weight:700;letter-spacing:.3em;color:var(--gold);margin:18px 0 8px;display:flex;align-items:center;gap:8px;text-transform:uppercase}#panel .sec-head:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(168,133,63,.55),transparent)}#panel .sec-head:first-child{margin-top:2px}#panel .content-swap{animation:content-in .42s var(--ease-panel)}@keyframes content-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.opt-row{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px 7px 16px;background:none;border:none;font-family:Cinzel,serif;font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--parch);cursor:pointer;text-align:left;text-transform:uppercase;transition:color .22s,background .22s,transform .22s var(--ease-panel)}.opt-row .gem{width:6px;height:6px;flex:none;transform:rotate(45deg) scale(.7);border:1px solid var(--gold-lo);transition:all .25s ease}.opt-row:hover{color:var(--parch-hi);background:linear-gradient(90deg,rgba(200,160,80,.09),transparent 85%);transform:translate(3px)}.opt-row:focus-visible{outline:1px solid var(--gold);outline-offset:-2px}.opt-row[aria-checked=true]{color:var(--gold-hi)}.opt-row[aria-checked=true] .gem{background:var(--gold-grad);border-color:var(--gold-hi);box-shadow:0 0 7px #e6c87e80;transform:rotate(45deg) scale(1)}.opt-row .sub{margin-left:auto;font-family:Alegreya,serif;font-style:italic;font-size:12px;letter-spacing:.02em;text-transform:none;color:var(--parch-lo)}.opt-row[aria-disabled=true]{opacity:.35;cursor:not-allowed}.slider-row{padding:9px 10px 9px 16px}.slider-row .s-label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}.slider-row .s-name{font-family:Cinzel,serif;font-size:10.5px;font-weight:600;letter-spacing:.2em;color:var(--parch);text-transform:uppercase;transition:color .2s}.slider-row:hover .s-name,.slider-row:focus-within .s-name{color:var(--parch-hi)}.slider-row .s-val{font-family:Alegreya,serif;font-size:12px;font-style:italic;color:var(--gold);min-width:34px;text-align:right;font-variant-numeric:tabular-nums}.slider{position:relative;height:22px;cursor:ew-resize;touch-action:none}.slider .track{position:absolute;left:0;right:0;top:50%;height:3px;transform:translateY(-50%);background:linear-gradient(90deg,#5a482880,#78603480);box-shadow:0 1px 2px #000c}.slider .fill{position:absolute;top:50%;height:3px;transform:translateY(-50%);background:linear-gradient(90deg,var(--gold-lo),var(--gold-hi));box-shadow:0 0 6px #e6c87e59;transition:none}.slider .mid{position:absolute;left:50%;top:50%;width:5px;height:5px;transform:translate(-50%,-50%) rotate(45deg);background:#a082468c}.slider .thumb{position:absolute;top:50%;width:13px;height:13px;transform:translate(-50%,-50%) rotate(45deg);background:linear-gradient(135deg,#1c150c,#0d0a06);border:1.5px solid var(--gold);box-shadow:0 0 0 2px #0000008c,0 0 9px #e6c87e40;transition:box-shadow .2s,border-color .2s}.slider:hover .thumb{border-color:var(--gold-hi);box-shadow:0 0 0 2px #0000008c,0 0 13px #e6c87e80}.slider.active .thumb{border-color:var(--gold-hi);background:linear-gradient(135deg,#3a2c14,#171009);box-shadow:0 0 0 2px #0000008c,0 0 16px #e6c87ebf}.slider:focus-visible{outline:none}.slider:focus-visible .thumb{outline:1px solid var(--gold-hi);outline-offset:3px}.slider .tick-marks{position:absolute;inset:0;pointer-events:none;opacity:.5}.slider .tick-marks i{position:absolute;top:50%;width:1px;height:7px;transform:translateY(-50%);background:#96783c66}.swatch-grid{display:flex;flex-wrap:wrap;gap:9px;padding:6px 10px 10px 16px}.swatch{width:27px;height:27px;transform:rotate(45deg);border:1.5px solid rgba(140,110,55,.6);background:var(--c, #888);cursor:pointer;box-shadow:0 2px 5px #0009,inset 0 0 6px #00000059;transition:transform .22s var(--ease-panel),border-color .22s,box-shadow .22s;margin:3px}.swatch:hover{transform:rotate(45deg) scale(1.14);border-color:var(--gold-hi)}.swatch:focus-visible{outline:1px solid var(--gold-hi);outline-offset:3px}.swatch[aria-checked=true]{border-color:var(--gold-hi);box-shadow:0 0 0 2px #0009,0 0 12px #e6c87e99;transform:rotate(45deg) scale(1.1)}.seg{display:flex;gap:0;margin:4px 10px 6px 16px;clip-path:var(--clip-btn);background:var(--gold-grad);padding:1px}.seg button{flex:1;clip-path:var(--clip-btn);padding:8px 4px;background:#0e0a06eb;border:none;font-family:Cinzel,serif;font-size:10.5px;font-weight:700;letter-spacing:.26em;color:var(--parch-lo);cursor:pointer;text-transform:uppercase;transition:all .28s ease}.seg button:hover{color:var(--parch-hi)}.seg button[aria-pressed=true]{background:linear-gradient(180deg,#c8a05047,#785c2829);color:var(--gold-hi);text-shadow:0 0 10px rgba(230,200,126,.4)}.seg button:focus-visible{outline:1px solid var(--gold);outline-offset:-3px}.name-field{display:flex;gap:8px;margin:4px 10px 8px 16px;align-items:stretch}.name-field input{flex:1;min-width:0;background:#080603d9;border:1px solid rgba(140,110,55,.5);clip-path:var(--clip-btn);color:var(--parch-hi);font-family:Cinzel,serif;font-size:14px;font-weight:600;letter-spacing:.12em;padding:10px 12px;transition:border-color .25s,box-shadow .25s}.name-field input::placeholder{color:#b3a07766}.name-field input:hover{border-color:#c8a55acc}.name-field input:focus{outline:none;border-color:var(--gold-hi);box-shadow:0 0 14px #e6c87e2e,inset 0 0 10px #e6c87e0d}.name-field .sky-btn{flex:none}.hint-text{font-family:Alegreya,serif;font-style:italic;font-size:13px;color:var(--parch-lo);padding:4px 12px 8px 16px;line-height:1.45}#lore-panel{left:22px;bottom:78px;width:300px;transform:translateY(24px);opacity:0;transition:transform .7s var(--ease-panel),opacity .7s ease;pointer-events:none}#lore-panel>.panel-inner{background:radial-gradient(120% 90% at 20% 0%,rgba(255,248,224,.5),transparent 55%),var(--parchment-bg);color:#3a2d18;padding:26px 18px 16px;max-height:34vh;overflow-y:auto;scrollbar-width:thin;width:298px}#lore-panel>.panel-inner:after{background:linear-gradient(90deg,transparent,rgba(90,66,25,.5),transparent)}#lore-panel .panel-kicker{color:#7a5c22}#lore-panel .abil-kicker{margin-top:12px}#lore-name{font-family:Cinzel,serif;font-size:19px;font-weight:800;letter-spacing:.14em;color:#2c2110;margin-bottom:6px;text-transform:uppercase}.lore-text{font-size:14.5px;line-height:1.5;color:#463620;font-style:italic}#lore-abilities,#sum-abilities{list-style:none;margin-top:4px}#lore-abilities li,#sum-abilities li{position:relative;padding:3px 0 3px 16px;font-family:Cinzel,serif;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}#lore-abilities li{color:#4a3818}#lore-abilities li:before,#sum-abilities li:before{content:"";position:absolute;left:2px;top:50%;width:5px;height:5px;transform:translateY(-50%) rotate(45deg);background:currentColor;opacity:.75}#lore-panel.swap>.panel-inner{animation:lore-in .5s var(--ease-panel)}@keyframes lore-in{0%{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}#nameplate{position:absolute;bottom:66px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:7px 22px;background:linear-gradient(180deg,rgba(255,244,214,.12),transparent 40%),var(--parchment-bg);clip-path:var(--clip-btn);box-shadow:0 6px 20px #0000008c;opacity:0;transition:opacity .8s ease;max-width:46vw}#nameplate .np-rune{color:#7a5c22;font-size:11px;transform:rotate(0)}#np-name{font-family:Cinzel,serif;font-size:15px;font-weight:800;letter-spacing:.16em;color:#2c2110;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}#nameplate .np-dot{color:#7a5c22}#np-race{font-family:Cinzel,serif;font-size:10px;font-weight:700;letter-spacing:.24em;color:#6d5322;white-space:nowrap;text-transform:uppercase}#nameplate.pulse{animation:np-pulse .6s ease}@keyframes np-pulse{0%{box-shadow:0 6px 20px #0000008c}40%{box-shadow:0 6px 26px #0000008c,0 0 22px #e6c87e8c}to{box-shadow:0 6px 20px #0000008c}}#bottombar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:26px;opacity:0;transition:opacity .8s ease}#hint{font-family:Cinzel,serif;font-size:8.5px;font-weight:600;letter-spacing:.3em;color:#b3a07799;text-shadow:0 1px 2px rgba(0,0,0,.9)}.sky-btn{position:relative;clip-path:var(--clip-btn);background:var(--gold-grad);border:none;padding:1px;cursor:pointer;transition:transform .2s var(--ease-panel),filter .25s}.sky-btn .face{position:relative;display:flex;align-items:center;gap:9px;clip-path:var(--clip-btn);background:linear-gradient(180deg,#241b0e,#120d07);padding:10px 20px;font-family:Cinzel,serif;font-size:11px;font-weight:700;letter-spacing:.26em;color:var(--parch);text-transform:uppercase;white-space:nowrap;transition:color .25s,background .25s}.sky-btn .btn-rune{color:var(--gold);font-size:10px;transition:color .25s,transform .3s var(--ease-panel)}.sky-btn:hover{transform:translateY(-1px);filter:brightness(1.18)}.sky-btn:hover .face{color:var(--gold-hi)}.sky-btn:hover .btn-rune{transform:rotate(90deg);color:var(--gold-hi)}.sky-btn:active{transform:translateY(1px) scale(.985);filter:brightness(.95)}.sky-btn:focus-visible{outline:1px solid var(--gold-hi);outline-offset:3px}.sky-btn.primary .face{background:linear-gradient(180deg,#e2c684,#b28c43 55%,#8a6a2e);color:#241a08;text-shadow:0 1px 0 rgba(255,240,200,.4)}.sky-btn.primary .btn-rune{color:#4a3510}.sky-btn.primary:hover .face{color:#120d04;background:linear-gradient(180deg,#f0d795,#c29a4d 55%,#97752f)}.sky-btn.big .face{padding:13px 30px;font-size:12.5px;letter-spacing:.32em}.sky-btn[disabled]{filter:grayscale(.7) brightness(.6);cursor:not-allowed;transform:none}.sky-btn .face:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,240,200,.22) 48%,transparent 60%);transform:translate(-120%);transition:transform .7s ease;pointer-events:none}.sky-btn{overflow:hidden}.sky-btn:hover .face:after{transform:translate(120%)}#btn-mute{position:absolute;top:18px;right:22px;width:38px;height:38px;display:grid;place-items:center;background:#0c0905b3;border:1px solid rgba(140,110,55,.45);clip-path:var(--clip-btn);color:var(--parch-lo);cursor:pointer;opacity:0;transition:opacity .8s ease,color .25s,border-color .25s}#btn-mute:hover{color:var(--gold-hi);border-color:var(--gold-hi)}#btn-mute:focus-visible{outline:1px solid var(--gold-hi);outline-offset:2px}#btn-mute[aria-pressed=true] .w1,#btn-mute[aria-pressed=true] .w2{opacity:.15}#btn-mute[aria-pressed=true] .mx{opacity:1}.overlay{position:absolute;inset:0;z-index:40;display:grid;place-items:center;background:radial-gradient(ellipse 80% 60% at 50% 46%,#0a07049e,#030201f0 78%),#030201;transition:opacity 1.1s ease,visibility 1.1s}.overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.overlay.fading{opacity:0}.ov-inner{max-width:620px;padding:40px 30px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}.ov-kicker{font-family:Cinzel,serif;font-size:10px;font-weight:700;letter-spacing:.44em;color:var(--gold);text-shadow:var(--shadow-txt)}.ov-line{font-family:Alegreya,serif;font-style:italic;font-size:clamp(17px,2.4vw,22px);line-height:1.55;color:var(--parch);text-shadow:var(--shadow-txt);opacity:0;transform:translateY(12px);transition:opacity 1.4s ease,transform 1.4s var(--ease-panel)}.ov-line.reveal{opacity:1;transform:translateY(0)}.ov-quote{color:var(--parch-hi);font-size:clamp(19px,2.7vw,25px)}.ov-skip{font-family:Cinzel,serif;font-size:8.5px;letter-spacing:.3em;color:#b3a07780}.ov-skip kbd{font-family:inherit;border:1px solid rgba(179,160,119,.4);padding:2px 7px;color:var(--parch-lo)}#btn-begin{opacity:0;transform:translateY(12px);transition:opacity 1s ease,transform 1s var(--ease-panel),filter .25s}#btn-begin.reveal{opacity:1;transform:translateY(0)}#summary{background:radial-gradient(ellipse 90% 70% at 62% 46%,#08060359,#030201e0 80%)}.sum-inner{position:relative;width:min(430px,88vw);transform:translate(-14vw);background:var(--gold-grad)}.sum-inner>.panel-inner{position:relative;inset:auto;display:block;padding:34px 26px 24px}#sum-name{font-family:Cinzel,serif;font-size:clamp(22px,3vw,30px);font-weight:900;letter-spacing:.12em;color:var(--gold-hi);text-shadow:0 0 18px rgba(230,200,126,.3);margin-bottom:4px;text-transform:uppercase;word-break:break-word}.sum-line{font-family:Cinzel,serif;font-size:11px;font-weight:700;letter-spacing:.3em;color:var(--parch-lo);margin-bottom:12px;text-transform:uppercase}#summary .lore-text{color:var(--parch);font-size:14px}#sum-abilities{margin:10px 0 18px}#sum-abilities li{color:var(--gold);padding:3px 0 3px 16px}.sum-actions{display:flex;gap:12px;justify-content:flex-end}.fin-name{font-family:Cinzel,serif;font-size:clamp(26px,4vw,40px);font-weight:900;letter-spacing:.14em;color:var(--parch-hi);text-shadow:0 0 26px rgba(230,200,126,.35),var(--shadow-txt);text-transform:uppercase;opacity:0;transform:scale(.96);transition:opacity 1.6s ease .5s,transform 1.6s var(--ease-panel) .5s}.fin-name.reveal{opacity:1;transform:scale(1)}#finale .fin-2{transition-delay:1.2s}#btn-anew{opacity:0;transition:opacity 1s ease 2s,filter .25s,transform .2s}#btn-anew.reveal{opacity:1}#loader{background:#050302;z-index:60;transition:opacity .9s ease;gap:14px}#loader.hidden{opacity:0;visibility:hidden}#loader p{font-family:Cinzel,serif;font-size:10px;letter-spacing:.4em;color:var(--gold)}.loader-rune{width:34px;height:34px;border:1.5px solid var(--gold);transform:rotate(45deg);animation:loader-spin 2.4s var(--ease-heavy) infinite;box-shadow:0 0 18px #e6c87e40}@keyframes loader-spin{0%{transform:rotate(45deg) scale(1);border-color:var(--gold)}50%{transform:rotate(225deg) scale(.82);border-color:var(--gold-hi)}to{transform:rotate(405deg) scale(1);border-color:var(--gold)}}#app.ready #cat-list,#app.ready #panel{transform:translateY(-50%) translate(0);opacity:1}#app.ready #cat-title,#app.ready #brand,#app.ready #bottombar,#app.ready #nameplate,#app.ready #btn-mute{opacity:1}#app.ready #lore-panel{opacity:1;transform:translateY(0)}#app.summoned #cat-list,#app.summoned #panel,#app.summoned #lore-panel,#app.summoned #bottombar,#app.summoned #nameplate,#app.summoned #cat-title,#app.summoned #brand,#app.summoned #btn-mute{opacity:0!important;pointer-events:none}@media(max-width:900px){#cat-list{width:172px;left:12px}#panel{width:250px;right:12px}#lore-panel,#hint,#brand{display:none}#nameplate{max-width:60vw}}@media(max-width:620px){#cat-list{inset:auto 8px 108px;width:auto;transform:translateY(20px);max-height:30vh}#app.ready #cat-list,#app.ready #panel{transform:translateY(0)}#cat-items{flex-direction:row;flex-wrap:wrap;justify-content:center}.cat-item{width:auto;padding:6px 9px;font-size:9.5px;letter-spacing:.14em}.cat-item[aria-selected=true]:after{inset:auto 12% 0;width:auto;height:2px}#panel{top:12px;right:8px;left:8px;width:auto;max-height:44vh;transform:translateY(-16px)}#cat-title h1{font-size:14px;letter-spacing:.3em}#nameplate{bottom:150px}}@media(prefers-reduced-motion:reduce){#grain{animation:none}.cat-item,.opt-row,.sky-btn,.swatch{transition-duration:.01s}.ov-line,.fin-name,#btn-begin,#btn-anew{transition-duration:.3s;transition-delay:0s}}