:root{color-scheme:dark;--ink:#fbfbff;--muted:#aaaac3;--bg:#070616;--panel:rgba(14,12,39,.96);--border:rgba(255,255,255,.14);--purple:#9c61ff;--cyan:#48eeff;--lime:#baff4e;--gold:#ffd552;--danger:#ff6178;font-family:Inter,ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 50% -5%,#251b66 0,var(--bg) 45rem);color:var(--ink)}button,input,select{font:inherit}button{color:inherit}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{height:4.25rem;padding:0 clamp(1rem,4vw,3rem);display:flex;align-items:center;gap:2rem;position:sticky;top:0;z-index:60;background:rgba(7,6,22,.94);border-bottom:1px solid var(--border);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-size:1.25rem;font-weight:950;letter-spacing:-.045em}.brand>span:last-child span{color:var(--lime)}.brand-icon{width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:.8rem;background:linear-gradient(145deg,var(--purple),#6530d3);box-shadow:0 0 24px rgba(156,97,255,.45);transform:rotate(-5deg)}.site-header nav{display:flex;gap:1.4rem;margin-right:auto}.site-header nav a{text-decoration:none;color:#c9c8d8;font-size:.8rem;font-weight:800}.site-header nav a:hover{color:white}.header-actions{display:flex;align-items:center;gap:.7rem}.save-state{display:flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.72rem}.save-state i{width:.45rem;height:.45rem;border-radius:50%;background:#57ef8e;box-shadow:0 0 10px #57ef8e}.icon-button{width:2.55rem;height:2.55rem;border:1px solid var(--border);border-radius:.75rem;background:rgba(255,255,255,.07);cursor:pointer}.game-frame{height:calc(100svh - 4.25rem);min-height:39rem;max-height:58rem;position:relative;isolation:isolate;overflow:hidden;background:#111033}.game-frame:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(5,5,20,.2),transparent 35%,rgba(5,4,19,.3) 70%,rgba(5,4,19,.88))}.game-loading{position:absolute;z-index:50;inset:0;display:grid;place-content:center;gap:.6rem;text-align:center;background:#0a0823;transition:opacity .3s}.game-loading.done{opacity:0;pointer-events:none}.loader-egg{font-size:3rem;animation:bob 1s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-.65rem) rotate(5deg)}}#worldCanvas{position:absolute;inset:0;width:100%;height:100%;outline:0;touch-action:none}.hud{position:absolute;z-index:5;top:1rem;display:flex;gap:.55rem;align-items:flex-start}.hud-left{left:1rem}.hud-right{right:1rem}.resource{min-width:12.5rem;display:flex;align-items:center;gap:.65rem;padding:.58rem .72rem;border:1px solid rgba(255,255,255,.22);border-radius:1rem;background:rgba(10,8,35,.86);box-shadow:inset 0 1px rgba(255,255,255,.15),0 12px 30px rgba(4,2,18,.28);backdrop-filter:blur(12px)}.resource>span{width:2.7rem;height:2.7rem;display:grid;place-items:center;border-radius:.8rem;font-size:1.35rem}.resource.purple>span{background:linear-gradient(145deg,var(--purple),#5a2bd2)}.resource.gold>span{background:linear-gradient(145deg,#ffe266,#ee952e)}.resource small,.resource strong,.resource em{display:block}.resource small{font-size:.62rem;letter-spacing:.1em;font-weight:900;color:#d5d3e4}.resource strong{font-size:1.05rem;font-variant-numeric:tabular-nums}.resource em{font-style:normal;color:#79ffc0;font-size:.65rem;font-weight:800}.resource-mini{min-width:8rem;padding:.55rem .7rem;border:1px solid var(--border);border-radius:.8rem;background:rgba(10,8,35,.82);display:flex;justify-content:space-between;gap:.5rem;font-size:.7rem}.resource-mini span{color:#c5c3d6}.sound-button{background:rgba(10,8,35,.86);backdrop-filter:blur(12px)}.zone-objective{position:absolute;z-index:5;top:1rem;left:50%;transform:translateX(-50%);display:flex;align-items:stretch;background:rgba(10,8,35,.88);border:1px solid var(--border);border-radius:1rem;overflow:hidden;backdrop-filter:blur(12px);box-shadow:0 12px 30px rgba(4,2,18,.28)}.zone-label{padding:.62rem .85rem;min-width:9rem}.zone-label small{display:block;color:var(--muted);font-size:.56rem;font-weight:900;letter-spacing:.1em}.zone-label strong{display:block}.zone-label span{color:var(--cyan);font-size:.63rem;font-weight:800}.gate-goal{min-width:13rem;padding:.62rem .85rem;border-left:1px solid var(--border);font-size:.7rem}.gate-goal b{display:block;margin:.14rem 0 .28rem;text-align:right;color:#dedcf0;font-size:.65rem}.meter{height:.35rem;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}.meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--purple),var(--cyan));border-radius:inherit;transition:width .25s}.tutorial{position:absolute;z-index:5;top:5.7rem;left:1rem;width:15rem;padding:.8rem;border:1px solid rgba(72,238,255,.35);border-radius:1rem;background:rgba(11,9,37,.9);box-shadow:0 12px 30px rgba(4,2,18,.28);backdrop-filter:blur(12px)}.tutorial.hidden{display:none}.tutorial>div:first-child{display:flex;justify-content:space-between;align-items:center}.tutorial small{color:var(--cyan);font-size:.6rem;letter-spacing:.1em;font-weight:900}.tutorial button{border:0;background:transparent;color:var(--muted);font-size:.67rem;cursor:pointer}.tutorial strong{display:block;margin:.45rem 0;font-size:.8rem}.tutorial-dots{display:flex;gap:.3rem}.tutorial-dots i{width:1.2rem;height:.25rem;background:rgba(255,255,255,.16);border-radius:99px}.tutorial-dots i.active{background:var(--lime)}.context-action{position:absolute;z-index:8;left:50%;bottom:7.2rem;transform:translateX(-50%);text-align:center;opacity:0;pointer-events:none;transition:.18s}.context-action.show{opacity:1;pointer-events:auto}.context-action span{display:block;margin-bottom:.35rem;font-size:.7rem;font-weight:900;text-shadow:0 2px 10px #000}.context-action button{border:2px solid rgba(255,255,255,.75);border-radius:.85rem;padding:.7rem 1rem;background:linear-gradient(145deg,var(--lime),#77d829);color:#102500;font-weight:950;box-shadow:0 8px 25px rgba(78,200,40,.35);cursor:pointer}.context-action kbd{background:rgba(0,0,0,.18);border-color:rgba(0,0,0,.25)}.active-gain{position:absolute;z-index:8;left:50%;top:45%;transform:translate(-50%,-50%);font-size:1.6rem;font-weight:950;color:var(--lime);text-shadow:0 3px 12px #174000;pointer-events:none;opacity:0}.active-gain.pop{animation:gainPop .7s ease-out}@keyframes gainPop{0%{opacity:1;transform:translate(-50%,0) scale(.8)}100%{opacity:0;transform:translate(-50%,-5rem) scale(1.25)}}.world-controls{display:none;position:absolute;z-index:7;left:.8rem;bottom:7rem;gap:.45rem}.world-controls button{width:3.2rem;height:3.2rem;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(10,8,35,.72);font-size:1.1rem;backdrop-filter:blur(10px);touch-action:none}.control-hint{position:absolute;z-index:5;left:50%;bottom:6.6rem;transform:translateX(-50%);margin:0;color:white;font-size:.66rem;font-weight:800;text-shadow:0 2px 9px #000}.control-hint kbd{margin-right:.2rem}.zone-rail{position:absolute;z-index:5;right:1rem;top:5.6rem;display:grid;gap:.4rem}.zone-rail button{width:2.9rem;height:2.9rem;border:1px solid var(--border);border-radius:.8rem;background:rgba(10,8,35,.76);cursor:pointer;font-size:1.1rem;backdrop-filter:blur(10px)}.zone-rail button.active{border-color:var(--cyan);box-shadow:0 0 16px rgba(72,238,255,.35)}.zone-rail button:disabled{filter:grayscale(1);opacity:.45;cursor:not-allowed}.action-dock{position:absolute;z-index:9;bottom:.8rem;left:50%;transform:translateX(-50%);width:min(48rem,calc(100% - 2rem));display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.action-dock button{min-width:0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.45rem;align-items:center;padding:.62rem .5rem;border:1px solid var(--border);border-radius:.9rem;background:rgba(10,8,35,.9);text-align:left;cursor:pointer;backdrop-filter:blur(12px);box-shadow:0 8px 25px rgba(3,2,15,.3)}.action-dock button:hover{transform:translateY(-2px);border-color:rgba(72,238,255,.6)}.action-dock button>span{grid-row:span 2;font-size:1.45rem}.action-dock b{font-size:.76rem}.action-dock small{overflow:hidden;color:var(--muted);font-size:.59rem;white-space:nowrap;text-overflow:ellipsis}.game-panel,.settings-panel{position:fixed;z-index:80;top:4.25rem;right:0;bottom:0;width:min(29rem,100%);padding:1.4rem;background:var(--panel);border-left:1px solid var(--border);box-shadow:-25px 0 60px rgba(2,1,10,.48);transform:translateX(102%);transition:transform .28s cubic-bezier(.2,.8,.2,1);overflow-y:auto}.game-panel.open,.settings-panel.open{transform:none}.game-panel header,.settings-panel header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.game-panel header small,.settings-panel header small{color:var(--cyan);font-size:.64rem;letter-spacing:.12em;font-weight:950}.game-panel h2,.settings-panel h2{margin:.18rem 0 0;font-size:1.45rem}.game-panel header button,.settings-panel header button{width:2.5rem;height:2.5rem;border:1px solid var(--border);border-radius:.75rem;background:rgba(255,255,255,.06);font-size:1.5rem;cursor:pointer}.panel-handle{display:none}.modal-backdrop{position:fixed;z-index:70;inset:0;background:rgba(3,2,14,.64);opacity:0;pointer-events:none;transition:.2s}.modal-backdrop.show{opacity:1;pointer-events:auto}.item-card{display:grid;grid-template-columns:3.6rem 1fr auto;gap:.7rem;align-items:center;padding:.8rem;margin-bottom:.62rem;border:1px solid var(--border);border-radius:1rem;background:rgba(255,255,255,.045)}.item-icon{width:3.6rem;height:3.6rem;display:grid;place-items:center;border-radius:.85rem;background:linear-gradient(145deg,rgba(156,97,255,.45),rgba(72,238,255,.22));font-size:1.8rem}.item-card h3{margin:0 0 .18rem;font-size:.87rem}.item-card p{margin:0;color:var(--muted);font-size:.68rem;line-height:1.45}.item-card button,.panel-action{border:0;border-radius:.7rem;padding:.62rem .7rem;background:linear-gradient(135deg,var(--purple),#633ce0);font-size:.69rem;font-weight:900;cursor:pointer}.item-card button:disabled,.panel-action:disabled{opacity:.38;filter:grayscale(1);cursor:not-allowed}.rarity{display:inline-block;margin-top:.2rem;font-size:.59rem;font-weight:950}.rarity.common{color:#d6d6e1}.rarity.rare{color:#63cbff}.rarity.epic{color:#e58cff}.panel-note{color:var(--muted);font-size:.75rem;line-height:1.55}.panel-toolbar{display:flex;gap:.5rem;margin-bottom:.8rem}.panel-toolbar button{flex:1}.egg-stage{text-align:center;padding:1rem;margin-bottom:.8rem;border:1px solid var(--border);border-radius:1.1rem;background:radial-gradient(circle,rgba(156,97,255,.2),transparent 68%)}.egg-stage .egg{font-size:4rem;display:block}.egg-stage h3{margin:.4rem 0}.odds{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin:.7rem 0}.odds span{padding:.45rem .2rem;border-radius:.55rem;background:rgba(255,255,255,.06);font-size:.62rem}.panel-action{width:100%;padding:.85rem}.daily-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem}.daily-day{padding:.6rem .2rem;border:1px solid var(--border);border-radius:.7rem;text-align:center;background:rgba(255,255,255,.04)}.daily-day.current{border-color:var(--gold);background:rgba(255,213,82,.11)}.daily-day.claimed{opacity:.45}.daily-day small,.daily-day b{display:block;font-size:.56rem}.daily-day span{display:block;margin:.25rem 0;font-size:1.2rem}.rebirth-box{padding:1.2rem;border:1px solid rgba(72,238,255,.28);border-radius:1.1rem;background:linear-gradient(145deg,rgba(72,238,255,.09),rgba(156,97,255,.12))}.rebirth-box h3{margin:.2rem 0 .5rem}.reset-list{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:.9rem 0}.reset-list div{padding:.7rem;border-radius:.75rem;background:rgba(255,255,255,.05)}.reset-list b{display:block;margin-bottom:.25rem;font-size:.7rem}.reset-list span{display:block;color:var(--muted);font-size:.64rem;line-height:1.5}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border)}.setting-row span b,.setting-row span small{display:block}.setting-row span small{margin-top:.25rem;color:var(--muted);font-size:.68rem}.setting-row input{width:1.2rem;height:1.2rem}.setting-row select{padding:.5rem;border:1px solid var(--border);border-radius:.55rem;background:#171337}.save-tools{display:grid;gap:.5rem;margin-top:1rem}.save-tools button{padding:.7rem;border:1px solid var(--border);border-radius:.7rem;background:rgba(255,255,255,.07);font-weight:800;cursor:pointer}.save-tools .danger{color:#ff9aa9;border-color:rgba(255,97,120,.38)}.settings-note{color:var(--muted);font-size:.7rem;line-height:1.5}.toast{position:fixed;z-index:100;left:50%;bottom:1.3rem;transform:translate(-50%,1rem);padding:.7rem 1rem;border:1px solid var(--border);border-radius:99px;background:#17123e;box-shadow:0 14px 38px #03020c;opacity:0;pointer-events:none;transition:.2s;font-size:.76rem;font-weight:850}.toast.show{opacity:1;transform:translate(-50%,0)}kbd{padding:.12rem .35rem;border:1px solid rgba(255,255,255,.36);border-bottom-width:2px;border-radius:.32rem;background:rgba(0,0,0,.3)}.landing-copy,.guide-section,.faq-section{max-width:70rem;margin:0 auto;padding:5rem clamp(1.25rem,5vw,3rem)}.eyebrow{margin:0;color:var(--cyan);font-weight:950;letter-spacing:.12em;font-size:.7rem}.landing-copy h2,.guide-section h2,.faq-section h2{margin:.55rem 0 1rem;font-size:clamp(2.2rem,5vw,4.3rem);line-height:1;letter-spacing:-.06em}.lede{max-width:48rem;color:#cecdde;font-size:1.05rem;line-height:1.75}.disclosure{display:inline-block;padding:.45rem .7rem;border:1px solid var(--border);border-radius:99px;color:var(--muted);font-size:.7rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.6rem}.steps article,.zone-guide article{padding:1.3rem;border:1px solid var(--border);border-radius:1.1rem;background:rgba(255,255,255,.035)}.steps span{color:var(--purple);font-weight:950}.steps h3{margin:.55rem 0 .35rem}.steps p,.zone-guide p,.faq-section p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.65}.guide-section{padding-top:1rem}.guide-section>div:first-child{max-width:46rem}.zone-guide{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem;margin-top:2rem}.zone-guide article{padding:1rem}.zone-guide .zone-emoji{font-size:1.7rem}.zone-guide h3{margin:.5rem 0 .3rem;font-size:.85rem}.faq-section{padding-top:1rem}.faq-section h2{font-size:2.4rem}.faq-section details{padding:1rem 0;border-top:1px solid var(--border)}.faq-section summary{font-weight:850;cursor:pointer}.faq-section details p{margin-top:.6rem;max-width:48rem}
.gate-goal{cursor:pointer;transition:background .18s}.gate-goal:hover,.gate-goal:focus-visible{background:rgba(72,238,255,.1);outline:2px solid rgba(72,238,255,.65);outline-offset:-2px}.panel-section-title{margin:1.35rem 0 .65rem;font-size:.95rem}.quest-list{display:grid;gap:.55rem}.quest-card{display:grid;grid-template-columns:2.4rem 1fr auto;align-items:center;gap:.65rem;padding:.7rem;border:1px solid var(--border);border-radius:.8rem;background:rgba(255,255,255,.04)}.quest-card.ready{border-color:rgba(186,255,78,.45)}.quest-card>span{font-size:1.35rem;text-align:center}.quest-card b,.quest-card small,.quest-card em{display:block}.quest-card small{margin:.12rem 0;color:var(--muted);font-size:.64rem}.quest-card em{margin-top:.2rem;color:#d8d6e8;font-size:.6rem;font-style:normal}.quest-card button,.auto-hatch,.pet-actions button{border:1px solid var(--border);border-radius:.55rem;padding:.5rem .6rem;background:rgba(156,97,255,.28);font-size:.62rem;font-weight:900;cursor:pointer}.quest-card button:disabled,.pet-actions button:disabled{opacity:.4;cursor:not-allowed}.quest-meter{height:.27rem;margin-top:.35rem;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}.quest-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),var(--lime))}.hatch-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.hatch-actions small{font-size:.58rem;color:#ece8ff}.auto-hatch{width:100%;margin-top:.55rem;padding:.7rem;background:rgba(255,255,255,.06)}.auto-hatch.active{border-color:var(--lime);background:rgba(186,255,78,.14);color:var(--lime)}.pet-card{grid-template-columns:3.6rem 1fr minmax(4.8rem,auto)}.pet-card.shiny{border-color:rgba(255,231,97,.6);box-shadow:inset 0 0 24px rgba(255,213,82,.08)}.pet-actions{display:grid;gap:.25rem}.pet-actions .release{color:#ff9aa9;background:rgba(255,97,120,.08)}.record-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem}.record-grid div{padding:.8rem;border:1px solid var(--border);border-radius:.75rem;background:rgba(255,255,255,.04)}.record-grid b,.record-grid span{display:block}.record-grid b{font-size:1rem}.record-grid span{margin-top:.2rem;color:var(--muted);font-size:.62rem}
@media(max-width:900px){.site-header nav{display:none}.zone-objective{top:4.7rem}.tutorial{top:9.1rem}.zone-rail{top:9.1rem}.resource{min-width:10rem}.control-hint{display:none}.world-controls{display:flex}.zone-guide{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.site-header{height:3.75rem;padding:0 .75rem}.brand{font-size:1.05rem}.brand-icon{width:2.1rem;height:2.1rem}.save-state{display:none}.game-frame{height:calc(100svh - 3.75rem);min-height:38rem}.hud{top:.55rem}.hud-left{left:.55rem}.hud-right{right:.55rem}.resource{min-width:0;width:8.2rem;padding:.42rem;gap:.4rem;border-radius:.78rem}.resource>span{width:2rem;height:2rem;border-radius:.58rem;font-size:1rem}.resource small{font-size:.48rem}.resource strong{font-size:.78rem}.resource em{font-size:.5rem}.resource-mini{display:none}.sound-button{width:2.3rem;height:2.3rem}.zone-objective{top:4.2rem;width:calc(100% - 1rem);border-radius:.8rem}.zone-label{min-width:7.6rem;padding:.48rem .6rem}.zone-label strong{font-size:.82rem}.gate-goal{min-width:0;flex:1;padding:.48rem .6rem}.tutorial{top:7.9rem;left:.55rem;width:12.8rem;padding:.62rem}.tutorial strong{font-size:.69rem}.zone-rail{top:7.9rem;right:.55rem}.zone-rail button{width:2.5rem;height:2.5rem}.context-action{bottom:6.6rem}.world-controls{bottom:6.2rem}.action-dock{bottom:.45rem;width:calc(100% - .7rem);gap:.25rem}.action-dock button{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;place-items:center;padding:.45rem .1rem;text-align:center;border-radius:.72rem}.action-dock button>span{grid-row:auto;font-size:1.2rem}.action-dock b{font-size:.58rem}.action-dock small{display:none}.game-panel,.settings-panel{top:auto;left:0;width:100%;height:min(72svh,38rem);border-left:0;border-top:1px solid var(--border);border-radius:1.2rem 1.2rem 0 0;transform:translateY(102%);padding:1rem}.game-panel.open,.settings-panel.open{transform:none}.panel-handle{display:block;width:2.5rem;height:.23rem;margin:-.25rem auto .7rem;border-radius:99px;background:rgba(255,255,255,.25)}.item-card{grid-template-columns:3rem 1fr auto;padding:.65rem;gap:.55rem}.item-icon{width:3rem;height:3rem}.item-card button{padding:.55rem;font-size:.62rem}.daily-grid{grid-template-columns:repeat(4,1fr)}.steps,.zone-guide{grid-template-columns:1fr}.landing-copy,.guide-section,.faq-section{padding:3.5rem 1.2rem}.landing-copy h2,.guide-section h2{font-size:2.55rem}}
.game-frame{isolation:auto}.game-frame:after{z-index:1}#worldCanvas{z-index:0}.game-panel,.settings-panel{z-index:90}.modal-backdrop{z-index:80}.server-pill{position:absolute;z-index:6;right:1rem;bottom:6.5rem;padding:.45rem .7rem;border:1px solid rgba(100,255,175,.35);border-radius:99px;background:rgba(10,8,35,.82);font-size:.66rem;font-weight:850;backdrop-filter:blur(10px)}.server-pill i{display:inline-block;width:.45rem;height:.45rem;margin-right:.3rem;border-radius:50%;background:#62f49b;box-shadow:0 0 10px #62f49b}.world-controls{grid-template-columns:repeat(3,3rem);grid-template-rows:repeat(2,3rem);gap:.2rem}.world-controls button{width:3rem;height:3rem}.world-controls #moveUp{grid-column:2;grid-row:1}.world-controls #moveLeft{grid-column:1;grid-row:2}.world-controls #moveDown{grid-column:2;grid-row:2}.world-controls #moveRight{grid-column:3;grid-row:2}@media(max-width:900px){.world-controls{display:grid}}@media(max-width:620px){.server-pill{right:.55rem;bottom:6.3rem;font-size:.58rem}.world-controls{grid-template-columns:repeat(3,2.65rem);grid-template-rows:repeat(2,2.65rem)}.world-controls button{width:2.65rem;height:2.65rem}}
@media(max-width:620px){.server-pill{bottom:10.5rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Progression expansion: six-menu dock, animal growth, and base economy. */
.action-dock{width:min(58rem,calc(100% - 2rem));grid-template-columns:repeat(6,1fr)}
.pet-portrait{position:relative;color:var(--pet)!important;background:radial-gradient(circle at 40% 30%,#fff 0 5%,var(--pet) 7%,rgba(156,97,255,.2) 67%);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--pet),white 20%),0 0 18px color-mix(in srgb,var(--pet),transparent 62%)}
.pet-portrait.rare{clip-path:polygon(50% 0,100% 24%,91% 84%,50% 100%,9% 84%,0 24%)}.pet-portrait.epic{animation:petGlow 1.7s ease-in-out infinite alternate}.pet-portrait small{position:absolute;right:-.25rem;bottom:-.25rem;padding:.14rem .3rem;border-radius:.4rem;background:#0e0c27;color:#fff;font-size:.55rem}
@keyframes petGlow{to{filter:brightness(1.35);box-shadow:0 0 28px var(--pet)}}
.pet-xp{height:.32rem;margin:.38rem 0 .22rem;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}.pet-xp i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--lime))}.base-summary{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.65rem}.base-summary>div{padding:1rem;border:1px solid rgba(186,255,78,.28);border-radius:1rem;background:linear-gradient(145deg,rgba(186,255,78,.09),rgba(72,238,255,.08))}.base-summary small,.base-summary strong,.base-summary span{display:block}.base-summary small{color:var(--lime);font-size:.57rem;font-weight:950;letter-spacing:.12em}.base-summary strong{margin:.3rem 0;font-size:1.15rem}.base-summary span{color:var(--muted);font-size:.65rem}.vault-claim{margin-bottom:.8rem;background:linear-gradient(135deg,#f3b82f,#d97a22);color:#241300}.base-upgrade{border-color:rgba(186,255,78,.28)}
@media(max-width:620px){.action-dock{width:calc(100% - .7rem);grid-template-columns:repeat(6,1fr)}.base-summary{grid-template-columns:1fr}.pet-card{grid-template-columns:3rem 1fr}.pet-card .pet-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr)}.pet-card .pet-actions button{padding:.45rem .2rem}.action-dock b{font-size:.52rem}}
.rarity.uncommon{color:#8dff9e}.rarity.mythic{color:#ffe567;text-shadow:0 0 10px #ff9d2e}.odds.five{grid-template-columns:repeat(2,1fr)}.odds.five span:last-child{grid-column:1/-1;border:1px solid rgba(255,229,103,.35);background:linear-gradient(135deg,rgba(255,180,45,.16),rgba(211,87,255,.13))}.journey-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin:.7rem 0}.journey-steps span{padding:.6rem .3rem;border:1px solid var(--border);border-radius:.7rem;background:rgba(255,255,255,.04);color:var(--muted);font-size:.62rem;text-align:center}.journey-steps b{display:grid;place-items:center;width:1.35rem;height:1.35rem;margin:0 auto .3rem;border-radius:50%;background:linear-gradient(135deg,var(--purple),#6e3ae5);color:#fff}.egg-stage .egg.carrying{filter:drop-shadow(0 0 18px var(--gold));animation:bob .8s ease-in-out infinite}
@media(max-width:620px){.journey-steps{grid-template-columns:1fr}.odds.five{grid-template-columns:1fr}.odds.five span:last-child{grid-column:auto}}
.money-rate{color:#79ff8b;font-weight:950;text-shadow:0 0 9px rgba(121,255,139,.3)}
.raid-hud{display:none;position:absolute;z-index:7;top:5.8rem;left:50%;width:min(25rem,calc(100% - 2rem));transform:translateX(-50%);padding:.8rem 1rem;border:1px solid rgba(255,92,92,.42);border-radius:1rem;background:rgba(22,7,21,.9);box-shadow:0 12px 35px rgba(50,0,12,.32);backdrop-filter:blur(12px)}.raid-hud.show{display:block}.raid-hud>div:first-child{display:flex;justify-content:space-between}.raid-hud small{color:#ffcc68;font-weight:950;letter-spacing:.1em}.raid-hud b{color:#a9ffb4;font-size:.72rem}.raid-hud>span{display:block;margin-top:.35rem;color:#d8cbd7;font-size:.62rem;text-align:center}.raid-meter{height:.55rem;margin-top:.45rem;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}.raid-meter i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffe369,#ff8a45,#ff3f62);transition:width .12s}.raid-hud.danger{animation:raidDanger .45s ease-in-out infinite alternate;border-color:#ff3f62}@keyframes raidDanger{to{box-shadow:0 0 32px rgba(255,35,74,.65)}}
@media(max-width:620px){.raid-hud{top:7.8rem;padding:.6rem .75rem}.raid-hud>span{display:none}}
.raid-mode .action-dock,.raid-mode .zone-rail{opacity:.4;pointer-events:none}.raid-mode .zone-objective{border-color:rgba(255,74,94,.5)}
/* Pet character art, lore, and three-stage visual evolution. */
.game-panel{width:min(40rem,100%)}
.pet-card{grid-template-columns:7.2rem 1fr minmax(5rem,auto);align-items:start;padding:1rem;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025))}
.pet-portrait{position:relative;width:7.2rem;height:7.2rem;display:block;overflow:hidden;isolation:isolate;border:2px solid color-mix(in srgb,var(--pet),white 20%);border-radius:1.05rem!important;clip-path:none!important;background:#11102d;box-shadow:0 0 22px color-mix(in srgb,var(--pet),transparent 65%),inset 0 0 0 1px rgba(255,255,255,.14)}
.pet-art{position:absolute;z-index:0;inset:0;background-image:var(--portrait);background-size:var(--portrait-size);background-position:var(--portrait-x) var(--portrait-y);background-repeat:no-repeat;transform:scale(1.01);transition:transform .28s,filter .28s}
.pet-card:hover .pet-art,.codex-card:hover .pet-art{transform:scale(1.08)}
.pet-portrait:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(7,6,22,.82));pointer-events:none}
.pet-portrait small{position:absolute;z-index:3;right:.35rem;top:.35rem;bottom:auto;padding:.2rem .38rem;border:1px solid rgba(255,255,255,.18);border-radius:.45rem;background:rgba(8,7,28,.88);color:#fff;font-size:.56rem;box-shadow:0 5px 12px rgba(0,0,0,.24)}
.pet-portrait em{position:absolute;z-index:3;left:.45rem;bottom:.35rem;color:#fff;font-size:.53rem;font-style:normal;font-weight:950;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 7px #000}
.pet-portrait.evolution-1{border-color:#67f7da;box-shadow:0 0 25px rgba(103,247,218,.3)}
.pet-portrait.evolution-2{border-color:#ffe16b;box-shadow:0 0 30px rgba(255,190,54,.38)}
.pet-portrait.portrait-shiny:before{content:"✦";position:absolute;z-index:4;left:.4rem;top:.28rem;color:#fff2a2;font-size:1rem;text-shadow:0 0 9px #ffb72c}
.pet-copy{min-width:0}.pet-title-row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.pet-title-row h3{font-size:1.02rem}.pet-title-row>span{padding:.18rem .38rem;border-radius:99px;background:rgba(72,238,255,.1);color:#92efff;font-size:.53rem;font-weight:900;letter-spacing:.05em}.pet-card .pet-bio{margin:.32rem 0 .5rem;color:#d6d3e7;font-size:.67rem;line-height:1.5}.pet-card .pet-actions{padding-top:.05rem}
.evolution-guide{display:flex;align-items:center;justify-content:center;gap:.45rem;flex-wrap:wrap;margin:0 0 .8rem;padding:.65rem;border:1px solid rgba(72,238,255,.25);border-radius:.8rem;background:linear-gradient(90deg,rgba(72,238,255,.07),rgba(156,97,255,.1));font-size:.61rem}.evolution-guide b{color:var(--cyan);letter-spacing:.07em;text-transform:uppercase}.evolution-guide span{padding:.25rem .4rem;border-radius:.4rem;background:rgba(255,255,255,.07)}.evolution-guide i{color:var(--lime);font-style:normal}
.pet-codex{margin-top:1rem;border:1px solid var(--border);border-radius:1rem;background:rgba(255,255,255,.025);overflow:hidden}.pet-codex>summary{padding:1rem;cursor:pointer;font-size:.78rem;font-weight:950;color:#fff}.pet-codex[open]>summary{border-bottom:1px solid var(--border);color:var(--cyan)}.codex-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;padding:.7rem}.codex-card{display:grid;grid-template-columns:4.7rem 1fr;gap:.62rem;align-items:center;min-width:0;padding:.55rem;border:1px solid rgba(255,255,255,.1);border-radius:.8rem;background:rgba(255,255,255,.035)}.codex-card .pet-portrait{width:4.7rem;height:4.7rem;border-radius:.72rem!important}.codex-card .pet-portrait em{left:.28rem;bottom:.22rem;font-size:.43rem}.codex-card b,.codex-card span{display:block}.codex-card b{font-size:.7rem}.codex-card span{margin:.13rem 0;color:var(--cyan);font-size:.48rem;font-weight:900}.codex-card p{margin:0;color:var(--muted);font-size:.52rem;line-height:1.35}.codex-card.locked .pet-art{filter:grayscale(1) brightness(.24)}.codex-card.locked .pet-portrait em{display:none}.codex-card.discovered{border-color:color-mix(in srgb,var(--pet),transparent 65%)}
@media(max-width:620px){.pet-card{grid-template-columns:5.3rem 1fr;padding:.7rem}.pet-card .pet-portrait{width:5.3rem;height:5.3rem}.pet-card .pet-actions{grid-column:1/-1}.pet-title-row>span{display:none}.pet-card .pet-bio{font-size:.61rem}.codex-grid{grid-template-columns:1fr}.evolution-guide{gap:.3rem}.evolution-guide b{width:100%;text-align:center}}

/* Publish-ready game page shell */
.skip-link{position:fixed;z-index:200;left:1rem;top:-5rem;padding:.7rem 1rem;border-radius:.6rem;background:var(--lime);color:#102500;font-weight:900;text-decoration:none}.skip-link:focus{top:1rem}.game-hero{max-width:76rem;margin:0 auto;padding:clamp(2rem,5vw,4.5rem) clamp(1.25rem,5vw,3rem) 2rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end}.game-hero h1{max-width:58rem;margin:.55rem 0 .8rem;font-size:clamp(2.5rem,6vw,5.6rem);line-height:.92;letter-spacing:-.065em}.game-hero>div:first-child>p:last-child{max-width:48rem;margin:0;color:#cfcee0;font-size:1.02rem;line-height:1.7}.hero-actions{display:flex;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}.primary-cta,.secondary-cta{border:1px solid var(--border);border-radius:.8rem;padding:.9rem 1.2rem;font-weight:950;cursor:pointer}.primary-cta{border-color:transparent;background:linear-gradient(135deg,var(--lime),#72dc42);color:#132600;box-shadow:0 10px 28px rgba(133,235,61,.22)}.secondary-cta{background:rgba(255,255,255,.07)}.primary-cta:hover,.secondary-cta:hover,.community-bar button:hover,.feedback-section button:hover{transform:translateY(-2px)}.game-frame{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.game-frame:fullscreen{width:100vw;height:100vh;max-height:none;border:0}.community-bar{max-width:76rem;margin:1rem auto 0;padding:1rem clamp(1.25rem,5vw,3rem);display:flex;align-items:center;gap:.7rem}.play-count{margin-right:auto}.play-count small,.play-count strong{display:block}.play-count small{color:var(--muted);font-size:.58rem;font-weight:900;letter-spacing:.1em}.play-count strong{font-size:1.45rem}.vote-group{display:flex;padding:.25rem;border:1px solid var(--border);border-radius:.75rem;background:rgba(255,255,255,.035)}.vote-group button,.community-action{border:0;border-radius:.55rem;padding:.65rem .85rem;background:transparent;cursor:pointer;font-size:.75rem;font-weight:900}.vote-group button[aria-pressed=true]{background:rgba(156,97,255,.28);color:#fff}.community-action{border:1px solid var(--border);background:rgba(255,255,255,.055)}.media-section,.leaderboard-section,.update-section,.related-section,.feedback-section{max-width:70rem;margin:0 auto;padding:4.5rem clamp(1.25rem,5vw,3rem)}.media-section{display:grid;grid-template-columns:minmax(16rem,.65fr) minmax(22rem,1.35fr);gap:2rem;align-items:center}.media-section h2,.leaderboard-section h2,.update-section h2,.related-section h2,.feedback-section h2{margin:.55rem 0 1rem;font-size:clamp(2rem,4vw,3.7rem);line-height:1;letter-spacing:-.055em}.media-section p,.section-heading>p,.feedback-section>div>p{color:var(--muted);line-height:1.7}.media-section img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:1.2rem;box-shadow:0 28px 70px rgba(1,0,10,.38)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}.section-heading>p{max-width:27rem;margin:0}.leaderboard-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:1rem;background:rgba(255,255,255,.035)}.leaderboard-wrap table{width:100%;border-collapse:collapse;min-width:34rem}.leaderboard-wrap th,.leaderboard-wrap td{padding:.9rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.leaderboard-wrap th{color:var(--muted);font-size:.62rem;letter-spacing:.1em}.leaderboard-wrap td{font-size:.82rem}.leaderboard-wrap tr:last-child td{border-bottom:0}.leaderboard-wrap tr.is-player{background:linear-gradient(90deg,rgba(156,97,255,.2),rgba(72,238,255,.08))}.leaderboard-wrap td:first-child{font-weight:950;color:var(--gold)}.update-section{display:grid;grid-template-columns:12rem 1fr;gap:2rem}.update-badge{min-height:11rem;padding:1.2rem;border:1px solid rgba(186,255,78,.32);border-radius:1.1rem;background:linear-gradient(145deg,rgba(186,255,78,.12),rgba(72,238,255,.06));display:flex;flex-direction:column;justify-content:center}.update-badge span{color:var(--lime);font-size:.62rem;font-weight:950;letter-spacing:.14em}.update-badge strong{font-size:2.8rem}.update-badge time{color:var(--muted);font-size:.67rem}.update-section article ul{padding-left:1.2rem;color:#cfcee0;line-height:1.8}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.related-grid article{padding:1.2rem;border:1px dashed rgba(255,255,255,.2);border-radius:1rem;background:rgba(255,255,255,.025)}.related-grid article>span{font-size:2rem}.related-grid h3{margin:.7rem 0 .25rem}.related-grid p{margin:0;color:var(--muted);font-size:.75rem}.related-grid em{display:inline-block;margin-top:1rem;padding:.3rem .5rem;border-radius:99px;background:rgba(255,255,255,.07);color:var(--muted);font-size:.6rem;font-style:normal;font-weight:900}.feedback-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem}.feedback-section form{display:grid;gap:.5rem;padding:1.2rem;border:1px solid var(--border);border-radius:1rem;background:rgba(255,255,255,.035)}.feedback-section label{font-size:.68rem;font-weight:900}.feedback-section select,.feedback-section textarea{width:100%;border:1px solid var(--border);border-radius:.65rem;padding:.72rem;background:#15122f;color:var(--ink)}.feedback-section textarea{min-height:8rem;resize:vertical}.feedback-section form>div{display:flex;justify-content:space-between;align-items:center}.feedback-section form small{color:var(--muted)}.feedback-section button{border:0;border-radius:.65rem;padding:.72rem 1rem;background:linear-gradient(135deg,var(--purple),#613be2);font-weight:900;cursor:pointer}.site-footer{margin-top:2rem;padding:2rem clamp(1.25rem,5vw,3rem);border-top:1px solid var(--border);display:flex;align-items:center;gap:1.5rem}.site-footer p{margin-right:auto;color:var(--muted);font-size:.7rem}.site-footer nav{display:flex;gap:1rem}.site-footer nav a{color:#c9c8d8;font-size:.7rem;font-weight:800;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media(max-width:900px){.game-hero{grid-template-columns:1fr}.hero-actions{justify-content:flex-start}.media-section,.feedback-section{grid-template-columns:1fr}.update-section{grid-template-columns:1fr}.update-badge{min-height:auto}.section-heading{display:block}.site-footer{align-items:flex-start;flex-wrap:wrap}.site-footer p{width:100%;order:3}.site-footer nav{margin-left:auto}}
@media(max-width:620px){.game-hero{padding-top:2.2rem}.game-hero h1{font-size:2.9rem}.hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.community-bar{display:grid;grid-template-columns:1fr 1fr}.play-count{grid-column:1/-1}.vote-group{justify-content:stretch}.vote-group button{flex:1}.media-section,.leaderboard-section,.update-section,.related-section,.feedback-section{padding:3.2rem 1.2rem}.related-grid{grid-template-columns:1fr}.site-footer nav{width:100%;margin:0;flex-wrap:wrap}}
.fullscreen-exit{display:none;position:absolute;z-index:100;right:1rem;top:1rem;border:1px solid rgba(255,255,255,.3);border-radius:.7rem;padding:.65rem .85rem;background:rgba(8,7,28,.88);color:#fff;font-size:.72rem;font-weight:900;cursor:pointer;backdrop-filter:blur(12px)}
.game-frame:fullscreen .fullscreen-exit{display:block}
.brand img.brand-icon{width:2.85rem;height:2.85rem;display:block;object-fit:cover;border:2px solid rgba(255,255,255,.2);background:#251c78;box-shadow:0 0 24px rgba(72,238,255,.35);transform:rotate(-3deg)}
.online-count{display:flex;align-items:center;gap:.3rem;padding:.42rem .62rem;border:1px solid rgba(88,244,147,.24);border-radius:99px;background:rgba(88,244,147,.07);color:#dfffe8;font-size:.7rem;font-weight:800;white-space:nowrap}.online-count>i{width:.46rem;height:.46rem;border-radius:50%;background:#58f493;box-shadow:0 0 10px #58f493}.online-count strong{font-size:.8rem}.online-count small{margin-left:.15rem;color:#86a493;font-size:.48rem;letter-spacing:.06em;text-transform:uppercase}
.game-gate{overflow:hidden;background:#070616}.game-gate>img{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.52);transform:scale(1.02)}.game-gate:before{content:"";position:absolute;z-index:1;inset:0;background:radial-gradient(circle at 50% 44%,rgba(35,22,105,.08),rgba(4,3,17,.75))}.game-gate-card{position:relative;z-index:2;width:min(25rem,calc(100vw - 2rem));padding:1.35rem 1.5rem 1.5rem;border:1px solid rgba(255,255,255,.2);border-radius:1.35rem;background:rgba(9,7,32,.88);box-shadow:0 25px 70px rgba(2,1,12,.55);backdrop-filter:blur(14px);text-align:center;transition:.25s}.game-gate-card>img{display:block;width:5.6rem;height:5.6rem;margin:-.2rem auto .7rem;border-radius:1.25rem}.game-gate-card>span{display:block;color:var(--cyan);font-size:.58rem;font-weight:950;letter-spacing:.13em}.game-gate-card>strong{display:block;margin:.35rem 0;font-size:1.65rem}.game-gate-card>p{margin:0 0 1rem;color:#c6c3d9;font-size:.76rem}.game-gate-card>button{width:100%;border:0;border-radius:.8rem;padding:.9rem 1rem;background:linear-gradient(135deg,var(--lime),#70d93c);color:#142700;font-weight:950;cursor:pointer;box-shadow:0 10px 30px rgba(139,239,68,.25)}.game-gate.starting .game-gate-card{opacity:0;transform:scale(.96);pointer-events:none}.game-gate.starting:after{content:"Loading Egglift…";position:relative;z-index:3;color:#fff;font-size:1rem;font-weight:950;letter-spacing:.04em}
@media(max-width:900px){.site-header{gap:1rem}.site-header nav{display:none}.header-actions{margin-left:auto}.save-state{display:none}}
@media(max-width:620px){.online-count{padding:.36rem .5rem;font-size:.62rem}.online-count small{display:none}.brand>span:last-child{display:none}.brand img.brand-icon{width:2.5rem;height:2.5rem}.game-gate-card{padding:1.1rem}.game-gate-card>img{width:4.8rem;height:4.8rem}}
.game-loading.done{visibility:hidden}
.contact-section{max-width:70rem;margin:0 auto;padding:4.5rem clamp(1.25rem,5vw,3rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;border-top:1px solid var(--border)}.contact-section h2{max-width:45rem;margin:.55rem 0 1rem;font-size:clamp(2rem,4vw,3.7rem);line-height:1;letter-spacing:-.055em}.contact-section p{max-width:44rem;color:var(--muted);line-height:1.7}.contact-section p a{color:var(--cyan);font-weight:850}.contact-button{flex:0 0 auto;padding:.9rem 1.15rem;border-radius:.8rem;background:linear-gradient(135deg,var(--lime),#72dc42);color:#132600;font-weight:950;text-decoration:none}.legal-page{max-width:52rem;margin:0 auto;padding:clamp(3rem,7vw,6rem) clamp(1.25rem,5vw,3rem)}.legal-page h1{margin:.6rem 0 1rem;font-size:clamp(2.6rem,6vw,4.8rem);letter-spacing:-.06em}.legal-page h2{margin:2.3rem 0 .7rem}.legal-page p,.legal-page li{color:#cfcee0;line-height:1.75}.legal-page a{color:var(--cyan)}
@media(max-width:620px){.contact-section{align-items:flex-start;flex-direction:column;padding:3.2rem 1.2rem}.contact-button{width:100%;text-align:center}}
.consent-banner{position:fixed;z-index:260;right:1rem;bottom:1rem;left:1rem;max-width:58rem;margin:auto;padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.2);border-radius:1rem;background:rgba(10,8,33,.97);box-shadow:0 22px 70px rgba(0,0,0,.5);backdrop-filter:blur(18px);display:flex;align-items:center;gap:1.3rem}.consent-banner[hidden]{display:none}.consent-banner>div:first-child{margin-right:auto}.consent-banner strong{font-size:.9rem}.consent-banner p{max-width:39rem;margin:.3rem 0 0;color:#c9c7d8;font-size:.7rem;line-height:1.55}.consent-banner>div:last-child{display:flex;gap:.55rem;flex:0 0 auto}.consent-banner button{border:1px solid var(--border);border-radius:.65rem;padding:.68rem .85rem;color:#fff;font-size:.68rem;font-weight:900;cursor:pointer}.consent-decline{background:rgba(255,255,255,.07)}.consent-accept{border-color:transparent!important;background:linear-gradient(135deg,var(--lime),#72dc42);color:#132600!important}
@media(max-width:620px){.consent-banner{align-items:stretch;flex-direction:column}.consent-banner>div:last-child{display:grid;grid-template-columns:1fr 1fr}.consent-banner button{width:100%}}