:root{--bg:#030711;--panel:#0a1422;--panel2:#0d1d30;--text:#f7fbff;--muted:#8fa6bb;--line:#17314a;--accent:#62a8ff;--ok:#74f0b4;--danger:#ff6680}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -10%,#102b4e 0,#050b14 38%,#02050a 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{min-height:100vh}button,input{font:inherit}button{cursor:pointer}.app-shell,.world-shell{max-width:920px;margin:auto;padding:env(safe-area-inset-top) 18px calc(92px + env(safe-area-inset-bottom))}.admin-shell{max-width:1380px;margin:auto;padding:0 22px 60px}header{height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-weight:950;letter-spacing:.16em;color:white;text-decoration:none}.brand span{color:var(--accent);margin-left:4px}.primary,.secondary,.ghost{border-radius:16px;padding:14px 18px;font-weight:850;border:0}.primary{background:white;color:#06101d;box-shadow:0 14px 36px #0007}.secondary,.ghost{background:#0d1d30;color:white;border:1px solid #254965}.ghost.small{padding:9px 12px;border-radius:12px}.text-btn{border:0;background:none;color:#9ec5e7;font-weight:750}.full{width:100%}.hidden{display:none!important}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:900;color:#82a8c8}.lead{color:var(--muted);font-size:16px;line-height:1.55}.hint,.micro{color:#7891a8;font-size:12px;line-height:1.5}.actions{display:flex;gap:10px;flex-wrap:wrap}.home-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:560px}.hero-copy h1,.world-overlay h1,.sphere-title h1,.install-card h1,.admin-title h1{font-size:clamp(38px,7vw,70px);letter-spacing:-.055em;line-height:.98;margin:10px 0 18px}.globe{width:100%;display:block;touch-action:none}.small-globe{height:500px}.world-globe{height:min(75vh,760px)}.detail-globe{height:560px}.admin-globe{height:620px}.identity-card,.card,.rank-row,.timeline-row,.achievement,.stat-grid>div,.admin-world{background:linear-gradient(180deg,#0c1a2b,#08131f);border:1px solid var(--line);border-radius:18px}.identity-card{display:flex;justify-content:space-between;align-items:center;padding:15px 17px}.identity-card div{display:grid;gap:3px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:28px 0 12px;gap:10px}.section-head h2{font-size:20px}.cards,.ranking,.timeline{display:grid;gap:9px}.card{padding:15px;display:flex;gap:14px;align-items:center;color:white;text-decoration:none}.sphere-card b{white-space:nowrap}.mini-orb,.tiny-orb{display:inline-block;border-radius:50%;box-shadow:0 0 20px color-mix(in srgb,var(--c,#62a8ff) 60%,transparent)}.mini-orb{width:48px;height:48px}.tiny-orb{width:12px;height:12px;margin-right:8px}.grow{flex:1}.row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.muted{color:var(--muted);font-size:12px}.rank-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;padding:14px;color:white;text-decoration:none}.rank-num{font-weight:950;color:#63809a}.rank-km{font-weight:900}.rarity{text-transform:uppercase;font-size:9px;letter-spacing:.12em;border-radius:999px;padding:5px 8px;font-weight:950;background:#162337;color:#a9bdd0}.rarity.rare{background:#102d48;color:#68c4ff}.rarity.epic{background:#2d1645;color:#cc82ff}.rarity.legendary{background:#46340c;color:#ffd56a}.modal{position:fixed;inset:0;background:#01040ad9;display:grid;place-items:end center;z-index:50}.sheet{width:min(720px,100%);background:#091522;border:1px solid #23415c;border-radius:26px 26px 0 0;padding:24px}.sheet h2{font-size:30px;margin-top:4px}.close{float:right;border:0;border-radius:50%;width:38px;height:38px;background:#102338;color:white;font-size:24px}.sheet label{display:grid;gap:7px;color:#9db4ca;margin:12px 0}.sheet input,.search,.admin-login-card input{background:#06101b;color:white;border:1px solid #27445f;border-radius:13px;padding:13px 14px}.color-row{display:flex;gap:10px;margin:20px 0}.color{width:38px;height:38px;border-radius:50%;border:3px solid transparent}.color.selected{border-color:white}.recovery-code{font-size:32px;font-weight:950;letter-spacing:.12em;text-align:center;padding:20px;margin:18px 0;background:#030812;border:1px dashed #3d6586;border-radius:16px}.install-gate{position:fixed;inset:0;z-index:100;background:radial-gradient(circle at 50% 15%,#153a64,#050a12 48%,#010204);display:grid;place-items:center;padding:22px}.install-card{width:min(520px,100%);text-align:center;background:#081522e8;border:1px solid #20405d;border-radius:28px;padding:30px;box-shadow:0 30px 80px #000b}.install-card .orb.mini{margin:0 auto 24px;width:85px;height:85px;border-radius:50%;background:radial-gradient(circle at 35% 30%,white 0 4%,#6fb9ff 14%,#2559a0 55%,#05101e 100%);box-shadow:0 0 60px #298cff7a}.world-stage,.sphere-stage{position:relative;min-height:620px}.world-overlay{position:absolute;left:5%;bottom:7%;max-width:500px;pointer-events:none;text-shadow:0 5px 20px #000}.world-stats{display:flex;gap:10px;flex-wrap:wrap}.world-stats div{background:#06111bd6;border:1px solid #254662;border-radius:14px;padding:10px 13px;display:grid}.world-stats strong{font-size:19px}.world-stats span{font-size:10px;color:var(--muted)}.live-dot{width:11px;height:11px;border-radius:50%;box-shadow:0 0 12px currentColor}.sphere-orb-wrap{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.evolved-orb{--orb:#62a8ff;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff 0 3%,color-mix(in srgb,var(--orb) 85%,white) 10%,var(--orb) 35%,#11243f 72%,#020711 100%);box-shadow:0 0 28px color-mix(in srgb,var(--orb) 70%,transparent),0 0 110px color-mix(in srgb,var(--orb) 32%,transparent),inset -20px -20px 35px #0009;position:relative;animation:float 4s ease-in-out infinite}.evolved-orb:after,.evolved-orb i,.evolved-orb b{content:"";position:absolute;inset:-17px;border:1px solid color-mix(in srgb,var(--orb) 70%,white);border-radius:50%;transform:rotateX(68deg) rotateZ(18deg);opacity:.35}.evolved-orb i{inset:-26px;transform:rotateX(68deg) rotateZ(-34deg);opacity:0}.evolved-orb b{inset:-36px;transform:rotateX(72deg) rotateZ(66deg);opacity:0}.evolved-orb.level-2 i,.evolved-orb.level-3 i,.evolved-orb.level-4 i,.evolved-orb.level-5 i{opacity:.3}.evolved-orb.level-4 b,.evolved-orb.level-5 b{opacity:.25}.evolved-orb.rarity-epic,.evolved-orb.rarity-legendary{filter:saturate(1.3)}.evolved-orb.rarity-legendary{animation:float 4s ease-in-out infinite,pulse 2s ease-in-out infinite}.sphere-title{position:absolute;left:50%;bottom:0;transform:translateX(-50%);text-align:center;width:100%;pointer-events:none}.sphere-title h1{font-size:48px}.mega{font-size:46px;font-weight:950;letter-spacing:-.04em}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-grid.four{grid-template-columns:repeat(4,1fr)}.stat-grid>div{padding:14px;display:grid;gap:3px}.stat-grid strong{font-size:20px}.stat-grid span{font-size:10px;color:var(--muted)}.achievement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.achievement{padding:14px;display:flex;gap:10px;align-items:center}.timeline-row{display:grid;grid-template-columns:13px 1fr auto;align-items:center;gap:11px;padding:14px}.dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.pill{font-size:9px;letter-spacing:.13em;border-radius:999px;border:1px solid #274763;padding:7px 10px;color:#9db8d0;background:#0a1826}.admin-login{display:grid;place-items:center}.admin-login-card{width:min(420px,calc(100% - 30px));display:grid;gap:14px;padding:26px;background:#091522;border:1px solid #203b54;border-radius:24px}.admin-login-card h1{margin:4px 0 14px}.error{color:#ff8fa1}.admin-title{display:flex;justify-content:space-between;align-items:end;gap:20px}.admin-title h1{font-size:54px}.admin-stats{grid-template-columns:repeat(6,1fr)}.admin-world{position:relative;margin:18px 0;overflow:hidden}.admin-world-info{position:absolute;left:20px;bottom:20px;background:#030914db;border:1px solid #22445f;border-radius:14px;padding:12px 15px;display:grid}.admin-world-info strong{font-size:28px}.admin-world-info span{color:var(--muted);font-size:11px}.admin-tabs{display:flex;gap:6px;margin:28px 0 10px}.admin-tabs button{border:1px solid #1d3952;background:#081420;color:#8ea9c0;padding:10px 14px;border-radius:12px}.admin-tabs button.active{background:white;color:#07101a}.table-wrap{overflow:auto;border:1px solid #16314a;border-radius:16px}table{width:100%;border-collapse:collapse;min-width:850px}th,td{text-align:left;padding:12px;border-bottom:1px solid #11283c;font-size:13px}th{color:#7894aa;background:#07111c;position:sticky;top:0}td a{color:white;text-decoration:none}td small{display:block;color:var(--muted);margin-top:4px}.status{font-size:10px;padding:5px 8px;border-radius:999px;background:#163022}.status.finished{background:#3a1a24}.status.stale{background:#3b300f}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}nav{position:fixed;z-index:20;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:4px;background:#07121ddd;border:1px solid #1e3a54;border-radius:18px;padding:6px;backdrop-filter:blur(18px)}nav a{color:#7f9ab1;text-decoration:none;padding:10px 16px;border-radius:12px;font-size:12px;font-weight:850}nav a.active{background:#142a40;color:white}@keyframes float{50%{transform:translateY(-9px) rotate(2deg)}}@keyframes pulse{50%{box-shadow:0 0 45px color-mix(in srgb,var(--orb) 90%,transparent),0 0 150px color-mix(in srgb,var(--orb) 48%,transparent),inset -20px -20px 35px #0009}}
@media(max-width:760px){.home-hero{grid-template-columns:1fr;min-height:auto}.small-globe{height:360px}.hero-copy{text-align:center}.hero-copy .actions{justify-content:center}.world-stage,.sphere-stage{min-height:560px}.world-overlay{left:4%;right:4%;bottom:4%}.world-overlay h1{font-size:40px}.detail-globe{height:500px}.stat-grid.four{grid-template-columns:repeat(2,1fr)}.achievement-grid{grid-template-columns:1fr}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-title{align-items:start;flex-direction:column}.admin-globe{height:480px}.sphere-card{align-items:flex-start}.sphere-card>b{font-size:12px}.modal{place-items:end center}.sheet{border-radius:26px 26px 0 0}.recovery-code{font-size:24px}}
/* MONSTRIP — 2026 cinematic UI refresh */
:root{--bg:#01040b;--panel:#07121f;--panel2:#0a1a2b;--text:#f8fbff;--muted:#8ea6bd;--line:#18324c;--accent:#53b8ff;--violet:#a45cff;--gold:#ffb24d;--ok:#58e9ae;--danger:#ff637d}
html,body{background:radial-gradient(ellipse at 50% -5%,#0b3762 0,#06101e 28%,#020711 55%,#010309 100%);background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.38;background-image:radial-gradient(#fff 0.6px,transparent .8px);background-size:43px 43px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
.brand{font-size:18px;letter-spacing:.26em;font-weight:800}.brand span{display:inline-block;width:18px;height:18px;border-radius:50%;font-size:0;margin-left:8px;vertical-align:-4px;background:radial-gradient(circle at 30% 25%,#fff,#5ec6ff 18%,#7149ff 48%,#091427 76%);box-shadow:0 0 20px #65bfffaa;position:relative}.brand span:after{content:"";position:absolute;inset:7px -6px;border:1px solid #9fe0ff;border-radius:50%;transform:rotate(-20deg)}
header{height:78px}.home-hero{min-height:610px;position:relative}.home-hero:after{content:"";position:absolute;inset:8% 10%;z-index:-1;background:radial-gradient(circle,#157ed626,transparent 62%);filter:blur(25px)}
.hero-copy h1{font-size:clamp(44px,7vw,76px);font-weight:850;letter-spacing:-.06em}.lead{max-width:520px}.primary{background:linear-gradient(100deg,#59c6ff,#6fb3ff);color:#03101b;box-shadow:0 12px 36px #1f8cff38}.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.secondary{background:linear-gradient(180deg,#0c2136,#081522);border-color:#285373}.card,.identity-card,.rank-row,.timeline-row,.achievement,.stat-grid>div,.admin-world{background:linear-gradient(145deg,#0b1c2de8,#06101be8);box-shadow:inset 0 1px #ffffff08,0 12px 30px #0004;backdrop-filter:blur(16px)}
.mini-orb{position:relative;background:radial-gradient(circle at 32% 24%,#fff 0 3%,color-mix(in srgb,var(--c) 78%,white) 9%,var(--c) 36%,#16233a 70%,#02050b 100%)!important;box-shadow:0 0 18px color-mix(in srgb,var(--c) 75%,transparent),0 0 45px color-mix(in srgb,var(--c) 25%,transparent)!important}.sphere-card{min-height:92px}.sphere-card:hover{border-color:#3874a4;transform:translateY(-1px)}
.world-stage{border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 42%,#0d3960 0,#020713 45%,#010308 74%);border:1px solid #102b45;box-shadow:0 25px 80px #0008,inset 0 0 80px #1670b315}.world-overlay h1{font-weight:850}.world-stats div{backdrop-filter:blur(18px)}
.evolved-orb{width:154px;height:154px;background:radial-gradient(circle at 32% 24%,#fff 0 2%,color-mix(in srgb,var(--orb) 78%,white) 8%,var(--orb) 28%,#351f73 52%,#101d38 72%,#020611 100%);box-shadow:0 0 35px color-mix(in srgb,var(--orb) 78%,transparent),0 0 120px color-mix(in srgb,var(--orb) 40%,transparent),inset -25px -25px 45px #000a,inset 14px 10px 25px #fff1}.evolved-orb:before{content:"";position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle at 70% 30%,#fff7 0 2%,transparent 5%),conic-gradient(from 20deg,transparent,#ffffff24,transparent,#b879ff30,transparent);filter:blur(2px);animation:spin 8s linear infinite}.evolved-orb:after{inset:58px -40px;border-color:#8cd9ff;box-shadow:0 0 10px #68c6ff;opacity:.65}.sphere-title h1{font-weight:900}.rarity{border:1px solid #ffffff0c}.rarity.epic{box-shadow:0 0 18px #b45cff25}.rarity.legendary{box-shadow:0 0 20px #ffc45c30}
.install-gate{background:radial-gradient(circle at 50% 22%,#0e4b7b 0,#071425 34%,#01040b 72%)}.install-card{background:linear-gradient(155deg,#0a1b2cf2,#040a13f2);box-shadow:0 35px 110px #000d,0 0 80px #268dce22}.install-card .orb.mini{width:112px;height:112px;background:radial-gradient(circle at 30% 22%,white 0 3%,#73d3ff 10%,#6c56ff 42%,#1b2454 65%,#040814 100%);position:relative}.install-card .orb.mini:after{content:"";position:absolute;inset:45px -24px;border:2px solid #8ddcff;border-radius:50%;transform:rotate(-16deg);box-shadow:0 0 18px #6cc9ff}
nav{background:#05101be8;border-color:#234967;box-shadow:0 15px 45px #0009}nav a.active{background:linear-gradient(180deg,#16344e,#10283c);color:#fff}.admin-world{background:radial-gradient(circle,#0a3358,#020711 62%)}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.app-shell,.world-shell{padding-left:14px;padding-right:14px}.home-hero{min-height:auto}.hero-copy h1{font-size:47px}.small-globe{height:390px}.evolved-orb{width:136px;height:136px}.world-stage{border-radius:20px}.brand{font-size:15px}}
/* Participation library upgrade */
.header-actions{display:flex;gap:8px;align-items:center}.orbit-tabs{display:flex;gap:8px;overflow:auto;padding:4px 0 12px;scrollbar-width:none}.orbit-tabs::-webkit-scrollbar{display:none}.orbit-tabs button{white-space:nowrap;border:1px solid #183a56;background:#071522;color:#8ca9c1;padding:10px 13px;border-radius:999px;font-weight:800}.orbit-tabs button span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;border-radius:999px;background:#10283c;color:#c5e8ff;font-size:10px}.orbit-tabs button.active{background:linear-gradient(100deg,#56c4ff,#6b82ff);border-color:transparent;color:#04101a}.orbit-tabs button.active span{background:#051522;color:#fff}.sphere-library{display:grid;gap:10px}.library-card{display:flex;gap:14px;align-items:center;text-decoration:none;color:inherit}.library-card .grow{min-width:0}.relation-line{color:#7dd2ff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:4px 0}.my-hop{font-size:11px;color:#b8cce0;margin-top:6px}.card-right{margin-left:auto;display:grid;gap:8px;text-align:right;white-space:nowrap}.card-right b{font-size:16px}.card-right span{font-size:9px;letter-spacing:.08em;color:#62c8ff;font-weight:900}.empty-state{padding:24px;display:grid;place-items:center;text-align:center;gap:8px}.empty-state span{color:var(--muted);max-width:420px}.empty-orb{width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#61c8ff 14%,#724cff 46%,#07101e 75%);box-shadow:0 0 28px #5cbfff66}.activity-feed{display:grid;gap:8px}.activity-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #15334d;border-radius:16px;background:linear-gradient(145deg,#0a1b2bdb,#06101bdb);color:inherit;text-decoration:none}.activity-orb{--c:#62a8ff;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 30% 22%,#fff 0 3%,var(--c) 24%,#14213b 68%,#02050b 100%);box-shadow:0 0 14px color-mix(in srgb,var(--c) 70%,transparent);flex:none}.activity-row time{font-size:10px;color:var(--muted);white-space:nowrap}.participation-card{margin-top:18px;padding:20px;border:1px solid #1b4967;border-radius:22px;background:radial-gradient(circle at 80% 0,#1564a31c,transparent 45%),linear-gradient(145deg,#0a1b2de8,#06101be8)}.participation-card h2{margin:4px 0 16px}.participation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px}.participation-grid>div{padding:12px;border-radius:14px;background:#071522;border:1px solid #17334b;display:grid;gap:5px}.participation-grid span{font-size:10px;color:var(--muted)}.participation-grid strong{font-size:13px}.ghost:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:760px){.header-actions{gap:5px}.header-actions .ghost{padding:8px 9px;font-size:10px}.participation-grid{grid-template-columns:repeat(2,1fr)}.library-card{align-items:flex-start}.card-right b{font-size:13px}.card-right span{font-size:8px}}
/* MONSTRIP gameplay: OP, skills & conquest */
.game-progress{margin-top:28px}.op-badge{font-size:22px;color:#79f2c0;text-shadow:0 0 22px rgba(121,242,192,.35)}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.skill-card,.empire-card{border:1px solid rgba(120,170,255,.18);background:linear-gradient(145deg,rgba(17,27,54,.88),rgba(7,11,28,.92));border-radius:22px;padding:18px;box-shadow:inset 0 1px rgba(255,255,255,.04)}.skill-card strong{display:block;font-size:18px}.skill-card .skill-level{font-size:28px;font-weight:900;margin:8px 0}.skill-bar{height:6px;background:rgba(255,255,255,.08);border-radius:20px;overflow:hidden;margin-top:10px}.skill-bar i{display:block;height:100%;background:linear-gradient(90deg,#6e78ff,#b967ff);border-radius:20px}.empire-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0;background:radial-gradient(circle at 80% 20%,rgba(145,75,255,.22),transparent 35%),linear-gradient(145deg,rgba(17,27,54,.9),rgba(7,11,28,.94))}.point-feed{display:flex;gap:10px;overflow:auto;padding:4px 0 12px}.point-chip{min-width:220px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}.point-chip b{color:#79f2c0}.conquest-row{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.07)}.territory-pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(144,92,255,.14);color:#cbbcff;font-size:12px}.reward-box{margin-top:14px;padding:15px;border:1px solid rgba(121,242,192,.25);background:rgba(121,242,192,.07);border-radius:18px}.reward-box strong{color:#79f2c0;font-size:20px}@media(max-width:720px){.skill-grid{grid-template-columns:1fr}.empire-card{align-items:flex-start;flex-direction:column}}
/* MONSTRIP v8 */
.creature-logo{font-size:74px;filter:drop-shadow(0 0 30px #62a8ff)}.birth-preview{display:flex;align-items:center;gap:18px;padding:18px;margin:18px 0;border:1px solid #25445d;border-radius:20px;background:#071522}.mystery-creature{width:78px;height:78px;border-radius:42% 58% 52% 48%;display:grid;place-items:center;font-size:34px;font-weight:900;background:radial-gradient(circle at 34% 26%,#fff,#8fd8ff 12%,#875fff 40%,#142445 70%,#02050c);box-shadow:0 0 40px #6f83ff66;animation:float 4s ease-in-out infinite}.creature-card{min-height:112px}.mini-creature{--c:#62A8FF;width:64px;height:68px;flex:none;border-radius:48% 52% 44% 56%;position:relative;background:radial-gradient(circle at 34% 20%,#ffffffcc 0 4%,color-mix(in srgb,var(--c) 78%,white) 10%,var(--c) 42%,#1d2a48 78%,#02050c 100%);box-shadow:0 0 25px color-mix(in srgb,var(--c) 58%,transparent),inset -9px -12px 18px #0007;animation:creatureBob 3.8s ease-in-out infinite}.mini-creature:before,.mini-creature:after{content:"";position:absolute;top:25px;width:10px;height:13px;border-radius:50%;background:#07101b;box-shadow:inset 2px 2px #fff}.mini-creature:before{left:17px}.mini-creature:after{right:17px}.mini-creature i{position:absolute;left:24px;bottom:17px;width:16px;height:6px;border-bottom:2px solid #07101b;border-radius:50%}.mini-creature b,.mini-creature em{position:absolute;bottom:-7px;width:13px;height:21px;border-radius:50%;background:var(--c)}.mini-creature b{left:7px;transform:rotate(24deg)}.mini-creature em{right:7px;transform:rotate(-24deg)}.mini-creature[data-skin="fur"]{filter:saturate(1.15)}.mini-creature[data-skin="crystal"]{border:1px solid #fff8;clip-path:polygon(18% 8%,72% 0,100% 36%,88% 84%,47% 100%,6% 73%,0 27%)}.species-chip{font-size:9px;letter-spacing:.1em;text-transform:uppercase;border:1px solid #38536b;padding:4px 7px;border-radius:999px;color:#b9d9ee}.creature-meta{display:flex;gap:7px;flex-wrap:wrap;margin:7px 0}.creature-meta span{font-size:10px;background:#0b2235;border:1px solid #193a53;border-radius:999px;padding:5px 8px;color:#b8d4e8}.creature-meta.big span{font-size:12px}.creature-stage{position:relative;min-height:650px;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 38%,#12395d 0,#06101c 45%,#02050b 75%);border:1px solid #15334b}.creature-center{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.creature-avatar{--creature:#62A8FF;width:170px;height:190px;border-radius:48% 52% 45% 55%;position:relative;background:radial-gradient(circle at 34% 20%,#fff 0 2%,color-mix(in srgb,var(--creature) 75%,white) 9%,var(--creature) 40%,#26305b 72%,#03050b 100%);box-shadow:0 0 45px color-mix(in srgb,var(--creature) 70%,transparent),0 0 140px color-mix(in srgb,var(--creature) 25%,transparent),inset -25px -28px 36px #0008;animation:creatureBob 4s ease-in-out infinite}.creature-avatar[data-body="bean"]{border-radius:38% 62% 50% 50%}.creature-avatar[data-body="jelly"]{border-radius:52% 48% 36% 64%;filter:saturate(.9) brightness(1.1)}.creature-avatar[data-body="float"]{border-radius:50%;height:160px}.creature-avatar[data-skin="crystal"]{clip-path:polygon(20% 2%,70% 0,100% 30%,90% 82%,52% 100%,10% 84%,0 33%)}.creature-eyes{position:absolute;left:50%;top:56px;transform:translateX(-50%);display:flex;gap:15px}.creature-eyes .eye{width:22px;height:29px;border-radius:50%;background:#07101b;box-shadow:inset 5px 5px #fff}.creature-eyes.eyes-1 .eye{width:29px;height:34px}.creature-eyes.eyes-3,.creature-eyes.eyes-4{gap:8px}.creature-eyes.eyes-3 .eye,.creature-eyes.eyes-4 .eye{width:17px;height:22px}.mouth{position:absolute;left:50%;top:104px;transform:translateX(-50%);width:30px;height:14px;border-bottom:4px solid #07101b;border-radius:50%}.limb{position:absolute;bottom:-14px;width:28px;height:54px;border-radius:50%;background:var(--creature);z-index:-1}.limb.l1{left:24px;transform:rotate(22deg)}.limb.l2{right:24px;transform:rotate(-22deg)}.horn{display:none;position:absolute;top:-18px;width:24px;height:38px;background:var(--creature);clip-path:polygon(50% 0,100% 100%,0 100%)}.creature-avatar[data-horns="1"] .h1,.creature-avatar[data-horns="2"] .h1,.creature-avatar[data-horns="2"] .h2{display:block}.horn.h1{left:35px;transform:rotate(-12deg)}.horn.h2{right:35px;transform:rotate(12deg)}.vitals{margin-top:18px}.vital-main,.today-card{padding:20px;border-radius:22px;border:1px solid #1a425e;background:linear-gradient(145deg,#0b1d2ee8,#06101be8)}.vital-main strong{font-size:42px}.life-pill{padding:8px 11px;border-radius:999px;font-size:10px;font-weight:900;background:#133728;color:#80f0bb}.life-pill.critical{background:#431925;color:#ff91a4}.life-pill.dormant{background:#262a33;color:#b8c1cf}.energy-track{height:12px;border-radius:999px;background:#172637;overflow:hidden;margin:12px 0}.energy-track i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#5ce6a7,#a5f074);border-radius:inherit;transition:width .4s}.energy-track i.low{background:linear-gradient(90deg,#ffb44f,#ffd36d)}.energy-track i.critical{background:linear-gradient(90deg,#ff5d74,#ff8a98)}.today-card{margin-top:16px}.weather-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.weather-grid>div{padding:13px;border:1px solid #17364d;border-radius:15px;background:#071522;display:grid}.weather-grid strong{font-size:22px}.weather-grid span{font-size:9px;color:var(--muted)}.need-box{margin-top:12px;padding:16px;border:1px solid #294c64;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#0a1927}.need-box>div:first-child{display:flex;gap:12px;align-items:center}.need-box>div:first-child>span{font-size:36px}.care-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.care-btn small{display:block;color:#7ff0ba}.dna-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.dna-grid>div{padding:14px;border:1px solid #19384f;border-radius:16px;background:#071522;display:grid;gap:5px}.dna-grid span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.arrival-creature{height:120px;display:grid;place-items:center}.mini-creature.arrival{transform:scale(1.35)}.arrival-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.arrival-stats>div{padding:12px;border:1px solid #1c3f58;border-radius:14px;background:#071522;display:grid}.arrival-stats b{font-size:18px}.arrival-stats span{font-size:9px;color:var(--muted)}@keyframes creatureBob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}@media(max-width:760px){.creature-stage{min-height:580px}.creature-avatar{width:145px;height:160px}.weather-grid{grid-template-columns:repeat(2,1fr)}.need-box{align-items:flex-start;flex-direction:column}.care-actions{justify-content:flex-start}.dna-grid{grid-template-columns:repeat(2,1fr)}.arrival-stats{grid-template-columns:1fr 1fr 1fr}}

/* =========================================================
   MONSTRIP — ONE SCREEN MONSTER EXPERIENCE
   ========================================================= */
body.creature-page{height:100dvh;min-height:100dvh;overflow:hidden;background:#02050b;overscroll-behavior:none}.creature-page *{-webkit-tap-highlight-color:transparent}.creature-shell{width:min(100%,620px);height:100dvh;margin:0 auto;display:grid;grid-template-rows:calc(54px + env(safe-area-inset-top)) 1fr;background:#030711;overflow:hidden;position:relative;box-shadow:0 0 100px #000}.creature-header{height:auto;padding:env(safe-area-inset-top) 12px 0;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border-bottom:1px solid #ffffff0a;background:#030711e8;backdrop-filter:blur(18px);z-index:30}.creature-header .brand{font-size:12px;letter-spacing:.13em}.creature-header-name{text-align:center;min-width:0;display:grid;line-height:1.05}.creature-header-name small{font-size:7px;letter-spacing:.16em;color:#7e9db8;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creature-header-name strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creature-header-actions{display:flex;gap:6px}.round-action{width:34px;height:34px;border-radius:50%;border:1px solid #25445f;background:#0b1928;color:white;display:grid;place-items:center;font-size:17px;padding:0;font-weight:900}.round-action:disabled{opacity:.35}.creature-screen{position:relative;min-height:0;height:100%;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 28%,#17385a 0,#08121f 33%,#02050b 73%)}.creature-globe{position:absolute;inset:-8% -20% auto;width:140%;height:68%;opacity:.48;filter:saturate(.8) brightness(.8);z-index:-3}.creature-screen-shade{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,#02060a1c 0,#02050a3d 35%,#02050bd4 66%,#02050bf7 100%),radial-gradient(circle at 50% 29%,transparent 0 20%,#0307111a 44%,#02050ba8 72%)}.creature-hud-top{position:absolute;z-index:5;top:9px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:flex-start;gap:7px}.weather-pill,.trip-pill{min-height:43px;border:1px solid #ffffff13;background:#06111bc7;backdrop-filter:blur(13px);border-radius:15px;color:white;box-shadow:0 12px 30px #0003}.weather-pill{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:6px 8px;text-align:left;max-width:47%;min-width:0}.weather-pill>span:first-child{font-size:20px}.weather-pill-copy{display:grid;min-width:0}.weather-pill-copy strong{font-size:14px;line-height:1}.weather-pill-copy small{font-size:8px;color:#99aec2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.refresh-mark{font-size:11px;color:#7f9ab2}.trip-pill{display:flex;align-items:center;gap:6px;padding:6px 8px}.trip-pill>div{display:grid;text-align:center;min-width:35px}.trip-pill strong{font-size:12px;line-height:1.05}.trip-pill small{font-size:7px;color:#89a3ba;margin-top:3px}.trip-pill i{width:1px;height:22px;background:#ffffff12}.creature-focus{position:absolute;z-index:2;top:8.5%;left:0;right:0;height:38%;display:grid;place-items:center;pointer-events:none}.creature-aura{position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,#63b7ff29 0,#705eff14 38%,transparent 68%);filter:blur(4px);animation:auraBreathe 3s ease-in-out infinite}.creature-avatar-live{--creature:#62A8FF;width:142px;height:158px;z-index:2;transform-origin:50% 88%;border-radius:48% 52% 44% 56%;position:relative;background:radial-gradient(circle at 34% 20%,#fff 0 2%,color-mix(in srgb,var(--creature) 75%,white) 9%,var(--creature) 40%,#26305b 72%,#03050b 100%);box-shadow:0 0 34px color-mix(in srgb,var(--creature) 66%,transparent),0 0 95px color-mix(in srgb,var(--creature) 23%,transparent),inset -21px -26px 32px #0008;animation:creatureHealthy 3.1s ease-in-out infinite}.creature-avatar-live[data-body="bean"]{border-radius:38% 62% 50% 50%}.creature-avatar-live[data-body="jelly"]{border-radius:52% 48% 36% 64%;filter:saturate(.9) brightness(1.08)}.creature-avatar-live[data-body="float"]{border-radius:50%;height:135px}.creature-avatar-live[data-skin="crystal"]{clip-path:polygon(20% 2%,70% 0,100% 30%,90% 82%,52% 100%,10% 84%,0 33%)}.creature-avatar-live[data-skin="fur"]:after{content:"";position:absolute;inset:3px;border-radius:inherit;background:repeating-radial-gradient(circle at 40% 35%,#ffffff10 0 1px,transparent 2px 6px);mix-blend-mode:screen;pointer-events:none}.creature-avatar-live[data-pattern="spots"]{background-image:radial-gradient(circle at 28% 35%,#ffffff2f 0 7px,transparent 8px),radial-gradient(circle at 72% 60%,#00000024 0 9px,transparent 10px),radial-gradient(circle at 34% 20%,#fff 0 2%,color-mix(in srgb,var(--creature) 75%,white) 9%,var(--creature) 40%,#26305b 72%,#03050b 100%)}.creature-avatar-live[data-pattern="stripe"]{background-image:linear-gradient(110deg,transparent 0 25%,#ffffff1f 26% 32%,transparent 33% 46%,#0000001f 47% 54%,transparent 55%),radial-gradient(circle at 34% 20%,#fff 0 2%,color-mix(in srgb,var(--creature) 75%,white) 9%,var(--creature) 40%,#26305b 72%,#03050b 100%)}.creature-avatar-live .creature-eyes{position:absolute;left:50%;top:45px;transform:translateX(-50%);display:flex;gap:13px;z-index:5}.creature-avatar-live .eye{width:20px;height:27px;border-radius:50%;background:#07101b;box-shadow:inset 5px 5px #fff;transform-origin:center;animation:creatureBlink 5.5s infinite}.creature-avatar-live .eyes-1 .eye{width:28px;height:32px}.creature-avatar-live .eyes-3,.creature-avatar-live .eyes-4{gap:7px}.creature-avatar-live .eyes-3 .eye,.creature-avatar-live .eyes-4 .eye{width:15px;height:20px}.creature-avatar-live .mouth{position:absolute;left:50%;top:91px;transform:translateX(-50%);width:28px;height:14px;border-bottom:4px solid #07101b;border-radius:50%;z-index:5}.creature-avatar-live .limb{position:absolute;bottom:-12px;width:24px;height:47px;border-radius:50%;background:var(--creature);z-index:-1;box-shadow:inset -5px -8px 10px #0002}.creature-avatar-live .limb.l1{left:22px;transform:rotate(22deg)}.creature-avatar-live .limb.l2{right:22px;transform:rotate(-22deg)}.creature-avatar-live .horn{display:none;position:absolute;top:-15px;width:21px;height:33px;background:var(--creature);clip-path:polygon(50% 0,100% 100%,0 100%)}.creature-avatar-live[data-horns="1"] .h1,.creature-avatar-live[data-horns="2"] .h1,.creature-avatar-live[data-horns="2"] .h2{display:block}.creature-avatar-live .h1{left:30px;transform:rotate(-12deg)}.creature-avatar-live .h2{right:30px;transform:rotate(12deg)}.emotion-fx{position:absolute;inset:0;display:grid;place-items:center;font-size:21px;z-index:4}.emotion-fx span{position:absolute;opacity:0;animation:fxFloat 1.8s ease-out infinite}.emotion-fx span:nth-child(1){transform:translate(-88px,-38px);animation-delay:0s}.emotion-fx span:nth-child(2){transform:translate(90px,-55px);animation-delay:.55s}.emotion-fx span:nth-child(3){transform:translate(65px,42px);animation-delay:1.05s}.creature-identity-card{position:absolute;z-index:7;left:10px;right:10px;top:43.5%;padding:10px 12px 9px;border-radius:18px;border:1px solid #ffffff12;background:linear-gradient(145deg,#081522dc,#07101bd9);backdrop-filter:blur(15px);box-shadow:0 18px 45px #0004}.identity-line{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.creature-name-mobile{font-size:18px;font-weight:950;margin:0;line-height:1;letter-spacing:-.03em}.vital-message{font-size:10px;color:#9fb6ca;margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:255px}.life-badge{font-size:8px;font-weight:950;letter-spacing:.08em;border-radius:999px;padding:6px 8px;background:#143928;color:#77efb3;white-space:nowrap}.energy-line{display:grid;grid-template-columns:47px 1fr;align-items:center;gap:8px;margin-top:8px}.energy-line>strong{font-size:20px;letter-spacing:-.04em}.energy-meter{height:9px;border-radius:999px;background:#152335;overflow:visible;position:relative}.energy-meter i{display:block;height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,#58e5a2,#a3f070);box-shadow:0 0 12px #66eca16b;transition:width .5s ease,background .3s}.energy-meter span{position:absolute;top:50%;width:15px;height:15px;border-radius:50%;background:white;box-shadow:0 0 15px white;transform:translate(-50%,-50%);left:100%;opacity:.82;transition:left .5s ease}.creature-mini-meta{display:flex;gap:5px;overflow:hidden;margin-top:7px}.creature-mini-meta span{min-width:0;font-size:8px;color:#a7bfd3;border:1px solid #1c3c55;background:#071522;border-radius:999px;padding:4px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.need-now-card{position:absolute;z-index:8;left:10px;right:10px;bottom:59px;min-height:70px;padding:9px 9px 9px 10px;border-radius:19px;border:1px solid #ffffff14;background:linear-gradient(145deg,#0b1c2ce8,#06111ce8);backdrop-filter:blur(16px);box-shadow:0 16px 44px #0006;display:grid;grid-template-columns:40px 1fr auto;gap:9px;align-items:center}.need-now-icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;font-size:23px;background:#ffffff0d;border:1px solid #ffffff12}.need-now-copy{min-width:0;display:grid}.need-now-copy small{font-size:7px;letter-spacing:.13em;color:#7495af;font-weight:900}.need-now-copy strong{font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.need-now-copy span{font-size:8px;color:#90a7ba;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.care-primary{min-width:64px;height:42px;border:0;border-radius:14px;padding:0 12px;background:white;color:#07101a;font-size:11px;font-weight:950;box-shadow:0 8px 24px #0006}.care-primary:disabled{background:#172432;color:#607589;box-shadow:none}.creature-dock{position:absolute;z-index:10;left:10px;right:10px;bottom:7px;height:45px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:4px;border:1px solid #ffffff12;background:#07121de8;backdrop-filter:blur(18px);border-radius:16px;transform:none}.creature-dock button{border:0;background:transparent;color:#8fa6bb;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0;font-weight:850}.creature-dock button span{font-size:15px}.creature-dock button small{font-size:8px}.creature-dock button:active,.creature-dock button.active{background:#152b40;color:white}.screen-toast{position:absolute;z-index:50;left:50%;bottom:121px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 34px);padding:10px 14px;border-radius:14px;background:#f6fbff;color:#06101b;font-size:11px;font-weight:850;box-shadow:0 16px 45px #0008;animation:toastIn .25s ease-out}.creature-overlay{position:absolute;inset:0;z-index:40;background:#02050bd9;backdrop-filter:blur(10px);padding:8px;display:flex;align-items:flex-end}.creature-overlay-card{width:100%;height:min(72%,480px);border-radius:24px;border:1px solid #23435e;background:linear-gradient(180deg,#0b1a2a,#06101b);box-shadow:0 -20px 70px #000a;padding:14px;display:grid;grid-template-rows:auto 1fr;animation:panelUp .26s cubic-bezier(.2,.8,.2,1)}.overlay-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:9px;border-bottom:1px solid #ffffff0b}.overlay-head small{font-size:8px;letter-spacing:.16em;color:#7d9bb6;font-weight:900}.overlay-head h2{font-size:21px;margin:2px 0 0}.overlay-content{min-height:0;overflow:hidden;padding-top:10px}.panel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;height:100%;align-content:start}.panel-tile{border:1px solid #19364e;border-radius:15px;background:#071522;padding:10px;display:grid;gap:3px;min-height:54px}.panel-tile strong{font-size:14px}.panel-tile span,.panel-tile small{font-size:8px;color:#8ea6ba}.panel-wide{grid-column:1/-1}.panel-list{display:grid;gap:6px;max-height:100%;overflow:hidden}.panel-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 9px;border:1px solid #17334b;border-radius:13px;background:#071522}.panel-row>span:first-child{font-size:16px}.panel-row strong{font-size:10px}.panel-row small{display:block;font-size:8px;color:#839db3;margin-top:2px}.panel-row b{font-size:9px}.panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.panel-actions button{min-height:45px;border-radius:14px;padding:8px;border:1px solid #31536c;background:#10243a;color:white;font-size:10px;font-weight:900}.panel-actions button.recommended{background:white;color:#06101b;border-color:white}.panel-actions button small{display:block;color:inherit;opacity:.65;margin-top:2px}.panel-empty{height:100%;display:grid;place-items:center;text-align:center;color:#7f98ae;font-size:10px;padding:20px}.journey-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:8px}.journey-strip>div{border:1px solid #1b3a53;background:#071522;border-radius:13px;padding:8px;display:grid}.journey-strip strong{font-size:15px}.journey-strip small{font-size:7px;color:#879fb4}.mini-progress{height:6px;border-radius:999px;background:#172638;overflow:hidden;margin-top:5px}.mini-progress i{display:block;height:100%;background:#68c6ff;border-radius:inherit}.relation-mini{padding:9px;border-radius:13px;border:1px solid #183b54;background:#071522;font-size:9px;color:#a0b8cc}.relation-mini strong{color:white}.screen-error{position:absolute;inset:0;z-index:80;display:grid;place-items:center;padding:24px;text-align:center;background:#030711}.screen-error .card{display:grid;max-width:360px}.screen-error h1{font-size:24px}.creature-screen[data-vitality="euphoric"] .creature-avatar-live{animation:creatureEuphoric 1.25s cubic-bezier(.5,0,.5,1) infinite}.creature-screen[data-vitality="euphoric"] .creature-aura{background:radial-gradient(circle,#8bf6c652 0,#61baff2c 38%,transparent 70%);animation:auraHappy 1.5s ease-in-out infinite}.creature-screen[data-vitality="euphoric"] .emotion-fx span,.creature-screen[data-vitality="happy"] .emotion-fx span{opacity:1}.creature-screen[data-vitality="happy"] .creature-avatar-live{animation:creatureHappy 2s ease-in-out infinite}.creature-screen[data-vitality="healthy"] .creature-avatar-live{animation:creatureHealthy 3.1s ease-in-out infinite}.creature-screen[data-vitality="tired"] .creature-avatar-live{animation:creatureTired 4.2s ease-in-out infinite;filter:saturate(.78) brightness(.9)}.creature-screen[data-vitality="tired"] .creature-avatar-live .eye{height:16px;box-shadow:inset 4px 2px #fff}.creature-screen[data-vitality="tired"] .creature-avatar-live .mouth,.creature-screen[data-vitality="sick"] .creature-avatar-live .mouth,.creature-screen[data-vitality="critical"] .creature-avatar-live .mouth,.creature-screen[data-vitality="dying"] .creature-avatar-live .mouth{border-bottom:0;border-top:4px solid #07101b;top:100px}.creature-screen[data-vitality="sick"] .creature-avatar-live{animation:creatureSick 2.4s ease-in-out infinite;filter:saturate(.45) brightness(.78)}.creature-screen[data-vitality="sick"] .creature-aura{background:radial-gradient(circle,#ffb45d25 0,#ff6d7430 36%,transparent 70%)}.creature-screen[data-vitality="sick"] .creature-avatar-live .eye{height:13px;box-shadow:inset 3px 2px #fff}.creature-screen[data-vitality="critical"] .creature-avatar-live{animation:creatureCritical 3.2s ease-in-out infinite;filter:saturate(.25) brightness(.62)}.creature-screen[data-vitality="critical"] .creature-aura,.creature-screen[data-vitality="dying"] .creature-aura{background:radial-gradient(circle,#ff4e652c 0,#8d16313b 38%,transparent 72%);animation:auraCritical 2s ease-in-out infinite}.creature-screen[data-vitality="critical"] .creature-avatar-live .eye,.creature-screen[data-vitality="dying"] .creature-avatar-live .eye{height:5px;box-shadow:none;border-radius:999px}.creature-screen[data-vitality="dying"] .creature-avatar-live{animation:creatureDying 4s ease-in-out infinite;filter:grayscale(.45) saturate(.2) brightness(.5)}.creature-screen[data-vitality="dormant"] .creature-avatar-live{animation:none;transform:translateY(14px) rotate(7deg) scale(.95);filter:grayscale(.8) saturate(.15) brightness(.48)}.creature-screen[data-vitality="dormant"] .creature-avatar-live .eye{height:3px;box-shadow:none;border-radius:999px}.creature-screen[data-vitality="dormant"] .creature-aura{opacity:.18;animation:none}.creature-screen[data-vitality="tired"] .energy-meter i{background:linear-gradient(90deg,#ffe06a,#f5bc57);box-shadow:0 0 11px #f3c75d4a}.creature-screen[data-vitality="sick"] .energy-meter i{background:linear-gradient(90deg,#ffb14f,#ff8162);box-shadow:0 0 11px #ff8f5260}.creature-screen[data-vitality="critical"] .energy-meter i,.creature-screen[data-vitality="dying"] .energy-meter i{background:linear-gradient(90deg,#ff425f,#ff7d87);box-shadow:0 0 13px #ff496878}.creature-screen[data-vitality="dormant"] .energy-meter i{background:#59606b;box-shadow:none}.life-badge.euphoric{background:#123c31;color:#83f6c1}.life-badge.happy{background:#123c31;color:#83f6c1}.life-badge.healthy{background:#17394a;color:#84d9ff}.life-badge.tired{background:#453913;color:#ffe07e}.life-badge.sick{background:#4b2b16;color:#ffb77c}.life-badge.critical,.life-badge.dying{background:#4a1724;color:#ff90a1}.life-badge.dormant{background:#252a32;color:#aeb7c2}@keyframes creatureBlink{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.08)}}@keyframes creatureHealthy{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.015,.985)}}@keyframes creatureHappy{0%,100%{transform:translateY(0) rotate(-1deg)}35%{transform:translateY(-10px) rotate(2deg)}65%{transform:translateY(-5px) rotate(-2deg)}}@keyframes creatureEuphoric{0%,100%{transform:translateY(5px) scale(1.02,.98) rotate(-2deg)}30%{transform:translateY(-20px) scale(.96,1.04) rotate(3deg)}55%{transform:translateY(2px) scale(1.06,.94) rotate(-2deg)}78%{transform:translateY(-11px) scale(.98,1.02) rotate(2deg)}}@keyframes creatureTired{0%,100%{transform:translateY(6px) rotate(-2deg) scaleY(.98)}50%{transform:translateY(11px) rotate(2deg) scaleY(.96)}}@keyframes creatureSick{0%,100%{transform:translate(0,8px) rotate(-2deg)}25%{transform:translate(-2px,9px) rotate(-3deg)}50%{transform:translate(2px,8px) rotate(0)}75%{transform:translate(-1px,10px) rotate(2deg)}}@keyframes creatureCritical{0%,100%{transform:translateY(14px) rotate(4deg) scale(.96)}50%{transform:translateY(17px) rotate(5deg) scale(.94,.92)}}@keyframes creatureDying{0%,100%{transform:translateY(19px) rotate(7deg) scale(.92)}50%{transform:translateY(21px) rotate(9deg) scale(.89,.86)}}@keyframes auraBreathe{50%{transform:scale(1.08);opacity:.72}}@keyframes auraHappy{50%{transform:scale(1.16);opacity:.9}}@keyframes auraCritical{50%{transform:scale(.9);opacity:.48}}@keyframes fxFloat{0%{opacity:0;margin-top:18px}25%{opacity:1}100%{opacity:0;margin-top:-42px}}@keyframes toastIn{from{opacity:0;transform:translate(-50%,10px) scale(.96)}}@keyframes panelUp{from{transform:translateY(22px);opacity:0}}@media(max-height:720px){.creature-focus{top:7%;height:35%}.creature-avatar-live{width:124px;height:139px}.creature-avatar-live .creature-eyes{top:39px}.creature-avatar-live .mouth{top:80px}.creature-identity-card{top:40.5%;padding-top:8px;padding-bottom:7px}.need-now-card{min-height:64px;bottom:56px}.creature-dock{height:42px}.creature-mini-meta{margin-top:5px}.energy-line{margin-top:6px}.creature-aura{width:205px;height:205px}}@media(max-height:640px){.creature-hud-top{top:6px}.weather-pill,.trip-pill{min-height:38px}.creature-focus{top:6%;height:32%}.creature-avatar-live{width:108px;height:121px}.creature-avatar-live .creature-eyes{top:33px;transform:translateX(-50%) scale(.88)}.creature-avatar-live .mouth{top:70px}.creature-identity-card{top:35.8%}.creature-mini-meta{display:none}.need-now-card{bottom:53px}.need-now-copy span{display:none}.creature-dock{bottom:5px;height:40px}.creature-overlay-card{height:80%}}@media(min-width:621px){.creature-shell{border-left:1px solid #12263a;border-right:1px solid #12263a}.creature-avatar-live{width:158px;height:176px}.creature-focus{top:9%;height:39%}}
.creature-avatar-live[data-limbs="none"] .limb{display:none}.creature-avatar-live[data-limbs="wings"] .limb{bottom:47px;width:54px;height:31px;border-radius:70% 20% 70% 20%;opacity:.9}.creature-avatar-live[data-limbs="wings"] .limb.l1{left:-39px;transform:rotate(-20deg);animation:wingLeft .65s ease-in-out infinite}.creature-avatar-live[data-limbs="wings"] .limb.l2{right:-39px;transform:scaleX(-1) rotate(-20deg);animation:wingRight .65s ease-in-out infinite}.creature-avatar-live[data-limbs="tentacles"] .limb{height:62px;width:18px;border-radius:50% 50% 70% 30%;bottom:-35px}.creature-avatar-live[data-limbs="legs"] .limb{height:52px;width:26px}.creature-avatar-live[data-limbs="tiny"] .limb{height:35px;width:20px;bottom:-8px}.creature-avatar-live.care-burst{animation:careBurst .85s cubic-bezier(.2,.9,.3,1)!important;filter:saturate(1.35) brightness(1.18)!important}.weather-pill.loading .refresh-mark{animation:refreshSpin .7s linear infinite}.weather-pill.loading{opacity:.72}@keyframes refreshSpin{to{transform:rotate(360deg)}}@keyframes careBurst{0%{transform:scale(1)}28%{transform:scale(1.18) rotate(-4deg)}55%{transform:scale(.95) rotate(3deg)}78%{transform:scale(1.08) rotate(-1deg)}100%{transform:scale(1)}}@keyframes wingLeft{50%{transform:rotate(-40deg) translateY(-5px)}}@keyframes wingRight{50%{transform:scaleX(-1) rotate(-40deg) translateY(-5px)}}
.creature-screen[data-need="heat"]{background:radial-gradient(circle at 50% 28%,#5d3217 0,#24131a 35%,#02050b 73%)}.creature-screen[data-need="cold"],.creature-screen[data-need="snow"]{background:radial-gradient(circle at 50% 28%,#164d69 0,#081c2d 35%,#02050b 73%)}.creature-screen[data-need="rain"]{background:radial-gradient(circle at 50% 28%,#243e5c 0,#0a1728 35%,#02050b 73%)}.creature-screen[data-need="wind"]{background:radial-gradient(circle at 50% 28%,#26474f 0,#0a1922 35%,#02050b 73%)}
.creature-avatar-live[data-body="quad"]{border-radius:46% 54% 55% 45%;width:154px;height:132px}.creature-avatar-live[data-body="quad"] .creature-eyes{top:38px}.creature-avatar-live[data-body="quad"] .mouth{top:76px}.creature-avatar-live[data-pattern="bands"]{background-image:repeating-linear-gradient(160deg,transparent 0 18px,#ffffff18 19px 27px,transparent 28px 42px),radial-gradient(circle at 34% 20%,#fff 0 2%,color-mix(in srgb,var(--creature) 75%,white) 9%,var(--creature) 40%,#26305b 72%,#03050b 100%)}.creature-avatar-live[data-pattern="stars"]:before{content:"✦  ·  ✦  ·  ✧";position:absolute;inset:24px 12px auto;color:#ffffff6d;font-size:13px;letter-spacing:5px;text-align:center;transform:rotate(-8deg);z-index:3}.creature-avatar-live[data-pattern="glow"]{box-shadow:0 0 42px color-mix(in srgb,var(--creature) 85%,transparent),0 0 120px color-mix(in srgb,var(--creature) 45%,transparent),inset -21px -26px 32px #0007}.creature-avatar-live[data-skin="scale"]:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle,#ffffff19 0 2px,transparent 3px) 0 0/13px 13px;mix-blend-mode:screen;opacity:.55}.creature-avatar-live[data-skin="feather"]:after{content:"";position:absolute;inset:12px;border-radius:inherit;background:repeating-linear-gradient(125deg,transparent 0 8px,#ffffff15 9px 11px,transparent 12px 18px);opacity:.75}.creature-avatar-live[data-skin="gel"]{opacity:.93;box-shadow:0 0 36px color-mix(in srgb,var(--creature) 60%,transparent),inset 12px 12px 24px #ffffff18,inset -20px -24px 30px #0005}
/* ===== MONSTRIP · WALLET / RESCUE / MICROGAMES ===== */
.header-actions{display:flex;align-items:center;gap:9px}.op-header-pill,.wallet-mini{display:flex;align-items:center;gap:5px;text-decoration:none;background:linear-gradient(135deg,#17362d,#0d241e);border:1px solid #2d6655;color:#8cf3c4;border-radius:999px;padding:7px 10px;line-height:1}.op-header-pill b,.wallet-mini b{font-size:14px}.op-header-pill small,.wallet-mini small{font-size:9px;font-weight:900;letter-spacing:.08em;color:#a9c9ba}.wallet-banner{margin:10px 14px 0;padding:12px 13px;border:1px solid #214a3d;border-radius:17px;background:linear-gradient(135deg,#0c201a,#0a1720);display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 10px 28px #0005}.wallet-banner>div{display:grid;gap:2px}.wallet-banner span{font-size:9px;font-weight:900;letter-spacing:.14em;color:#70dcae}.wallet-banner strong{font-size:21px}.wallet-banner small{font-size:10px;color:#88a69a}.wallet-banner a{white-space:nowrap;text-decoration:none;color:#06130d;background:#79eabb;border-radius:12px;padding:10px 11px;font-size:10px;font-weight:950;letter-spacing:.05em}.creature-header-actions{gap:6px}.wallet-mini{padding:6px 8px;min-width:50px;justify-content:center}.rescue-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 2px}.rescue-head>div{display:grid;gap:3px}.rescue-head span,.panel-subtitle{font-size:10px;font-weight:950;letter-spacing:.09em;color:#81a2bd}.rescue-head strong{font-size:18px}.rescue-head a{font-size:11px;color:#7df1bd;text-decoration:none;font-weight:900}.rescue-store{display:grid;gap:8px}.rescue-choice{width:100%;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;text-align:left;border:1px solid #21384d;background:#0b1724;color:#fff;border-radius:14px;padding:11px}.rescue-choice>span{font-size:24px}.rescue-choice>div{display:grid;gap:2px}.rescue-choice strong{font-size:13px}.rescue-choice small{font-size:10px;color:#829bb1;line-height:1.25}.rescue-choice>b{color:#91efc7;font-size:12px}.rescue-choice:disabled{opacity:.42;filter:grayscale(.35)}
.games-page{background:#030711;color:#f5f8ff;min-height:100vh}.games-shell{max-width:620px;margin:0 auto;min-height:100vh;background:radial-gradient(circle at 50% -10%,#173447 0,#07111d 38%,#030711 75%)}.games-header{height:66px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid #13263a;position:sticky;top:0;background:#06101dec;backdrop-filter:blur(14px);z-index:10}.games-header>div:nth-child(2){display:grid}.games-header small{font-size:9px;font-weight:900;letter-spacing:.12em;color:#7e9ab2}.games-header strong{font-size:16px}.game-wallet{display:grid;justify-items:end;background:#0d2a22;border:1px solid #245745;border-radius:13px;padding:7px 10px;line-height:1}.game-wallet b{font-size:18px;color:#86f1c1}.game-wallet small{font-size:9px;color:#9bb9ac}.games-main{padding:18px 14px 40px}.game-intro{padding:9px 2px 16px}.game-intro h1{font-size:31px;line-height:1.02;margin:5px 0 10px}.game-intro p{color:#9db0c2;font-size:13px;line-height:1.45}.daily-meter{margin-top:12px;display:grid;gap:6px}.daily-meter>span{height:8px;background:#111f2e;border-radius:99px;overflow:hidden}.daily-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#55dba5,#a8f578);border-radius:inherit}.daily-meter small{color:#9bb0c3}.microgame-list{display:grid;gap:10px}.microgame-card{width:100%;display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;text-align:left;background:linear-gradient(145deg,#0d1b2a,#091520);border:1px solid #1b3248;border-radius:18px;padding:14px;color:#fff}.microgame-card:disabled{opacity:.45}.microgame-icon{width:52px;height:52px;border-radius:15px;background:#10283a;display:grid;place-items:center;font-size:27px}.microgame-card div:nth-child(2){display:grid;gap:2px}.microgame-card small{font-size:9px;color:#77cda9;font-weight:900;letter-spacing:.1em}.microgame-card strong{font-size:17px}.microgame-card p{font-size:11px;line-height:1.35;color:#8fa5b8;margin:2px 0 0}.microgame-card>span{font-size:10px;font-weight:950;color:#86efc2;white-space:nowrap}.game-rules{margin-top:14px;background:#08131f;border:1px solid #152a3d;border-radius:16px;padding:13px;display:grid;gap:5px}.game-rules b{font-size:12px}.game-rules span{font-size:10px;line-height:1.45;color:#8399ad}.game-modal{position:fixed;inset:0;z-index:80;background:#02050aed;display:grid;place-items:center;padding:12px}.game-modal.hidden{display:none}.game-stage{width:min(100%,430px);height:min(760px,calc(100vh - 24px));background:linear-gradient(180deg,#0a1724,#040a12);border:1px solid #1d344a;border-radius:24px;overflow:hidden;display:grid;grid-template-rows:58px auto 1fr auto;box-shadow:0 24px 80px #000a}.game-stage-head{display:grid;grid-template-columns:1fr auto;align-items:center;padding:10px 12px;border-bottom:1px solid #172b3d}.game-stage-head>div{display:grid}.game-stage-head small{font-size:9px;color:#79d7b1;font-weight:900;letter-spacing:.1em}.game-stage-head strong{font-size:17px}.game-instructions{padding:12px 14px;font-size:12px;color:#9eb3c6;line-height:1.45;min-height:54px}.game-area{min-height:0;display:grid;place-items:center;padding:8px 12px;overflow:hidden}.game-hud{min-height:44px;padding:12px;text-align:center;color:#8fa9bf;font-size:12px;font-weight:800}.path-canvas{width:min(100%,320px);max-height:100%;aspect-ratio:320/430;border:1px solid #17324a;border-radius:18px;touch-action:none;box-shadow:inset 0 0 35px #0008}.path-canvas.game-fail{animation:gameShake .35s}.reflex-grid,.memory-grid{width:min(82vw,330px);aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.reflex-cell,.memory-cell{border:1px solid #17344a;border-radius:18px;background:#0b1926;box-shadow:inset 0 0 18px #0004;transition:.1s}.reflex-cell.decoy{background:#182031}.reflex-cell.target{background:#5ce7ac;box-shadow:0 0 28px #63eab5}.reflex-cell.hit,.memory-cell.flash,.memory-cell.tap{background:#74f2bc;transform:scale(.92);box-shadow:0 0 30px #75efbe}.reflex-cell.wrong,.memory-cell.wrong{background:#ff6178;box-shadow:0 0 28px #ff607a}.game-result{display:grid;justify-items:center;text-align:center;gap:8px;padding:8px 10px}.game-result>span{font-size:52px}.game-result strong{font-size:29px}.game-result.win strong{color:#8af0c1}.game-result.lose strong{color:#c4d0db}.game-result p{margin:0;color:#91a6b9}.game-result button{margin-top:8px;min-width:180px}@keyframes gameShake{25%{transform:translateX(-7px)}50%{transform:translateX(7px)}75%{transform:translateX(-4px)}}
@media(max-width:430px){.wallet-banner{margin-left:8px;margin-right:8px}.wallet-banner small{display:none}.wallet-banner a{font-size:9px;padding:9px}.op-header-pill{padding:6px 8px}.game-intro h1{font-size:27px}.microgame-card{grid-template-columns:46px 1fr}.microgame-card>span{grid-column:2}.microgame-icon{width:46px;height:46px}}

/* ===== MONSTRIP · NOTIFICACIONES OBLIGATORIAS / REGISTRO DE TELÉFONO ===== */
body.push-locked{overflow:hidden!important;touch-action:none}.mandatory-push-gate{position:fixed;inset:0;z-index:100000;background:radial-gradient(circle at 50% 16%,#173d34 0,#08151a 34%,#02060b 74%);display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom));overflow:auto}.mandatory-push-gate.hidden{display:none}.mandatory-push-card{width:min(100%,440px);background:linear-gradient(180deg,#0c1c25f5,#061018f8);border:1px solid #254739;border-radius:28px;padding:24px 20px 18px;box-shadow:0 30px 90px #000b,0 0 70px #58e4ac16;text-align:center}.push-lock-icon{width:74px;height:74px;margin:0 auto 14px;border-radius:24px;display:grid;place-items:center;font-size:34px;background:linear-gradient(145deg,#173c31,#0c241e);border:1px solid #34765f;box-shadow:0 0 34px #67e5b52b}.mandatory-push-card h1{font-size:28px;line-height:1.02;margin:6px 0 10px;letter-spacing:-.03em}.push-gate-lead{margin:0 auto 18px;max-width:340px;color:#9fb4c3;font-size:13px;line-height:1.45}.push-checks{display:grid;gap:8px;text-align:left;margin:14px 0}.push-checks>div{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:10px;padding:10px 11px;border:1px solid #243645;border-radius:14px;background:#08131d}.push-checks>div>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#172632;color:#8297a8;font-weight:950}.push-checks>div>div{display:grid;gap:2px}.push-checks b{font-size:12px}.push-checks small{font-size:10px;color:#8096a7;line-height:1.3}.push-checks>div.ok{border-color:#285946;background:#0b1c18}.push-checks>div.ok>span{background:#62e7af;color:#052015}.push-checks>div.ok small{color:#91bca9}.push-checks>div.bad{border-color:#653343;background:#211017}.push-checks>div.bad>span{background:#ff6e84;color:#2b0710}.push-checks>div.pending>span{background:#233849;color:#9db2c2}.push-gate-message{min-height:52px;margin:12px 0;padding:11px 12px;border-radius:13px;background:#07131d;border:1px solid #172d3d;color:#a6bac8;font-size:11px;line-height:1.45;text-align:left}.push-gate-foot{margin:11px 4px 0;font-size:10px;color:#698091;line-height:1.35}.push-active{border-color:#2a6d54!important;color:#83edbd!important;background:#10261e!important;opacity:1!important}.mandatory-push-card .primary:disabled{opacity:.65;cursor:wait}@media(max-width:430px){.mandatory-push-gate{padding-left:12px;padding-right:12px}.mandatory-push-card{border-radius:24px;padding:21px 16px 16px}.mandatory-push-card h1{font-size:25px}.push-lock-icon{width:66px;height:66px;border-radius:21px;font-size:31px}}

/* MonsTrip multilingual first-run gate */
.language-gate{position:fixed;inset:0;z-index:100000;background:radial-gradient(circle at 50% 18%,rgba(73,113,255,.24),transparent 34%),linear-gradient(180deg,#07101f,#03060d);display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) 18px max(20px,env(safe-area-inset-bottom));overflow:auto}
.language-card{width:min(520px,100%);background:rgba(10,18,33,.96);border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 90px rgba(0,0,0,.5);border-radius:28px;padding:26px 20px 22px;text-align:center}
.language-monster{width:76px;height:76px;display:grid;place-items:center;margin:0 auto 8px;border-radius:26px;background:linear-gradient(145deg,#653cff,#21c9a7);font-size:40px;box-shadow:0 12px 35px rgba(84,76,255,.35);animation:languageMonster 2.2s ease-in-out infinite}
.language-brand{font-size:30px;font-weight:950;letter-spacing:-1.2px;margin-bottom:14px}.language-card h1{font-size:24px;margin:0 0 8px}.language-card>p{color:var(--muted,#9aacc2);font-size:13px;line-height:1.5;margin:0 auto 18px;max-width:400px}.language-card>small{display:block;color:var(--muted,#8294aa);margin-top:16px;font-size:11px;line-height:1.45}
.language-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.language-grid button{min-height:62px;border-radius:18px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);color:#fff;font:inherit;font-size:16px;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:.18s transform,.18s border-color,.18s background}.language-grid button:hover,.language-grid button:focus-visible{transform:translateY(-2px);border-color:rgba(126,236,200,.65);background:rgba(126,236,200,.1);outline:none}.language-grid button:disabled{opacity:.5;transform:none}
@keyframes languageMonster{50%{transform:translateY(-6px) rotate(2deg)}}
@media(max-width:390px){.language-card{padding:20px 14px 18px;border-radius:24px}.language-grid{gap:8px}.language-grid button{min-height:56px;font-size:14px}.language-monster{width:66px;height:66px;font-size:34px}.language-brand{font-size:27px}}

/* ===== V10 · RELAY / EGG / PASSPORT / TRIP EXPERIENCE ===== */
.egg-section{margin:12px 0 4px}.egg-card{display:grid;grid-template-columns:64px 1fr auto;gap:13px;align-items:center;padding:14px;border:1px solid #1d3448;border-radius:20px;background:linear-gradient(145deg,#0a1825,#07111c);box-shadow:inset 0 1px rgba(255,255,255,.04)}.egg-card[data-status="waiting"]{border-color:#5b4c2a;background:linear-gradient(145deg,#19170e,#0b1219)}.egg-card[data-status="ready"]{border-color:#34765f;background:radial-gradient(circle at 10% 10%,#1a4435,#0b1b1b 45%,#07111b);box-shadow:0 0 40px #63e8b016}.egg-orb{width:60px;height:60px;border-radius:22px;display:grid;place-items:center;font-size:33px;background:#102235;border:1px solid #27425b;box-shadow:inset 0 0 20px #0006}.egg-card[data-status="waiting"] .egg-orb{animation:eggBreathe 2.5s ease-in-out infinite;background:#24200e}.egg-card[data-status="ready"] .egg-orb{animation:eggReady 1.2s ease-in-out infinite;background:#133a2c}.egg-copy{min-width:0;display:grid;gap:3px}.egg-copy .eyebrow{margin:0;color:#7f9bb4;font-size:9px}.egg-copy strong{font-size:13px;line-height:1.35}.egg-copy p{margin:0;font-size:10px;line-height:1.35}.egg-card button{font-size:9px;white-space:nowrap;padding:9px 10px}.relay-explainer{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:12px 14px;margin:8px 0 18px;border-left:3px solid #5de2ae;background:#08141f;border-radius:0 14px 14px 0}.relay-explainer-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:#0e2a23;font-size:20px}.relay-explainer strong{font-size:12px}.relay-explainer p{font-size:10px;line-height:1.4;color:#8198aa;margin:4px 0 0}@keyframes eggBreathe{50%{transform:scale(1.06) rotate(2deg);box-shadow:0 0 22px #f4d66a25}}@keyframes eggReady{50%{transform:translateY(-4px) rotate(-3deg);filter:brightness(1.18)}}

.relay-arrival-page{margin:0;min-height:100dvh;background:radial-gradient(circle at 50% 8%,#203a5c 0,#091425 34%,#03070d 75%);color:#fff;overflow-x:hidden}.relay-arrival-shell{min-height:100dvh;display:grid;place-items:center;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}.relay-arrival-card{width:min(100%,450px);max-height:calc(100dvh - 24px);overflow:auto;text-align:center;padding:17px 16px 15px;border:1px solid #1e354c;border-radius:28px;background:linear-gradient(180deg,#0c1b2bf2,#050c15f5);box-shadow:0 30px 90px #000b;scrollbar-width:none}.relay-arrival-card::-webkit-scrollbar{display:none}.relay-brand{display:flex;justify-content:center;align-items:center;gap:7px;font-size:11px;letter-spacing:.08em;color:#91a9bd;margin-bottom:7px}.relay-brand span{font-size:16px}.relay-arrival-card .eyebrow{margin:0 0 7px}.arrival-creature-stage{height:170px;position:relative;display:grid;place-items:center;margin:-4px 0 2px;isolation:isolate}.arrival-creature-stage .mystery-creature,.arrival-creature-stage .mini-creature{z-index:3;transform:scale(1.55)}.arrival-pulse{position:absolute;width:110px;height:110px;border-radius:50%;border:1px solid #69e7bb55;z-index:1;animation:arrivalPulse 2.4s ease-out infinite}.arrival-pulse.p2{animation-delay:1.2s}.relay-arrival-card.received .arrival-pulse{border-color:#ffe48355}.relay-arrival-card h1{font-size:30px;line-height:1;margin:3px 0 8px;letter-spacing:-.04em}.relay-lead{color:#9eb1c1;font-size:12px;line-height:1.42;max-width:360px;margin:0 auto 12px}.relay-preview-facts,.arrival-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.relay-preview-facts>span,.arrival-stats>div{display:grid;gap:2px;padding:8px 5px;border:1px solid #183249;background:#091725;border-radius:13px}.relay-preview-facts b,.arrival-stats b{font-size:13px}.arrival-stats span{font-size:8px;color:#7790a5;text-transform:uppercase;letter-spacing:.07em}.relay-promise{display:grid;grid-template-columns:38px 1fr;gap:9px;text-align:left;align-items:center;padding:10px;margin:10px 0 12px;border:1px solid #574c2d;border-radius:14px;background:#17150c}.relay-promise>span{font-size:28px}.relay-promise div{display:grid;gap:2px}.relay-promise strong{font-size:11px}.relay-promise small{font-size:9px;line-height:1.35;color:#b5a97b}.relay-main-button{min-height:50px}.relay-success{display:grid;gap:8px}.relay-success h2{font-size:25px;margin:0}.relay-host-badge{width:54px;height:54px;margin:1px auto -3px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#65e4b1,#386eec);color:#051219;font-size:18px;font-weight:950;box-shadow:0 10px 35px #56d9ab2b}.relay-host-line{font-size:12px;color:#c6d5df;margin:0}.passport-promise{padding:9px;border:1px solid #223d54;background:#0b1b29;border-radius:13px;color:#b9cad6;font-size:10px}.relay-egg-card{display:grid;grid-template-columns:54px 1fr;gap:10px;text-align:left;padding:11px;border-radius:16px;border:1px solid #65582f;background:#1b170c}.relay-egg-card.ready{border-color:#34765f;background:#0c231b}.egg-visual{width:52px;height:52px;display:grid;place-items:center;font-size:29px;border-radius:17px;background:#28220e}.relay-egg-card small{font-size:8px;color:#a99758;letter-spacing:.12em}.relay-egg-card strong{display:block;font-size:12px;margin:2px 0}.relay-egg-card p{margin:0;font-size:9px;line-height:1.35;color:#b5aa82}.relay-button{border-color:#34765f!important;background:#0d251d!important;color:#8ff0c3!important}.relay-help{font-size:9px;line-height:1.4;color:#71889a;margin:0 6px 3px}@keyframes arrivalPulse{0%{opacity:.7;transform:scale(.72)}100%{opacity:0;transform:scale(1.7)}}

.creature-role-line{font-size:9px;font-weight:900;letter-spacing:.08em;color:#88a4b8;text-transform:uppercase;margin-top:3px}.passport-list{display:grid;gap:8px}.passport-row{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:start;padding:10px;border:1px solid #173047;background:#081623;border-radius:14px}.passport-number{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#102a3e;color:#87eabf;font-size:11px;font-weight:950}.passport-row>div:nth-child(2){display:grid;gap:2px;min-width:0}.passport-row strong{font-size:11px}.passport-row small{font-size:9px;color:#7e96aa}.passport-row time{font-size:8px;color:#60798e;white-space:nowrap}.passport-stamp{grid-column:2/4;margin-top:4px;padding:7px 8px;background:#151c28;border-radius:10px;font-size:9px;line-height:1.35;color:#c9d3dc}.guardian-passport{padding:10px;border:1px solid #3b315b;border-radius:14px;background:#120f20;margin-bottom:9px;font-size:10px;color:#bdb2de}.stamp-box{display:grid;gap:8px;padding:11px;border:1px solid #29445a;background:#0b1824;border-radius:15px;margin:10px 0}.stamp-box h4{margin:0;font-size:12px}.stamp-box textarea{min-height:72px;resize:none;background:#06101a;border:1px solid #203b51;border-radius:12px;color:#fff;padding:10px;font:inherit;font-size:11px}.stamp-emojis{display:flex;gap:6px;flex-wrap:wrap}.stamp-emojis button{width:37px;height:37px;padding:0;border-radius:11px;border:1px solid #23415a;background:#0b1c2b;font-size:18px}.stamp-emojis button.active{border-color:#72e9bc;background:#153b2e;transform:scale(1.07)}.mission-intro{font-size:10px;line-height:1.45;color:#8097a9;margin:0 0 10px}.mission-list{display:grid;gap:8px}.mission-row{display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding:9px 10px;border:1px solid #173047;border-radius:13px;background:#081623}.mission-row.done{border-color:#2b604c;background:#0b2019}.mission-row strong{font-size:10px}.mission-row>span{font-size:9px;color:#8ca1b1}.mission-bar{grid-column:1/3;height:5px;background:#102231;border-radius:99px;overflow:hidden}.mission-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5be3ae,#7aa9ff)}.weather-game-cta{display:grid;grid-template-columns:44px 1fr auto;gap:9px;align-items:center;padding:11px;margin:11px 0;border:1px solid #3a5b72;background:linear-gradient(145deg,#0d2230,#0a1723);border-radius:15px;text-decoration:none;color:#fff}.weather-game-cta>span:first-child{font-size:24px}.weather-game-cta strong{font-size:11px;display:block}.weather-game-cta small{font-size:9px;color:#8298aa;line-height:1.3}.weather-game-cta>span:last-child{color:#79e6ba;font-weight:950}.game-context-card{display:grid;grid-template-columns:50px 1fr;gap:11px;align-items:center;padding:12px 13px;margin-bottom:12px;border-radius:17px;border:1px solid #315268;background:radial-gradient(circle at 0 0,#15394a,#0a1926 65%)}.game-context-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#102b3c;font-size:25px}.game-context-card div:last-child{display:grid;gap:2px}.game-context-card small{font-size:8px;letter-spacing:.12em;color:#71dbb0;font-weight:900}.game-context-card strong{font-size:14px}.game-context-card p{margin:0;font-size:10px;line-height:1.35;color:#94a9ba}.game-context-card span{font-size:9px;color:#78e0b5;font-weight:800}

@media(max-width:430px){.egg-card{grid-template-columns:54px 1fr;}.egg-orb{width:52px;height:52px}.egg-card button{grid-column:2;width:max-content}.relay-arrival-card{border-radius:24px;padding:14px 13px 13px}.arrival-creature-stage{height:150px}.relay-arrival-card h1{font-size:27px}}
.microgame-card.recommended{border-color:#4b9978;box-shadow:0 0 0 1px #5de1ad22,0 12px 34px #0005;position:relative}.recommended-chip{position:absolute!important;right:10px!important;top:8px!important;grid-column:auto!important;background:#69e7b5!important;color:#052016!important;border-radius:999px!important;padding:4px 7px!important;font-size:7px!important;letter-spacing:.08em!important;font-weight:950!important}

/* ===== V11 WORLD UNIVERSE ===== */
.world-v11-page{background:#030711;color:#eef7ff;min-height:100vh}.world-v11-shell{max-width:980px;margin:0 auto;padding-bottom:84px}.world-v11-header{position:sticky;top:0;z-index:60;display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:12px 14px;background:#030711e8;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff0a}.world-v11-live{display:flex;align-items:center;gap:7px;border:1px solid #1b3952;background:#081521;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900;letter-spacing:.12em;color:#9ed9ff}.world-v11-live i{width:7px;height:7px;background:#67f0ac;border-radius:50%;box-shadow:0 0 12px #67f0ac;animation:worldLive 1.7s ease-in-out infinite}.world-v11-hero{position:relative;height:520px;overflow:hidden;border-bottom:1px solid #10263a;background:radial-gradient(circle at 52% 36%,#123250 0,#061321 45%,#02060d 75%)}.world-v11-globe{position:absolute;inset:-10px 0 auto 0;width:100%;height:410px;opacity:.92}.world-v11-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,#03071117 48%,#030711 84%);pointer-events:none}.world-v11-copy{position:absolute;left:18px;right:18px;bottom:116px;z-index:3;max-width:620px}.world-v11-copy h1{font-size:clamp(29px,6vw,52px);line-height:.98;letter-spacing:-.045em;margin:4px 0 10px}.world-v11-copy>p:last-child{font-size:13px;line-height:1.45;color:#9eb2c5;max-width:540px;margin:0}.world-v11-stats{position:absolute;z-index:4;left:14px;right:14px;bottom:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.world-v11-stats>div{min-width:0;padding:10px;border:1px solid #183852;border-radius:16px;background:#081523cf;backdrop-filter:blur(12px);display:grid;grid-template-columns:auto 1fr;column-gap:6px;align-items:center}.world-v11-stats>div>span{grid-row:1/3;font-size:17px}.world-v11-stats strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.world-v11-stats small{font-size:7px;color:#8fa7bb;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.world-v11-discovery-intro,.world-v11-featured-wrap,.world-v11-explore,.world-v11-pulse{padding:24px 14px 0}.world-v11-discovery-intro>div{border:1px solid #183850;border-radius:22px;background:linear-gradient(135deg,#0b1b2d,#07111c);padding:18px}.world-v11-discovery-intro h2{font-size:22px;line-height:1.05;margin:5px 0 8px;letter-spacing:-.03em}.world-v11-discovery-intro p:last-child{font-size:12px;line-height:1.5;color:#93aabc;margin:0}.world-featured-card{border:1px solid #214761;border-radius:25px;background:linear-gradient(145deg,#0c2032,#07111c);overflow:hidden;display:grid;grid-template-columns:minmax(180px,.8fr) 1.2fr;min-height:260px}.world-featured-art{position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#173e5e,#07111d 68%);min-height:260px}.world-featured-art:after{content:'';position:absolute;inset:18px;border:1px solid #ffffff10;border-radius:50%;transform:scale(.9)}.featured-location{position:absolute;bottom:14px;left:14px;right:14px;text-align:center;padding:8px 10px;border:1px solid #24465e;background:#06111bd6;border-radius:999px;font-size:9px;font-weight:800;color:#b7cadd}.world-featured-copy{padding:22px;display:flex;flex-direction:column;justify-content:center}.featured-kicker{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:9px;color:#90a8bd;text-transform:uppercase;letter-spacing:.08em}.energy-dot{padding:5px 8px;border-radius:999px;background:#123145}.energy-dot.great{color:#77efaf}.energy-dot.ok{color:#8ed9ff}.energy-dot.low{color:#ffd276}.energy-dot.critical{color:#ff8d9b}.world-featured-copy h3{font-size:36px;line-height:1;margin:10px 0 4px;letter-spacing:-.05em}.world-featured-copy>p{color:#8fa8bc;margin:0 0 16px;font-size:11px}.featured-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:14px}.featured-numbers>div{background:#06131f;border:1px solid #193b54;border-radius:13px;padding:9px;display:grid}.featured-numbers strong{font-size:14px}.featured-numbers small{font-size:7px;color:#7590a6;text-transform:uppercase}.world-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.world-card-actions button,.world-card-actions a{border:1px solid #2b536d;border-radius:12px;min-height:42px;padding:9px 11px;background:#10253a;color:#fff;font-size:10px;font-weight:900;text-align:center;display:flex;align-items:center;justify-content:center}.world-card-actions a{background:#f2f8fc;color:#06101a;border-color:#f2f8fc}.world-search{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;border:1px solid #1c3b53;background:#071522;border-radius:16px;padding:0 10px}.world-search span{font-size:19px;color:#7894a9}.world-search input{background:transparent;border:0;color:#fff;padding:13px 2px;outline:0;font-size:13px;min-width:0}.world-search button{border:0;background:transparent;color:#7894a9;font-size:19px;padding:7px}.world-filter-row{display:flex;gap:7px;overflow:auto;padding:10px 0 3px;scrollbar-width:none}.world-filter-row::-webkit-scrollbar{display:none}.world-filter-row button{flex:0 0 auto;border:1px solid #1b3a52;background:#071522;color:#9bb0c2;border-radius:999px;padding:8px 11px;font-size:9px;font-weight:900}.world-filter-row button.active{background:#eaf7ff;color:#06101a;border-color:#eaf7ff}.world-creature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.world-creature-card{border:1px solid #183850;background:linear-gradient(160deg,#0a1a28,#06111c);border-radius:19px;overflow:hidden;min-width:0}.world-card-main{display:grid;grid-template-columns:80px 1fr;gap:10px;padding:12px;color:inherit;text-decoration:none}.world-card-visual{position:relative;display:grid;place-items:center;min-height:92px;border-radius:15px;background:radial-gradient(circle,#163956,#07101b 72%);overflow:hidden}.energy-ring{position:absolute;right:5px;bottom:5px;border-radius:999px;background:#06101ce8;border:1px solid #29536d;padding:3px 5px;font-size:7px;font-weight:900}.energy-ring.great{color:#6ff0ad}.energy-ring.low{color:#ffd06d}.energy-ring.critical{color:#ff8597}.world-card-copy{min-width:0}.world-card-title{display:flex;justify-content:space-between;gap:7px;align-items:center}.world-card-title strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.world-card-title span{font-size:7px;text-transform:uppercase;color:#72ccff}.world-card-copy p{font-size:9px;color:#8ca4b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px 0 9px}.world-card-kpis{display:flex;gap:8px;flex-wrap:wrap;font-size:8px;font-weight:850;color:#c9d8e3}.world-card-copy small{display:block;color:#6f8da4;font-size:7px;margin-top:6px}.world-card-buttons{display:grid;grid-template-columns:1fr 1fr 38px;gap:6px;padding:0 9px 9px}.world-card-buttons button{border:1px solid #254861;background:#0d2234;color:#d9e8f3;border-radius:11px;min-height:36px;padding:6px;font-size:8px;font-weight:900}.world-card-buttons .cheer{font-size:14px}.world-pulse-list{display:grid;gap:7px}.world-pulse-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid #15334a;border-radius:14px;background:#071522;color:inherit;text-decoration:none}.world-pulse-row>i{width:10px;height:10px;border-radius:50%;background:var(--pulse);box-shadow:0 0 14px var(--pulse)}.world-pulse-row strong{font-size:10px;display:block}.world-pulse-row small{font-size:8px;color:#819caf}.world-pulse-row time{font-size:8px;color:#6f879b}.world-empty{grid-column:1/-1;border:1px dashed #1c3c55;border-radius:18px;padding:30px;text-align:center;color:#7e98ae;display:grid;gap:8px;font-size:24px}.world-empty strong{font-size:11px}.world-v11-nav{position:fixed;z-index:55;left:50%;transform:translateX(-50%);bottom:8px;width:min(calc(100% - 18px),620px);height:50px;border:1px solid #214058;border-radius:18px;background:#071522ed;backdrop-filter:blur(16px);display:grid;grid-template-columns:repeat(3,1fr);padding:5px}.world-v11-nav a{display:flex;align-items:center;justify-content:center;border-radius:13px;color:#7893a8;font-size:9px;font-weight:900;text-decoration:none}.world-v11-nav a.active{background:#eaf7ff;color:#06101a}.world-mini-monster{position:relative;width:58px;height:66px;border-radius:48% 52% 43% 45%;background:var(--monster);box-shadow:inset -8px -10px 18px #0003,0 12px 24px #0007;animation:worldMonsterFloat 3.1s ease-in-out infinite}.world-mini-monster.large{width:118px;height:132px;box-shadow:inset -16px -20px 32px #0003,0 28px 50px #0008}.world-mini-monster[data-body="oval"]{border-radius:54% 46% 56% 44%}.world-mini-monster[data-body="blob"]{border-radius:58% 42% 63% 37% / 48% 52% 48% 52%}.world-mini-monster[data-skin="crystal"]{filter:saturate(.8);box-shadow:inset 8px 4px 20px #fff4,inset -10px -12px 24px #0018,0 12px 24px #0007}.wm-eyes{position:absolute;left:50%;top:28%;transform:translateX(-50%);display:flex;gap:5px;justify-content:center;width:80%}.wm-eyes i{width:9px;height:12px;background:#06101a;border-radius:50%;box-shadow:inset 3px 2px #fff}.large .wm-eyes i{width:18px;height:23px;box-shadow:inset 5px 4px #fff}.wm-eyes.eyes-1 i{width:14px}.large .wm-eyes.eyes-1 i{width:27px}.world-mini-monster>b{position:absolute;left:50%;top:59%;transform:translateX(-50%);width:15px;height:7px;border-bottom:3px solid #06101a;border-radius:0 0 50% 50%}.large.world-mini-monster>b{width:30px;height:14px;border-bottom-width:5px}.world-mini-monster>em{position:absolute;left:15%;right:15%;bottom:-6px;height:14px;border-radius:50%;background:#0004;filter:blur(5px)}@keyframes worldMonsterFloat{50%{transform:translateY(-6px) rotate(1deg)}}@keyframes worldLive{50%{opacity:.35;transform:scale(.72)}}
@media(max-width:680px){.world-v11-hero{height:480px}.world-v11-globe{height:360px}.world-v11-copy{bottom:118px}.world-v11-copy h1{font-size:31px}.world-v11-stats{grid-template-columns:repeat(2,1fr)}.world-featured-card{grid-template-columns:1fr}.world-featured-art{min-height:210px}.world-featured-copy{padding:16px}.world-featured-copy h3{font-size:29px}.world-creature-grid{grid-template-columns:1fr}.world-card-main{grid-template-columns:88px 1fr}.world-v11-discovery-intro,.world-v11-featured-wrap,.world-v11-explore,.world-v11-pulse{padding-left:12px;padding-right:12px}}
.journey-social-card{border:1px solid #1d4059;border-radius:15px;background:linear-gradient(145deg,#0b1c2c,#07131f);padding:10px;margin:7px 0;display:grid;gap:9px}.journey-social-card>div:first-child{display:grid;gap:3px}.journey-social-card>div:first-child small{font-size:8px;color:#70c7ff;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.journey-social-card>div:first-child strong{font-size:9px;color:#aec2d3;line-height:1.35;font-weight:700}.journey-social-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.journey-social-stats span{border:1px solid #16364e;border-radius:11px;background:#06121d;padding:7px;display:grid;font-size:7px;color:#829db2}.journey-social-stats b{font-size:13px;color:#fff}.journey-social-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.journey-social-actions button{border:1px solid #29516c;background:#10263a;color:#e6f3fc;border-radius:11px;padding:8px 5px;font-size:8px;font-weight:900;min-height:38px}.journey-social-actions button:disabled{opacity:.55}
.home-world-gateway{margin-top:12px}.home-world-gateway>a{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:15px;border:1px solid #1c4059;border-radius:20px;background:linear-gradient(135deg,#0d2438,#07131f);color:inherit;text-decoration:none;box-shadow:0 15px 45px #0002}.home-world-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#0a1b2a;border:1px solid #234d69;font-size:24px}.home-world-gateway .eyebrow{margin:0 0 4px}.home-world-gateway strong{display:block;font-size:13px;line-height:1.2}.home-world-gateway span{display:block;font-size:9px;color:#8ea8bb;line-height:1.4;margin-top:4px}.home-world-gateway>a>b{font-size:22px;color:#85d6ff}
/* V12 Growth & Story */
.creature-dock{grid-template-columns:repeat(5,1fr)!important}.creature-dock .dock-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#89a5bb;text-decoration:none;border:0;background:transparent;font-size:10px}.creature-dock .dock-link span{font-size:20px}.context-hidden{display:none!important}.game-rules.subtle{opacity:.72}.world-v12-strip,.world-v12-records{padding:0 18px}.world-horizontal{display:flex;gap:9px;overflow:auto;scrollbar-width:none;padding-bottom:4px}.world-horizontal::-webkit-scrollbar{display:none}.world-compact-card{flex:0 0 176px;border:1px solid #173850;border-radius:18px;background:linear-gradient(155deg,#0a1b2b,#06111c);padding:12px;color:inherit;text-decoration:none;display:grid;gap:5px}.world-compact-card>div{height:96px;border-radius:14px;background:radial-gradient(circle,#173c58,#07111b 72%);display:grid;place-items:center}.world-compact-card strong{font-size:14px}.world-compact-card small,.world-compact-card span{font-size:8px;color:#8199ad}.record-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.record-card{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;border:1px solid #173850;border-radius:16px;background:#071522;padding:12px;color:inherit;text-decoration:none}.record-card>span{width:42px;height:42px;border-radius:13px;background:#10263a;display:grid;place-items:center;font-size:21px}.record-card div{display:grid;gap:2px}.record-card small{font-size:8px;color:#76cfff;font-weight:900}.record-card strong{font-size:13px}.record-card b{font-size:10px;color:#91aabd}.recap-page{background:radial-gradient(circle at 50% 0,#173b60,#06101b 38%,#02050a 100%)}.recap-shell{max-width:720px;margin:auto;padding:env(safe-area-inset-top) 18px 60px}.recap-header{position:sticky;top:0;z-index:10;background:#06101bd9;backdrop-filter:blur(18px);margin:0 -18px;padding:0 18px}.recap-header>div{display:grid;text-align:center}.recap-header small{font-size:9px;color:#7997ad}.recap-hero{text-align:center;padding:32px 12px 26px}.recap-monster{font-size:76px;filter:drop-shadow(0 20px 24px #0008);animation:worldMonsterFloat 3s ease-in-out infinite}.recap-hero h1{font-size:clamp(42px,12vw,72px);letter-spacing:-.055em;margin:6px 0}.recap-hero p{color:#9fb3c5}.recap-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.recap-stats div{background:#081723;border:1px solid #17374e;border-radius:15px;padding:11px;display:grid}.recap-stats small{font-size:8px;color:#7e9bb0;text-transform:uppercase}.recap-stats strong{font-size:18px}.recap-moments,.recap-route{display:grid;gap:8px}.recap-moment{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;background:#081723;border:1px solid #17374e;border-radius:15px;padding:11px}.recap-moment>span{font-size:25px}.recap-moment div{display:grid}.recap-moment small{font-size:9px;color:#849fb3}.recap-route>div{display:grid;grid-template-columns:40px 1fr;gap:5px 10px;background:#071420;border:1px solid #16334a;border-radius:14px;padding:10px}.recap-route b{grid-row:1/3;color:#6ecbff}.recap-route small{color:#7e99ad;font-size:9px}@media(max-width:560px){.record-grid{grid-template-columns:1fr}.recap-stats{grid-template-columns:repeat(2,1fr)}.world-v12-strip,.world-v12-records{padding-left:12px;padding-right:12px}.creature-dock{gap:0}.creature-dock button,.creature-dock .dock-link{padding-left:4px!important;padding-right:4px!important}}
.first-run .game-progress,.first-run #ranking,.first-run section:has(#activityFeed){display:none}
.soft-push-card{margin:12px 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:13px;border:1px solid #234663;border-radius:18px;background:linear-gradient(135deg,#0c2235,#07131f)}.soft-push-card>div:first-child{font-size:25px}.soft-push-card strong{font-size:12px}.soft-push-card p{font-size:9px;color:#86a0b5;margin:3px 0 0}.soft-push-card button{padding:9px 10px;font-size:9px}@media(max-width:560px){.soft-push-card{grid-template-columns:auto 1fr}.soft-push-card button{grid-column:1/-1;width:100%}}

.admin-seed-panel{background:linear-gradient(145deg,rgba(125,241,189,.08),rgba(98,168,255,.05));border:1px solid rgba(125,241,189,.22);border-radius:22px;padding:18px;margin:18px 0}
.seed-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.seed-controls label{display:grid;gap:7px;font-size:13px;color:#a9bdcf}.seed-controls input,.seed-controls select{width:100%;padding:12px;border-radius:12px;border:1px solid #29435c;background:#07131f;color:#fff}
.seed-actions{display:flex;gap:10px;margin-top:12px}.seed-actions button{flex:1}.danger-btn{background:#371725!important;color:#ffb0bc!important;border:1px solid #713447!important}
.seed-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;background:rgba(125,241,189,.10);border:1px solid rgba(125,241,189,.28);font-size:10px;font-weight:800;color:#91f3c5;letter-spacing:.04em;text-transform:uppercase}
@media(max-width:600px){.seed-controls{grid-template-columns:1fr}.seed-actions{flex-direction:column}}

/* V14.2 install modal close fix */
.install-gate .install-card{position:relative}.install-gate .install-close{position:absolute;top:14px;right:14px;z-index:5;float:none;display:grid;place-items:center;pointer-events:auto;touch-action:manipulation}.install-gate.hidden{display:none!important}

/* =========================================================
   V14.4 · MOBILE CREATURE POLISH
   Keep the critical actions and navigation visible on one screen.
   ========================================================= */
body.creature-page{
  --mt-edge:12px;
  --mt-dock-bottom:calc(14px + env(safe-area-inset-bottom));
  --mt-dock-height:58px;
  --mt-stack-gap:10px;
}
.creature-screen{padding-bottom:0}

/* Daily need floats as a compact card immediately above navigation. */
.need-now-card{
  left:var(--mt-edge);
  right:var(--mt-edge);
  bottom:calc(var(--mt-dock-bottom) + var(--mt-dock-height) + var(--mt-stack-gap));
  min-height:66px;
  padding:10px 10px 10px 11px;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:10px;
  border-radius:20px;
  border-color:#ffffff18;
  background:linear-gradient(145deg,#0c1e2fee,#06111cee);
  box-shadow:0 18px 44px #0008, inset 0 1px #ffffff08;
}
.need-now-card.observer{grid-template-columns:42px minmax(0,1fr)}
.need-now-icon{
  width:42px;height:42px;border-radius:14px;font-size:22px;
  background:linear-gradient(145deg,#112a3d,#0b1927);
  border-color:#ffffff16;
}
.need-now-copy{gap:1px;overflow:hidden}
.need-now-copy small{font-size:7px;line-height:1.1;letter-spacing:.16em;color:#6f91aa}
.need-now-copy strong{font-size:12px;line-height:1.2;margin-top:3px}
.need-now-copy span{font-size:8px;line-height:1.2;margin-top:2px;color:#91a8ba}
.care-primary{
  min-width:78px;height:44px;padding:0 14px;border-radius:15px;
  background:linear-gradient(135deg,#f6fbff,#dceef8);
  box-shadow:0 8px 22px #0007,inset 0 1px #fff;
  font-size:10px;letter-spacing:.02em;
}

/* The dock is a proper floating navigation bar, not a strip glued to the browser chrome. */
.creature-dock{
  left:var(--mt-edge);
  right:var(--mt-edge);
  bottom:var(--mt-dock-bottom);
  height:var(--mt-dock-height);
  padding:5px 6px;
  gap:2px!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  border-radius:20px;
  border:1px solid #ffffff18;
  background:linear-gradient(180deg,#0a1927f2,#06111cf2);
  box-shadow:0 16px 44px #000a,inset 0 1px #ffffff08;
}
.creature-dock button,
.creature-dock .dock-link{
  min-width:0;
  width:100%;height:100%;
  padding:4px 2px!important;
  border:1px solid transparent;
  border-radius:15px;
  background:transparent;
  color:#8ea7bb;
  display:grid;
  grid-template-rows:23px 12px;
  place-items:center;
  align-content:center;
  gap:2px;
  line-height:1;
  text-decoration:none;
  box-sizing:border-box;
  overflow:hidden;
}
.creature-dock button.active,
.creature-dock .dock-link:active{
  background:linear-gradient(145deg,#173149,#102338);
  border-color:#294b65;
  color:#f3f8fc;
}
.creature-dock button span,
.creature-dock .dock-link span{
  font-size:18px;
  line-height:22px;
  height:22px;
  display:block;
}
.creature-dock button small,
.creature-dock .dock-link small{
  max-width:100%;
  font-size:8px;
  line-height:10px;
  font-weight:850;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  letter-spacing:.01em;
}

/* Improve hierarchy of the vital card and keep it away from the lower action stack. */
.creature-identity-card{
  border-radius:20px;
  border-color:#ffffff16;
  background:linear-gradient(145deg,#091827e8,#06111ce5);
  box-shadow:0 18px 50px #0005,inset 0 1px #ffffff08;
}
.creature-role-line{
  min-height:12px;
  color:#7f9aaf;
  letter-spacing:.07em;
}

/* Sheets always stop above the safe area and feel detached from browser chrome. */
.creature-overlay{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
.creature-overlay-card{border-radius:26px 26px 22px 22px}

/* Compact devices (Safari with both bars visible included). */
@media(max-height:720px){
  body.creature-page{
    --mt-dock-bottom:calc(10px + env(safe-area-inset-bottom));
    --mt-dock-height:54px;
    --mt-stack-gap:8px;
  }
  .need-now-card{min-height:61px;padding-top:8px;padding-bottom:8px}
  .need-now-icon{width:39px;height:39px;font-size:20px}
  .creature-dock{border-radius:18px;padding-top:4px;padding-bottom:4px}
  .creature-dock button,.creature-dock .dock-link{grid-template-rows:21px 11px}
  .creature-dock button span,.creature-dock .dock-link span{font-size:17px;line-height:20px;height:20px}
  .creature-dock button small,.creature-dock .dock-link small{font-size:7.5px}
}
@media(max-height:640px){
  body.creature-page{
    --mt-dock-bottom:calc(8px + env(safe-area-inset-bottom));
    --mt-dock-height:52px;
    --mt-stack-gap:7px;
  }
  .need-now-card{min-height:58px;grid-template-columns:38px minmax(0,1fr) auto;gap:8px;border-radius:17px}
  .need-now-card.observer{grid-template-columns:38px minmax(0,1fr)}
  .need-now-icon{width:37px;height:37px;border-radius:12px;font-size:19px}
  .care-primary{height:39px;min-width:70px;padding:0 10px}
  .need-now-copy span{display:none}
}
@media(max-width:390px){
  body.creature-page{--mt-edge:9px}
  .creature-dock button small,.creature-dock .dock-link small{font-size:7.25px;letter-spacing:0}
  .need-now-copy strong{font-size:11px}
  .care-primary{min-width:70px}
}
/* V14.4 consistent vector dock icons */
.creature-dock .dock-icon{
  width:22px;height:22px;display:grid!important;place-items:center!important;
  line-height:1!important;font-size:0!important;
}
.creature-dock .dock-icon svg{
  width:19px;height:19px;display:block;fill:none;stroke:currentColor;
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
.creature-dock button.active .dock-icon{color:#86ddff}


/* =========================================================
   V14.5 · READABILITY + SCROLLABLE DETAIL PANELS
   ========================================================= */

/* Detail sheets: header stays visible, content scrolls naturally on iOS/Android. */
.creature-overlay{
  padding:10px 10px calc(12px + env(safe-area-inset-bottom));
  align-items:flex-end;
  overscroll-behavior:contain;
}
.creature-overlay-card{
  width:100%;
  height:min(82dvh,660px)!important;
  max-height:calc(100dvh - 78px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  min-height:330px;
  padding:0!important;
  overflow:hidden;
  border-radius:28px 28px 22px 22px!important;
  display:grid;
  grid-template-rows:auto minmax(0,1fr)!important;
  background:linear-gradient(180deg,#0c1b2bee,#06101bfa);
  box-shadow:0 -24px 72px #000c,inset 0 1px #ffffff09;
}
.overlay-head{
  position:relative;
  z-index:2;
  flex:none;
  padding:15px 15px 12px;
  border-bottom:1px solid #ffffff0d;
  background:linear-gradient(180deg,#0c1b2bfa,#091724f4);
  backdrop-filter:blur(18px);
}
.overlay-head small{font-size:9px;line-height:1.2;color:#7e9fb8;letter-spacing:.14em}
.overlay-head h2{font-size:22px;line-height:1.08;margin:3px 0 0;letter-spacing:-.025em}
.overlay-head .round-action{width:38px;height:38px;font-size:20px;background:#11263a;border-color:#2a4961}
.overlay-content{
  min-height:0!important;
  height:auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:contain;
  touch-action:pan-y;
  padding:14px 14px calc(24px + env(safe-area-inset-bottom))!important;
  scrollbar-width:thin;
  scrollbar-color:#31516a transparent;
}
.overlay-content::-webkit-scrollbar{width:5px}
.overlay-content::-webkit-scrollbar-track{background:transparent}
.overlay-content::-webkit-scrollbar-thumb{background:#31516a;border-radius:10px}

/* Content must grow vertically instead of clipping inside the sheet. */
.overlay-content .panel-grid{
  height:auto!important;
  min-height:min-content;
  align-content:start;
  grid-auto-rows:auto;
  gap:10px;
}
.overlay-content .panel-list{
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
  gap:9px;
}
.overlay-content .passport-list,
.overlay-content .mission-list{
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
  padding-bottom:4px;
}

/* More readable cards and less tiny copy. */
.overlay-content .panel-tile{
  padding:12px;
  min-height:64px;
  border-radius:16px;
  border-color:#1c3d56;
  background:linear-gradient(145deg,#091927,#07131f);
}
.overlay-content .panel-tile span,
.overlay-content .panel-tile small{font-size:9px;line-height:1.35}
.overlay-content .panel-tile strong{
  font-size:15px;
  line-height:1.22;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.overlay-content .panel-row{
  padding:11px 12px;
  min-height:58px;
  gap:10px;
  border-radius:15px;
  border-color:#1a3a52;
  background:linear-gradient(145deg,#091826,#07131f);
}
.overlay-content .panel-row>span:first-child{font-size:19px}
.overlay-content .panel-row strong{font-size:12px;line-height:1.3}
.overlay-content .panel-row small{font-size:9px;line-height:1.4;margin-top:3px}
.overlay-content .panel-row b{font-size:9px;white-space:nowrap}

/* DNA */
#detailPanel[data-panel="dna"] .panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#detailPanel[data-panel="dna"] .panel-tile.panel-wide{grid-column:1/-1}
#detailPanel[data-panel="dna"] .mini-progress{margin:8px 0 5px;height:7px}

/* Passport */
.journey-strip{gap:8px;margin-bottom:11px}
.journey-strip>div{padding:10px;border-radius:14px}
.journey-strip strong{font-size:17px}
.journey-strip small{font-size:8px;line-height:1.25;margin-top:2px}
.journey-social-card{padding:12px;border-radius:17px;gap:11px;margin:9px 0 12px}
.journey-social-card>div:first-child small{font-size:9px}
.journey-social-card>div:first-child strong{font-size:10px;line-height:1.45}
.journey-social-stats{gap:7px}
.journey-social-stats span{padding:8px;font-size:8px;line-height:1.25}
.journey-social-stats b{font-size:15px;margin-bottom:2px}
.journey-social-actions{gap:7px}
.journey-social-actions button{min-height:42px;padding:9px 6px;font-size:9px;line-height:1.2}
.guardian-passport{
  display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;
  padding:12px;border-radius:16px;margin-bottom:11px;font-size:11px;line-height:1.4
}
.guardian-passport>span{font-size:20px}
.guardian-passport>div{display:grid;gap:2px}
.guardian-passport small{font-size:9px;color:#9187b2}
.passport-row{
  grid-template-columns:42px minmax(0,1fr);
  gap:10px;
  padding:12px;
  border-radius:16px;
  background:linear-gradient(145deg,#091826,#07131f);
}
.passport-number{width:38px;height:38px;border-radius:13px;font-size:12px}
.passport-row strong{font-size:12px;line-height:1.3}
.passport-row small{font-size:9px;line-height:1.45;margin-top:2px}
.passport-stamp{grid-column:2;margin-top:6px;padding:9px 10px;border-radius:11px;font-size:10px;line-height:1.45}
.stamp-box{padding:13px;border-radius:17px;margin:11px 0;gap:10px}
.stamp-box strong{font-size:12px}
.stamp-box p{font-size:10px;line-height:1.45;color:#91a8b9;margin:0}
.stamp-box input,.stamp-box textarea{width:100%;min-height:44px;background:#06101a;border:1px solid #24445b;border-radius:12px;color:#fff;padding:11px;font:inherit;font-size:11px}
.stamp-emojis{gap:7px}
.stamp-emojis button{width:40px;height:40px;border-radius:12px}

/* Missions */
.mission-intro{font-size:11px;line-height:1.5;margin:0 0 12px;color:#91a7b8}
.mission-list{gap:9px}
.mission-row{
  grid-template-columns:24px minmax(0,1fr) auto;
  align-items:center;
  gap:7px 10px;
  padding:12px;
  border-radius:15px;
  background:linear-gradient(145deg,#091826,#07131f);
}
.mission-row>span{font-size:13px!important}
.mission-row strong{font-size:12px;line-height:1.3}
.mission-row>b{font-size:10px;white-space:nowrap}
.mission-bar{grid-column:2/4;height:7px;margin-top:3px}
.weather-game-cta{padding:13px;margin:13px 0 2px;border-radius:17px;grid-template-columns:46px minmax(0,1fr) auto}
.weather-game-cta>span:first-child{font-size:26px}
.weather-game-cta strong{font-size:12px;line-height:1.3}
.weather-game-cta small{font-size:9px;line-height:1.45;margin-top:3px;display:block}

/* Care/rescue also benefits from the same sheet scroll rules. */
.panel-actions{gap:8px}
.panel-actions button{min-height:50px;border-radius:15px;font-size:11px;line-height:1.25}
.rescue-store{gap:9px}
.rescue-choice{padding:12px;border-radius:15px}
.rescue-choice strong{font-size:12px}
.rescue-choice small{font-size:9px;line-height:1.4}

/* Story/recap: pure document flow, no action can cover route items. */
body.recap-page{
  min-height:100dvh;
  overflow-x:hidden;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:auto;
}
.recap-shell{
  max-width:720px;
  min-height:100dvh;
  margin:auto;
  padding:env(safe-area-inset-top) 16px 0!important;
}
.recap-header{
  min-height:64px;
  height:64px;
  margin:0 -16px!important;
  padding:0 16px!important;
  border-bottom:1px solid #ffffff0d;
  box-shadow:0 8px 24px #0003;
}
.recap-header>div{min-width:0}
.recap-header strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recap-header small{font-size:9px}
.recap-main{
  display:grid;
  gap:20px;
  padding:0 0 calc(24px + env(safe-area-inset-bottom));
}
.recap-main>section{margin:0}
.recap-hero{
  margin:0;
  padding:30px 8px 4px!important;
}
.recap-hero h1{margin:5px 0 8px}
.recap-hero p{font-size:13px;line-height:1.55;max-width:520px;margin:0 auto;color:#a0b6c8}
.recap-stats{gap:9px}
.recap-stats div{min-height:72px;padding:12px;border-radius:16px}
.recap-stats small{font-size:9px;line-height:1.25}
.recap-stats strong{font-size:19px;margin-top:3px}
.recap-section{
  display:grid;
  gap:10px;
}
.recap-section .section-head{margin:4px 0 0}
.recap-section .eyebrow{font-size:10px;line-height:1.4}
.recap-moments,.recap-route{gap:9px}
.recap-moment{
  grid-template-columns:44px minmax(0,1fr);
  gap:11px;
  padding:12px;
  border-radius:16px;
}
.recap-moment>span{font-size:26px}
.recap-moment strong{font-size:12px;line-height:1.35}
.recap-moment small{font-size:10px;line-height:1.4;margin-top:3px}
.recap-route>div{
  grid-template-columns:42px minmax(0,1fr);
  gap:5px 10px;
  padding:12px;
  border-radius:16px;
}
.recap-route b{font-size:12px}
.recap-route span{font-size:12px;font-weight:800;line-height:1.3}
.recap-route small{font-size:9px;line-height:1.45}
.recap-footer{
  position:relative!important;
  z-index:1;
  display:block;
  margin-top:2px;
  padding:8px 0 calc(16px + env(safe-area-inset-bottom));
  background:transparent;
}
#backMonster.recap-back-button{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  width:100%;
  margin:0;
  border-radius:17px;
  text-decoration:none;
  font-size:13px;
  box-shadow:0 12px 34px #0005;
}

@media(max-width:560px){
  .creature-overlay{padding-left:8px;padding-right:8px}
  .creature-overlay-card{
    height:min(84dvh,650px)!important;
    max-height:calc(100dvh - 68px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  }
  .overlay-content{padding:12px 12px calc(22px + env(safe-area-inset-bottom))!important}
  .overlay-head{padding:13px 12px 11px}
  .overlay-head h2{font-size:20px}
  .journey-social-actions{grid-template-columns:1fr}
  .journey-social-actions button{min-height:44px;font-size:10px}
  .recap-shell{padding-left:13px!important;padding-right:13px!important}
  .recap-header{margin-left:-13px!important;margin-right:-13px!important;padding-left:13px!important;padding-right:13px!important}
  .recap-main{gap:17px}
  .recap-stats{grid-template-columns:repeat(2,1fr)}
}

@media(max-height:700px){
  .creature-overlay-card{
    height:calc(100dvh - 72px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    max-height:none;
  }
}


/* ==========================================================================\n   V15 · MYGROLL / GROLL WORLD · MOBILE FIRST NAVIGATION\n   ========================================================================== */
:root{
  --groll-cyan:#68d7ff;
  --groll-green:#70f0aa;
  --groll-ink:#040914;
  --groll-panel:#071522;
}
html{scroll-behavior:smooth}
#profile,#grollies,#ranking{scroll-margin-top:84px}
.home-page .app-shell,.world-v11-shell{padding-bottom:calc(118px + env(safe-area-inset-bottom))!important}
.home-page header{position:relative;z-index:5}
.home-page .brand{letter-spacing:.18em}
.home-page .hero-copy .eyebrow{color:#82cfff}
.home-page .hero-copy h1{max-width:720px}

/* The previous generic nav rules remain for legacy views, but the main dock
   owns its full layout explicitly so browser chrome cannot squeeze it. */
.main-dock{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  bottom:calc(20px + env(safe-area-inset-bottom))!important;
  z-index:80!important;
  width:min(520px,calc(100% - 28px))!important;
  min-height:68px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
  padding:7px!important;
  border:1px solid #23445d!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#0b1b2af2,#06111cf5)!important;
  box-shadow:0 18px 50px #000b,0 1px 0 #ffffff0d inset!important;
  backdrop-filter:blur(24px) saturate(1.25)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.25)!important;
}
.main-dock a{
  min-width:0!important;
  min-height:54px!important;
  padding:6px 3px!important;
  border-radius:17px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  color:#7894aa!important;
  text-decoration:none!important;
  font-size:inherit!important;
  font-weight:850!important;
  transition:background .18s ease,color .18s ease,transform .18s ease!important;
}
.main-dock a:active{transform:scale(.97)}
.main-dock a.active{
  color:#f5fbff!important;
  background:linear-gradient(180deg,#17354e,#0d263b)!important;
  box-shadow:0 8px 20px #0005,0 0 0 1px #5dcfff20 inset!important;
}
.main-dock-icon{
  width:23px;height:23px;display:grid;place-items:center;flex:none
}
.main-dock-icon svg{
  width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round
}
.main-dock a:nth-child(3) .main-dock-icon svg{fill:currentColor;stroke:none;opacity:.95}
.main-dock small{
  display:block!important;
  min-width:0;
  max-width:100%;
  margin:0!important;
  color:inherit!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  font-weight:850!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.world-main-dock{z-index:90!important}

/* More breathing room around the home content when the floating dock is present. */
.home-page main>section:last-child{padding-bottom:20px}
.home-page .identity-card{scroll-margin-top:88px}
.home-page .universe-section{scroll-margin-top:88px}

/* Safari/Chrome iOS browser bars: lift navigation slightly more while not installed. */
@media (display-mode:browser) and (max-width:760px){
  .main-dock{bottom:calc(32px + env(safe-area-inset-bottom))!important}
  .home-page .app-shell,.world-v11-shell{padding-bottom:calc(132px + env(safe-area-inset-bottom))!important}
}
@media (display-mode:standalone){
  .main-dock{bottom:calc(12px + env(safe-area-inset-bottom))!important}
}
@media(max-width:420px){
  .main-dock{width:calc(100% - 20px)!important;border-radius:22px!important;padding:6px!important;gap:3px!important}
  .main-dock a{min-height:52px!important;border-radius:16px!important}
  .main-dock-icon,.main-dock-icon svg{width:21px;height:21px}
  .main-dock small{font-size:9px!important}
}
@media(max-width:340px){
  .main-dock{width:calc(100% - 14px)!important}
  .main-dock a{padding-left:1px!important;padding-right:1px!important}
  .main-dock small{font-size:8px!important}
}

/* Groll World identity details */
.grolly-chip{border-color:#2e607a;background:#0a2232;color:#8ee4ff}


/* V15.1 UX polish */
:root{--dock-h:78px;--shell-max:960px;--modal-gap:112px}
body{overflow-x:hidden}
body.modal-open{overflow:hidden}
body.modal-open .main-dock{opacity:0;pointer-events:none;transform:translate(-50%,18px)}
.app-shell,.world-shell{max-width:var(--shell-max);padding:env(safe-area-inset-top) 18px calc(var(--dock-h) + 26px + env(safe-area-inset-bottom))}
header{min-height:72px;height:auto;padding:6px 0 10px;align-items:flex-start}
.header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.brand{font-size:26px;letter-spacing:.12em}
.brand span{display:inline-block;transform:translateY(-1px)}
.card,.identity-card,.egg-card,.soft-push-card,.relay-explainer,.home-world-gateway a,.skill-card,.empire-card,.point-chip,.activity-row,.rank-row,.creature-card,.empty-state{border-radius:24px}
.identity-card{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px;background:linear-gradient(180deg,#0a1422,#09131f);border:1px solid #1d3952;flex-wrap:wrap}
.identity-card .text-btn{padding:10px 12px;border-radius:12px;background:#0c1c2c;border:1px solid #1d3850;color:#cde3f8}
.home-hero{gap:26px;align-items:center}
.hero-copy h1{font-size:clamp(42px,6vw,68px);line-height:.96;letter-spacing:-.04em;margin:8px 0 16px}
.hero-copy .lead{font-size:20px;line-height:1.6;max-width:560px}
.hero-copy .actions{display:flex;gap:12px;flex-wrap:wrap}
.primary,.secondary,.ghost{min-height:54px;border-radius:18px;padding:14px 18px}
#notifBtn{min-width:56px;padding-inline:14px}
.orbit-tabs{display:flex;gap:10px;overflow:auto;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.orbit-tabs::-webkit-scrollbar{display:none}
.orbit-tabs button{white-space:nowrap;flex:0 0 auto;padding:12px 14px;border-radius:16px;background:#0d1c2b;border:1px solid #1f3a55;color:#dcecff;font-weight:800}
.orbit-tabs button.active{background:#17314c;color:#fff;border-color:#2d5a7a;box-shadow:0 6px 18px #0004}
.sphere-library{gap:14px}
.creature-card{padding:16px;align-items:center}
.section-head{margin-bottom:14px}
.section-head h2{font-size:32px;line-height:1.04;margin:6px 0 0}
.lead,.muted{line-height:1.55}
.main-dock,nav.main-dock{position:fixed;z-index:20;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 28px),560px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;background:linear-gradient(180deg,rgba(7,18,29,.93),rgba(4,10,18,.97));border:1px solid rgba(38,70,98,.9);border-radius:24px;padding:8px 10px;box-shadow:0 12px 40px rgba(0,0,0,.38);backdrop-filter:blur(18px)}
.main-dock a,nav.main-dock a{display:grid;justify-items:center;align-content:center;gap:6px;min-height:62px;color:#8ea8bd;text-decoration:none;padding:8px 6px;border-radius:16px;font-size:12px;font-weight:850;line-height:1.1;text-align:center}
.main-dock a.active,nav.main-dock a.active{background:#11283d;color:#fff;box-shadow:inset 0 0 0 1px rgba(92,144,186,.35)}
.main-dock small{font-size:11px;letter-spacing:.01em}
.main-dock-icon{width:22px;height:22px;display:grid;place-items:center}
.main-dock-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.modal{position:fixed;inset:0;z-index:60;background:rgba(1,4,10,.82);display:grid;place-items:center;padding:22px;padding-bottom:calc(var(--modal-gap) + env(safe-area-inset-bottom));backdrop-filter:blur(6px)}
.sheet{width:min(720px,100%);max-height:min(86vh,820px);overflow:auto;background:linear-gradient(180deg,#091522,#08121c);border:1px solid #23415c;border-radius:28px;padding:24px;box-shadow:0 28px 80px rgba(0,0,0,.48)}
.recovery-sheet{display:grid;gap:18px;padding-bottom:20px}
.sheet-head{display:grid;gap:8px}
.recovery-code-wrap{display:grid;gap:12px}
.recovery-actions{position:sticky;bottom:-24px;background:linear-gradient(180deg,rgba(8,18,28,0),#08121c 22%,#08121c 100%);padding-top:18px;margin-top:2px}
.recovery-code{font-size:30px;line-height:1.15;letter-spacing:.1em;text-align:center;padding:24px 18px;margin:0;background:#030812;border:1px dashed #3d6586;border-radius:18px;word-break:break-word}
.install-card,.sheet,.card,.identity-card,.egg-card,.soft-push-card,.relay-explainer,.home-world-gateway a{box-shadow:0 12px 36px rgba(0,0,0,.22)}
@media (max-width:760px){
  .app-shell,.world-shell{padding-inline:14px;padding-bottom:calc(var(--dock-h) + 26px + env(safe-area-inset-bottom))}
  header{gap:10px;align-items:flex-start}
  .brand{font-size:22px;letter-spacing:.1em}
  .header-actions{width:auto;max-width:100%;gap:8px}
  .op-header-pill,.ghost.small{min-height:46px}
  .hero-copy h1{font-size:clamp(34px,11vw,56px)}
  .hero-copy .lead{font-size:18px}
  .hero-copy .actions{display:grid;grid-template-columns:1fr auto;align-items:stretch}
  #createBtn{width:100%}
  .identity-card{padding:16px 16px 14px}
  .identity-card>div:last-child{display:flex;flex-wrap:wrap;gap:8px;width:100%}
  .identity-card .text-btn{flex:1 1 calc(50% - 8px);min-height:44px}
  .section-head h2{font-size:26px}
  .modal{padding:14px;padding-bottom:calc(116px + env(safe-area-inset-bottom));place-items:end center}
  .sheet{width:100%;max-height:82vh;border-radius:28px 28px 24px 24px;padding:20px}
  .sheet h2{font-size:28px;line-height:1.02}
  .recovery-code{font-size:24px;padding:20px 14px}
  .main-dock,nav.main-dock{width:min(calc(100% - 20px),560px);bottom:calc(10px + env(safe-area-inset-bottom));padding:7px 8px;gap:6px;border-radius:22px}
  .main-dock a,nav.main-dock a{min-height:58px;padding:8px 4px}
  .main-dock small{font-size:10.5px}
}
@media (max-width:420px){
  .hero-copy .actions{grid-template-columns:1fr}
  #notifBtn{width:100%}
  .identity-card .text-btn{flex:1 1 100%}
  .main-dock a,nav.main-dock a{min-height:56px}
  .brand{font-size:20px}
}