:root{color-scheme:dark;--bg:#101a22;--panel:#23313a;--gold:#e6b756;--paper:#f4e7c7;--text:#f8e8c5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#273746,#101a22 70%);color:var(--text);font-family:Georgia,serif}header{display:flex;align-items:center;justify-content:center;gap:20px;text-align:center;padding:15px;background:linear-gradient(90deg,#111922,#233341,#111922);border-bottom:2px solid #94703a}header h1{font-size:clamp(30px,5vw,65px);color:var(--gold);letter-spacing:2px;margin:0;text-shadow:0 2px 3px #000}header p{margin:0;letter-spacing:7px;color:#e9d0a0}header .crown{font-size:35px;color:var(--gold)}.brand{position:absolute;right:20px;text-align:center;color:var(--gold);font-size:18px}.brand small{display:block;font-size:10px;letter-spacing:2px}.brand a{color:inherit;text-decoration:none}main{max-width:1700px;margin:auto;padding:16px}.battle{display:grid;grid-template-columns:42% 58%;gap:8px;min-height:475px}.foe,.player{border:1px solid #866b3b;background:var(--panel);padding:12px}.foe{display:flex;gap:18px;align-items:center}.foe>img{width:43%;max-height:430px;object-fit:contain;filter:drop-shadow(0 3px 5px #000)}.foeinfo{text-align:center;flex:1;min-width:0}.eyebrow{color:var(--gold);font-weight:bold}.foe h2{font-size:clamp(20px,2.5vw,35px);color:var(--gold);margin:12px 0 3px}.trial{text-transform:uppercase;letter-spacing:2px;font-size:17px}.foeinfo p{line-height:1.6}.health-label{font-size:22px;font-weight:bold;color:var(--gold)}.health{height:20px;border:1px solid #e0bd7d;border-radius:12px;overflow:hidden;background:#333c42;margin:10px 0}.health>div{height:100%;background:linear-gradient(#f8ca64,#d28b24);transition:width .3s}.player{display:flex;flex-direction:column;gap:12px;min-width:0}.player-title{text-align:center;color:var(--gold);font:700 16px Arial,sans-serif;padding:6px}.hand{display:flex;gap:9px;flex-wrap:wrap;align-content:flex-start;justify-content:center;min-height:240px;max-height:410px;overflow-y:auto;padding:10px;background:#17252f}.card{background:#f2e2bb;color:#17202a;border:3px solid #b99b57;border-radius:4px;width:126px;min-height:194px;cursor:pointer;padding:3px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .1s}.card img{width:100%;height:151px;object-fit:fill}.card span{font:700 12px Arial,sans-serif;text-align:center;line-height:1.25}.card.selected{border:4px solid #ffe14d;box-shadow:0 0 0 3px #a97911;transform:translateY(-5px)}.card:focus-visible,button:focus-visible{outline:3px solid #fff}.preview,.tip{padding:15px;text-align:center;background:#10292c;border:1px solid #64876d;font:700 15px/1.5 Arial,sans-serif}.tip{background:#172c34;color:var(--gold);border-color:#465964}.controls{display:flex;gap:9px;flex-wrap:wrap;align-items:center;justify-content:center;padding:16px 0;border-bottom:1px solid #876b3b}button,select{cursor:pointer}nav button,.modal-actions button{border:1px solid #d4a048;background:linear-gradient(#f6cf76,#d7a245);color:#17150f;font:700 14px Arial,sans-serif;padding:13px 15px;border-radius:3px}button:disabled{opacity:.45;cursor:not-allowed}.controls label{font:15px Arial,sans-serif}.controls select{font-size:17px;padding:7px;background:#f2e1bd;color:#222}.gallery-wrap{background:#18252e;padding:8px 12px 14px}.gallery-wrap h3{text-align:center;color:var(--gold);margin:8px;font-size:22px}.gallery{display:flex;gap:8px;overflow-x:auto;justify-content:flex-start;padding:6px}.gallery-item{flex:0 0 92px;text-align:center;background:#273039;padding:5px;border:1px solid #554b39}.gallery-item.active{border:2px solid #e9b754}.gallery-item img{width:80px;height:112px;object-fit:fill}.gallery-item span{display:block;font:11px Arial,sans-serif;color:var(--gold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status,.counts{text-align:center;padding:9px;font:14px Arial,sans-serif}.counts{color:var(--gold)}footer{text-align:center;padding:12px;color:#c8b17f}footer a{color:var(--gold)}.overlay{position:fixed;inset:0;background:#000b;display:grid;place-items:center;z-index:10;padding:15px}.overlay[hidden]{display:none}.modal{width:min(850px,100%);max-height:92vh;overflow-y:auto;border:2px solid #c59b51;border-radius:9px;background:#1c2a35;padding:20px;box-shadow:0 15px 40px #000}.modal h2{text-align:center;color:var(--gold)}.modal p{font:16px/1.6 Arial,sans-serif;white-space:pre-line}.modal-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-height:50vh;overflow-y:auto;padding:8px}.modal-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding-top:18px}.modal-actions button:disabled{opacity:.4}@media(max-width:1100px){.brand{position:static}.battle{grid-template-columns:1fr}.foe{min-height:340px}.foe>img{max-width:260px}.hand{max-height:390px}}@media(max-width:620px){header{gap:5px;flex-wrap:wrap}header .crown{display:none}header p{letter-spacing:3px}.brand{width:100%;font-size:14px}.foe{flex-direction:column}.foe>img{width:58%;max-height:330px}.card{width:102px;min-height:163px}.card img{height:120px}.controls button{flex:1 1 44%}.gallery-item{flex-basis:77px}.gallery-item img{width:65px;height:90px}}