@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Inter:wght@300;400;600&family=Outfit:wght@300;400;700&display=swap";:root{--bg-dark: #050507;--panel-bg: rgba(15, 15, 20, .7);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .12);--glass-blur: blur(12px);--accent-blue: #00e5ff;--accent-gold: #ffcc00;--danger-red: #ff4444;--rarity-common: #ffffff;--rarity-rare: #ffcc00;--rarity-epic: #a333c8;--rarity-legendary: #ff8000;--text-primary: #f0f0f0;--text-secondary: #a0a0a0;font-family:Inter,Outfit,sans-serif;line-height:1.5;color:var(--text-primary);background-color:var(--bg-dark)}body{margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;background:radial-gradient(circle at center,#252535 0%,#050507 100%)}#root{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden}h1,h2,h3,.card-title,.game-title{font-family:Cinzel,serif;letter-spacing:.1rem;text-shadow:0 0 10px rgba(0,212,255,.5)}.game-container{display:flex;flex-direction:column;height:100%;width:100%;position:relative;overflow:hidden;box-sizing:border-box}.game-header{position:relative;flex-shrink:0;padding:.25rem .5rem .15rem;background:linear-gradient(to bottom,rgba(30,35,45,.98) 80%,transparent);border-bottom:1px solid rgba(100,150,255,.2);z-index:20;display:flex;flex-direction:column;gap:.25rem;align-items:center;box-sizing:border-box}.game-board-area{position:relative;flex:1 1 0;min-height:0;display:flex;justify-content:center;align-items:center;z-index:1;overflow:hidden;padding:0;box-sizing:border-box;width:100%}.game-controls{position:relative;flex-shrink:0;padding:.25rem 0;background:rgba(25,30,40,.95);border-top:1px solid rgba(100,150,255,.2);z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.premium-hud-outer{padding:4px;background:rgba(15,25,35,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(180,160,120,.4);border-radius:4px;box-shadow:0 10px 40px #000c,inset 0 0 20px #00000080;margin-bottom:8px;width:100%;box-sizing:border-box;position:relative}.premium-hud-inner{border:1px solid rgba(180,160,120,.6);padding:8px 16px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,rgba(20,30,45,.8),rgba(25,35,55,.9),rgba(20,30,45,.8));position:relative;box-shadow:inset 0 0 15px #ffffff08}.corner-tl,.corner-tr,.corner-bl,.corner-br{position:absolute;width:4px;height:4px;border:1px solid rgba(180,160,120,.8);background:#0f1520}.corner-tl{top:-2px;left:-2px;border-right:none;border-bottom:none}.corner-tr{top:-2px;right:-2px;border-left:none;border-bottom:none}.corner-bl{bottom:-2px;left:-2px;border-right:none;border-top:none}.corner-br{bottom:-2px;right:-2px;border-left:none;border-top:none}.hud-stats-group{display:flex;gap:12px;flex-wrap:wrap;align-items:center;flex:1}.hud-stat-block{display:flex;align-items:center;gap:10px}.hud-icon-large{display:flex;align-items:center;justify-content:center}.drop-shadow-red{filter:drop-shadow(0 2px 8px rgba(200,0,0,.5))}.drop-shadow-cyan{filter:drop-shadow(0 2px 8px rgba(0,255,255,.4))}.drop-shadow-blue{filter:drop-shadow(0 2px 8px rgba(50,150,255,.4))}.drop-shadow-gold{filter:drop-shadow(0 4px 6px rgba(0,0,0,.8))}.hud-data-col{display:flex;flex-direction:column;justify-content:center;gap:0}.hud-label-gold{font-family:Cinzel,serif;font-size:.75rem;color:var(--rarity-rare);letter-spacing:.5px;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.8);font-weight:700}.hud-label-blue{font-family:Cinzel,serif;font-size:.75rem;color:#64b5f6;letter-spacing:.5px;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.8);font-weight:700}.hud-value-group{display:flex;align-items:baseline;line-height:1.1;margin-top:2px}.hud-val-large-gold{font-family:Cinzel,serif;font-size:1.4rem;color:#ffdca8;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,1)}.hud-val-small-gold{font-family:Cinzel,serif;font-size:.9rem;color:#a88c4d;margin-left:4px;font-weight:700}.hud-val-large-silver{font-family:Cinzel,serif;font-size:1.4rem;color:#e0e6ed;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,1)}.hud-hp-bar-frame{width:100%;min-width:80px;height:6px;background:#111;border:1px solid #7c5c36;border-radius:2px;margin-top:4px;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000080}.patterned-red{height:100%;background:linear-gradient(90deg,#8b0000 0%,#d32f2f 100%);position:relative}.patterned-red:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(45deg,rgba(0,0,0,.2) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.2) 75%,transparent 75%,transparent);background-size:4px 4px}.hud-def-bar-frame{width:100%;min-width:50px;height:4px;background:#1a2a3a;border-radius:2px;margin-top:4px;overflow:hidden;box-shadow:inset 0 1px 3px #000c}.hud-def-bar-fill{height:100%;background:linear-gradient(90deg,#1976d2 0%,#81d4fa 100%);box-shadow:0 0 5px #81d4fa99}.hud-vertical-divider{width:1px;height:30px;background:linear-gradient(to bottom,transparent,rgba(180,160,120,.3),transparent);margin:0 16px}.hud-gold-block{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px}.hud-label-gold-bottom{font-family:Cinzel,serif;font-size:.65rem;color:#c9a75d;letter-spacing:1px;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.8);font-weight:700;margin-top:2px}.hud-a-outer{width:100%;box-sizing:border-box;background:linear-gradient(to bottom,rgba(45,50,65,.7),rgba(30,35,45,.85));border:1px solid rgba(220,190,120,.6);border-radius:6px;box-shadow:0 4px 15px #0006,inset 0 0 5px #ffffff26;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud-a-row1{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px 5px;border-bottom:1px solid rgba(220,190,120,.3)}.hud-a-hp-block{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}.hud-a-hp-numbers{display:flex;align-items:baseline;flex-wrap:nowrap;gap:0;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-a-hp-val{font-family:Cinzel,serif;font-size:1.25rem;font-weight:700;color:#f99;text-shadow:0 0 8px rgba(255,60,60,.6)}.hud-a-hp-max{font-family:Cinzel,serif;font-size:.75rem;color:#844;margin-left:2px}.hud-a-hp-track{height:5px;background:rgba(80,10,10,.6);border-radius:3px;overflow:hidden;border:1px solid rgba(120,30,30,.4)}.hud-a-hp-fill{height:100%;background:linear-gradient(90deg,#8b0000 0%,#e53935 60%,#ff7070 100%);border-radius:3px;box-shadow:0 0 6px #dc3c3c99}.hud-a-gold-block{display:flex;flex-direction:column;align-items:center;gap:1px;flex-shrink:0}.hud-a-gold-val{font-family:Cinzel,serif;font-size:1rem;font-weight:700;color:#ffd060;text-shadow:0 0 8px rgba(255,200,0,.5);line-height:1}.hud-a-row2{display:flex;align-items:stretch}.hud-a-stat-box{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 2px;gap:1px;border-right:1px solid rgba(220,190,120,.25);background:rgba(255,255,255,.08);transition:background .15s}.hud-a-stat-box:hover{background:rgba(255,255,255,.15)}.hud-a-stat-label{font-size:.55rem;font-family:Cinzel,serif;color:#c9c9c9;letter-spacing:.5px;text-transform:uppercase;line-height:1}.hud-a-stat-val{font-family:Cinzel,serif;font-size:.95rem;font-weight:700;line-height:1.1}.hud-a-stat-val.cyan{color:#00e5ff;text-shadow:0 0 6px rgba(0,220,255,.4)}.hud-a-stat-val.purple{color:#b8f;text-shadow:0 0 6px rgba(160,80,255,.3)}.hud-a-stat-val.green{color:#8fb}.hud-a-stat-val.gold{color:#ffd060}.hud-a-stat-val.danger{color:#f44;animation:danger-blink 1s infinite}@keyframes danger-blink{0%,to{opacity:1}50%{opacity:.3}}.gothic-tile{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:8px;background-image:url(/assets/texture_stone_slab-31b4809f.png);background-size:cover;background-position:center;box-shadow:inset 0 0 15px #000000e6,inset 0 2px #ffffff08;border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.gothic-tile-hidden{background-image:url(/assets/texture_stone_slab-31b4809f.png)!important;background-size:cover!important;background-position:center!important;filter:brightness(.6) sepia(.3) hue-rotate(250deg);border:1px solid rgba(80,80,150,.3)!important;box-shadow:inset 0 0 25px #0f0519e6,inset 0 0 5px #ffffff05!important}.gothic-board-grid{background-image:url(/assets/texture_abyssal_veins-b321284b.png)!important;background-size:cover!important;background-position:center!important;box-shadow:0 0 35px #ff32c833,inset 0 0 25px #000c!important;border:1px solid rgba(255,50,200,.4)!important}.gothic-tile:hover{filter:brightness(1.3);transform:scale(1.03)}.gothic-tile-fog{background:#050508!important;opacity:.4;border-color:transparent;box-shadow:inset 0 0 20px #000}.gothic-tile-boss-aura{background:#0a0510!important;border-color:#8c00c859!important;box-shadow:inset 0 0 18px #6400a080,0 0 8px #8c00c840!important;animation:boss-aura-pulse 3s infinite ease-in-out}@keyframes boss-aura-pulse{0%{box-shadow:inset 0 0 10px #6400a04d,0 0 4px #8c00c826}50%{box-shadow:inset 0 0 25px #8200c899,0 0 14px #a000f059}to{box-shadow:inset 0 0 10px #6400a04d,0 0 4px #8c00c826}}.gothic-tile-revealed{background-image:url(/assets/texture_stone_slab-31b4809f.png)!important;background-size:cover!important;background-position:center!important;filter:brightness(1)}.gothic-tile-perceived{background-image:url(/assets/texture_stone_slab-31b4809f.png)!important;background-size:cover!important;background-position:center!important;filter:brightness(.6) saturate(.85);border-color:#ffffff14;box-shadow:inset 0 0 20px #000c}.gothic-tile-player{border:2px solid rgba(0,212,255,.9)!important;box-shadow:0 0 35px #00d4ff99,inset 0 0 25px #00d4ff66!important;background:linear-gradient(135deg,#0a1b24 0%,#060a0f 100%)!important;z-index:3}.gothic-tile-danger{animation:danger-pulse 2s infinite ease-in-out;border:2px solid rgba(255,60,60,.9)!important;background:linear-gradient(135deg,#2a0b0b 0%,#0c0505 100%)!important;z-index:2}@keyframes danger-pulse{0%{box-shadow:0 0 15px #ff3c3c66,inset 0 0 20px #ff000080}50%{box-shadow:0 0 45px #ff3c3ccc,inset 0 0 40px #ff0000b3}to{box-shadow:0 0 15px #ff3c3c66,inset 0 0 20px #ff000080}}.entity-icon-primary{width:100%;height:100%;object-fit:contain;transform:scale(1.25);z-index:20;mix-blend-mode:lighten}.entity-icon-secondary{width:95%;height:95%;object-fit:contain;z-index:10;mix-blend-mode:lighten}.entity-frame-monster{background:radial-gradient(circle,rgba(180,20,20,.6) 0%,rgba(40,5,5,.9) 80%);box-shadow:inset 0 0 20px #ff323280,0 0 15px #f006;border:1px solid rgba(255,50,50,.6);border-radius:4px}.entity-frame-item{background:radial-gradient(circle,rgba(180,140,20,.6) 0%,rgba(40,30,5,.9) 80%);box-shadow:inset 0 0 20px #ffd70066,0 0 15px #ffc8004d;border:1px solid rgba(255,215,0,.6);border-radius:4px}.entity-frame-building{background:radial-gradient(circle,rgba(20,140,200,.6) 0%,rgba(5,30,40,.9) 80%);box-shadow:inset 0 0 20px #00c8ff66,0 0 15px #0096ff4d;border:1px solid rgba(0,200,255,.6);border-radius:4px}@keyframes gothic-green-pulse{0%{box-shadow:0 0 6px #14c84633,inset 0 0 12px #14963c26;border-color:#14b43c66}50%{box-shadow:0 0 18px #1edc5099,inset 0 0 30px #1ec85080;border-color:#28ff64e6}to{box-shadow:0 0 6px #14c84633,inset 0 0 12px #14963c26;border-color:#14b43c66}}.gothic-tile-reachable{border:2px solid rgba(20,200,60,.5);cursor:pointer;animation:gothic-green-pulse 2.5s infinite ease-in-out}.gothic-tile-reachable:hover{box-shadow:0 0 25px #1edc50b3,inset 0 0 20px #1ec85066;border-color:#32ff78;animation:none}.tint-treasure{box-shadow:inset 0 0 20px #ffd70026;border-color:#ffd7004d}.tint-pharmacy{box-shadow:inset 0 0 20px #4caf5033;border-color:#4caf504d}.tint-blacksmith{box-shadow:inset 0 0 20px #bdc3c733;border-color:#bdc3c74d}.tint-card{box-shadow:inset 0 0 20px #9c27b033;border-color:#9c27b04d}.header-controls{display:flex;flex-direction:column;align-items:center;gap:8px;position:absolute;right:20px;top:20px;z-index:50}.turn-phase-indicator{background:rgba(10,10,15,.85);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:4px 16px;border-radius:20px;border:1px solid var(--accent-blue);color:var(--accent-blue);font-family:Cinzel,serif;font-size:.75rem;box-shadow:0 0 15px #00d4ff4d;white-space:nowrap;letter-spacing:1px}.gothic-grid{display:grid;gap:4px;background:linear-gradient(135deg,rgba(30,0,60,.6) 0%,rgba(5,5,15,.6) 50%,rgba(0,30,60,.6) 100%);padding:6px;border-radius:8px;border:1px solid rgba(138,43,226,.4);box-shadow:0 0 30px #6432fa26,inset 0 0 20px #0064fa1a}.gothic-grid-item{position:relative;border-radius:4px;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:all .3s ease;-webkit-user-select:none;user-select:none;background:#000}.gothic-grid-item-hidden{background:radial-gradient(circle at center,#151520 0%,#050508 100%);border:1px solid rgba(80,80,150,.3);box-shadow:inset 0 0 15px #6432fa33,inset 0 0 5px #ffffff0d}.gothic-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#050508d9;backdrop-filter:blur(8px) brightness(.7);-webkit-backdrop-filter:blur(8px) brightness(.7);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10005;padding:2rem}.gothic-modal-container{background:linear-gradient(135deg,#11141a 0%,#080a0d 100%);border:1px solid rgba(255,255,255,.05);border-radius:4px;padding:2.5rem;box-shadow:0 25px 50px -12px #000000e6,inset 0 0 40px #000000e6,inset 0 0 0 2px #b4a07833;position:relative;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.gothic-modal-container:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(212,175,55,.15);pointer-events:none}.gothic-modal-header{font-family:Cinzel,serif;color:#d4af37;font-size:1.5rem;font-weight:700;text-align:center;text-shadow:2px 2px 4px #000;letter-spacing:2px;margin:0}.gothic-modal-body{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.gothic-button{background:linear-gradient(to bottom,#2a0b0b,#110505);border:1px solid #dc143c;color:#fff;font-family:Cinzel,serif;font-size:1rem;padding:10px 30px;border-radius:2px;cursor:pointer;box-shadow:0 0 15px #dc143c4d,inset 0 0 10px #dc143c33;transition:all .2s;text-transform:uppercase;letter-spacing:2px}.gothic-button:hover{filter:brightness(1.2);box-shadow:0 0 25px #dc143c80,inset 0 0 10px #dc143c66}.gothic-button:active{transform:scale(.96)}.hud-btn-image-base{background-color:transparent;background-size:contain;background-repeat:no-repeat;background-position:center;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0;display:flex;align-items:center;justify-content:center;outline:none}.hud-btn-image-base:hover:not(:disabled){transform:scale(1.05);filter:brightness(1.2) drop-shadow(0 0 10px rgba(255,255,255,.2))}.hud-btn-image-base:active:not(:disabled){transform:scale(.95)}.hud-btn-image-base:disabled{opacity:.4!important;cursor:not-allowed;filter:grayscale(.5)}.hud-btn-heal{background-image:url(/ui/btn_heal.png)}.hud-btn-reroll{background-image:url(/ui/btn_reroll.png)}.hud-btn-endgame{background-image:url(/ui/btn_end_turn.png)}.card-placeholder{color:#fc0;text-shadow:0 0 5px rgba(255,204,0,.4)}.tutorial-overlay{position:fixed;top:10px;left:50%;transform:translate(-50%);width:min(90%,400px);background:rgba(15,10,20,.85);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(0,212,255,.3);padding:15px;border-radius:8px;z-index:1000;box-shadow:0 10px 30px #000c}.tutorial-content p{margin:0 0 10px;font-size:.85rem;line-height:1.4;color:#fff;text-align:center}.next-btn:hover{filter:brightness(1.2)}.controls-hint p{color:var(--accent-gold)!important;font-weight:600;letter-spacing:.5px}.hand-area{display:flex;justify-content:center;gap:.5rem;min-height:70px}.gothic-panel{transition:all .3s cubic-bezier(.4,0,.2,1)}.gothic-panel:hover{filter:brightness(1.2);box-shadow:0 15px 40px #000000e6,inset 0 0 30px #00d4ff33}.gothic-corner{pointer-events:none}.gothic-corner:before{content:"";position:absolute;width:100%;height:100%;background:var(--bg-dark)}.texture-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url(https://www.transparenttextures.com/patterns/dark-leather.png);opacity:.15;z-index:9999}.vignette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle,transparent 40%,rgba(0,0,0,.8) 100%);z-index:9998}.premium-gothic-card{width:130px;height:190px;background:#111;border-radius:6px;position:relative;display:flex;flex-direction:column;cursor:pointer;box-shadow:0 10px 20px #000c,inset 0 0 0 2px #2a2a2a;border:1px solid #000;padding:4px;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.premium-gothic-card:hover{z-index:50;box-shadow:0 20px 40px #000000e6,inset 0 0 10px #ffffff0d}.premium-gothic-card:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(180,150,80,.4);border-radius:4px;pointer-events:none;z-index:10}.card-top-badges{position:absolute;top:-8px;left:-8px;right:-8px;display:flex;justify-content:space-between;z-index:20}.badge-left,.badge-right{width:26px;height:26px;background:linear-gradient(135deg,#1f1f1f,#0f0f0f);border:1px solid rgba(180,150,80,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Cinzel,serif;font-size:.8rem;font-weight:700;box-shadow:0 4px 6px #000c,inset 0 0 4px #ffffff1a;text-shadow:0 1px 2px #000}.card-art-container{flex:0 0 52%;position:relative;border-radius:4px 4px 0 0;overflow:hidden;border-bottom:2px solid rgba(180,150,80,.6);background:#000}.card-art-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;filter:contrast(1.1) saturate(1.2)}.premium-gothic-card:hover .card-art-img{transform:scale(1.1)}.card-art-overlay{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 20px #000;pointer-events:none}.card-title-banner{background:linear-gradient(to right,transparent,rgba(30,30,30,.95),transparent);border-top:1px solid rgba(180,150,80,.3);border-bottom:1px solid rgba(180,150,80,.3);padding:4px 0;text-align:center;position:relative;z-index:5;margin-top:-8px;box-shadow:0 2px 4px #000c}.card-title-banner span{font-family:Cinzel,serif;font-size:.8rem;font-weight:700;color:#eee;letter-spacing:1.5px;text-shadow:0 2px 4px #000;text-transform:uppercase}.card-desc-container{flex:1;background:linear-gradient(to bottom,#151515,#080808);padding:8px 6px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;border-radius:0 0 4px 4px;position:relative}.card-desc-container p{font-family:Cinzel,serif;font-size:.65rem;color:#a0a0b0;margin:0;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.card-desc-footer{font-family:Cinzel,serif;font-size:.55rem;color:#666;text-transform:uppercase;letter-spacing:1px}.rarity-common{box-shadow:0 0 15px #fff3,inset 0 0 0 2px #ffffff1a;border-color:var(--rarity-common)}.rarity-rare{box-shadow:0 0 20px #ffcc004d,inset 0 0 0 2px #fc03;border-color:var(--rarity-rare)}.rarity-epic{box-shadow:0 0 20px #a333c866,inset 0 0 0 2px #a333c84d;border-color:var(--rarity-epic)}.rarity-legendary{box-shadow:0 0 30px #ff800080,inset 0 0 0 2px #ff800066;border-color:var(--rarity-legendary);animation:gold-breath 2s infinite ease-in-out}@keyframes gold-breath{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.hand-area-container{padding:.5rem .5rem .25rem;z-index:100;position:relative;display:flex;justify-content:center;align-items:flex-end;gap:6px}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}.shake-animation{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.card-hover-effect:hover{filter:brightness(1.3);box-shadow:0 10px 30px #00d4ff66}.settings-modal-container{background:linear-gradient(135deg,#11141a 0%,#080a0d 100%);border:1px solid rgba(255,255,255,.05);border-radius:4px;padding:2.5rem;box-shadow:0 25px 50px -12px #000000e6,inset 0 0 40px #000000e6,inset 0 0 0 2px #b4a07833;position:relative;display:flex;flex-direction:column;width:min(90%,500px)}.settings-modal-container:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(212,175,55,.15);pointer-events:none;z-index:0}.settings-options{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative;z-index:1}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px dashed rgba(180,150,80,.2)}.settings-row-info{display:flex;flex-direction:column;gap:.25rem}.settings-row-title{font-family:Cinzel,serif;font-size:1.1rem;color:#d4af37;text-shadow:0 2px 4px rgba(0,0,0,.8)}.settings-row-desc{font-size:.75rem;color:#a0a0b0}.settings-toggle-btn{background:rgba(0,0,0,.6);border:1px solid rgba(180,150,80,.4);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#d4af37;cursor:pointer;box-shadow:0 4px 10px #000c;transition:all .3s ease}.settings-toggle-btn.active{background:rgba(40,150,40,.2);border-color:#4ade80;color:#4ade80;box-shadow:0 0 15px #4ade8066,inset 0 0 10px #4ade8033}.settings-danger-btn{background:linear-gradient(to bottom,#4a0f0f,#220505)!important;border-color:#f44!important;width:100%;display:flex;align-items:center;justify-content:center;letter-spacing:2px}.settings-danger-btn:hover{filter:brightness(1.2);box-shadow:0 0 20px #f446,inset 0 0 10px #ff44444d!important}.skill-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;height:76px;border-radius:4px;box-shadow:inset 0 0 10px #000c;font-family:Cinzel,serif;font-weight:700;font-size:.8rem;transition:all .2s;border:1px solid rgba(100,100,100,.3);background:rgba(20,20,20,.8);color:#888;cursor:not-allowed;opacity:.4}.skill-btn--enabled{cursor:pointer;opacity:1}.skill-btn--heal{background:rgba(50,100,50,.8);border-color:#64c86466;color:#8f8}.skill-btn--gold{background:rgba(80,60,20,.8);border-color:#ffc85080;cursor:pointer;opacity:1;box-shadow:inset 0 0 10px #000c,0 0 8px #ffc8504d}.skill-btn--boss{background:rgba(50,20,20,.8);border-color:#c864644d;box-shadow:inset 0 0 10px #000c,0 2px 4px #0009;color:#faa}.skill-btn--boss.skill-btn--enabled{cursor:pointer;opacity:1}.skill-btn--active{background:rgba(150,40,40,.7)!important;border:2px solid #ff4444!important;box-shadow:0 0 10px #ff323266!important;opacity:1}.skill-btn__icon{font-size:1.6rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.skill-btn__icon--disabled{filter:grayscale(1)}.skill-btn__label{font-size:.75rem;font-family:Cinzel,serif;font-weight:700}.skill-btn__hint{font-size:.6rem;color:#ffffff80}.skill-btn__hint--cd{color:#f44}.skill-btn__hint--gold{color:#ffd70099}.hand-card-slot--empty{width:40px;height:42px;border:1px dashed rgba(255,255,255,.15);border-radius:6px;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hand-card-slot--empty span{color:#ffffff1a;font-size:1.5rem}.draft-action-btn{margin-top:12px;width:80%;padding:10px 0;font-family:Cinzel,serif;font-size:.85rem;cursor:pointer;border-radius:4px;transition:all .2s ease}.draft-action-btn--refresh{background:rgba(100,80,20,.3);border:1px solid rgba(255,200,80,.3);color:gold}.draft-action-btn--reroll{background:rgba(80,20,100,.3);border:1px solid rgba(200,80,255,.3);color:#e0b0ff}.draft-action-btn--reroll:disabled{background:rgba(50,50,50,.3);border-color:#6464644d;color:#666;cursor:not-allowed}.draft-action-btn--leave{background:rgba(100,100,100,.3);border:1px solid rgba(255,255,255,.2);color:#aaa}