:root{--gold: #c9a227;--gold-light: #f0c94a;--gold-dark: #8a6e14;--dark: #0d0a05;--dark2: #1a1408;--dark3: #261e0d;--dark4: #342a12;--parchment: #e8d9b0;--parchment2: #d4c08a;--red: #c0392b;--red-light: #e74c3c;--green: #27ae60;--blue: #2980b9;--purple: #8e44ad;--bait-color: #e67e22;--ghall-color: #8e44ad}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--dark);color:var(--parchment);font-family:Crimson Pro,serif;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(ellipse at 20% 50%,rgba(201,162,39,.03) 0%,transparent 60%),radial-gradient(ellipse at 80% 50%,rgba(142,68,173,.03) 0%,transparent 60%)}#header{text-align:center;padding:20px 10px 10px;border-bottom:1px solid rgba(201,162,39,.2);background:linear-gradient(180deg,rgba(201,162,39,.08) 0%,transparent 100%)}#header h1{font-family:Cinzel Decorative,serif;font-size:clamp(16px,3vw,28px);color:var(--gold-light);letter-spacing:4px;text-shadow:0 0 30px rgba(201,162,39,.4)}#header p{font-family:Cinzel,serif;font-size:11px;color:var(--parchment2);letter-spacing:3px;margin-top:4px;opacity:.7}#game{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:8px;padding:10px;max-width:1400px;margin:0 auto}.player-zone{background:linear-gradient(135deg,var(--dark2) 0%,var(--dark3) 100%);border:1px solid rgba(201,162,39,.2);border-radius:8px;padding:10px;position:relative;transition:border-color .3s}.player-zone.active{border-color:var(--gold);box-shadow:0 0 20px #c9a22726,inset 0 0 40px #c9a22708}.player-zone.active:before{content:"▶ TOUR ACTIF";position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--gold);color:var(--dark);font-family:Cinzel,serif;font-size:9px;font-weight:700;padding:2px 10px;border-radius:10px;letter-spacing:2px;white-space:nowrap}.player-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(201,162,39,.15)}.champion-portrait{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;border:2px solid;position:relative}#p1 .champion-portrait{background:radial-gradient(circle,#e67e224d,#e67e220d);border-color:var(--bait-color)}#p2 .champion-portrait{background:radial-gradient(circle,#8e44ad4d,#8e44ad0d);border-color:var(--ghall-color)}.champion-name{font-family:Cinzel,serif;font-size:14px;font-weight:700;letter-spacing:2px}#p1 .champion-name{color:var(--bait-color)}#p2 .champion-name{color:var(--ghall-color)}.champion-passive{font-size:10px;color:var(--parchment2);opacity:.7;font-style:italic}.hp-section{margin-bottom:8px}.hp-label{font-family:Cinzel,serif;font-size:9px;letter-spacing:2px;opacity:.6;margin-bottom:3px;display:flex;justify-content:space-between}.hp-bar-bg{height:12px;background:#00000080;border-radius:6px;overflow:hidden;border:1px solid rgba(201,162,39,.1)}.hp-bar-fill{height:100%;border-radius:6px;transition:width .5s ease;position:relative}.hp-bar-fill.white-zone{background:linear-gradient(90deg,#4a9e6b,#2ecc71)}.hp-bar-fill.red-zone{background:linear-gradient(90deg,#8b0000,#c0392b);animation:pulse-red 1.5s ease-in-out infinite}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.7}}.buildings-row{display:flex;gap:6px;margin-bottom:8px}.building-card{flex:1;background:#0000004d;border:1px solid rgba(201,162,39,.15);border-radius:6px;padding:6px;text-align:center;position:relative;transition:all .3s}.building-card.current{border-color:var(--gold);background:#c9a22714}.building-card.destroyed{opacity:.3;border-color:#ffffff0d;text-decoration:line-through}.building-card.hidden{opacity:.4;border-style:dashed}.building-name{font-family:Cinzel,serif;font-size:9px;letter-spacing:1px;color:var(--gold-light);margin-bottom:3px}.building-hp{font-size:14px;font-weight:700;color:var(--parchment)}.building-hp-bar{height:4px;background:#00000080;border-radius:2px;margin-top:3px;overflow:hidden}.building-hp-bar-fill{height:100%;background:linear-gradient(90deg,var(--red),var(--gold));border-radius:2px;transition:width .5s}.hand-section{margin-bottom:8px}.section-label{font-family:Cinzel,serif;font-size:9px;letter-spacing:2px;opacity:.5;margin-bottom:4px;text-transform:uppercase}.cards-row{display:flex;gap:6px;flex-wrap:wrap;align-items:flex-end}#human-hand-display{display:flex;gap:6px;flex-wrap:wrap;align-items:flex-end;min-height:175px}.card-chip{position:relative;width:120px;height:175px;border-radius:7px;overflow:hidden;border:2px solid rgba(201,162,39,.4);background:#0d0d1a;cursor:default;transition:all .2s;flex-shrink:0}.card-chip.disabled{opacity:.2;filter:grayscale(1);border-color:#ffffff0d;cursor:default}.card-chip.attack{border-color:#e74c3c80}.card-chip.skill{border-color:#3498db80}.card-chip.shop{border-color:#2ecc7180}.card-chip.special{border-color:#9b59b680}.card-chip.playable:hover{transform:translateY(-4px);box-shadow:0 6px 16px #c9a2274d;border-color:var(--gold)!important;cursor:pointer}.card-chip.card-hidden{border-color:#6464964d;opacity:.5;cursor:default}.card-chip.card-hidden:hover{transform:none;box-shadow:none;border-color:#6464964d!important}.card-chip.played{opacity:.3;filter:grayscale(.8)}.card-chip-img{width:100%;height:105px;object-fit:cover;object-position:top;display:block}.card-chip-no-img{width:100%;height:105px;display:flex;align-items:center;justify-content:center;font-size:28px;background:linear-gradient(135deg,#c9a22726,#0006)}.card-chip-body{padding:3px 4px;background:linear-gradient(180deg,#0d0d20,#070710);height:70px;display:flex;flex-direction:column;justify-content:center;gap:1px}.card-chip-name{font-family:Cinzel,serif;font-size:10px;font-weight:700;color:var(--gold);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.card-chip-desc{font-size:9px;color:#bbb;text-align:center;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.card-chip-stats{display:flex;justify-content:center;gap:4px;font-size:10px;margin-top:2px}.card-chip-stats span{color:var(--parchment)}.stats-row{display:flex;gap:8px}.stat-box{flex:1;background:#0003;border:1px solid rgba(201,162,39,.1);border-radius:4px;padding:4px 6px;text-align:center}.stat-box-clickable{cursor:pointer;transition:background .15s,border-color .15s}.stat-box-clickable:hover{background:#c9a2271a;border-color:#c9a22759}.stat-val{font-family:Cinzel,serif;font-size:16px;font-weight:700;color:var(--gold-light)}.stat-lbl{font-size:9px;opacity:.5;letter-spacing:1px}#center{grid-column:1 / -1;background:linear-gradient(135deg,var(--dark2),var(--dark3));border:1px solid rgba(201,162,39,.15);border-radius:8px;padding:10px}.center-title{font-family:Cinzel,serif;font-size:10px;letter-spacing:3px;opacity:.5;text-align:center;margin-bottom:8px;text-transform:uppercase}.monsters-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:8px}.monster-card{position:relative;width:80px;height:116px;border-radius:8px;overflow:hidden;border:2px solid rgba(231,76,60,.4);background:#1a0a0a;transition:all .3s;cursor:default;flex-shrink:0}.monster-card.dead{opacity:.2;filter:grayscale(1);border-color:#ffffff0d}.monster-card.invincible{opacity:.5;border-color:#3498dbcc;box-shadow:0 0 10px #3498db66}.monster-card.invincible:after{content:"🛡️";position:absolute;top:2px;right:2px;font-size:14px;z-index:5}.monster-card.dead:after{content:"✕";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--red);opacity:.7;z-index:5}.monster-card-img{width:100%;height:72px;object-fit:cover;object-position:top;display:block}.monster-card-body{background:linear-gradient(180deg,#1a0808,#0d0505);padding:2px 4px 3px;text-align:center}.monster-card-name{font-family:Cinzel,serif;font-size:7px;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1px}.monster-card-name.commun{color:#aaa}.monster-card-name.legendaire{color:#f39c12}.monster-card-name.epique{color:#e74c3c}.monster-card-stats{display:flex;align-items:center;justify-content:center;gap:4px}.monster-card-hp{font-size:13px;font-weight:700;color:#e74c3c}.monster-card-hp:before{content:"♥ ";font-size:9px}.monster-card-gold{font-size:9px;color:var(--gold)}.monster-card-effect{font-size:6px;color:#aaa;font-style:italic;line-height:1.2;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#shop-zone{grid-column:1 / -1;background:linear-gradient(135deg,var(--dark2),var(--dark3));border:1px solid rgba(46,204,113,.15);border-radius:8px;padding:10px}.shop-cards{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.shop-card{background:#2ecc710d;border:1px solid rgba(46,204,113,.25);border-radius:6px;padding:6px 10px;text-align:center;width:120px;position:relative;overflow:hidden;cursor:pointer}.shop-card.disabled{opacity:.2;filter:grayscale(1);border-color:#ffffff0d}.shop-card:hover:not(.disabled){background:#2ecc7126;border-color:var(--gold);transform:translateY(-4px);box-shadow:0 6px 16px #c9a2274d}.shop-card-img{width:calc(100% + 20px);margin:-6px -10px 4px;border-radius:5px 5px 0 0;display:block}.shop-card-cost{position:absolute;top:-6px;right:-6px;background:var(--gold);color:var(--dark);font-family:Cinzel,serif;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.shop-card-name{font-family:Cinzel,serif;font-size:11px;letter-spacing:1px;color:var(--parchment);margin-bottom:2px}.shop-card-effect{font-size:10px;color:var(--parchment2);opacity:.7;font-style:italic}#log-zone{grid-column:1 / -1;background:#0006;border:1px solid rgba(201,162,39,.1);border-radius:8px;padding:10px;max-height:200px;overflow-y:auto}#log-zone::-webkit-scrollbar{width:4px}#log-zone::-webkit-scrollbar-track{background:transparent}#log-zone::-webkit-scrollbar-thumb{background:#c9a2274d;border-radius:2px}.log-entry{padding:3px 0;border-bottom:1px solid rgba(255,255,255,.03);font-size:12px;line-height:1.4;opacity:0;animation:fadeIn .4s forwards}@keyframes fadeIn{to{opacity:1}}.log-entry:last-child{border-bottom:none}.log-turn{font-family:Cinzel,serif;font-size:11px;color:var(--gold);letter-spacing:2px;margin-top:6px;padding-top:6px;border-top:1px solid rgba(201,162,39,.2)}.log-action{color:var(--parchment)}.log-damage{color:var(--red-light)}.log-gold{color:var(--gold-light)}.log-buy{color:#2ecc71}.log-event{color:var(--purple);font-style:italic}.log-win{color:var(--gold-light);font-family:Cinzel,serif;font-size:13px;letter-spacing:2px}#controls{grid-column:1 / -1;display:flex;gap:8px;justify-content:center;padding:8px 0}.btn{font-family:Cinzel,serif;font-size:11px;letter-spacing:2px;padding:8px 20px;border:1px solid;border-radius:4px;cursor:pointer;transition:all .2s;text-transform:uppercase}.btn-primary{background:#c9a22726;border-color:var(--gold);color:var(--gold-light)}.btn-primary:hover{background:#c9a2274d;box-shadow:0 0 15px #c9a22733}.btn-secondary{background:#ffffff08;border-color:#ffffff26;color:var(--parchment2)}.btn-secondary:hover{background:#ffffff12}.btn:disabled{opacity:.3;cursor:not-allowed}#turn-indicator{grid-column:1 / -1;text-align:center;padding:6px;font-family:Cinzel,serif;font-size:11px;letter-spacing:3px;color:var(--gold);opacity:.7}#winner-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:100;align-items:center;justify-content:center;flex-direction:column;gap:16px}#winner-overlay.show{display:flex}#winner-text{font-family:Cinzel Decorative,serif;font-size:clamp(24px,5vw,48px);color:var(--gold-light);text-shadow:0 0 40px rgba(201,162,39,.6);text-align:center;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{text-shadow:0 0 40px rgba(201,162,39,.6)}50%{text-shadow:0 0 80px rgba(201,162,39,.9),0 0 120px rgba(201,162,39,.4)}}#winner-sub{font-family:Cinzel,serif;font-size:14px;color:var(--parchment2);letter-spacing:3px}.speed-selector{display:flex;align-items:center;gap:6px;font-family:Cinzel,serif;font-size:10px;color:var(--parchment2);letter-spacing:1px}.speed-selector select{background:#0006;border:1px solid rgba(201,162,39,.3);color:var(--gold-light);font-family:Cinzel,serif;font-size:10px;padding:4px 8px;border-radius:4px;cursor:pointer}#pass-turn-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#000000eb;display:none;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px}#pass-turn-overlay.show{display:flex}#mode-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--dark);background-image:radial-gradient(ellipse at 30% 40%,rgba(201,162,39,.06) 0%,transparent 60%),radial-gradient(ellipse at 70% 60%,rgba(142,68,173,.04) 0%,transparent 60%);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:32px;padding:40px 20px;overflow-y:auto}#mode-screen h1{font-family:Cinzel Decorative,serif;font-size:clamp(22px,4vw,42px);color:var(--gold-light);letter-spacing:6px;text-shadow:0 0 40px rgba(201,162,39,.4);text-align:center}#mode-screen .subtitle{font-family:Cinzel,serif;font-size:11px;color:var(--parchment2);letter-spacing:4px;opacity:.6;margin-top:-20px}.mode-cards{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.mode-card{background:linear-gradient(135deg,var(--dark2),var(--dark3));border:1px solid rgba(201,162,39,.2);border-radius:12px;padding:28px 24px;width:200px;text-align:center;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.mode-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(201,162,39,.08),transparent);opacity:0;transition:opacity .3s}.mode-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 12px 40px #c9a22726}.mode-card:hover:before{opacity:1}.mode-card-icon{font-size:40px;margin-bottom:12px}.mode-card-title{font-family:Cinzel,serif;font-size:13px;font-weight:700;letter-spacing:2px;color:var(--gold-light);margin-bottom:8px}.mode-card-desc{font-size:11px;color:var(--parchment2);opacity:.7;line-height:1.5}#human-panel{grid-column:1 / -1;background:linear-gradient(135deg,#c9a2270d,#c9a22705);border:1px solid rgba(201,162,39,.3);border-radius:8px;padding:12px;display:none}#human-panel.visible{display:block}.human-panel-title{font-family:Cinzel,serif;font-size:10px;letter-spacing:3px;color:var(--gold);opacity:.8;margin-bottom:10px;text-transform:uppercase}.human-phase{display:none;flex-direction:column;gap:10px}.human-phase.active{display:flex}.card-chip.playable{cursor:pointer!important;transition:all .2s}.card-chip.playable:hover{background:#c9a22740!important;border-color:var(--gold)!important;transform:translateY(-2px);box-shadow:0 4px 12px #c9a22733}.card-chip.selected{background:#c9a22759!important;border-color:var(--gold-light)!important;box-shadow:0 0 8px #c9a22766}.banish-cards-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-height:60vh;overflow-y:auto;padding:8px}.banish-section-label{width:100%;font-family:Cinzel,serif;font-size:11px;color:var(--parchment2);letter-spacing:2px;text-transform:uppercase;text-align:center;margin:4px 0}.banish-cards-grid .card-chip.banish-pick{cursor:pointer!important;transition:all .2s}.banish-cards-grid .card-chip.banish-pick:hover{border-color:#e74c3c!important;box-shadow:0 0 12px #e74c3c80;transform:translateY(-4px)}.banish-cards-grid .card-chip.banish-pick.from-discard{border-color:#e74c3c66}.scout-shop-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:8px}.scout-shop-grid .shop-card{width:140px;transition:all .2s}.scout-shop-grid .shop-card.scout-selected{border-color:var(--gold)!important;background:#2ecc7133;box-shadow:0 0 12px #2ecc7166}.scout-shop-grid .shop-card.scout-selectable{cursor:pointer}.scout-shop-grid .shop-card.scout-selectable:hover{border-color:var(--gold);background:#2ecc7126;transform:translateY(-3px)}.scout-shop-grid .shop-card.scout-too-expensive{opacity:.4;cursor:default}.scout-shop-confirm{margin-top:10px;display:flex;gap:10px;justify-content:center;align-items:center}.scout-shop-confirm .scout-gold-info{font-family:Cinzel,serif;font-size:12px;color:var(--gold)}.target-btn{font-family:Cinzel,serif;font-size:10px;letter-spacing:1px;padding:5px 12px;border-radius:4px;cursor:pointer;transition:all .2s;border:1px solid;background:transparent}.target-btn.monster{border-color:#e74c3c80;color:#e74c3c}.target-btn.monster:hover{background:#e74c3c26}.target-btn.building{border-color:#c9a22780;color:var(--gold)}.target-btn.building:hover{background:#c9a22726}.target-btn.champion{border-color:#9b59b680;color:#9b59b6}.target-btn.champion:hover{background:#9b59b626}.target-btn:disabled{opacity:.3;cursor:not-allowed;transform:none!important}.shop-card.buyable{cursor:pointer}.shop-card.buyable:hover{border-color:var(--gold);background:#2ecc7126;transform:translateY(-2px)}.shop-card.too-expensive{opacity:.4}.dmg-pool-display{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#0003;border-radius:6px;padding:6px 10px}.dmg-pool-item{font-family:Cinzel,serif;font-size:11px}.dmg-pool-item span{color:var(--gold-light);font-weight:700}.action-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.action-label{font-size:11px;color:var(--parchment2);opacity:.7;margin-right:4px}.monster-card.targetable{cursor:pointer;border-color:#e74c3ce6!important;box-shadow:0 0 8px #e74c3c80}.monster-card.targetable:hover{transform:translateY(-3px);box-shadow:0 0 14px #e74c3cb3}.building-card.targetable{cursor:pointer;border-color:#c9a227cc!important}.building-card.targetable:hover{background:#c9a22726!important}.phase-btn{font-family:Cinzel,serif;font-size:10px;letter-spacing:2px;padding:6px 14px;border-radius:4px;cursor:pointer;transition:all .2s;border:1px solid;text-transform:uppercase}.phase-btn.end{background:#e74c3c1a;border-color:#e74c3c66;color:#e74c3c}.phase-btn.end:hover{background:#e74c3c33}.phase-btn.confirm{background:#2ecc711a;border-color:#2ecc7166;color:#2ecc71}.phase-btn.confirm:hover{background:#2ecc7133}.phase-btn.secondary{background:#ffffff0a;border-color:#ffffff26;color:#aaa}.phase-btn.secondary:hover{background:#ffffff14}.target-btn--monster{background:#e74c3c1f;border-color:#e74c3c80;color:#e74c3c}.target-btn--monster:hover{background:#e74c3c40}.target-btn--building{background:#b4783c1f;border-color:#b4783c80;color:#c8853a}.target-btn--building:hover{background:#b4783c40}.target-btn--champion{background:#9b59b626;border-color:#9b59b699;color:#c39bd3}.target-btn--champion:hover{background:#9b59b64d}.target-btn--activeItem{background:#3498db1f;border-color:#3498db80;color:#5dade2}.target-btn--activeItem:hover{background:#3498db40}#mode-badge{font-family:Cinzel,serif;font-size:9px;letter-spacing:2px;padding:2px 8px;border-radius:10px;margin-left:8px;display:inline-block}#mode-badge.ia-ia{background:#8e44ad33;color:#9b59b6;border:1px solid rgba(142,68,173,.3)}#mode-badge.vs-ia{background:#e67e2233;color:var(--bait-color);border:1px solid rgba(230,126,34,.3)}#mode-badge.vs-human{background:#2ecc7133;color:#2ecc71;border:1px solid rgba(46,204,113,.3)}#mode-badge.online{background:#3498db33;color:#3498db;border:1px solid rgba(52,152,219,.3)}#online-indicator{display:none;position:fixed;top:10px;right:10px;z-index:100;font-family:Cinzel,serif;font-size:10px;letter-spacing:1px;padding:4px 10px;border-radius:20px;background:#2ecc7126;color:#2ecc71;border:1px solid rgba(46,204,113,.3)}#online-indicator.waiting{color:#f39c12;background:#f39c1226;border-color:#f39c124d}#online-indicator.connected{color:#2ecc71;background:#2ecc7126;border-color:#2ecc714d}#online-indicator.disconnected{color:#e74c3c;background:#e74c3c26;border-color:#e74c3c4d}.dmg-input{background:#0006;border:1px solid rgba(201,162,39,.3);color:var(--gold-light);font-family:Cinzel,serif;font-size:12px;padding:3px 8px;border-radius:4px;width:55px;text-align:center}.dmg-input:focus{outline:none;border-color:var(--gold)}.passive-badge{display:inline-block;background:#c9a22726;border:1px solid rgba(201,162,39,.3);border-radius:3px;padding:1px 5px;font-size:9px;color:var(--gold);margin-left:4px}.passive-badge.active{background:#c9a2274d}.lib-card{width:120px;border-radius:10px;overflow:hidden;border:2px solid rgba(201,162,39,.25);background:linear-gradient(180deg,#0d0d1a,#070710);transition:transform .2s,box-shadow .2s;flex-shrink:0}.lib-card:hover{transform:scale(1.5) translateY(-4px);box-shadow:0 12px 32px #c9a22759;border-color:var(--gold);z-index:10;position:relative}.lib-card-img{width:100%;height:100px;object-fit:cover;object-position:top;display:block}.lib-card-no-img{width:100%;height:100px;display:flex;align-items:center;justify-content:center;font-size:32px;background:linear-gradient(135deg,#c9a2271a,#0006)}.lib-card-body{padding:6px 6px 8px}.lib-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.lib-card-name{font-family:Cinzel,serif;font-size:8px;font-weight:700;color:var(--gold);line-height:1.2}.lib-card-copy{font-size:8px;color:#888;white-space:nowrap}.lib-card-type{font-size:7px;margin-bottom:3px;font-style:italic}.lib-card-effect{font-size:7.5px;color:var(--parchment2);line-height:1.35}.lib-card-stats{display:flex;gap:4px;flex-wrap:wrap;margin-top:3px}.lib-card-stat{font-size:7px;background:#c9a2271a;border:1px solid rgba(201,162,39,.2);border-radius:3px;padding:1px 4px;color:var(--parchment)}.lib-section-title{width:100%;max-width:1100px;font-family:Cinzel,serif;font-size:13px;letter-spacing:3px;color:var(--gold);text-transform:uppercase;border-bottom:1px solid rgba(201,162,39,.2);padding-bottom:6px;margin:20px 0 12px}.lib-filter-btn{font-family:Cinzel,serif;font-size:9px;letter-spacing:1px;padding:5px 12px;border-radius:20px;cursor:pointer;border:1px solid rgba(201,162,39,.3);background:#c9a22714;color:var(--gold);transition:all .2s}.lib-filter-btn:hover,.lib-filter-btn.active{background:#c9a22740;border-color:var(--gold)}@media (max-width: 1024px){#game{max-width:100%;padding:6px;gap:6px}.card-chip{width:100px;height:150px}.card-chip-img{height:85px}.card-chip-body{height:65px}.card-chip-name{font-size:9px}.card-chip-desc{font-size:8px}#human-hand-display{min-height:150px}.monster-card{width:70px;height:105px}.monster-card-img{height:62px}.shop-card{width:100px;padding:5px 8px}.shop-card-name{font-size:10px}.shop-card-effect{font-size:9px}.mode-card{width:170px;padding:20px 18px}.mode-card-icon{font-size:32px;margin-bottom:8px}.lib-card{width:100px}.lib-card-img{height:80px}}@media (max-width: 768px) and (orientation: portrait),(max-width: 768px) and (min-height: 501px){#game{grid-template-columns:1fr;gap:5px;padding:4px}#header{padding:12px 8px 8px}#header h1{letter-spacing:2px}#header p{font-size:10px;letter-spacing:2px}.player-zone{padding:8px}.player-header{gap:8px;margin-bottom:6px;padding-bottom:6px}.champion-portrait{width:38px;height:38px;font-size:18px}.champion-name{font-size:12px;letter-spacing:1px}.buildings-row{gap:4px;margin-bottom:6px}.building-card{padding:4px}.building-name{font-size:8px}.building-hp{font-size:12px}.cards-row{gap:4px}.card-chip{width:90px;height:140px}.card-chip-img{height:75px}.card-chip-body{height:65px;padding:2px 3px}.card-chip-name{font-size:8px}.card-chip-desc{font-size:7px;-webkit-line-clamp:3}.card-chip-stats{font-size:9px}#human-hand-display{min-height:140px;gap:4px}.monster-card{width:60px;height:92px}.monster-card-img{height:52px}.monster-card-name{font-size:6px}.monster-card-hp{font-size:11px}.monster-card-gold{font-size:8px}.monster-card-effect{font-size:5px}.monsters-row{gap:4px}.shop-card{width:90px;padding:4px 6px}.shop-card-img{margin:-4px -6px 3px;width:calc(100% + 12px)}.shop-card-name{font-size:9px}.shop-card-effect{font-size:8px}.shop-card-cost{font-size:9px;width:16px;height:16px;top:-4px;right:-4px}.shop-cards{gap:4px}#log-zone{max-height:150px;padding:6px}.log-entry{font-size:11px}#controls{gap:4px;flex-wrap:wrap}.btn{padding:6px 12px;font-size:10px;letter-spacing:1px}#human-panel{padding:8px}.human-panel-title{font-size:9px;letter-spacing:2px}.dmg-pool-display{gap:8px;padding:4px 8px}.dmg-pool-item{font-size:10px}.target-btn{font-size:9px;padding:4px 8px}.phase-btn{font-size:9px;padding:5px 10px}.stat-box{padding:3px 4px}.stat-val{font-size:14px}.stat-lbl{font-size:8px}#center{padding:8px}.center-title{font-size:9px;letter-spacing:2px;margin-bottom:6px}#turn-indicator{font-size:10px;letter-spacing:2px;padding:4px}.mode-card{width:140px;padding:16px 14px}.mode-card-icon{font-size:28px;margin-bottom:8px}.mode-card-title{font-size:11px}.mode-card-desc{font-size:10px}#mode-screen{gap:20px;padding:24px 12px}#mode-screen h1{letter-spacing:3px}.mode-cards{gap:10px}.lib-card{width:90px}.lib-card-img{height:70px}.lib-card-name,.lib-card-effect{font-size:7px}#online-indicator{font-size:9px;padding:3px 8px;top:6px;right:6px}}@media (max-width: 480px) and (orientation: portrait),(max-width: 480px) and (min-height: 501px){#game{padding:3px;gap:4px}#header{padding:8px 6px 6px}#header h1{font-size:14px;letter-spacing:1px}#header p{font-size:9px;letter-spacing:1px}.player-zone{padding:6px}.player-header{gap:6px;margin-bottom:4px;padding-bottom:4px}.champion-portrait{width:32px;height:32px;font-size:16px;border-width:1px}.champion-name{font-size:11px}.champion-passive{font-size:9px}.hp-bar-bg{height:10px}.hp-label{font-size:8px}.buildings-row{gap:3px}.building-card{padding:3px;border-radius:4px}.building-name{font-size:7px}.building-hp{font-size:11px}.card-chip{width:78px;height:125px;border-width:1px;border-radius:5px}.card-chip-img{height:62px}.card-chip-body{height:63px;padding:2px}.card-chip-name{font-size:7px}.card-chip-desc{font-size:6.5px;-webkit-line-clamp:3}.card-chip-stats{font-size:8px;gap:2px}.card-chip-no-img{height:62px;font-size:20px}#human-hand-display{min-height:125px;gap:3px}.cards-row{gap:3px}.monster-card{width:55px;height:82px;border-width:1px;border-radius:5px}.monster-card-img{height:44px}.monster-card-body{padding:1px 2px 2px}.monster-card-name{font-size:5.5px}.monster-card-hp{font-size:10px}.monster-card-hp:before{font-size:7px}.monster-card-gold{font-size:7px}.monster-card-effect{display:none}.monster-card.dead:after{font-size:20px}.monsters-row{gap:3px;margin-bottom:4px}.shop-card{width:78px;padding:3px 4px}.shop-card-img{margin:-3px -4px 2px;width:calc(100% + 8px)}.shop-card-name{font-size:8px;letter-spacing:0}.shop-card-effect{font-size:7px}.shop-card-cost{font-size:8px;width:15px;height:15px;top:-3px;right:-3px}.shop-cards{gap:3px}#shop-zone{padding:6px}#log-zone{max-height:120px;padding:5px}.log-entry{font-size:10px;line-height:1.3;padding:2px 0}.log-turn{font-size:9px;letter-spacing:1px}#controls{gap:3px;padding:4px 0}.btn{padding:5px 10px;font-size:9px;letter-spacing:1px}.speed-selector{font-size:9px}.speed-selector select{font-size:9px;padding:3px 6px}#human-panel{padding:6px}.human-panel-title{font-size:8px;letter-spacing:1px;margin-bottom:6px}.dmg-pool-display{gap:6px;padding:3px 6px;font-size:9px}.dmg-pool-item{font-size:9px}.action-row{gap:4px}.action-label{font-size:10px}.target-btn{font-size:8px;padding:4px 6px;letter-spacing:0}.phase-btn{font-size:8px;padding:4px 8px;letter-spacing:1px}.dmg-input{width:45px;font-size:11px;padding:2px 4px}.stat-val{font-size:12px}.stat-lbl{font-size:7px}.stats-row{gap:4px}#center{padding:6px}.center-title{font-size:8px;letter-spacing:1px;margin-bottom:4px}#turn-indicator{font-size:9px;letter-spacing:1px;padding:3px}.player-zone.active:before{font-size:7px;padding:1px 6px;top:-8px;letter-spacing:1px}.mode-card{width:130px;padding:14px 10px;border-radius:8px}.mode-card-icon{font-size:24px;margin-bottom:6px}.mode-card-title{font-size:10px;letter-spacing:1px}.mode-card-desc{font-size:9px}#mode-screen{gap:16px;padding:20px 8px}#mode-screen h1{letter-spacing:2px}#mode-screen .subtitle{font-size:9px;letter-spacing:2px;margin-top:-10px}.mode-cards{gap:8px}#winner-text{padding:0 10px}#winner-sub{font-size:12px;letter-spacing:2px}.lib-card{width:78px;border-radius:6px}.lib-card-img{height:60px}.lib-card-body{padding:4px 4px 5px}.lib-card-name{font-size:6.5px}.lib-card-effect,.lib-card-type{font-size:6px}.lib-card-stat{font-size:6px;padding:0 3px}.lib-section-title{font-size:11px;letter-spacing:2px}}@media (max-width: 360px){.card-chip{width:68px;height:115px}.card-chip-img{height:55px}.card-chip-body{height:60px}.card-chip-name{font-size:6.5px}.card-chip-desc{font-size:6px;-webkit-line-clamp:2}#human-hand-display{min-height:115px}.monster-card{width:50px;height:74px}.monster-card-img{height:38px}.monster-card-hp{font-size:9px}.shop-card{width:68px}.shop-card-name{font-size:7px}.shop-card-effect{font-size:6px}.mode-card{width:110px;padding:10px 8px}.mode-card-icon{font-size:20px}.mode-card-title{font-size:9px}.mode-card-desc{font-size:8px}}@media (orientation: landscape) and (max-height: 500px){#header{padding:4px 8px 3px}#header h1{font-size:13px;letter-spacing:2px}#header p{display:none}#game{grid-template-columns:1fr 1fr;gap:4px;padding:3px;max-width:100%}.player-zone{padding:5px}.player-header{gap:6px;margin-bottom:4px;padding-bottom:3px}.champion-portrait{width:28px;height:28px;font-size:14px;border-width:1px}.champion-name{font-size:10px;letter-spacing:1px}.champion-passive{font-size:8px}.passive-badge{font-size:7px;padding:0 3px}.player-zone.active:before{font-size:6px;padding:1px 5px;top:-6px;letter-spacing:1px}.hp-section{margin-bottom:4px}.hp-label{font-size:7px;letter-spacing:1px}.hp-bar-bg{height:8px}.buildings-row{gap:3px;margin-bottom:4px}.building-card{padding:2px;border-radius:3px}.building-name{font-size:7px}.building-hp{font-size:10px}.building-hp-bar{height:3px;margin-top:2px}.hand-section{margin-bottom:4px}.section-label{font-size:7px;letter-spacing:1px;margin-bottom:2px}.cards-row{gap:3px}.card-chip{width:62px;height:92px;border-width:1px;border-radius:4px}.card-chip-img{height:45px}.card-chip-no-img{height:45px;font-size:16px}.card-chip-body{height:47px;padding:1px 2px}.card-chip-name{font-size:6px;line-height:1.2}.card-chip-desc{font-size:5.5px;-webkit-line-clamp:2;line-height:1.2}.card-chip-stats{font-size:7px;gap:2px;margin-top:1px}#human-hand-display{min-height:92px;gap:3px}.stats-row{gap:3px}.stat-box{padding:2px 3px}.stat-val{font-size:11px}.stat-lbl{font-size:6.5px;letter-spacing:0}#center{padding:4px}.center-title{font-size:7px;letter-spacing:1px;margin-bottom:3px}.monsters-row{gap:4px;margin-bottom:3px}.monster-card{width:52px;height:76px;border-width:1px;border-radius:4px}.monster-card-img{height:40px}.monster-card-body{padding:1px 2px}.monster-card-name{font-size:5px}.monster-card-hp{font-size:9px}.monster-card-hp:before{font-size:6px}.monster-card-gold{font-size:7px}.monster-card-effect{display:none}.monster-card.dead:after{font-size:16px}.monster-card.invincible:after{font-size:10px;top:1px;right:1px}#shop-zone{padding:4px}.shop-cards{gap:3px}.shop-card{width:68px;padding:2px 3px}.shop-card-img{margin:-2px -3px 2px;width:calc(100% + 6px)}.shop-card-name{font-size:7px;letter-spacing:0}.shop-card-effect{font-size:6px}.shop-card-cost{font-size:7px;width:14px;height:14px;top:-2px;right:-2px}#log-zone{max-height:80px;padding:3px 5px}.log-entry{font-size:9px;padding:1px 0;line-height:1.2}.log-turn{font-size:8px;letter-spacing:1px;margin-top:3px;padding-top:3px}#controls{gap:3px;padding:3px 0}.btn{padding:4px 8px;font-size:8px;letter-spacing:1px}.speed-selector{font-size:8px}.speed-selector select{font-size:8px;padding:2px 4px}#turn-indicator{font-size:8px;letter-spacing:1px;padding:2px}#human-panel{padding:5px}.human-panel-title{font-size:7px;letter-spacing:1px;margin-bottom:4px}.human-phase{gap:4px}.dmg-pool-display{gap:6px;padding:2px 6px}.dmg-pool-item{font-size:8px}.action-row{gap:4px}.action-label{font-size:9px}.target-btn{font-size:7px;padding:3px 6px}.phase-btn{font-size:7px;padding:3px 8px;letter-spacing:1px}.dmg-input{width:40px;font-size:10px;padding:2px 3px}#mode-screen{gap:12px;padding:12px 10px}#mode-screen h1{font-size:18px;letter-spacing:3px}#mode-screen .subtitle{font-size:8px;letter-spacing:2px;margin-top:-6px}.mode-cards{gap:8px}.mode-card{width:120px;padding:10px 8px;border-radius:8px}.mode-card-icon{font-size:22px;margin-bottom:4px}.mode-card-title{font-size:9px;letter-spacing:1px;margin-bottom:3px}.mode-card-desc{font-size:8px;line-height:1.3}#winner-text{font-size:clamp(18px,4vw,32px)}#winner-sub{font-size:10px;letter-spacing:2px}.lib-card{width:80px}.lib-card-img{height:55px}.lib-card-body{padding:3px 3px 4px}.lib-card-name{font-size:6px}.lib-card-effect,.lib-card-type,.lib-card-stat{font-size:5.5px}.lib-section-title{font-size:10px;letter-spacing:2px;margin:10px 0 6px}#online-indicator{font-size:8px;padding:2px 6px;top:4px;right:4px}.banish-cards-grid{max-height:55vh;gap:6px;padding:4px}.banish-cards-grid .card-chip{width:62px;height:92px}.banish-section-label{font-size:9px;margin:2px 0}.scout-shop-grid{gap:6px}.scout-shop-grid .shop-card{width:80px}#online-screen{padding:12px 10px!important;gap:12px!important}#online-screen h2{font-size:18px!important;letter-spacing:3px!important}#online-waiting{padding:10px!important;gap:12px!important}#online-waiting #online-room-code{font-size:24px!important;letter-spacing:5px!important}#library-screen{padding:12px 10px 20px!important}#library-screen h2{font-size:16px!important}#pass-turn-overlay{gap:12px!important;padding:10px!important}}#card-preview{display:none;position:fixed;z-index:10000;pointer-events:none;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0009;max-width:300px;max-height:400px}#card-preview img{display:block;width:300px;height:auto;object-fit:contain}@media (max-width: 600px){#card-preview:not(.touch-mode){display:none!important}}#card-preview.touch-mode{display:block!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%);pointer-events:auto;max-width:min(300px,85vw);z-index:10001}#card-preview-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0000008c}#card-preview-backdrop.show{display:block}#version-badge{position:absolute;bottom:16px;right:20px;font-family:Cinzel,serif;font-size:11px;letter-spacing:1px;color:#c9a22780;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}#version-badge:hover{color:var(--gold)}#changelog-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#000000bf;align-items:center;justify-content:center}#changelog-overlay.show{display:flex}#changelog-box{background:var(--dark);border:1px solid rgba(201,162,39,.4);border-radius:12px;padding:30px 36px;max-width:520px;width:90%;max-height:75vh;overflow-y:auto;box-shadow:0 0 40px #000c}#changelog-box h2{font-family:Cinzel Decorative,serif;font-size:16px;color:var(--gold-light);text-align:center;margin:0 0 20px}.changelog-entry{margin-bottom:18px}.changelog-version{font-family:Cinzel,serif;font-size:13px;color:var(--gold);margin-bottom:6px}.changelog-entry ul{margin:0 0 8px;padding-left:18px}.changelog-entry li{font-size:13px;color:var(--text-muted);line-height:1.7}.changelog-section-title{font-family:Cinzel,serif;font-size:11px;letter-spacing:1px;text-transform:uppercase;margin:8px 0 4px;color:var(--text-muted);opacity:.7}#changelog-close{display:block;margin:20px auto 0;font-family:Cinzel,serif;font-size:12px;letter-spacing:1px;background:transparent;border:1px solid rgba(201,162,39,.4);color:var(--gold);padding:8px 24px;border-radius:6px;cursor:pointer;transition:background .2s}#changelog-close:hover{background:#c9a2271a}