@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Silkscreen:wght@400;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#23372e;background:#f3f1e8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--paper:#f3f1e8;--ink:#23372e;--green:#315c43;--muted:#7c887d;--line:#d8ddd0;--orange:#eaa650;--serif:Georgia,serif}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}body{background:var(--paper)}button,input{font:inherit}button{color:inherit}.app-shell{position:relative;max-width:560px;min-height:100dvh;height:100dvh;margin:auto;display:flex;flex-direction:column;background:var(--paper);overflow:hidden}.topbar{height:58px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 21px;border-bottom:1px solid #e0e1d9;background:#f3f1e8f0;z-index:10}.wordmark{display:flex;align-items:center;gap:8px;font:700 11px DM Mono,monospace;letter-spacing:.13em}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:11px 11px 11px 3px;background:#315c43;color:#f3ce79;font:800 22px Georgia,serif;box-shadow:inset -4px -4px #274a37}.brand-mark.mini{width:24px;height:24px;border-radius:7px 7px 7px 2px;font-size:15px}.icon-btn{border:0;background:none;font-size:25px;line-height:1;color:#526958;padding:4px 8px}.top-meta{min-width:48px;text-align:right}.pill,.count-chip{border:1px solid #d8ddce;border-radius:20px;padding:6px 10px;background:#faf9f4;font:500 11px DM Mono,monospace;color:#526958}.screen{flex:1;overflow:auto;padding:22px 22px 90px;scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:68px;display:flex;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #dedfd6;background:#f9f8f2f5;z-index:20}.bottom-nav button{border:0;background:none;color:#536b5a;font-size:22px;display:flex;flex-direction:column;align-items:center;gap:2px}.bottom-nav small{font:10px DM Mono,monospace}.eyebrow,.step,.tag{font:500 10px DM Mono,monospace;letter-spacing:.14em;color:#71836e}.eyebrow{margin:0 0 17px}.step{font-size:9px}.tag{display:inline-block;color:#f8e3b5;font-size:8px;padding:7px 10px;border:1px solid #ffffff3b;border-radius:3px;background:#ffffff18}h1,h2,p{margin-top:0}h1{font:700 clamp(34px,9vw,48px)/1.02 Manrope,sans-serif;letter-spacing:-.055em;color:#20372b;margin:13px 0}h1 em{font:italic 500 1em Georgia,serif;color:#d29b51;letter-spacing:-.04em}h2{font:700 20px Manrope,sans-serif;letter-spacing:-.03em;margin:0 0 8px}.muted,.intro p,.home-hero p,.welcome p,.tutorial-card p{color:#778278;font-size:13px;line-height:1.55}.hero-card{position:relative;overflow:hidden;border-radius:5px;background:#315c43;color:#faf8ed;padding:23px;min-height:285px;box-shadow:0 8px 20px #33473512}.welcome{background:#315c43}.welcome h1,.tutorial-card h1{color:#f7f2df}.welcome h1 em,.tutorial-card h1 em{color:#f0c16e}.welcome p,.tutorial-card p{color:#d0dfce;max-width:260px}.hero-art{position:absolute;right:0;bottom:0;width:200px;height:135px;overflow:hidden}.pixel-sun{position:absolute;right:24px;top:38px;width:53px;height:53px;background:#e9ae55;border-radius:50%;opacity:.9;box-shadow:0 0 0 13px #e9ae5523}.creature-art{position:absolute;right:70px;bottom:29px;width:62px;height:58px;display:grid;place-items:center;color:#f9de8e;background:#7ab371;border-radius:47% 53% 40% 42%;border:4px solid #203e30;font-size:28px;box-shadow:inset -8px -4px #498858,0 6px #294831}.leaf{position:absolute;bottom:-15px;width:78px;height:86px;background:#447c54;border-radius:50% 50% 0 0}.leaf-a{right:120px}.leaf-b{right:-10px;width:90px;background:#4a8756}.panel{margin-top:18px;padding:20px;border:1px solid #e0e1d7;background:#faf9f4;border-radius:4px}.panel p{margin:0 0 16px}.panel.compact{padding:18px}.primary{width:100%;border:0;border-radius:4px;background:#315c43;color:#fffdf1;padding:15px 17px;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:14px;box-shadow:inset 0 -3px #254a35;cursor:pointer}.primary span{font-size:19px;font-weight:400}.primary:active{transform:translateY(1px)}input{width:100%;border:1px solid #d8ddcf;background:#fffefa;padding:14px;border-radius:3px;margin-bottom:10px;color:#253c30}.hint{font-size:12px;color:#47794e;min-height:20px;margin-top:9px}.text-button{display:block;margin:13px auto 0;border:0;background:transparent;color:#657766;text-decoration:underline;text-underline-offset:3px;font-size:12px;padding:8px}.gate{height:100dvh;max-width:480px;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:32px;background:var(--paper)}.gate h1{font-size:45px}.gate p:not(.eyebrow){max-width:280px;color:#738076;line-height:1.6}.gate-url{margin-top:25px;font:11px DM Mono;letter-spacing:.1em;color:#839083}.intro{padding:3px 0 18px}.intro h1{margin-top:14px}.avatar-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 18px}.avatar-choice{display:flex;flex-direction:column;align-items:center;padding:20px 8px 17px;border:1px solid #dfe1d7;background:#faf9f4;border-radius:4px;cursor:pointer}.avatar-choice.chosen{border:2px solid #557d5b;background:#f2f5e9}.avatar-choice b{margin-top:12px;font-size:14px}.avatar-choice small{margin-top:3px;color:#7d877b;font-size:11px}.avatar-pixel{width:75px;height:80px;border-radius:35% 38% 20% 20%;display:grid;place-items:center;background:#d6bd84;color:#5e704f;font-size:28px;border:3px solid #455d45;box-shadow:0 8px #c6b68f}.avatar-pixel.boy{background:#b9d3ce;color:#315e57}.tutorial-card{min-height:375px;padding:26px;background:radial-gradient(circle at 83% 27%,#57805d,#315c43 62%)}.tutorial-card h1{margin-top:25px}.orbit{position:absolute;right:47px;top:115px;width:92px;height:92px;border:1px solid #e8ca8059;border-radius:50%;display:grid;place-items:center;color:#f2cf7b;font-size:35px;box-shadow:0 0 0 11px #edce7720,0 0 0 25px #edce7710}.card-illustration{position:absolute;right:45px;bottom:22px;width:96px;height:115px;transform:rotate(12deg);border:3px solid #e3c77d;border-radius:8px;background:#f3dfab;color:#315c43;display:grid;place-items:center;box-shadow:6px 8px #203d30}.card-illustration span{font:800 46px Georgia}.card-illustration i{position:absolute;right:13px;top:12px}.home-hero{position:relative;min-height:220px;padding:21px 20px;overflow:hidden;border-radius:5px;background:#e6edda}.home-hero h1{font-size:40px}.home-hero p{margin-bottom:0}.hero-stamp{position:absolute;right:20px;top:20px;width:56px;height:56px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f7f3df;border:1px solid #d0d8c2;color:#315c43;font:700 19px Georgia;z-index:3}.hero-stamp small{font:8px DM Mono;letter-spacing:.1em}.landscape{position:absolute;bottom:0;left:0;right:0;height:73px;background:#c8ddaf;overflow:hidden}.hill{position:absolute;bottom:-45px;width:240px;height:95px;border-radius:50%;background:#94bf83}.h1{left:-20px}.h2{right:-60px;background:#a8cb93}.tree{position:absolute;bottom:34px;font-size:40px;color:#396b48;text-shadow:0 8px #765f3f}.t1{right:73px}.t2{right:20px;bottom:26px;font-size:32px}.trail{position:absolute;bottom:-21px;left:43%;width:50px;height:85px;border-radius:50%;border-right:8px solid #efe0ac;transform:rotate(24deg)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:24px 1px 12px}.section-heading h2{font-size:18px;margin:5px 0 0}.count-chip{font-size:9px;padding:5px 8px}.continent-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.continent-card{position:relative;min-height:113px;text-align:left;padding:13px;border:1px solid #dce0d4;border-radius:4px;background:#faf9f4;overflow:hidden}.continent-card strong,.continent-card small{display:block;position:relative;z-index:1}.continent-card strong{font:700 14px Manrope;margin-top:18px}.continent-card small{font-size:9px;color:#7c8678;margin-top:3px}.continent-index{position:absolute;left:12px;top:10px;font:9px DM Mono;color:#95a18e}.continent-glyph{position:absolute;right:11px;top:13px;color:#719668;font-size:26px}.arrow{position:absolute;right:10px;bottom:10px;color:#9da892}.c-africa{background:#fbf1dd}.c-asia{background:#eaf2e4}.c-europe{background:#eef0f6}.c-north-america{background:#eee9df}.c-south-america{background:#e4f1e4}.c-oceania{background:#e2f0f1}.tight{padding-bottom:12px}.puzzle-card{padding:14px;background:#faf9f4;border:1px solid #e0e1d7;border-radius:4px;margin-bottom:15px}.board-wrap{position:relative;margin:0 auto 17px;max-width:294px}.board-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;aspect-ratio:1;padding:8px;background:#e5e5d9;border:1px solid #d3d5c6;border-radius:4px}.board-cell{border:1px solid #d7dccb;border-radius:3px;background:#f2f0e4;position:relative}.board-cell.nexus{background:#365f48;color:#f3d57b;display:grid;place-items:center;font-size:26px;box-shadow:inset 0 0 0 4px #4a7657}.board-cell.occupied{border-color:#fff9;background:#719f62}.board-cell.f-stone{background:#a79c83}.board-cell.f-water{background:#81b6ba}.board-cell.f-thicket{background:#417b52}.board-cell.f-sand{background:#d5b16c}.board-cell.f-crystal{background:#a18bc4}.board-cell.f-moss{background:#81a86e}.board-caption{display:flex;justify-content:space-between;margin-top:7px;font:8px DM Mono;letter-spacing:.1em;color:#82907e}.piece-head{display:flex;justify-content:space-between;align-items:center}.piece-head small{display:block;margin-top:4px;font-size:10px;color:#899287}.rotate-btn{border:1px solid #d9ded1;background:#f4f3ea;border-radius:3px;padding:8px 10px;font-size:11px;color:#49694e}.fragment-row{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:13px}.fragment{position:relative;aspect-ratio:1;border:1px solid #d9ddcf;border-radius:4px;background:#eff0e6;color:#fff;display:grid;place-items:center}.fragment i{font-size:17px;text-shadow:1px 1px #344}.fragment span{position:absolute;left:4px;top:3px;font:8px DM Mono;color:#536454}.fragment.selected{outline:2px solid #315c43;outline-offset:1px}.fragment.placed{opacity:.28}.f-moss{background:#81a86e}.f-stone{background:#a79c83}.f-water{background:#81b6ba}.f-thicket{background:#417b52}.f-sand{background:#d5b16c}.f-crystal{background:#a18bc4}.puzzle-legend{display:flex;justify-content:space-between;margin-top:13px;color:#7b887b;font:9px DM Mono}.puzzle-legend span:first-child{display:flex;align-items:center;gap:6px}.legend-dot{width:7px;height:7px;background:#dfab56;border-radius:50%}.encounter-reveal{text-align:center;padding:7px 0 20px}.spark-ring{width:60px;height:60px;margin:10px auto 14px;border-radius:50%;display:grid;place-items:center;color:#e8bd62;font-size:25px;border:1px solid #e6d7aa;box-shadow:0 0 0 8px #e8e2cb,0 0 0 17px #e8e2cb66}.encounter-reveal h1{font-size:39px}.encounter-creature,.roster-orb{width:136px;height:126px;margin:20px auto 11px;border-radius:48% 45% 39% 42%;position:relative;display:grid;place-items:center;color:#fff2ba;font-size:38px;background:var(--creature);border:5px solid #315b43;box-shadow:inset -13px -12px var(--accent),0 11px #d8d5c5}.encounter-creature i{position:absolute;bottom:31px;color:#233d33;font-size:18px}.encounter-sub{font:11px DM Mono;color:#7c877c}.arena-chips{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:16px 0}.arena-chips span{border-radius:20px;border:1px solid #dfe1d6;background:#faf9f4;padding:7px 9px;font:9px DM Mono;color:#637361}.encounter-reveal .muted{margin:14px auto 19px;max-width:260px}.battle-title h1{font-size:24px;margin:6px 0 13px}.battle-title h1 span{font:italic 16px Georgia;color:#a1a797}.battle-canvas{height:min(52vh,440px);min-height:270px;border:5px solid #315c43;border-radius:5px;overflow:hidden;background:#a6d88d;touch-action:none}.battle-canvas canvas{image-rendering:pixelated}.battle-hud{display:grid;grid-template-columns:1fr 48px 1fr;gap:8px;align-items:center;margin:11px 0}.fighter-card{min-width:0}.fighter-card b{display:block;font:700 12px Manrope;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fighter-card small{font:8px DM Mono;color:#778677}.hp-track{height:6px;border-radius:4px;background:#d9d9cc;margin:4px 0;overflow:hidden}.hp-track i{display:block;width:100%;height:100%;background:#77a95c;border-radius:4px;transition:width .18s}.yours .hp-track i{background:#d5a34e}.battle-clock{text-align:center;color:#547457;font:12px DM Mono}.battle-clock span{display:block;color:#c89d4b}.battle-actions{display:flex;align-items:center;justify-content:space-between}.catch-button{flex:1;display:flex;align-items:center;gap:10px;text-align:left;padding:10px 13px;border:1px solid #cfd9c5;border-radius:4px;background:#e8eedf;color:#315c43;font-size:20px}.catch-button span{font-weight:700;font-size:12px}.catch-button small{margin-left:auto;font:8px DM Mono;color:#70806f}.give-up{margin-left:10px;border:0;background:none;color:#899185;font-size:10px;text-decoration:underline;padding:10px}.catch-overlay{position:absolute;inset:58px 0 66px;display:grid;place-items:center;background:#21382ec9;z-index:15;padding:18px}.catch-overlay.hidden{display:none}.catch-modal{width:min(100%,350px);padding:24px;background:#f5f2e7;border-radius:5px;text-align:center;box-shadow:0 20px 60px #16291e77}.catch-modal h2{font-size:24px;margin:8px}.catch-modal p{color:#768175;font-size:12px;line-height:1.5}.catch-meter{height:13px;background:#dce0d2;border-radius:20px;overflow:hidden;margin:16px 0 6px}.catch-meter i{display:block;width:0;height:100%;border-radius:20px;background:linear-gradient(90deg,#77a967,#d5b656);transition:width .15s}.catch-modal small{font:9px DM Mono;color:#788476}.joystick{width:92px;height:92px;margin:17px auto;border-radius:50%;background:#dfe5d5;border:1px solid #bfcbb6;display:grid;place-items:center;touch-action:none}.joy-knob{width:42px;height:42px;border-radius:50%;background:#799d68;border:3px solid #f5f2e7;box-shadow:0 2px 5px #3b534044}.result-card{text-align:center;padding:18px 1px}.result-symbol{font-size:41px;color:#e7b95c;margin:13px}.result-card h1{font-size:35px}.result-card>p{font-size:13px;line-height:1.6;color:#758176;max-width:310px;margin:0 auto 19px}.nickname-label{display:block;text-align:left;font:9px DM Mono;letter-spacing:.1em;color:#778275;margin:20px 0 12px}.nickname-label input{margin:8px 0 0}.stats-row{display:flex;justify-content:space-around;padding:13px;background:#faf9f4;border:1px solid #e0e1d7;font:9px DM Mono;color:#839080}.stats-row b{display:block;color:#365942;margin-top:5px}.reward-note{padding:12px;margin:13px 0;border-radius:4px;background:#eee9d9;color:#6a744c;font-size:12px}.training-note{font-size:11px;color:#71816f;font-style:italic}.collection-count{display:flex;align-items:center;gap:14px;padding:14px;border-block:1px solid #dce0d4;font:9px DM Mono;letter-spacing:.12em;color:#788676}.collection-count b{font:28px Georgia;color:#375f46}.roster-list{margin:13px 0}.roster-row{display:grid;grid-template-columns:53px 1fr auto;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid #e0e1d8}.roster-orb{width:46px;height:43px;margin:0;font-size:15px;border-width:2px;box-shadow:inset -5px -5px var(--accent),0 3px #d8d5c5}.roster-row b{display:block;font:700 13px Manrope}.roster-row small{display:block;margin-top:3px;font:9px DM Mono;color:#778477}.rarity{font:8px DM Mono;text-transform:uppercase;color:#789067}.rarity.rare{color:#c08c42}.rarity.uncommon{color:#7b75ab}.empty-state{padding:23px;text-align:center;color:#7b867a;font-size:12px;line-height:1.6;background:#faf9f4}.record-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e4e5dc;color:#768175;font-size:12px}.record-row b{color:#315c43}.record-row:last-child{border:0}.training-note{line-height:1.5}@media(max-height:720px){.screen{padding-top:15px}.home-hero{min-height:185px}.welcome{min-height:255px}.tutorial-card{min-height:320px}.battle-canvas{height:44vh;min-height:240px}}.fragment-shape{display:grid;grid-template-columns:repeat(var(--shape-cols),6px);grid-template-rows:repeat(var(--shape-rows),6px);gap:1px;transform:rotate(-8deg)}.fragment-shape b{width:6px;height:6px}.fragment-shape b.on{background:#fff5ca;border:1px solid #fff9;border-radius:1px}.primary:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}.catch-button:disabled{opacity:.48;cursor:not-allowed}.arena-transition{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;background:#315c43;color:#f0d589;z-index:3;font:9px DM Mono;letter-spacing:.16em}.transition-fragments{width:150px;height:150px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;transform:rotate(-3deg)}.transition-fragments i{display:block;border:1px solid #ffffff27;background:#568454;animation:fragment-rise .75s ease-in-out infinite alternate;animation-delay:calc(var(--i)*35ms)}.transition-fragments i:nth-child(4n+1){background:#dfbd71}.transition-fragments i:nth-child(5n){background:#719eac}.transition-fragments i:nth-child(3n){background:#766c8c}@keyframes fragment-rise{0%{transform:translateY(8px) scale(.8);opacity:.35}to{transform:translateY(-4px) scale(1);opacity:1}}.world-map{position:relative;margin:5px 0 13px;padding:9px 10px 22px;border:1px solid #dfe3d5;border-radius:4px;background:#e8eee1}.world-map svg{width:100%;height:auto;image-rendering:pixelated}.map-land{cursor:pointer;stroke:#456a4d;stroke-width:2;stroke-linejoin:round;fill:#74a769;filter:drop-shadow(2px 3px 0 #51784b)}.map-land:hover,.map-land:focus{fill:#dda957;outline:none}.map-land.south{fill:#82b373}.map-land.europe{fill:#9abd79}.map-land.africa{fill:#d5b267}.map-land.asia{fill:#6ea270}.map-land.oceania{fill:#7cafaa}.map-island{fill:#e0c778;stroke:#66835e;stroke-width:1}.map-note{position:absolute;bottom:7px;right:9px;font:8px DM Mono;letter-spacing:.1em;color:#82907f}.summon-tray{margin:8px 0 3px}.sd-card{position:relative;width:100%;min-height:54px;display:flex;align-items:center;gap:10px;padding:7px 12px;border:2px solid #315c43;border-radius:5px 5px 5px 2px;background:#e5cf88;box-shadow:inset 0 0 0 3px #f4e4b2,0 3px #b29c5c;text-align:left;touch-action:none;user-select:none;cursor:grab;animation:card-wobble 2.6s ease-in-out infinite}.sd-card:active{cursor:grabbing}.sd-chip{width:30px;height:34px;display:grid;place-items:center;border-radius:3px;background:#527b5a;color:#f6e6aa;font:800 19px Georgia;border:2px solid #385f43}.summon-label{display:flex;flex-direction:column;gap:3px;flex:1}.summon-label b{font:700 12px Manrope}.summon-label small{font:8px DM Mono;color:#697b65}.sd-mark{font:700 9px DM Mono;color:#708365;letter-spacing:.1em}.roster-overlay{position:absolute;inset:58px 0 68px;display:grid;place-items:center;padding:18px;background:#20382dcf;z-index:16}.roster-overlay.hidden{display:none}.roster-modal{width:min(100%,360px);max-height:80%;overflow:auto;padding:22px;background:#f4f1e6;border-radius:5px}.roster-modal h2{margin-top:9px}.roster-choices{display:flex;flex-direction:column;gap:8px;margin:17px 0}.roster-choice{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:10px;padding:8px;border:1px solid #dce0d3;border-radius:4px;background:#fcfbf5;text-align:left}.roster-choice.chosen{border:2px solid #527b57;background:#edf2e4}.roster-choice .roster-orb{width:40px;height:38px;font-size:13px}.roster-choice b,.roster-choice small{display:block}.roster-choice b{font-size:12px}.roster-choice small{margin-top:3px;font:8px DM Mono;color:#819080}.roster-choice>i{font:8px DM Mono;font-style:normal;color:#66835e}.battle-actions .catch-button:disabled{opacity:.42}@keyframes card-wobble{0%,90%,to{transform:rotate(0)}92%{transform:rotate(-1deg)}96%{transform:rotate(1deg)}}:root{--arcade-bg:#52999e;--arcade-teal:#12aabd;--arcade-deep:#192633;--arcade-ink:#18212d;--arcade-paper:#fff0c8;--arcade-gold:#f3c84c;--arcade-orange:#ef8c22;--arcade-green:#1d7435;--arcade-red:#c92f28;--arcade-blue:#207fbd;--pixel-font:"Silkscreen","DM Mono",monospace}body{background:var(--arcade-bg);color:var(--arcade-ink)}.app-shell{background:var(--arcade-bg);border-inline:3px solid var(--arcade-deep);max-width:560px}.topbar{height:60px;padding-inline:15px;border:0;border-bottom:4px solid var(--arcade-deep);background:var(--arcade-deep);color:var(--arcade-paper)}.wordmark{font:700 13px var(--pixel-font);letter-spacing:.04em;color:var(--arcade-paper)}.brand-mark{border:3px solid var(--arcade-ink);border-radius:0;background:var(--arcade-orange);color:#fff2c6;font:700 21px var(--pixel-font);box-shadow:3px 3px 0 var(--arcade-gold)}.brand-mark.mini{border-radius:0;font-size:13px}.icon-btn{min-width:48px;min-height:48px;border:3px solid var(--arcade-ink);background:var(--arcade-gold);color:var(--arcade-ink);font:700 22px var(--pixel-font);box-shadow:3px 3px #101820;padding:5px}.pill{display:inline-flex;align-items:center;gap:4px;border:3px solid var(--arcade-ink);border-radius:0;padding:7px 9px;background:var(--arcade-gold);color:var(--arcade-ink);font:700 13px var(--pixel-font);box-shadow:3px 3px #101820}.pill small{font:400 8px var(--pixel-font)}.screen{padding:20px 18px 94px;color:var(--arcade-ink)}.eyebrow,.step,.tag{font:700 10px var(--pixel-font);letter-spacing:.025em;color:#173840}.eyebrow{margin-bottom:15px}h1,h2{font-family:var(--pixel-font);font-style:normal;letter-spacing:0;line-height:1.35}h1{font-size:clamp(24px,7vw,34px);color:var(--arcade-deep);margin:12px 0}h1 em{font:700 1em var(--pixel-font);color:#d36d18;letter-spacing:0}h2{font-size:18px;color:var(--arcade-deep)}p{line-height:1.5}.muted,.intro p,.home-hero p,.welcome p,.tutorial-card p,.catch-modal p{color:#172d36;font-size:15px;line-height:1.55}.tag{border:3px solid var(--arcade-ink);border-radius:0;background:var(--arcade-gold);color:var(--arcade-deep);padding:7px 9px;box-shadow:2px 2px 0 var(--arcade-ink)}.hero-card,.panel,.puzzle-card,.catch-modal,.roster-modal,.empty-state{border:4px solid var(--arcade-ink);border-radius:0;background:var(--arcade-paper);box-shadow:5px 5px 0 var(--arcade-deep)}.hero-card{min-height:285px;padding:23px;background:var(--arcade-teal);color:#fff5d5}.welcome{background:var(--arcade-teal)}.welcome h1,.tutorial-card h1{color:#fff5d5}.welcome h1 em,.tutorial-card h1 em{color:var(--arcade-gold)}.welcome p,.tutorial-card p{color:#f2f4df}.tutorial-card{background:#297dbe}.panel{padding:20px;background:var(--arcade-paper)}.panel p{font-size:15px}.primary{min-height:52px;border:3px solid var(--arcade-ink);border-radius:0;background:var(--arcade-green);color:#fffbe7;padding:12px 15px;font:700 15px var(--pixel-font);box-shadow:inset 0 3px #86dc64,0 5px 0 var(--arcade-ink);text-align:left}.primary span{font:700 19px var(--pixel-font)}.primary:hover{filter:brightness(1.08)}.primary:active{transform:translateY(3px);box-shadow:inset 0 3px #86dc64,0 2px 0 var(--arcade-ink)}.primary:disabled{background:#8b9293;color:#e7e4d4;opacity:1}input{min-height:50px;border:3px solid var(--arcade-ink);border-radius:0;background:#fffaf0;padding:12px;color:var(--arcade-ink);font-size:16px}.field-label,.nickname-label{font:700 10px var(--pixel-font);letter-spacing:0;color:#394b52}.hint{font-size:14px;color:#205c2b}.text-button{min-height:44px;color:#304953;text-decoration:none;font:700 11px var(--pixel-font);padding:10px 12px;border-bottom:2px solid currentColor}.gate{background:var(--arcade-bg)}.gate .eyebrow{color:var(--arcade-deep)}.gate h1{font-size:clamp(27px,8vw,38px)}.gate p:not(.eyebrow){color:#17333a;font-size:16px}.gate-url{font:700 11px var(--pixel-font);color:#17333a}.avatar-grid{gap:14px}.avatar-choice{min-height:170px;border:4px solid var(--arcade-ink);border-radius:0;background:var(--arcade-paper);box-shadow:4px 4px 0 var(--arcade-deep);padding:16px 8px}.avatar-choice.chosen{border:4px solid var(--arcade-ink);background:#f5ce52;box-shadow:inset 0 0 0 4px #fff0a2,4px 4px 0 var(--arcade-deep)}.avatar-choice b{font:700 14px var(--pixel-font)}.avatar-choice small{font-size:12px;color:#34494d}.avatar-pixel{border:4px solid var(--arcade-ink);border-radius:0;box-shadow:4px 4px #975923;background:#ef8c22;color:#fff2bf}.avatar-pixel.boy{background:#18b4c1;color:#fff2bf}.home-hero{border:4px solid var(--arcade-ink);border-radius:0;background:#f3ce52}.world-map{width:100%;max-width:520px;margin:auto;padding:14px 12px 34px;border:5px solid var(--arcade-ink);border-radius:0;background:#168f9c;box-shadow:7px 7px 0 var(--arcade-deep)}.world-map svg{display:block;width:100%;height:auto;overflow:visible}.map-land{stroke:var(--arcade-ink);stroke-width:2.5;stroke-linejoin:miter;fill:#32ad45;filter:drop-shadow(3px 3px 0 #12222a);cursor:pointer;outline:none}.map-land:hover,.map-land:focus{fill:var(--arcade-gold);stroke-width:3}.map-hitareas path{fill:none;stroke:transparent;stroke-width:14;pointer-events:stroke}.map-land.south{fill:#f39a26}.map-land.europe{fill:#f5ce52}.map-land.africa{fill:#e94a37}.map-land.asia{fill:#35ad4b}.map-land.oceania{fill:#22b8c5}.map-labels{pointer-events:none;font:700 10px var(--pixel-font);fill:#fff7d6;paint-order:stroke;stroke:#17232c;stroke-width:3px;stroke-linejoin:round}.map-note{left:12px;right:auto;bottom:6px;color:#fff7d6;font:700 10px var(--pixel-font);letter-spacing:0}.screen:has(.world-map){display:grid;align-content:center;padding:16px 18px 86px}.screen:has(.world-map)>.eyebrow{display:none}.intro{padding-bottom:14px}.intro .step{display:inline-block;margin-bottom:4px}.puzzle-card{padding:14px;margin-bottom:16px}.board-grid{gap:4px;padding:8px;border:3px solid var(--arcade-ink);border-radius:0;background:#d5ac59}.board-cell{border:2px solid #25343c;border-radius:0;background:#fff0bd}.board-cell.nexus{background:#15aabd;color:#fff4ca;box-shadow:inset 0 0 0 4px #77d8db}.board-cell.occupied{border-color:var(--arcade-ink)}.piece-head small{font-size:12px;color:#47585a}.rotate-btn{min-height:44px;border:3px solid var(--arcade-ink);border-radius:0;background:var(--arcade-orange);color:#fff7dc;padding:8px 11px;font:700 11px var(--pixel-font);box-shadow:3px 3px 0 var(--arcade-deep)}.fragment-row{gap:5px}.fragment{min-height:44px;border:3px solid var(--arcade-ink);border-radius:0;box-shadow:2px 2px #17232c}.fragment span{font:700 9px var(--pixel-font);color:#15242d}.fragment.selected{outline:3px solid var(--arcade-gold);outline-offset:1px}.fragment.placed{opacity:.38}.puzzle-legend{font:700 10px var(--pixel-font);color:#43565b}.encounter-reveal{padding-top:12px}.spark-ring{border:4px solid var(--arcade-ink);border-radius:0;background:var(--arcade-gold);box-shadow:4px 4px 0 var(--arcade-deep);color:#fff}.encounter-creature,.roster-orb{border:4px solid var(--arcade-ink);border-radius:0;box-shadow:inset -10px -8px var(--accent),5px 5px 0 var(--arcade-deep)}.encounter-sub{font:700 12px var(--pixel-font);color:#33474e}.arena-chips span{border:3px solid var(--arcade-ink);border-radius:0;background:var(--arcade-paper);padding:8px;font:700 10px var(--pixel-font);color:#263b42;box-shadow:2px 2px 0 var(--arcade-deep)}.battle-title .step{color:#163840}.battle-title h1{font:700 clamp(16px,4.8vw,22px)/1.4 var(--pixel-font);letter-spacing:0}.battle-title h1 span{font:700 13px var(--pixel-font);color:#e87024}.battle-canvas{border:5px solid var(--arcade-ink);border-radius:0;box-shadow:5px 5px 0 var(--arcade-deep)}.arena-transition{background:var(--arcade-deep);font:700 10px var(--pixel-font);letter-spacing:0}.sd-card{min-height:56px;border:3px solid var(--arcade-ink);border-radius:0;background:var(--arcade-gold);box-shadow:inset 0 0 0 3px #fff1a8,4px 4px 0 var(--arcade-deep)}.sd-chip{border:3px solid var(--arcade-ink);border-radius:0;background:var(--arcade-orange);font:700 13px var(--pixel-font)}.summon-label b{font:700 13px var(--pixel-font)}.summon-label small{font:12px DM Sans,sans-serif;color:#34494d}.sd-mark{font:700 9px var(--pixel-font);color:#34494d}.fighter-card b{font:700 12px var(--pixel-font)}.fighter-card small{font:700 10px var(--pixel-font);color:#34494d}.hp-track{height:10px;border:2px solid var(--arcade-ink);border-radius:0;background:#fff1c2}.hp-track i{border-radius:0;background:#df382f}.yours .hp-track i{background:#32ad45}.battle-clock{font:700 11px var(--pixel-font);color:#183c46}.catch-button{min-height:52px;border:3px solid var(--arcade-ink);border-radius:0;background:var(--arcade-red);color:#fff8dc;box-shadow:4px 4px 0 var(--arcade-deep)}.catch-button span{font:700 12px var(--pixel-font)}.catch-button small{font:700 9px var(--pixel-font);color:#fff5d4}.catch-button:disabled{opacity:.55}.give-up{min-height:44px;margin-left:12px;border:2px solid var(--arcade-ink);background:var(--arcade-paper);color:#283b40;font:700 10px var(--pixel-font);text-decoration:none;padding:10px}.catch-overlay,.roster-overlay{background:#111b25df}.catch-modal,.roster-modal{border:5px solid var(--arcade-ink);border-radius:0;background:var(--arcade-paper);box-shadow:7px 7px #071117;padding:20px}.catch-modal h2,.roster-modal h2{font-size:18px}.catch-modal p{font-size:15px}.catch-meter{height:18px;border:3px solid var(--arcade-ink);border-radius:0;background:#d5c591}.catch-meter i{border-radius:0;background:var(--arcade-green)}.catch-modal small{font:700 10px var(--pixel-font);color:#263c43}.joystick{width:100px;height:100px;border:4px solid var(--arcade-ink);border-radius:0;background:#23aebb;box-shadow:4px 4px 0 var(--arcade-deep)}.joy-knob{width:44px;height:44px;border:3px solid var(--arcade-ink);border-radius:0;background:var(--arcade-gold);box-shadow:2px 2px 0 var(--arcade-deep)}.roster-choice{min-height:58px;grid-template-columns:45px 1fr auto;gap:10px;border:3px solid var(--arcade-ink);border-radius:0;background:#fff9e4;padding:7px;box-shadow:2px 2px #24343b}.roster-choice.chosen{border:3px solid var(--arcade-ink);background:#f4ce52;box-shadow:inset 0 0 0 2px #fff1a6,2px 2px #24343b}.roster-choice b{font:700 12px var(--pixel-font)}.roster-choice small{font:12px DM Sans,sans-serif;color:#34484d}.roster-choice>i{font:700 8px var(--pixel-font);color:#1d6834}.result-card{padding-top:16px}.result-symbol{display:inline-grid;place-items:center;width:58px;height:58px;border:4px solid var(--arcade-ink);background:var(--arcade-gold);box-shadow:4px 4px 0 var(--arcade-deep);font:700 26px var(--pixel-font)}.result-card>p{font-size:15px;color:#394b50}.nickname-label{display:block;text-align:left;margin:18px 0 12px}.stats-row{border:3px solid var(--arcade-ink);background:#fff9e5;font:700 10px var(--pixel-font);color:#415157}.stats-row b{color:#17633a}.reward-note{border:3px solid var(--arcade-ink);border-radius:0;background:var(--arcade-gold);color:#283a40;font-weight:700}.training-note{font-size:13px;color:#35494e}.collection-count{border-block:4px solid var(--arcade-ink);color:#34494d;font:700 10px var(--pixel-font)}.collection-count b{font:700 24px var(--pixel-font);color:#192633}.roster-row{border-bottom:3px solid #23333b}.roster-row b{font:700 13px var(--pixel-font)}.roster-row small{font-size:12px;color:#3f5054}.rarity{font:700 9px var(--pixel-font);color:#28652d}.empty-state{font-size:15px;color:#35494e}.record-row{border-bottom:2px solid #c4b98d;color:#394b50;font-size:14px}.record-row b{color:#1b6334}.bottom-nav{height:calc(68px + env(safe-area-inset-bottom));padding:7px 0 env(safe-area-inset-bottom);border:0;border-top:4px solid var(--arcade-ink);background:var(--arcade-deep)}.bottom-nav button{min-width:72px;min-height:52px;border:2px solid transparent;color:#f8e8bc;font:700 13px var(--pixel-font)}.bottom-nav button:focus-visible,.bottom-nav button:hover{border-color:var(--arcade-gold);background:#294251}.bottom-nav small{font:700 9px var(--pixel-font)}button:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:3px solid var(--arcade-orange);outline-offset:3px}.screen:has(.battle-canvas){display:flex;flex-direction:column;padding:14px 18px 82px}.battle-canvas{height:min(40vh,340px);min-height:200px;flex:none}.battle-title h1{margin-bottom:10px}.app-shell:has(.world-map) .icon-btn{display:none}.screen:has(.battle-layout){position:relative;overflow:hidden;padding:0!important}.screen:has(.battle-layout)>.eyebrow{display:none}.battle-layout{position:absolute;inset:0 0 68px;overflow:hidden;background:#9edb83;touch-action:none}.battle-canvas{position:absolute;inset:0;width:100%;height:100%;min-height:0;border:0;box-shadow:none;overflow:hidden;touch-action:none}.battle-canvas canvas{display:block;width:100%!important;height:100%!important;image-rendering:pixelated;touch-action:none;pointer-events:none}.battle-headline{display:none}.battle-headline span{display:block;font:700 8px var(--pixel-font);color:#f3c84c}.battle-headline b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 11px var(--pixel-font)}.battle-hud{position:absolute;z-index:3;top:9px;left:9px;right:9px;display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:7px;align-items:start;margin:0;pointer-events:none}.fighter-card{padding:6px 7px;border:3px solid var(--arcade-ink);background:#fff0c8;box-shadow:3px 3px #18212d}.fighter-card.yours{text-align:right}.fighter-card b{font-size:10px;line-height:1.4}.fighter-card small{font:700 7px var(--pixel-font)}.hp-track{height:9px;margin:3px 0;border:2px solid var(--arcade-ink);background:#f7d8a0}.battle-clock{margin-top:7px;padding:4px 2px;border:2px solid var(--arcade-ink);background:#fff0c8;box-shadow:2px 2px #18212d;font:700 9px var(--pixel-font)}.summon-tray{position:absolute;z-index:4;left:10px;bottom:9px;margin:0;transition:opacity .2s,transform .2s}.summon-tray.thrown{display:none}.sd-card{width:auto;min-height:0;max-width:155px;gap:7px;padding:5px 7px;background:#c5c6b9;box-shadow:inset 0 0 0 2px #edf0dc,3px 3px 0 var(--arcade-deep);animation:none}.cartridge-art{display:block;flex:none;width:48px;height:57px;image-rendering:pixelated;filter:drop-shadow(1px 1px 0 #111)}.summon-label{min-width:0;gap:4px}.summon-label b{max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 9px var(--pixel-font)}.summon-label small{font:700 8px/1.4 DM Sans,sans-serif}.zoom-controls{position:absolute;z-index:4;top:108px;right:9px;display:flex;gap:4px}.zoom-controls button{width:44px;height:44px;border:3px solid var(--arcade-ink);background:var(--arcade-gold);box-shadow:2px 2px 0 var(--arcade-deep);font:700 18px var(--pixel-font);touch-action:manipulation}.camera-hint{position:absolute;z-index:2;right:9px;top:154px;padding:4px 5px;background:#18212db8;color:#fff0c8;font:700 7px var(--pixel-font);pointer-events:none}.battle-actions{position:absolute;z-index:4;right:10px;bottom:10px;width:min(58%,230px);display:flex;align-items:stretch;gap:6px}.catch-button{min-width:0;min-height:54px;padding:7px 8px;gap:5px;box-shadow:3px 3px 0 var(--arcade-deep)}.catch-button span{font-size:10px}.catch-button small{font-size:7px;white-space:nowrap}.give-up{min-width:60px;min-height:48px;margin:0;padding:6px;font-size:8px}.catch-overlay,.roster-overlay{position:absolute;inset:0;padding:12px}.catch-modal,.roster-modal{max-height:calc(100% - 24px);overflow:auto}.joystick{touch-action:none}.roster-modal{width:min(100%,360px)}.battle-layout :is(.zoom-controls,.summon-tray,.battle-actions) button{touch-action:manipulation}@media(max-width:370px){.battle-hud{left:6px;right:6px;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:4px}.fighter-card{padding:5px}.summon-tray{left:6px}.sd-card{max-width:137px;padding:4px}.cartridge-art{width:41px;height:49px}.summon-label b{font-size:8px}.battle-actions{right:6px;width:57%;gap:4px}.catch-button{padding-inline:5px}.give-up{min-width:53px}.zoom-controls{right:6px}}@media(max-height:620px){.battle-layout{bottom:64px}.summon-tray{bottom:5px}.cartridge-art{width:35px;height:41px}.sd-card{padding:3px 5px}.battle-actions{bottom:6px}.catch-button{min-height:46px}.give-up{min-height:42px}.camera-hint{display:none}.zoom-controls{top:104px}}@media(max-width:370px){.screen{padding-inline:14px}.world-map{padding-inline:8px}.map-labels,.map-note{font-size:9px}.bottom-nav button{min-width:64px}.primary{font-size:13px}.fragment-row{gap:3px}}