:root{--yellow-50:#fffbea;--yellow-100:#fff3c4;--yellow-200:#ffe98a;--yellow-300:#ffd84d;--yellow-400:#ffc928;--yellow-500:#f5b400;--brown-200:#ead9a8;--brown-400:#c9ad6e;--brown-600:#6b5440;--brown-900:#3b2a1a;--orange-700:#b4570b;--red-700:#b42318;--color-bg-page:var(--yellow-50);--color-bg-surface:#fff;--color-bg-banner:var(--yellow-300);--color-bg-subtle:var(--yellow-100);--color-border:var(--brown-200);--color-border-strong:var(--brown-400);--color-text:var(--brown-900);--color-text-secondary:var(--brown-600);--color-accent-solid:var(--yellow-400);--color-accent-hover:var(--yellow-300);--color-accent-pressed:var(--yellow-200);--color-mark:var(--orange-700);--color-error:var(--red-700);--color-focus:var(--brown-900);--fs-sm:.875rem;--fs-base:1rem;--fs-md:1.125rem;--fs-lg:1.375rem;--fs-xl:1.75rem;--fs-2xl:2.5rem;--font:ui-rounded, "SF Pro Rounded", "Nunito", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--shadow-card:0 1px 2px #3b2a1a0f, 0 4px 12px #3b2a1a0f;--ease:cubic-bezier(.2, 0, 0, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg-page);color:var(--color-text);font-family:var(--font);font-size:var(--fs-base);margin:0;line-height:1.5}h1,h2,h3{text-wrap:balance;margin:0;line-height:1.15}p{margin:0}img{display:block}button,input{font:inherit;color:inherit}.wrap{width:100%;max-width:1120px;padding-inline:var(--space-4);margin-inline:auto}.muted{color:var(--color-text-secondary)}.mono{font-family:var(--font-mono)}.num{font-variant-numeric:tabular-nums}.skip{inset-inline-start:var(--space-2);z-index:10;padding:var(--space-2) var(--space-4);background:var(--color-bg-surface);border-radius:var(--radius-sm);position:absolute;top:-60px}.skip:focus-visible{top:var(--space-2)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.banner{background:var(--color-bg-banner)}.banner-row{align-items:center;gap:var(--space-2) var(--space-4);min-height:48px;padding-block:var(--space-2);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.banner-title{white-space:nowrap;font-weight:700}.banner-msg{text-wrap:pretty;flex:16rem;min-width:0}.banner-item strong{font-size:var(--fs-base)}.banner .muted{color:var(--brown-900);opacity:1;font-weight:400}.rank{color:var(--brown-900);font-weight:700}.banner-ctl{gap:var(--space-2);display:flex}.header{background:var(--color-bg-page);border-bottom:1px solid var(--color-border)}.header-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding-block:var(--space-3);flex-wrap:wrap;display:flex}.logo{align-items:center;gap:var(--space-2);color:inherit;font-weight:800;font-size:var(--fs-md);white-space:nowrap;border-radius:var(--radius-sm);text-decoration:none;display:inline-flex}.logo-art{width:36px;height:36px}.header-end{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.pill{align-items:center;gap:var(--space-1);min-height:32px;padding:var(--space-1) var(--space-3);background:var(--color-bg-subtle);font-size:var(--fs-sm);white-space:nowrap;border-radius:999px;display:inline-flex}.hero{padding-block:var(--space-6) var(--space-4)}.hero h1{font-size:var(--fs-xl);letter-spacing:-.01em;font-weight:800}.lead{margin-top:var(--space-2);font-size:var(--fs-md);color:var(--color-text-secondary);text-wrap:pretty;max-width:36em}.panel{margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.panel-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.panel h2{font-size:var(--fs-lg);font-weight:800}.empty{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-6);flex-direction:column;display:flex}.empty-art{width:64px;height:64px}.label{font-weight:700;font-size:var(--fs-sm);margin-bottom:var(--space-1);display:block}.input{width:100%;min-height:44px;padding:var(--space-2) var(--space-3);font-size:var(--fs-base);background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.input[aria-invalid=true]{border-color:var(--color-error)}.lookup{margin-bottom:var(--space-4)}.lookup-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.lookup-row .input{flex:14rem;min-width:0}.note{font-size:var(--fs-sm);color:var(--color-text-secondary);margin-top:var(--space-1);text-wrap:pretty;overflow-wrap:anywhere}.note:empty{margin:0}.note-error{color:var(--color-error)}.stack{gap:var(--space-2);flex-direction:column;display:flex}.styles{margin:var(--space-2) 0 0;gap:var(--space-2);border:0;flex-direction:column;align-items:flex-start;padding:0;display:flex}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{display:inline-flex;position:relative}.chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.chip span{min-height:40px;padding:0 var(--space-4);border:1px solid var(--color-border-strong);background:var(--color-bg-surface);border-radius:999px;align-items:center;display:inline-flex}.chip input:checked+span{background:var(--color-accent-solid);border-color:var(--color-accent-solid);font-weight:700}.chip input:focus-visible+span{outline:2px solid var(--color-focus);outline-offset:2px}.actions{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-1);min-height:44px;padding:0 var(--space-4);cursor:pointer;border:1px solid var(--color-border-strong);background:var(--color-bg-surface);white-space:nowrap;color:var(--color-text);transition-property:background-color,border-color,scale;transition-duration:.15s;transition-timing-function:var(--ease);border-radius:999px;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-accent-solid);border-color:var(--yellow-500)}.btn-sm{min-width:32px;min-height:32px;padding:0 var(--space-2);font-size:var(--fs-sm)}@media (hover:hover){.btn:hover{background:var(--color-bg-subtle)}.btn-primary:hover{background:var(--color-accent-hover)}}.btn:active{background:var(--yellow-200);scale:.96}.btn:disabled,.btn.is-off{opacity:.6;cursor:not-allowed;scale:1}@media (prefers-reduced-motion:reduce){.btn:active{scale:1}}.grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));margin:0;padding:0;list-style:none;display:grid}.card{background:var(--color-bg-page);border-radius:var(--radius-lg);padding:var(--space-3);gap:var(--space-3);flex-direction:column;display:flex}.squeek-img{aspect-ratio:1;border-radius:var(--radius-sm);outline-offset:-1px;background:var(--color-bg-subtle);outline:1px solid #0000001a;width:100%;height:auto}.squeek-ph{place-items:center;display:grid;width:100%!important;height:auto!important}.squeek-ph svg{width:40%}.card-body{gap:var(--space-1);flex-direction:column;display:flex}.card-id{font-size:var(--fs-sm);color:var(--color-text-secondary)}.card-name{font-size:var(--fs-md);overflow-wrap:anywhere;font-weight:800}.card-level{font-size:var(--fs-sm);align-items:center;gap:var(--space-1);flex-wrap:wrap;min-height:24px;display:flex}.card-actions{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.hamster-icon{font-size:var(--fs-base);line-height:1;display:inline-block}.marks{vertical-align:middle;align-items:center;gap:2px;display:inline-flex}.lv{width:18px;height:18px;fill:var(--color-mark);stroke:var(--color-mark);stroke-width:0}.lv-sun path{fill:none;stroke-width:2px}.rule-list{margin:var(--space-3) 0 0;gap:var(--space-2);padding:0;list-style:none;display:grid}.rule-list li{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.footer{padding-block:var(--space-4) var(--space-8);font-size:var(--fs-sm)}.sheet{overscroll-behavior:contain;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0}.sheet[open]{justify-content:center;align-items:flex-end;display:flex}.sheet::backdrop{background:#3b2a1a73}.sheet-body{width:100%;max-width:420px;max-height:90vh;padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--color-bg-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow-y:auto}.sheet-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.sheet-head h2{font-size:var(--fs-md);font-weight:800}.x{background:var(--color-bg-subtle);cursor:pointer;width:32px;height:32px;font-size:var(--fs-md);border:0;border-radius:999px;line-height:1;position:relative}.x:after{content:"";position:absolute;inset:-6px}@media (hover:hover){.x:hover{background:var(--yellow-200)}}.row{align-items:center;gap:var(--space-3);width:100%;min-height:48px;padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-surface);color:inherit;cursor:pointer;text-align:start;font-weight:700;text-decoration:none;transition-property:background-color,border-color;transition-duration:.15s;display:flex}@media (hover:hover){.row:hover{background:var(--yellow-50);border-color:var(--color-border-strong)}}.row:active{background:var(--color-bg-subtle)}.row:disabled{opacity:.6;cursor:wait}.ic{border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:inline-grid;overflow:hidden}.share-canvas{aspect-ratio:1200/630;border-radius:var(--radius-sm);background:var(--color-bg-subtle);width:100%;height:auto}@media (width>=640px){.sheet[open]{align-items:center}.sheet-body{border-radius:var(--radius-lg);max-width:480px}.panel{padding:var(--space-6)}}@media (width>=720px){.hero{padding-block:var(--space-8) var(--space-6)}.hero h1{font-size:var(--fs-2xl);letter-spacing:-.02em}}