:root{color-scheme:dark;--bg:#0c141e;--panel:#121f2a;--line:#30424e;--text:#edf0ed;--muted:#a5b4bb;--gold:#ddbd7b;--blue:#62bbef;--red:#ee8e89;--teal:#69ccb2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 42% 8%,#1d3542 0,transparent 55%),var(--bg);color:var(--text);min-height:100vh}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);border-radius:5px;background:#1b2b36;padding:10px 16px;min-height:42px;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#2a414e;border-color:var(--gold)}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.42}.primary{background:var(--gold);border-color:var(--gold);color:#111c23;font-weight:750}.primary:hover:not(:disabled){background:#f1d89f}.quiet{background:transparent}.danger{color:#ffaaa0}.gold{color:var(--gold)}.blue{color:var(--blue)}.red{color:var(--red)}.muted{color:var(--muted)}.small{font-size:.875rem}.eyebrow{font-size:.75rem;letter-spacing:.15em;font-weight:750;color:var(--gold);text-transform:uppercase}h1,h2,h3,p{margin:0}header{border-bottom:1px solid var(--line);padding:18px 30px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#0c151ee6}.brand{display:flex;align-items:center;gap:15px}.sigil{font-size:36px;color:var(--gold)}h1{font-family:Georgia,serif;font-size:1.55rem;letter-spacing:.025em;font-weight:500}.brand p{font-size:.875rem;color:var(--muted);margin-top:4px}.header-right{display:flex;align-items:center;gap:16px}.version{border:1px solid #6c6146;color:var(--gold);padding:6px 9px;font-size:.75rem;letter-spacing:.1em}.workspace{max-width:1600px;margin:auto;padding:22px 28px}.ribbon{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px}.phase-name{font-family:Georgia,serif;font-size:1.55rem;margin-top:5px}.round-info{display:flex;gap:22px;align-items:center}.timer{font-variant-numeric:tabular-nums;font-size:1.8rem;color:var(--gold);min-width:70px;text-align:center}.timer.urgent{color:#ff9681}.metrics{display:flex;gap:24px;align-items:center}.metric{display:flex;flex-direction:column;gap:2px}.metric b{font-size:1.3rem}.metric span{font-size:.75rem;color:var(--muted)}.xp{height:3px;background:#30424e;margin-top:4px;width:70px}.xp i{display:block;height:100%;background:var(--blue)}.layout{display:grid;grid-template-columns:190px minmax(0,1fr) 240px;gap:18px;align-items:start}.panel{background:#121f2add;border:1px solid var(--line);border-radius:8px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:.875rem;letter-spacing:.05em}.standing{padding:12px;display:grid;grid-template-columns:22px 1fr auto;gap:6px;border-bottom:1px solid #273844;align-items:center;font-size:.875rem}.standing:last-child{border-bottom:0}.standing.me{background:#25425666;box-shadow:inset 3px 0 var(--blue)}.standing.out{opacity:.43}.standing .health{grid-column:2/4;height:3px;background:#253744}.standing .health i{display:block;background:var(--teal);height:100%}.stand-footer{padding:14px;color:var(--muted);font-size:.75rem;line-height:1.6}.arena-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:.875rem;gap:12px}.arena-header strong{font-size:1rem}.board-frame{padding:9px;background:#17222b;border:1px solid #566068;border-radius:8px;box-shadow:0 12px 45px #0005}.board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;background:#0b141b}.tile{position:relative;aspect-ratio:.95;min-width:0;background:#1e3442;border:1px solid #324b59;border-radius:3px;padding:2px;min-height:0;display:flex;align-items:center;justify-content:center}.tile:nth-child(16n+2),.tile:nth-child(16n+4),.tile:nth-child(16n+9),.tile:nth-child(16n+11){background:#243c49}.tile.enemy{background:#392d33;border-color:#554049}.tile.enemy.alt{background:#422f35}.tile.mid{border-right:2px solid var(--gold)}.tile.partner{background:#263b39;border-color:#40564d}.tile.target{outline:1px solid var(--gold);outline-offset:-2px}.tile:disabled{opacity:1}.tile.empty:hover{background:#365364}.tile-coord{font-size:.75rem;color:#8296a344}.token{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:0;height:100%;border:1px solid color-mix(in srgb,var(--el) 55%,transparent);border-radius:4px;background:linear-gradient(155deg,color-mix(in srgb,var(--el) 10%,#14212b),#14212b);padding:3px 2px;cursor:pointer;overflow:hidden}.token.selected{outline:2px solid var(--gold);outline-offset:-2px}.token.dead{opacity:.23;filter:grayscale(1)}.token-top{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:.75rem;line-height:1.1}.stars{color:var(--gold);letter-spacing:-1px}.dragon{font-size:1.8rem;line-height:1.05;filter:drop-shadow(0 2px 3px #0009)}.token-name{font-size:.75rem;font-weight:650;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.bar{position:relative;width:92%;height:4px;background:#071018;margin-top:3px;border-radius:2px;overflow:hidden}.bar i{height:100%;display:block;background:var(--teal)}.bar.energy{height:2px;margin-top:2px}.bar.energy i{background:var(--gold)}.bar.shield i{background:#c7edff}.status{position:absolute;right:1px;top:22px;font-size:.7rem;color:#ffe9a2;max-width:22px;overflow:hidden}.trace{position:absolute;left:0;bottom:14px;background:#101923df;font-size:.7rem;border-radius:3px;padding:0 2px}.board-labels{display:flex;justify-content:space-around;font-size:.75rem;color:var(--muted);margin-top:9px;gap:5px}.bench-bar{display:flex;align-items:center;justify-content:space-between;margin:16px 0 8px;gap:8px;font-size:.875rem}.bench{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;min-height:91px}.bench-slot{background:#13222c;border:1px dashed #49606b;border-radius:5px;min-height:91px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.bench-slot .token{height:91px;max-width:130px}.sell-zone{border:1px dashed #b28368;background:#2e2522;color:#e4be9d;padding:8px 13px;font-size:.875rem}.shop{margin-top:18px}.shop-controls{display:flex;gap:8px;flex-wrap:wrap}.shop-cards{padding:12px;display:grid;grid-template-columns:repeat(var(--slots),1fr);gap:9px}.shop-card{border:1px solid color-mix(in srgb,var(--el) 45%,#253744);background:linear-gradient(150deg,color-mix(in srgb,var(--el) 9%,#13212b),#121e27);border-radius:5px;min-width:0;padding:10px;display:flex;flex-direction:column;gap:7px}.shop-card.empty-card{min-height:160px;justify-content:center;text-align:center;color:#6e828e;background:#111c24;border-style:dashed}.card-meta{display:flex;align-items:center;justify-content:space-between;color:var(--el);font-size:.875rem}.card-dragon{font-size:2rem;line-height:1.2;text-align:center}.shop-card h3{font-size:.875rem;overflow-wrap:anywhere}.shop-card .role{font-size:.75rem;color:var(--muted);min-height:30px}.shop-card button{padding:7px 4px;font-size:.875rem;margin-top:auto}.shop-note{padding:0 14px 13px;color:var(--muted);font-size:.75rem}.inspect{padding:15px;line-height:1.55}.inspect h3{font-family:Georgia,serif;font-size:1.3rem}.inspect .stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0;font-size:.875rem}.inspect .stat-grid div{background:#192b36;padding:7px;border-radius:3px}.inspect .stat-grid span{display:block;color:var(--muted);font-size:.75rem}.inspect p{font-size:.875rem;margin-top:10px}.inspect hr{border:0;border-top:1px solid var(--line);margin:16px 0}.inspect .hint{color:var(--gold)}.empty-inspect{color:var(--muted);font-size:.875rem}.log{margin-top:15px;padding:13px;min-height:165px}.log h3{font-size:.75rem;color:var(--muted);letter-spacing:.1em;margin-bottom:10px}.log-line{font-size:.75rem;line-height:1.6;margin:3px 0}.log-line time{color:#889da7;margin-right:7px;font-variant-numeric:tabular-nums}.log-line.pair{color:#b6dfdf}.log-line.triple,.log-line.final{color:var(--gold)}.log-line.enrage,.log-line.sudden{color:#ffa590}.starter{max-width:920px;margin:30px auto}.starter-intro{text-align:center;margin-bottom:25px}.starter-intro h2{font-family:Georgia,serif;font-weight:400;font-size:2.8rem;margin:10px 0}.starter-intro p{max-width:650px;margin:10px auto;color:var(--muted);line-height:1.6}.starter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.starter-card{padding:25px 20px;border:1px solid var(--line);border-top:2px solid var(--el);background:linear-gradient(155deg,color-mix(in srgb,var(--el) 10%,#14212b),#14212b);border-radius:8px;display:flex;flex-direction:column;gap:14px}.starter-dragon{font-size:4.3rem;line-height:1.3;text-align:center}.starter-card h3{font-family:Georgia,serif;font-size:1.65rem;font-weight:400}.starter-card p{font-size:.875rem;color:var(--muted);line-height:1.5}.starter-card button{margin-top:auto}.starter-bottom{padding:20px;text-align:center;font-size:.875rem;color:var(--muted);line-height:1.7}.banner{background:#392e23;border:1px solid #8d744a;border-radius:5px;padding:14px 18px;margin-bottom:16px;line-height:1.6}.banner strong{color:var(--gold)}.recap{margin-top:18px;padding:20px}.recap-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px}.recap h2{font-family:Georgia,serif;font-size:1.8rem;font-weight:400}table{width:100%;border-collapse:collapse;font-size:.875rem}th{text-align:left;color:var(--muted);font-weight:500}td,th{padding:8px;border-bottom:1px solid #30424e}td.number{text-align:right;font-variant-numeric:tabular-nums}.result-screen{max-width:780px;margin:45px auto;text-align:center;padding:45px 30px}.result-screen .result-symbol{font-size:4rem;color:var(--gold)}.result-screen h2{font-family:Georgia,serif;font-weight:400;font-size:2.7rem;margin:15px 0}.result-screen p{color:var(--muted);line-height:1.7;margin:14px 0}.result-screen button{margin-top:16px}.raid-rosters{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.raid-roster{padding:12px}.raid-roster h3{font-size:1rem;margin-bottom:5px}.raid-roster p{font-size:.75rem;color:var(--muted);margin-bottom:10px}.raid-list{display:flex;flex-direction:column;gap:5px}.raid-pick{display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:.875rem;padding:8px}.raid-pick.active{border-color:var(--gold);background:#3a3626}.combo-strip{margin:13px 0;padding:12px;border:1px solid #3b5758;background:#183132;border-radius:5px;font-size:.875rem;line-height:1.8}.raid-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.boss-info{padding:12px 15px;margin-bottom:12px;background:#37242b;border:1px solid #72505a;border-radius:6px}.boss-info strong{color:#edcc9c}.boss-info .bar{height:8px;width:100%;margin:9px 0}.boss-info .bar i{background:#d97b70}.boss-info .small{display:flex;justify-content:space-between;gap:6px}.boss-token .dragon{font-size:2.2rem}.footnote{text-align:center;color:#81949f;font-size:.75rem;margin:22px 0 4px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#ead3a0;color:#14202a;z-index:50;border-radius:6px;max-width:90%;box-shadow:0 5px 30px #0009;display:none}#toast.visible{display:block}dialog{width:min(720px,94vw);max-height:85vh;background:var(--panel);color:var(--text);border:1px solid var(--gold);border-radius:8px;padding:24px}dialog::backdrop{background:#050b13cc}.dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}#rules-content{line-height:1.7}#rules-content h3{font-size:1.05rem;color:var(--gold);margin-top:20px}#rules-content p{font-size:.875rem;margin:10px 0}.rules-ring{font-size:1.3rem;letter-spacing:.03em}.mobile-inspect{display:none}@media(min-width:1450px){.layout{grid-template-columns:210px minmax(0,1fr) 265px}.dragon{font-size:2.3rem}.token-name{font-size:.875rem}}@media(max-width:1200px){.layout{grid-template-columns:160px minmax(0,1fr)}.details-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px}.log{margin-top:0}.workspace{padding:18px}.shop-card{padding:7px}.shop-card .role{min-height:36px}.metrics{gap:14px}header{padding:15px 18px}}@media(max-width:760px){header{padding:12px}.sigil{display:none}h1{font-size:1.1rem}.brand p{font-size:.75rem}.version{display:none}.header-right{gap:5px}.header-right button{font-size:.75rem;padding:7px}.workspace{padding:12px}.ribbon{align-items:flex-start;flex-wrap:wrap;gap:12px}.metrics{width:100%;justify-content:space-between;gap:8px}.metric b{font-size:1.1rem}.phase-name{font-size:1.3rem}.layout{display:flex;flex-direction:column;gap:15px}.standings{order:3;width:100%;display:grid;grid-template-columns:1fr 1fr}.standings .panel-head,.stand-footer{grid-column:1/-1}.arena-column,.details-column{width:100%}.details-column{display:block}.log{margin-top:12px}.inspect .stat-grid{grid-template-columns:repeat(4,1fr)}.board-frame{padding:4px}.board{gap:2px}.tile{aspect-ratio:.64;padding:1px}.token{padding:1px}.dragon{font-size:1.4rem}.token-name{font-size:.75rem;max-width:4ch}.token-top{font-size:.75rem;flex-direction:column;gap:2px}.stars{position:absolute;bottom:10px;left:0;right:0;opacity:.9;line-height:1}.token-name{margin-bottom:5px}.token .bar{height:3px}.token .bar.energy{height:2px}.trace{font-size:.65rem;bottom:24px}.status{font-size:.65rem;top:20px}.arena-header{font-size:.75rem}.arena-header strong{font-size:.875rem}.shop-cards{padding:8px;grid-template-columns:repeat(2,1fr);gap:8px}.shop-card{padding:10px}.shop-card .role{min-height:0}.shop-card.empty-card{min-height:110px}.shop .panel-head{align-items:flex-start;gap:10px;flex-wrap:wrap}.shop-controls button{font-size:.875rem;padding:7px 10px}.starter{margin-top:15px}.starter-intro h2{font-size:2rem}.starter-grid{gap:8px}.starter-card{padding:12px 9px;gap:10px}.starter-card h3{font-size:1rem}.starter-card p{font-size:.75rem}.starter-dragon{font-size:2.7rem}.starter-card button{font-size:.75rem;padding:8px 4px}.starter-card .eyebrow{font-size:.75rem;letter-spacing:0}.raid-rosters{gap:8px}.raid-roster{padding:8px}.raid-pick{padding:7px 5px;font-size:.75rem}.recap{padding:12px}.recap h2{font-size:1.4rem}.recap table{font-size:.75rem}.recap td,.recap th{padding:6px 3px}.result-screen{margin:20px auto;padding:25px 16px}.result-screen h2{font-size:2rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Alpha 0.1 · Playtest patch: time, ownership and dragon art. */
:root{--blue:#55caff;--red:#ff796e;--teal:#53e0b2;--muted:#bdcbd2}
.prep-timer{display:flex;flex-direction:column;justify-content:center;min-width:172px;min-height:78px;padding:8px 15px;border:2px solid #64765e;background:#1e302a;border-radius:8px;color:#e5f6c9;box-shadow:inset 0 0 18px #8dd37010}
.timer-value{font-size:2.35rem;font-weight:800;line-height:1.1}
.timer-caption{font-size:.75rem;letter-spacing:.045em;font-weight:800;margin-top:5px;white-space:nowrap}
.prep-timer.urgent{color:#fff4df;background:#a62726;border-color:#ffb48f;animation:countdown-pulse .9s ease-in-out infinite;box-shadow:0 0 0 4px #ff705d35}
@keyframes countdown-pulse{0%,100%{box-shadow:0 0 0 3px #ff765641,0 0 12px #ff4d3940}50%{box-shadow:0 0 0 7px #ff765631,0 0 32px #ff4d39a0}}
.team-legend{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 3px 10px;font-size:.875rem;font-weight:750}
.legend-own{color:#99e6ff;display:flex;align-items:center;gap:7px}.legend-own b{color:#06172a;background:#62d1ff;padding:3px 9px;border-radius:4px;font-size:.75rem}.legend-ally{color:#8affd5}.legend-foe{color:#ffaaa0}
.board-frame{border-color:#658290;box-shadow:0 12px 45px #0005,0 0 0 1px #112939}
.tile{aspect-ratio:.75;padding:3px}.tile.home{background:#174262;border:1px solid #3876a0}.tile.home.alt{background:#1b4d70}.tile.enemy{background:#512d36;border-color:#8c4650}.tile.enemy.alt{background:#60323c}.tile.home.partner{background:#215044;border-color:#428a72}.tile.mid{border-right:3px solid #ffe3a5}.tile.empty.home:hover{background:#2b688b}.tile-coord{color:#a9d8eb65}.board-labels{font-weight:750;letter-spacing:.035em;color:#c9d3d9}
.token{--team:#55caff;display:flex;justify-content:flex-start;padding:0 0 4px;border:2px solid var(--team);border-left-width:4px;background:#0d1c28;border-radius:5px;overflow:hidden;box-shadow:0 0 9px color-mix(in srgb,var(--team) 48%,transparent)}
.token.team-own{--team:#55caff}.token.team-foe{--team:#ff796e;box-shadow:0 0 4px #ff66532b}.token.team-ally{--team:#53e0b2;border-style:dashed}.token.selected{outline:3px solid #fff0b1;outline-offset:2px}.token.dead{opacity:.26;filter:grayscale(.85)}
.token-art{position:relative;flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--el) 55%,#0b1824),#0c1622);border-bottom:3px solid var(--el);overflow:hidden}
.dragon-portrait{display:block;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none;user-select:none}
.token-art .dragon-portrait{min-height:0}.token-art .dragon{font-size:2.4rem}.token-top{position:absolute;top:2px;left:2px;right:2px;width:auto;display:flex;flex-direction:row;align-items:flex-start;z-index:1;line-height:1}
.ownership{background:var(--team);color:#081b28;font-size:.75rem;font-weight:900;padding:3px 4px;border-radius:2px;line-height:1}.element-marker{background:#071623eb;border:1px solid var(--el);border-radius:4px;padding:2px;color:var(--el);font-size:.875rem}
.token .stars{position:absolute;bottom:2px;right:3px;left:auto;background:#071522d9;border-radius:2px;padding:1px 3px;font-size:.75rem;letter-spacing:0;line-height:1.1;text-shadow:0 1px #000}
.token-name{width:100%;text-align:center;font-size:.75rem;line-height:1.25;letter-spacing:0;padding:3px 2px 0;max-width:100%;margin:0;color:#f6f8ff;flex-shrink:0}
.token .bar{flex-shrink:0;height:5px;margin-top:3px}.token .bar i{background:var(--team)}.token .bar.energy{height:3px;margin-top:2px}.token .bar.energy i{background:#edce70}.token .bar.shield{height:3px}.token .bar.shield i{background:#f2fdff}.token .trace{bottom:2px;left:2px;font-size:.75rem;line-height:1.2;max-width:100%;border:1px solid #b6d5df88}.token .status{top:28px;right:3px;font-size:.75rem;max-width:20px;background:#0e1924e6}
.bench{min-height:122px}.bench-slot{min-height:122px;border-color:#54798c;background:#132d40}.bench-slot .token{height:122px;max-width:110px}.bench .token-art{min-height:65px}.bench-bar{font-weight:650}
.shop .panel-head{padding:14px 16px}.shop .panel-head h2{font-size:1rem}.shop-cards{padding:14px;gap:12px}.shop-card{padding:10px;border:2px solid color-mix(in srgb,var(--el) 73%,#253744);border-top:4px solid var(--el);gap:8px;background:linear-gradient(160deg,color-mix(in srgb,var(--el) 24%,#152330),#13202b 78%);box-shadow:inset 0 0 20px color-mix(in srgb,var(--el) 7%,transparent)}
.card-meta{gap:4px;align-items:center;min-height:27px}.element-name{font-size:.875rem;font-weight:750;line-height:1.25}.price-tag{color:#ffebb5;background:#17202b;border:1px solid #d7bd78;border-radius:5px;padding:4px 6px;font-size:1rem;white-space:nowrap;line-height:1}
.card-art{width:100%;aspect-ratio:1;overflow:hidden;border:1px solid color-mix(in srgb,var(--el) 68%,#253744);background:#0b1824;border-radius:5px}.shop-card h3{font-size:1rem;font-weight:800;line-height:1.25;letter-spacing:.01em}.shop-card .role{font-size:.875rem;color:#d1dee4;line-height:1.3;min-height:2.6em}.card-pair{font-size:.875rem;color:#d0dce3}.shop-card button{font-size:.875rem;min-height:42px;font-weight:750;background:color-mix(in srgb,var(--el) 17%,#152638);border-color:var(--el);padding:8px 3px}.shop-card button:disabled{opacity:.62;color:#c0cbd3;background:#1b232c;border-color:#596a75}.shop-card.empty-card{min-height:260px;border-color:#4c616e}.shop-note{font-size:.875rem;line-height:1.5}
.starter{max-width:1020px;margin-top:24px}.starter-card{padding:18px;gap:12px;border:1px solid color-mix(in srgb,var(--el) 70%,#253744);border-top:4px solid var(--el);background:linear-gradient(160deg,color-mix(in srgb,var(--el) 19%,#14212b),#14212b)}.starter-art{width:100%;aspect-ratio:1;border:1px solid var(--el);border-radius:6px;overflow:hidden;background:#0b1824}.starter-card h3{font-size:1.7rem}.starter-card p{font-size:.875rem}.starter-intro h2{font-size:2.5rem}.starter-bottom{line-height:1.8}
.inspect-art{width:100%;max-height:210px;aspect-ratio:1;background:#0b1824;border:2px solid var(--el);border-radius:7px;overflow:hidden;margin-bottom:13px}.inspect h3{margin-top:5px}.raid-pick{min-height:60px;gap:7px}.raid-pick-name{display:flex;align-items:center;gap:8px;min-width:0}.raid-thumb{width:42px;height:42px;border-radius:5px;border:1px solid #91b9be;flex-shrink:0}.raid-pick-name>span{overflow-wrap:anywhere}
@media(min-width:1450px){.token-name{font-size:.875rem}.tile{aspect-ratio:.8}}
@media(max-width:1200px){.shop-cards{gap:8px;padding:10px}.shop-card{padding:7px}.card-meta{flex-wrap:wrap}.price-tag{font-size:.875rem}.element-name{font-size:.875rem}.shop-card h3{font-size:.875rem}.inspect-art{max-width:210px;max-height:210px}.ribbon{gap:12px}.prep-timer{min-width:155px}}
@media(max-width:760px){.prep-timer{min-width:153px;min-height:72px;padding:7px 9px}.timer-value{font-size:2rem}.timer-caption{font-size:.75rem;letter-spacing:0}.round-info{width:100%;justify-content:space-between;gap:10px}.ribbon{padding-bottom:14px}.tile{aspect-ratio:.47;padding:1px}.token{border-width:2px;padding-bottom:3px}.token-art{border-bottom-width:2px}.token-name{font-size:.75rem;max-width:100%;line-height:1.1;padding:2px 0 0}.token-top{top:1px;left:1px;right:1px;gap:1px;flex-direction:row}.ownership{padding:2px 1px;font-size:.75rem;max-width:100%;overflow:hidden}.element-marker{font-size:.75rem;padding:1px}.token.team-ally .ownership{font-size:.75rem;max-width:2.4ch}.token .stars{font-size:.75rem;padding:0 1px;bottom:1px;right:1px;letter-spacing:-1px}.token .trace{font-size:.75rem;bottom:14px;left:0;max-width:100%}.token .status{top:20px;font-size:.75rem;right:0}.token .bar{height:4px;margin-top:2px}.token .bar.energy{height:2px}.team-legend{font-size:.75rem;gap:5px;padding:3px 2px 8px}.legend-own{gap:5px}.legend-own b{padding:3px 5px}.legend-ally{font-size:.75rem}.board-labels{font-size:.75rem;letter-spacing:0}.bench-slot .token{height:124px;max-width:100px}.bench-slot{min-height:124px}.bench .token-name{font-size:.875rem}.shop-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px}.shop-card{padding:9px;gap:8px}.card-meta{flex-wrap:nowrap}.element-name{font-size:.875rem}.price-tag{font-size:1rem}.shop-card h3{font-size:1rem}.shop-card .role{min-height:2.6em;font-size:.875rem}.shop-card button{font-size:.875rem}.card-art{aspect-ratio:1}.shop-note{font-size:.875rem}.starter-grid{grid-template-columns:1fr;gap:14px}.starter-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px 14px;padding:14px}.starter-card .eyebrow{grid-column:1/-1}.starter-art{grid-column:1;grid-row:2/5;align-self:start}.starter-card h3{font-size:1.5rem}.starter-card p{font-size:.875rem}.starter-card button{grid-column:1/-1;font-size:1rem}.starter-card p:last-of-type{grid-column:1/-1}.starter-intro h2{font-size:2rem}.raid-rosters{grid-template-columns:1fr}.raid-pick{font-size:.875rem}.raid-roster p{font-size:.875rem}.raid-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.raid-pick-name{gap:5px}.raid-thumb{width:34px;height:34px}.inspect-art{max-width:230px;margin-inline:auto}}
@media(prefers-reduced-motion:reduce){.prep-timer.urgent{animation:none;outline:4px solid #ff976f;outline-offset:2px}}

/* Alpha 0.1 · Patch 3: battlefield figurines; card styles remain scoped outside the board. */
.preparation-controls{display:flex;align-items:center;gap:9px;padding:5px;border:1px solid #607263;border-radius:8px;background:#101e29}.ready-button{min-height:50px;padding:10px 17px;letter-spacing:.06em;font-size:.95rem}.ready-button:disabled{opacity:1;background:#85d3b7}
.board-frame{overflow-x:auto}.board{min-width:600px}.board-frame .team-legend,.board-frame .board-labels{min-width:600px}.board .tile{aspect-ratio:.72;isolation:auto}
.board .field-piece{z-index:2;overflow:visible;border:0;border-bottom:3px solid var(--team);border-radius:8px;background:radial-gradient(ellipse at 50% 75%,color-mix(in srgb,var(--el) 17%,transparent),transparent 70%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--team) 50%,transparent);padding:0 2px 4px}
.field-piece .token-art{background:none;border:0;overflow:visible;padding:18px 0 0;isolation:isolate}.miniature-art{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;pointer-events:none;user-select:none;filter:drop-shadow(0 3px 2px #000b) drop-shadow(0 0 3px var(--el))}.field-piece.team-foe .miniature-art{transform:scaleX(-1)}
.field-piece .token-name{position:relative;z-index:3;background:#0c1727df;border-radius:3px}.field-piece .token-top,.field-piece .stars,.field-piece .trace,.field-piece .status{z-index:3}.field-piece .bar{z-index:3;box-shadow:0 0 0 1px #071018}.field-piece.selected{outline:3px solid #fff0b1;box-shadow:0 0 16px #ffde8099}.field-piece.team-own{box-shadow:inset 0 0 0 2px #55caff,0 0 9px #55caff44}.field-piece.team-ally{border-bottom-style:dashed}
.board .boss-token{z-index:1;box-shadow:none;border-bottom-color:#e5ba72}.boss-token .token-art{isolation:auto}.boss-token .miniature-art{position:absolute;max-width:none;width:220%;height:220%;left:-60%;bottom:0;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 6px 4px #000c) drop-shadow(0 0 10px #b389f788)}.boss-token .token-name{color:#ffe5af;font-weight:900}.raid-board .tile.enemy{background:radial-gradient(ellipse at center,#493442,#281d2b);border-color:#5f455a}
.log-line.infiltration{color:#d5b3ff}
@media(max-width:1100px){.ribbon{flex-wrap:wrap}.round-info{flex-wrap:wrap;gap:12px}.preparation-controls{gap:6px}.ready-button{padding:10px 12px}.board-frame .team-legend,.board-frame .board-labels,.board{min-width:600px}}
@media(max-width:760px){.preparation-controls{margin-left:auto}.preparation-controls .prep-timer{min-width:125px}.board .token-name{font-size:.75rem}.board .ownership{font-size:.75rem;padding:3px}.board .token.team-ally .ownership{max-width:none;font-size:.65rem}.board .field-piece .token-art{padding-top:23px}.board .element-marker{font-size:.8rem}.board .token .stars{letter-spacing:0}.board .token .trace{bottom:2px}.board .token .status{top:23px}.board-frame{padding:7px}}

/* Alpha 0.1 · Patch 2: menu, read-only encyclopedia, explicit resale. */
.main-menu{min-height:100svh;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(ellipse at center,#26404b66,transparent 65%)}
.menu-frame{width:min(620px,100%);text-align:center;padding:54px 40px;border-block:1px solid #967d4d;background:linear-gradient(180deg,#18283388,#0e192688);box-shadow:0 15px 70px #0003}
.menu-frame h1{font-size:clamp(2rem,4.4vw,3.65rem);line-height:1.15;color:#fff0ce;margin:25px 0 38px;letter-spacing:.02em}.menu-frame h1 span{display:block;font-size:.67em;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-top:15px}
.menu-actions{display:flex;flex-direction:column;gap:14px;max-width:330px;margin:auto}.menu-actions button{min-height:58px;font-size:1.05rem;font-weight:800;letter-spacing:.12em;border-radius:4px;border-color:#c4ab70}.menu-credit{color:#b7c1c5;font-size:.875rem;margin-top:40px}
.encyclopedia-shell{min-height:100svh}.encyclopedia-nav{position:sticky;top:0;z-index:15;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px max(20px,calc((100vw - 1220px)/2));background:#0d1826f5;border-bottom:1px solid #496170;backdrop-filter:blur(12px)}.encyclopedia-nav>span{font-family:Georgia,serif;font-size:1.15rem;color:#f5dfb3}.encyclopedia-nav>div{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.encyclopedia-nav button{font-size:.875rem;white-space:nowrap}
.encyclopedia-main{max-width:1240px;margin:auto;padding:30px 20px 42px}.encyclopedia-intro{margin-bottom:27px}.encyclopedia-intro h1{font-size:2.4rem;margin:8px 0}.encyclopedia-intro p{color:var(--muted);font-size:1rem}.encyclopedia-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.encyclopedia-card{min-width:0;padding:0;display:flex;flex-direction:column;overflow:hidden;text-align:left;border:1px solid var(--el);border-top:3px solid var(--el);background:#162431;border-radius:7px}.encyclopedia-card:hover:not(:disabled){background:#203745;border-color:var(--el);box-shadow:0 0 0 2px color-mix(in srgb,var(--el) 35%,transparent)}.encyclopedia-card-art{display:block;width:100%;aspect-ratio:1;background:#0d1a28;overflow:hidden}.encyclopedia-card-body{display:flex;flex-direction:column;gap:10px;padding:15px;width:100%}.encyclopedia-card-body>strong{font-size:1.15rem;line-height:1.3;color:#f3f6f8}.encyclopedia-card-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:.875rem}.encyclopedia-card-meta>b{font-size:1rem}.encyclopedia-credit{text-align:center;padding:10px 20px 30px;font-size:.875rem;color:#a5b6c1}
.entry-overview{display:grid;grid-template-columns:minmax(240px,370px) minmax(0,1fr);gap:32px;align-items:start}.entry-portrait{aspect-ratio:1;border:2px solid var(--el);border-radius:8px;overflow:hidden;background:#0b1824;box-shadow:0 0 28px color-mix(in srgb,var(--el) 14%,transparent)}.entry-copy h1{font-size:2.7rem;margin:7px 0}.entry-role{font-size:1rem;color:#d4dfe5;margin:8px 0 13px}.entry-role strong{color:var(--gold)}.entry-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0 22px}.entry-stats>div{padding:12px;background:#1a2d3a;border:1px solid #3a5260;border-radius:5px}.entry-stats dt{font-size:.875rem;color:var(--muted);margin-bottom:7px}.entry-stats dd{font-size:1.2rem;font-weight:750;margin:0}.entry-ability h2{font-size:1.2rem;color:var(--el);margin-bottom:8px}.entry-ability p,.entry-special{font-size:1rem;line-height:1.65}.entry-special{color:#c3d6dc;margin-top:16px}.entry-combos{margin-top:40px}.entry-combos>h2{font-family:Georgia,serif;font-size:2rem;font-weight:400}.combo-section{margin-top:25px}.combo-section>h3{font-size:1.25rem;margin-bottom:13px;color:#ebd3a1}.combo-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.encyclopedia-combo{padding:20px;background:#152531;border:1px solid #425d6c;border-radius:7px}.combo-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}.combo-chain{font-size:1.2rem;line-height:1.5}.cooldown{color:#e4d09e;background:#28333b;border:1px solid #6d705d;padding:5px 8px;border-radius:4px;white-space:nowrap;font-size:.875rem;font-weight:750}.encyclopedia-combo h3{font-size:1.18rem;margin-bottom:10px}.encyclopedia-combo>p{font-size:1rem;line-height:1.6}.encyclopedia-combo .combo-scope{font-size:.875rem;color:#afc8d2;margin-top:8px}.required-dragons{display:flex;flex-direction:column;gap:9px;border-top:1px solid #3b5460;margin-top:18px;padding-top:15px}.required-dragons>strong{font-size:.875rem}.ingredient{display:grid;grid-template-columns:95px minmax(0,1fr);gap:8px;align-items:start}.ingredient>span{font-size:.875rem;font-weight:750;padding-top:7px}.ingredient>div{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.dragon-link{font-size:.875rem;padding:5px 8px;min-height:34px;background:#233b49;border-color:#526e7c}.or-label{font-size:.75rem;color:#a6bac5;padding:0 2px}.encyclopedia-combo .combo-condition{font-size:.875rem;margin-top:15px;color:#c8d8df;line-height:1.6}.combo-rules-note{margin-top:28px;padding:22px;border:1px solid #4d6470;border-radius:7px;background:#152835}.combo-rules-note h3{font-size:1.2rem;color:var(--gold);margin-bottom:12px}.combo-rules-note p{font-size:.875rem;line-height:1.7;margin-top:10px}
.sell-zone{min-width:155px;min-height:46px;font-weight:850;letter-spacing:.035em;font-size:1rem}.sell-zone.sale-ready{background:#edcf84;color:#17212a;border:2px solid #ffedbb;box-shadow:0 0 14px #e8c27635}.sell-zone.sale-ready:hover:not(:disabled){background:#ffe3a0;border-color:#fff0c8}.sell-zone:disabled{opacity:.55}.end-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}.result-screen .end-actions button{margin-top:0}
@media(max-width:900px){.encyclopedia-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.entry-overview{grid-template-columns:minmax(200px,300px) minmax(0,1fr);gap:23px}.entry-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-copy h1{font-size:2.2rem}.encyclopedia-nav>span{font-size:1rem}}
@media(max-width:600px){.menu-frame{padding:40px 20px}.menu-frame h1{font-size:2.2rem}.menu-frame h1 span{font-size:.65em;letter-spacing:.09em}.encyclopedia-nav{padding:10px 12px;gap:8px;flex-wrap:wrap}.encyclopedia-nav>span{width:100%;font-size:1rem}.encyclopedia-nav>div{width:100%;justify-content:space-between}.encyclopedia-nav button{font-size:.875rem;padding:8px 10px}.encyclopedia-main{padding:22px 12px 30px}.encyclopedia-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.encyclopedia-card-body{padding:11px;gap:8px}.encyclopedia-card-body>strong{font-size:1rem}.encyclopedia-card-meta{font-size:.875rem}.entry-overview{grid-template-columns:1fr;gap:22px}.entry-portrait{width:min(100%,350px);margin:auto}.entry-copy h1{font-size:2.2rem}.entry-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.combo-card-grid{grid-template-columns:1fr}.encyclopedia-combo{padding:15px}.ingredient{grid-template-columns:88px minmax(0,1fr)}.entry-combos{margin-top:28px}.combo-rules-note{padding:16px}.sell-zone{min-width:148px;font-size:1rem}}

/* Non-destructive cutout compositing for the six opaque miniature sources. */
.field-piece .miniature-art[src$="/stormwing.webp"]{filter:drop-shadow(0 3px 2px #000b) drop-shadow(0 0 3px var(--el))}
.field-piece .miniature-art[src$="/zephyr.webp"]{filter:drop-shadow(0 3px 2px #000b) drop-shadow(0 0 3px var(--el))}
.field-piece .miniature-art[src$="/cyclonus.webp"]{filter:drop-shadow(0 3px 2px #000b) drop-shadow(0 0 3px var(--el))}
.field-piece .miniature-art[src$="/aurelia.webp"]{filter:drop-shadow(0 3px 2px #000b) drop-shadow(0 0 3px var(--el))}
.field-piece .miniature-art[src$="/nyx.webp"]{filter:drop-shadow(0 3px 2px #000b) drop-shadow(0 0 3px var(--el))}
.field-piece .miniature-art[src$="/malphas.webp"]{filter:drop-shadow(0 3px 2px #000b) drop-shadow(0 0 3px var(--el))}

/* 0.1.4: responsive bench, element icons and replay-only combo feedback. */
.bench{grid-template-columns:repeat(var(--bench-slots,6),minmax(0,1fr));gap:7px}.bench-slot .token{max-width:100%;height:132px}.element-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.25em;line-height:1.15;min-width:1.25em}.element-name{min-height:25px}.ingredient{grid-template-columns:38px minmax(0,1fr)}
.board-stage{position:relative;min-width:600px}.combo-overlays{position:absolute;inset:0;pointer-events:none;z-index:8}.combo-callout{position:absolute;transform:translateX(-50%);width:max-content;max-width:260px;padding:7px 10px;border:1px solid #9dc4d7;border-radius:5px;background:#0b2036f2;color:#e0f5ff;font-size:.8rem;text-align:center;line-height:1.35;box-shadow:0 3px 8px #0009}.combo-callout.triple{font-size:.95rem;border:2px solid #66ead0;color:#b9ffec;box-shadow:0 0 13px #46bfa788}.combo-callout.final{font-size:1.12rem;border:2px solid #ffdf85;background:#3a2448f5;color:#fff0af;box-shadow:0 0 22px #edbe6aaa}.combo-callout small{display:block;font-size:.7rem;letter-spacing:.12em;margin-top:3px}.board .field-piece.combo-source{outline:2px solid #b5efff;outline-offset:1px}.board .field-piece.combo-source-triple{outline-color:#67f0bf;box-shadow:0 0 16px #67f0bf}.board .field-piece.combo-source-final{outline:3px solid #ffe591;box-shadow:0 0 22px #ffe591}
@media(max-width:1000px){.bench{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:520px){.bench{grid-template-columns:repeat(3,minmax(0,1fr))}.bench-slot .token{height:124px}.ingredient{grid-template-columns:32px minmax(0,1fr)}}