:root{--bg: #14211c;--raise: #1c2c26;--cream: #f3ead7;--cream-2: #e6d8bf;--ink: #1c1612;--muted: #d9ccb4;--gold: #c9842a;--gold-2: #f0c36a;--atk: #d0892c;--hp: #c4454a;--good: #2f7d4a;--line: rgba(243, 234, 215, .18);color:var(--cream);font-family:Segoe UI,Georgia,sans-serif;background:radial-gradient(1200px 500px at 10% -10%,rgba(201,132,42,.16),transparent 50%),var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}button{cursor:pointer}h1,h2,p{margin:0}.app{max-width:1180px;margin:0 auto;padding:20px 16px 48px}.top{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:16px}.brand{font-family:Georgia,Times New Roman,serif;font-size:32px;letter-spacing:-.03em}.brand span{color:var(--gold-2)}.sub{color:var(--muted);margin-top:4px}.panel{background:var(--raise);border:1px solid var(--line);border-radius:18px;padding:16px}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.stack{display:grid;gap:12px}.action,.ghost{border-radius:999px;padding:8px 14px;font-weight:700}.action{background:var(--gold);color:var(--ink);border:0}.action:disabled{opacity:.45;cursor:default}.ghost{background:transparent;color:var(--cream);border:1px solid var(--line)}.field{display:grid;gap:6px}.field input{background:#101a16;color:var(--cream);border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-width:180px}.scores{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin:12px 0}.score{min-width:148px;text-align:left;background:#101a16;color:var(--cream);border:1px solid var(--line);border-radius:14px;padding:8px 10px}.score.you{border-color:var(--gold)}.score strong{display:block}.score em{display:block;color:var(--muted);font-style:normal;font-size:12px}.hpbar{display:block;height:6px;background:#2a211c;border-radius:99px;margin:6px 0;overflow:hidden}.hpbar span{display:block;height:100%;background:var(--hp)}.timer{height:8px;background:#101a16;border-radius:99px;overflow:hidden;margin:8px 0 14px}.timer span{display:block;height:100%;background:var(--gold)}.cards{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.card-stack{display:flex;flex-direction:column;align-items:center;gap:10px}.card-hover{position:relative}.card.compact{width:164px;height:158px;min-height:158px;padding:8px;display:flex;flex-direction:column}.card.full{display:none;position:absolute;z-index:8;left:0;top:0;width:210px;height:207px;min-height:207px;padding:8px 10px 12px;overflow:hidden;pointer-events:none}.card-hover:hover .card.full,.card-hover:focus-within .card.full{display:block}.card.full.shown{display:block;position:relative;flex:none}.board-wrap{display:grid;justify-content:center;gap:8px;margin:8px 0}.lane{display:flex;gap:8px;justify-content:center}.card,.slot{border-radius:14px;position:relative}.slot{width:164px;height:158px;min-height:158px}.card{background:var(--cream);color:var(--ink);border:2px solid transparent;padding:8px 8px 34px;text-align:left;box-shadow:0 10px 20px #00000038}.card.upgraded{border-color:var(--gold-2);box-shadow:0 0 0 3px #c9842a}.card.selected,.slot.selected{outline:3px solid var(--gold-2)}.card.actor{transform:translateY(-4px)}.card.target{outline:3px solid var(--hp)}.card img.art{width:100%;height:56px;object-fit:contain}.card .name{font-weight:800;line-height:1.1;text-align:center}.card.compact .name{min-height:2.2em}.portrait{display:flex;align-items:center;justify-content:space-between;gap:6px}.sprite{flex:none;display:block}.card.full .portrait{margin-bottom:4px}.card.full .portrait img{width:84px;height:64px;object-fit:contain;flex:none}.card.full .stat{position:static}.card.compact .portrait{margin-top:6px}.card.compact .portrait img{width:72px;height:72px;object-fit:contain;flex:none}.card.compact .stat{position:static;width:32px;height:32px;font-size:14px}.card .meta,.card .text{font-size:11px;line-height:1.25}.card .text strong{font-weight:800}.flag{position:absolute;top:0;right:10px;width:12px;height:22px;background:var(--good);clip-path:polygon(0 0,100% 0,100% 100%,50% 72%,0 100%);z-index:2}.typebar{height:6px;border-radius:99px;margin-bottom:6px;display:flex;overflow:hidden;flex:none}.typebar span{flex:1 1 50%}.stat{position:absolute;bottom:6px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px}.stat.atk{left:6px;background:var(--atk)}.stat.hp{right:6px;background:var(--hp)}.slot{border:1px dashed var(--line);background:#0000001f}.tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.tag{font-size:10px;background:#1c1612;color:var(--cream);border-radius:99px;padding:1px 5px}.label{color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.battle{display:grid;justify-items:center;gap:8px}.battle .board-wrap{position:relative;gap:28px}.battle .lane>.card-hover,.battle .lane>.slot{position:relative;z-index:1}.battle .lane>.card-hover:hover,.battle .lane>.card-hover:focus-within{z-index:9}.support-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}.support-lines line{stroke:#f0c36a;stroke-width:4;stroke-linecap:round}.battle-mid{width:min(100%,688px);border-top:2px solid rgba(240,195,106,.55);margin:4px 0}.slot.seat{display:grid;place-items:center;color:var(--muted);font-weight:800;font-size:22px}.banner{font-family:Georgia,serif;font-size:28px}.banner.win{color:#8dce9f}.banner.loss{color:#f0a0a4}.log{min-height:48px;font-size:18px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c0ab8;display:grid;place-items:center;padding:16px}.toast{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:var(--cream);color:var(--ink);border-radius:999px;padding:10px 16px;font-weight:700}.trainers{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.trainer{text-align:left;background:#101a16;color:var(--cream);border:1px solid var(--line);border-radius:14px;padding:10px}.trainer.on{border-color:var(--gold)}.links{display:grid;gap:4px}.links code{color:var(--gold-2)}@media(max-width:800px){.brand{font-size:26px}}