:root{--bg:#07060d;--card:#161226b8;--line:#ffffff1a;--text:#f4f1ff;--muted:#f4f1ff99;--a:#2f7bff;--a2:#00e0ff;--s:#ff3fa4;--s2:#c77dff;--font:"Outfit", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);overscroll-behavior:none;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#game,#game3d{touch-action:none;display:block;position:fixed;inset:0}#game3d{pointer-events:none;visibility:hidden}#toolbar .tools{gap:4px;display:flex}#toolbar .icon.small{font-size:13px;font-weight:900}#toolbar .icon.off{opacity:.4}button{color:inherit;cursor:pointer;border:0;font-family:inherit}#toolbar{height:calc(48px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 10px 0;z-index:5;pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:fixed;top:0;left:0;right:0}#toolbar[hidden]{display:none}#toolbar>*,#toolbar button{pointer-events:auto}#toolbar .icon{background:#ffffff14;border-radius:12px;width:38px;height:38px;font-size:17px}.emotes{background:#ffffff0f;border-radius:14px;gap:4px;padding:3px;display:flex}.emotes button{background:0 0;border-radius:10px;width:36px;height:34px;font-size:20px}.emotes button:active{transform:scale(1.25)}#screen{z-index:10;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}#screen:empty{display:none}#screen.dim{-webkit-backdrop-filter:blur(7px);background:#07060d8c}.panel{text-align:center;flex-direction:column;align-items:stretch;gap:16px;width:100%;max-width:420px;margin:auto;animation:.45s cubic-bezier(.2,.9,.3,1.2) rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(18px)scale(.97)}}.logo{letter-spacing:-.04em;margin:0;font-size:clamp(64px,22vw,108px);font-weight:900;line-height:.95}.logo .a{background:linear-gradient(135deg, var(--a2), var(--a));color:#0000;filter:drop-shadow(0 0 18px #2f7bff8c);-webkit-background-clip:text;background-clip:text}.logo .s{background:linear-gradient(135deg, var(--s), var(--s2));color:#0000;filter:drop-shadow(0 0 18px #ff3fa48c);-webkit-background-clip:text;background-clip:text}.logo.small{font-size:54px}.tagline{color:var(--muted);margin:-6px 0 6px;font-size:16px}.btn{letter-spacing:.01em;background:linear-gradient(110deg, var(--a) 0%, var(--a2) 35%, var(--s2) 65%, var(--s) 100%);background-size:200% 100%;border-radius:16px;height:54px;font-size:17px;font-weight:800;transition:transform .12s;animation:6s ease-in-out infinite alternate shimmer;box-shadow:0 10px 30px -10px #ff3fa499,0 10px 30px -10px #2f7bff99}.btn:active{transform:scale(.97)}.btn:disabled{box-shadow:none;color:var(--muted);cursor:default;background:#ffffff14;animation:none}@keyframes shimmer{to{background-position:100% 0}}.btn.ghost{box-shadow:none;border:1px solid var(--line);background:#ffffff12;animation:none}.btn.google{color:#1f1f1f;background:#fff;justify-content:center;align-items:center;gap:10px;animation:none;display:flex}.link{color:var(--muted);background:0 0;padding:6px;font-size:14px;text-decoration:underline}.err{color:#ff8fa3;margin:0;font-size:14px}.note{color:var(--muted);margin:0;font-size:14px}.vs{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.vs .x{color:var(--muted);font-size:22px;font-weight:900}.pcard{background:var(--card);border:1px solid var(--line);border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:16px 10px 14px;display:flex;position:relative;overflow:hidden}.pcard:before{content:"";opacity:.35;background:radial-gradient(120% 90% at 50% 0%, var(--c1), transparent 70%);position:absolute;inset:0}.pcard.andreas{--c1:var(--a);--c2:var(--a2)}.pcard.sophia{--c1:var(--s);--c2:var(--s2)}.pcard.me{border-color:var(--c1);box-shadow:0 0 0 1px var(--c1), 0 10px 40px -12px var(--c1)}.pcard>*{position:relative}.pcard .emoji{font-size:34px}.pcard .name{background:linear-gradient(135deg, var(--c2), var(--c1));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:19px;font-weight:800}.pcard .status{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.pcard .dot{background:#555;border-radius:50%;width:8px;height:8px}.pcard .dot.on{background:#3ddc97;box-shadow:0 0 10px #3ddc97}.pcard .wins{margin-top:6px;font-size:30px;font-weight:900;line-height:1}.pcard .wins small{color:var(--muted);font-size:12px;font-weight:500;display:block}.seg{color:var(--muted);justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.seg button{background:#ffffff12;border-radius:12px;min-width:46px;height:36px;font-size:15px;font-weight:800}.seg button.on{color:#111;background:#fff}details.legend{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:4px 14px}details.legend summary{cursor:pointer;padding:10px 0;font-weight:800}.legend h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:14px 0 6px;font-size:13px}.legend ul{gap:8px;margin:0;padding:0 0 8px;list-style:none;display:grid}.legend li{grid-template-columns:32px 1fr;align-items:center;gap:8px;font-size:14px;display:grid}.legend li .i{text-align:center;font-size:20px}.legend li b{font-size:14px;display:block}.legend li span{color:var(--muted);font-size:13px}.winner{margin:0;font-size:clamp(44px,14vw,72px);font-weight:900;line-height:1}.final{letter-spacing:.02em;font-size:40px;font-weight:900}.final .a{color:var(--a2)}.final .s{color:var(--s)}.confetti{pointer-events:none;z-index:9;position:fixed;inset:0;overflow:hidden}.confetti i{border-radius:2px;width:9px;height:14px;animation:linear forwards fall;position:absolute;top:-20px}@keyframes fall{to{transform:translate3d(var(--dx), 110vh, 0) rotate(var(--rot))}}#emote-layer{pointer-events:none;z-index:8;position:fixed;inset:0}.emote{filter:drop-shadow(0 6px 16px #00000080);font-size:64px;animation:1.8s ease-out forwards emote;position:absolute}.emote.from-opp{top:18%}.emote.from-me{bottom:18%}@keyframes emote{0%{opacity:0;transform:scale(.2)}15%{opacity:1;transform:scale(1.3)}30%{transform:scale(1)}to{opacity:0;transform:translateY(-40px)scale(1)}}.dialog{background:var(--card);border:1px solid var(--line);border-radius:22px;max-width:320px;padding:22px}.row{gap:10px;display:flex}.row>*{flex:1}.avatar{object-fit:cover;border:3px solid var(--c1,#fff);box-shadow:0 0 0 3px #07060dcc, 0 0 22px -2px var(--c1,#fff);background:#222;border-radius:50%;display:block}.pcard .avatar{width:76px;height:76px;margin-bottom:4px}.avatar.big{border-width:4px;width:132px;height:132px;margin:0 auto;animation:.7s cubic-bezier(.2,1.4,.4,1) both winner-pop}.avatar.andreas{--c1:var(--a)}.avatar.sophia{--c1:var(--s)}.crown{z-index:1;margin-bottom:-18px;font-size:44px;position:relative}@keyframes winner-pop{0%{opacity:0;transform:scale(.3)rotate(-12deg)}}.boards-wrap{flex-direction:column;gap:6px;display:flex}.boards{scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;margin:0 -4px;padding:2px 2px 6px;display:flex;overflow-x:auto}.boards::-webkit-scrollbar{display:none}.boards button{scroll-snap-align:start;white-space:nowrap;background:#ffffff12;border:1px solid #0000;border-radius:14px;flex-direction:column;flex:none;align-items:center;gap:2px;min-width:78px;padding:8px 10px;font-size:12px;font-weight:700;display:flex}.boards button span{font-size:24px;line-height:1.1}.boards button.on{background:#ffffff2e;border-color:#ffffffb3}.board-tag{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.board-tag button{background:#ffffff1f;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700}#screen.peek{-webkit-backdrop-filter:none;background:0 0}#screen.peek .panel{opacity:0;pointer-events:none}#screen .panel{transition:opacity .25s}#commentary{border:1px solid var(--line);max-width:min(92vw,520px);color:var(--text);font:700 17px/1.3 var(--font);text-align:center;pointer-events:none;opacity:0;z-index:6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0814b8;border-radius:999px;padding:8px 16px;transition:opacity .25s,transform .25s;position:fixed;top:58%;left:50%;transform:translate(-50%,8px)}#commentary.show{opacity:1;transform:translate(-50%)}.panel .comment{color:var(--muted);margin:0;font-style:italic}span.andreas,b.andreas{color:#8fd8ff}span.sophia,b.sophia{color:#ffb3dd}.muted{color:var(--muted)}.pcard .lvl{background:#ffffff1f;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:800;position:absolute;top:8px;left:8px}.xpbar{background:#ffffff1a;border-radius:999px;width:80%;height:5px;margin-top:6px;overflow:hidden}.xpbar i{background:linear-gradient(90deg,#ffd166,#ff9f1c);height:100%;display:block}.pcard .cr{color:#ffd166;font-size:13px;font-weight:700}.modes{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.modes button{background:#ffffff12;border-radius:999px;height:34px;padding:0 11px;font-size:13px;font-weight:700}.modes button.on{color:#111;background:#fff}.mode-desc{text-align:center;margin:-6px 0 0}.seg{flex-wrap:wrap}.seg button{padding:0 10px}.series{text-align:center;background:#ffd1661a;border:1px solid #ffd1664d;border-radius:14px;padding:8px 12px;font-size:14px}.series b{font-size:16px}.series.big div{font-size:30px;font-weight:900}.series .verdict{margin:6px 0 2px;font-size:18px;font-weight:800}.series p{margin:4px 0 0}.btn.chore{background:linear-gradient(110deg,#ffb347,#ff7a59);flex-direction:column;align-items:center;height:auto;padding:10px 14px;animation:none;display:flex;box-shadow:0 10px 30px -12px #ff7a59cc}.btn.chore small{opacity:.9;font-size:12px;font-weight:500}.loadout{background:var(--card);border:1px solid var(--line);color:var(--muted);border-radius:14px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:flex}.loadout .edit{margin-left:auto}.chip{color:var(--text);align-items:center;gap:2px;font-size:20px;display:inline-flex}.chip small{color:var(--muted);font-size:11px}.grid4{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.grid4.two{grid-template-columns:1fr 1fr}.tile{background:var(--card);border:1px solid var(--line);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;font-size:22px;display:flex}.tile span{font-size:12px;font-weight:700}.challenge{text-align:left;background:#ff3fa41f;border:1px solid #ff3fa459;border-radius:14px;padding:10px 12px;font-size:14px}.page{gap:12px}.phead{align-items:center;gap:10px;display:flex}.phead h2{margin:0;font-size:22px}.back{background:#ffffff14;border-radius:12px;width:38px;height:38px;font-size:18px}.page h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:8px 0 0;font-size:13px}.chores{flex-wrap:wrap;gap:6px;display:flex}.chores button{background:#ffffff12;border-radius:999px;padding:8px 11px;font-size:14px;font-weight:600}.chores button.on{color:#111;background:#ffb347}.input{border:1px solid var(--line);height:46px;color:var(--text);font:inherit;-webkit-user-select:text;user-select:text;background:#ffffff0f;border-radius:14px;padding:0 14px;font-size:16px}.hc{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px;font-size:14px;font-weight:800}.hc p{color:var(--muted);margin:4px 0 0;font-weight:400}.wallet{background:var(--card);border:1px solid var(--line);border-radius:16px;grid-template-columns:auto 1fr;gap:16px;padding:12px 14px;display:grid}.wallet b{font-size:20px;display:block}.wallet small{color:var(--muted);font-size:12px}.wallet .xpbar{width:100%}.tabs{grid-template-columns:1fr 1fr;gap:6px;display:grid}.tabs button{background:#ffffff12;border-radius:12px;height:38px;font-weight:800}.tabs button.on{color:#111;background:#fff}ul.shop,ul.badges,ul.ladder{gap:8px;margin:0;padding:0;list-style:none;display:grid}ul.shop li,ul.badges li{background:var(--card);border:1px solid var(--line);border-radius:14px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}ul.shop li>div:nth-child(2),ul.badges li>div:nth-child(2){text-align:left}ul.shop .i,ul.badges .i{text-align:center;font-size:24px}ul.shop b,ul.badges b{font-size:15px;display:block}ul.shop span,ul.badges span{color:var(--muted);font-size:12px;display:block}ul.shop em,ul.badges em{color:#ffd166;margin-top:2px;font-size:11px;font-style:normal;display:block}ul.shop li.locked{opacity:.55}ul.badges li{opacity:.5}ul.badges li.got{opacity:1;border-color:#ffd16673}.acts{flex-direction:column;align-items:stretch;gap:5px;display:flex}.buy,.take{border-radius:10px;min-width:72px;height:32px;padding:0 10px;font-size:13px;font-weight:800}.buy{color:#111;background:#ffd166}.buy:disabled{color:var(--muted);background:#ffffff14}.take{background:#ffffff1a}.take.on{color:#04120a;background:#22c55e}.lock{color:var(--muted);text-align:right;max-width:110px;font-size:12px}ul.ladder button{background:var(--card);border:1px solid var(--line);text-align:left;border-radius:14px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;width:100%;padding:12px;font-size:15px;display:grid}ul.ladder button:disabled{opacity:.45}ul.ladder .i{font-size:24px}ul.ladder em{font-style:normal}.h2h{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.h2h>div:not(.mid){flex-direction:column;align-items:center;gap:6px;display:flex}.h2h .avatar{width:76px;height:76px}.h2h b{font-size:44px;font-weight:900;line-height:1}.h2h .andreas b{color:#8fd8ff}.h2h .sophia b{color:#ffb3dd}.h2h .mid{color:var(--muted);font-size:13px}.dots{justify-content:center;gap:5px;display:flex}.dots i{border-radius:50%;width:12px;height:12px}.dots i.andreas{background:var(--a)}.dots i.sophia{background:var(--s)}table.stats{border-collapse:collapse;width:100%;font-size:14px}table.stats td{text-align:left;border-bottom:1px solid var(--line);padding:7px 4px}table.stats td:last-child{text-align:right;font-weight:700}table.stats small{color:var(--muted);font-weight:500}.card{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:6px 14px 10px}.card summary{cursor:pointer;padding:6px 0;font-weight:800}.rewards .total{color:#ffd166;text-align:center;margin-top:8px;font-size:18px;font-weight:900}.rewards.pending{text-align:center;color:var(--muted)}.levelup{text-align:center;margin-top:6px;font-weight:800}.newach{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;display:flex}.newach span{background:#ffd16626;border:1px solid #ffd16666;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700;animation:.5s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(.4)}}.confetti i.glyph{background:0 0;width:auto;height:auto;font-size:22px;font-style:normal}#abilities{right:calc(6px + env(safe-area-inset-right));z-index:6;flex-direction:column;gap:8px;display:flex;position:fixed;top:50%;transform:translateY(-50%)}#abilities[hidden]{display:none}.ab{-webkit-backdrop-filter:blur(4px);background:#141024b3;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex;position:relative}.ab small{color:#111;background:#ffd166;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:800;line-height:18px;position:absolute;bottom:-3px;right:-3px}.ab.bag small{color:#fff;background:#fff3;font-size:9px}.ab.bag.full{border-color:#ffd166;animation:1.2s ease-in-out infinite bagpulse;box-shadow:0 0 16px #ffd16699}@keyframes bagpulse{50%{transform:scale(1.08)}}.ab:disabled{opacity:.35}.ab.used{opacity:.2}.ab:active{transform:scale(.9)}.panel.lobby{gap:12px}.ltop{justify-content:space-between;align-items:center;height:40px;display:flex}.logo.tiny{font-size:34px;line-height:1}.icon-btn{border:1px solid var(--line);background:#ffffff14;border-radius:12px;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.duo{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mini{--c1:var(--a);--c2:var(--a2);background:var(--card);border:1px solid var(--line);text-align:left;border-radius:16px;align-items:center;gap:8px;min-width:0;padding:8px 10px 8px 8px;display:flex}.mini.sophia{--c1:var(--s);--c2:var(--s2)}.mini.me{border-color:var(--c1);box-shadow:0 0 0 1px var(--c1)}.mini .avatar{border-width:2px;flex:none;width:44px;height:44px;box-shadow:0 0 0 2px #07060dcc}.mini .who{flex:1;min-width:0;line-height:1.2}.mini .name{background:linear-gradient(135deg, var(--c2), var(--c1));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:800}.mini .status,.mini .meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.mini .meta{color:#ffd166}.mini .dot{vertical-align:1px;background:#ffffff4d;border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}.mini .dot.on{background:#3dff9a;box-shadow:0 0 8px #3dff9a}.mini .wins{text-align:center;font-size:24px;font-weight:900;line-height:1}.mini .wins small{color:var(--muted);font-size:10px;font-weight:600;display:block}.hero{flex-direction:column;gap:10px;display:flex}.btn.big{flex-direction:column;justify-content:center;align-items:center;gap:3px;height:auto;min-height:72px;padding:10px 14px;font-size:21px;display:flex}.btn.big small{opacity:.9;font-size:13px;font-weight:500}.btn.big.waiting{border:1px dashed #ffffff40}.btn.big.waiting small{opacity:1}.btn.bot{box-shadow:none;background:#ffffff1a;border:1px solid #ffffff38;min-height:64px;font-size:19px;animation:none}.btn.big.waiting+.btn.bot{background:linear-gradient(110deg, var(--a) 0%, var(--a2) 35%, var(--s2) 65%, var(--s) 100%);background-size:200% 100%;border:none;animation:6s ease-in-out infinite alternate shimmer}.settings{grid-template-columns:1fr 1fr;gap:8px;display:grid}.settings.one{grid-template-columns:1fr}.setting{background:var(--card);border:1px solid var(--line);text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;padding:8px 12px;display:flex;position:relative}.setting:after{content:"›";color:var(--muted);font-size:20px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.setting span{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11px;font-weight:600}.setting b{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 14px);font-size:14px;overflow:hidden}.lobby .tile{padding:8px 2px;font-size:20px}.lobby .tile span{font-size:11px}.tile:disabled{opacity:.4}.lobby .challenge{padding:8px 12px;font-size:13px}.lobby .series{padding:6px 12px}.sheet-bg{z-index:20;background:#04030a8c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-bg.anim{animation:.2s ease-out fade}.sheet-bg.anim .sheet{animation:.28s cubic-bezier(.2,.9,.3,1) sheet-up}@keyframes fade{0%{opacity:0}}@keyframes sheet-up{0%{transform:translateY(100%)}}.sheet{border:1px solid var(--line);width:100%;max-width:460px;max-height:86dvh;padding:6px 16px calc(16px + env(safe-area-inset-bottom));text-align:left;background:#15111f;border-bottom:none;border-radius:22px 22px 0 0;flex-direction:column;display:flex}.sheet-head{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.sheet-head h2{margin:0;font-size:19px}.sheet-x{background:#ffffff14;border-radius:50%;width:34px;height:34px;font-size:15px}.sheet-body{flex-direction:column;gap:10px;padding-bottom:2px;display:flex;overflow-y:auto}.sheet-body h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:6px 0 -2px;font-size:12px}.sheet .modes,.sheet .seg{justify-content:flex-start}.sheet .mode-desc{text-align:left;margin:0}.sheet .btn{flex:none;margin-top:6px}.sheet .legend{background:0 0;border:none;margin:0;padding:0}.board-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.board-grid button{background:#ffffff12;border:1px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;font-size:12px;font-weight:700;display:flex}.board-grid button span{font-size:26px;line-height:1.1}.board-grid button.on{background:#ffffff2e;border-color:#ffffffb3}.sheet .board-tag{text-align:center;flex-wrap:wrap}.menu-list{border:1px solid var(--line);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.menu-list>*{border-bottom:1px solid var(--line);color:var(--text);text-align:left;background:#ffffff0d;align-items:center;gap:10px;padding:14px;font-size:16px;font-weight:600;text-decoration:none;display:flex}.menu-list>:last-child{border-bottom:none}.menu-list em{color:var(--muted);margin-left:auto;font-style:normal}#screen.peek .sheet-bg{opacity:0;pointer-events:none}@media (max-height:640px){.panel.lobby{gap:9px}.btn.big{min-height:62px}.btn.bot{min-height:56px}}.ic{vertical-align:-.14em;stroke-width:2.2px;flex:none;width:1em;height:1em}.ic.fill{fill:currentColor}.ic.flip{transform:scaleX(-1)}.ic.coin{color:#ffd166;margin-right:2px}.btn.big>span{align-items:center;gap:8px;display:inline-flex}.btn.big>span .ic{width:.95em;height:.95em}.tile .ic{stroke-width:1.9px;opacity:.95;width:22px;height:22px}.lobby .tile .ic{width:21px;height:21px}.icon-btn .ic{width:20px;height:20px}.sheet-x{place-items:center;display:grid}.sheet-x .ic{width:16px;height:16px}.back{place-items:center;display:grid}.back .ic{width:20px;height:20px}.menu-list .ic{width:19px;height:19px;color:var(--muted)}.menu-list em .ic{width:16px;height:16px}.setting:after{content:none}.setting{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a9a3bd' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding-right:28px}.setting b{align-items:center;gap:6px;max-width:100%;display:inline-flex}.loadout .edit{align-items:center;gap:2px;display:inline-flex}.page h2 .ic,.sheet-head h2 .ic{color:var(--muted);margin-right:2px}#screen.picking{-webkit-backdrop-filter:none;background:0 0}#screen.picking .panel{opacity:0;pointer-events:none}.bpick{z-index:20;padding:10px 0 calc(14px + env(safe-area-inset-bottom));background:linear-gradient(#07060d00,#07060deb 45%);flex-direction:column;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.bpick.anim{animation:.3s cubic-bezier(.2,.9,.3,1) sheet-up}.bpick-top{color:var(--muted);justify-content:space-between;align-items:center;padding:0 16px;font-size:13px;font-weight:600;display:flex}.bpick-top span{align-items:center;gap:6px;display:inline-flex}.bpick-rail{--cw:min(60vw, 230px);scroll-snap-type:x mandatory;padding:4px calc(50% - var(--cw) / 2) 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:10px;display:flex;overflow-x:auto}.bpick-rail::-webkit-scrollbar{display:none}.bcard{flex:0 0 var(--cw);scroll-snap-align:center;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);opacity:.6;background:#16122699;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:14px 12px 12px;transition:transform .2s,opacity .2s,border-color .2s;display:flex;transform:scale(.9)}.bcard.on{opacity:1;background:#161226c7;border-color:#ffffffbf;transform:none}.bcard .ic{stroke-width:1.8px;width:28px;height:28px}.bcard b{font-size:17px;font-weight:800}.bcard span{color:var(--muted);min-height:2.6em;font-size:12px;line-height:1.3}.bpick .btn{margin:0 16px}.errtoast{left:12px;right:12px;top:calc(env(safe-area-inset-top,0px) + 64px);z-index:9999;color:#ffd2d2;pointer-events:none;word-break:break-word;background:#140a1ee0;border-radius:10px;padding:8px 12px;font:600 12px/1.35 system-ui,sans-serif;position:fixed}.errtoast[hidden]{display:none}#invite{z-index:60;-webkit-backdrop-filter:blur(8px);background:#07060db3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#invite[hidden]{display:none}.inv-card{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:22px;width:100%;max-width:340px;padding:22px;animation:.25s ease-out inv-pop}.inv-card .avatar{object-fit:cover;border-radius:50%;width:72px;height:72px;margin:0 auto;display:block}.inv-card h2{margin:10px 0 6px;font-size:22px}.inv-card p{color:var(--muted);margin:0 0 8px}.inv-card .inv-sub{color:var(--text);font-weight:600}.inv-card .inv-chore b{color:var(--text)}.inv-card .inv-time{margin:12px 0 0;font-size:13px}.inv-card .row{margin-top:14px}.inv-card .btn.ghost#inv-cancel{width:100%;margin-top:12px}@keyframes inv-pop{0%{opacity:0;transform:scale(.92)}}
