*{box-sizing:border-box}:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#151812;color:#fff8df}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 12% 12%,rgba(255,217,112,.18),transparent 24rem),radial-gradient(circle at 88% 0%,rgba(90,180,255,.15),transparent 28rem),linear-gradient(135deg,#171b13,#283018 48%,#171717)}button,img{font:inherit}.card-table{width:min(1180px,100%);min-height:100vh;margin:0 auto;padding:28px clamp(14px,3vw,36px) 38px}.table-header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 auto 22px}.eyebrow{margin:0 0 6px;color:#d9bd68;font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}h1{max-width:720px;margin:0;color:#fff6d0;font-size:clamp(28px,4.8vw,58px);font-weight:920;line-height:.94;letter-spacing:0}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:clamp(16px,2vw,26px);align-items:start}.dragon-card{--accent: #dd703c;--accent-2: #ffd078;--ink: #251a0c;position:relative;min-width:0;aspect-ratio:2.5 / 3.5;padding:9px;border:1px solid rgba(255,244,198,.38);border-radius:8px;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 24%,rgba(255,255,255,.16) 58%,transparent 76%),linear-gradient(145deg,var(--accent-2),var(--accent) 42%,#27170e 100%);box-shadow:0 20px 50px #00000057,inset 0 0 0 3px #fff4c66b,inset 0 0 0 6px #25160a80;color:var(--ink);transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transform-style:preserve-3d;transition:transform .16s ease,box-shadow .16s ease}.dragon-card:after{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid rgba(255,255,255,.36);border-radius:5px;background:linear-gradient(115deg,transparent 0 38%,rgba(255,255,255,.2) 46%,transparent 56% 100%);content:"";opacity:var(--shine, .35);pointer-events:none;mix-blend-mode:screen}.dragon-card:hover{box-shadow:0 28px 64px #0000006b,inset 0 0 0 3px #fff4c685,inset 0 0 0 6px #25160a7a}.card-inner{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1.15fr) auto;height:100%;gap:7px;padding:8px;border-radius:5px;background:linear-gradient(180deg,#fff8daf5,#f8e5a9f0),#f6e7ba;box-shadow:inset 0 0 0 1px #301f0d5c}.card-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}.card-name{min-width:0;margin:0;font-size:clamp(15px,1.3vw,21px);font-weight:920;line-height:1;letter-spacing:0}.card-class{display:block;margin-top:4px;color:#251a0cad;font-size:10px;font-weight:850;line-height:1;text-transform:uppercase}.card-hp{display:inline-grid;min-width:46px;justify-items:end;padding:3px 6px;border-radius:999px;background:#2c1a0a1f;font-size:11px;font-weight:900;line-height:1;white-space:nowrap}.card-art{position:relative;overflow:hidden;margin:0;min-height:0;border:4px solid rgba(45,29,12,.7);border-radius:5px;background:#1a271d;box-shadow:inset 0 0 0 1px #fff3,0 8px 18px #25160833}.card-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 38%;transform:scale(1.03)}.type-badge{position:absolute;right:7px;bottom:7px;padding:4px 7px;border:1px solid rgba(255,255,255,.48);border-radius:999px;background:#12110d94;color:#fff8df;font-size:10px;font-weight:850;line-height:1;text-transform:uppercase;box-shadow:0 5px 14px #00000038}.card-rules{display:grid;gap:6px}.ability{padding:7px 8px;border:1px solid rgba(60,38,14,.24);border-radius:5px;background:#fffceb8c}.ability-title{display:flex;align-items:center;gap:6px;margin:0 0 3px;font-size:12px;font-weight:920;line-height:1}.pip{display:inline-block;width:10px;height:10px;border:1px solid rgba(0,0,0,.22);border-radius:50%;background:var(--accent);box-shadow:inset 0 1px #ffffff80;flex:0 0 auto}.ability-text{margin:0;color:#251a0cd1;font-size:clamp(10px,.78vw,12px);font-weight:650;line-height:1.22}.stat-row{display:grid;grid-template-columns:38px 1fr 24px;gap:6px;align-items:center;color:#251a0cc7;font-size:10px;font-weight:850;line-height:1;text-transform:uppercase}.stat-track{overflow:hidden;height:5px;border-radius:999px;background:#3623102e}.stat-fill{display:block;width:var(--value);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:2px;border-top:1px solid rgba(47,29,10,.24);color:#251a0cad;font-size:10px;font-weight:850;line-height:1;text-transform:uppercase}.rarity{color:var(--accent)}@media(max-width:1320px){.cards-grid{grid-template-columns:repeat(3,minmax(210px,1fr))}}@media(max-width:760px){body{background:radial-gradient(circle at 20% 4%,rgba(255,217,112,.16),transparent 18rem),linear-gradient(135deg,#171b13,#283018 55%,#171717)}.card-table{padding:18px 12px 28px}.table-header{display:block;margin-bottom:16px}.cards-grid{grid-template-columns:1fr;gap:14px}.dragon-card{padding:7px}.card-inner{gap:5px;padding:6px}.card-name{font-size:14px}.card-hp,.card-class,.type-badge,.card-footer,.stat-row{font-size:9px}.ability{padding:5px 6px}.ability-title{font-size:11px}.ability-text{font-size:9px}}@media(max-width:430px){.dragon-card{max-width:340px;margin:0 auto}}