@font-face{font-family:Space;src:url('assets/fonts/display.woff2')}@font-face{font-family:Manrope;src:url('assets/fonts/body.woff2');font-weight:400}@font-face{font-family:Manrope;src:url('assets/fonts/body-semibold.woff2');font-weight:600}@font-face{font-family:Plex;src:url('assets/fonts/mono.woff2')}
:root{--bg:#171c27;--shell:#515277;--shell-light:#76769b;--lime:#c5ee89;--ink:#27392f;--paper:#f2f3e9;--muted:#7d8b7d;--line:#d8dfce;--accent:#879cec;--screen-brightness:1;color-scheme:dark;font-family:Manrope,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#e9ece9;min-height:100vh;overflow-x:hidden}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7f91f4;outline-offset:4px}button{transition:background .18s,transform .18s,box-shadow .18s}button:active:not(:disabled){transform:translateY(2px)}button svg{width:18px;height:18px;flex-shrink:0}button img{pointer-events:none}.mono,.eyebrow,.hardware-label,.outside-label,.under-console,.os-bar,.os-footer,.bezel-title,.bezel-bottom,.power-label,.small-system-buttons,.type-tag,.tiny-tag,.stat-label,.filter-button,.page-count,.device-caption{font-family:Plex,monospace}.mono{font-size:10px;letter-spacing:.1em}.skip-link{position:fixed;left:20px;top:-60px;background:var(--lime);padding:12px;color:#111;z-index:300}.skip-link:focus{top:15px}.ambient-grid{position:fixed;inset:0;background-image:radial-gradient(#c2c9e91c 1px,transparent 1px);background-size:28px 28px;pointer-events:none;mask-image:linear-gradient(#0009,transparent 85%)}.ambient-orbit{position:fixed;width:1100px;height:1100px;border:1px solid #a8b2e00a;border-radius:50%;top:-670px;right:-200px;box-shadow:0 0 0 150px #a8b2e006,0 0 0 300px #a8b2e004;pointer-events:none}
.site-header{height:105px;max-width:1450px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 45px;position:relative}.site-brand{display:flex;align-items:center;gap:12px}.site-brand img{width:35px;height:35px}.site-brand>span,.brand-word{font-family:Space,sans-serif;font-size:26px;letter-spacing:-1.5px}.site-brand span span,.brand-word>span{color:#b8bcce}.site-brand i,.brand-word i{font:9px Plex;vertical-align:top;margin-left:4px;letter-spacing:0}.header-center{font:10px Plex;letter-spacing:.1em;color:#b5baca;display:flex;gap:10px;align-items:center}.status-dot,.power-led{height:6px;width:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px #c5ee8955;display:inline-block;animation:led 3s infinite}.quiet-button{border:0;background:transparent;font-size:12px;display:flex;gap:28px;align-items:center;color:#c7ccd4}.quiet-button span{font-size:21px;color:var(--lime)}.experience{position:relative;max-width:1450px;margin:8px auto 0;padding:0 45px 30px}.outside-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:#989cb2;padding:0 28px 17px}.outside-label span:first-child{display:flex;align-items:center;gap:9px}.outside-label span:first-child:before{content:'';width:5px;height:5px;background:#aab6df}.console{position:relative;display:grid;grid-template-columns:100px minmax(0,1fr) 100px;padding:25px 14px 12px;border-radius:54px 54px 78px 54px;background:linear-gradient(130deg,color-mix(in srgb,var(--shell-light) 70%,#fff3),var(--shell) 45%,color-mix(in srgb,var(--shell) 80%,#1b203d));border:2px solid #9292b176;box-shadow:inset 0 2px 2px #d3d5ef66,inset 0 -6px 4px #10132e66,0 10px 0 #282d46,0 15px 0 #101524,0 35px 60px #080b1377;min-height:640px;isolation:isolate}.console:before{content:'';position:absolute;inset:10px;border:1px solid #c9c9e314;border-radius:44px 44px 68px 44px;pointer-events:none;z-index:-1}.console:after{content:'';position:absolute;inset:20px 20px 30px;background:repeating-linear-gradient(90deg,transparent 0 37px,#cfdefb06 38px 39px,transparent 40px 69px),repeating-linear-gradient(0deg,transparent 0 39px,#cfdefb07 40px 41px,transparent 42px 72px);border-radius:30px;z-index:-1;pointer-events:none}.shell-screw{position:absolute;width:8px;height:8px;border-radius:50%;background:linear-gradient(130deg,#393d5d,#a2a4ba);box-shadow:inset 0 0 1px #000}.shell-screw:after{content:'';position:absolute;left:2px;right:2px;height:1px;top:3px;background:#3c4058;transform:rotate(-30deg)}.screw-tl{top:15px;left:30px}.screw-tr{top:15px;right:30px}.screw-bl{bottom:20px;left:30px}.screw-br{bottom:27px;right:30px}.screen-bezel{background:#202432;border-radius:18px 18px 26px 18px;padding:12px 13px 8px;box-shadow:0 1px 1px #acadd343,inset 0 1px 4px #0008;min-width:0}.bezel-title,.bezel-bottom{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.15em;color:#a2a7ba;padding:2px 9px 11px}.bezel-title>span:first-child{display:flex;gap:6px;align-items:center}.bezel-title i{width:4px;height:4px;display:inline-block;background:#c5ee89;box-shadow:0 0 6px #b5ed7444}.bezel-bottom{padding:12px 9px 2px;font-size:7px;color:#727b92}.bezel-bottom span:last-child{color:#a5a9c4;font-size:13px}.lcd{color-scheme:light;position:relative;background:var(--paper);color:var(--ink);border-radius:5px;overflow:hidden;box-shadow:0 0 0 3px #121720,inset 0 0 18px #192a1c22;filter:brightness(var(--screen-brightness));display:flex;flex-direction:column;height:584px}.os-bar{height:37px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 17px;font-size:9px;background:#e8eddf;gap:12px}.os-home{display:flex;gap:6px;align-items:center}.os-home img{width:16px;height:16px;border-radius:4px}.os-home b{font-family:Space;font-size:14px;letter-spacing:-.6px}.os-home b span{opacity:.6}.os-location{color:#7e8b79;margin-right:auto}.os-status{display:flex;align-items:center;gap:14px}.os-status>span:first-child{font-size:7px;color:#6f806a;letter-spacing:.05em}#sound-toggle{border:0;background:none;padding:3px;position:relative;color:#405340;font-size:19px;line-height:1}#sound-toggle i{position:absolute;display:block;width:15px;height:1px;background:#405340;transform:rotate(-48deg);left:0;top:11px}#sound-toggle.on i{display:none}.battery{width:20px;height:9px;border:1px solid #6c7b63;border-radius:1px;position:relative}.battery:before{content:'';position:absolute;inset:1px;background:#788e68}.battery:after{content:'';position:absolute;right:-3px;top:2px;width:2px;height:3px;background:#6c7b63}#screen-main{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#a8b89d transparent;outline:none;scroll-behavior:smooth}.screen-page{padding:25px 27px 21px;animation:page-in .34s both;min-height:100%}.os-footer{height:29px;flex-shrink:0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:7px;color:#76816f;padding:0 17px;background:#edf0e4;gap:8px}.os-footer kbd{font:7px Plex;background:#dfe5d7;color:#52634a;padding:2px 3px;margin-left:5px}.footer-save{display:flex;align-items:center;gap:5px}.footer-save i{width:4px;height:4px;background:#769861;border-radius:50%}.hardware{display:flex;align-items:center;flex-direction:column;position:relative;min-width:0}.hardware-label{font-size:7px;letter-spacing:.09em;color:#d1d3e080;text-align:center;line-height:1.7}.left-hardware>.hardware-label{margin:28px 0 22px}.joystick{width:57px;height:57px;background:linear-gradient(145deg,#272b43,#151a2e);border-radius:50%;padding:6px;box-shadow:0 2px 1px #959ab277,0 -2px 4px #21243b99}.joystick i{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 40% 30%,#555b74,#282e49 70%);border:2px solid #181d30;box-shadow:inset 0 2px 2px #9096ad66}.dpad{position:relative;display:grid;grid-template-columns:22px 22px 22px;grid-template-rows:22px 22px 22px;margin-top:39px;filter:drop-shadow(0 3px 1px #171b2b99)}.dpad button,.dpad span{background:#252b40;border:0;color:#a8aec7;font-size:9px;padding:0;box-shadow:inset 1px 1px 0 #58607e}.dpad button:hover{background:#3e4662;color:#d3e6b9}.dpad button:nth-child(1){grid-column:2;border-radius:4px 4px 0 0}.dpad button:nth-child(2){grid-column:1;grid-row:2;border-radius:4px 0 0 4px}.dpad span{grid-column:2;grid-row:2;box-shadow:none}.dpad button:nth-child(4){grid-column:3;grid-row:2;border-radius:0 4px 4px 0}.dpad button:nth-child(5){grid-column:2;grid-row:3;border-radius:0 0 4px 4px}.speaker{display:flex;gap:4px;transform:rotate(-14deg);margin-top:52px}.speaker i{width:3px;height:29px;border-radius:3px;background:#282c48;box-shadow:1px 0 #b0b2cd44}.speaker i:nth-child(2){height:34px}.speaker i:nth-child(3){height:34px}.system-key{background:none;border:0;margin-top:auto;margin-bottom:30px;color:#c7cbe0;font-size:23px;display:flex;flex-direction:column;align-items:center;gap:7px}.system-key small{font:6px Plex;letter-spacing:.14em}.power-label{font-size:6px;color:#d3d6e2;letter-spacing:.1em;margin:25px 0 40px;display:flex;gap:8px;align-items:center}.power-led{width:5px;height:5px}.action-pad{display:grid;grid-template-columns:26px 26px 26px;grid-template-rows:26px 26px 26px;transform:rotate(-9deg)}.action-pad button{border:1px solid #161b31;border-radius:50%;font:bold 10px Plex;background:radial-gradient(circle at 35% 20%,#c5c9dc,#777f9e 90%);color:#282f4b;box-shadow:0 3px 0 #242a43,inset 0 1px 2px #e3e8f9}.action-pad button:nth-child(1){grid-column:2}.action-pad button:nth-child(2){grid-column:1;grid-row:2}.action-pad button:nth-child(3){grid-column:3;grid-row:2;background:radial-gradient(circle at 35% 20%,#e1efa4,#a4b863);color:#304521}.action-pad button:nth-child(4){grid-column:2;grid-row:3;background:radial-gradient(circle at 35% 20%,#f7baab,#d38e84);color:#663e40}.action-pad button:hover{filter:brightness(1.12);transform:translateY(-2px)}.small-system-buttons{display:flex;gap:10px;margin-top:43px;transform:rotate(-16deg)}.small-system-buttons button{position:relative;font-size:5px;letter-spacing:.07em;background:none;border:0;padding:15px 0 0;color:#d0d3e6}.small-system-buttons button:before{content:'';position:absolute;top:0;left:0;width:24px;height:7px;background:#282e47;border-radius:6px;box-shadow:1px 1px #a2a7c066}.right-hardware>.speaker{margin-top:42px}.right-hardware>.hardware-label{margin-top:auto;margin-bottom:38px}.under-console{display:flex;align-items:center;justify-content:space-between;margin:36px 20px 0;color:#7f879e;font-size:8px;letter-spacing:.07em}.under-console>span:first-child{display:flex;gap:8px;align-items:center}.under-console i{width:5px;height:5px;border-radius:50%;background:#91a77a}.under-console button{border:0;background:transparent;color:#adb4ca;font:9px Plex;padding:8px}.under-console b{font-size:15px;color:#bcc993;padding-left:13px}
/* Shared OS components */
.text-button svg,.primary svg,.secondary svg,.icon-button svg{width:17px;height:17px;flex-shrink:0}.text-button{line-height:1.6}.battle-team>.type-tag>.sprite{width:27px;height:27px}
.home-hero .hero-copy .text-button{white-space:nowrap}.home-hero .hero-copy h1{white-space:nowrap}.home-progress b>span{font-weight:400}.lcd .app-tile.selected{box-shadow:inset 0 -2px #a2ba85}.lcd .app-tile.selected:hover{box-shadow:0 5px 0 #c8d9b4}
.eyebrow{font-size:8px;letter-spacing:.14em;color:#7a8870;text-transform:uppercase;display:flex;align-items:center;gap:7px}.eyebrow:before{content:'';width:4px;height:4px;background:#80986d}.page-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:20px}.page-heading h1{font:700 29px/1.12 Space;margin:8px 0 6px;letter-spacing:-1.2px}.page-heading p{font-size:11px;color:#788373;margin:0;line-height:1.7}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cbd5c0;background:#f8f9f2;width:31px;height:31px;border-radius:5px;color:#43543e}.icon-button:hover{background:#dce9cf}.primary,.secondary,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;border-radius:5px;padding:11px 15px;font-size:11px;font-weight:600;line-height:1.3}.primary{color:#f3f8ec;background:#2d4835;border:1px solid #2d4835}.primary:hover{background:#426344;box-shadow:0 3px 0 #1d3125}.primary span,.secondary span{margin-left:auto}.primary.small,.secondary.small{font-size:10px;padding:8px 11px}.secondary{background:transparent;border:1px solid #b8c8ac;color:#43563a}.secondary:hover{background:#e0e8d5}.text-button{border:0;background:none;color:#6b8061;padding:6px 0;font-size:10px}.text-button:hover{color:#233e26}.type-tag,.tiny-tag{display:inline-flex;align-items:center;gap:5px;font-size:7px;letter-spacing:.07em;white-space:nowrap;border-radius:3px;border:1px solid color-mix(in srgb,var(--type-color,#8ca878) 55%,#73836d);background:color-mix(in srgb,var(--type-color,#8ca878) 22%,transparent);color:#43543d;padding:4px 7px;text-transform:uppercase}.type-tag i{width:4px;height:4px;background:color-mix(in srgb,var(--type-color) 60%,#375034);border-radius:50%}.tiny-tag{border-color:#cbd6c1;background:#e9efdf;color:#718566;font-size:6px;padding:4px 6px}.panel{border:1px solid var(--line);border-radius:8px;background:#f9faf3;padding:18px}.panel-title{font:700 15px Space;margin:0 0 15px;letter-spacing:-.4px}.sprite{image-rendering:pixelated;display:block;filter:drop-shadow(0 6px 0 #24372e06);animation:companion-bob 3.4s ease-in-out infinite}.sprite:nth-child(even){animation-delay:-1.8s}.stat-label{font-size:7px;color:#8b9682;letter-spacing:.04em;text-transform:uppercase}.progress{height:4px;background:#dce5d2;overflow:hidden;border-radius:1px}.progress i{display:block;height:100%;background:#88ab6a;transition:width .4s}.empty-state{padding:28px;text-align:center;font-size:11px;color:#87917f;line-height:1.8}.empty-state b{display:block;font:700 18px Space;color:#40563a;margin-bottom:6px}.app-nav{display:flex;align-items:center;gap:9px;margin-bottom:17px}.app-nav .eyebrow{margin-right:auto}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.section-title{font:700 16px Space;letter-spacing:-.4px;margin:0 0 11px}.fine-print{font-size:9px;line-height:1.8;color:#7e8875}.field{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#52654a}.field input,.field select,.field textarea,.search-input,.note-input{width:100%;border:1px solid #cdd8c4;border-radius:4px;color:#2d4630;background:#fffef8;padding:10px 12px;font-size:11px}.field textarea{resize:vertical;min-height:80px}.field input::placeholder,.note-input::placeholder,.search-input::placeholder{color:#8e9a84}.pill-row{display:flex;gap:7px;flex-wrap:wrap}.filter-button{background:transparent;border:1px solid #d5ddcb;color:#7b8870;font-size:8px;border-radius:4px;padding:7px 10px}.filter-button.active,.filter-button:hover{background:#dce9cb;border-color:#a6bc8c;color:#35502b}.divider{border:0;border-top:1px solid var(--line);margin:20px 0}.kbd-info{font:8px Plex;color:#829176}
/* Launcher */
.home-page{padding-top:23px}.welcome-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.welcome-row>.eyebrow{font-size:8px}.level-badge{font:8px Plex;color:#6e805e;display:flex;align-items:center;gap:9px}.level-badge b{font-weight:400;background:#e0e9d2;padding:5px 7px;border-radius:3px}.home-hero{position:relative;min-height:207px;display:grid;grid-template-columns:1.15fr 1fr;border-radius:9px;overflow:hidden;background:#dfeacb;border:1px solid #d4dfc1}.hero-copy{padding:24px 0 23px 25px;position:relative;z-index:1}.hero-copy>span{font:7px Plex;letter-spacing:.15em;color:#758661}.hero-copy h1{font:700 clamp(26px,3vw,43px)/1.04 Space;letter-spacing:-2px;margin:12px 0 10px}.hero-copy h1 span{color:#6c8c4d}.hero-copy p{font-size:10px;color:#6d7e5d;margin:0 0 15px;line-height:1.7;max-width:260px}.hero-copy .text-button{font-weight:600;font-size:9px;color:#3d5c30;gap:25px}.hero-art{position:relative;display:flex;justify-content:center;align-items:center;min-width:0}.hero-art:before{content:'';width:195px;height:195px;border:1px solid #aec88b66;box-shadow:0 0 0 24px #b7cd941c,0 0 0 50px #b7cd9416;border-radius:50%;position:absolute;top:6px;animation:hero-ring 9s ease-in-out infinite}.hero-art:after{content:'';position:absolute;left:8%;right:3%;bottom:10px;height:29px;background:radial-gradient(ellipse,#a3bd7688,transparent 70%)}.hero-art>.sprite{width:168px;height:168px;position:relative;z-index:1;transform-origin:bottom;animation:companion-hero 4.4s ease-in-out infinite}.pixel-spark{position:absolute;width:8px;height:8px;background:#94b870;box-shadow:8px 0 #94b870;animation:sparkle 3s infinite}.pixel-spark.one{right:16%;top:28px}.pixel-spark.two{left:14%;bottom:40px;width:5px;height:5px;animation-delay:-1s}.hero-tag{position:absolute;bottom:16px;right:15px;font:7px Plex;letter-spacing:.05em;color:#738660;z-index:2}.hero-floating-card{position:absolute;top:14px;left:14px;transform:rotate(-8deg);background:#f7fbead9;border:1px solid #ccd8b8;padding:7px 9px;font:6px Plex;box-shadow:0 4px 10px #5c743c0b;z-index:2;animation:card-drift 6s infinite}.hero-floating-card b{display:block;font:700 11px Space;margin:4px 0}.home-launcher-label{display:flex;justify-content:space-between;align-items:center;margin:19px 0 11px}.home-launcher-label h2{font:700 14px Space;letter-spacing:-.4px;margin:0}.home-launcher-label>span{font:7px Plex;color:#8e9985;letter-spacing:.1em}.app-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.app-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0;text-align:left;background:#fafbf4;border:1px solid #d7dfcc;padding:12px 10px 10px;min-height:105px;border-radius:7px;color:#344930;overflow:hidden;animation:tile-in .5s both;animation-delay:calc(var(--i)*60ms)}.app-tile:hover,.app-tile.selected{border-color:#94ad7b;background:#eff5e5;transform:translateY(-4px);box-shadow:0 5px 0 #c8d9b4}.app-tile:after{content:'↗';position:absolute;right:8px;top:9px;font-size:12px;color:#8da07f;opacity:0;transition:opacity .2s}.app-tile:hover:after{opacity:1}.app-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:var(--icon-bg,#d8e8b4);border:1px solid #ffffff66;box-shadow:inset 0 2px 0 #fff7,0 3px 0 #71845915;margin-bottom:11px;color:var(--icon-ink,#506d39)}.app-icon svg{width:23px;height:23px}.app-tile b{font:700 11px Space;letter-spacing:-.2px;white-space:nowrap}.app-tile small{display:block;font:6px Plex;color:#8b9681;margin-top:5px;text-transform:uppercase;letter-spacing:.02em}.home-bottom{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin-top:18px}.journey-mini{display:flex;align-items:center;gap:12px}.journey-mini .mini-orbit{width:30px;height:30px;border:1px solid #b8c8a6;display:grid;place-items:center;font-size:16px;border-radius:50%;color:#87a06f;flex-shrink:0}.journey-mini p{margin:0;font-size:9px;color:#7d8a70;line-height:1.7}.journey-mini b{font-weight:600;color:#4e6543}.home-progress{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line)}.home-progress div{text-align:center;border-right:1px solid var(--line)}.home-progress b{display:block;font:700 18px Space}.home-progress span{font:6px Plex;color:#8d9980;text-transform:uppercase;display:block;margin-top:4px}
/* Dex */
.dex-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;align-items:start}.dex-toolbar{display:flex;gap:8px;margin-bottom:11px}.search-input{padding:9px 12px;font-size:10px;min-width:0}.dex-toolbar .icon-button{flex-shrink:0;height:34px}.dex-toolbar .icon-button.active{color:#876f25;background:#f4e8af}.dex-filters{margin-bottom:13px;gap:5px}.dex-filters .filter-button{font-size:7px;padding:5px 7px}.dex-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dex-card{position:relative;display:flex;flex-direction:column;align-items:center;border:1px solid #dae2cf;background:#fafbf4;border-radius:6px;min-width:0;padding:10px 5px 9px;color:#344a2e;animation:tile-in .4s both}.dex-card.active{border-color:#94af7b;background:#e6efd7;box-shadow:inset 0 0 0 1px #94af7b}.dex-card:hover{background:#edf4e2;transform:translateY(-2px)}.dex-card>.sprite{width:65px;height:65px;margin:1px 0 6px}.dex-card b{font:700 11px Space}.dex-card .type-tag{font-size:5px;padding:3px 5px;margin-top:6px}.dex-num{font:6px Plex;position:absolute;top:6px;left:7px;color:#92a082}.discovered-dot{position:absolute;top:7px;right:7px;width:4px;height:4px;border-radius:50%;background:#89a870}.discovered-dot.locked{background:#c3cbbb}.page-count{font-size:7px;color:#8b9880;display:flex;justify-content:space-between;margin:11px 0 0}.dex-detail{position:sticky;top:0;padding:0;overflow:hidden}.detail-art{position:relative;min-height:190px;background:color-mix(in srgb,var(--type-color) 22%,#e9eedf);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);overflow:hidden}.detail-art:before{content:'';position:absolute;width:140px;height:140px;border:1px solid #8da27633;border-radius:50%;box-shadow:0 0 0 20px #9dad8511}.detail-art>.sprite{width:145px;height:145px;z-index:1}.detail-art>.stat-label{position:absolute;left:15px;top:15px}.detail-art>.icon-button{position:absolute;right:11px;top:11px;z-index:2;background:#ffffff66}.detail-body{padding:17px}.detail-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.detail-title h2{font:700 23px Space;letter-spacing:-.7px;margin:0}.creature-desc{font-size:10px;line-height:1.8;color:#7c8b72;margin:12px 0}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 17px;margin:16px 0}.stat-line>div{display:flex;justify-content:space-between;margin-bottom:5px;font:7px Plex;color:#809074}.stat-line b{font-weight:400;color:#526747}.stat-line .progress{height:3px}.stat-line .progress i{background:color-mix(in srgb,var(--type-color) 60%,#7a965f)}.detail-meta{display:flex;gap:18px;font:7px Plex;color:#8d9983;margin-bottom:15px}.detail-meta b{display:block;font-size:9px;color:#5b7050;margin-top:5px}.detail-body>.primary{width:100%;margin-top:1px}.detail-tip{border-top:1px solid var(--line);padding:12px 16px;font-size:9px;color:#7b8e6d;line-height:1.7;background:#eef3e4}.detail-tip b{font:7px Plex;display:block;color:#627b51;margin-bottom:3px}.detail-tip .text-button{padding-bottom:0;font-size:9px}.search-empty{grid-column:1/-1}
/* Team */
.team-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:2px 0 22px}.team-card{position:relative;min-height:228px;text-align:center;padding:15px 14px;border:1px solid #cfdac2;border-radius:8px;background:#fafbf4;overflow:hidden}.team-card:before{content:'';position:absolute;inset:0;background:linear-gradient(color-mix(in srgb,var(--type-color) 15%,transparent),transparent 70%);pointer-events:none}.team-card>.sprite{width:105px;height:105px;margin:5px auto 2px;position:relative}.team-card>h2{font:700 18px Space;margin:2px 0 7px}.team-card>.type-tag{position:relative}.slot-number{position:absolute;top:11px;left:12px;font:7px Plex;color:#8c9b7c}.team-controls{display:flex;justify-content:center;gap:8px;margin-top:12px;position:relative}.team-controls button{font-size:8px;padding:5px 9px;min-height:28px}.team-card.empty{border-style:dashed;background:#eaf0e0;display:flex;align-items:center;justify-content:center;flex-direction:column}.team-card.empty>span{font:32px Space;color:#a3b291;margin-bottom:12px}.team-card.empty h2{font-size:14px;color:#7c8c6b}.team-card.empty p{font-size:9px;color:#8a977c;max-width:120px;line-height:1.7}.team-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.team-summary h3{font:700 13px Space;margin:7px 0}.team-summary p{font-size:9px;color:#819274;line-height:1.8;margin:0}.matchups{margin-top:18px;display:flex;gap:8px;flex-wrap:wrap}.matchup{display:flex;gap:8px;align-items:center;font-size:8px;color:#839576;padding:7px 10px;border:1px solid var(--line);border-radius:4px}
/* Map */
.map-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:17px;align-items:start}.map-frame{position:relative;border:5px solid #d4deca;background:#b2ce91;border-radius:8px;overflow:hidden;box-shadow:inset 0 0 20px #3c633c22;aspect-ratio:1.18}.world-map{position:absolute;inset:0;background:radial-gradient(ellipse at 18% 50%,#c2d99a 0 28%,transparent 28.3%),linear-gradient(140deg,#a9c68f,#b6cf98)}.map-grid{position:absolute;inset:0;background-image:linear-gradient(#587d4420 1px,transparent 1px),linear-gradient(90deg,#587d4420 1px,transparent 1px);background-size:12.5% 16.6667%;opacity:.3}.map-lake{position:absolute;left:49%;top:41%;width:35%;height:35%;background:#84bec7;clip-path:polygon(10% 0,75% 0,75% 10%,100% 10%,100% 70%,85% 70%,85% 100%,15% 100%,15% 85%,0 85%,0 20%,10% 20%);box-shadow:inset 0 0 0 8px #73a8b0}.map-lake:after{content:'';position:absolute;inset:12px;background:repeating-linear-gradient(0deg,transparent 0 23px,#d1e7dc88 24px 26px,transparent 27px 36px);animation:water-flow 5s linear infinite}.map-path{position:absolute;background:#d3ca97;left:27%;top:28%;width:9%;height:55%;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.map-path.two{top:28%;left:27%;width:58%;height:9%}.map-path.three{top:78%;left:27%;width:46%;height:8%}.map-tree{position:absolute;width:15px;height:24px;background:#73925e;clip-path:polygon(35% 0,65% 0,65% 14%,85% 14%,85% 28%,100% 28%,100% 75%,65% 75%,65% 100%,35% 100%,35% 75%,0 75%,0 28%,15% 28%,15% 14%,35% 14%);filter:drop-shadow(3px 4px 0 #6e8e5d44)}.map-tree:nth-child(3n){background:#587b55;width:19px;height:28px}.map-rock{position:absolute;width:26px;height:22px;background:#a4a192;clip-path:polygon(20% 0,70% 0,100% 40%,100% 100%,0 100%,0 40%)}.map-rock:after{content:'';position:absolute;left:4px;top:3px;right:7px;bottom:5px;background:#c0bbaa;clip-path:polygon(20% 0,70% 0,100% 40%,100% 100%,0 100%,0 40%)}.map-location{position:absolute;width:28px;height:28px;transform:translate(-50%,-50%);background:#f5f1d8;border:2px solid #718b61;border-radius:5px;color:#536c46;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 0 #64834c66;z-index:2;padding:4px}.map-location svg{width:17px;height:17px}.map-location:hover,.map-location.active{background:#fff8c8;border-color:#546e36;box-shadow:0 0 0 4px #fff8c866,0 3px 0 #64834c66}.map-location.visited:after{content:'';position:absolute;width:5px;height:5px;background:#f5eb9d;border:1px solid #6a8a4d;right:-3px;top:-3px;border-radius:50%}.map-player{position:absolute;width:23px;height:30px;transform:translate(-50%,-50%);transition:left .6s ease-in-out,top .6s ease-in-out;pointer-events:none;z-index:4;filter:drop-shadow(0 3px 1px #34462a44)}.map-player:before{content:'';position:absolute;inset:1px 5px 14px;background:#eac59b;border:3px solid #574663;border-top:5px solid #eb8f73;box-shadow:0 5px #574663}.map-player:after{content:'';position:absolute;inset:17px 5px 0;background:linear-gradient(90deg,#473e62 0 35%,transparent 35% 65%,#473e62 65%);border-top:5px solid #9386ae}.map-coordinate{position:absolute;left:10px;bottom:10px;font:6px Plex;color:#4c7043;z-index:2;letter-spacing:.03em}.map-compass{position:absolute;right:10px;top:9px;font:8px Plex;color:#57794b;z-index:1}.map-hint{display:flex;justify-content:space-between;margin-top:9px;font:7px Plex;color:#8b997d}.area-art{min-height:95px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--area-color) 22%,#edf2e3);border-radius:5px;margin-bottom:15px;gap:2px}.area-art .sprite{width:70px;height:70px}.area-panel h2{font:700 22px Space;margin:10px 0 8px;letter-spacing:-.5px}.area-panel p{font-size:10px;color:#7e8e74;line-height:1.8}.area-panel .primary{width:100%;margin-top:10px}.area-species{display:flex;align-items:center;gap:9px;padding:6px 0;border-bottom:1px solid #e1e8d8}.area-species:last-child{border-bottom:0}.area-species .sprite{width:28px;height:28px}.area-species b{font:700 10px Space}.area-species>span{font:7px Plex;color:#859777;margin-left:auto}.discovery-result{border:1px solid #b4ca9f;background:#eaf3dd;padding:13px;margin-top:12px;border-radius:5px;animation:page-in .4s}.discovery-result h3{font:700 14px Space;margin:4px 0 7px}.discovery-result p{font-size:9px;margin:0}.discovery-result .sprite{width:65px;height:65px;float:right}.discovery-result .secondary{margin-top:10px}.travel-progress{position:relative;overflow:hidden}.travel-progress:after{content:'';position:absolute;left:0;bottom:0;height:3px;background:#c7ee98;animation:travel-progress 1s linear both}.map-legend{display:flex;gap:14px;font:7px Plex;color:#7c8d6c;margin-top:13px}.map-legend span{display:flex;align-items:center;gap:5px}.map-legend i{width:5px;height:5px;border:1px solid #839c6b;background:#d3dfb9}
/* Battle */
.battle-setup{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.battle-preview{position:relative;min-height:228px;border-radius:8px;overflow:hidden;background:linear-gradient(#dce7d0 0 55%,#b4ca96 55% 57%,#ccdab5 57%);display:flex;align-items:center;justify-content:center;gap:22px;border:1px solid #c6d5b5}.battle-preview:before{content:'';position:absolute;width:130px;height:130px;background:#edf2dd;border-radius:50%;right:-25px;top:-30px;box-shadow:0 0 0 20px #e6eed955}.battle-preview .sprite{width:116px;height:116px;z-index:1}.battle-preview>.vs{font:700 22px Space;color:#7b925f;z-index:1}.battle-preview small{position:absolute;bottom:15px;left:18px;font:7px Plex;letter-spacing:.1em;color:#758b5f}.battle-options{display:flex;flex-direction:column;gap:12px}.battle-options .primary{width:100%;margin-top:5px}.battle-options p{font-size:10px;line-height:1.8;color:#829475;margin:0}.battle-arena{height:232px;position:relative;background:linear-gradient(#dce8cc 0 56%,#b6cc97 56% 58%,#cadbb1 58%);border:1px solid #c1d1ae;border-radius:8px;overflow:hidden}.battle-arena:before{content:'';position:absolute;left:0;right:0;height:58px;top:32%;background:repeating-linear-gradient(90deg,#adc296 0 20px,#c2d3ad 20px 45px);clip-path:polygon(0 50%,5% 50%,5% 35%,10% 35%,10% 60%,16% 60%,16% 15%,22% 15%,22% 40%,30% 40%,30% 5%,36% 5%,36% 40%,42% 40%,42% 20%,49% 20%,49% 40%,58% 40%,58% 10%,64% 10%,64% 50%,73% 50%,73% 25%,80% 25%,80% 40%,88% 40%,88% 15%,94% 15%,94% 50%,100% 50%,100% 100%,0 100%)}.battle-platform{position:absolute;width:160px;height:38px;background:#a7bc88;border:3px solid #bad09c;border-radius:50%;bottom:20px;left:12%;box-shadow:0 6px 0 #8fa77533}.battle-platform.enemy{width:130px;height:28px;left:auto;right:12%;bottom:88px}.battle-sprite{position:absolute;width:120px;height:120px;bottom:32px;left:calc(12% + 20px)}.battle-sprite.enemy{width:100px;height:100px;bottom:99px;left:auto;right:calc(12% + 15px)}.battle-sprite.hit{animation:hit .45s}.battle-sprite.attack{animation:attack .45s}.battle-sprite.enemy.attack{animation:enemy-attack .45s}.battle-health{position:absolute;left:16px;top:14px;background:#f5f7e8de;border:1px solid #bccca8;border-radius:5px;padding:10px 12px;width:180px}.battle-health.enemy{left:auto;right:16px;top:auto;bottom:14px}.battle-health h3{font:700 13px Space;margin:0 0 5px;display:flex;justify-content:space-between}.battle-health .type-tag{font-size:5px;padding:2px 4px}.battle-health .progress{height:5px;background:#d2dcbe}.battle-health .progress i{background:#83ab60}.battle-health small{font:6px Plex;color:#81936b;display:block;margin-top:4px;text-align:right}.battle-turn{position:absolute;right:15px;top:15px;font:7px Plex;color:#77915c;letter-spacing:.07em}.battle-lower{display:grid;grid-template-columns:1.2fr 1fr;gap:15px;margin-top:13px}.battle-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.battle-actions button{display:flex;flex-direction:column;align-items:flex-start;border:1px solid #c7d6b6;background:#f9fbef;color:#3b5630;padding:11px 13px;border-radius:5px;text-align:left;gap:5px}.battle-actions button:hover{background:#e5efd6;transform:translateY(-2px);border-color:#95b277}.battle-actions b{font:700 12px Space}.battle-actions small{font:6px Plex;color:#8a9a79}.battle-log{font:8px/1.7 Plex;color:#839575;background:#e9efdf;border:1px solid #d2ddc4;padding:10px 12px;border-radius:5px;max-height:108px;overflow:auto;display:flex;flex-direction:column;justify-content:flex-end}.battle-log p{margin:0 0 3px}.battle-log p:last-child{color:#49643b}.battle-team{display:flex;align-items:center;gap:6px;margin-top:12px;flex-wrap:wrap}.battle-team>span{font:7px Plex;color:#849673;margin-right:4px}.battle-team button{display:flex;align-items:center;gap:5px;background:#f6f9ec;border:1px solid #d0dec0;border-radius:4px;color:#5c7448;font-size:8px;padding:4px 7px}.battle-team button.active{background:#dcebc7;border-color:#9cb882}.battle-team .sprite{width:25px;height:25px}.battle-result{background:#eef5df;border:1px solid #a9c28c;padding:18px;border-radius:7px;display:flex;align-items:center;gap:20px;margin-top:15px;animation:page-in .5s}.battle-result h2{font:700 22px Space;margin:0 0 5px;letter-spacing:-.6px}.battle-result p{font-size:10px;line-height:1.6;color:#7d916c;margin:0}.battle-result .primary{margin-left:auto;white-space:nowrap}
/* Journal, settings */
.journal-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:17px}.note-form{display:flex;gap:7px;margin:0 0 14px}.note-input{font-size:10px;min-width:0}.note-form .primary{padding:8px 12px;flex-shrink:0}.note-item{display:flex;gap:9px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--line)}.note-item>button{background:#f7faed;border:1px solid #bdceaa;border-radius:3px;width:19px;height:19px;padding:0;flex-shrink:0;color:#6d8b54;font-size:12px}.note-item p{font-size:10px;line-height:1.7;margin:0;overflow-wrap:anywhere}.note-item small{font:6px Plex;color:#94a088;display:block;margin-top:4px}.note-item.done p{text-decoration:line-through;color:#9aa58e}.note-item.done>button{background:#dcebc9}.quest{padding:13px 0;border-bottom:1px solid var(--line)}.quest:last-child{border-bottom:0}.quest-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.quest-top b{font:700 12px Space}.quest-top>span{font:7px Plex;color:#81946f}.quest p{font-size:9px;color:#8a997b;margin:4px 0 10px;line-height:1.7}.quest.complete b{color:#6d914f}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;gap:9px}.activity-item>i{height:5px;width:5px;background:#a6be8c;flex-shrink:0;margin-top:5px}.activity-item p{font-size:9px;line-height:1.8;margin:0;color:#849577}.activity-item small{font:6px Plex;color:#a0ac93;display:block;margin-top:3px}.settings-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:17px}.settings-grid .panel{margin-bottom:15px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border:0;padding-bottom:0}.setting-row b{font:700 12px Space;display:block}.setting-row small{font-size:9px;color:#8a997d;display:block;line-height:1.7;margin-top:4px}.shell-choices{display:flex;gap:8px}.shell-choice{border:2px solid transparent;box-shadow:0 0 0 1px #cad5be;border-radius:50%;width:25px;height:25px;background:var(--choice);position:relative}.shell-choice.active{border-color:#f6f9ed;box-shadow:0 0 0 2px #81996a}.shell-choice.active:after{content:'✓';font-size:12px;color:white}.settings-grid .field{margin-bottom:12px}.brightness{max-width:110px;accent-color:#809e67}.toggle{border:1px solid #a4bb8e;border-radius:20px;background:#d2dfc4;width:35px;height:20px;padding:3px;position:relative}.toggle:before{content:'';display:block;width:12px;height:12px;background:#fff;box-shadow:0 1px 3px #5e744433;border-radius:50%;transition:transform .2s}.toggle.active{background:#789d5e;border-color:#789d5e}.toggle.active:before{transform:translateX(14px)}.backup-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.backup-actions button{flex:1;font-size:9px;padding:9px}.about-logo{display:flex;align-items:center;gap:9px;margin-bottom:12px}.about-logo img{width:30px;height:30px}.about-logo b{font:700 20px Space;letter-spacing:-.8px}.about-logo small{font:6px Plex;color:#8f9e7c;margin-left:auto}.settings-note{font-size:9px;line-height:1.9;color:#87967a}.settings-note strong{font-weight:600;color:#60784d}.settings-links{display:flex;gap:15px;font:7px Plex;color:#81976d;padding-top:10px}.settings-links button{border:0;background:none;padding:0;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px}.save-indicator{font:7px Plex;color:#6e9053;display:flex;gap:7px;align-items:center}.save-indicator:before{content:'';width:5px;height:5px;border-radius:50%;background:#8cb46a}.storage-warning{font-size:9px;background:#f4dfbd;padding:10px;border-radius:4px;color:#8c6034}.settings-grid .divider{margin:12px 0}.muted-label{font:7px Plex;letter-spacing:.07em;color:#8a9b7a}
/* Boot sequence. Opaque all the way through the transition. */
.boot-overlay{position:fixed;inset:0;z-index:150;background:#171c27;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;color:#f0f3ea}.boot-overlay:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 60%,#373a513d,transparent 65%),radial-gradient(#b8c7e11a 1px,transparent 1px);background-size:auto,25px 25px;pointer-events:none}.boot-top{position:absolute;top:42px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between}.boot-top>.mono{color:#868fa8;font-size:8px}.boot-scene{position:relative;width:620px;height:420px;perspective:1000px;transform:scale(.95)}.boot-handheld{position:absolute;left:35px;right:35px;height:265px;top:140px;border-radius:35px 35px 53px 35px;background:linear-gradient(135deg,#7e80a4,#505577 55%,#393e60);border:2px solid #959abc;box-shadow:inset 0 2px 2px #bdc2df66,inset 0 -5px 2px #141c3e88,0 10px 0 #232d48,0 13px 0 #0b1221,0 50px 70px #0008;transform:rotateX(14deg) rotateZ(-5deg);z-index:2}.boot-slot{position:absolute;width:180px;height:9px;border-radius:8px;background:#101829;top:-5px;left:calc(50% - 90px);box-shadow:inset 0 -2px #7a83a5;border:2px solid #262e47}.boot-lcd{position:absolute;left:88px;right:88px;top:25px;bottom:27px;background:#0d151c;border:15px solid #252c3e;border-radius:9px;box-shadow:0 0 0 1px #9299b133,inset 0 0 30px #0008;animation:screen-on 5s both}.boot-screen-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;color:#273e28;animation:boot-logo 5s both}.boot-screen-content img{width:42px;height:42px;margin-bottom:7px}.boot-screen-content strong{font:700 28px Space;letter-spacing:-1.4px}.boot-cursor{font:6px Plex;letter-spacing:.12em;margin-top:13px;animation:cursor 1s steps(2,end) infinite}.boot-led{position:absolute;right:38px;top:28px;background:#222940;width:5px;height:5px;border-radius:50%;animation:power-on 5s both}.mini-dpad{position:absolute;top:102px;left:24px;font:bold 48px Arial;color:#21283e;text-shadow:1px 1px #848cac;line-height:1}.mini-buttons{position:absolute;right:20px;top:95px;width:52px;height:40px;transform:rotate(-28deg)}.mini-buttons i{position:absolute;left:0;bottom:0;width:24px;height:24px;background:linear-gradient(#d5e99f,#a5ba79);border:1px solid #28364b;border-radius:50%;box-shadow:0 2px 0 #1e2b44}.mini-buttons i:last-child{left:auto;bottom:auto;right:0;top:0;background:linear-gradient(#f0b5a2,#b97e78)}.boot-handheld>small{position:absolute;bottom:9px;left:92px;font:5px Plex;letter-spacing:.15em;color:#aeb5cf}.boot-cartridge{position:absolute;width:158px;height:166px;left:231px;top:-76px;background:linear-gradient(120deg,#bfc4c3,#8a9696);border-radius:8px 8px 2px 2px;border:2px solid #c8cecb;box-shadow:inset 0 0 0 4px #46555944,10px 10px 20px #0003;transform:rotate(-5deg);animation:insert-cartridge 5s both;z-index:1;overflow:hidden}.cartridge-ridges{height:15px;background:repeating-linear-gradient(90deg,#8b9595 0 5px,#acb6b3 5px 9px);margin:0 10px;border-radius:0 0 5px 5px}.cartridge-label{background:#c8e0a3;border:1px solid #788676;border-radius:4px;margin:9px;height:111px;padding:6px;position:relative;overflow:hidden}.cartridge-label:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 7px,#91ad7322 7px 8px)}.cartridge-label img{position:absolute;bottom:8px;right:4px;width:70px;height:70px;image-rendering:pixelated}.cartridge-label b{position:relative;font:700 14px/.95 Space;color:#334b2d;letter-spacing:-.4px;display:block;margin-top:3px}.cartridge-label small{position:absolute;bottom:4px;left:7px;font:4px Plex;color:#60734b;letter-spacing:.1em}.cartridge-contacts{height:15px;position:absolute;bottom:0;left:17px;right:17px;background:repeating-linear-gradient(90deg,#a99460 0 6px,#5c6b6a 6px 9px)}.boot-bottom{position:absolute;bottom:60px;width:min(340px,75vw);text-align:center}.boot-step{font:8px Plex;color:#c1c9da;letter-spacing:.1em;min-height:12px}.boot-track{margin:17px 0 15px;height:3px;background:#363d50;overflow:hidden}.boot-track>i{height:100%;display:block;background:var(--lime);transform-origin:left;animation:boot-progress 4.8s linear both}.boot-bottom>.mono{font-size:6px;color:#626e85}.boot-overlay.leaving{animation:boot-exit .5s both;pointer-events:none}.boot-overlay[hidden]{display:none}.boot-overlay.replay .boot-cartridge{animation-name:insert-cartridge}.noscript{position:fixed;inset:0;background:#171c27;color:#e4eed7;z-index:500;display:grid;place-items:center;padding:30px;text-align:center}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,25px);opacity:0;pointer-events:none;z-index:200;background:#dcebc9;color:#314b29;border:1px solid #a1bb83;padding:12px 20px;border-radius:7px;box-shadow:0 10px 40px #0004;font-size:12px;transition:transform .25s,opacity .25s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{color-scheme:light;background:#f3f5e9;border:1px solid #adbba0;border-radius:14px;padding:32px;color:#30472f;max-width:620px;width:calc(100% - 32px);box-shadow:0 30px 100px #0007}dialog::backdrop{background:#101721cc;backdrop-filter:blur(8px)}dialog h2{font:700 32px/1.05 Space;letter-spacing:-1.2px;margin:15px 0}dialog>p{font-size:12px;line-height:1.9;color:#7d8e70}.dialog-close{position:absolute;right:15px;top:12px;background:transparent;border:1px solid #c8d5bc;border-radius:4px;color:#758c63;font-size:21px;width:30px;height:30px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.help-grid b{font:700 13px Space}.help-grid p{font-size:11px;color:#809271;line-height:1.8;margin:7px 0}.help-grid>div{padding-top:13px;border-top:1px solid #cfdbc3}dialog>.primary{margin-top:12px}dialog>.fine-print{font-size:9px;line-height:1.8}
@keyframes companion-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes companion-hero{0%,100%{transform:translateY(0) rotate(-2deg)}35%{transform:translateY(-9px) rotate(2deg)}60%{transform:translateY(-3px) rotate(0)}}@keyframes hero-ring{0%,100%{transform:scale(.95)}50%{transform:scale(1.06)}}@keyframes sparkle{0%,70%,100%{opacity:.2;transform:scale(.7) rotate(0)}35%{opacity:.8;transform:scale(1) rotate(90deg)}}@keyframes card-drift{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-5px) rotate(-5deg)}}@keyframes page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes tile-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes led{0%,100%{opacity:.7}50%{opacity:1;box-shadow:0 0 10px #c5ee8955}}@keyframes water-flow{to{transform:translateY(36px)}}@keyframes travel-progress{from{width:0}to{width:100%}}@keyframes hit{0%,40%,80%{opacity:1;transform:translateX(0)}20%,60%{opacity:.3;transform:translateX(6px)}100%{opacity:1}}@keyframes attack{50%{transform:translate(25px,-8px)}}@keyframes enemy-attack{50%{transform:translate(-25px,8px)}}@keyframes insert-cartridge{0%,8%{transform:translateY(-40px) rotate(-5deg);opacity:1}16%{transform:translateY(0) rotate(-5deg)}35%,100%{transform:translateY(185px) rotate(-5deg)}}@keyframes screen-on{0%,44%{background:#0d151c}46%{background:#f4f9e5}49%{background:#849773}54%,100%{background:#dce6bf;box-shadow:0 0 15px #c6e8a122,inset 0 0 20px #485e3c22}}@keyframes boot-logo{0%,52%{opacity:0;transform:scale(.96)}61%,100%{opacity:1;transform:scale(1)}}@keyframes power-on{0%,39%{background:#222940}40%,100%{background:#c5ee89;box-shadow:0 0 8px #c5ee8988}}@keyframes cursor{50%{opacity:.3}}@keyframes boot-progress{0%{transform:scaleX(0)}35%{transform:scaleX(.35)}50%{transform:scaleX(.45)}75%{transform:scaleX(.8)}100%{transform:scaleX(1)}}@keyframes boot-exit{to{opacity:0;transform:scale(1.025)}}
@media(min-width:1600px){.experience{margin-top:22px}.lcd{height:620px}.home-hero{min-height:235px}.hero-copy{padding-top:31px}.hero-art>.sprite{width:185px;height:185px}.hero-art:before{top:16px}.home-launcher-label{margin-top:23px}.app-tile{min-height:120px;padding:15px}.home-bottom{margin-top:22px}.site-header{height:120px}}
@media(max-width:1200px){.site-header{height:85px;padding:0 25px}.experience{padding:0 22px 25px}.console{grid-template-columns:76px minmax(0,1fr) 76px;padding:20px 8px 10px;min-height:0;border-radius:42px 42px 65px 42px}.screen-bezel{padding:10px 10px 7px}.lcd{height:565px}.screen-page{padding:22px 21px}.hardware-label{font-size:6px}.hardware .joystick{width:45px;height:45px}.dpad{grid-template-columns:19px 19px 19px;grid-template-rows:19px 19px 19px}.action-pad{grid-template-columns:23px 23px 23px;grid-template-rows:23px 23px 23px}.small-system-buttons{gap:5px}.small-system-buttons button{font-size:4px}.hero-copy h1{font-size:34px}.app-tile{padding:12px 8px}.app-tile b{font-size:10px}.app-tile small{font-size:5px}.hero-art>.sprite{width:150px;height:150px}.hero-art:before{width:170px;height:170px;top:20px}.os-location{display:none}.detail-art{min-height:175px}.team-summary{gap:10px}.battle-preview .sprite{width:95px;height:95px}.header-center{font-size:8px}}
@media(max-width:950px){.console{grid-template-columns:52px minmax(0,1fr) 52px;padding:20px 7px 10px;border-radius:34px 34px 49px 34px}.hardware .joystick{width:34px;height:34px}.hardware .hardware-label{font-size:4px}.hardware .dpad{grid-template-columns:14px 14px 14px;grid-template-rows:14px 14px 14px;margin-top:35px}.dpad button{font-size:6px}.action-pad{grid-template-columns:16px 16px 16px;grid-template-rows:16px 16px 16px}.action-pad button{font-size:7px}.power-label{font-size:4px;gap:4px;margin-bottom:45px}.power-led{width:4px;height:4px}.small-system-buttons{flex-direction:column;gap:10px}.small-system-buttons button{width:24px;padding-top:10px}.small-system-buttons button:before{height:5px;width:21px}.speaker{gap:3px}.speaker i{height:21px;width:2px}.speaker i:nth-child(2),.speaker i:nth-child(3){height:25px}.system-key{font-size:18px}.system-key small{font-size:4px}.screen-bezel{padding:8px 8px 5px}.screen-page{padding:20px 18px}.lcd{height:580px}.hero-copy{padding-left:18px}.hero-copy h1{font-size:32px}.hero-floating-card{display:none}.hero-art>.sprite{width:135px;height:135px}.hero-art:before{width:150px;height:150px;top:26px}.hero-copy p{font-size:9px}.app-grid{gap:6px}.app-tile{padding:11px 7px;min-height:98px}.app-tile b{font-size:9px}.app-tile small{font-size:5px}.app-icon{width:32px;height:32px;margin-bottom:10px}.app-icon svg{width:20px;height:20px}.home-bottom{gap:9px}.home-progress b{font-size:16px}.home-progress span{font-size:5px}.journey-mini p{font-size:8px}.journey-mini .mini-orbit{width:25px;height:25px}.dex-layout{grid-template-columns:1fr 1fr;gap:12px}.dex-list{grid-template-columns:repeat(2,1fr)}.dex-card>.sprite{width:59px;height:59px}.detail-body{padding:13px}.detail-title h2{font-size:20px}.detail-title .type-tag{font-size:5px}.dex-filters .filter-button{font-size:6px;padding:5px 6px}.map-layout{grid-template-columns:1fr 1fr;gap:12px}.map-frame{aspect-ratio:.95}.area-panel{padding:14px}.area-panel h2{font-size:19px}.map-location{width:24px;height:24px;padding:3px}.area-art .sprite{width:60px;height:60px}.team-card{padding:13px 8px}.team-card>.sprite{width:90px;height:90px}.team-card>h2{font-size:16px}.team-controls{gap:5px}.team-controls button{font-size:7px;padding:5px 6px}.team-summary{grid-template-columns:1fr}.team-summary .panel{padding:13px}.team-summary h3{margin:0 0 6px}.battle-preview{gap:13px}.battle-preview .sprite{width:77px;height:77px}.battle-preview>.vs{font-size:18px}.battle-options{padding:14px}.os-footer>span:nth-child(2){display:none}.os-status{gap:10px}.os-footer{font-size:6px}.os-status>span:first-child{font-size:6px}.header-center{display:none}.settings-grid{grid-template-columns:1fr 1fr;gap:12px}.panel{padding:14px}.shell-choices{gap:6px}.shell-choice{width:21px;height:21px}.settings-grid .setting-row{gap:8px}.setting-row b{font-size:10px}.setting-row small{font-size:8px}.brightness{max-width:76px}.setting-row{flex-wrap:wrap}.journal-layout{gap:12px}.battle-health{width:160px}.battle-platform{width:135px;left:8%}.battle-platform.enemy{width:115px;right:8%}.battle-sprite{left:calc(8% + 10px)}.battle-sprite.enemy{right:calc(8% + 7px)}.battle-health.enemy{width:165px}.battle-lower{gap:10px}.battle-log{font-size:7px}.battle-actions button{padding:10px}.battle-actions b{font-size:10px}}
@media(max-width:700px){.site-header{height:75px;padding:0 20px}.site-brand>span{font-size:23px}.site-brand img{width:29px;height:29px}.quiet-button{font-size:10px;gap:14px}.outside-label{font-size:6px;padding:0 13px 13px}.experience{padding:0 12px 22px;margin-top:4px}.console{grid-template-columns:minmax(0,1fr);padding:20px 13px 30px;border-radius:31px 31px 43px 31px;box-shadow:inset 0 2px 2px #d3d5ef66,inset 0 -5px 4px #10132e66,0 7px 0 #282d46,0 11px 0 #101524,0 25px 50px #080b1377}.hardware{display:none}.screen-bezel{padding:10px 8px 5px}.lcd{height:650px}.screen-page{padding:18px 16px}.bezel-title,.bezel-bottom{font-size:5px;padding-left:4px;padding-right:4px}.bezel-title{padding-bottom:10px}.bezel-bottom{padding-top:11px}.console:before{inset:7px;border-radius:24px 24px 36px 24px}.screw-tl{left:20px;top:9px}.screw-tr{right:20px;top:9px}.screw-bl{bottom:10px;left:20px}.screw-br{bottom:10px;right:20px}.under-console{margin:26px 7px 0;font-size:6px;gap:5px}.under-console>span:last-child{display:none}.under-console button{font-size:7px}.os-bar{padding:0 12px;gap:5px;height:36px}.os-home b{font-size:13px}.os-home img{width:15px;height:15px}.os-status{gap:9px;font-size:8px}.os-status>span:first-child{display:none}.os-footer{padding:0 11px;font-size:5px;height:26px}.home-hero{grid-template-columns:1.05fr .95fr;min-height:209px}.hero-copy{padding:22px 0 20px 17px}.hero-copy>span{font-size:5px}.hero-copy h1{font-size:32px;letter-spacing:-1.6px;margin-top:13px}.hero-copy p{font-size:9px;line-height:1.7;margin-top:11px;margin-bottom:7px;max-width:150px}.hero-copy .text-button{font-size:8px;gap:12px}.hero-art>.sprite{width:126px;height:126px;max-width:110%}.hero-art:before{width:130px;height:130px;top:33px}.hero-tag{font-size:5px;right:7px;bottom:15px}.hero-art:after{left:-10%;right:-5%}.pixel-spark.one{right:15%;top:39px;width:5px;height:5px;box-shadow:5px 0 #94b870}.pixel-spark.two{left:8%;bottom:43px;width:4px;height:4px}.welcome-row{margin-bottom:13px}.welcome-row>.eyebrow{font-size:6px}.level-badge{font-size:6px;gap:5px}.level-badge b{padding:4px 5px}.home-launcher-label h2{font-size:14px}.home-launcher-label>span{font-size:6px}.app-grid{grid-template-columns:repeat(3,1fr);gap:8px}.app-tile{min-height:102px;padding:12px}.app-tile b{font-size:11px}.app-tile small{font-size:5px}.app-icon{width:33px;height:33px;margin-bottom:10px}.app-icon svg{width:22px;height:22px}.home-bottom{margin-top:17px;grid-template-columns:1fr}.home-progress{padding-top:13px;border-top:1px solid var(--line);border-left:0}.home-progress div:last-child{border-right:0}.journey-mini .mini-orbit{width:27px;height:27px}.journey-mini p{font-size:8px}.home-progress span{font-size:5px}.home-progress b{font-size:17px}.app-nav{margin-bottom:17px}.app-nav .eyebrow{font-size:6px}.page-heading{margin-bottom:17px}.page-heading h1{font-size:25px}.page-heading p{font-size:9px}.page-heading .tiny-tag{font-size:5px}.dex-layout{grid-template-columns:1fr}.dex-list{grid-template-columns:repeat(3,1fr)}.dex-card>.sprite{width:62px;height:62px}.dex-card b{font-size:10px}.dex-card{padding:11px 4px 9px}.dex-detail{position:relative;margin-top:6px}.detail-art{min-height:168px}.detail-art>.sprite{width:145px;height:145px}.detail-title h2{font-size:24px}.detail-title .type-tag{font-size:7px}.detail-body{padding:18px}.detail-tip{padding:14px 18px}.detail-body .creature-desc{font-size:11px}.dex-filters .filter-button{font-size:7px;padding:6px 8px}.dex-toolbar .search-input{font-size:10px}.page-count{font-size:6px;margin-top:12px}.team-slots{grid-template-columns:1fr;gap:10px}.team-card{min-height:142px;padding:15px 14px 15px 116px;text-align:left;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.team-card>.sprite{position:absolute;left:10px;top:22px;margin:0;width:96px;height:96px}.team-card>h2{font-size:20px;margin:0 0 8px}.team-controls{justify-content:flex-start;margin-top:12px}.team-controls button{font-size:8px;padding:6px 9px}.slot-number{top:9px;left:12px;font-size:6px}.team-card.empty{padding:18px 15px 18px 95px;min-height:120px;align-items:flex-start}.team-card.empty>span{position:absolute;left:36px;top:36px;font-size:31px}.team-card.empty h2{font-size:15px}.team-card.empty p{max-width:none;font-size:9px;margin:2px 0 8px}.matchups{gap:6px}.matchup{font-size:7px;padding:7px}.matchup .type-tag{font-size:5px;padding:4px 5px}.map-layout{grid-template-columns:1fr}.map-frame{aspect-ratio:1.2}.map-tree{width:13px;height:22px}.map-hint{font-size:6px}.map-coordinate{font-size:5px}.area-panel{padding:17px}.area-panel h2{font-size:23px}.area-art{min-height:98px}.area-art .sprite{width:75px;height:75px}.area-panel p{font-size:10px}.area-species{padding:8px 0}.area-species b{font-size:11px}.area-species .sprite{width:33px;height:33px}.area-species>span{font-size:7px}.battle-setup{grid-template-columns:1fr}.battle-preview{min-height:198px;gap:30px}.battle-preview .sprite{width:107px;height:107px}.battle-preview>.vs{font-size:24px}.battle-options{padding:18px}.battle-options p{font-size:10px}.battle-arena{height:255px}.battle-health{width:145px;padding:9px 10px;left:10px;top:11px}.battle-health.enemy{width:145px;right:10px;bottom:12px}.battle-health h3{font-size:11px}.battle-health .type-tag{font-size:4px;padding:2px 3px}.battle-health small{font-size:5px}.battle-turn{font-size:5px;right:10px}.battle-platform{width:127px;left:5%;bottom:24px}.battle-platform.enemy{width:105px;right:5%;bottom:105px}.battle-sprite{width:103px;height:103px;left:calc(5% + 10px);bottom:35px}.battle-sprite.enemy{width:88px;height:88px;right:calc(5% + 9px);bottom:116px}.battle-lower{grid-template-columns:1fr}.battle-actions b{font-size:12px}.battle-actions small{font-size:6px}.battle-actions button{padding:12px}.battle-log{min-height:75px;font-size:7px;max-height:100px}.battle-team>span{font-size:6px}.battle-team button{font-size:7px;padding:5px}.battle-result{flex-wrap:wrap;gap:12px;padding:15px}.battle-result .primary{margin-left:0}.battle-result h2{font-size:23px}.journal-layout,.settings-grid{grid-template-columns:1fr}.journal-layout .panel{padding:17px}.note-item p{font-size:11px}.note-item small{font-size:6px}.note-item{padding:13px 0}.note-input{padding:10px;font-size:10px}.note-form .primary{font-size:10px;padding:8px 10px}.quest-top b{font-size:13px}.quest p{font-size:10px}.quest-top>span{font-size:8px}.settings-grid .panel{padding:18px}.setting-row b{font-size:12px}.setting-row small{font-size:9px}.shell-choice{width:27px;height:27px}.shell-choices{gap:9px}.brightness{max-width:110px}.about-logo b{font-size:23px}.settings-note{font-size:10px}.settings-links{font-size:8px}.settings-grid .field{font-size:11px}.backup-actions button{font-size:10px}.boot-top{top:30px;left:25px;right:25px}.boot-top .brand-word{font-size:23px}.boot-top>.mono{font-size:5px;max-width:105px;line-height:1.8;text-align:right}.boot-scene{transform:scale(.57);flex-shrink:0;margin-top:-40px}.boot-bottom{bottom:65px}.boot-step{font-size:6px}.boot-bottom>.mono{font-size:5px}.toast{font-size:10px;padding:11px 15px;bottom:20px}dialog{padding:26px}dialog h2{font-size:29px}.help-grid{grid-template-columns:1fr;gap:7px;margin:18px 0}dialog>p{font-size:11px}.help-grid p{font-size:10px}.help-grid b{font-size:12px}.help-grid>div{padding-top:11px}}
@media(max-width:370px){.screen-page{padding:15px 11px}.console{padding-left:9px;padding-right:9px}.hero-copy h1{font-size:28px}.hero-copy{padding-left:12px}.hero-art>.sprite{width:105px;height:105px}.app-tile{padding:10px 8px}.app-tile b{font-size:10px}.app-tile small{font-size:4px}.header-center{display:none}.site-brand>span{font-size:21px}.under-console{font-size:5px}}
@media(min-width:701px) and (max-height:820px){.site-header{height:72px}.experience{margin-top:0}.outside-label{padding-bottom:12px}.lcd{height:max(430px,calc(100dvh - 225px))}.console{min-height:0}.home-page{padding-top:17px}.home-hero{min-height:167px}.hero-copy{padding-top:18px;padding-bottom:15px}.hero-copy h1{font-size:32px;margin-top:8px;margin-bottom:8px}.hero-copy p{font-size:9px;margin-bottom:9px}.hero-art>.sprite{width:131px;height:131px}.hero-art:before{width:140px;height:140px;top:14px}.hero-floating-card{top:10px;font-size:5px}.hero-floating-card b{font-size:10px}.hero-tag{bottom:10px;font-size:6px}.home-launcher-label{margin-top:15px;margin-bottom:9px}.app-tile{min-height:98px;padding-top:11px;padding-bottom:9px}.app-icon{width:31px;height:31px;margin-bottom:8px}.app-icon svg{width:21px;height:21px}.home-bottom{margin-top:14px}.under-console{margin-top:25px}.welcome-row{margin-bottom:11px}}
@media(max-width:700px){.home-hero{display:block;min-height:225px}.hero-copy{padding:20px 15px 19px}.hero-copy h1{font-size:28px;line-height:1.08;letter-spacing:-1.3px;margin:11px 0}.hero-copy p{max-width:145px;font-size:9px;line-height:1.8;margin-top:13px;margin-bottom:12px}.hero-art{position:absolute;right:-1px;bottom:18px;width:112px;height:112px}.hero-art>.sprite{width:103px;height:103px;max-width:100%}.hero-art:before{width:120px;height:120px;top:-6px;left:-6px}.hero-art:after{left:0;right:0;bottom:-1px;height:15px}.hero-tag{right:3px;bottom:-13px;font-size:4px;white-space:nowrap}.hero-art .pixel-spark.one{top:7px;right:10px}.hero-art .pixel-spark.two{left:0;bottom:17px}.app-tile b{white-space:normal;font-size:10px;line-height:1.3;min-height:26px}.app-tile small{font-size:5px;line-height:1.6;margin-top:2px}.app-tile{min-height:110px;padding:11px 9px}.app-icon{margin-bottom:8px}.home-launcher-label>span{font-size:5px}.welcome-row>.eyebrow{max-width:76%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}.level-badge{white-space:nowrap}.home-page{padding-top:17px}.hero-copy .text-button{position:relative;z-index:3}.header-center{display:none}}
@media(min-width:701px) and (max-height:820px){.home-page{padding-top:15px;padding-bottom:17px}.home-page .hero-copy{padding-top:14px;padding-bottom:12px}.home-page .hero-copy h1{margin:7px 0}.home-page .hero-copy p{line-height:1.6;margin-bottom:7px}.home-page .hero-copy .text-button{padding:0}.home-bottom{margin-top:10px}}
.home-page .hero-copy{font-size:10px}.home-page .hero-copy .text-button{padding:0}.home-page{padding-bottom:17px}.home-page .home-bottom{margin-top:14px}