:root{--bg:#090c18;--panel:#141a30;--panel2:#202a45;--line:#63709a;--ink:#edf5ff;--muted:#9ca9c7;--cyan:#5ee5f2;--pink:#ff6bb6;--lime:#a8ef74;--gold:#ffd866}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#202d54 0,#090c18 60%);color:var(--ink);font-family:VT323,monospace;font-size:20px;min-height:100vh}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.24;background:repeating-linear-gradient(0deg,transparent 0 3px,#000 4px),repeating-linear-gradient(90deg,transparent 0 3px,#000 4px);mix-blend-mode:overlay}button{font:inherit;cursor:pointer;color:inherit}.brand,h1,h2{font-family:'Press Start 2P',monospace}.brand{font-size:17px;text-shadow:3px 3px #272f5b}.brand b,h1 i{color:var(--pink)}header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:#11172b;border-bottom:4px solid var(--line);box-shadow:0 4px #050712;position:relative;z-index:1}nav{display:flex;gap:8px}nav button,.ghost{background:#1c2643;border:2px solid #53618e;padding:8px 12px;font-size:16px}nav button:hover,.ghost:hover{border-color:var(--cyan);color:var(--cyan)}.wallet{display:flex;gap:13px;color:var(--gold)}.sky-noise{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:570px;border-bottom:4px solid var(--line)}.hero-copy{padding:110px 12%}.eyebrow{font-size:17px;color:var(--cyan);letter-spacing:1px}.hero h1,.battle-lobby h1,.hatch-copy h1{font-size:clamp(40px,5vw,75px);line-height:1.18;margin:22px 0}.lede{max-width:420px;color:#c0cae6;line-height:1.15}.actions{display:flex;gap:10px;margin-top:32px}.primary{background:var(--pink);border:3px solid #fff1fa;box-shadow:4px 4px 0 #64254d;padding:13px 16px;font-family:'Press Start 2P';font-size:11px}.primary:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #64254d}.hero-art{background:#17213c;position:relative;overflow:hidden;background-image:linear-gradient(90deg,#202d50 1px,transparent 1px),linear-gradient(#202d50 1px,transparent 1px);background-size:28px 28px}.orb{width:340px;height:340px;position:absolute;border-radius:50%;background:#ffc85b;left:18%;top:17%;box-shadow:0 0 0 12px #de7653,0 0 0 18px #312449}.floating{position:absolute;animation:float 3s ease-in-out infinite}.f1{left:15%;top:14%}.f2{right:17%;top:40%;animation-delay:-1.5s}.f3{left:42%;bottom:10%;animation-delay:-.6s}.monster-art{width:100px;height:100px;background:var(--c);border:4px solid #101321;border-radius:13px;box-shadow:5px 5px 0 #050611;display:grid;place-items:center;position:relative}.monster-art span{font-size:48px;filter:drop-shadow(2px 2px #fff)}.monster-art i{width:28px;height:6px;background:white;position:absolute;bottom:15px}.monster-art.small{width:38px;height:38px;border-width:2px;box-shadow:2px 2px #050611}.monster-art.small span{font-size:19px}.monster-art.small i{display:none}.mode-row{display:grid;grid-template-columns:repeat(3,1fr);max-width:1250px;margin:25px auto;background:#11172b;border:3px solid #59688e}.mode-row article{padding:28px;border-right:2px solid #455172;min-height:180px}.mode-row h2{font-size:21px;line-height:1.4}.mode-row span{color:var(--muted)}.mode-row button{background:none;border:0;color:var(--cyan);padding:15px 0}.tip{background:#202a45}.page-title{max-width:1250px;margin:30px auto 0;padding:30px;background:#141a30;border:3px solid #59688e}.page-title h1{font-size:35px}.collection-grid{max-width:1250px;margin:auto;padding:25px;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.monster-card{background:#141a30;border:3px solid #455172;padding:14px;box-shadow:4px 4px #070914}.monster-card:hover{border-color:var(--cyan)}.monster-card .monster-art{width:70px;height:70px;margin:10px auto}.monster-card .monster-art span{font-size:34px}.type-tag,.monster-card p,.mini-stats,.monster-card small{font-size:16px}.monster-card h3{font-family:'Press Start 2P';font-size:13px;line-height:1.5}.mini-stats{display:flex;flex-wrap:wrap;gap:7px;color:var(--gold)}.monster-card small{color:#b7c0dc;min-height:38px}.card-actions{display:flex;gap:5px;margin-top:10px}.card-actions button{background:#26365d;border:2px solid #6978a5;padding:8px;font-size:13px}.hatch-page{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 68px)}.hatch-copy{padding:12vw}.egg-price{color:var(--gold);margin:30px 0}.egg-stage{display:grid;place-items:center;background:#11172b;position:relative;overflow:hidden}.egg{width:170px;height:220px;border:4px solid white;border-radius:48% 48% 42% 42%;background:repeating-linear-gradient(45deg,#ff6bb6 0 17px,#5ee5f2 17px 34px);display:grid;place-items:center;font-size:70px;z-index:1;animation:egg 2s infinite}.egg-stage p{position:absolute;bottom:25px;color:var(--muted);font-size:15px}.egg-glow{position:absolute;width:500px;height:500px;background:radial-gradient(#4c61bf,transparent 65%)}.battle-lobby{padding:10vw;display:grid;grid-template-columns:1fr 1fr;gap:60px}.battle-options{display:grid;gap:12px;align-content:center}.battle-options button{display:flex;align-items:center;gap:15px;background:#141a30;border:3px solid #63709a;padding:19px;text-align:left;box-shadow:5px 5px #050611}.battle-options button:hover{border-color:var(--cyan)}.battle-options b{color:var(--pink);font-size:30px}.battle-options span{font-family:'Press Start 2P';font-size:14px;line-height:1.5;flex:1}.battle-options small{display:block;font-family:VT323;font-size:17px;color:var(--muted)}.arena-wrap{max-width:1450px;margin:auto;padding:22px}.battle-top{display:flex;justify-content:space-between;align-items:center;background:#141a30;border:3px solid #63709a;padding:13px}.battle-top h2{font-size:18px;line-height:1.5;margin:5px 0}.battle-top span{color:var(--muted)}.timeline{display:flex;gap:7px;align-items:center;margin:14px 0;padding:10px;background:#0b1020;border:3px solid #49557b;overflow:auto;font-size:15px}.timeline>b{color:var(--gold);white-space:nowrap}.timeline span{display:flex;gap:4px;align-items:center;white-space:nowrap;padding:4px;background:#27304f;opacity:.5}.timeline span.now{background:var(--pink);color:#241022;opacity:1;outline:3px solid white}.timeline span.done{opacity:.22}.timeline .monster-art{width:24px;height:24px;box-shadow:none;border-width:1px}.timeline .monster-art span{font-size:12px}.timeline small{background:#0b1020;color:var(--gold);padding:1px 4px}.arena-layout{display:grid;grid-template-columns:255px minmax(460px,630px) 255px;gap:16px;justify-content:center}.team-panel{background:#141a30;border:3px solid #63709a;padding:9px}.team-panel h3{font-family:'Press Start 2P';font-size:11px;color:var(--cyan);padding:7px 4px;margin:0;border-bottom:2px solid #465373}.unit-row{width:100%;display:flex;gap:8px;text-align:left;align-items:center;background:none;border:0;border-bottom:1px solid #3d4866;padding:8px 3px}.unit-row.selected{background:#394d7a;outline:2px solid var(--cyan)}.unit-row:disabled{color:inherit;opacity:.7}.unit-row b{font-size:19px;display:block}.unit-row small{font-size:14px;display:block;color:#b8c4df}.unit-row span{flex:1}.unit-row i{height:4px;background:#3e4865;display:block;margin-top:4px}.unit-row em{display:block;height:100%;background:var(--pink)}.board{display:grid;grid-template-columns:repeat(8,1fr);width:min(58vw,610px);aspect-ratio:1;background:#0b1020;border:6px solid #7785ac;box-shadow:7px 7px #050611}.cell{min-width:0;background:#263a54;border:1px solid #4c6482;position:relative}.cell.dark{background:#1e304a}.cell.legal{background:#385d80;box-shadow:inset 0 0 0 3px var(--cyan)}.cell.move{background:#3874a4;box-shadow:inset 0 0 0 3px var(--cyan)}.cell.target{background:#8a426e;box-shadow:inset 0 0 0 3px var(--pink)}.cell.active-unit{box-shadow:inset 0 0 0 4px var(--gold);animation:pulse .8s infinite alternate}.board-unit{position:absolute;inset:10%;display:grid;place-items:center}.board-unit b{position:absolute;bottom:-3px;right:-3px;background:#0b1020;border:1px solid white;color:white;font-size:13px;padding:1px 3px}.battle-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:14px;padding:14px;background:#141a30;border:3px solid #63709a}.battle-controls b{font-family:'Press Start 2P';font-size:11px;line-height:1.6}.battle-controls b small{color:var(--gold);font-family:VT323;font-size:17px}.battle-controls span{color:var(--muted)}.action-buttons{display:flex;gap:8px}.action-buttons button{font-family:'Press Start 2P';font-size:10px;padding:11px;background:#28395f;border:2px solid #7181af}.action-buttons button.active{background:var(--cyan);color:#07101a}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:5;background:#141a30;border:3px solid var(--cyan);padding:12px 18px;color:white}@keyframes float{50%{transform:translateY(-13px)}}@keyframes egg{50%{transform:rotate(-6deg) scale(1.05)}}@keyframes pulse{to{filter:brightness(1.5)}}@media(max-width:820px){header{padding:0 12px}nav{display:none}.hero,.hatch-page,.battle-lobby{grid-template-columns:1fr}.hero-copy{padding:65px 8%}.hero-art{min-height:340px}.mode-row{grid-template-columns:1fr;margin:0}.mode-row article{border-bottom:2px solid #455172}.arena-layout{grid-template-columns:1fr}.team-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.team-panel h3{grid-column:1/-1}.team-panel .unit-row small{display:none}.board{width:90vw}.battle-controls{align-items:flex-start;flex-direction:column}.collection-grid{grid-template-columns:repeat(2,1fr);padding:12px}}

/* ============ Profile section + wallet onboarding (added) ============ */
.title-wallet-status{display:inline-block;margin:0 auto 10px;padding:5px 13px;border-radius:20px;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.05em;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);color:#cfe;}
.title-wallet-status.on{background:rgba(50,220,150,.14);border-color:rgba(50,220,150,.5);color:#7cf0b0;cursor:pointer;}
.title-wallet-status.off{color:#f0b37c;border-color:rgba(240,150,90,.4);}
.onboarding-connected{margin:0 auto 8px;font-family:'DM Mono',monospace;font-size:12px;color:#7cf0b0;letter-spacing:.06em;}
.onboarding-cta{margin-bottom:14px;}
.account-btn{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);color:#cfe;border-radius:8px;padding:5px 10px;font-size:16px;line-height:1;cursor:pointer;}
.account-btn.active{border-color:#5fd0ff;color:#5fd0ff;}
.profile-screen .profile-grid{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:18px;align-items:start;}
@media (max-width:720px){.profile-screen .profile-grid{grid-template-columns:1fr;}}
.profile-panels{display:flex;flex-direction:column;gap:14px;}
.profile-block{background:rgba(10,18,32,.55);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px 16px;}
.profile-block h3{margin:0 0 10px;font-family:'Press Start 2P',monospace;font-size:11px;letter-spacing:.08em;color:#8bd;}
.profile-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.07);font-family:'DM Mono',monospace;font-size:13px;}
.profile-row:last-child{border-bottom:none;}
.profile-row span{color:#9ab;letter-spacing:.04em;}
.profile-row b{color:#eef;}
.profile-row b.ok{color:#7cf0b0;}
.wallet-addr{cursor:pointer;color:#5fd0ff!important;}
.wallet-addr.muted{color:#f0b37c!important;cursor:default;}
.profile-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-start;margin-top:2px;}
.profile-actions small{color:#8899aa;font-family:'DM Mono',monospace;font-size:11px;}
.profile-disconnect,.profile-reconnect{background:transparent;border:1px solid rgba(240,90,90,.5);color:#ff9a9a;border-radius:8px;padding:9px 16px;font-family:'Press Start 2P',monospace;font-size:10px;letter-spacing:.06em;cursor:pointer;}
.profile-disconnect.confirm{background:rgba(240,90,90,.2);border-color:#ff6a6a;color:#fff;}
.profile-reconnect{border-color:rgba(95,208,255,.5);color:#5fd0ff;margin-top:8px;}
.profile-empty{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:34px 16px;}
.profile-emblem{font-size:40px;opacity:.7;}
.profile-ghost{background:transparent;border:1px solid rgba(255,255,255,.2);color:#cde;border-radius:8px;padding:8px 14px;font-family:'DM Mono',monospace;font-size:12px;cursor:pointer;}
.profile-row b.warn{color:#f0b37c;}
.profile-note{font-family:'DM Mono',monospace;font-size:11px;color:#9ab;line-height:1.5;margin:8px 0 4px;}
.title-wallet-status.idle{color:#f0b37c;border-color:rgba(240,150,90,.45);cursor:pointer;}
.onboarding-connected.settling{color:#8ea0c6;}
.game-header .main-nav{grid-template-columns:repeat(5,1fr)!important;}
.profile-claim-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 16px;padding:14px 18px;border-radius:12px;background:linear-gradient(90deg,rgba(217,255,131,.14),rgba(131,244,220,.1));border:1px solid rgba(217,255,131,.4);}
.profile-claim-banner b{font-family:'Press Start 2P',monospace;font-size:11px;color:#e9ffb0;display:block;margin-bottom:5px;}
.profile-claim-banner span{font-family:'DM Mono',monospace;font-size:12px;color:#c3d0e6;}
.profile-claim-banner .ranked-queue{margin:0;width:auto;flex:0 0 auto;padding-inline:20px;}
.wallet-dock{font-family:'Press Start 2P',monospace;font-size:9px;letter-spacing:.04em;line-height:1;padding:8px 12px;border-radius:8px;border:2px solid #3d4a68;background:#121b31;color:#cfe;cursor:pointer;white-space:nowrap;}
.wallet-dock.connect{background:#d94fa0;border-color:#ff7ac0;color:#12040c;}
.wallet-dock.live{border-color:rgba(50,220,150,.6);color:#7cf0b0;}
.wallet-dock.idle{border-color:rgba(240,170,90,.65);color:#f0b37c;}
.wallet-dock:hover{filter:brightness(1.12);}
.game-header .wallet .wallet-dock{margin-right:8px;}
.home-wallet-dock{position:absolute;top:14px;right:16px;z-index:6;}
@media (max-width:640px){.home-wallet-dock{top:10px;right:10px;}.wallet-dock{font-size:8px;padding:7px 9px;}}
@media (max-width:480px){
  .game-header .wallet span[aria-label$="candy"]{display:none;}
  .wallet-dock{font-size:7px;padding:6px 8px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}
@media (max-width:400px){.game-header .main-nav button>b{font-size:6px;letter-spacing:-.02em;}}
.profile-screen{max-height:100%;overflow-y:auto;overflow-x:hidden;padding-bottom:14px;}.online-lobby .leaderboard{min-height:0!important;overflow-y:auto!important;}
.wallet-dock.connecting{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2);color:#9ab;cursor:default;}
.global-loading{position:fixed;top:0;left:0;right:0;height:3px;z-index:10000;background:rgba(131,244,220,.15);overflow:hidden;}
.global-loading span{position:absolute;top:0;left:0;height:100%;width:40%;background:#83f4dc;animation:glbar 1s ease-in-out infinite;}
@keyframes glbar{0%{left:-40%}100%{left:100%}}
.queue-searching{display:flex;align-items:center;gap:12px;margin:8px 0;padding:12px 14px;border-radius:10px;background:rgba(131,244,220,.1);border:1px solid rgba(131,244,220,.35);}
.queue-spinner{width:22px;height:22px;flex:0 0 auto;border-radius:50%;border:3px solid rgba(131,244,220,.25);border-top-color:#83f4dc;animation:qspin .8s linear infinite;}
@keyframes qspin{to{transform:rotate(360deg)}}
.queue-searching-txt b{display:block;font-family:'Press Start 2P',monospace;font-size:10px;color:#83f4dc;}
.queue-searching-txt small{font-family:'DM Mono',monospace;font-size:12px;color:#b8c5dc;}
.starter-skip{display:block;margin:8px auto 0;background:transparent;border:1px solid rgba(255,255,255,.2);color:#9ab;border-radius:8px;padding:6px 12px;font-family:'DM Mono',monospace;font-size:11px;cursor:pointer;}
.battle-controls b.battle-result-msg{font-family:'DM Mono',monospace!important;font-size:13px!important;line-height:1.35!important;letter-spacing:0!important;font-weight:500;color:#eaf1ff;}
.name-edit-btn{background:transparent;border:none;color:#5fd0ff;cursor:pointer;font-size:14px;padding:0 4px;vertical-align:middle;}
.name-edit-btn:hover{color:#9be3ff;}
.name-edit{display:flex;flex-direction:column;gap:6px;align-items:center;margin:2px 0 4px;}
.name-edit input{width:min(220px,80%);background:#0e1526;border:1px solid #37507a;border-radius:8px;padding:8px 10px;color:#eaf1ff;font-family:'DM Mono',monospace;font-size:15px;text-align:center;}
.name-edit input:focus{outline:none;border-color:#5fd0ff;}
.name-edit-actions{display:flex;gap:8px;}
.name-save,.name-cancel{font-family:'Press Start 2P',monospace;font-size:9px;border-radius:8px;padding:7px 12px;cursor:pointer;}
.name-save{background:#37e0a0;color:#06110b;border:none;}
.name-cancel{background:transparent;border:1px solid rgba(255,255,255,.25);color:#9ab;}
.leave-panel .leave-copy{font-family:'DM Mono',monospace;font-size:13px;line-height:1.55;color:#cdd8ef;margin:2px 0 6px;}
.leave-panel .leave-copy b{color:#ffd34d;}
.leave-dontwarn{width:100%;}
.leave-actions{display:flex;gap:10px;margin-top:8px;}
.leave-actions .primary{flex:1;}
.leave-forfeit{flex:1;font-family:'Press Start 2P',monospace;font-size:9px;border-radius:10px;padding:12px 10px;cursor:pointer;background:#e0426b;color:#fff;border:none;line-height:1.4;}
.leave-forfeit:hover{background:#ff5a80;}
.locked-slot.craftable{cursor:pointer;border:1px dashed rgba(255,255,255,.28);background:transparent;color:inherit;}
.locked-slot.craftable:hover{border-color:var(--type,#5fd0ff);background:rgba(255,255,255,.05);}
.locked-slot.craftable.selected{border-style:solid;border-color:var(--type,#5fd0ff);box-shadow:0 0 0 2px rgba(95,208,255,.25);}
.locked-slot.craftable small{color:#8fe3b0;font-weight:700;}
.craft-detail .detail-identity small{color:#8fe3b0;}
.craft-button{background:#37e0a0!important;color:#06110b!important;border:none!important;}
.craft-button:disabled{background:#2a4a3c!important;color:#7a9a8a!important;}
.egg-burn-price{display:block;color:#c9a3ff;font-size:11px;margin-top:3px;}
.daily-open-btn{position:relative;font-family:'Press Start 2P',monospace;font-size:9px;letter-spacing:.04em;line-height:1;padding:8px 12px;border-radius:8px;border:2px solid #3d4a68;background:#121b31;color:#cfe;cursor:pointer;white-space:nowrap;}
.daily-open-btn>span{color:#7cf0b0;}
.daily-open-btn:hover{border-color:#83f4dc;background:#20344b;color:#f1fff8;}
.daily-open-btn.has-rewards{border-color:rgba(50,220,150,.6);color:#8ef0c0;}
.daily-badge{position:absolute;top:-4px;right:-4px;width:10px;height:10px;border-radius:50%;background:#37e0a0;box-shadow:0 0 8px #37e0a0;}
.daily-panel .daily-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0e1526;border:1px solid #26324a;border-radius:10px;padding:10px 12px;margin:6px 0;}
.daily-panel .daily-row.ready{border-color:#37e0a0;}
.daily-panel .daily-row.done{opacity:.55;}
.daily-panel .daily-row.bonus{background:#1a1330;border-color:#7a4fd0;}
.dq-info{display:flex;flex-direction:column;gap:2px;text-align:left;}
.dq-info b{font-family:'Press Start 2P',monospace;font-size:9px;color:#eaf1ff;}
.dq-info small{font-family:'DM Mono',monospace;font-size:12px;color:#9ab;}
.daily-claim-btn{font-family:'Press Start 2P',monospace;font-size:8px;background:#37e0a0;color:#06110b;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;}
.daily-claim-btn.egg-open{background:#5fd0ff;}
.settings-backdrop .settings-panel{max-height:calc(100vh - 40px);overflow-y:auto;}
@media (max-width:640px){.settings-backdrop .settings-panel{max-height:calc(100vh - 16px);}}
.daily-claim-btn:disabled{opacity:.5;cursor:default;}
.dq-badge{font-family:'Press Start 2P',monospace;font-size:11px;color:#37e0a0;min-width:24px;text-align:center;}
.dq-badge.locked{color:#667;}
.dq-prog{display:block;width:70px;height:8px;background:#26324a;border-radius:4px;overflow:hidden;}
.dq-prog i{display:block;height:100%;background:#5fd0ff;}
.daily-quests-head{font-family:'Press Start 2P',monospace;font-size:8px;color:#8aa;margin:12px 0 4px;letter-spacing:1px;}
.egg-faucet{margin-top:6px;width:100%;font:inherit;font-size:11px;letter-spacing:.06em;padding:6px 8px;background:#2b2433;color:#c9a3ff;border:1px dashed #8a6bb5;cursor:pointer}
.egg-faucet:hover{background:#4a3551;color:#fff}