:root{--bg: #17161f;--surface: #221f2e;--surface-2: #2c2939;--surface-3: #383349;--line: #423e57;--text: #f0edf7;--muted: #9c95b5;--accent: #ff6b6b;--accent-ink: #2a0f12;--gold: #ffc93c;--green: #6ee7a5;--blue: #67b6f0;--violet: #b48ef0;--shadow: #0d0c13;--pixel: "Press Start 2P", "Courier New", monospace;--sans: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--slot: 3px;--nav-h: 62px}@media (prefers-color-scheme: light){:root{--bg: #efe9dc;--surface: #fffdf6;--surface-2: #f2ecdd;--surface-3: #e3dac4;--line: #c2b69c;--text: #2b2733;--muted: #6d6579;--accent: #e04b4b;--accent-ink: #fff5f5;--gold: #c98a10;--green: #2f9e63;--blue: #2b7cb8;--violet: #7a52c0;--shadow: #bdb098}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.pixel{font-family:var(--pixel);letter-spacing:.02em;line-height:1.7}.panel{background:var(--surface);border:var(--slot) solid var(--line);box-shadow:0 4px 0 var(--shadow)}.btn{font-family:var(--pixel);font-size:10px;padding:10px 12px;background:var(--surface-2);color:var(--text);border:var(--slot) solid var(--line);box-shadow:0 4px 0 var(--shadow);transition:transform .06s,box-shadow .06s}.btn:active{transform:translateY(4px);box-shadow:0 0 0 var(--shadow)}.btn[aria-pressed=true],.btn.is-active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.is-icon{display:grid;place-items:center;padding:9px;min-width:40px}.toolbar.is-filters .btn{flex:1 1 0;min-width:0;font-size:9px;padding:9px 4px;text-align:center}.input,.select,.textarea{width:100%;padding:11px 12px;background:var(--surface-2);border:var(--slot) solid var(--line);color:var(--text);outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--blue)}.textarea{min-height:92px;resize:vertical;font-family:var(--sans)}.tag{display:inline-block;font-family:var(--pixel);font-size:8px;padding:4px 6px;border:2px solid var(--line);background:var(--surface-2);color:var(--muted);white-space:nowrap}.tag.is-region{color:var(--blue);border-color:var(--blue)}.tag.is-shiny{color:var(--gold);border-color:var(--gold)}.tag.is-warn{color:var(--accent);border-color:var(--accent)}.tag.is-ok{color:var(--green);border-color:var(--green)}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app{min-height:100%;display:flex;flex-direction:column;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface);border-bottom:var(--slot) solid var(--line)}.topbar h1{font-family:var(--pixel);font-size:11px;margin:0;flex:1;line-height:1.6}.topbar .trainer{color:var(--accent)}.main{flex:1;padding:12px;max-width:720px;width:100%;margin:0 auto}.nav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border-top:var(--slot) solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:var(--nav-h);text-decoration:none;color:var(--muted);font-family:var(--pixel);font-size:8px}.nav a.active{color:var(--accent);background:var(--surface-2)}.nav .ico{display:flex;align-items:center;justify-content:center;height:18px}.box-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.box-head .title{flex:1;text-align:center;font-family:var(--pixel);font-size:12px}.box-head .btn{min-width:44px}.box{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:8px;background:var(--surface-2);border:var(--slot) solid var(--line);box-shadow:0 4px 0 var(--shadow)}.slot{position:relative;aspect-ratio:1;display:grid;place-items:center;padding:0;background:var(--surface);border:2px solid transparent;transition:border-color .1s}.slot:hover{border-color:var(--line)}.slot.is-empty{background:repeating-linear-gradient(45deg,var(--surface) 0 4px,var(--surface-2) 4px 8px)}.slot.is-selected{border-color:var(--accent)}.slot img{width:100%;height:100%;object-fit:contain}.slot.is-todo img{filter:grayscale(1) opacity(.26)}.slot.is-impossible img{filter:grayscale(1) opacity(.4) sepia(1) hue-rotate(-30deg)}.slot.is-caught img{filter:none}@media (prefers-color-scheme: light){.slot.is-todo img{filter:grayscale(1) brightness(.55) opacity(.42)}.entry-card.is-todo .thumb img{filter:grayscale(1) brightness(.55) opacity(.45)}}.slot .corner{position:absolute;top:1px;right:1px;display:flex;color:var(--violet)}.slot.is-shiny{background:radial-gradient(circle at 70% 25%,rgba(255,201,60,.28),transparent 65%),var(--surface)}.slot.is-shiny:after{content:"";position:absolute;inset:0;border:2px solid var(--gold);pointer-events:none}.card-list{display:flex;flex-direction:column;gap:8px}.entry-card{display:flex;align-items:center;gap:10px;padding:8px;width:100%;text-align:left;background:var(--surface);border:var(--slot) solid var(--line);box-shadow:0 3px 0 var(--shadow)}.entry-card .thumb{width:54px;height:54px;flex:none;display:grid;place-items:center;background:var(--surface-2);border:2px solid var(--line)}.entry-card .thumb img{width:100%;height:100%;object-fit:contain}.entry-card.is-todo .thumb img{filter:grayscale(1) opacity(.3)}.entry-card .body{flex:1;min-width:0}.entry-card .name{display:block;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-card .sub{display:block;font-size:13px;color:var(--muted)}.entry-card .tags{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.placement{flex:none;text-align:center;padding:6px 8px;background:var(--surface-2);border:2px solid var(--blue);font-family:var(--pixel);color:var(--blue)}.placement .box-no{font-size:13px;display:block}.placement .rc{font-size:8px;display:block;margin-top:4px;color:var(--muted)}.placement-hero{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;background:var(--surface-2);border:var(--slot) solid var(--blue);box-shadow:0 4px 0 var(--shadow)}.placement-hero .big{font-family:var(--pixel);font-size:26px;color:var(--blue)}.placement-hero .lbl{font-family:var(--pixel);font-size:8px;color:var(--muted);display:block;margin-bottom:6px}.sheet-backdrop{position:fixed;inset:0;z-index:50;background:#0009;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:640px;max-height:92vh;overflow-y:auto;background:var(--surface);border-top:var(--slot) solid var(--line);padding:14px 14px calc(20px + env(safe-area-inset-bottom));animation:rise .16s ease-out}@keyframes rise{0%{transform:translateY(24px)}to{transform:none}}@media (min-width: 641px){.sheet-backdrop{align-items:center}.sheet{border:var(--slot) solid var(--line);max-height:86vh}}.sheet-hero{display:flex;gap:12px;align-items:center;margin-bottom:12px}.sheet-hero .art{width:108px;height:108px;flex:none;display:grid;place-items:center;background:var(--surface-2);border:var(--slot) solid var(--line)}.sheet-hero .art img{width:100%;height:100%;object-fit:contain}.sheet-hero h2{margin:0 0 2px;font-size:20px;line-height:1.2}.sheet-hero .dexno{font-family:var(--pixel);font-size:10px;color:var(--muted)}.field{margin-top:14px}.field>label,.field-label{display:block;font-family:var(--pixel);font-size:8px;color:var(--muted);margin-bottom:6px}.btn-row{display:flex;gap:6px;flex-wrap:wrap}.btn-row .btn{flex:1;min-width:92px}.notice{padding:10px;border-left:var(--slot) solid var(--accent);background:var(--surface-2);font-size:14px}.notice.is-ok{border-left-color:var(--green)}.notice.is-info{border-left-color:var(--blue)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.stat{padding:12px;background:var(--surface);border:var(--slot) solid var(--line);box-shadow:0 3px 0 var(--shadow)}.stat .n{font-family:var(--pixel);font-size:18px;display:block}.stat .l{font-size:12px;color:var(--muted);margin-top:6px;display:block}.bar{display:block;height:16px;background:var(--surface-3);border:2px solid var(--line);overflow:hidden}.bar>i{display:block;height:100%;background:var(--green)}.bar.is-shiny>i{background:var(--gold)}.region-row{display:flex;align-items:center;gap:10px;padding:8px 0}.region-row .rname{font-family:var(--pixel);font-size:9px;width:68px;flex:none}.region-row .rbar{flex:1;display:block;min-width:0}.region-row .rn{font-size:12px;color:var(--muted);width:74px;text-align:right;flex:none}.rules h2{font-family:var(--pixel);font-size:13px;margin:26px 0 8px;line-height:1.6}.rules h2:first-child{margin-top:4px}.rules p,.rules li{font-size:15px}.rules ul{padding-left:20px}.rules .rule{padding:12px 14px;background:var(--surface);border:var(--slot) solid var(--line);box-shadow:0 3px 0 var(--shadow);margin-bottom:10px}.rules .rule>h3{margin:0 0 6px;font-family:var(--pixel);font-size:10px;line-height:1.7;color:var(--gold)}.rules .ok{color:var(--green);font-weight:700}.rules .no{color:var(--accent);font-weight:700}.toolbar{display:flex;gap:6px;align-items:center;margin-bottom:10px;flex-wrap:wrap}.toolbar .grow{flex:1}.empty-state{text-align:center;padding:40px 16px;color:var(--muted)}.loading{display:grid;place-items:center;min-height:60vh}.loading .pixel{font-size:11px;color:var(--muted)}