@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/44ed10da57ebfb0e-s.2y65deuc30pmy.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/73263b2957b73100-s.2qt3tdwt-y9x_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/ab664c0e419cc841-s.3cvcemwuzoywn.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/6fca7e74603dd412-s.02z5rrbg5nt92.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/c1b11b726b36a5e5-s.2rixgazldzomk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/48eea41d8317494f-s.p.0wiir8udbzjvx.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/44ed10da57ebfb0e-s.2y65deuc30pmy.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/73263b2957b73100-s.2qt3tdwt-y9x_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/ab664c0e419cc841-s.3cvcemwuzoywn.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/6fca7e74603dd412-s.02z5rrbg5nt92.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/c1b11b726b36a5e5-s.2rixgazldzomk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/48eea41d8317494f-s.p.0wiir8udbzjvx.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/44ed10da57ebfb0e-s.2y65deuc30pmy.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/73263b2957b73100-s.2qt3tdwt-y9x_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/ab664c0e419cc841-s.3cvcemwuzoywn.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/6fca7e74603dd412-s.02z5rrbg5nt92.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/c1b11b726b36a5e5-s.2rixgazldzomk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/48eea41d8317494f-s.p.0wiir8udbzjvx.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Fallback;src:local(Arial);ascent-override:101.32%;descent-override:27.18%;line-gap-override:0.0%;size-adjust:101.17%}._1yobxG_className{font-family:IBM Plex Sans,IBM Plex Sans Fallback;font-style:normal}._1yobxG_variable{--font-sans:"IBM Plex Sans", "IBM Plex Sans Fallback"}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/faab88e4be272d29-s.0rgnxg2b64rzs.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a45aa1001bf9176f-s.2vemzm0itqzfy.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/41ba59f553543ecf-s.3cb5lpr2l6xud.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/67bba87670b402d1-s.1u30mmyq6lnsd.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d6c1ff7e86974212-s.p.40sczeszzbjw1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.PK3osq_className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal;font-weight:400}.PK3osq_variable{--font-mono:"IBM Plex Mono", "IBM Plex Mono Fallback"}
:root{--frame:#f7f4f4;--ground:#f7f4f4;--surface:#fff;--raised:#f8f7f7;--active:#ece8e8;--sheet-edge:#ebe8e8;--border:#e8e6e6;--rule:#f1efef;--control:#d4d1d1;--text:#141213;--muted:#5f5c5d;--faint:#6b6869;--primary:#1d1b1c;--accent:#d90000;--accent-soft:#fdf0f0;--accent-ink:#a30000;--blue:#1f5fd6;--blue-soft:#eef3fe;--blue-ink:#1745a8;--positive:#247b50;--pill-positive-bg:#e2f6e9;--pill-positive-ink:#0d3d22;--negative:#c4242a;--pill-negative-bg:#ffedea;--pill-negative-ink:#831c1e;--pill-warning-bg:#fff7e0;--pill-warning-ink:#8a3f0a;--pill-warning-edge:#f3d27a;--pill-info-bg:#eaf1fb;--pill-info-ink:#1d4a85;--chip:#f0eeee;--radius-sheet:16px;--radius:8px;--radius-control:6px;--gap:16px;--topbar-h:48px;--red:var(--accent);--green:var(--positive);--grey:#a3a0a1;--bg:var(--ground);--surface-2:var(--raised)}:root[data-theme=dark]{--frame:#0b0a0a;--ground:#0b0a0a;--surface:#151414;--raised:#1c1b1b;--active:#242222;--sheet-edge:#242222;--border:#262424;--rule:#1f1d1d;--control:#3f3c3c;--text:#f4f2f2;--muted:#b4b0b0;--faint:#949090;--primary:#f4f2f2;--accent:#ff4d4d;--accent-soft:#2a1515;--accent-ink:#ff8080;--blue:#5b8cff;--blue-soft:#131d36;--blue-ink:#9bb8ff;--positive:#3fc07a;--pill-positive-bg:#15281c;--pill-positive-ink:#5fd393;--negative:#e5566f;--pill-negative-bg:#2c1a20;--pill-negative-ink:#f08a9b;--pill-warning-bg:#2b2210;--pill-warning-ink:#f0c060;--pill-warning-edge:#5a4718;--pill-info-bg:#16213a;--pill-info-ink:#8fb4f0;--chip:#242222;--grey:#6e6a6a}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--frame);color:var(--text);font-family:var(--font-sans), "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;margin:0;font-size:14px;line-height:20px}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.price,.num,td,.stat-value,.count,.filter-chip-count,.section-count{font-variant-numeric:tabular-nums}.topbar{background:var(--frame);z-index:20;position:sticky;top:0}.topbar-inner{height:var(--topbar-h);justify-content:space-between;align-items:center;gap:16px;padding:0 16px;display:flex}.brand{align-items:center;gap:10px;min-width:0;font-size:14px;display:flex}.brand-icon{width:22px;height:22px;color:var(--accent);flex:none;place-items:center;display:grid}.brand-name{letter-spacing:0;font-weight:600}.crumb-sep{color:var(--faint)}.crumb{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-weight:500;display:flex}.crumb svg{display:none}.topbar-actions{align-items:center;gap:4px;display:flex}.pill-badge{height:32px;color:var(--muted);border-radius:var(--radius-control);white-space:nowrap;align-items:center;padding:0 10px;font-size:13px;font-weight:500;display:inline-flex}a.pill-badge{color:var(--muted);text-decoration:none}a.pill-badge:hover{background:var(--active);color:var(--text)}.icon-btn{border-radius:var(--radius-control);width:32px;height:32px;color:var(--muted);background:0 0;border:0;place-items:center;display:grid}.icon-btn:hover{background:var(--active);color:var(--text)}.account-chip{border-left:1px solid var(--border);height:32px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;align-items:center;max-width:160px;margin-left:4px;padding:0 10px;font-size:13px;font-weight:500;display:inline-flex;overflow:hidden}.layout{min-height:calc(100vh - var(--topbar-h));grid-template-columns:240px minmax(0,1fr);align-items:start;padding:0 8px 8px 0;display:grid}.main{background:var(--surface);border:1px solid var(--sheet-edge);border-radius:var(--radius-sheet);min-width:0;min-height:calc(100vh - var(--topbar-h) - 8px);padding:24px}.sidebar{top:var(--topbar-h);max-height:calc(100vh - var(--topbar-h));padding:8px 12px 24px;position:sticky;overflow:auto}.side-title{color:var(--muted);margin:8px 10px 6px;font-size:13px}.side-label{color:var(--muted);margin:22px 10px 6px;font-size:12px}.side-item{border-radius:var(--radius-control);text-align:left;width:100%;min-height:32px;color:var(--text);background:0 0;border:0;align-items:center;gap:10px;margin-bottom:2px;padding:6px 10px;font-size:14px;display:flex}.side-item:hover{background:var(--active)}.side-item .count{color:var(--muted);margin-left:auto;font-size:12px}.side-item.active{background:var(--active);font-weight:600}.dot{border-radius:50%;flex:none;width:8px;height:8px}.page-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}h1{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:600;line-height:28px}.segmented{background:var(--raised);border:1px solid var(--border);border-radius:var(--radius-control);padding:2px;display:inline-flex}.segmented button{height:28px;color:var(--muted);background:0 0;border:0;border-radius:4px;padding:0 12px;font-size:13px;font-weight:500}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:0 0 0 1px var(--border)}.stats{margin-bottom:var(--gap);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:left;flex-direction:column;justify-content:center;min-height:61px;padding:12px;display:flex}.stat:hover{border-color:var(--control)}.stat.active{border:1.5px solid var(--accent);background:var(--accent-soft);padding:11.5px}.stat-label{color:var(--muted);font-size:13px}.stats.two{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-value{margin-top:2px;font-size:16px;font-weight:600;line-height:22px}.toolbar{align-items:center;gap:8px;margin-bottom:12px;display:flex}.search{background:var(--surface);border:1px solid var(--control);border-radius:var(--radius-control);height:36px;color:var(--muted);flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.search:focus-within{border-color:var(--text)}.search svg{flex:none;width:16px;height:16px}.search input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:0}.search input::placeholder,input::placeholder{color:var(--faint)}select{background:var(--surface);border:1px solid var(--control);border-radius:var(--radius-control);min-width:170px;height:36px;color:var(--text);padding:0 10px}.view-toggle{background:var(--raised);border:1px solid var(--border);border-radius:var(--radius-control);gap:2px;height:36px;padding:2px;display:flex}.view-toggle button{width:34px;color:var(--muted);background:0 0;border:0;border-radius:4px;place-items:center;display:grid}.view-toggle button svg{width:16px;height:16px}.view-toggle button.active{background:var(--surface);color:var(--text);box-shadow:0 0 0 1px var(--border)}.result-count{color:var(--muted);margin:0 0 8px;font-size:13px}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:980px}th{text-align:left;color:var(--muted);white-space:nowrap;border-bottom:1px solid var(--border);height:38px;padding:0 12px;font-size:12px;font-weight:400}td{box-shadow:inset 0 1px 0 var(--rule);vertical-align:middle;padding:10px 12px}tbody tr:first-child td{box-shadow:none}tbody tr:hover td{background:var(--raised)}th:last-child,td:last-child{background:var(--surface);text-align:right;position:sticky;right:0}tbody tr:hover td:last-child{background:var(--raised)}th.num,td.num,td.price{text-align:right}.game-cell{align-items:center;gap:12px;min-width:240px;display:flex}.avatar{object-fit:cover;width:36px;height:36px;color:var(--text);background:var(--chip);border-radius:8px;flex:none;place-items:center;font-size:12px;font-weight:600;display:grid}.game-name{font-weight:600;line-height:20px}.game-id{font-family:var(--font-mono), "IBM Plex Mono", monospace;color:var(--muted);font-size:12px;line-height:16px}.tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.tag{background:var(--chip);color:var(--muted);white-space:nowrap;border-radius:4px;flex:none;padding:0 6px;font-size:11px;line-height:18px}.tag.Update{background:var(--pill-negative-bg);color:var(--pill-negative-ink)}.tag.Daily{background:var(--pill-warning-bg);color:var(--pill-warning-ink)}.tag.Web{background:var(--pill-info-bg);color:var(--pill-info-ink)}.stars{color:var(--accent);white-space:nowrap;vertical-align:middle;gap:1px;display:inline-flex}.stars .off{color:var(--control);gap:1px;display:inline-flex}.status{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.status.open{color:var(--positive);font-weight:500}.status.closed{color:var(--muted)}.status-switch{cursor:pointer;white-space:nowrap;color:var(--muted);align-items:center;gap:8px;display:inline-flex;position:relative}.status-switch input{appearance:none;opacity:0;cursor:pointer;z-index:1;width:32px;height:18px;margin:0;position:absolute;inset:0}.switch-track{background:var(--control);border-radius:999px;flex:none;width:32px;height:18px;transition:background .15s;position:relative}.switch-track:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px}.status-switch.on{color:var(--positive);font-weight:500}.status-switch.on .switch-track{background:var(--positive)}.status-switch.on .switch-track:after{transform:translate(14px)}.status-switch input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:2px}.status-switch:has(input:disabled){cursor:progress;opacity:.7}.status-switch input:disabled{cursor:progress}@media (prefers-reduced-motion:reduce){.switch-track,.switch-track:after{transition:none}}.chip{white-space:nowrap;background:var(--chip);color:var(--text);border-radius:4px;flex:none;padding:0 7px;font-size:12px;font-weight:500;line-height:20px;display:inline-block}.chip.login{color:var(--text);box-shadow:inset 0 0 0 1px var(--control);background:0 0}.chip.plain{background:var(--chip);color:var(--muted);font-weight:400}.review{border-radius:4px;padding:0 8px;font-size:12px;font-weight:500;line-height:20px;display:inline-block}.review.unverified{background:var(--pill-warning-bg);color:var(--pill-warning-ink)}.review.confirmed{background:var(--pill-positive-bg);color:var(--pill-positive-ink)}.review.needs_review{background:var(--pill-negative-bg);color:var(--pill-negative-ink)}.price{white-space:nowrap}.btn{background:var(--primary);height:32px;color:var(--surface);border:1px solid var(--primary);border-radius:var(--radius-control);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.btn:hover{opacity:.88}.btn.ghost{background:var(--surface);color:var(--text);border-color:var(--control)}.btn.ghost:hover{background:var(--raised);opacity:1}.btn.sm{height:28px;padding:0 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:default}.link-btn{color:var(--accent-ink);background:0 0;border:0;padding:0;font-weight:500}.icon-action{border-radius:var(--radius-control);width:28px;height:28px;color:var(--muted);background:0 0;border:0;place-items:center;display:inline-grid}.icon-action svg{width:16px;height:16px}.icon-action.danger:hover{color:var(--negative);background:var(--pill-negative-bg)}.row-actions{white-space:nowrap;width:1%}.row-actions>*{vertical-align:middle}.grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;padding:16px;display:flex}.card-meta{grid-template-columns:1fr 1fr;gap:10px 12px;font-size:13px;display:grid}.card-meta div>span:first-child{color:var(--muted);font-size:12px;display:block}.card .btn{background:var(--surface);color:var(--text);border-color:var(--control);margin-top:auto}.card .btn:hover{background:var(--raised);opacity:1}.grid>.empty{grid-column:1/-1}.card-actions{border-top:1px solid var(--rule);align-items:center;gap:4px;margin-top:auto;padding-top:10px;display:flex}.card-actions .btn{margin:0 auto 0 0}.empty{color:var(--muted);border:1px dashed var(--control);border-radius:var(--radius);padding:12px 16px}.empty.flat{border:0;border-radius:0;padding:16px 12px}.modal-backdrop{z-index:50;background:#0c0a0a73;justify-content:center;align-items:flex-start;padding:48px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:min(920px,100%);overflow:hidden;box-shadow:0 16px 48px #0000002e}.modal-head{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:16px 20px;display:flex;position:relative}.modal-head .avatar{border-radius:10px;width:48px;height:48px}.modal-head h2{margin:0;padding-right:40px;font-size:18px;font-weight:600;line-height:24px}.modal-head .sub{color:var(--muted);margin-top:2px;font-size:13px}.close{border-radius:var(--radius-control);width:32px;height:32px;color:var(--muted);background:0 0;border:0;font-size:20px;line-height:1;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.close:hover{background:var(--active);color:var(--text)}.modal-body{padding:20px}.info-grid{border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px;display:grid}.info{border-left:1px solid var(--border);border-top:1px solid var(--border);margin:0 0 -1px -1px;padding:10px 14px}.info>span{color:var(--muted);margin-bottom:2px;font-size:12px;display:block}.info b{font-weight:500}.section{margin-top:20px}.section h3{align-items:center;gap:8px;margin:0 0 8px;font-size:14px;font-weight:600;display:flex}.section h3 .pill{color:var(--muted);font-size:12px;font-weight:400}.section table{border:1px solid var(--border);border-radius:var(--radius);border-collapse:separate;border-spacing:0;min-width:0;overflow:hidden}.section th{height:34px}.section th,.section td{padding:0 12px;font-size:13px}.section td{height:38px}.section th:last-child,.section td:last-child{text-align:left;background:inherit;position:static}.section td.usdt{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;width:110px;font-weight:500}.section th:first-child{text-align:right}.filter-pack input{border:1px solid var(--control);background:var(--surface);border-radius:var(--radius-control);outline:none;width:100%;height:36px;padding:0 12px}.filter-pack input:focus{border-color:var(--text)}.modal-sm{width:min(520px,100%)}.modal-backdrop.center{align-items:center}.detail-switch{width:fit-content;margin:0 auto 14px;display:flex}.pack-full{border-radius:var(--radius);max-width:100%;max-height:70vh;margin:0 auto;display:block}.info-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0 0}.confirm-message{margin:0 0 20px;font-size:14px;line-height:22px}.pack-form{flex-direction:column;gap:16px;display:flex}.pack-form label{color:var(--text);flex-direction:column;gap:8px;font-size:13px;font-weight:500;display:flex}.pack-form input:not([type=file]):not([type=checkbox]),.pack-form select{border:1px solid var(--control);background:var(--surface);border-radius:var(--radius-control);height:38px;color:var(--text);outline:none;min-width:0;padding:0 12px;font-weight:400}.pack-form input:focus,.pack-form select:focus{border-color:var(--text)}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.pack-form .price-hint{margin:-6px 0 0}.pack-form input[readonly]{background:var(--raised);color:var(--muted)}.modal-backdrop:has(.modal-fit){padding:16px}.modal-fit{flex-direction:column;max-height:calc(100dvh - 32px);display:flex}.modal-fit .modal-body{--pad:20px;padding:var(--pad) var(--pad) 0;overflow-y:auto}.modal-fit .pack-form{gap:12px}.modal-fit .form-actions{background:var(--surface);margin:0 calc(var(--pad) * -1);padding:12px var(--pad) var(--pad);border-top:1px solid var(--border);position:sticky;bottom:0}.modal-fit.modal-wide{width:min(640px,100%)}.modal-wide .form-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.modal-wide .form-row.three .check-row{align-self:end;min-height:38px}.modal-fit .pack-form label,.modal-fit .field{gap:6px}.modal-wide .section-list.cols .section-row{min-height:36px}@media (max-width:640px){.modal-wide .form-row.three{grid-template-columns:minmax(0,1fr)}.modal-wide .form-row.three .check-row{min-height:0}.modal-fit .pack-form select{flex:none}}.modal-fit .form-row .dropzone{gap:10px;padding:10px}.modal-fit .form-row .dropzone-preview,.modal-fit .form-row .dropzone-icon{width:48px;height:48px}.modal-fit .form-row .dropzone-text b{white-space:normal;font-size:13px}.pack-form .image-link{margin-top:-2px;font-size:13px}.modal-fit .section-list.cols{grid-template-columns:repeat(3,1fr);display:grid}.modal-fit .section-list.cols .section-row{border-top:1px solid var(--rule)}.modal-fit .section-list.cols .section-row:nth-child(-n+3){border-top:0}.modal-fit .section-list.cols .section-row:not(:nth-child(3n)){border-right:1px solid var(--rule)}@media (max-width:640px){.modal-fit .modal-body{--pad:16px}.modal-fit .section-list.cols{grid-template-columns:1fr 1fr}.modal-fit .section-list.cols .section-row:nth-child(3){border-top:1px solid var(--rule)}.modal-fit .section-list.cols .section-row:not(:nth-child(3n)){border-right:0}.modal-fit .section-list.cols .section-row:nth-child(odd){border-right:1px solid var(--rule)}}.field{flex-direction:column;gap:8px;display:flex}.field-label{font-size:13px;font-weight:500}.field-hint{color:var(--muted);font-size:12px;font-weight:400}.form-error{color:var(--negative);margin:0;font-weight:500}.form-actions{justify-content:flex-end;gap:8px;display:flex}.pack-form .check-row{flex-direction:row;align-items:center;gap:8px;font-weight:400}.check-row input{width:16px;height:16px;accent-color:var(--primary)}.section-picker{position:relative}.section-trigger{border:1px solid var(--control);background:var(--surface);border-radius:var(--radius-control);width:100%;height:38px;color:var(--text);text-align:left;align-items:center;gap:8px;padding:0 12px;display:flex}.section-trigger:focus-visible,.section-trigger.open{border-color:var(--text);outline:none}.section-trigger svg{color:var(--muted);flex:none;transition:transform .15s}.section-trigger.open svg{transform:rotate(180deg)}.section-list{z-index:5;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-height:260px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.field>.section-list{box-shadow:none;position:static}.pack-form .section-row{min-height:40px;color:var(--text);background:var(--surface);cursor:pointer;flex-direction:row;align-items:center;gap:10px;padding:0 12px;font-size:13px;font-weight:400;display:flex}.section-row+.section-row{border-top:1px solid var(--rule)}.section-row.confirm{cursor:default;background:var(--pill-negative-bg)}.section-row.confirm .section-name{white-space:normal}.section-delete{flex:none;width:28px;height:28px}.section-delete:disabled{opacity:.3;cursor:not-allowed}.section-row.checked{background:var(--active);font-weight:500}.section-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;flex:none}.section-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.section-count{flex:none;font-size:12px}.dropzone{border:1px dashed var(--control);border-radius:var(--radius);background:var(--raised);cursor:pointer;align-items:center;gap:14px;padding:12px;transition:border-color .15s,background .15s;display:flex}.dropzone:hover,.dropzone.dragging{border-color:var(--text);background:var(--active)}.dropzone-preview{border-radius:var(--radius-control);object-fit:cover;flex:none;width:56px;height:56px}.dropzone-icon{border-radius:var(--radius-control);background:var(--surface);width:56px;height:56px;color:var(--muted);border:1px solid var(--border);flex:none;place-items:center;display:grid}.dropzone-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dropzone-text b{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.dropzone-text span{font-size:12px}.login-wrap{background:var(--frame);place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{background:var(--surface);border:1px solid var(--sheet-edge);border-radius:var(--radius-sheet);flex-direction:column;gap:12px;width:min(360px,100%);padding:28px;display:flex}.login-card h1{margin:0 0 4px;font-size:22px}.login-card input{border:1px solid var(--control);background:var(--surface);border-radius:var(--radius-control);outline:none;height:38px;padding:0 12px}.login-card input:focus{border-color:var(--text)}.login-card .btn{height:38px}.login-challenge{min-width:0;min-height:65px}.login-challenge .text-button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.pack-layout{grid-template-columns:264px minmax(0,1fr)}.game-list{padding:4px 12px 24px}.game-list-head{justify-content:space-between;align-items:center;margin:6px 4px 8px 10px;font-size:13px;display:flex}.game-list-head b{color:var(--muted);font-weight:500}.filter-btn{border:1px solid var(--control);background:var(--surface);border-radius:var(--radius-control);height:28px;color:var(--muted);align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.filter-btn.active{border-color:var(--text);color:var(--text)}.game-search{border:1px solid var(--control);background:var(--surface);border-radius:var(--radius-control);outline:none;width:100%;height:32px;margin-bottom:8px;padding:0 10px}.status-select{width:100%;min-width:0;height:32px;margin-bottom:10px}.game-item{min-height:40px;padding:4px 8px;font-size:13px;line-height:18px}.game-item .avatar{border-radius:6px;width:28px;height:28px;font-size:11px}.side-empty{padding:8px 10px}.game-head{align-items:center;gap:14px;margin-bottom:20px;display:flex}.game-head .avatar{border-radius:10px;width:48px;height:48px}.game-head h1{margin:0}.game-head .muted{font-size:13px}.game-head-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.icon-btn.bordered{border:1px solid var(--control);background:var(--surface);width:36px;height:36px}.pack-search{border:1px solid var(--control);background:var(--surface);border-radius:var(--radius-control);outline:none;width:200px;height:36px;padding:0 10px}.pack-search:focus{border-color:var(--text)}.rate-field{border:1px solid var(--control);border-radius:var(--radius-control);background:var(--surface);align-items:stretch;height:36px;display:inline-flex;overflow:hidden}.rate-field:focus-within{border-color:var(--text)}.rate-field>*+*{border-left:1px solid var(--border)}.rate-prefix{background:var(--raised);color:var(--muted);white-space:nowrap;cursor:text;align-items:center;padding:0 10px;font-size:13px;display:flex}.rate-value{align-items:center;gap:4px;padding-right:10px;display:flex}.rate-value input{text-align:right;width:72px;height:100%;font:inherit;font-variant-numeric:tabular-nums;color:var(--text);-moz-appearance:textfield;background:0 0;border:0;outline:none;padding:0 0 0 10px;font-size:14px;font-weight:500}.rate-value input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rate-value input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.rate-value input::placeholder{color:var(--faint);font-weight:400}.rate-unit{color:var(--muted);font-size:13px}.rate-step{background:var(--surface);width:30px;color:var(--muted);cursor:pointer;border:0;place-items:center;font-size:16px;line-height:1;display:grid}.rate-step:hover{background:var(--active);color:var(--text)}.rate-step:active{background:var(--control)}.rate-step:focus-visible,.rate-save:focus-visible{outline:2px solid var(--text);outline-offset:-2px}.rate-save{background:var(--raised);width:68px;color:var(--muted);cursor:default;border:0;font-size:13px;font-weight:500}.rate-field.dirty .rate-save{background:var(--primary);color:var(--surface);cursor:pointer}.rate-field.dirty .rate-save:hover{opacity:.88}.rate-field.dirty .rate-save:disabled{opacity:.7;cursor:progress}.pack-table table{min-width:720px}.pack-table th:last-child,.pack-table td:last-child{background:inherit;position:static}.pack-table th.num,.pack-table td.price{text-align:right}.pack-cell{text-align:left;align-items:center;gap:12px;min-width:220px;display:flex}.pack-thumb{border-radius:var(--radius-control);object-fit:cover;background:var(--raised);flex:none;width:44px;height:44px}.empty-thumb{background:var(--raised);color:var(--faint);place-items:center;display:grid}.empty-thumb svg{width:16px;height:16px}.pack-name{flex-wrap:wrap;align-items:center;gap:6px;font-weight:500;display:flex}.pack-status,.pack-limit{white-space:nowrap;border-radius:4px;flex:none;padding:0 6px;font-size:11px;font-weight:500;line-height:18px;display:inline-block}.pack-status.available{background:var(--pill-positive-bg);color:var(--pill-positive-ink)}.pack-status.expired{background:var(--chip);color:var(--muted)}.pack-limit{background:var(--pill-warning-bg);color:var(--pill-warning-ink)}.pack-sub{margin-top:2px;font-size:12px;line-height:16px}.pack-table tr.section-head td{text-align:left;background:var(--raised);height:36px;color:var(--text);border-top:1px solid var(--border);padding:0 12px;font-size:13px}.pack-table tbody tr.section-head:first-child td{border-top:0}.pack-table tr.section-head:hover td{background:var(--raised)}.section-head-inner{align-items:center;gap:6px;display:flex}.section-toggle{color:inherit;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;padding:2px 4px;font-weight:600;display:inline-flex}.section-toggle svg{color:var(--muted);transition:transform .15s}.section-head.collapsed .section-toggle svg{transform:rotate(-90deg)}.pack-table tr.section-head td .muted{margin-left:6px;font-weight:400}.pack-table tr.section-head.dragging,.pack-table tr.dragging{opacity:.4}.grip{color:var(--muted);cursor:grab;background:0 0;border:0;border-radius:4px;flex:none;align-items:center;gap:4px;padding:2px;font-size:12px;display:inline-flex}.grip span{text-align:left;font-variant-numeric:tabular-nums;min-width:16px}.grip:active{cursor:grabbing}.pack-table .check-cell,.pack-table td.order-cell{white-space:nowrap;width:1%}.pack-table .check-cell input{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.pack-table tr.selected td{background:var(--active)}.bulk-bar{color:#fff;background:#1d1b1c;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;width:fit-content;max-width:100%;margin:16px auto 0;padding:8px 12px 8px 16px;display:flex;position:sticky;bottom:16px;box-shadow:0 8px 24px #0003}.bulk-bar .link-btn{color:#cfcaca}.bulk-bar select,.bulk-bar input{color:#fff;border-radius:var(--radius-control);background:#2a2727;border:1px solid #45403f;min-width:0;height:32px;padding:0 10px}.bulk-bar .btn{color:#1d1b1c;background:#fff;border-color:#fff}.bulk-sep{background:#45403f;align-self:stretch;width:1px}.bulk-bar .bulk-rate{text-align:right;width:156px}.pack-rate{border-radius:var(--radius-control);width:72px;height:30px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;text-align:right;-moz-appearance:textfield;background:0 0;border:1px solid #0000;padding:0 8px}.pack-rate::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pack-rate::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pack-rate::placeholder{color:var(--text);opacity:1}.pack-rate:hover{border-color:var(--border)}.pack-rate:focus{border-color:var(--text);background:var(--surface);outline:none}.pack-table td.rate-cell{padding-top:0;padding-bottom:0}.pack-table td.login-cell{max-width:200px;font-size:13px}.bulk-bar .bulk-delete{color:#ff9a9a}.bulk-bar .bulk-delete:hover{color:#fff;background:#3a1d1d}.fab{background:var(--primary);width:44px;height:44px;color:var(--surface);border:0;border-radius:50%;place-items:center;margin:16px 0 0 auto;display:grid;position:sticky;bottom:16px;box-shadow:0 6px 20px #0000002e}.fab svg{width:20px;height:20px}.fab:hover{opacity:.88}.pack-grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.pack-grid .empty{grid-column:1/-1}.pack-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.pack-card-img{aspect-ratio:4/3;background:var(--raised);color:var(--faint);border:0;place-items:center;padding:0;display:grid}.pack-card-img:disabled{cursor:default}.pack-card-img img{object-fit:cover;width:100%;height:100%;display:block}.pack-card-body{flex-direction:column;flex:1;gap:6px;padding:12px 14px 14px;display:flex}.pack-card-prices{justify-content:space-between;align-items:baseline;gap:8px;margin-top:4px;display:flex}.pack-card-prices .thb{color:var(--text);font-size:16px;font-weight:600}.pack-card-foot{justify-content:space-between;align-items:center;gap:8px;min-height:28px;margin-top:auto;font-size:12px;display:flex}.pack-card-actions{border-top:1px solid var(--rule);justify-content:flex-end;gap:4px;padding-top:6px;display:flex}.games-page{margin:0 8px 8px}.games-page .page-head .btn{gap:6px}.users-page{margin:0 8px 8px}.users-page .page-head .btn{gap:6px}.users-page table{min-width:720px}.role-select{min-width:110px;height:32px}.filter-box{margin-bottom:12px}.filter-box .toolbar{margin-bottom:0}.filter-toggle{border:1px solid var(--control);background:var(--surface);border-radius:var(--radius-control);height:36px;color:var(--text);white-space:nowrap;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.filter-toggle:hover{background:var(--raised)}.filter-toggle.active{border-color:var(--text)}.filter-badge{background:var(--accent);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;display:inline-grid}.filter-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--raised);flex-direction:column;gap:16px;margin-top:8px;padding:16px;display:flex}.filter-label{color:var(--text);margin:0 0 8px;font-size:13px;font-weight:500}.filter-chips{flex-wrap:wrap;gap:6px;display:flex}.filter-chip{border:1px solid var(--control);background:var(--surface);height:28px;color:var(--text);border-radius:999px;padding:0 12px;font-size:13px}.filter-chip:hover{border-color:var(--text)}.filter-chip-count{color:var(--muted);margin-left:2px}.filter-chip.active .filter-chip-count{color:inherit;opacity:.7}.filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.filter-grid select{width:100%;min-width:0}.filter-grid .segmented{width:fit-content}.game-link{color:inherit;text-decoration:none}.game-link:hover .game-name{color:var(--accent-ink)}@media (max-width:1000px){.layout,.pack-layout{grid-template-columns:minmax(0,1fr);padding:0 8px 8px}.sidebar{max-height:none;padding:0 4px 12px;position:static}.stats,.info-grid,.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding:20px 16px}.layout:not(.pack-layout) .sidebar{flex-wrap:wrap;gap:6px;display:flex}.layout:not(.pack-layout) .side-title{display:none}.layout:not(.pack-layout) .side-label{flex-basis:100%;margin:8px 2px 0}.layout:not(.pack-layout) .side-item{border:1px solid var(--control);background:var(--surface);border-radius:999px;width:auto;min-height:32px;margin:0}.layout:not(.pack-layout) .side-item.active{background:var(--primary);border-color:var(--primary);color:var(--surface)}.layout:not(.pack-layout) .side-item.active .count{color:inherit;opacity:.7}.game-list{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:4px 4px 12px;display:grid}.game-list-head{margin:0}.status-select{width:auto;min-width:120px;margin:0}.game-search{grid-column:1/-1;margin:0}.game-items,.game-list>.side-empty{grid-column:1/-1}.game-items{scroll-snap-type:x proximity;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.game-items .game-item{background:var(--surface);border:1px solid var(--border);scroll-snap-align:start;flex:none;width:auto;max-width:220px;margin:0}.game-items .game-item span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.game-items .game-item.active{border-color:var(--text);background:var(--surface)}}@media (max-width:640px){.topbar-inner{padding:0 8px 0 12px}.crumb-sep,.crumb,.pill-badge:not(a),.account-chip{display:none}.page-head,.toolbar{flex-wrap:wrap}.search{flex-basis:100%}select{flex:1;min-width:0}.form-row,.filter-grid{grid-template-columns:1fr}.filter-box .toolbar{flex-wrap:wrap}.main{border-radius:12px;padding:16px 12px}.layout:not(.pack-layout) .sidebar{flex-wrap:nowrap;padding-bottom:8px;overflow-x:auto}.layout:not(.pack-layout) .side-label{display:none}.layout:not(.pack-layout) .side-item{white-space:nowrap;flex:none}.grip span{color:var(--muted)}.game-head{flex-wrap:wrap}.modal-body{padding:16px}}::selection{background:var(--blue-soft);color:var(--blue-ink)}:focus-visible{outline-color:var(--blue)}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--blue) 30%, transparent) transparent}.topbar{padding-top:3px}.topbar:before,.topbar:after{content:"";width:50%;height:3px;position:absolute;top:0}.topbar:before{background:var(--accent);left:0}.topbar:after{background:var(--blue);right:0}.topbar-inner{height:calc(var(--topbar-h) - 3px)}.brand-icon{color:#fff;background:#d90000;border-radius:8px;width:28px;height:28px;transition:transform .25s cubic-bezier(.22,1,.36,1)}.brand:hover .brand-icon{transform:rotate(-8deg)scale(1.06)}.brand-icon svg{width:16px;height:16px}.crumb{color:var(--blue-ink)}a.pill-badge,.icon-btn{transition:background .15s,color .15s}a.pill-badge:hover,.icon-btn:hover{background:var(--blue-soft);color:var(--blue-ink)}.account-chip{color:var(--blue-ink)}.side-item{transition:background .15s,color .15s,transform .15s}.side-item:hover{background:var(--blue-soft);transform:translate(2px)}.side-item.active{background:var(--blue-soft);color:var(--blue-ink)}.side-item.active .count{background:var(--accent);color:#fff;border-radius:999px;padding:0 7px;font-weight:600;line-height:18px}.side-item.primary svg{color:var(--accent)}.side-label{color:var(--blue-ink);letter-spacing:.02em;font-weight:500}.game-item .avatar{transition:transform .2s}.game-item:hover .avatar{transform:scale(1.08)rotate(-3deg)}.stat{--c:var(--accent);transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.stat:before{content:"";background:var(--c);height:3px;position:absolute;inset:0 0 auto}.stat:nth-child(2n){--c:var(--blue)}.stat:hover{border-color:color-mix(in srgb, var(--c) 40%, var(--border));transform:translateY(-2px)}.stat.active{border-color:var(--c);background-color:color-mix(in srgb, var(--c) 7%, var(--surface))}.stat-value{color:var(--c);font-size:20px;line-height:26px}.search,select,.game-search,.pack-search,.filter-pack input,.pack-form input:not([type=file]):not([type=checkbox]),.pack-form select,.login-card input,.section-trigger,.rate-field{transition:border-color .15s,box-shadow .15s}.search:focus-within,select:focus,.game-search:focus,.pack-search:focus,.filter-pack input:focus,.pack-form input:focus,.pack-form select:focus,.login-card input:focus,.section-trigger.open,.rate-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--blue) 18%, transparent);outline:none}.search:focus-within svg{color:var(--blue)}.segmented button,.view-toggle button{transition:color .15s,background .15s}.segmented button.active,.view-toggle button.active{color:var(--blue-ink);box-shadow:none;outline:1px solid color-mix(in srgb, var(--blue) 45%, transparent);outline-offset:-1px}th,.table-wrap th:last-child,.section th:last-child{background:color-mix(in srgb, var(--blue-soft) 70%, var(--surface));color:var(--blue-ink);font-weight:500}td{transition:background .12s}tbody tr:hover td,tbody tr:hover td:last-child{background:color-mix(in srgb, var(--blue-soft) 55%, var(--surface))}.avatar{transition:transform .2s}tbody tr:hover .avatar{transform:scale(1.06)}.game-link:hover .game-name,tbody tr:hover .game-name{color:var(--accent-ink)}td.price{font-weight:500}.pack-table td.usdt,.table-wrap:not(.pack-table) td.price{color:var(--blue-ink);font-weight:600}.chip.uid{background:var(--blue-soft);color:var(--blue-ink)}.chip.login{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent);color:var(--accent-ink)}.pack-table tr.section-head td,.pack-table tr.section-head:hover td{background:var(--blue-soft)}.section-toggle{color:var(--blue-ink)}.section-toggle svg{color:var(--blue)}.pack-status.new{background:var(--blue);color:#fff}.btn{color:#fff;background:#d90000;border-color:#b80000;transition:transform .15s,background .15s,color .15s,border-color .15s,opacity .15s}.btn:hover:not(:disabled){opacity:1;background:#b00000;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn.ghost,.card .btn{background:var(--surface);color:var(--text);border-color:var(--control)}.btn.ghost:hover:not(:disabled),.card .btn:hover:not(:disabled){background:var(--blue-soft);color:var(--blue-ink);border-color:color-mix(in srgb, var(--blue) 55%, transparent)}.link-btn{color:var(--blue-ink)}.icon-action{transition:background .15s,color .15s}.icon-action:hover{background:var(--blue-soft);color:var(--blue-ink)}.rate-field.dirty .rate-save{background:var(--accent);color:#fff}.card,.pack-card{transition:transform .2s,border-color .2s;position:relative}.card:hover,.pack-card:hover{border-color:color-mix(in srgb, var(--blue) 40%, var(--border));transform:translateY(-3px)}.card:before,.pack-card:before{content:"";z-index:1;border-radius:var(--radius) var(--radius) 0 0;background:var(--blue);transform-origin:0;pointer-events:none;height:3px;transition:transform .35s;position:absolute;inset:0 0 auto;transform:scaleX(0)}.card:hover:before,.pack-card:hover:before{transform:scaleX(1)}.pack-card-img{overflow:hidden}.pack-card-img img{transition:transform .4s}.pack-card:hover .pack-card-img img{transform:scale(1.06)}.pack-card-prices .thb{color:var(--accent-ink)}.pack-card-prices .price.muted{color:var(--blue-ink);font-weight:500}.fab{color:#fff;background:#d90000;transition:transform .25s cubic-bezier(.22,1,.36,1),background .15s}.fab:hover{opacity:1;background:#b00000;transform:rotate(90deg)}.bulk-bar{background:#0f1d44;animation:.25s both rise;box-shadow:0 12px 28px -8px #0f1d4499}.bulk-bar .btn{color:#0f1d44;box-shadow:none;background:#fff;border-color:#fff}.bulk-bar select,.bulk-bar input{background:#ffffff14;border-color:#ffffff2e}.bulk-sep{background:#ffffff2e}.filter-toggle.active,.filter-btn.active{border-color:var(--blue);color:var(--blue-ink)}.filter-chip{transition:border-color .15s,background .15s,color .15s}.filter-chip:hover{border-color:var(--blue);color:var(--blue-ink)}.filter-chip.active{background:var(--blue);border-color:var(--blue);color:#fff}.filter-panel{background:var(--blue-soft);animation:.2s both rise}.modal-backdrop{animation:.2s both fade}.modal{animation:.25s cubic-bezier(.22,1,.36,1) both pop;box-shadow:0 24px 60px -12px #0f1d4459}.modal-head{background:var(--blue-soft)}.modal-head:before{content:"";background:var(--accent);height:3px;position:absolute;inset:0 0 auto}.info>span{color:var(--blue-ink)}.section h3:before{content:"";background:var(--accent);border-radius:2px;width:4px;height:14px}.section td.usdt{color:var(--blue-ink)}.login-card{animation:.35s cubic-bezier(.22,1,.36,1) both pop}@media (max-width:1000px){.layout:not(.pack-layout) .side-item.active{background:var(--blue);border-color:var(--blue);color:#fff}.layout:not(.pack-layout) .side-item.active .count{opacity:1;background:#ffffff38}.layout:not(.pack-layout) .side-item:hover{transform:none}.game-items .game-item.active{border-color:var(--blue);background:var(--blue-soft)}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}