:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f3f7;--panel:#fff;--line:#e3e5ec;--ink:#1b1b2a;--sub:#6b6f80;--field:#fafbfd;--chip:#eef1f7;--accent:#2f8cff;--accent-soft:#e4efff;--help:#18a957;--help-soft:#e3f6eb;--prank:#ff3d58;--prank-soft:#ffe6ea;--gold:#ffd23f;--danger:#e5394f;--warn-bg:#fff1cc;--warn-ink:#6e4600;--switch-off:#cdd1db}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14151c;--panel:#1d1f29;--line:#2c2f3d;--ink:#eef0f7;--sub:#9aa0b4;--field:#161821;--chip:#282b3a;--accent:#3b8cff;--accent-soft:#1d2d4a;--help:#22c55e;--help-soft:#173726;--prank:#ff5a70;--prank-soft:#3d1a22;--danger:#e5394f;--warn-bg:#3d3014;--warn-ink:#ffd88a;--switch-off:#3a3e50}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:400 15px/1.45 Kanit,Leelawadee UI,Tahoma,system-ui,sans-serif}button,input,select{font:inherit}.app{grid-template-rows:auto minmax(0,1fr);grid-template-columns:232px minmax(0,1fr);height:100vh;display:grid}.top{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;grid-column:1/3;align-items:center;gap:10px 14px;padding:10px 18px;display:flex}.brand{white-space:nowrap;align-items:center;gap:10px;font-size:17px;font-weight:800;display:flex}.logo{color:#fff;background:linear-gradient(135deg,#2f8cff,#9b5cff);border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.logo svg{width:18px;height:18px}.brand-sub{color:var(--sub);font-size:13px;font-weight:400}.top-status{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.icon{display:inline-flex}.icon svg{width:18px;height:18px}.pill{background:var(--chip);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:14px;display:inline-flex}.pill.win{background:var(--gold);color:#1b1b2a;font-weight:800}.dot{background:#8a8fa3;border-radius:50%;flex:none;width:9px;height:9px}.dot.open{background:var(--help)}.dot.hidden{background:var(--prank)}.btn{background:var(--chip);color:var(--ink);cursor:pointer;white-space:nowrap;border:0;border-radius:10px;align-items:center;gap:6px;padding:7px 13px;font-size:14px;font-weight:600;display:inline-flex}.btn>span{align-items:center;gap:6px;display:inline-flex}.btn .icon svg{width:16px;height:16px}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent);color:#fff}.btn.danger{background:var(--danger);color:#fff}.icon-btn{padding:6px 9px}.icon-btn .icon svg{width:14px;height:14px}.nav{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;gap:2px;padding:12px 10px;display:flex;overflow-y:auto}.nav a{color:var(--ink);white-space:nowrap;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-weight:600;text-decoration:none;display:flex;overflow:hidden}.nav a .icon svg{color:var(--sub)}.nav a:hover{background:var(--chip)}.nav a.on{background:var(--accent);color:#fff}.nav a.on .icon svg{color:#fff}.nav-gap{background:var(--line);height:1px;margin:8px 6px}.main{padding:20px 24px 48px;overflow-y:auto}.page{max-width:980px}.page-title{margin:0 0 4px;font-size:24px;font-weight:800}.lead{color:var(--sub);margin:0 0 16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:14px;overflow:hidden}.card-head{border-bottom:1px solid var(--line);align-items:baseline;gap:10px;padding:10px 14px;display:flex}.card-title{color:var(--sub);letter-spacing:.02em;margin:0;font-size:14px;font-weight:600}.card-note{color:var(--sub);margin-left:auto;font-size:13px}.row,.item-row,.wheel-row,.piece-row{border-bottom:1px solid var(--line)}.card>:last-child{border-bottom:0}.row{flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:44px;padding:9px 14px;display:flex}.row-label{flex:220px;font-weight:600}.row-ctl{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hint{color:var(--sub);font-size:13px}.row .hint{min-width:72px}.num,.pick{border:1px solid var(--line);background:var(--field);color:var(--ink);border-radius:8px;padding:5px 8px;font-weight:600}.num{text-align:center;width:76px}.num:disabled{opacity:.45}.switch{flex:none;width:40px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.switch-track{background:var(--switch-off);pointer-events:none;border-radius:999px;transition:background .15s;position:absolute;inset:0}.switch-track:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0005}.switch input:checked+.switch-track{background:var(--help)}.switch input:checked+.switch-track:after{transform:translate(16px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:2px}.choice{background:var(--chip);border-radius:10px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.choice-btn{color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:5px 12px;font-size:14px;font-weight:600}.choice-btn[aria-checked=true]{background:var(--panel);color:var(--accent);box-shadow:0 1px 3px #0003}.banner{background:var(--accent-soft);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-bottom:14px;padding:10px 14px;display:flex}.banner>span{flex:240px}.banner.warn{background:var(--warn-bg);color:var(--warn-ink)}.actions{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;display:grid}.grid .card{margin:0}.state{align-items:flex-start;gap:10px;padding:12px 14px 0;display:flex}.state .dot{width:12px;height:12px;margin-top:5px}.state-text{margin:0;font-weight:600}.tips{color:var(--sub);margin:10px 0 0;padding:0 14px 0 34px;font-size:14px}.big{margin:0;padding:12px 14px 0;font-size:30px;font-weight:800}.sub{color:var(--sub);margin:0;padding:2px 14px 0;font-size:14px}.sub.pad,.pad{padding:10px 14px}.chips{flex-wrap:wrap;gap:6px;padding:8px 14px 0;display:flex}.chip{background:var(--chip);border-radius:999px;align-items:center;gap:4px;padding:3px 10px 3px 6px;font-size:14px;font-weight:600;display:inline-flex}.chip .icon svg{width:16px;height:16px}.key-row{align-items:center;gap:10px;padding:6px 14px;display:flex}.keys{flex:none;gap:4px;width:132px;display:inline-flex}kbd{border:1px solid var(--line);background:var(--field);min-width:14px;color:var(--sub);text-align:center;white-space:nowrap;border-bottom-width:2px;border-radius:6px;padding:1px 7px;font:600 12px/1.5 Kanit,Leelawadee UI,Tahoma,system-ui,sans-serif;display:inline-block}.item-row{grid-template-columns:auto 34px minmax(96px,128px) minmax(0,1fr) auto;align-items:center;gap:12px;min-height:48px;padding:8px 14px;display:grid}.item-icon{border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.item-icon svg{width:20px;height:20px}.help .item-icon{background:var(--help-soft);color:var(--help)}.prank .item-icon{background:var(--prank-soft);color:var(--prank)}.special .item-icon{background:var(--warn-bg);color:#f0a400}.item-name{white-space:nowrap;font-weight:800;overflow:hidden}.item-say{color:var(--sub);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.item-say .num{width:68px}.item-row.off .item-icon,.item-row.off .item-name,.item-row.off .item-say{opacity:.4}.cast-row{grid-template-columns:auto 56px minmax(96px,128px) minmax(0,1fr) auto}.cast-face{width:56px;height:56px;box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;display:block}.item-row.off .cast-face{opacity:.4}.wheel-row{grid-template-columns:28px minmax(0,1fr) 84px 64px 44px;align-items:center;gap:10px;padding:7px 14px;display:grid}.wheel-row.head{color:var(--sub);padding-block:9px;font-size:13px;font-weight:600}.idx{color:var(--sub);text-align:right}.pick-cell{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wheel-row .num{width:72px}.wheel-row.help .pick-cell .num{color:var(--help)}.wheel-row.prank .pick-cell .num{color:var(--prank)}.wheel-row.off .pick-cell .pick,.wheel-row.off .chance,.wheel-row.off .item-icon{opacity:.45}.chance{text-align:right;font-weight:600}.tag{background:var(--warn-bg);color:var(--warn-ink);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:12px}.piece-row{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:48px;padding:8px 14px;display:grid}.piece-name{flex-wrap:wrap;align-items:center;gap:8px;font-weight:600;display:flex}.piece-row.off .piece-name,.piece-row.off .stepper{opacity:.45}.stepper{background:var(--chip);border-radius:10px;align-items:center;gap:2px;padding:3px;display:inline-flex}.stepper .btn{background:0 0;justify-content:center;min-width:30px}.stepper .btn:hover{background:var(--panel)}.stepper-val{text-align:center;font-variant-numeric:tabular-nums;min-width:52px;font-weight:600}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{background:var(--chip);color:var(--ink);white-space:nowrap;cursor:pointer;border:2px solid #0000;border-radius:999px;align-items:center;padding:5px 12px 5px 7px;font-size:14px;font-weight:600;display:inline-flex}.swatch>span{align-items:center;gap:8px;display:inline-flex}.swatch i{border:2px solid #1b1b2a;border-radius:50%;width:18px;height:18px}.swatch[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft)}.text{border:1px solid var(--line);background:var(--field);width:min(280px,100%);color:var(--ink);border-radius:8px;padding:6px 10px;font-weight:600}.toast{color:#fff;text-align:center;opacity:0;pointer-events:none;background:#1b1b2a;border-radius:12px;max-width:min(560px,90vw);padding:10px 16px;font-weight:600;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,16px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=760px){.app{grid-template-columns:60px minmax(0,1fr)}.nav{padding:10px 6px}.nav a{justify-content:center;padding:10px 0}.nav-label,.brand-sub{display:none}.main{padding:16px 14px 40px}.item-row{grid-template-columns:auto 32px minmax(0,1fr) auto}.cast-row{grid-template-columns:auto 48px minmax(0,1fr) auto}.cast-face{width:48px;height:48px}.item-row .key-link{grid-area:1/4}.item-row .item-say{grid-area:2/2/auto/-1}.wheel-row{grid-template-columns:22px minmax(0,1fr) 76px 56px 40px;gap:6px;padding-inline:10px}.piece-row{gap:8px;padding-inline:10px}}.dot.live{background:var(--help)}.dot.connecting,.dot.waiting{background:var(--gold)}.dot.dropped{background:var(--danger)}.dot.failed{background:var(--ink)}.at-field{align-items:center;gap:6px;width:min(300px,100%);display:inline-flex}.at-field .text{flex:1;min-width:0}.at{color:var(--sub);font-weight:700}.hint.bad{color:var(--danger)}.rule-name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.gift-pic{object-fit:contain;flex:none;width:30px;height:30px}.coins{color:var(--sub);align-items:center;gap:3px;font-size:13px;font-weight:700;display:inline-flex}.coins .icon svg{width:14px;height:14px}.rule-arrow{color:var(--sub);font-weight:700}.list-row{flex-wrap:wrap;align-items:center;gap:8px 12px;padding:0 14px 12px;display:flex}.list-state{flex:1;min-width:200px;padding:0}.list-state.bad{color:var(--danger);font-weight:600}.match-list{display:grid}.match-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.25fr) auto minmax(0,1fr) auto 64px auto;align-items:center;gap:10px;padding:7px 14px;display:grid}.match-row.head{color:var(--sub);padding-block:6px;font-size:13px;font-weight:700}.gift-btn{border:1px solid var(--line);background:var(--field);width:100%;min-width:0;color:var(--ink);text-align:left;cursor:pointer;border-radius:10px;padding:4px 10px 4px 6px;display:block}.gift-btn:hover:not(:disabled){border-color:var(--accent)}.gift-btn:disabled{cursor:default}.gift-btn-in{align-items:center;gap:8px;min-width:0;display:flex}.gift-label{flex-direction:column;flex:1;min-width:0;display:flex}.miss{color:var(--danger);font-size:12px;font-weight:700;line-height:1.25}.match-row.missing .gift-btn{border-color:var(--danger);background:var(--prank-soft)}img.gone{visibility:hidden}.chev{color:var(--sub);display:inline-flex}.chev svg{width:16px;height:16px}.does,.trigger{align-items:center;gap:8px;min-width:0;display:flex}.does .pick,.trigger .pick{flex:1;min-width:0}.trigger{flex-wrap:wrap}.trigger .num{width:84px}.times-x{color:var(--sub);font-weight:700}.match-row>.num{width:64px}.modal-back{z-index:40;background:#0a0c148c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border-radius:16px;flex-direction:column;width:min(760px,100%);max-height:min(86vh,900px);display:flex;overflow:hidden;box-shadow:0 20px 60px #00000059}.modal-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 12px 12px 18px;display:flex}.modal-title{flex:1;min-width:0;margin:0;font-size:18px}.modal-tools{gap:8px;padding:12px 18px 8px;display:grid}.search-box .text{width:100%}.bands{flex-wrap:wrap;gap:6px;display:flex}.band{border:1px solid var(--line);background:var(--field);color:var(--ink);cursor:pointer;border-radius:999px;padding:3px 12px;font-weight:600}.band[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:#fff}.modal-body{padding:4px 18px 18px;overflow:auto}.gift-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.gcell{border:1px solid var(--line);background:var(--field);min-width:0;color:var(--ink);cursor:pointer;border-radius:12px;padding:8px 4px}.gcell:hover{border-color:var(--accent)}.gcell.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.gcell-in{justify-items:center;gap:2px;min-width:0;display:grid}.gcell img{object-fit:contain;width:46px;height:46px}.gcell-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:700;overflow:hidden}.key-line{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 14px;display:grid}.key-btn{border:1px solid var(--line);background:var(--field);min-width:72px;height:36px;color:var(--ink);white-space:nowrap;cursor:pointer;border-bottom-width:3px;border-radius:9px;padding:0 12px;font-weight:700}.key-btn.none{color:var(--sub);font-weight:500}.key-btn.wait{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.key-note{border-bottom:1px solid var(--line);color:var(--sub);margin:0;padding:0 14px 10px 56px;font-size:14px;font-weight:600}.key-note.ok{color:var(--help)}.key-note.bad{color:var(--danger)}.key-link{text-decoration:none}@media (width<=760px){.match-row{grid-template-columns:auto minmax(0,1fr) auto 56px auto;gap:6px 8px;padding-inline:10px}.match-row>:first-child{grid-column:1/-1}.match-row.head{display:none}.key-note{padding-left:52px}}.slider{width:180px;max-width:100%;accent-color:var(--accent)}.slider-val{font-variant-numeric:tabular-nums;min-width:44px;color:var(--sub)}.warn-text{color:var(--warn-ink);background:var(--warn-bg);border-radius:8px}