:root{color:#e4eee5;font-synthesis:none;--mint:#b4f1c0;--text:#e4eee5;--muted:#8d9c92;--line:#2a3b31;--surface:#151f19;--deep:#101a14;--mono:"Cascadia Code","Consolas",monospace;background:#0d1411;font-family:Yu Gothic UI,Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button{color:inherit}button,select,input{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button{transition:background .16s,border-color .16s,transform .16s}h1,h2,h3,p{margin:0}button svg{flex-shrink:0}button{border:0}a{color:var(--mint)}::selection{color:#fff;background:#44684a}.app-shell{min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:20;background:#101913;flex-direction:column;width:224px;padding:32px 18px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{text-align:left;background:0 0;align-items:center;gap:10px;width:100%;padding:0 4px 32px;display:flex}.brand-icon{color:var(--mint);align-items:center;display:flex}.brand strong{letter-spacing:.6px;color:var(--mint);font-family:Bahnschrift,Arial Narrow,sans-serif;font-size:24px;font-weight:800;line-height:1;display:block}.brand strong span{display:none}.brand small{letter-spacing:2px;color:#93a998;margin-top:8px;font-size:9px;display:block}.sidebar-caption{color:#64786a;font:9px var(--mono);letter-spacing:1.3px;margin-bottom:18px;padding:0 16px}.sidebar nav{flex-direction:column;gap:8px;display:flex}.nav-item{text-align:left;color:#99a99d;background:0 0;border-radius:6px;align-items:center;gap:12px;width:100%;min-height:47px;padding:14px;font-size:13px;display:flex}.nav-item:hover{color:var(--text);background:#19271d}.nav-item.active{color:#c3f6c9;background:#203525;box-shadow:inset 2px 0 #b4f1c0}.nav-item small{font:11px var(--mono);background:#2f4734;border-radius:3px;margin-left:auto;padding:2px 5px}.active-dot{background:var(--mint);border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-world{color:#819c89;margin:auto 0;padding:42px 16px 24px}.world-orbit{color:#739c7e;width:68px;margin-bottom:21px;position:relative}.orbit-star{color:#bbebbf;font:22px var(--mono);position:absolute;top:-5px;right:0}.sidebar-world p{font-size:13px;line-height:1.9}.sidebar-world>span{font:9px/1.6 var(--mono);letter-spacing:1.8px;color:#596f60;margin-top:20px;display:block}.sidebar-bottom{border-top:1px solid var(--line);padding-top:13px}.archiver{border-top:1px solid var(--line);align-items:center;gap:11px;margin-top:15px;padding:21px 5px;display:flex}.avatar{color:#add1b4;background:#24362b;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.archiver strong{font-size:11px;font-weight:600;display:block}.archiver div>span{font:8px var(--mono);letter-spacing:.8px;color:#769180;margin-top:4px;display:block}.archiver>.status-dot{margin-left:auto}.status-dot{background:#a0ddab;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block;box-shadow:0 0 8px #8ce5a02a}.main-shell{margin-left:224px}.topbar{background:#101813;border-bottom:1px solid #223027;justify-content:space-between;align-items:center;height:72px;padding:0 38px;display:flex}.topbar-left,.topbar-right{align-items:center;gap:21px;display:flex}.topbar-left{color:#a3b0a7;font-size:12px}.topbar-brand{font:11px var(--mono);letter-spacing:1.2px;font-weight:700}.topbar-divider{color:#415747}.topbar-right{gap:18px}.save-state{color:#859b8d;align-items:center;gap:8px;font-size:10px;display:flex}.icon-button{color:#94ac9c;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.icon-button:hover{color:var(--mint);background:#223229;border-color:#3b5041}.version-pill{font:8px var(--mono);letter-spacing:1.1px;color:#91ad99;border:1px solid #334839;border-radius:3px;padding:5px 7px}.mobile-menu{display:none}main{max-width:1590px;margin:0 auto;padding:34px 38px 0}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:27px;display:flex}.eyebrow{font:9px/1.5 var(--mono);letter-spacing:1.8px;color:#91ac99;display:block}.page-heading h1{letter-spacing:.4px;margin-top:9px;font-size:24px;font-weight:650;line-height:1.5}.heading-note{color:#7e9586;white-space:nowrap;align-items:center;gap:7px;padding-bottom:4px;font-size:10px;display:flex}.panel{border:1px solid var(--line);background:var(--surface);border-radius:10px;overflow:hidden}.home-grid{grid-template-columns:minmax(0,1fr) 264px;gap:20px;display:grid}.hero{background:#19271c;min-height:369px;position:relative}.hero-copy{z-index:2;max-width:64%;padding:30px 29px;position:relative}.terminal-label{font:8px var(--mono);letter-spacing:1.1px;color:#aec6b0;border:1px solid #38523b;border-radius:3px;align-items:center;gap:8px;padding:6px 7px;display:inline-flex}.hero h2{letter-spacing:.2px;white-space:nowrap;color:#e8f1df;margin-top:23px;font-size:clamp(27px,2.65vw,40px);font-weight:750;line-height:1.43}.hero h2 em{color:#bce8ab;font-style:normal}.hero-copy>p{color:#a1b7a5;margin-top:15px;font-size:12px;line-height:1.9}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}.button{border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:11px 15px;font-size:12px;font-weight:650;line-height:1.6;text-decoration:none;display:inline-flex}.button.primary{background:var(--mint);color:#152e20;border-color:#b4f1c0;box-shadow:0 3px 10px #0002}.button.primary:hover{background:#cdf8d5;border-color:#dcffe2;transform:translateY(-1px)}.button.secondary{color:#c1dac8;background:#19271e;border-color:#3d5545}.button.secondary:hover{background:#24382b;border-color:#66856f}.button.full{width:100%}.text-button{color:#a5c8ae;white-space:nowrap;background:0 0;align-items:center;gap:7px;padding:6px 0;font-size:11px;display:inline-flex}.text-button:hover{color:#d6f7da}.hero-actions .button{padding:10px 13px;font-size:11px}.hero-actions .text-button{font-size:10px}.hero-art{pointer-events:none;place-items:center;width:270px;height:270px;display:grid;position:absolute;bottom:53px;right:-1px}.hero-grid{background-image:linear-gradient(#5e946316 1px,#0000 1px),linear-gradient(90deg,#5e946316 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 72%);mask-image:radial-gradient(#000,#0000 72%)}.orbit{border:1px solid #6aa26b25;border-radius:50%;position:absolute}.orbit-one{width:225px;height:225px}.orbit-two{border-style:dashed;width:183px;height:183px}.hero-monster{z-index:2;filter:drop-shadow(0 8px 15px #a4d97b13);animation:5s ease-in-out infinite float;position:relative;transform:translate(-2px)}.sprite{image-rendering:pixelated;flex-shrink:0;display:block;overflow:visible}.hero-mini{z-index:3;filter:drop-shadow(0 3px 3px #0005);position:absolute}.hero-mini.jelly{animation:6s ease-in-out -2s infinite float;top:-4px;right:-5px}.hero-mini.moss{bottom:0;left:1px;transform:rotate(-5deg)}.scan-platform{background:radial-gradient(#7ddd8212,#0000);border:1px solid #8ad69a70;border-radius:50%;width:161px;height:33px;position:absolute;bottom:34px;box-shadow:0 6px 0 -2px #233b22,0 7px 0 -2px #7aa36d70}.art-cross{color:#b4e4aa;z-index:3;position:absolute}.cross-one{font-size:20px;top:41px;left:29px}.cross-two{font:23px var(--mono);bottom:81px;right:31px}.cross-three{font-size:16px;top:5px;left:100px}.specimen-label{font:7px var(--mono);letter-spacing:1px;color:#7eac84;position:absolute;bottom:3px;right:9px}.art-caption{color:#779480;font-size:8px;position:absolute;bottom:-14px;right:15px}.hero-bottom{background:#162219;border-top:1px solid #344733;align-items:center;gap:13px;height:34px;padding:0 20px;display:flex;position:absolute;inset:auto 0 0}.barcode{color:#90ba91;width:75px;height:22px;display:block}.hero-bottom .barcode{width:40px;height:17px}.hero-bottom>span{font:7px var(--mono);letter-spacing:1px;color:#9ac29a}.hero-bottom .hero-coordinates{color:#5e7e63;margin-left:auto;font-size:6px}.progress-panel{background:#141e18;flex-direction:column;align-items:center;padding:22px 23px;display:flex}.panel-top{color:#799481;justify-content:space-between;align-items:center;width:100%;display:flex}.progress-panel h2{align-self:flex-start;margin-top:8px;font-size:14px;font-weight:550}.progress-ring{width:133px;height:133px;margin:13px 0 7px;position:relative}.progress-ring svg{fill:none;stroke-width:3.5px;width:100%;height:100%}.ring-bg{stroke:#2e4234}.ring-value{stroke:#b1e3ad;stroke-linecap:round;transition:stroke-dasharray .7s}.progress-ring>div{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.progress-ring strong{font-family:var(--mono);letter-spacing:-1px;font-size:31px;font-weight:500}.progress-ring strong small{color:#90b196;margin-left:3px;font-size:13px}.progress-ring span{color:#829e8a;margin-top:5px;font-size:9px}.progress-panel>p{font:11px var(--mono);color:#688674}.progress-panel>p strong{color:#daebdd;font-size:17px;font-weight:400}.archive-stats{text-align:center;border-top:1px solid #2a3b30;grid-template-columns:1fr 1fr;width:100%;margin-top:17px;margin-bottom:10px;padding-top:15px;display:grid}.archive-stats>div+div{border-left:1px solid #2a3b30}.archive-stats strong{font:20px var(--mono);color:#d4e6d7;display:block}.archive-stats span{color:#809a88;margin-top:4px;font-size:9px;display:block}.progress-panel>.text-button{justify-content:center;align-self:stretch;margin-top:auto;font-size:10px}.section-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin:29px 0 16px;display:flex}.section-heading h2{letter-spacing:.3px;margin-top:5px;font-size:17px;font-weight:650}.section-heading .eyebrow{font-size:8px}.recent-grid,.dex-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.monster-card{text-align:left;background:#152119;border:1px solid #304435;border-radius:8px;flex-direction:column;min-width:0;padding:13px 15px;display:flex;overflow:hidden}.monster-card:not(.unknown):hover{background:#1a2c20;border-color:#739a78;transform:translateY(-3px)}.monster-card-top{font:10px var(--mono);color:#8faa95;justify-content:space-between;align-items:center;min-height:21px;display:flex}.rarity{font:10px var(--mono);color:#b5d4c0;background:#283b31;border:1px solid #577764;border-radius:3px;padding:3px 5px;font-weight:700;line-height:1}.rarity-R{color:#9ed2e6;background:#16303b;border-color:#447e95}.rarity-SR{color:#e5b3f4;background:#352640;border-color:#815494}.rarity-SSR{color:#ebd592;background:#3d3722;border-color:#897b43}.monster-art{background:radial-gradient(at 50% 61%,#37563b2b,#0000 65%);justify-content:center;align-items:center;height:153px;margin:5px -5px;display:flex;position:relative}.monster-art:after{content:"";z-index:0;background:#b6e4a90c;border:1px solid #65816b24;border-radius:50%;width:70px;height:8px;position:absolute;bottom:6px}.monster-art .sprite{z-index:1;position:relative}.monster-card-bottom{border-top:1px solid #2b4131;padding-top:11px}.monster-card h3{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:650;overflow:hidden}.monster-card-bottom>div{color:#73927e;justify-content:space-between;align-items:center;margin-top:7px;display:flex}.monster-variant{color:#718b77;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.1px;margin-top:6px;font-size:8px;line-height:1.4;display:block;overflow:hidden}.element-badge{align-items:center;gap:5px;font-size:9px;line-height:1.8;display:inline-flex}.element-badge i{border-radius:50%;width:4px;height:4px}.filled-heart{fill:#b5d6b4;color:#b5d6b4}.special-mark{color:#dff5a6;z-index:3;position:absolute;bottom:11px;right:2px}.add-discovery{color:#8cac96;background:#121d16;border:1px dashed #3d5744;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:242px;display:flex}.add-discovery strong{font-size:12px;font-weight:500}.add-discovery span{color:#617e6a;font-size:9px}.add-discovery:hover{background:#19291e;border-color:#9dcea4}.first-discovery{background:#142018;align-items:center;gap:20px;min-height:134px;padding:20px 25px;display:flex}.empty-sprite{position:relative}.empty-sprite span{font:25px var(--mono);color:#577561;place-items:center;display:grid;position:absolute;inset:0}.first-discovery h3{margin-bottom:8px;font-size:15px;font-weight:550}.first-discovery p{color:#819a89;font-size:11px;line-height:1.7}.first-discovery>.button{white-space:nowrap;margin-left:auto;font-size:10px}.bottom-grid{grid-template-columns:1.15fr 1fr;gap:20px;margin-top:25px;display:grid}.world-banner{background:#14251d;min-height:182px;padding:25px 24px;position:relative}.landscape{opacity:.65;width:100%;height:100%;position:absolute;bottom:0;right:0}.world-banner>div{z-index:1;position:relative}.world-banner h2{letter-spacing:.2px;margin-top:14px;font-size:16px}.world-banner p{color:#b2c4b6;margin-top:11px;font-size:10px;line-height:1.9}.world-banner .eyebrow{color:#90b69c;font-size:7px}.world-label{font:7px var(--mono);color:#557b64;position:absolute;bottom:12px;right:15px}.howto-panel{background:#141e18;padding:23px 24px}.howto-panel>.eyebrow{font-size:8px}.steps{grid-template-columns:repeat(4,1fr);margin-top:19px;display:grid}.steps>div{color:#a5c7ac;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.steps strong{font-size:10px;font-weight:500}.step-number{font:7px var(--mono);color:#67856e;position:absolute;top:-2px;left:3px}.step-arrow{color:#47624f;position:absolute;top:10px;right:-6px}.howto-panel>p{color:#778f7e;text-align:center;margin-top:18px;font-size:9px;line-height:1.8}.footer{color:#587361;border-top:1px solid #25362b;justify-content:space-between;align-items:center;gap:16px;margin-top:34px;padding:21px 0 24px;display:flex}.footer>span:first-child{font:9px var(--mono);letter-spacing:.5px;color:#7b9983;align-items:center;gap:6px;display:flex}.footer b{color:#4f6c58;margin-left:7px;font-size:7px;font-weight:400}.footer>span:nth-child(2){font-size:9px}.footer>small{font:7px var(--mono);letter-spacing:.5px}.mobile-nav{display:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--mint);color:#102518;padding:10px;position:fixed;top:-50px;left:240px}.skip-link:focus{top:10px}.initial-loading{flex-direction:column;justify-content:center;align-items:center;gap:18px;height:100vh;display:flex}.initial-loading strong{font:32px var(--mono);color:var(--mint);letter-spacing:4px}.initial-loading p{color:var(--muted);font-size:12px}.loader{border:2px solid;border-right-color:#0000;border-radius:50%;width:17px;height:17px;animation:1s linear infinite spin;display:inline-block}.storage-error{color:#f7cbb7;background:#3b2523;border:1px solid #8b5b4b;border-radius:6px;margin-bottom:20px;padding:16px;font-size:12px;line-height:1.8}.toast{z-index:80;color:#d4f0d9;background:#254032;border:1px solid #659a74;border-radius:8px;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 40px);padding:10px 15px;font-size:12px;display:flex;position:fixed;bottom:24px;left:calc(50% + 112px);transform:translate(-50%);box-shadow:0 8px 28px #0006}.toast>svg{flex-shrink:0}.scanner-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:start;gap:26px;display:grid}.scanner-panel{padding:25px}.microtag{font:8px var(--mono);color:#6f8c79}.camera-view{background-color:#0a130e;background-image:linear-gradient(#314b3913 1px,#0000 1px),linear-gradient(90deg,#314b3913 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:22px 22px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #314d38;border-radius:6px;place-items:center;height:260px;margin:20px 0 18px;display:grid;position:relative;overflow:hidden}.camera-view video{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute}.camera-view.is-running video{opacity:1}.scan-corners{pointer-events:none;z-index:2;position:absolute;inset:43px 35px}.scan-corners span{border-style:solid;border-color:#9fdfad;width:25px;height:25px;position:absolute}.scan-corners span:first-child{border-width:2px 0 0 2px;top:0;left:0}.scan-corners span:nth-child(2){border-width:2px 2px 0 0;top:0;right:0}.scan-corners span:nth-child(3){border-width:0 0 2px 2px;bottom:0;left:0}.scan-corners span:nth-child(4){border-width:0 2px 2px 0;bottom:0;right:0}.camera-placeholder{text-align:center;z-index:1;color:#8cb99b;flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.camera-placeholder h3{font-size:13px;font-weight:500}.camera-placeholder p{color:#668a73;font-size:10px}.camera-label{font:8px var(--mono);letter-spacing:2px;color:#5a896b;text-align:center;position:absolute;bottom:13px;left:0;right:0}.scan-beam{background:#b9f6c5;height:1px;animation:3s ease-in-out infinite scan;position:absolute;top:43px;left:35px;right:35px;box-shadow:0 0 10px #a5ffc4}.or-divider{color:#758f7e;align-items:center;gap:10px;margin:22px 0;font-size:9px;display:flex}.or-divider:before,.or-divider:after{content:"";background:#2e4334;flex:1;height:1px}.field-label{color:#c5d9cb;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;display:flex}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon>svg{color:#6b9278;position:absolute;left:14px}.input-with-icon input{color:#d2efdc;width:100%;height:48px;font:17px var(--mono);letter-spacing:1px;background:#0c1710;border:1px solid #415f4b;border-radius:4px;padding:0 12px 0 43px}.input-with-icon input::placeholder{color:#5d7a66;font-size:13px}.hint{color:#7d9686;margin:10px 0 18px;font-size:10px;line-height:1.7}.error-text{color:#edb6a1;min-height:0;margin-top:12px;font-size:12px;line-height:1.8}.error-text:empty{display:none}.scanner-aside{flex-direction:column;gap:23px;display:flex}.guide-panel{padding:25px}.guide-panel h2{margin-top:14px;font-size:21px;font-weight:550;line-height:1.7}.guide-panel>p{color:#8da998;margin-top:13px;font-size:12px;line-height:1.8}.sample-list{flex-direction:column;gap:8px;margin-top:23px;display:flex}.sample-code{color:#a5c6af;text-align:left;background:#111c15;border:1px solid #304936;border-radius:4px;align-items:center;gap:10px;padding:10px 12px;display:flex}.sample-code>span{font:7px var(--mono);color:#71977f;white-space:nowrap}.sample-code>b{font:11px var(--mono);letter-spacing:.7px}.sample-code>svg{color:#698d74;margin-left:auto}.sample-code:hover,.sample-code.selected{color:#ddf8e1;background:#233e2b;border-color:#6f9a7a}.privacy-note{color:#80ac8d;align-items:flex-start;gap:12px;padding:0 3px;display:flex}.privacy-note svg{flex-shrink:0}.privacy-note h3{color:#a9c3b2;font-size:12px;font-weight:500}.privacy-note p{color:#7f9989;margin-top:8px;font-size:11px;line-height:1.9}.help-details{color:#86a591;border-top:1px solid #2c4132;padding-top:17px;font-size:11px}.help-details summary{cursor:pointer;justify-content:space-between;list-style:none;display:flex}.help-details p{margin-top:13px;line-height:1.8}.dex-summary{justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px;padding:24px;display:flex}.dex-summary>div:first-child{color:#a4d9b1;align-items:center;gap:18px;display:flex}.dex-summary h2{color:#d4e8db;font-size:17px;font-weight:550}.dex-summary p{color:#88a492;margin-top:8px;font-size:11px}.dex-progress{text-align:right;min-width:170px}.dex-progress>span{font:12px var(--mono);color:#718c7b}.dex-progress b{color:#c4eacb;font-size:24px;font-weight:500}.progress-track{background:#293f31;border-radius:3px;height:4px;margin-top:11px;overflow:hidden}.progress-track i{background:#b4ebbb;height:100%;transition:width .5s;display:block}.filter-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.segmented{background:#101c14;border:1px solid #293f30;border-radius:5px;gap:2px;padding:4px;display:flex}.segmented button{color:#7f9b89;background:0 0;border-radius:3px;align-items:center;gap:10px;padding:8px 11px;font-size:11px;display:flex}.segmented button.active{color:#153522;background:#b4e9bf}.segmented small{font:9px var(--mono);opacity:.7}.filter-fields{flex-wrap:wrap;gap:10px;display:flex}.filter-fields select{color:#91b29d;background:#14231a;border:1px solid #344f3e;border-radius:5px;padding:9px;font-size:10px}.search-field{color:#668774;background:#101c14;border:1px solid #344f3e;border-radius:5px;align-items:center;gap:8px;padding:8px 10px;display:flex}.search-field input{color:#b8d9c2;background:0 0;border:0;width:125px;font-size:10px}.search-field input::placeholder{color:#64816e}.unknown{background:#111c15;border-color:#253b2d}.unknown .monster-card-top{color:#536e5d}.unknown-tag{font:6px var(--mono);letter-spacing:.8px;color:#4b6556}.unknown .monster-art{background:0 0}.unknown-question{z-index:2;text-align:center;font:30px var(--mono);color:#688b74;position:absolute;top:49px;left:0;right:0}.unknown .monster-card-bottom{border-color:#243a2b}.unknown h3{font:13px var(--mono);color:#668271;letter-spacing:2px}.unknown p{color:#4c6d58;margin-top:8px;font-size:8px}.empty-state{text-align:center;color:#8faf9a;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:56px 24px;display:flex}.empty-state h3{color:#c1d9c8;font-size:16px;font-weight:500}.empty-state p{font-size:12px;line-height:1.8}.milestone-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.milestone{color:#446650;background:#121e16;align-items:center;gap:10px;padding:19px 15px;display:flex}.milestone>svg{flex-shrink:0}.milestone h3{color:#789883;font-size:10px;font-weight:550}.milestone p{color:#4e715a;margin-top:6px;font-size:8px}.milestone.earned{color:#b4e7b5;background:#1d3122;border-color:#456d4e}.milestone.earned h3{color:#cae6cd}.milestone.earned p{color:#86aa8f}.milestone>svg:last-child{width:14px;margin-left:auto}.milestone-dot{border:1px solid #406047;border-radius:50%;width:5px;height:5px;margin-left:auto}.collection-heading{margin-bottom:9px}.collection-description{color:#86a38f;margin-bottom:23px;font-size:11px;line-height:1.8}.favorite-filter{font-size:10px}.is-favorite{color:#d5eaa8!important;background:#2e3f25!important}.is-favorite svg{fill:#c3d68c}.settings-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.settings-panel{padding:28px}.settings-panel h2{margin:10px 0 22px;font-size:18px;font-weight:550}.settings-panel>p{color:#91ad9c;margin-top:-6px;margin-bottom:20px;font-size:12px;line-height:1.9}.setting-row{cursor:pointer;border-bottom:1px solid #2a4232;align-items:center;gap:12px;padding:19px 0;display:flex;position:relative}.setting-row strong{font-size:12px;font-weight:550;display:block}.setting-row small{color:#7f9b89;margin-top:8px;font-size:10px;line-height:1.7;display:block}.setting-row input{opacity:0;cursor:pointer;width:36px;height:23px;position:absolute;right:0}.switch{background:#1b2c20;border:1px solid #41604b;border-radius:12px;width:36px;min-width:36px;height:21px;margin-left:auto;position:relative}.switch:after{content:"";background:#64866d;border-radius:50%;width:13px;height:13px;transition:transform .2s;position:absolute;top:3px;left:3px}.setting-row input:checked+.switch{background:#a6dcb1;border-color:#a6dcb1}.setting-row input:checked+.switch:after{background:#24432e;transform:translate(14px)}.setting-row input:focus-visible+.switch{outline:2px solid var(--mint);outline-offset:4px}.settings-divider{margin:30px 0}.button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.file-button{cursor:pointer;position:relative}.file-button input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.file-button:focus-within{outline:2px solid var(--mint);outline-offset:3px}.faq h3{color:#c1dac9;margin-top:23px;font-size:12px;font-weight:550}.faq p{color:#839e8d;margin-top:9px;font-size:11px;line-height:1.9}.prototype-note{color:#779a83;border-top:1px solid #2e4935;align-items:flex-start;gap:12px;margin-top:25px;padding-top:23px;display:flex}.prototype-note p{font-size:10px;line-height:1.9}body:has(dialog[open]){overflow:hidden}.modal{width:510px;max-width:calc(100% - 28px);max-height:calc(100dvh - 32px);color:var(--text);background:#111e16;border:1px solid #4d765a;border-radius:12px;padding:0;overflow:auto;box-shadow:0 25px 100px #0009}.modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050c09d9}.dialog-content{position:relative}.dialog-top{border-bottom:1px solid #2a4634;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.dialog-top .eyebrow{font-size:9px}.discovery-title{text-align:center;padding:23px 15px 0}.discovery-kicker{letter-spacing:1.5px;color:#96bd9f;font-size:10px}.discovery-title h2{font:700 29px "Bahnschrift",var(--mono);letter-spacing:2px;color:#b7f1c4;text-shadow:0 0 22px #a2efa326;margin-top:11px}.discovery-status{color:#b0d6b9;border:1px solid #486e51;border-radius:3px;margin-top:12px;padding:4px 10px;font-size:9px;display:inline-block}.discovery-stage{background:radial-gradient(#395d332d,#0000 65%);justify-content:center;align-items:center;height:237px;display:flex;position:relative;overflow:hidden}.discovery-stage .sprite{z-index:2;animation:.9s cubic-bezier(.15,.8,.3,1) both reveal}.discovery-rings{background:radial-gradient(#94d29b10,#0000);border:1px solid #709c7155;border-radius:50%;width:240px;height:45px;position:absolute;bottom:26px;box-shadow:0 6px 0 -3px #111e16,0 7px 0 -3px #709c7155,0 12px 0 -6px #111e16,0 13px 0 -6px #709c7155}.sparkle{color:#b0e7b6;position:absolute}.s1{font-size:23px;top:47px;left:22%}.s2{font-size:29px;bottom:49px;right:20%}.s3{font-size:18px;top:32px;right:24%}.stage-coordinate{font:7px var(--mono);letter-spacing:1.5px;color:#567e60;position:absolute;bottom:5px}.discovery-info{padding:20px 28px 25px}.discovery-name{justify-content:space-between;align-items:center;gap:13px;display:flex}.discovery-name h3,.discovery-name h2{font-size:22px;font-weight:650;line-height:1.5}.discovery-name .rarity{padding:5px 7px;font-size:12px}.badges{flex-wrap:wrap;align-items:center;gap:12px;margin-top:7px;display:flex}.variant-badge{color:#779982;font-size:9px}.discovery-info>p{color:#a4bfad;margin-top:14px;font-size:12px;line-height:1.9}.registered{color:#b4d9bc;background:#1b3524;border:1px solid #3b6046;border-radius:4px;justify-content:center;align-items:center;gap:8px;margin:18px 0;padding:12px;font-size:10px;display:flex}.discovery-info .button-row{grid-template-columns:1fr 1fr;display:grid}.discovery-info .button{padding:11px 8px;font-size:11px}.skip-animation{color:#71947c;background:0 0;margin:7px auto -6px;padding:8px;font-size:9px;display:block}.skip-reveal .discovery-stage .sprite{animation:none}.detail-portrait{background:radial-gradient(#34553a30,#0000 70%);border-bottom:1px solid #2c4633;justify-content:center;align-items:center;height:245px;display:flex;position:relative}.portrait-grid{background-image:linear-gradient(#7297780a 1px,#0000 1px),linear-gradient(90deg,#7297780a 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:10px;-webkit-mask-image:radial-gradient(#000,#0000);mask-image:radial-gradient(#000,#0000)}.detail-portrait>.sprite{position:relative}.favorite-button{border-color:#3a5943;border-radius:50%;width:38px;height:38px;position:absolute;top:17px;right:20px}.detail-portrait>.rarity{font-size:12px;position:absolute;top:24px;left:24px}.detail-info{padding:24px 28px}.detail-info .discovery-name h2{font-size:21px}.variant-caption{color:#8faf99;margin-top:8px;font-size:10px}.detail-description{color:#aac4b3;margin:18px 0;font-size:12px;line-height:1.95}.detail-data{border-top:1px solid #2b4935;border-bottom:1px solid #2b4935;grid-template-columns:repeat(3,1fr);gap:12px;padding:15px 0;display:grid}.detail-data span{color:#789682;margin-bottom:7px;font-size:8px;display:block}.detail-data strong{color:#bed4c5;font-size:11px;font-weight:500}.variant-picker{margin-top:20px}.variant-picker>div{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.variant-picker button{background:#17291d;border:1px solid #34583f;border-radius:5px;padding:2px}.variant-picker button.selected{border-color:var(--mint);background:#284433}.barcode-record{align-items:center;gap:15px;margin-top:22px;display:flex}.barcode-record .barcode{color:#688f72;width:105px;height:29px}.barcode-record>span{font:11px var(--mono);letter-spacing:1px;color:#96b6a1}.barcode-record button{margin-left:auto}.import-confirm{color:#b2d2bb;padding:30px}.import-confirm h2{margin:20px 0 12px;font-size:18px}.import-confirm p{color:#8eac98;margin-bottom:24px;font-size:12px;line-height:1.9}@keyframes float{0%,to{translate:0}50%{translate:0 -7px}}@keyframes spin{to{rotate:360deg}}@keyframes scan{50%{translate:0 170px}}@keyframes reveal{0%{opacity:0;filter:brightness(0);scale:.65}35%{opacity:1;filter:brightness(2)}to{opacity:1;filter:brightness();scale:1}}@media (width>=1600px){.hero-copy{padding:38px}.hero-art{width:310px;height:286px;right:27px}.hero-monster .sprite{width:240px;height:240px}.hero h2{font-size:43px}.hero-actions{margin-top:28px}.hero{min-height:405px}.progress-panel{padding:27px}.progress-ring{width:151px;height:151px;margin-top:20px}.home-grid{grid-template-columns:minmax(0,1fr) 300px}.monster-art{height:170px}}@media (width<=1250px){.sidebar{width:200px;padding-left:12px;padding-right:12px}.main-shell{margin-left:200px}main{padding:28px 26px 0}.topbar{padding:0 26px}.brand strong{font-size:22px}.brand small{letter-spacing:1.5px;font-size:8px}.home-grid{grid-template-columns:minmax(0,1fr) 232px;gap:17px}.hero-copy{padding:27px 23px}.hero-art{width:230px;height:255px;bottom:57px;right:-13px}.hero-monster .sprite{width:184px;height:184px}.hero-mini.jelly{top:9px;right:0}.hero-mini.jelly .sprite{width:82px;height:82px}.hero-mini.moss{bottom:20px;left:9px}.hero-mini.moss .sprite{width:75px;height:75px}.orbit-one{width:191px;height:191px}.orbit-two{width:158px;height:158px}.hero-copy>p{font-size:11px}.hero h2{font-size:30px}.hero-coordinates{display:none}.hero-actions{gap:7px;max-width:260px;margin-top:22px}.progress-panel{padding:21px}.heading-note{display:none}.milestone-grid{grid-template-columns:repeat(2,1fr)}.toast{left:calc(50% + 100px)}.recent-grid,.dex-grid{gap:12px}.monster-card{padding:11px}.monster-card h3{font-size:11px}.monster-art{height:139px}.monster-art .sprite{width:133px;height:133px}.first-discovery{gap:12px;padding:20px}.first-discovery p{font-size:10px}.first-discovery h3{font-size:13px}}@media (width<=1060px){.home-grid{grid-template-columns:1fr}.hero{min-height:355px}.hero-copy{max-width:64%;padding:28px}.hero h2{font-size:35px}.hero-art{width:280px;height:265px;bottom:53px;right:11px}.hero-monster .sprite{width:216px;height:216px}.hero-mini.moss{bottom:0;left:0}.hero-mini.jelly{top:-7px;right:0}.progress-panel{grid-template-columns:1.3fr 115px 1.3fr;column-gap:20px;padding:21px;display:grid;position:relative}.progress-panel>.panel-top{grid-area:1/1}.progress-panel h2{grid-area:2/1;align-self:start;margin:0}.progress-ring{grid-area:1/2/4;width:105px;height:105px;margin:0}.progress-ring strong{font-size:26px}.progress-panel>p{grid-area:3/1;margin-top:-14px;font-size:9px}.archive-stats{border:0;grid-area:1/3/3;margin:0;padding:0}.progress-panel>.text-button{grid-area:3/3}.bottom-grid{grid-template-columns:1fr}.world-banner{min-height:172px}.howto-panel{display:none}.recent-grid,.dex-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.recent-grid>.monster-card:nth-child(4){display:none}.scanner-layout{grid-template-columns:1fr}.scanner-aside{grid-template-columns:1fr 1fr;align-items:start;display:grid}.guide-panel{grid-row:1/3}.settings-grid{grid-template-columns:1fr}.first-discovery{flex-wrap:wrap}.first-discovery>.button{margin-left:0}.first-discovery>div:nth-child(2){flex:1}.first-discovery .empty-sprite .sprite{width:75px;height:75px}.footer>span:nth-child(2){display:none}.filter-toolbar{align-items:stretch}.filter-fields{width:100%}.filter-fields .search-field{flex:1}.filter-fields .search-field input{width:100%}}@media (width<=760px){.sidebar{width:224px;padding-top:26px;transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.nav-scrim{z-index:19;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#030c08bd;position:fixed;inset:0}.main-shell{margin-left:0}.topbar{height:60px;padding:0 20px}.topbar-left{gap:12px}.mobile-menu{margin-left:-6px;display:inline-flex}.topbar-brand{letter-spacing:1px;color:var(--mint);font-size:13px}.topbar-divider,.topbar-left>span:last-child{display:none}.topbar-right{gap:12px}.version-pill{display:none}.save-state{font-size:9px}.sound-toggle{width:29px}main{padding:24px 20px 0}.page-heading{margin-bottom:21px}.page-heading h1{margin-top:7px;font-size:21px}.page-heading .eyebrow{font-size:8px}.hero{min-height:360px}.hero-copy{max-width:60%;padding:27px 24px}.hero h2{font-size:32px}.hero-art{width:250px;height:250px;bottom:53px;right:-6px}.hero-monster .sprite{width:202px;height:202px}.hero-copy>p{font-size:11px}.hero-actions{gap:9px}.recent-grid,.dex-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-nav{z-index:15;padding:8px 8px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101e16f7;border-top:1px solid #34523c;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#71907c;background:0 0;border-radius:6px;flex-direction:column;align-items:center;gap:6px;padding:5px;font-size:9px;display:flex}.mobile-nav button.active{color:#b9efc5;background:#203725}.footer{margin-top:28px;margin-bottom:73px;padding-bottom:19px}.toast{width:max-content;max-width:calc(100% - 28px);font-size:11px;bottom:90px;left:50%}.skip-link{left:20px}.scanner-panel{padding:21px}.camera-view{height:265px}.scanner-aside{gap:21px}.guide-panel{padding:20px}.guide-panel h2{font-size:19px}.sample-code{flex-wrap:wrap}.sample-code>span{width:100%}.sample-code b{font-size:10px}.settings-panel{padding:24px}.milestone-grid{gap:11px}.collection-heading h2{font-size:16px}.favorite-filter{padding:9px;font-size:9px}.first-discovery{gap:17px;padding:20px}.first-discovery>.button{margin-left:auto}.dex-summary{padding:20px}.dex-summary h2{font-size:14px}.dex-summary p{font-size:10px;line-height:1.7}.dex-progress{min-width:100px}.segmented{justify-content:space-between;width:100%}.segmented button{flex:1;justify-content:center}}@media (width<=520px){main{padding:22px 16px 0}.topbar{padding:0 16px}.page-heading h1{letter-spacing:0;font-size:19px}.home-grid{gap:17px}.hero{min-height:531px}.hero-copy{max-width:100%;padding:24px;position:static}.hero-copy .terminal-label{z-index:2;font-size:7px;position:relative}.hero h2{z-index:2;margin-top:19px;font-size:32px;position:relative}.hero-copy>p{z-index:2;margin-top:13px;font-size:11px;position:relative}.hero-art{width:260px;height:212px;bottom:124px;right:calc(50% - 139px)}.hero-monster .sprite{width:187px;height:187px}.hero-mini.jelly{top:19px;right:-14px}.hero-mini.moss{bottom:0;left:-9px}.hero-mini.jelly .sprite{width:80px;height:80px}.hero-mini.moss .sprite{width:73px;height:73px}.orbit-one{width:174px;height:174px}.orbit-two{width:142px;height:142px}.scan-platform{width:142px;bottom:24px}.specimen-label{font-size:6px;bottom:0;right:23px}.art-caption{font-size:7px;bottom:-11px;right:12px}.cross-one{top:27px;left:24px}.cross-two{bottom:42px;right:20px}.hero-actions{z-index:4;flex-direction:column;gap:7px;max-width:none;margin:0;position:absolute;bottom:48px;left:24px;right:24px}.hero-actions .button{width:100%;font-size:12px}.hero-actions .text-button{padding:3px;font-size:10px}.hero-bottom{gap:10px;height:28px;padding:0 15px}.hero-bottom>span{font-size:6px}.hero-bottom .barcode{height:14px}.progress-panel{grid-template-columns:1fr 94px 1fr;gap:10px;min-height:135px;padding:18px 16px}.progress-panel .eyebrow{letter-spacing:1px;font-size:6px}.progress-panel>.panel-top svg{display:none}.progress-panel h2{font-size:12px}.progress-ring{width:94px;height:94px}.progress-ring strong{font-size:24px}.progress-ring span{font-size:8px}.progress-panel>p{margin-top:-9px;font-size:7px}.progress-panel>p strong{font-size:15px}.archive-stats strong{font-size:17px}.archive-stats span{font-size:7px;line-height:1.5}.progress-panel>.text-button{gap:3px;font-size:8px}.progress-panel>.text-button svg{width:12px}.section-heading{margin-top:25px}.section-heading h2{font-size:16px}.section-heading .text-button{font-size:10px}.recent-grid,.dex-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.recent-grid>.monster-card:nth-child(4){display:flex}.monster-card{padding:11px 12px}.monster-card h3{font-size:11px}.monster-art{height:132px}.monster-art .sprite{width:130px;height:130px}.monster-card-top{font-size:8px}.monster-card-bottom{padding-top:10px}.element-badge,.rarity{font-size:8px}.unknown-tag{letter-spacing:.4px;font-size:5px}.unknown-question{font-size:25px;top:46px}.first-discovery{gap:12px;padding:19px 16px}.first-discovery h3{font-size:13px}.first-discovery p{font-size:10px}.first-discovery>.button{width:100%;margin:0}.first-discovery .empty-sprite .sprite{width:65px;height:65px}.first-discovery .empty-sprite span{font-size:19px}.first-discovery>div:nth-child(2){min-width:180px}.world-banner{min-height:193px;padding:23px 21px}.world-banner h2{font-size:15px;line-height:1.7}.world-banner p{font-size:9px;line-height:2}.world-banner .eyebrow{letter-spacing:1px;font-size:6px}.footer{gap:8px;margin-bottom:74px}.footer b{display:none}.footer>small{font-size:6px}.scanner-panel{padding:20px 17px}.camera-view{height:226px}.scan-corners{inset:34px 23px}.camera-placeholder h3{font-size:11px}.camera-placeholder p{font-size:9px}.camera-placeholder svg{width:43px;height:43px}.camera-placeholder{gap:13px}.scanner-aside{display:flex}.guide-panel h2 br,.guide-panel>p br{display:none}.guide-panel h2{font-size:19px;line-height:1.6}.guide-panel>p{font-size:11px}.sample-list{grid-template-columns:1fr 1fr;gap:9px;display:grid}.sample-code{gap:8px;padding:10px}.sample-code b{letter-spacing:0;font-size:10px}.sample-code svg{width:11px}.privacy-note{padding:0 3px}.dex-summary{flex-wrap:wrap;gap:18px;padding:20px}.dex-summary>div:first-child{gap:13px}.dex-summary h2{font-size:14px}.dex-summary p{font-size:9px}.dex-progress{text-align:left;align-items:center;gap:16px;width:100%;display:flex}.dex-progress>span{white-space:nowrap;font-size:10px}.dex-progress b{font-size:21px}.dex-progress .progress-track{flex:1;margin:0}.filter-toolbar{gap:12px}.filter-fields{gap:8px}.filter-fields select{width:116px;font-size:9px}.search-field{flex:1;min-width:0}.search-field input{min-width:0}.milestone{gap:9px;padding:15px 12px}.milestone>svg{width:22px}.milestone h3{font-size:9px;line-height:1.6}.milestone p{font-size:7px;line-height:1.6}.milestone-dot,.milestone>svg:last-child{display:none}.collection-heading{flex-direction:column;align-items:flex-start;gap:12px}.collection-heading .button{min-height:33px}.collection-description{margin-top:12px;font-size:10px}.settings-panel{padding:23px 20px}.settings-panel h2{font-size:17px}.setting-row small{font-size:9px}.settings-panel>p{font-size:11px}.modal{max-width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.dialog-top{padding:10px 15px}.discovery-title{padding-top:20px}.discovery-title h2{letter-spacing:1.1px;font-size:25px}.discovery-stage{height:214px}.discovery-stage .sprite{width:205px;height:205px}.discovery-info{padding:18px 21px 22px}.discovery-name h3{font-size:19px}.discovery-info>p{font-size:11px}.discovery-info .button{gap:6px;font-size:10px}.discovery-info .button-row{gap:9px}.detail-portrait{height:215px}.detail-portrait .sprite{width:200px;height:200px}.detail-info{padding:21px}.detail-info .discovery-name h2{font-size:18px}.detail-description{font-size:11px}.detail-data{gap:10px}.detail-data strong{font-size:10px}.detail-data span{font-size:8px}.barcode-record{gap:10px}.barcode-record .barcode{width:79px}.barcode-record>span{letter-spacing:.4px;font-size:10px}.import-confirm{padding:24px}.toast{gap:8px;padding:9px 12px;font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.brand strong{letter-spacing:2px;font-family:Yu Gothic UI,Meiryo,sans-serif;font-size:25px}.brand strong span{font:8px var(--mono);letter-spacing:3px;color:#83aa8f;margin-top:7px;display:block}.brand small{letter-spacing:1px;margin-top:7px;font-size:8px}.genome-seed{font:8px var(--mono);letter-spacing:1.1px;color:#88af91;overflow-wrap:anywhere;background:#14231a;border-left:2px solid #6eaa7b;width:max-content;max-width:100%;margin-top:-8px;margin-bottom:14px;padding:7px 9px}