@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
.mon-art{display:block;width:100%;height:100%;max-width:240px;margin:auto;overflow:visible}.creature-art.designed{height:150px;margin:5px 0}.fighter .creature-art.designed{height:195px}.species-card>.mon-art{height:110px;width:130px}.designed.evolution-4:after{display:none}.design-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:35px 0 22px}.design-heading .primary{white-space:nowrap;font-size:12px}.design-heading h2{font-size:24px}.evolution-family{padding:24px;background:linear-gradient(120deg,#23202d,#1b1c22);border:1px solid var(--line);border-radius:16px;margin:18px 0}.family-heading{display:flex;align-items:center;gap:16px;margin-bottom:15px}.family-heading h3{margin:0}.family-heading small{font-size:10px;color:var(--purple)}.evolution-forms{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.evolution-form{padding:12px;background:#13141a75;border:1px solid #ffffff08;border-radius:12px;text-align:center}.evolution-form>.mon-art{height:185px}.evolution-form h3{font-size:14px;margin:10px 0}.evolution-form small{font-size:9px;letter-spacing:.4px;color:var(--purple)}.evolution-form p{font-size:10px;line-height:1.7;color:var(--muted);margin:0}@media(max-width:900px){.evolution-forms{grid-template-columns:1fr 1fr}.evolution-form>.mon-art{height:190px}}@media(max-width:600px){.design-heading{align-items:start;flex-direction:column;gap:8px}.design-heading h2{font-size:22px}.evolution-family{padding:13px}.family-heading{flex-direction:column;align-items:start;gap:7px}.evolution-forms{gap:8px}.evolution-form{padding:8px}.evolution-form>.mon-art{height:125px}.evolution-form h3{font-size:12px}.evolution-form small{font-size:8px}.evolution-form p{font-size:9px}.coin-card .creature-art.designed{height:115px}.fighter .creature-art.designed{height:125px}}
:root{--bg:#111216;--panel:#1b1c22;--line:#303139;--text:#f4f3ed;--muted:#999aa7;--lime:#c5f277;--purple:#b7a0ef}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;background:#25262e;color:var(--text);padding:12px 17px;font-weight:600}button:hover{border-color:var(--purple)}button:disabled{opacity:.4;cursor:not-allowed}a{color:var(--lime)}header{display:flex;align-items:center;justify-content:space-between;padding:25px 5vw;border-bottom:1px solid var(--line);gap:20px}.logo{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:700;color:var(--text);text-decoration:none}.logo span{color:var(--lime)}nav{display:flex;gap:6px}.nav{border:0;background:transparent;color:var(--muted);font-size:13px}.nav.active{color:var(--lime);background:#c5f27710}.badge{border:1px solid var(--line);border-radius:30px;padding:7px 11px;font-size:9px;letter-spacing:1px;color:var(--lime);white-space:nowrap}main{max-width:1350px;margin:auto;padding:22px 5vw}.test-banner{background:#c5f27709;border:1px solid #c5f27720;border-radius:9px;padding:13px 17px;color:#a9b994;font-size:11px;line-height:1.6}.test-banner b{font-size:9px;margin-right:14px;color:var(--lime);letter-spacing:1px}.hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:50px;padding:45px 0 35px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--purple)}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(34px,4vw,56px);line-height:1.12;letter-spacing:-2px;margin:17px 0}h1 em{font-style:normal;color:var(--lime)}h2{font-size:23px;margin:7px 0}h3{font-size:18px;margin:12px 0 5px}.hero p:not(.eyebrow),.muted{color:var(--muted);font-size:13px;line-height:1.8;max-width:550px}.hero-art{height:260px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#a996e52c,transparent 68%)}.egg{font-size:105px;transform:rotate(-15deg);filter:drop-shadow(0 15px 25px #ac87f445);animation:bob 5s ease-in-out infinite}.orbit{position:absolute;width:300px;height:110px;border:1px solid #b7a0ef45;border-radius:50%;transform:rotate(-25deg)}.orbit.second{transform:rotate(30deg);height:160px;width:250px}.hero-art small{position:absolute;bottom:0;font-size:8px;letter-spacing:2px;color:var(--purple)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0}.primary{background:var(--lime);color:#202816;border:0}.primary:hover{background:#d5ff92}#coinCount{color:var(--muted);font-size:14px}.coin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.coin-card{position:relative;background:var(--panel);border:1px solid var(--line);padding:20px;border-radius:15px;text-align:left;font-weight:400;min-width:0}.coin-card.selected{border-color:var(--purple);box-shadow:0 0 0 1px #b7a0ef40}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.handle{color:var(--muted);font-size:11px}.stage-tag{font-size:9px;color:var(--purple);background:#b7a0ef12;border-radius:20px;padding:5px 9px}.creature-art{height:105px;display:flex;align-items:center;justify-content:center;position:relative;margin:15px 0;background:radial-gradient(ellipse,#b7a0ef16,transparent 70%)}.creature-art>span{font-size:65px;filter:drop-shadow(0 8px 12px #0003)}.evolution-2>span{filter:drop-shadow(0 0 8px #99c8ed);transform:scale(1.07)}.evolution-3>span{filter:drop-shadow(0 0 12px #bb91ea);transform:scale(1.15)}.evolution-4>span{filter:drop-shadow(0 0 16px #c5f277);transform:scale(1.2)}.evolution-4:after{content:'✧';position:absolute;right:20%;top:15%;color:var(--lime);font-size:24px}.species-label{font-size:11px;color:var(--muted)}.progress-track{height:5px;background:#32333e;border-radius:5px;overflow:hidden;margin:15px 0 8px}.progress-track i{display:block;height:100%;background:var(--purple);border-radius:5px}.card-bottom{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.lab{margin-top:32px;padding:25px;border-radius:15px;border:1px solid var(--line);background:linear-gradient(120deg,#23202d,#1b1c22)}.lab .section-heading{margin:0 0 22px}.lab-title{display:flex;justify-content:space-between;gap:20px}.lab-title strong{font-size:17px}.lab-title small{display:block;color:var(--muted);font-size:11px;margin-top:7px}.fee-total{color:var(--lime);text-align:right}.fee-total strong{font-size:26px}.milestones{display:grid;grid-template-columns:repeat(5,1fr);margin:28px 0;gap:8px}.milestone{border-top:3px solid #41404e;padding-top:12px;color:var(--muted);font-size:11px}.milestone.done{border-color:var(--lime);color:var(--text)}.milestone strong{display:block;margin-bottom:7px;font-size:12px}.milestone small{font-size:10px;color:var(--muted)}.fee-controls{display:flex;gap:8px;flex-wrap:wrap}.fee-controls button{font-size:12px}.lab-note{font-size:11px;color:var(--muted);line-height:1.7}.page>h1{margin-top:26px}.arena-setup{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:12px;margin:25px 0}label{font-size:11px;color:var(--muted);display:block}input,select{display:block;width:100%;background:#202128;color:var(--text);border:1px solid var(--line);padding:12px;border-radius:8px;margin-top:8px;min-width:0}.battle-content{border:1px solid var(--line);border-radius:18px;padding:28px;background:radial-gradient(ellipse at 50% 25%,#a08bd516,transparent 70%),var(--panel)}.empty{text-align:center;padding:45px 20px;color:var(--muted);font-size:36px}.empty h2{color:var(--text)}.empty p{font-size:13px}.battle-title{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--purple)}.fighters{display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;gap:25px;margin:20px 0}.fighter{text-align:center;padding:12px}.fighter.active{border-radius:12px;outline:1px solid #b7a0ef55;background:#b7a0ef05}.fighter .creature-art{height:130px}.fighter .creature-art>span{font-size:85px}.fighter p{font-size:11px;color:var(--muted)}.health{height:9px;background:#393a45;border-radius:8px;overflow:hidden}.health i{display:block;height:100%;background:var(--lime);transition:width .3s}.hp-label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:8px}.vs{color:var(--muted);font-size:15px;text-align:center}.moves{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:25px 0}.moves button{text-align:left;padding:14px}.moves small{display:block;color:var(--muted);font-size:9px;margin-top:6px;font-weight:400;line-height:1.5}.battle-log{max-height:165px;overflow:auto;background:#101115;border-radius:10px;padding:14px;font-size:11px;color:var(--muted);line-height:1.7}.battle-log p{margin:3px 0}.battle-log p:last-child{color:var(--lime)}.filters{display:flex;gap:12px;max-width:550px;margin:25px 0}.bestiary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.species-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px}.species-card>span{font-size:35px}.species-card h3{font-size:14px}.species-card p{color:var(--muted);font-size:10px}.species-card small{font-size:9px;color:var(--purple)}footer{display:flex;justify-content:space-between;gap:20px;margin-top:40px;border-top:1px solid var(--line);padding:22px 0;font-size:9px;color:var(--muted);letter-spacing:1px}dialog{width:440px;max-width:94vw;max-height:92dvh;overflow:auto;border:1px solid var(--line);border-radius:18px;padding:27px;background:var(--panel);color:var(--text)}dialog::backdrop{background:#0009;backdrop-filter:blur(6px)}dialog h2{font-size:30px}dialog label{margin:17px 0}.close{float:right;border:0;background:transparent;padding:4px 8px}.check{display:flex;gap:10px;align-items:start;line-height:1.7}.check input{width:16px;margin-top:2px;accent-color:var(--lime)}.small{font-size:10px!important}form .primary{width:100%}#launchError{color:#f3a4a4;font-size:12px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--lime);color:#25311b;border-radius:12px;padding:14px 22px;font-size:12px;z-index:10;opacity:0;pointer-events:none;width:max-content;max-width:90vw;text-align:center}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--purple);outline-offset:3px}@keyframes bob{50%{transform:translateY(-10px) rotate(-10deg)}}@media(prefers-reduced-motion:reduce){.egg{animation:none}}@media(max-width:900px){.coin-grid{grid-template-columns:repeat(2,1fr)}.bestiary{grid-template-columns:repeat(3,1fr)}.arena-setup{grid-template-columns:1fr 1fr}.hero{gap:15px}.orbit{width:230px}.orbit.second{width:200px}}@media(max-width:600px){header{padding:18px 16px;flex-wrap:wrap;gap:15px}.logo{font-size:18px}header>.badge{margin-left:auto}nav{order:3;width:100%;justify-content:space-between}.nav{font-size:12px;padding:9px 12px}main{padding:15px}.test-banner{font-size:10px;padding:10px}.hero{display:flex;flex-direction:column-reverse;gap:0;padding:15px 0}.hero-art{height:165px;width:100%}.egg{font-size:76px}.orbit{height:75px;width:210px}.orbit.second{height:115px;width:170px}.hero-art small{font-size:7px}.hero h1{font-size:35px;letter-spacing:-1.5px}.hero p:not(.eyebrow){font-size:12px}.eyebrow{font-size:8px}.section-heading h2{font-size:20px}.section-heading .primary{font-size:11px;padding:12px}.coin-grid{gap:10px}.coin-card{padding:13px}.card-top{align-items:start;flex-direction:column;gap:7px}.creature-art{height:80px;margin:8px 0}.creature-art>span{font-size:52px}.coin-card h3{font-size:15px}.card-bottom{flex-direction:column;gap:4px}.species-label{font-size:9px}.lab{padding:17px}.lab-title{gap:10px}.lab-title strong{font-size:14px}.fee-total strong{font-size:22px}.milestone{font-size:9px;padding-top:9px}.milestone strong{font-size:9px}.milestone small{font-size:8px}.fee-controls button{padding:10px;font-size:11px}.lab>.section-heading .badge{font-size:7px}.arena-setup{gap:10px}.arena-setup button{font-size:12px}.battle-content{padding:15px}.fighters{gap:10px;grid-template-columns:1fr 25px 1fr}.fighter .creature-art{height:90px}.fighter .creature-art>span{font-size:60px}.fighter h3{font-size:14px}.fighter{padding:6px}.moves{grid-template-columns:1fr 1fr}.moves button{font-size:12px}.bestiary{grid-template-columns:1fr 1fr}.species-card{padding:13px}.filters{gap:8px}.filters select{max-width:140px}footer{flex-direction:column;line-height:1.7;gap:8px}}

.family-picker{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px;color:var(--muted)}.family-picker select{max-width:100%;padding:10px 14px;background:#17211e;color:#eef3df;border:1px solid #465246;border-radius:10px}

.mon-art.pixel-sprite{image-rendering:crisp-edges;image-rendering:pixelated;object-fit:contain;aspect-ratio:1;filter:drop-shadow(0 3px 0 #00000055)}

.evolution-form{background:radial-gradient(ellipse at 50% 34%,#55547932 0%,#28253630 42%,#13141a85 73%)}.evolution-form>.pixel-sprite{height:192px;max-width:192px;filter:drop-shadow(0 4px 0 #00000060)}.coin-card .pixel-sprite{filter:drop-shadow(0 3px 0 #00000060)}@media(max-width:600px){.evolution-form>.pixel-sprite{height:128px;max-width:128px}}

.mon-art.pixel-sprite{filter:none!important;image-rendering:pixelated}.evolution-form{background:radial-gradient(ellipse at 50% 42%,#37344455,#181920 72%)}

.mon-art.generated-sprite{object-fit:contain;image-rendering:pixelated}.species-card>.generated-sprite{width:140px;height:128px}.creature-art.designed .generated-sprite{max-width:192px}

.account-preview{padding:14px;border:1px solid #c5f27744;background:#c5f2770c;border-radius:10px;color:var(--lime);font-size:13px;line-height:1.5}.account-steps{display:flex;flex-wrap:wrap;gap:14px;font-size:11px;color:var(--muted);margin:18px 0}

.player-panel{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid var(--line);background:var(--panel);padding:17px 20px;border-radius:14px;margin-bottom:18px}.player-panel strong,.player-panel small{display:block}.player-panel small{color:var(--muted);font-size:11px;margin-top:5px}.player-actions{display:flex;flex-wrap:wrap;gap:8px}.player-actions button{font-size:11px;padding:10px 13px}#playerForm label{display:block;margin:15px 0}#playerForm input{display:block;width:100%;margin-top:8px}#playerError{color:#ed9999;font-size:12px}#playerForm button{margin:6px 5px 0 0}@media(max-width:600px){.player-panel{align-items:start;flex-direction:column;padding:14px}}

.market-warning{padding:14px;border:1px solid #e8bd6855;color:#e8cb8f;background:#e8bd6809;border-radius:12px;font-size:12px;line-height:1.6;margin:20px 0}.market-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.market-toolbar input{flex:1;min-width:160px}.market-toolbar strong{font-size:12px;color:var(--lime)}.coin-profile{border:1px solid var(--purple);background:var(--panel);border-radius:16px;padding:24px;margin:24px 0}.profile-top{display:flex;gap:24px;align-items:center}.profile-top .creature-art{width:180px;flex-shrink:0}.coin-profile h2{margin:8px 0}.fee-split{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.fee-split>div{padding:16px;background:#111216;border-radius:10px}.fee-split small{display:block;font-size:11px;color:var(--muted);margin:6px 0}.fee-split strong{font-size:20px}.trade-form{display:flex;gap:14px;flex-wrap:wrap;align-items:end}.trade-form input{width:145px}.trade-form label{font-size:12px}.trade-form label input{display:block;margin-top:7px}.trade-quote{font-size:12px;line-height:1.8;color:var(--muted)}.ledger-list{font-size:11px;line-height:1.8;overflow-wrap:anywhere}.profile-id{font-size:10px;overflow-wrap:anywhere;color:var(--muted)}@media(max-width:600px){header{flex-wrap:wrap}nav{flex-wrap:wrap}.coin-profile{padding:15px}.profile-top{align-items:start;flex-direction:column;gap:0}.profile-top .creature-art{width:150px;height:140px}.fee-split{grid-template-columns:1fr}.fee-split strong{font-size:16px}.trade-form button{font-size:12px;padding:10px}}

.claim-panel{border-top:1px solid #33434d;margin-top:24px;padding-top:16px}.wallet-address{overflow-wrap:anywhere;font-family:monospace}.claim-panel button{margin:4px 0}.claim-panel [role=status]{color:#e6bb77}

.payout-dialog{width:min(820px,94vw);max-height:90vh;overflow:auto}.payout-row{display:flex;gap:16px;justify-content:space-between;border-bottom:1px solid #33434d;padding:12px 0}.payout-row span{font-size:13px}.payout-confirm{display:flex;align-items:flex-start;gap:10px}.payout-confirm input{width:auto;flex:none}@media(max-width:600px){.payout-row{flex-direction:column;gap:4px}}

#ownerProofText{width:100%;font:inherit;padding:12px;border:1px solid #33434d;border-radius:10px;background:#12171c;color:#e8edf2;resize:vertical}#openOwnerComposer{display:inline-block;margin:12px 0;color:#c5ef73}


/* Pixel models are rendered in a real 3D scene at a deliberately low resolution. */
.battle-stage{position:relative;margin:20px 0 0;border:1px solid #476b72;border-radius:20px;overflow:hidden;background:#172c3b}.pixel-battle-scene{position:relative;width:100%;aspect-ratio:2.25;min-height:240px}.pixel-battle-scene canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.scene-label{position:absolute;top:18px;left:20px;font-size:10px;letter-spacing:3px;color:#c0eadc;z-index:1}.sprite-fallback{height:100%;display:flex;align-items:center;justify-content:space-around;background:radial-gradient(ellipse at bottom,#416463,#172c3b)}.sprite-fallback .creature-art{width:35%;filter:drop-shadow(10px 15px 0 #10242c)}.scene-ready .sprite-fallback{visibility:hidden}.battle-hud{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px;background:#14232f}.fighter-status{border:1px solid #334c56;border-radius:12px;padding:16px;min-width:0}.fighter-status.active{border-color:#8bdcc5;box-shadow:inset 0 0 0 1px #8bdcc533}.status-heading{display:flex;justify-content:space-between;gap:8px;align-items:center}.fighter-status small{color:#9eb4bb;display:block;margin:7px 0 12px}.type-pill{display:inline-block;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:700;background:#334854;color:#e7f8f3}.type-grove{background:#32664c}.type-flame{background:#914b39}.type-tide{background:#315e88}.type-stone{background:#706343}.type-sky{background:#487380}.type-astral{background:#6c508c}.type-shadow{background:#4e455e}.ability-description{font-size:11px;line-height:1.6;color:#a9c0c5;margin:12px 0 0}.ability-description b{color:#e3efdb}.matchup-note{padding:15px 2px;color:#a9c0c5;font-size:12px}.moves{grid-template-columns:repeat(5,1fr);margin-top:0}.moves button{min-height:85px;font-size:13px}.moves button[data-move=signature]{border-color:#8bdcc5;background:#203b3c}.moves button:disabled{opacity:.4}.battle-history{margin-top:22px}.battle-history summary{cursor:pointer;font-size:12px;color:#adcbc5}.battle-log{max-height:150px;overflow:auto}.roster-ability{font-size:12px;line-height:1.5}.roster-ability b{color:#abdec6}@media(max-width:650px){.pixel-battle-scene{aspect-ratio:1.35;min-height:0}.battle-hud{gap:8px;padding:10px}.fighter-status{padding:10px}.status-heading{align-items:flex-start;flex-direction:column}.status-heading strong{font-size:12px;overflow-wrap:anywhere}.hp-label{font-size:10px;gap:4px;flex-wrap:wrap}.ability-description{font-size:10px}.moves{grid-template-columns:repeat(2,1fr);gap:8px}.moves button[data-move=signature]{grid-column:span 1}.moves button:last-child{grid-column:span 2}.battle-title{gap:8px;flex-wrap:wrap}}

.dragon-study{padding:24px;border:1px solid #9d603d;border-radius:18px;margin-bottom:28px;background:#182329}.dragon-study-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.dragon-study-grid article{min-width:0;background:#182833;border:1px solid #3b505a;border-radius:12px;overflow:hidden;text-align:center;padding-bottom:14px}.dragon-study-grid img{width:100%;display:block;image-rendering:pixelated}.dragon-study-grid small{color:#efa76d;font-size:10px}.dragon-study-grid h3{font-size:14px;margin:8px 0}@media(max-width:650px){.dragon-study-grid{grid-template-columns:repeat(2,1fr)}.dragon-study{padding:16px}}

/* Restored approved 2D pixel artwork in the wide battle view. */
.pixel-battle-scene{aspect-ratio:2.6;min-height:220px}.sprite-fallback{position:absolute;inset:0;gap:8%;padding:22px 7%;background:radial-gradient(ellipse at bottom,#294940,#172c3b)}.sprite-fallback .creature-art{width:42%;height:100%;margin:0;filter:none;animation:none}.sprite-fallback .creature-art img{width:100%;height:100%;max-width:none;object-fit:contain;image-rendering:pixelated}.scene-label{top:12px;left:16px}@media(max-width:650px){.pixel-battle-scene{aspect-ratio:2;min-height:170px}.sprite-fallback{padding:20px 3%;gap:2%}.sprite-fallback .creature-art{width:48%}}

/* Reference composition: near-left player and far-right rival, with floating HUDs. */
.battle-stage{position:relative;overflow:hidden;padding-bottom:0}
.pixel-battle-scene{aspect-ratio:2.1;min-height:360px;background:linear-gradient(180deg,#182d38 0%,#243d44 50%,#35504a 100%)}
.sprite-fallback{display:block;padding:0;background:radial-gradient(ellipse at 27% 84%,#99c6aa18 0%,transparent 30%),radial-gradient(ellipse at 75% 51%,#99c6aa12 0%,transparent 22%)}
.sprite-fallback .creature-art{position:absolute;width:38%;height:52%;left:9%;bottom:5%;display:flex;align-items:center;justify-content:center}
.sprite-fallback .creature-art:nth-child(2){width:25%;height:36%;left:auto;right:11%;bottom:38%}
.sprite-fallback .creature-art img{position:relative;z-index:1;max-height:100%;max-width:100%;width:100%;height:100%;object-fit:contain}
.sprite-fallback .creature-art:before{content:"";position:absolute;bottom:1%;left:14%;width:72%;height:12%;border-radius:50%;background:#0b1c2466}
.battle-hud{position:absolute;inset:0;padding:0;display:block;background:transparent;pointer-events:none}
.fighter-status{position:absolute;left:7%;top:25%;width:37%;padding:10px 12px;background:#14232fe8;border-radius:8px;box-shadow:0 6px 18px #0002;pointer-events:auto}
.fighter-status:nth-child(2){left:auto;right:7%;top:6%;width:34%}
.fighter-status small{margin:3px 0 6px;font-size:10px}
.fighter-status .health{height:7px;margin:6px 0}
.fighter-status .ability-description{display:none}
.status-heading strong{font-size:13px}.status-heading .type-pill{font-size:9px;padding:2px 5px}
.fighter-status .hp-label{font-size:10px}
@media(max-width:650px){
 .pixel-battle-scene{aspect-ratio:1.25;min-height:280px}
 .sprite-fallback .creature-art{width:49%;height:43%;left:3%;bottom:4%}
 .sprite-fallback .creature-art:nth-child(2){width:33%;height:29%;right:6%;bottom:39%}
 .fighter-status{left:4%;top:32%;width:48%;padding:7px}
 .fighter-status:nth-child(2){right:4%;top:8%;width:47%}
 .status-heading{flex-direction:row;align-items:center;gap:3px}.status-heading strong{font-size:10px}.status-heading .type-pill{font-size:8px}
 .fighter-status small{font-size:8px}.fighter-status .hp-label{font-size:8px}.scene-label{font-size:8px}
}

.sprite-fallback .creature-art:first-child img{transform:scale(-1.15,1.15);transform-origin:50% 75%}.sprite-fallback .creature-art:before{bottom:8%}

/* Restore the earlier 3D sprite arena and keep status panels clear of the models. */
.pixel-battle-scene{aspect-ratio:2.25;min-height:240px}.battle-hud{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px;background:#14232f;pointer-events:auto}.fighter-status,.fighter-status:nth-child(2){position:relative;left:auto;right:auto;top:auto;width:auto;padding:16px;border-radius:12px}.fighter-status .ability-description{display:block}.status-heading strong{font-size:13px}@media(max-width:650px){.pixel-battle-scene{aspect-ratio:1.35;min-height:0}.battle-hud{gap:8px;padding:10px}.fighter-status,.fighter-status:nth-child(2){padding:10px}.status-heading{flex-direction:column;align-items:flex-start}.status-heading strong{font-size:12px}}


:root{--play-purple:#9574ff;--play-mint:#9af3d2;--play-coral:#ffa18b}
body{background:radial-gradient(ellipse at 5% 0%,#35365e 0,transparent 45%),radial-gradient(ellipse at 100% 40%,#163f47 0,transparent 40%),#111b2b}
button,input,select{border-radius:12px}button{transition:transform .15s,box-shadow .15s,border-color .15s}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 18px #9574ff22}button:focus-visible,input:focus-visible{outline:3px solid var(--play-mint);outline-offset:3px}.primary{background:#9472f4!important;color:#fff!important;border-color:#b19bff!important;box-shadow:0 4px 0 #5b419b}button:disabled{cursor:not-allowed;opacity:.45}.coin-card.selected{border-color:#ad90ff;box-shadow:0 0 0 2px #9472f440}.coin-card,.species-card{border-radius:20px}.coin-card:hover{border-color:#a8efd4}.arena-setup[hidden]{display:none!important}
.room-welcome,.room-bar,.team-slot,.lobby-chat{background:linear-gradient(130deg,#26394d,#202d43);border:1px solid #54627c;border-radius:20px;padding:24px}.room-welcome{margin:24px 0}.room-welcome h2{font-size:clamp(24px,4vw,34px)}.room-actions,.room-actions form,.room-bar,.slot-actions,.chat-compose{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.room-actions input{width:170px;text-transform:uppercase;letter-spacing:2px}.room-bar{justify-content:space-between;margin-bottom:18px}.room-bar .eyebrow{margin:0}.room-code{font-size:30px;letter-spacing:5px;color:#b5ffe0;user-select:all}.team-selection{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.team-slot{min-width:0}.team-slot.is-ready{border-color:#a2f4cb;box-shadow:inset 0 0 25px #81ffd010}.slot-heading{display:flex;justify-content:space-between;gap:8px}.slot-heading span{color:#a2f4cb;font-size:13px}.selected-mon,.mon-choice{display:flex;flex-direction:column;align-items:center;gap:7px}.selected-mon .creature-art,.mon-choice .creature-art{height:145px;width:100%;margin:8px 0}.empty-slot{text-align:center;padding:55px 0;color:#a49bdf;font-size:24px}.slot-actions{justify-content:center;margin-top:16px}.slot-actions button{padding:10px 12px}.training-progress{width:100%;font-size:13px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:12px 0}.training-progress span{color:#bcc8d9}.xp-track{height:8px;width:100%;border-radius:20px;background:#102036;overflow:hidden}.xp-track i{display:block;height:100%;background:linear-gradient(90deg,#9574ff,#a3f4d5);border-radius:20px}.mon-picker,.move-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.mon-choice{padding:16px;background:#25374c;border:1px solid #53637f;text-align:center}.mon-choice:hover{background:#314763;border-color:#b29bff}.mon-choice strong{font-size:18px}.mon-choice span,.mon-choice small{font-size:12px}.ability-chip{color:#b9ffe0;background:#143f40;padding:8px 12px;border-radius:12px;font-size:12px}#battlePicker,#movePicker{max-width:900px;width:calc(100% - 32px);max-height:85vh;overflow:auto;background:#1a2a40;color:#f5f4ff;border:1px solid #8390ae;border-radius:24px;padding:28px}.move-choice{text-align:left;background:#25374c;display:flex;flex-direction:column;gap:9px;padding:18px}.move-choice.equipped{border-color:#a0f1cf;background:#244849}.move-choice small{color:#a7d9cc}.move-choice span{font-size:13px;line-height:1.5}.lobby-chat{margin-top:32px}.chat-messages{height:280px;overflow:auto;background:#132338;border-radius:14px;padding:16px;margin:20px 0;overflow-wrap:anywhere}.chat-message{margin-bottom:16px}.chat-message strong{color:#bfa7ff}.chat-message time{color:#8d9eb7;font-size:11px;margin-left:12px}.chat-message p{margin:5px 0;white-space:pre-wrap}.chat-compose{flex-wrap:nowrap}.chat-compose input{flex:1;min-width:0}#playError{color:#ffbaaa;min-height:20px}.turn-notice{grid-column:1/-1;color:#b4ffdc;margin:0 0 4px}.battle-rewards{padding:12px 20px;border-radius:16px;background:#264448;color:#c0ffe0}.moves button{text-align:left;border-radius:14px;padding:16px;background:#2c3b55}.moves button strong{display:block}.moves button small{line-height:1.5}.battle-float{position:absolute;z-index:3;left:70%;top:30%;font-size:30px;color:#ffe0a0;font-weight:900;text-shadow:2px 2px #122338;pointer-events:none;animation:battleRise 1s ease-out forwards}.battle-float.near{left:25%;top:55%}.battle-float.heal{color:#a1ffbf}@keyframes battleRise{to{transform:translateY(-55px);opacity:0}}
@media(max-width:650px){.team-selection{grid-template-columns:1fr}.mon-picker,.move-library{grid-template-columns:repeat(2,minmax(0,1fr))}.room-welcome,.room-bar,.team-slot,.lobby-chat{padding:16px}.room-actions{align-items:stretch}.room-actions form{flex:1}.room-actions input{flex:1;min-width:100px}.slot-actions button{flex:1;font-size:12px}.room-bar{gap:12px}.room-bar button{font-size:12px}.moves{grid-template-columns:1fr 1fr!important}.moves button{padding:12px}.chat-compose button{padding:12px}.battle-float{font-size:22px}}
@media(prefers-reduced-motion:reduce){button{transition:none}.battle-float{animation:none}}
.in-battle .team-slot{padding:14px 18px}.in-battle .selected-mon{flex-direction:row;flex-wrap:wrap;justify-content:center;font-size:12px}.in-battle .selected-mon .creature-art{width:60px;height:60px;margin:0}.in-battle .selected-mon .training-progress{display:none}.in-battle .selected-mon small{display:none}.room-actions form .primary,.chat-compose .primary{width:auto}.mon-picker .creature-art img{max-height:140px}

#chat .lobby-chat{margin-top:24px}#chatError{color:#ffbaaa;min-height:20px}@media(max-width:600px){nav{flex-wrap:wrap;justify-content:center;gap:5px}.nav{padding:9px 10px}}

.wager-panel,.wager-history{border:1px solid #9785d3;border-radius:18px;background:linear-gradient(120deg,#342c50,#1d3c45);padding:20px;margin:18px 0}.wager-heading,.wager-deposits{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap}.wager-heading strong{font-size:24px;color:#c4ffe1}.wager-tag{font-size:11px;color:#dac6ff;letter-spacing:1px}.wager-deposits span{background:#142c39;border-radius:10px;padding:10px}.wager-panel button{margin:8px 6px 0 0}.wager-agreement{display:flex;gap:10px;align-items:center;font-size:13px}.wager-agreement input{width:auto}.wager-panel a,.wager-history a{color:#bdffdc}#wagerStatus{font-size:13px;overflow-wrap:anywhere}#wagerDialog{width:560px}#wagerDialog ul{padding-left:20px;line-height:1.7;font-size:13px}#wagerDialog .primary{margin-top:14px}@media(max-width:600px){.wager-panel{padding:14px}.wager-heading strong{font-size:20px}.wager-deposits{gap:8px}.wager-panel .primary{width:100%}}


.player-card{display:flex;gap:22px;align-items:center;padding:22px;background:#26374d;border:1px solid #546780;border-radius:20px}.profile-avatar{font-size:70px}.player-card h2{margin:0}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.profile-stats span{padding:16px;background:#26394b;border-radius:14px;text-align:center}.profile-stats b{display:block;font-size:24px;color:#b9ffdc}.profile-showcase,.showcase-picks,.queue-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.profile-showcase>div,.showcase-picks button,.queue-picks button{padding:15px;background:#25364e;border:1px solid #526179;border-radius:16px;text-align:center;min-width:0}.profile-showcase small,.queue-picks small{display:block;margin-top:8px}.profile-showcase .creature-art,.showcase-picks .creature-art,.queue-picks .creature-art{height:110px}.profile-editor{padding:24px;background:#1d2e45;border-radius:20px;margin:24px 0}.profile-editor label{display:block;margin:16px 0}.profile-editor textarea{width:100%;padding:12px;color:#fff;background:#172338;border:1px solid #53617b;border-radius:12px;font:inherit}.showcase-picks .selected{border-color:#b6ffe0;background:#294749}.queue-card,.history-card{padding:22px;background:linear-gradient(120deg,#313454,#203b47);border:1px solid #667595;border-radius:18px;margin:18px 0}.queue-card.compact{padding:14px}.history-card{display:flex;justify-content:space-between;gap:20px;align-items:center}.history-card p{font-size:13px;color:#bdc8da}.history-card h3{margin-bottom:8px}.history-card a{color:#bcffe0}.result-tag{display:inline-block;padding:7px 12px;border-radius:30px;font-size:12px;background:#344863}.result-tag.victory{background:#1a5c4c;color:#b5ffe0}.result-tag.defeat{background:#633743;color:#ffd6cd}.result-tag.draw{background:#4e436b;color:#e2d0ff}#publicProfile,#matchDialog,#replayDialog{width:850px;max-width:calc(100vw - 28px);max-height:88vh;overflow:auto;background:#1b2b42}#replayDialog .pixel-battle-scene{aspect-ratio:2;min-height:200px}.replay-stats,.replay-controls{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 0}.replay-stats div{display:flex;flex-direction:column;gap:8px}.replay-controls label{display:flex;align-items:center;gap:12px}.profile-link{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.chat-controls{display:flex;gap:8px;margin-top:8px}.chat-controls button{font-size:10px;padding:5px 9px}.battle-invite{margin:12px 0;padding:16px;border:1px solid #9b88e1;border-radius:16px;background:linear-gradient(120deg,#3b315b,#214648)}.battle-invite>strong{display:block;color:#b9ffe0!important;font-size:22px}.battle-invite p{font-size:12px}.battle-invite button{margin-top:8px}.chat-manage{margin:10px 0}.control-row{display:flex;gap:12px;align-items:center;padding:12px 0}.sound-toggle{margin:14px 0}.move-preview{padding:14px;border:1px solid #7788a4;border-radius:14px;color:#d9ffe9;background:#1c3547;font-size:13px;line-height:1.7}.status-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.status-chips span{font-size:10px;background:#3c4b67;border-radius:8px;padding:5px 7px}.victory-banner{position:relative;overflow:hidden;padding:24px;text-align:center;margin:18px 0;border-radius:18px;background:linear-gradient(115deg,#624497,#236c63);border:1px solid #b1eacd;animation:victoryPop .5s ease-out}.victory-banner>span{display:block;font-size:36px;color:#ffdf98}.victory-banner>strong{font-size:34px;color:#c5ffe4}.victory-banner p{margin:8px 0 0}.victory-banner.victory:before,.victory-banner.victory:after{content:'✦  ✧  ✦';position:absolute;top:18px;color:#ffe49e;font-size:24px;animation:celebrate 2s ease-in-out infinite}.victory-banner.victory:before{left:8%}.victory-banner.victory:after{right:8%;animation-delay:.5s}.victory-banner.defeat{background:linear-gradient(120deg,#573951,#243a52)}@keyframes victoryPop{from{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}@keyframes celebrate{50%{transform:translateY(12px) rotate(10deg)}}@media(max-width:650px){.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-showcase,.showcase-picks,.queue-picks{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.history-card{flex-direction:column;align-items:stretch}.player-card{padding:15px;gap:12px}.profile-avatar{font-size:46px}.player-card h2{font-size:24px}.profile-editor{padding:16px}.profile-showcase .creature-art,.showcase-picks .creature-art,.queue-picks .creature-art{height:85px}.replay-stats{font-size:12px}.victory-banner.victory:before{left:3%}.victory-banner.victory:after{right:3%}}@media(prefers-reduced-motion:reduce){.victory-banner,.victory-banner:before,.victory-banner:after{animation:none!important}}
.profile-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100px;height:100px;border-radius:24px;background:#18283e}.profile-avatar img{width:92px;height:92px;object-fit:contain;image-rendering:pixelated}.avatar-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin:16px 0}.avatar-picks button{padding:10px;background:#25364e;border:2px solid #526179;border-radius:14px}.avatar-picks img{width:86px;height:86px;object-fit:contain;image-rendering:pixelated}.avatar-picks small{display:block;margin-top:8px}.avatar-picks .selected{border-color:#b6ffe0;background:#294749}

.dex-progress{padding:24px;border-radius:20px;background:linear-gradient(120deg,#3b315b,#214648);display:flex;flex-wrap:wrap;gap:20px;margin:24px 0}.dex-progress strong{font-size:28px;color:#b6ffe0}.dex-progress progress{width:100%;height:12px;accent-color:#b6ffe0}.dex-card{width:100%;font:inherit;color:inherit;text-align:center;cursor:pointer;transition:transform .15s,border-color .15s}.dex-card:hover{transform:translateY(-3px);border-color:#b6ffe0}.dex-card:focus-visible{outline:3px solid #b6ffe0;outline-offset:3px}.dex-art{height:145px;display:flex;align-items:center;justify-content:center}.dex-art img,.dex-art svg{width:140px;height:140px;object-fit:contain;image-rendering:pixelated}.undiscovered img,.undiscovered svg{filter:brightness(0);opacity:1}.dex-dots{display:flex;justify-content:center;gap:7px;margin:15px 0}.dex-dots i{width:11px;height:11px;border-radius:50%;background:#53617b}.dex-dots .done{background:#b6ffe0;box-shadow:0 0 10px #b6ffe044}#creatureDetail{width:960px;max-width:calc(100vw - 28px);max-height:88vh;overflow:auto;background:#1b2b42}.dex-evolutions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}.dex-evolutions article,.dex-moves>div{padding:16px;border:1px solid #53617b;border-radius:16px;background:#25364e;text-align:center}.dex-evolutions h3{font-size:16px}.dex-evolutions p{font-size:12px}.dex-evolutions button{font-size:12px;padding:10px}.dex-ability{padding:20px;background:#294749;border-radius:16px}.dex-moves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dex-moves small{display:block;color:#b6ffe0;margin-top:8px}.dex-moves p{font-size:13px}.dex-moves>div{text-align:left}@media(max-width:650px){.dex-evolutions,.dex-moves{grid-template-columns:repeat(2,minmax(0,1fr))}.dex-art,.dex-art img,.dex-art svg{height:110px;width:100%}.dex-progress{padding:18px;gap:12px}.dex-progress strong{font-size:24px}}@media(prefers-reduced-motion:reduce){.dex-card{transition:none}}

.dex-art.undiscovered{filter:brightness(0);opacity:1}

.tutorial-card{padding:22px;margin:18px 0;border:1px solid #7d73b9;border-radius:20px;background:linear-gradient(120deg,#3b315b,#214648);display:flex;align-items:center;justify-content:space-between;gap:24px}.tutorial-card p{max-width:680px;line-height:1.6;font-size:13px}.tutorial-actions{display:flex;flex-wrap:wrap;gap:8px;min-width:180px;max-width:320px}.tutorial-help{margin-top:14px;font-size:12px}.friend-add{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:24px 0}.friend-add label{display:grid;gap:8px}.friend-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px;background:#25364e;border:1px solid #53617b;border-radius:16px;margin:12px 0}.friend-row strong{flex:1}.friend-row span{font-size:13px;color:#b6ffe0}.friend-row small{display:block;color:#aebed0;margin-top:5px}.practice-launch{margin:14px 0}.practice-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.practice-picks article{display:flex;flex-direction:column;gap:12px;background:#25364e;border-radius:14px;padding:14px;text-align:center}.practice-picks .creature-art{height:110px}#practicePicker{width:800px;max-width:calc(100vw - 28px);max-height:88vh;overflow:auto;background:#1b2b42}#requestRematch{margin:16px 0;background:#334f50;border-color:#b6ffe0}@media(max-width:650px){.tutorial-card{display:block;padding:16px}.tutorial-actions{max-width:none}.practice-picks{grid-template-columns:repeat(2,minmax(0,1fr))}.friend-row{align-items:stretch}.friend-row strong{flex-basis:100%}}

.daily-bonus{padding:16px;border:1px solid #719d88;border-radius:16px;background:#213e40;margin:16px 0}.daily-bonus strong{color:#b6ffe0}.daily-bonus p{font-size:12px;line-height:1.6;margin-bottom:0}.collection-goal,.next-move{font-size:12px;line-height:1.6;color:#c3fce0!important}.collection-goal{border-top:1px solid #53617b;padding-top:10px;text-align:left}.safety-button{margin:10px 10px 10px 0}#accountSafety{width:800px;max-width:calc(100vw - 28px);max-height:88vh;overflow:auto;background:#1b2b42}#accountSafety label{display:grid;gap:8px;margin:14px 0}#accountSafety textarea{width:100%;font:inherit;padding:12px;word-break:break-all;background:#18283e;color:white;border:1px solid #53617b;border-radius:10px}.balance-table{overflow:auto}.balance-table table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.balance-table td,.balance-table th{padding:12px 8px;border-bottom:1px solid #53617b}.moderation-report{padding:16px;background:#25364e;margin:12px 0;border-radius:14px}.moderation-report div{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}

.connection-indicator{font-size:12px;color:#b6ffe0;margin:12px 0}.holding-note{font-size:12px;color:#eacb9e}.collection-badges{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.collection-badges span{padding:9px 12px;border:1px solid #596578;border-radius:30px;font-size:12px;color:#aebed0}.collection-badges .earned{color:#b6ffe0;border-color:#9cdbc1;background:#294749}.battle-briefing{padding:20px;margin:18px 0;border:1px solid #697f98;border-radius:16px;background:#25364e}.battle-briefing p{font-size:13px;line-height:1.7}.battle-briefing article{padding:12px;border-radius:12px;background:#1b2b42;margin:12px 0}.battle-briefing small{color:#b6ffe0}

.admin-panel{position:fixed;right:16px;bottom:16px;z-index:50;background:#17243b;color:#fff;border:2px solid #a995ff;border-radius:18px;padding:14px;box-shadow:0 12px 40px #0008;max-height:80vh;overflow:auto;width:min(360px,calc(100vw - 32px))}.admin-panel[hidden]{display:none}.admin-panel label{display:block;margin:10px 0}.admin-panel select,.admin-panel input{width:100%}.admin-panel p{font-size:13px}.admin-panel:has(#openAdminPanel){width:auto}

