:root{--bg: color-mix(in srgb, var(--tint) 20%, #eaf0f6);--surface: color-mix(in srgb, var(--tint) 6%, #ffffff);--surface-2: color-mix(in srgb, var(--tint) 13%, #ffffff);--surface-3: color-mix(in srgb, var(--tint) 24%, #ffffff);--line: color-mix(in srgb, var(--tint) 24%, #d3dfea);--line-strong: color-mix(in srgb, var(--tint) 34%, #b9c9d8);--text: #24313f;--muted: #6c7c8c;--blue: #3d7dca;--blue-dark: #2b5c9b;--blue-soft: #dbe8f8;--yellow: #ffcb05;--gold: #d99b00;--green: #35a46b;--green-soft: #dcf2e6;--red: #e3350d;--red-soft: #fde3dd;--violet: #7a5fc4;--pixel: "Press Start 2P", "Courier New", monospace;--sans: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--r: 16px;--r-sm: 11px;--r-xs: 8px;--shadow-sm: 0 1px 2px rgba(36, 49, 63, .07), 0 2px 6px rgba(36, 49, 63, .05);--shadow: 0 2px 4px rgba(36, 49, 63, .07), 0 8px 20px rgba(36, 49, 63, .08)}*{box-sizing:border-box}@property --tint{syntax: "<color>"; inherits: true; initial-value: #a8a77a;}.bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;transition:--tint .22s ease-out}.bg>div{position:absolute;inset:-35% -15%;will-change:transform}.bg>.bg-wash{inset:-160% -15%}.bg-wash{background:radial-gradient(130vw 75vh at 50% -5%,rgba(255,255,255,.6),transparent 72%),var(--tint);opacity:.16}.bg-far{background-color:var(--tint);opacity:.26;-webkit-mask-size:200px 200px;mask-size:200px 200px;-webkit-mask-image:var(--mask-far);mask-image:var(--mask-far)}.bg-near{background-color:var(--tint);opacity:.3;-webkit-mask-size:110px 110px;mask-size:110px 110px;-webkit-mask-image:var(--mask-near);mask-image:var(--mask-near)}:root{--mask-far: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><g fill='none' stroke='white' stroke-width='2.6'><g opacity='.95'><circle cx='42' cy='38' r='20'/><path d='M22 38h40'/><circle cx='42' cy='38' r='6.5'/></g><g opacity='.75'><circle cx='150' cy='96' r='16'/><path d='M134 96h32'/><circle cx='150' cy='96' r='5.2'/></g><g opacity='.85'><circle cx='74' cy='150' r='18'/><path d='M56 150h36'/><circle cx='74' cy='150' r='5.8'/></g><g opacity='.6'><circle cx='176' cy='176' r='12'/><path d='M164 176h24'/><circle cx='176' cy='176' r='3.9'/></g></g></svg>");--mask-near: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='110' height='110'><g fill='none' stroke='white' stroke-width='2.2'><g opacity='.9'><circle cx='28' cy='26' r='9'/><path d='M19 26h18'/><circle cx='28' cy='26' r='3'/></g><g opacity='.7'><circle cx='82' cy='74' r='7'/><path d='M75 74h14'/><circle cx='82' cy='74' r='2.3'/></g></g></svg>")}html,body,#root{height:100%}body{margin:0;background-color: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}button,.nav,.lock-fab,.box,.slot,.entry-card,.tag,.field-label,.placement,.placement-hero,.box-head,.toolbar,.sheet-grab,.grabber,.bar,.region-row,.stat .n,.ball-option,.ball-current,.showcase-ring,.showcase-figures,.showcase-recent,.showcase-regions{-webkit-user-select:none;user-select:none}.sheet.is-dragging{cursor:grabbing}.rules,.input,.textarea,.notice,.sheet-body p,.showcase-lead{-webkit-user-select:text;user-select:text}.pixel{font-family:var(--pixel);letter-spacing:.02em;line-height:1.7}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm)}.btn{font-family:var(--sans);font-size:14px;font-weight:700;padding:10px 14px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow-sm);transition:background .12s,border-color .12s,transform .06s}.btn:hover{border-color:var(--line-strong)}.btn:active{transform:translateY(1px)}.btn[aria-pressed=true],.btn.is-active{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 2px 8px #3d7dca59}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.is-icon{display:grid;place-items:center;padding:9px;min-width:40px}.input,.select,.textarea{width:100%;padding:11px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text);outline:none;transition:border-color .12s,box-shadow .12s}.input:focus,.select:focus,.textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.textarea{min-height:92px;resize:vertical}.tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:var(--surface-3);color:var(--muted);white-space:nowrap}.tag.is-region{background:var(--blue-soft);color:var(--blue-dark)}.tag.is-shiny{background:#fdf0c9;color:var(--gold)}.tag.is-warn{background:var(--red-soft);color:var(--red)}.tag.is-ok{background:var(--green-soft);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}.ball{width:18px;height:18px;image-rendering:pixelated;flex:none}.app{min-height:100%;display:flex;flex-direction:column;padding-bottom:calc(92px + env(safe-area-inset-bottom))}.main{flex:1;padding:14px;max-width:720px;width:100%;margin:0 auto}.nav{position:fixed;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:40;display:flex;gap:2px;padding:5px;max-width:calc(100vw - 20px);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:999px;box-shadow:0 8px 26px #24313f2e}.nav a{display:flex;align-items:center;gap:7px;height:40px;padding:0 12px;border-radius:999px;text-decoration:none;color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap;transition:background .15s,color .15s}.nav .ico{display:flex;align-items:center;justify-content:center}.nav a .lbl{display:none}.nav a.active{background:color-mix(in srgb,var(--tint) 82%,#2d4a6b);color:#fff}.nav a.active .lbl{display:inline}.lock-fab{position:fixed;right:14px;bottom:calc(66px + env(safe-area-inset-bottom));z-index:45;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;color:var(--muted);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:0 6px 20px #24313f2e}.lock-fab:active{transform:translateY(1px)}.box-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.box-head .title{flex:1;text-align:center;font-family:var(--pixel);font-size:12px;color:var(--blue-dark)}.box-head .btn{min-width:44px}.box{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:10px;background:linear-gradient(160deg,color-mix(in srgb,var(--tint) 26%,#ffffff),color-mix(in srgb,var(--tint) 10%,#ffffff));border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm)}.slot{position:relative;aspect-ratio:1;display:grid;place-items:center;padding:0;background:#ffffffc7;border:1px solid transparent;border-radius:var(--r-xs);transition:border-color .12s,background .12s}.slot:hover{background:#fff;border-color:var(--line-strong)}.slot.is-empty{background:#ffffff47}.slot.is-selected{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-soft)}.slot img{width:100%;height:100%;object-fit:contain}.slot.is-todo img{filter:grayscale(1) brightness(.62) opacity(.4)}.slot.is-impossible img{filter:grayscale(1) opacity(.5)}.slot.is-caught img{filter:none}.slot.is-shiny{background:linear-gradient(150deg,#fff6d8,#fff)}.slot.is-shiny:after{content:"";position:absolute;inset:0;border:2px solid var(--yellow);border-radius:var(--r-xs);pointer-events:none}.slot .corner{position:absolute;top:2px;right:2px;display:flex;color:var(--violet)}.slot .pending-dot{position:absolute;left:3px;bottom:3px;width:8px;height:8px;border-radius:50%;background:var(--yellow);border:1px solid rgba(0,0,0,.18)}.slot .slot-ball{position:absolute;right:1px;bottom:1px;width:17px;height:17px;display:grid;place-items:center;background:#fffffff0;border-radius:50%;box-shadow:0 1px 3px #24313f47}.slot .slot-ball img{width:17px;height:17px;image-rendering:pixelated}.card-list{display:flex;flex-direction:column;gap:8px}.entry-card{display:flex;align-items:center;gap:12px;padding:10px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow-sm);transition:border-color .12s,box-shadow .12s}.entry-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow)}.entry-card .thumb{width:54px;height:54px;flex:none;display:grid;place-items:center;background:var(--surface-2);border-radius:var(--r-xs)}.entry-card .thumb img{width:100%;height:100%;object-fit:contain}.entry-card.is-todo .thumb img{filter:grayscale(1) brightness(.62) opacity(.45)}.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:5px;margin-top:5px;flex-wrap:wrap}.placement{flex:none;text-align:center;padding:7px 10px;background:var(--blue-soft);border-radius:var(--r-xs);color:var(--blue-dark)}.placement .box-no{font-family:var(--pixel);font-size:13px;display:block}.placement .rc{font-size:10px;font-weight:700;display:block;margin-top:4px;color:var(--blue-dark);opacity:.75}.placement-hero{display:flex;align-items:center;justify-content:center;gap:18px;padding:18px;background:linear-gradient(150deg,var(--blue),#5b9ae0);border-radius:var(--r);box-shadow:0 6px 18px #3d7dca4d;color:#fff}.placement-hero .big{font-family:var(--pixel);font-size:26px}.placement-hero .lbl{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:8px;opacity:.85}.sheet-backdrop{position:fixed;inset:0;z-index:50;background:#18222d73;backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:640px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border-radius:var(--r) var(--r) 0 0;box-shadow:0 -8px 30px #18222d38}.sheet-grab{position:relative;flex:none;display:grid;place-items:center;height:36px;touch-action:none;cursor:grab}.sheet-grab:active{cursor:grabbing}.grabber{width:46px;height:5px;border-radius:999px;background:var(--line-strong)}.sheet-close{position:absolute;right:10px;top:4px;width:32px;height:32px;display:grid;place-items:center;font-size:21px;line-height:1;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:50%}.sheet-body{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:2px 16px calc(22px + env(safe-area-inset-bottom))}@media (min-width: 641px){.sheet-backdrop{align-items:center}.sheet{border-radius:var(--r);max-height:86vh}}.sheet-hero{display:flex;gap:14px;align-items:center;margin-bottom:14px}.sheet-hero .art{width:108px;height:108px;flex:none;display:grid;place-items:center;background:var(--surface-2);border-radius:var(--r-sm)}.sheet-hero .art img{width:100%;height:100%;object-fit:contain}.sheet-hero h2{margin:0 0 3px;font-size:21px;line-height:1.2}.sheet-hero .dexno{font-family:var(--pixel);font-size:10px;color:var(--muted)}.field{margin-top:16px}.field>label,.field-label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:7px}.btn-row{display:flex;gap:7px;flex-wrap:wrap}.btn-row .btn{flex:1;min-width:92px}.notice{padding:11px 13px;border-radius:var(--r-sm);background:var(--red-soft);color:#8d2408;font-size:14px}.notice.is-ok{background:var(--green-soft);color:#1d6b45}.notice.is-info{background:var(--blue-soft);color:var(--blue-dark)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.stat{padding:13px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow-sm)}.stat .n{font-family:var(--pixel);font-size:17px;display:block}.stat .l{font-size:12px;color:var(--muted);margin-top:7px;display:block}.bar{display:block;height:14px;background:var(--surface-3);border-radius:999px;overflow:hidden}.bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--green),#58c98c);border-radius:999px;transition:width .3s}.bar.is-shiny>i{background:linear-gradient(90deg,var(--gold),var(--yellow))}.region-row{display:flex;align-items:center;gap:12px;padding:9px 0}.region-row+.region-row{border-top:1px solid var(--line)}.region-row .rname{font-weight:800;font-size:14px;width:74px;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:28px 0 10px;line-height:1.6;color:var(--blue-dark)}.rules h2:first-child{margin-top:4px}.rules p,.rules li{font-size:15px}.rules ul{padding-left:20px}.rules .rule{padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);margin-bottom:10px}.rules .rule>h3{margin:0 0 8px;font-size:15px;font-weight:800;color:var(--blue)}.rules .ok{color:var(--green);font-weight:800}.rules .no{color:var(--red);font-weight:800}.ball-picker{position:relative}.ball-current{display:flex;align-items:center;gap:10px;width:100%;text-align:left}.ball-current .chev{color:var(--muted);font-size:11px}.ball-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;padding:10px;max-height:46vh;overflow-y:auto;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm)}.ball-option{display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 5px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xs);font-size:11px;font-weight:700;line-height:1.25;text-align:center;color:var(--muted)}.ball-option img{image-rendering:pixelated}.ball-option[aria-selected=true]{border-color:var(--blue);background:var(--blue-soft);color:var(--blue-dark)}.toolbar{display:flex;gap:7px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.toolbar .grow{flex:1}.toolbar.is-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.toolbar.is-filters::-webkit-scrollbar{display:none}.toolbar.is-filters .btn{flex:0 0 auto;font-size:13px;padding:9px 12px}.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)}.showcase{margin-bottom:20px}.showcase-kicker{margin:0 0 4px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--tint) 55%,var(--muted))}.showcase-title{margin:0 0 8px;font-size:27px;line-height:1.15;letter-spacing:-.01em}.showcase-lead{margin:0 0 18px;font-size:15px;color:var(--muted)}.showcase-lead a{color:var(--blue-dark);font-weight:700}.showcase-ring-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.showcase-ring{--p: 0%;flex:none;width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(color-mix(in srgb,var(--tint) 90%,#2f6f4f) var(--p),color-mix(in srgb,var(--tint) 22%,#ffffff) 0);box-shadow:var(--shadow-sm)}.showcase-ring-inner{width:104px;height:104px;border-radius:50%;background:var(--surface);display:grid;place-items:center}.showcase-pct{font-family:var(--pixel);font-size:16px;line-height:1;text-align:center}.showcase-ring-wrap{flex:none;display:flex;flex-direction:column;align-items:center;gap:8px}.showcase-count{font-size:12px;color:var(--muted);text-align:center}.showcase-figures{flex:1;min-width:190px;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.showcase-figures li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:11px 9px;box-shadow:var(--shadow-sm);text-align:center}.showcase-figures b{font-family:var(--pixel);font-size:20px;line-height:1.1;display:block;margin-bottom:7px}.showcase-figures span{font-size:12px;color:var(--muted)}.showcase-label{margin:22px 0 8px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.showcase-recent{list-style:none;margin:0;padding:0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.showcase-recent::-webkit-scrollbar{display:none}.showcase-recent li{flex:none;width:62px;height:62px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm)}.showcase-recent img{width:100%;height:100%;object-fit:contain}.showcase-regions{list-style:none;margin:0;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm)}.showcase-regions li{display:flex;align-items:center;gap:10px;padding:7px 0}.showcase-regions li+li{border-top:1px solid var(--line)}.showcase-regions .r-name{font-weight:800;font-size:13px;width:70px;flex:none}.showcase-regions .r-bar{flex:1;height:10px;border-radius:999px;background:var(--surface-3);overflow:hidden}.showcase-regions .r-bar>i{display:block;height:100%;border-radius:999px;background:color-mix(in srgb,var(--tint) 85%,#2f6f4f)}.showcase-regions .r-num{font-size:12px;color:var(--muted);width:66px;text-align:right;flex:none}