.tsg{--g-card:#191c21;--g-card-h:#1d2127;--g-inset:#111317;--g-border:#ffffff12;--g-border-s:#ffffff1f;--g-text:#f3f4f6;--g-muted:#8a909c;--g-dim:#5d636e;--g-blue:#4f8cff;--g-blue-soft:#4f8cff24;--g-blue-glow:#4f8cff73;--pA:#4f8cff;--pB:#f472b6;--g-good:#34d399;--g-bad:#f87171;--g-ease:cubic-bezier(.2, .8, .2, 1);color:var(--g-text)}.tsg button{font:inherit;color:inherit}.tsg .ca{color:var(--pA)}.tsg .cb{color:var(--pB)}.tsg .gpanel{border:1px solid var(--g-border);background:linear-gradient(#16191e 0%,#14161a 160px);border-radius:18px;padding:26px}@media (max-width:520px){.tsg .gpanel{border-radius:16px;padding:16px}}.tsg .ghd{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.tsg .ghd h2{letter-spacing:-.015em;margin:0;font-size:21px;font-weight:700}.tsg .ghd p{color:var(--g-muted);margin:3px 0 0;font-size:14px}.tsg .ggrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:540px){.tsg .ggrid{grid-template-columns:1fr;gap:10px}}.tsg .gc{background:var(--g-card);border:1px solid var(--g-border);cursor:pointer;text-align:start;width:100%;transition:transform .22s var(--g-ease), border-color .22s, box-shadow .22s, background .22s;animation:tsg-rise .38s var(--g-ease) both;animation-delay:calc(var(--i,0) * 28ms);border-radius:14px;align-items:center;gap:14px;padding:13px 14px;display:flex}.tsg .gc:hover:not(:disabled){background:var(--g-card-h);box-shadow:0 0 0 1px #4f8cff2e, 0 10px 28px -12px var(--g-blue-glow);border-color:#4f8cff80;transform:translateY(-2px)scale(1.012)}.tsg .gc:active:not(:disabled){transition-duration:80ms;transform:translateY(0)scale(.99)}.tsg .gc:disabled{opacity:.6;cursor:default}.tsg .gc:focus-visible{border-color:var(--g-blue);outline:none;box-shadow:0 0 0 3px #4f8cff4d}.tsg .gc:hover:not(:disabled) .gi{transform:rotate(-8deg)scale(1.1)}.tsg .gt{flex:1;min-width:0}.tsg .gn{letter-spacing:-.005em;font-size:15px;font-weight:600}.tsg .gm{color:var(--g-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12.5px;overflow:hidden}.tsg .gp{color:var(--g-dim);border:1px solid var(--g-border);border-radius:999px;flex:none;padding:3px 7px;font-size:11px;font-weight:600;transition:color .22s,border-color .22s}.tsg .gc:hover:not(:disabled) .gp{color:var(--g-blue);border-color:#4f8cff59}@keyframes tsg-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.gi{color:var(--acc);background:color-mix(in srgb, var(--acc) 12%, transparent);border:1px solid color-mix(in srgb, var(--acc) 20%, transparent);border-radius:11px;flex:none;place-items:center;transition:transform .32s cubic-bezier(.3,1.5,.5,1);display:grid}.gi svg{width:52%;height:52%}.tsg .ghead{align-items:center;gap:12px;margin-bottom:16px;display:flex}.tsg .ghead h1{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:18px;font-weight:700;overflow:hidden}.tsg .iconbtn{border:1px solid var(--g-border);background:var(--g-card);cursor:pointer;width:38px;height:38px;color:var(--g-muted);border-radius:11px;flex:none;place-items:center;transition:color .2s,border-color .2s;display:grid}.tsg .iconbtn:hover{color:var(--g-text);border-color:var(--g-border-s)}.tsg .iconbtn svg{width:17px;height:17px}.tsg .gbtn{border:1px solid var(--g-border);background:var(--g-card);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s,transform .15s;display:inline-flex}.tsg .gbtn:hover:not(:disabled){background:var(--g-card-h);border-color:var(--g-border-s)}.tsg .gbtn:active:not(:disabled){transform:scale(.97)}.tsg .gbtn:disabled{opacity:.4;cursor:default}.tsg .gbtn.primary{background:var(--g-blue);color:#fff;border-color:#0000}.tsg .gbtn.primary:hover:not(:disabled){background:#6299ff}.tsg .players{align-items:center;gap:10px;margin-bottom:12px;display:flex}.tsg .chip{background:var(--g-card);border:1px solid var(--g-border);border-radius:12px;flex:1;align-items:center;gap:10px;min-width:0;padding:9px 12px;transition:border-color .25s,box-shadow .25s;display:flex}.tsg .chip.turn{border-color:color-mix(in srgb, var(--pc) 60%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--pc) 25%, transparent), 0 6px 20px -10px var(--pc)}.tsg .chip .dot{background:var(--pc);border-radius:50%;flex:none;width:10px;height:10px}.tsg .chip .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.tsg .chip .nm small{color:var(--g-muted);margin-inline-start:4px;font-weight:500}.tsg .chip .sc{font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.tsg .chip.b{text-align:end;flex-direction:row-reverse}.tsg .vsx{color:var(--g-dim);font-size:12px;font-weight:700}.tsg .gstatus{min-height:22px;color:var(--g-muted);text-align:center;margin-bottom:6px;font-size:15px;font-weight:600}.tsg .gstatus[data-tone=good]{color:var(--g-good)}.tsg .gstatus[data-tone=bad]{color:var(--g-bad)}.tsg .gstatus[data-tone=you]{color:var(--g-blue)}.tsg .again{color:var(--g-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:10px;font-size:13px;display:flex}.tsg .stage{flex-direction:column;align-items:center;gap:16px;margin-top:10px;display:flex}.tsg .scores{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.tsg .stat{background:var(--g-card);border:1px solid var(--g-border);text-align:center;border-radius:10px;min-width:80px;padding:7px 14px}.tsg .stat .v{font-variant-numeric:tabular-nums;font-size:19px;font-weight:800}.tsg .stat .l{color:var(--g-muted);font-size:12px}.tsg .hint{color:var(--g-muted);text-align:center;max-width:440px;margin:0;font-size:13px}.tsg kbd{border:1px solid var(--g-border-s);color:var(--g-muted);border-radius:5px;padding:2px 5px;font:600 11px/1 Inter,system-ui,sans-serif}.tsg .placeholder{text-align:center;min-height:180px;color:var(--g-muted);border:1px dashed var(--g-border-s);border-radius:12px;place-items:center;width:100%;padding:20px;font-size:14px;display:grid}.tsg .rps-arena{align-items:center;gap:22px;display:flex}.tsg .rps-side{color:var(--g-muted);flex-direction:column;align-items:center;gap:6px;max-width:120px;font-size:13px;font-weight:600;display:flex}.tsg .rps-side>span:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tsg .rps-hand{background:var(--g-card);border:1px solid var(--g-border);border-radius:20px;place-items:center;width:104px;height:104px;font-size:56px;display:grid}@media (max-width:400px){.tsg .rps-hand{width:88px;height:88px;font-size:46px}.tsg .rps-arena{gap:14px}}.tsg .rps-hand.flip{transform:scaleX(-1)}.tsg .rps-hand.wait{color:var(--g-dim);font-size:22px}.tsg .rps-tag{color:var(--g-muted);min-height:16px;font-size:12px}.tsg .shake{animation:.6s ease-in-out tsg-shake}.tsg .rps-hand.flip.shake{animation:.6s ease-in-out tsg-shakeF}@keyframes tsg-shake{0%,40%,80%{transform:translateY(0)}20%,60%{transform:translateY(-12px)}}@keyframes tsg-shakeF{0%,40%,80%{transform:scaleX(-1)}20%,60%{transform:scaleX(-1)translateY(-12px)}}.tsg .rps-btns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.tsg .rps-btn{border:1px solid var(--g-border);background:var(--g-card);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:96px;padding:12px 18px;font-size:14px;font-weight:600;transition:border-color .2s,transform .15s,background .2s;display:flex}.tsg .rps-btn:hover:not(:disabled){border-color:#4f8cff80;transform:translateY(-2px)}.tsg .rps-btn:disabled{opacity:.45;cursor:default}.tsg .rps-btn.on{opacity:1;border-color:var(--g-blue);background:var(--g-blue-soft)}.tsg .rps-btn .e{font-size:28px}.tsg .ttt{grid-template-columns:repeat(3,1fr);gap:8px;width:min(100%,320px);display:grid}.tsg .ttt-cell{aspect-ratio:1;border:1px solid var(--g-border);background:var(--g-card);cursor:pointer;border-radius:14px;padding:0;font-size:clamp(38px,11vw,56px);font-weight:800;transition:background .15s}.tsg .ttt-cell:hover:not(:disabled){background:var(--g-card-h)}.tsg .ttt-cell:disabled{cursor:default}.tsg .ttt-cell.A{color:var(--pA)}.tsg .ttt-cell.B{color:var(--pB)}.tsg .ttt-cell.win{background:var(--g-blue-soft);border-color:var(--g-blue)}.tsg .c4{border:1px solid var(--g-border-s);background:#1e2533;border-radius:14px;grid-template-columns:repeat(7,1fr);gap:6px;width:min(100%,430px);padding:10px;display:grid}.tsg .c4-cell{aspect-ratio:1;background:var(--g-inset);cursor:pointer;border:0;border-radius:50%;padding:0;box-shadow:inset 0 3px 6px #00000080}.tsg .c4-cell:disabled{cursor:default}.tsg .c4-cell.hov:not(.A):not(.B){background:#1a2030}.tsg .c4-cell.A{background:var(--pA)}.tsg .c4-cell.B{background:var(--pB)}.tsg .c4-cell.win{box-shadow:inset 0 0 0 4px #fff}.tsg .c4-cell.drop{animation:.3s cubic-bezier(.5,0,.75,0) tsg-drop}@keyframes tsg-drop{0%{transform:translateY(-320%)}to{transform:none}}.tsg .board{border:1px solid var(--g-border-s);border-radius:10px;grid-template-columns:repeat(8,1fr);width:min(100%,460px);display:grid;overflow:hidden}.tsg .sq{aspect-ratio:1;cursor:pointer;border:0;place-items:center;padding:0;line-height:1;display:grid;position:relative}.tsg .chess .sq{font-size:clamp(24px,7.6vw,42px)}.tsg .chess .sq.l{background:#dfe3ea}.tsg .chess .sq.d{background:#6b7fa3}.tsg .chess .sq.last.l{background:#c7d6f5}.tsg .chess .sq.last.d{background:#5577c4}.tsg .chess .sq.sel{background:#8fb3ff}.tsg .chess .sq.chk{box-shadow:inset 0 0 0 4px var(--g-bad)}.tsg .sq.tgt:after{content:"";background:#00000040;border-radius:50%;width:30%;height:30%;position:absolute}.tsg .sq.tgt.cap:after{background:0 0;border:5px solid #00000040;width:88%;height:88%}.tsg .pc{z-index:1;position:relative}.tsg .pc-w{color:#fff;text-shadow:0 0 1px #000,0 0 2px #000,0 1px #000,1px 0 #000,-1px 0 #000,0 -1px #000}.tsg .pc-b{color:#14161a}.tsg .coord{color:#00000073;font-size:10px;font-weight:700;position:absolute}.tsg .coord.r{top:2px;left:3px}.tsg .coord.f{bottom:1px;right:3px}.tsg .ck .sq.l{cursor:default;background:#252a33}.tsg .ck .sq.d{background:#171a20}.tsg .ck .sq.sel{background:#2b3a5c}.tsg .ck .sq.last{background:#1f2633}.tsg .disc{color:#ffffffd9;z-index:1;border-radius:50%;place-items:center;width:74%;height:74%;font-size:clamp(13px,3.8vw,21px);display:grid;position:relative;box-shadow:inset 0 -4px #00000047,0 2px 4px #0006}.tsg .disc.A{background:var(--pA)}.tsg .disc.B{background:var(--pB)}.tsg .sq.can .disc{outline-offset:2px;outline:2px solid #fff}.tsg .ck .sq.tgt:after{background:#ffffff40}.tsg .bs-wrap{grid-template-columns:1fr 1fr;gap:22px;width:100%;display:grid}@media (max-width:640px){.tsg .bs-wrap{grid-template-columns:1fr}}.tsg .bs-side h3{color:var(--g-muted);margin:0 0 8px;font-size:14px;font-weight:600}.tsg .bs{background:var(--g-border);border-radius:9px;grid-template-columns:repeat(10,1fr);gap:2px;padding:2px;display:grid}.tsg .bs.off{opacity:.35}.tsg .bs-c{aspect-ratio:1;color:#fff;background:#132036;border:0;border-radius:2px;place-items:center;padding:0;font-size:11px;display:grid}.tsg button.bs-c.aim{cursor:crosshair}.tsg button.bs-c.aim:hover{box-shadow:inset 0 0 0 2px var(--g-blue);background:#1b2d4c}.tsg .bs-c.ship{background:#4b5568}.tsg .bs-c.miss:after{content:"";background:#ffffff73;border-radius:50%;width:24%;height:24%}.tsg .bs-c.hit{background:#e5484d}.tsg .bs-c.hit:after,.tsg .bs-c.sunk:after{content:"✕";font-weight:800}.tsg .bs-c.sunk{background:#7c1d21}.tsg .bs-c.reveal{background:#3a4352}.tsg .roster{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tsg .roster span{border:1px solid var(--g-border);color:var(--g-muted);border-radius:999px;padding:3px 8px;font-size:12px}.tsg .roster span.dead{opacity:.45;text-decoration:line-through}.tsg .hm{width:170px;height:190px;color:var(--g-text)}.tsg .hm .part{opacity:0;transition:opacity .2s}.tsg .hm .part.show{opacity:1}.tsg .word{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tsg .word span{border-bottom:3px solid var(--g-dim);text-align:center;width:28px;min-height:38px;font-size:25px;font-weight:800}.tsg .word span.ghost{color:var(--g-dim)}.tsg .word span.miss{color:var(--g-bad)}.tsg .keys{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.tsg .keys div{justify-content:center;gap:5px;width:100%;display:flex}.tsg .key{border:1px solid var(--g-border);background:var(--g-card);cursor:pointer;border-radius:9px;flex:0 40px;height:44px;padding:0;font-weight:700;transition:background .15s,border-color .15s}.tsg .key:hover:not(:disabled){border-color:#4f8cff80}.tsg .key:disabled{cursor:default}.tsg .key.good{border-color:var(--g-good);color:var(--g-good);background:#34d3991f}.tsg .key.bad{opacity:.3}.tsg .setword{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.tsg .setword input{border:1px solid var(--g-border-s);background:var(--g-inset);letter-spacing:.08em;text-transform:uppercase;max-width:280px;color:var(--g-text);border-radius:10px;flex:200px;padding:10px 14px;font-size:16px}.tsg .setword input:focus{border-color:var(--g-blue);outline:none;box-shadow:0 0 0 3px #4f8cff33}.tsg .duel{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:18px;width:100%;display:flex}.tsg .duel .col{flex-direction:column;align-items:center;gap:8px;display:flex}.tsg .duel .cap{color:var(--g-muted);font-size:13px;font-weight:600}.tsg .g2048{touch-action:none;-webkit-user-select:none;user-select:none;background:#232733;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:8px;width:min(84vw,360px);padding:8px;display:grid}.tsg .g2048.mini{border-radius:8px;gap:4px;width:150px;padding:4px}.tsg .t{aspect-ratio:1;background:#ffffff0a;border-radius:7px;place-items:center;font-size:clamp(20px,7vw,32px);font-weight:800;display:grid}.tsg .mini .t{border-radius:4px;font-size:13px}.tsg .t.pop{animation:.18s ease-out tsg-pop}@keyframes tsg-pop{0%{opacity:0;transform:scale(.4)}}.tsg .snake{aspect-ratio:1;border:1px solid var(--g-border-s);touch-action:none;border-radius:12px;width:min(100%,420px);height:auto;display:block}.tsg .dpad{grid-template-rows:repeat(2,50px);grid-template-columns:repeat(3,50px);gap:6px;display:grid}.tsg .dpad button{border:1px solid var(--g-border);background:var(--g-card);cursor:pointer;color:var(--g-muted);border-radius:12px;font-size:18px}.tsg .dpad button:active{background:var(--g-card-h);color:var(--g-text)}.tsg .dpad .u{grid-column:2}.tsg .dpad .l{grid-area:2/1}.tsg .dpad .d{grid-area:2/2}.tsg .dpad .r{grid-area:2/3}.tsg .ms{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;gap:2px;width:min(100%,430px);display:grid}.tsg .ms-c{aspect-ratio:1;cursor:pointer;touch-action:manipulation;background:#2a303b;border:0;border-radius:4px;place-items:center;padding:0;font-size:clamp(12px,3.6vw,17px);font-weight:800;transition:background .12s;display:grid;box-shadow:inset 0 -2px #00000059}.tsg .ms-c:hover:not(.rev):not(:disabled){background:#343b48}.tsg .ms-c:disabled{cursor:default}.tsg .ms-c.rev{box-shadow:none;cursor:default;background:var(--g-inset)}.tsg .ms-c.rev.A{background:#4f8cff21}.tsg .ms-c.rev.B{background:#f472b621}.tsg .ms-c.boom{background:#e5484d!important}@media (prefers-reduced-motion:reduce){.tsg *,.gi{transition:none!important;animation:none!important}}