@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Cinzel+Decorative:wght@400;700;900&display=swap";.live2d-partner-display{transition:all .3s ease;border-radius:.5rem;overflow:hidden;background:#0000001a}.live2d-partner-display.general{background:transparent;border-radius:0}.live2d-partner-display:hover{transform:scale(1.02);filter:brightness(1.1)}.live2d-partner-display.character-info{box-shadow:0 .125rem .5rem #0003}.live2d-partner-display.guild,.live2d-partner-display.town,.live2d-partner-display.armoury,.live2d-partner-display.arcanery,.live2d-partner-display.shrine{box-shadow:0 .25rem .75rem #0000004d;border:.125rem solid rgba(212,175,135,.3)}.live2d-partner-display.passage{box-shadow:0 .375rem 1rem #0006;border:.125rem solid rgba(212,175,135,.4)}.live2d-partner-display.general{box-shadow:none;border:none;background:transparent}.live2d-partner-display.battle,.live2d-partner-display.dream-battle{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}.live2d-partner-display.battle:hover,.live2d-partner-display.dream-battle:hover{transform:none!important;filter:none!important}.live2d-partner-display.battle .live2d-iframe-wrap,.live2d-partner-display.dream-battle .live2d-iframe-wrap{background:transparent!important}.passage-live2d{z-index:10;transition:all .3s ease}.passage-live2d.right{animation:slideInFromRight .5s ease-out}.passage-live2d.left{animation:slideInFromLeft .5s ease-out}.passage-live2d.center{animation:slideInFromBottom .5s ease-out}@media (max-width: 768px){.passage-live2d{display:none}}@media (max-width: 1200px){.passage-live2d.right{right:.625rem}.passage-live2d.left{left:.625rem}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromBottom{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.live2d-partner-display.small{border-width:1px}.live2d-partner-display.medium{border-width:.125rem}.live2d-partner-display.large{border-width:.1875rem;box-shadow:0 .5rem 1.25rem #00000080}.battle-tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;pointer-events:none}.battle-tutorial-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:auto}.battle-tutorial-backdrop-solid{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;pointer-events:auto}.battle-tutorial-overlay--interactive .battle-tutorial-backdrop,.battle-tutorial-overlay--interactive .battle-tutorial-backdrop-solid,.battle-tutorial-overlay--interactive .battle-tutorial-highlight-ring{pointer-events:none}.battle-tutorial-highlight-ring{position:fixed;border:.125rem solid rgba(212,175,55,.8);border-radius:.5rem;box-shadow:0 0 .75rem .125rem #d4af3766,inset 0 0 .75rem .125rem #d4af371a;pointer-events:none;animation:tutorialPulseRing 2s ease-in-out infinite;z-index:10001}@keyframes tutorialPulseRing{0%,to{box-shadow:0 0 .75rem .125rem #d4af3766,inset 0 0 .75rem .125rem #d4af371a}50%{box-shadow:0 0 1.25rem .25rem #d4af3799,inset 0 0 1rem .25rem #d4af3733}}.battle-tutorial-tooltip{position:fixed;z-index:10002;background:linear-gradient(180deg,#1e160ff7,#140e08fa);border:1px solid rgba(191,167,111,.5);border-radius:.625rem;padding:1.25rem 1.5rem;max-width:24rem;min-width:18rem;color:#e0d0c0;font-family:Libre Baskerville,serif;box-shadow:0 .25rem 1.5rem #0009,0 0 1px #d4af374d;pointer-events:auto;animation:tutorialTooltipIn .3s ease-out}@keyframes tutorialTooltipIn{0%{opacity:0;transform:translateY(.5rem) translate(-50%)}to{opacity:1}}.battle-tutorial-tooltip--center{animation-name:tutorialTooltipInCenter}@keyframes tutorialTooltipInCenter{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.battle-tutorial-step-indicator{font-size:.72rem;color:#bfa76f99;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.5rem}.battle-tutorial-title{font-size:1.1rem;font-weight:700;color:#d4af37;margin:0 0 .6rem;letter-spacing:.06em;text-shadow:0 1px .1875rem rgba(0,0,0,.6)}.battle-tutorial-text{font-size:.88rem;line-height:1.55;margin:0 0 1rem;color:#d0c4b0}.battle-tutorial-actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.battle-tutorial-skip{background:none;border:none;color:#bfa76f80;font-size:.78rem;cursor:pointer;padding:.25rem .5rem;font-family:Libre Baskerville,serif;transition:color .2s}.battle-tutorial-skip:hover{color:#bfa76fe6}.battle-tutorial-next{background:linear-gradient(180deg,#503c1ee6,#322312f2);color:#d4af37;border:1px solid rgba(191,167,111,.45);border-radius:.375rem;padding:.45rem 1.1rem;font-family:Libre Baskerville,serif;font-size:.85rem;font-weight:600;cursor:pointer;letter-spacing:.05em;transition:all .2s}.battle-tutorial-next:hover{background:linear-gradient(180deg,#644b23f2,#412d16fa);border-color:#d4af3799;box-shadow:0 0 .5rem #d4af3733}.battle-tutorial-action-hint{font-size:.82rem;color:#d4af37;font-style:italic;animation:tutorialHintPulse 1.8s ease-in-out infinite}@keyframes tutorialHintPulse{0%,to{opacity:.7}50%{opacity:1}}:root{--gothic-gold: #c9a84c;--gothic-gold-dim: #8b7230;--gothic-gold-glow: rgba(201, 168, 76, .5);--gothic-gold-bright: #e8d490;--gothic-dark: #0d0a07;--gothic-dark-panel: rgba(13, 10, 7, .92);--gothic-border: #5a4a2a;--gothic-border-light: rgba(201, 168, 76, .35);--gothic-accent-red: #8b2020;--gothic-accent-blue: #1a3a5a;--gothic-shadow: 0 .25rem 1.5rem rgba(0, 0, 0, .8);--gothic-inset: inset 0 .0625rem .25rem rgba(0, 0, 0, .6);--gothic-text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .9);--gothic-font: "Cinzel", "Libre Baskerville", "Palatino Linotype", "Georgia", serif;--gothic-font-decorative: "Cinzel Decorative", "Cinzel", serif}.gothic-frame{position:relative;background:var(--gothic-dark-panel);border:.125rem solid var(--gothic-border);box-shadow:var(--gothic-shadow),var(--gothic-inset),inset 0 0 1rem #c9a84c0d;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}@keyframes battle-hit-shake{0%{transform:translate(0)}15%{transform:translate(-.35rem)}30%{transform:translate(.35rem)}45%{transform:translate(-.25rem)}60%{transform:translate(.25rem)}75%{transform:translate(-.1rem)}to{transform:translate(0)}}.battle-sprite-hit{animation:battle-hit-shake .5s ease-out;will-change:transform}@keyframes battle-support-glow{0%{filter:brightness(1)}25%{filter:brightness(1.6) drop-shadow(0 0 .6rem rgba(100,220,130,.9))}60%{filter:brightness(1.3) drop-shadow(0 0 .3rem rgba(100,220,130,.5))}to{filter:brightness(1)}}.battle-sprite-support{animation:battle-support-glow .5s ease-out;will-change:filter}@keyframes battle-protect-glow{0%{filter:brightness(1)}25%{filter:brightness(1.5) drop-shadow(0 0 .7rem rgba(80,160,255,.95))}60%{filter:brightness(1.25) drop-shadow(0 0 .35rem rgba(80,160,255,.55))}to{filter:brightness(1)}}.battle-sprite-protect{animation:battle-protect-glow .5s ease-out;will-change:filter}@keyframes bleed-flash{0%{opacity:0}20%{opacity:.3}70%{opacity:.3}to{opacity:0}}.battle-bleed-overlay{position:absolute;top:0;left:50%;transform:translate(-50%);width:90%;height:90%;object-fit:contain;pointer-events:none;animation:bleed-flash 1s ease-out forwards;z-index:10}.gothic-frame:before{content:"";position:absolute;top:.25rem;right:.25rem;bottom:.25rem;left:.25rem;border:.0625rem solid var(--gothic-border-light);pointer-events:none;z-index:1}.gothic-corners{position:relative}.gothic-corner{position:absolute;width:clamp(1.25rem,3.5vw,2.25rem);height:clamp(1.25rem,3.5vw,2.25rem);z-index:5;pointer-events:none;animation:cornerFlicker 4s ease-in-out infinite}.gothic-corner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M2 2 C2 2, 20 2, 20 2 C20 2, 20 8, 14 14 C8 20, 2 20, 2 20 Z' fill='none' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Ccircle cx='3' cy='3' r='2' fill='%23c9a84c'/%3E%3Cpath d='M6 2 Q12 6 6 12' fill='none' stroke='%23c9a84c' stroke-width='0.8' opacity='0.6'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.gothic-corner--tl{top:-.125rem;left:-.125rem}.gothic-corner--tr{top:-.125rem;right:-.125rem;transform:scaleX(-1)}.gothic-corner--bl{bottom:-.125rem;left:-.125rem;transform:scaleY(-1)}.gothic-corner--br{bottom:-.125rem;right:-.125rem;transform:scale(-1)}.gothic-corner--tr{animation-delay:-1s}.gothic-corner--bl{animation-delay:-2s}.gothic-corner--br{animation-delay:-3s}@keyframes cornerFlicker{0%,to{opacity:.7;filter:drop-shadow(0 0 .2rem rgba(201,168,76,.3))}50%{opacity:1;filter:drop-shadow(0 0 .6rem rgba(201,168,76,.7))}}.battle-v2-container{font-family:var(--gothic-font);width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden;position:relative}.battle-v2-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.5) 70%,rgba(0,0,0,.75) 100%);pointer-events:none;z-index:1}.battle-v2-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;border:.125rem solid transparent;background:linear-gradient(var(--gothic-dark),var(--gothic-dark)) padding-box,conic-gradient(from var(--border-angle, 0deg),transparent 0%,var(--gothic-gold) 10%,var(--gothic-gold-bright) 15%,var(--gothic-gold) 20%,transparent 30%,transparent 70%,var(--gothic-gold-dim) 80%,transparent 90%) border-box;opacity:.4;animation:borderSpin 8s linear infinite;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes borderSpin{to{--border-angle: 360deg}}.gothic-embers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.gothic-ember{position:absolute;width:.1875rem;height:.1875rem;background:radial-gradient(circle,#c9a84c 0%,#8b4513 60%,transparent 100%);border-radius:50%;animation:emberFloat linear infinite;opacity:0}.gothic-ember:nth-child(1){left:8%;animation-duration:7s;animation-delay:0s}.gothic-ember:nth-child(2){left:15%;animation-duration:9s;animation-delay:-1.5s}.gothic-ember:nth-child(3){left:25%;animation-duration:6s;animation-delay:-3s}.gothic-ember:nth-child(4){left:35%;animation-duration:8s;animation-delay:-.5s}.gothic-ember:nth-child(5){left:45%;animation-duration:7.5s;animation-delay:-4s}.gothic-ember:nth-child(6){left:55%;animation-duration:10s;animation-delay:-2s}.gothic-ember:nth-child(7){left:65%;animation-duration:6.5s;animation-delay:-5s}.gothic-ember:nth-child(8){left:75%;animation-duration:8.5s;animation-delay:-1s}.gothic-ember:nth-child(9){left:85%;animation-duration:9.5s;animation-delay:-3.5s}.gothic-ember:nth-child(10){left:92%;animation-duration:7s;animation-delay:-6s}.gothic-ember:nth-child(11){left:20%;animation-duration:11s;animation-delay:-7s}.gothic-ember:nth-child(12){left:50%;animation-duration:8s;animation-delay:-4.5s}@keyframes emberFloat{0%{transform:translateY(100vh) translate(0) scale(.5);opacity:0}10%{opacity:.8}50%{transform:translateY(50vh) translate(1.25rem) scale(1);opacity:.6}90%{opacity:.2}to{transform:translateY(-10vh) translate(-.9375rem) scale(.3);opacity:0}}.gothic-fog{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.gothic-fog-layer{position:absolute;width:200%;height:100%;background:radial-gradient(ellipse at 20% 80%,rgba(201,168,76,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(139,32,32,.02) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(100,90,70,.04) 0%,transparent 60%);animation:fogDrift 30s ease-in-out infinite;opacity:.6}.gothic-fog-layer:nth-child(2){animation-duration:40s;animation-delay:-15s;animation-direction:reverse;opacity:.4}@keyframes fogDrift{0%,to{transform:translate(-25%) translateY(0)}50%{transform:translate(0) translateY(-3%)}}.gothic-spotlight{position:absolute;bottom:0;width:120%;height:60%;left:-10%;background:radial-gradient(ellipse at 50% 100%,rgba(91,163,217,.15) 0%,rgba(91,163,217,.05) 40%,transparent 70%);pointer-events:none;animation:spotlightBreath 3s ease-in-out infinite;z-index:0}.gothic-spotlight--enemy{background:radial-gradient(ellipse at 50% 100%,rgba(217,91,91,.15) 0%,rgba(217,91,91,.05) 40%,transparent 70%)}@keyframes spotlightBreath{0%,to{opacity:.6;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.05)}}.gothic-phase-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;background:radial-gradient(ellipse at center,rgba(201,168,76,.3) 0%,transparent 70%);animation:phaseFlash .6s ease-out forwards}@keyframes phaseFlash{0%{opacity:1;transform:scale(.95)}to{opacity:0;transform:scale(1.1)}}.gothic-turn-banner{position:absolute;top:clamp(.5rem,2vw,1.5rem);left:50%;transform:translate(-50%);z-index:100;padding:clamp(.6rem,2.5vw,1.25rem) clamp(2rem,6vw,5rem);font-family:var(--gothic-font-decorative);font-size:clamp(1.1rem,4vw,2.25rem);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gothic-gold);text-shadow:0 0 1rem var(--gothic-gold-glow),0 0 2rem rgba(201,168,76,.3),var(--gothic-text-shadow);background:linear-gradient(180deg,#0d0a07f2,#1e160ce6);border:.125rem solid var(--gothic-border);border-bottom-width:.1875rem;box-shadow:var(--gothic-shadow),inset 0 .0625rem #c9a84c33,inset 0 -.0625rem #00000080,0 0 2rem #c9a84c26;clip-path:polygon(.75rem 0%,calc(100% - .75rem) 0%,100% .75rem,100% calc(100% - .75rem),calc(100% - .75rem) 100%,.75rem 100%,0% calc(100% - .75rem),0% .75rem);animation:bannerAppear .5s ease-out}@keyframes bannerAppear{0%{opacity:0;transform:translate(-50%) translateY(-1rem) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.gothic-turn-banner:before,.gothic-turn-banner:after{content:"◆";font-size:.5em;margin:0 .6em;color:var(--gothic-gold-dim);vertical-align:middle;animation:diamondPulse 2s ease-in-out infinite}.gothic-turn-banner:after{animation-delay:-1s}@keyframes diamondPulse{0%,to{opacity:.5}50%{opacity:1;color:var(--gothic-gold)}}.gothic-command-rail{position:relative;background:linear-gradient(0deg,#080604fa,#120e0af2 60%,#1e160ce6);border-top:.1875rem solid var(--gothic-border);box-shadow:0 -.5rem 2rem #000000b3,inset 0 .125rem #c9a84c26,0 -1rem 4rem #0006;z-index:50;margin-bottom:env(safe-area-inset-bottom,0)}.gothic-command-rail:before{content:"";position:absolute;top:-.5rem;left:3%;right:3%;height:.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='8'%3E%3Cpath d='M0 8 L6 0 L12 8 L18 0 L24 8' fill='none' stroke='%23c9a84c' stroke-width='1.2' opacity='0.6'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:1.5rem .5rem;pointer-events:none}.gothic-command-rail:after{content:"";position:absolute;top:-1px;left:0;right:0;height:.125rem;background:linear-gradient(90deg,transparent 0%,var(--gothic-gold-dim) 20%,var(--gothic-gold) 40%,var(--gothic-gold-bright) 50%,var(--gothic-gold) 60%,var(--gothic-gold-dim) 80%,transparent 100%);background-size:200% 100%;animation:railGlow 4s ease-in-out infinite;pointer-events:none}@keyframes railGlow{0%{background-position:200% 0;opacity:.3}50%{opacity:.8}to{background-position:-200% 0;opacity:.3}}.hero-slot,.enemy-slot{position:relative;border-radius:.5rem;transition:all .3s ease}.gothic-nameplate{position:relative;padding:clamp(.3rem,.8vw,.5rem) clamp(.5rem,1.5vw,.75rem);background:linear-gradient(90deg,transparent 0%,rgba(13,10,7,.85) 15%,rgba(13,10,7,.9) 50%,rgba(13,10,7,.85) 85%,transparent 100%);text-align:center;font-family:var(--gothic-font);font-size:clamp(.8rem,2vw,1rem);font-weight:600;letter-spacing:.08em;color:#e8dcc8;text-shadow:var(--gothic-text-shadow);border-top:.0625rem solid var(--gothic-border-light);border-bottom:.0625rem solid var(--gothic-border-light)}.gothic-hp-bar-track{position:relative;width:100%;height:clamp(.4rem,1vw,.625rem);background:#000000b3;border:.0625rem solid rgba(90,74,42,.5);border-radius:.125rem;overflow:hidden;box-shadow:inset 0 .0625rem .125rem #000c}.gothic-hp-bar-fill{height:100%;border-radius:.0625rem;transition:width .5s ease;box-shadow:inset 0 .0625rem #fff3}.gothic-hp-bar-fill--healthy{background:linear-gradient(180deg,#4a8f3f,#2d6b24);box-shadow:inset 0 .0625rem #fff3,0 0 .5rem #4a8f3f4d}.gothic-hp-bar-fill--wounded{background:linear-gradient(180deg,#c9a84c,#8b7230);box-shadow:inset 0 .0625rem #fff3,0 0 .5rem #c9a84c4d}.gothic-hp-bar-fill--critical{background:linear-gradient(180deg,#c44040,#8b2020);animation:criticalPulse 1s ease-in-out infinite;box-shadow:inset 0 .0625rem #fff3,0 0 .75rem #c4404080}.gothic-mp-bar-fill{height:100%;border-radius:.0625rem;background:linear-gradient(180deg,#4a6fa5,#2a4a7a);transition:width .5s ease;box-shadow:inset 0 .0625rem #ffffff26}@keyframes criticalPulse{0%,to{opacity:1;box-shadow:inset 0 1px #fff3,0 0 .5rem #c4404080}50%{opacity:.5;box-shadow:inset 0 1px #fff3,0 0 1rem #c44040cc}}.gothic-rune-circle{position:absolute;top:50%;left:50%;width:clamp(5rem,14vw,8rem);height:clamp(5rem,14vw,8rem);transform:translate(-50%,-50%);pointer-events:none;z-index:0;opacity:.2;animation:runeRotate 20s linear infinite}.gothic-rune-circle svg{width:100%;height:100%}@keyframes runeRotate{to{transform:translate(-50%,-50%) rotate(360deg)}}.gothic-coin-tray{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(.75rem,2.5vw,1.25rem);flex:1 1 auto;flex-wrap:wrap;padding:clamp(.25rem,1vw,.5rem)}.gothic-coin-tray:before,.gothic-coin-tray:after{content:"";position:absolute;top:10%;bottom:10%;width:.0625rem;background:linear-gradient(180deg,transparent 0%,var(--gothic-gold-dim) 50%,transparent 100%)}.gothic-coin-tray:before{left:0}.gothic-coin-tray:after{right:0}.gothic-coin{transition:all .3s ease;filter:drop-shadow(0 .2rem .4rem rgba(0,0,0,.7));animation:coinIdle 3s ease-in-out infinite}.gothic-coin:nth-child(2){animation-delay:-1s}.gothic-coin:nth-child(3){animation-delay:-2s}@keyframes coinIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-.125rem)}}.gothic-coin:hover{filter:drop-shadow(0 .2rem .8rem rgba(201,168,76,.7)) drop-shadow(0 .3rem .5rem rgba(0,0,0,.7));transform:translateY(-.25rem) scale(1.1);animation:none}.gothic-card-hand{position:absolute;bottom:clamp(6.5rem,18vh,9rem);left:50%;transform:translate(-50%);display:flex;align-items:flex-end;justify-content:center;z-index:50;padding:0 1rem .5rem;perspective:50rem;max-width:85vw}.gothic-card-hand--locked{pointer-events:none!important}.gothic-card-hand--locked .gothic-action-card{pointer-events:none!important;filter:brightness(.7)}.gothic-action-card{position:relative;width:clamp(8.5rem,16vw,11.5rem);min-width:clamp(5rem,10vw,7rem);min-height:clamp(8rem,18vh,12rem);flex-shrink:1;padding:0;border-radius:.5rem;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),margin .3s ease,z-index 0s,box-shadow .3s ease,filter .3s ease;transform-origin:bottom center;z-index:1;animation:cardDeal .4s cubic-bezier(.34,1.56,.64,1) backwards;background:linear-gradient(175deg,#372c1cfa,#231a10fc,#16100afc 70%,#1e160efa);border:.125rem solid var(--gothic-gold-dim);box-shadow:0 .4rem 1rem #000000d9,inset 0 1px #c9a84c26,inset 0 -1px #0006}.gothic-action-card+.gothic-action-card{margin-left:clamp(-5rem,-8vw,-3rem)}.gothic-action-card:before{content:"";position:absolute;top:.25rem;right:.25rem;bottom:.25rem;left:.25rem;border:1px solid rgba(201,168,76,.2);border-radius:.35rem;pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,transparent,transparent .125rem,rgba(201,168,76,.02) .125rem,rgba(201,168,76,.02) .25rem)}.gothic-action-card:after{content:"";position:absolute;top:.3125rem;left:.625rem;right:.625rem;height:.125rem;border-radius:1px;background:linear-gradient(90deg,transparent 0%,var(--gothic-gold-dim) 20%,var(--gothic-gold) 50%,var(--gothic-gold-dim) 80%,transparent 100%);opacity:.5;pointer-events:none}.gothic-card-content{position:relative;z-index:1;padding:clamp(.625rem,1.8vw,1rem) clamp(.5rem,1.5vw,.75rem);padding-top:clamp(.75rem,2.2vw,1rem);display:flex;flex-direction:column;gap:.35rem;height:100%}.gothic-card-actor{font-family:var(--gothic-font-decorative);font-size:clamp(.7rem,1.5vw,.85rem);font-weight:700;color:var(--gothic-gold);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px .25rem rgba(0,0,0,.9);padding-bottom:.25rem;border-bottom:1px solid rgba(201,168,76,.15)}.gothic-card-action{font-size:clamp(.65rem,1.3vw,.8rem);color:#c8c3b4d9;line-height:1.35;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.gothic-card-result{font-family:var(--gothic-font-decorative);font-size:clamp(.7rem,1.4vw,.85rem);font-weight:700;color:var(--gothic-gold-bright);text-shadow:0 0 .5rem var(--gothic-gold-glow);margin-top:auto;padding-top:.35rem;border-top:1px solid rgba(201,168,76,.2);text-align:center;letter-spacing:.02em}.gothic-card-ornament{width:100%;text-align:center;font-size:.5rem;color:var(--gothic-gold-dim);opacity:.5;letter-spacing:.3em;margin-top:.25rem;-webkit-user-select:none;user-select:none}.gothic-card-hand:not(.gothic-card-hand--locked) .gothic-action-card:hover{transform:translateY(-1.5rem) scale(1.12);z-index:100;border-color:var(--gothic-gold);box-shadow:0 .5rem 2rem #000000e6,0 0 1rem var(--gothic-gold-glow),inset 0 1px #c9a84c40;filter:brightness(1.15)}.gothic-card-hand:not(.gothic-card-hand--locked) .gothic-action-card:hover+.gothic-action-card{margin-left:clamp(-1rem,-1.5vw,-.5rem);transform:translateY(-.25rem) rotate(2deg)}.gothic-card-hand:not(.gothic-card-hand--locked):hover .gothic-action-card{transform:translateY(-.15rem)}.gothic-card-hand:not(.gothic-card-hand--locked):hover .gothic-action-card:hover{transform:translateY(-1.5rem) scale(1.12)}.gothic-card-hand:not(.gothic-card-hand--locked):hover .gothic-action-card:hover+.gothic-action-card{margin-left:clamp(-1rem,-1.5vw,-.5rem);transform:translateY(-.25rem) rotate(2deg)}.gothic-action-card--synergy{border-color:#c9a84c99!important;animation:cardDeal .4s cubic-bezier(.34,1.56,.64,1) backwards,synergyCardPulse 2.5s ease-in-out infinite}.gothic-action-card--synergy .gothic-card-actor{color:#f0d060;text-shadow:0 0 .5rem rgba(255,215,0,.6)}@keyframes synergyCardPulse{0%,to{box-shadow:0 .25rem .75rem #000c,0 0 .6rem var(--gothic-gold-glow),inset 0 1px #c9a84c1f}50%{box-shadow:0 .25rem .75rem #000c,0 0 1.5rem var(--gothic-gold-glow),0 0 3rem #c9a84c26,inset 0 1px #c9a84c40}}@keyframes cardDeal{0%{opacity:0;transform:translateY(3rem) scale(.8) rotate(8deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.gothic-action-card--fading{opacity:0!important;transform:translate(6rem) rotate(5deg) scale(.9)!important;transition:all .5s cubic-bezier(.4,0,1,1)!important}.gothic-modal{position:fixed;z-index:10000;max-width:28rem;max-height:55vh;overflow:auto;background:linear-gradient(160deg,#0a0805f7,#16100af2);border:.125rem solid var(--gothic-border);box-shadow:0 0 3rem #000c,inset 0 .0625rem #c9a84c1f,inset 0 -.0625rem #00000080;scrollbar-width:thin;scrollbar-color:var(--gothic-gold-dim) transparent;animation:modalSlideUp .3s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.gothic-modal:before{content:"";position:absolute;top:.25rem;right:.25rem;bottom:.25rem;left:.25rem;border:.0625rem solid var(--gothic-border-light);pointer-events:none;border-radius:inherit}.gothic-modal--buff{border-color:#2a5a30;box-shadow:0 0 2rem #2ecc7126,0 0 3rem #000c,inset 0 .0625rem #2ecc711a}.gothic-modal--debuff{border-color:#5a2020;box-shadow:0 0 2rem #e74c3c26,0 0 3rem #000c,inset 0 .0625rem #e74c3c1a}.gothic-stance-menu{position:absolute;bottom:100%;left:50%;transform:translate(-50%);z-index:200;padding:clamp(1rem,2.5vw,1.5rem);min-width:clamp(16rem,45vw,24rem);background:linear-gradient(170deg,#0c0905f7,#19120af2);border:.125rem solid var(--gothic-border);box-shadow:0 -.5rem 2rem #000c,inset 0 .0625rem #c9a84c26;animation:stanceMenuAppear .25s ease-out}@keyframes stanceMenuAppear{0%{opacity:0;transform:translate(-50%) translateY(.5rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}.gothic-stance-menu:before{content:"";position:absolute;top:.25rem;right:.25rem;bottom:.25rem;left:.25rem;border:.0625rem solid var(--gothic-border-light);pointer-events:none}.gothic-stance-option{display:flex;flex-direction:column;gap:.2rem;padding:clamp(.5rem,1.2vw,.75rem) clamp(.6rem,1.5vw,.875rem);background:#c9a84c0f;border:.0625rem solid rgba(90,74,42,.3);border-radius:.25rem;cursor:pointer;transition:all .2s ease;text-align:left;color:#e8dcc8;font-family:var(--gothic-font);font-size:clamp(.85rem,1.8vw,1rem)}.gothic-stance-option:hover{background:#c9a84c26;border-color:var(--gothic-gold-dim);box-shadow:0 0 .75rem var(--gothic-gold-glow);transform:translate(.25rem)}.gothic-stance-option--active{background:#c9a84c1f;border-color:var(--gothic-gold);box-shadow:inset 0 0 .5rem #c9a84c1a}.gothic-btn{font-family:var(--gothic-font);font-size:clamp(.8rem,2vw,1rem);font-weight:700;letter-spacing:.08em;padding:clamp(.5rem,1.2vw,.625rem) clamp(.75rem,2.5vw,1.25rem);border:.0625rem solid var(--gothic-gold-dim);background:linear-gradient(180deg,#322614e6,#1e160cf2);color:var(--gothic-gold);cursor:pointer;transition:all .25s ease;text-shadow:var(--gothic-text-shadow);text-transform:uppercase;clip-path:polygon(.35rem 0%,calc(100% - .35rem) 0%,100% .35rem,100% calc(100% - .35rem),calc(100% - .35rem) 100%,.35rem 100%,0% calc(100% - .35rem),0% .35rem);position:relative;overflow:hidden}.gothic-btn:after{content:"";position:absolute;top:-50%;left:-75%;width:50%;height:200%;background:linear-gradient(90deg,transparent 0%,rgba(201,168,76,.1) 50%,transparent 100%);transform:skew(-20deg);transition:left .5s ease;pointer-events:none}.gothic-btn:hover:after{left:125%}.gothic-btn:hover{background:linear-gradient(180deg,#46371ef2,#322614f2);border-color:var(--gothic-gold);box-shadow:0 0 1rem var(--gothic-gold-glow);color:var(--gothic-gold-bright);transform:translateY(-1px)}.gothic-btn:active{transform:scale(.97) translateY(0);box-shadow:inset 0 .125rem .25rem #00000080}.gothic-btn--stance{border-color:#8b6720;background:linear-gradient(180deg,#3c2d0fe6,#281e0af2);color:#d4a840}.gothic-btn--retreat{border-color:#78645066;background:linear-gradient(180deg,#28231ecc,#191612e6);color:#c8beaab3}.gothic-btn--retreat:hover{border-color:#b43c3c99;color:#c04040;box-shadow:0 0 .75rem #b43c3c4d}.gothic-btn--items{border-color:var(--gothic-gold);background:linear-gradient(180deg,#503c0fe6,#32260af2);color:var(--gothic-gold-bright)}.gothic-btn--items:hover{box-shadow:0 0 .75rem var(--gothic-gold-glow)}.gothic-btn--items-active{border-color:#f1c40f;box-shadow:0 0 1rem #f1c40f99,inset 0 0 .5rem #f1c40f33;animation:itemTargetPulse 1.2s ease-in-out infinite}@keyframes itemTargetPulse{0%,to{box-shadow:0 0 .75rem #f1c40f66}50%{box-shadow:0 0 1.5rem #f1c40fcc,inset 0 0 .5rem #f1c40f4d}}.gothic-item-panel{position:absolute;bottom:clamp(7rem,20vh,10rem);right:clamp(1rem,4vw,3rem);width:clamp(16rem,30vw,22rem);max-height:clamp(12rem,35vh,20rem);padding:clamp(.75rem,2vw,1.25rem);z-index:1100;background:linear-gradient(160deg,#1e180cf7,#141008fa);border:1px solid rgba(var(--gothic-gold-rgb, 180, 150, 50),.4);border-radius:.5rem;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);animation:itemPanelSlideUp .25s ease-out}@keyframes itemPanelSlideUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.gothic-item-list{display:flex;flex-direction:column;gap:.35rem;max-height:clamp(8rem,25vh,14rem);overflow-y:auto}.gothic-item-row{display:flex;align-items:center;gap:.75rem;padding:clamp(.4rem,1vw,.6rem) clamp(.5rem,1.2vw,.75rem);background:#ffffff08;border:1px solid rgba(var(--gothic-gold-rgb, 180, 150, 50),.15);border-radius:.35rem;cursor:pointer;transition:all .2s;text-align:left;width:100%;font-family:inherit}.gothic-item-row:hover{background:rgba(var(--gothic-gold-rgb, 180, 150, 50),.1);border-color:rgba(var(--gothic-gold-rgb, 180, 150, 50),.4);box-shadow:0 0 .5rem rgba(var(--gothic-gold-rgb, 180, 150, 50),.15)}.gothic-item-toast{position:absolute;top:15%;left:50%;transform:translate(-50%);padding:.5rem 1.5rem;background:linear-gradient(135deg,#281e0af2,#3c2d0ff2);border:1px solid var(--gothic-gold);border-radius:.35rem;color:var(--gothic-gold-bright);font-size:clamp(.9rem,2vw,1.1rem);font-weight:700;text-shadow:0 .125rem .25rem rgba(0,0,0,.8);box-shadow:0 0 1.5rem var(--gothic-gold-glow);z-index:1200;animation:gothicToastFade 2.2s ease-out forwards;pointer-events:none}@keyframes gothicToastFade{0%{opacity:0;transform:translate(-50%) translateY(.5rem)}15%{opacity:1;transform:translate(-50%) translateY(0)}75%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-.5rem)}}.gothic-btn-group-tr{position:absolute;top:clamp(.5rem,2vw,1.5rem);right:clamp(.5rem,2vw,1.5rem);z-index:101;display:flex;flex-direction:column;gap:clamp(.35rem,.8vw,.5rem);align-items:stretch}.gothic-btn--synergy{border-color:var(--gothic-gold-dim);background:#1e160cd9;color:var(--gothic-gold);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);animation:synergyBtnPulse 3s ease-in-out infinite}@keyframes synergyBtnPulse{0%,to{box-shadow:0 0 .5rem #c9a84c33}50%{box-shadow:0 0 1.25rem #c9a84c66}}.gothic-btn--intent-legend{border-color:var(--gothic-gold-dim);background:#1e160cd9;color:var(--gothic-gold);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}.gothic-intent-legend{position:absolute;top:clamp(5rem,12vh,7rem);right:clamp(.5rem,2vw,1.5rem);width:clamp(16rem,32vw,22rem);max-height:60vh;z-index:102;padding:clamp(1rem,2vw,1.5rem);overflow-y:auto;background:linear-gradient(165deg,#080604f7,#140f08f2);border:.125rem solid var(--gothic-border);box-shadow:0 0 1.5rem var(--gothic-gold-glow),0 .5rem 2rem #000c;scrollbar-width:thin;scrollbar-color:var(--gothic-gold-dim) transparent}.gothic-intent-legend:before{content:"";position:absolute;top:.25rem;right:.25rem;bottom:.25rem;left:.25rem;border:.0625rem solid var(--gothic-border-light);pointer-events:none}.gothic-intent-legend__item{display:flex;align-items:center;gap:clamp(.5rem,1.5vw,.75rem);padding:clamp(.4rem,1vw,.6rem) 0;border-bottom:1px solid rgba(201,168,76,.1)}.gothic-intent-legend__item:last-child{border-bottom:none}.gothic-intent-legend__icon{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:#0a0806d9;border-radius:50%;border:.0938rem solid rgba(201,168,76,.3)}.gothic-intent-legend__text{flex:1;min-width:0}.gothic-intent-legend__name{font-family:var(--gothic-font-decorative);font-size:clamp(.7rem,1.4vw,.85rem);font-weight:700;color:var(--gothic-gold);letter-spacing:.04em}.gothic-intent-legend__desc{font-size:clamp(.6rem,1.1vw,.72rem);color:#c8beafb3;line-height:1.3}.gothic-synergy-panel{position:absolute;top:clamp(4rem,10vh,6rem);right:clamp(.5rem,2vw,1.5rem);width:clamp(20rem,42vw,30rem);max-height:70vh;z-index:102;padding:clamp(1.25rem,2.5vw,1.75rem);overflow-y:auto;background:linear-gradient(165deg,#080604f7,#140f08f2);border:.125rem solid var(--gothic-border);box-shadow:0 0 2rem var(--gothic-gold-glow),0 .5rem 2rem #000c;scrollbar-width:thin;scrollbar-color:var(--gothic-gold-dim) transparent}.gothic-synergy-panel:before{content:"";position:absolute;top:.25rem;right:.25rem;bottom:.25rem;left:.25rem;border:.0625rem solid var(--gothic-border-light);pointer-events:none}.gothic-synergy-item{margin-bottom:clamp(.75rem,2vw,1.25rem);padding:clamp(.625rem,1.5vw,.875rem);background:#c9a84c0f;border-left:.1875rem solid var(--gothic-gold-dim);border-radius:0;position:relative;font-size:clamp(.85rem,1.8vw,1rem)}.gothic-synergy-item:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:.0625rem;background:linear-gradient(90deg,transparent,var(--gothic-border-light),transparent)}.gothic-synergy-item--ultimate{background:#c9a84c1a;border-left-color:var(--gothic-gold);border:.0625rem solid rgba(201,168,76,.3);border-left-width:.1875rem}.gothic-info-panel{font-family:var(--gothic-font);display:flex;flex-direction:column;gap:clamp(.15rem,.6vw,.25rem);min-width:clamp(9rem,22vw,14rem);color:#ccc4b4;flex:0 0 auto}.gothic-info-panel__name{font-size:clamp(.85rem,2vw,1.1rem);font-weight:700;letter-spacing:.06em;text-shadow:var(--gothic-text-shadow)}.gothic-info-panel__name--hero{color:#5ba3d9}.gothic-info-panel__name--enemy{color:#d95b5b}.gothic-info-panel__stat{font-size:clamp(.75rem,1.6vw,.875rem);color:#c8beaacc}.gothic-info-panel__level{font-size:clamp(.75rem,1.6vw,.9rem);font-weight:700;color:var(--gothic-gold)}.gothic-buff-badge,.gothic-debuff-badge{font-family:var(--gothic-font);padding:clamp(.3rem,.8vw,.5rem) clamp(.5rem,1.5vw,.75rem);font-size:clamp(.75rem,1.6vw,.875rem);font-weight:700;border:.0625rem solid;cursor:pointer;transition:all .2s;clip-path:polygon(.2rem 0%,calc(100% - .2rem) 0%,100% .2rem,100% calc(100% - .2rem),calc(100% - .2rem) 100%,.2rem 100%,0% calc(100% - .2rem),0% .2rem)}.gothic-buff-badge{background:linear-gradient(180deg,#1e4623cc,#143219e6);border-color:#2a7530;color:#4ade80}.gothic-debuff-badge{background:linear-gradient(180deg,#501919cc,#371212e6);border-color:#7a2020;color:#ef6666}.gothic-buff-badge:hover{box-shadow:0 0 .75rem #2ecc7166;transform:translateY(-1px)}.gothic-debuff-badge:hover{box-shadow:0 0 .75rem #e74c3c66;transform:translateY(-1px)}.gothic-feedback{position:absolute;top:clamp(4rem,10vh,7rem);left:50%;transform:translate(-50%);z-index:150;padding:clamp(.625rem,2vw,1rem) clamp(1.25rem,4vw,2.5rem);font-family:var(--gothic-font);font-size:clamp(.9rem,2.5vw,1.25rem);font-weight:600;letter-spacing:.08em;color:#e8dcc8;text-shadow:var(--gothic-text-shadow);background:var(--gothic-dark-panel);border:.0625rem solid var(--gothic-border);box-shadow:0 .25rem 1.5rem #000c,inset 0 .0625rem #c9a84c1a;animation:feedbackAppear .3s ease-out}@keyframes feedbackAppear{0%{opacity:0;transform:translate(-50%) translateY(-.5rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}.gothic-executing-overlay{position:absolute;bottom:0;left:0;right:0;height:clamp(5rem,14vh,7rem);display:flex;align-items:center;justify-content:center;z-index:50;background:linear-gradient(0deg,#080604f2,#120e0ae6 80%,#1e160ccc);border-top:.1875rem solid var(--gothic-border);box-shadow:0 -.5rem 2rem #000000b3;margin-bottom:env(safe-area-inset-bottom,0)}.gothic-executing-text{font-family:var(--gothic-font-decorative);font-size:clamp(1.1rem,3.5vw,1.75rem);font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--gothic-gold);text-shadow:0 0 1.5rem var(--gothic-gold-glow),var(--gothic-text-shadow);animation:executingPulse 1.5s ease-in-out infinite}@keyframes executingPulse{0%,to{opacity:1;text-shadow:0 0 1rem var(--gothic-gold-glow),var(--gothic-text-shadow)}50%{opacity:.65;text-shadow:0 0 2.5rem var(--gothic-gold-glow),var(--gothic-text-shadow)}}.gothic-divider{width:100%;height:.0625rem;background:linear-gradient(90deg,transparent,var(--gothic-border-light),transparent);margin:clamp(.25rem,1vw,.5rem) 0}.gothic-damage-float{position:absolute;font-family:var(--gothic-font-decorative);font-weight:900;font-size:clamp(1.5rem,4vw,2.5rem);color:#f44;text-shadow:0 0 .5rem rgba(255,68,68,.5),.125rem .125rem 0 rgba(0,0,0,.8);pointer-events:none;animation:damageFloat 1.2s ease-out forwards;z-index:200}.gothic-damage-float--heal{color:#4f8;text-shadow:0 0 .5rem rgba(68,255,136,.5),.125rem .125rem 0 rgba(0,0,0,.8)}.gothic-damage-float--crit{font-size:clamp(2rem,5vw,3rem);color:gold;text-shadow:0 0 1rem rgba(255,215,0,.6),.125rem .125rem 0 rgba(0,0,0,.8)}@keyframes damageFloat{0%{opacity:1;transform:translateY(0) scale(.5)}20%{transform:translateY(-1rem) scale(1.2)}40%{transform:translateY(-1.5rem) scale(1)}to{opacity:0;transform:translateY(-3rem) scale(.8)}}.gothic-screen-shake{animation:screenShake .3s ease-out}@keyframes screenShake{0%,to{transform:translate(0)}10%{transform:translate(-.1875rem,.125rem)}20%{transform:translate(.25rem,-.125rem)}30%{transform:translate(-.125rem,.25rem)}40%{transform:translate(.1875rem,-.1875rem)}50%{transform:translate(-.25rem,1px)}60%{transform:translate(.125rem,-1px)}70%{transform:translate(-1px,.1875rem)}80%{transform:translate(1px,-.125rem)}}.gothic-blood-vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;background:radial-gradient(ellipse at center,transparent 50%,rgba(139,32,32,.2) 80%,rgba(100,10,10,.4) 100%);animation:bloodPulse 2s ease-in-out infinite;opacity:0;transition:opacity .5s ease}.gothic-blood-vignette--active{opacity:1}.gothic-blood-vignette--critical{opacity:1;background:radial-gradient(ellipse at center,transparent 40%,rgba(139,32,32,.3) 70%,rgba(100,10,10,.6) 100%)}@keyframes bloodPulse{0%,to{opacity:inherit}50%{opacity:calc(.7 * var(--pulse-intensity, 1))}}.gothic-scroll::-webkit-scrollbar{width:.4rem}.gothic-scroll::-webkit-scrollbar-track{background:#0000004d}.gothic-scroll::-webkit-scrollbar-thumb{background:var(--gothic-gold-dim);border-radius:.1875rem}.gothic-scroll::-webkit-scrollbar-thumb:hover{background:var(--gothic-gold)}.gothic-callout{font-family:var(--gothic-font-decorative);letter-spacing:.1em;text-transform:uppercase;animation:calloutAppear .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes calloutAppear{0%{opacity:0;transform:scale(.3) translateY(1rem)}60%{opacity:1;transform:scale(1.1) translateY(-.25rem)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-height: 700px){.gothic-command-rail{padding-bottom:.25rem!important}.gothic-executing-overlay{height:clamp(4rem,10vh,5rem)}.gothic-card-hand{bottom:clamp(5.5rem,14vh,7rem)}.gothic-action-card{width:clamp(7rem,14vw,9.5rem);min-height:clamp(8rem,18vh,11rem)}}@media (max-width: 768px){.gothic-info-panel{min-width:clamp(7rem,30vw,10rem)}.gothic-synergy-panel{width:clamp(16rem,85vw,25rem);right:.5rem}.gothic-action-card{width:clamp(7.5rem,28vw,10rem);min-height:clamp(9rem,18vh,12rem)}.gothic-action-card+.gothic-action-card{margin-left:clamp(-2.5rem,-8vw,-1.5rem)}}.gothic-turn-order-timeline{position:absolute;top:clamp(5rem,12vw,7.5rem);left:50%;transform:translate(-50%);z-index:99;display:flex;align-items:center;gap:0;padding:.4rem .8rem;background:linear-gradient(180deg,#0d0a07d9,#1e160cbf);border:1px solid var(--gothic-border);border-radius:1.5rem;box-shadow:0 0 1rem #00000080;animation:bannerAppear .4s ease-out}.gothic-turn-order-portrait{width:clamp(2rem,4vw,2.5rem);height:clamp(2rem,4vw,2.5rem);border-radius:50%;border:.125rem solid var(--gothic-gold-dim);overflow:hidden;flex-shrink:0;position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.gothic-turn-order-portrait img{width:100%;height:100%;object-fit:cover;object-position:center top}.gothic-turn-order-portrait--hero{border-color:var(--gothic-gold-dim)}.gothic-turn-order-portrait--enemy{border-color:#b42828b3}.gothic-turn-order-portrait--hovered{border-color:#ff7878;transform:scale(1.15);filter:brightness(1.4);box-shadow:0 0 .4rem #ff505099,0 0 .8rem #ff50504d}.gothic-turn-order-portrait--active{border-color:var(--gothic-gold)!important;transform:scale(1.25);box-shadow:0 0 .5rem var(--gothic-gold-glow),0 0 1rem #c9a84c66,0 0 2rem #c9a84c33;animation:activePortraitGlow 1.5s ease-in-out infinite}@keyframes activePortraitGlow{0%,to{box-shadow:0 0 .5rem var(--gothic-gold-glow),0 0 1rem #c9a84c66,0 0 2rem #c9a84c33}50%{box-shadow:0 0 .75rem var(--gothic-gold-glow),0 0 1.5rem #c9a84c99,0 0 3rem #c9a84c4d}}.gothic-turn-order-line{width:clamp(.8rem,2vw,1.5rem);height:.125rem;background:linear-gradient(90deg,var(--gothic-gold-dim),var(--gothic-gold),var(--gothic-gold-dim));flex-shrink:0;opacity:.6}@keyframes commentarySlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes commentarySlideOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.gothic-commentary-bubble{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:500;max-width:min(20rem,60vw);min-width:12rem;width:fit-content;padding:clamp(.6rem,1.5vw,1rem) clamp(1rem,2.5vw,1.6rem);background:var(--cb-bg);border:1px solid var(--cb-border);border-radius:.75rem;box-shadow:0 0 1.5rem var(--cb-glow),0 .5rem 2rem #0009,inset 0 1px #ffffff0f;cursor:pointer;pointer-events:auto;animation:commentarySlideIn .35s ease-out forwards;font-family:var(--gothic-font-body, "Libre Baskerville", serif)}.gothic-commentary-bubble--exit{animation:commentarySlideOut .35s ease-in forwards}.gothic-commentary-name{display:block;font-size:clamp(.65rem,1.5vw,.8rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.2rem;text-shadow:0 0 .5rem currentColor}.gothic-commentary-text{margin:0;font-size:clamp(.8rem,1.8vw,.95rem);font-style:italic;line-height:1.4;text-shadow:0 1px .1875rem rgba(0,0,0,.5)}.gothic-codex-panel{position:absolute;top:clamp(4rem,10vh,6rem);right:clamp(.5rem,2vw,1.5rem);width:clamp(22rem,45vw,32rem);max-height:75vh;z-index:103;padding:0;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(165deg,#080604f7,#140f08f2);border:.125rem solid var(--gothic-border);box-shadow:0 0 2rem var(--gothic-gold-glow),0 .5rem 2rem #000c}.gothic-codex-panel:before{content:"";position:absolute;top:.25rem;right:.25rem;bottom:.25rem;left:.25rem;border:.0625rem solid var(--gothic-border-light);pointer-events:none;z-index:0}.gothic-codex-header{display:flex;align-items:center;justify-content:space-between;padding:clamp(.75rem,1.5vw,1rem) clamp(1rem,2vw,1.5rem);border-bottom:.0625rem solid var(--gothic-border-light);position:relative;z-index:1}.gothic-codex-title{font-size:clamp(1.1rem,2.8vw,1.5rem);font-weight:700;color:var(--gothic-gold);text-shadow:0 0 .5rem var(--gothic-gold-glow);letter-spacing:.15em;font-family:var(--gothic-font-decorative)}.gothic-codex-stats{font-size:clamp(.75rem,1.6vw,.9rem);color:#c8beaa80;font-style:italic}.gothic-codex-close{background:none;border:.0625rem solid var(--gothic-border-light);color:#c8beaa99;font-size:clamp(.9rem,2vw,1.1rem);cursor:pointer;padding:.15rem .4rem;transition:color .2s,border-color .2s}.gothic-codex-close:hover{color:var(--gothic-gold);border-color:var(--gothic-gold-dim)}.gothic-codex-tabs{display:flex;border-bottom:.0625rem solid var(--gothic-border-light);position:relative;z-index:1}.gothic-codex-tab{flex:1;background:none;border:none;border-bottom:.125rem solid transparent;color:#c8beaa80;font-size:clamp(.8rem,1.8vw,.95rem);padding:clamp(.5rem,1vw,.7rem) .5rem;cursor:pointer;font-family:var(--gothic-font);letter-spacing:.05em;transition:color .2s,border-color .2s}.gothic-codex-tab:hover{color:#c8beaacc}.gothic-codex-tab--active{color:var(--gothic-gold);border-bottom-color:var(--gothic-gold);text-shadow:0 0 .3rem var(--gothic-gold-glow)}.gothic-codex-content{flex:1;overflow-y:auto;padding:clamp(.75rem,1.5vw,1rem);scrollbar-width:thin;scrollbar-color:var(--gothic-gold-dim) transparent;position:relative;z-index:1}.gothic-codex-list{display:flex;flex-direction:column;gap:clamp(.4rem,1vw,.6rem)}.gothic-codex-entry{padding:clamp(.5rem,1.2vw,.75rem);background:#c9a84c0a;border-left:.1875rem solid var(--gothic-gold-dim);position:relative;transition:background .2s}.gothic-codex-entry--discovered{border-left-color:var(--gothic-gold)}.gothic-codex-entry--locked{border-left-color:#645a464d;opacity:.6}.gothic-codex-entry--intent{display:flex;align-items:center;gap:clamp(.5rem,1.2vw,.8rem)}.gothic-codex-entry--variant{background:#c9a84c0f}.gothic-codex-entry__icon{width:clamp(1.8rem,4vw,2.4rem);height:clamp(1.8rem,4vw,2.4rem);border:.0625rem solid var(--gothic-border-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.gothic-codex-entry__text{flex:1;min-width:0}.gothic-codex-entry__name{color:var(--gothic-gold);font-weight:700;font-size:clamp(.85rem,2vw,1.05rem);margin-bottom:.15rem}.gothic-codex-entry--locked .gothic-codex-entry__name{color:#968c7899}.gothic-codex-entry__stance{color:#c8beaa73;font-size:clamp(.7rem,1.5vw,.8rem);font-style:italic;margin-bottom:.15rem;text-transform:capitalize}.gothic-codex-entry__hint{color:#e8dcc8bf;font-size:clamp(.75rem,1.6vw,.9rem);line-height:1.35}.gothic-codex-entry--locked .gothic-codex-entry__hint{color:#968c7866;font-style:italic}.gothic-codex-entry__count{color:#c8beaa59;font-size:clamp(.65rem,1.3vw,.75rem);margin-top:.2rem}.gothic-codex-group{margin-bottom:clamp(.5rem,1.2vw,.75rem)}.gothic-codex-group__title{color:var(--gothic-gold);font-size:clamp(.9rem,2.2vw,1.1rem);font-weight:700;letter-spacing:.08em;padding-bottom:clamp(.3rem,.8vw,.5rem);margin-bottom:clamp(.3rem,.8vw,.5rem);border-bottom:.0625rem solid var(--gothic-border-light);font-family:var(--gothic-font-decorative)}.gothic-codex-footer{margin-top:clamp(.5rem,1.2vw,.75rem);padding:clamp(.4rem,1vw,.6rem);font-size:clamp(.75rem,1.6vw,.85rem);color:#c8beaa66;font-style:italic;text-align:center}.gothic-btn--codex{font-size:clamp(.7rem,1.5vw,.85rem);padding:clamp(.3rem,.8vw,.5rem) clamp(.6rem,1.2vw,.9rem);background:#080604d9;border:.0625rem solid var(--gothic-border-light);color:var(--gothic-gold-dim);cursor:pointer;letter-spacing:.08em;font-family:var(--gothic-font);transition:color .2s,border-color .2s,text-shadow .2s}.gothic-btn--codex:hover{color:var(--gothic-gold);border-color:var(--gothic-gold-dim);text-shadow:0 0 .4rem var(--gothic-gold-glow)}@media (max-width: 768px){.gothic-codex-panel{width:calc(100vw - 1rem);right:.5rem;max-height:65vh}}