.wis{position:absolute;inset:0;container-type:size;overflow:hidden;display:grid;place-items:center;background:radial-gradient(70% 60% at 50% 0%,rgb(0 179 164 / .16),transparent 70%),radial-gradient(60% 60% at 100% 100%,rgb(255 194 26 / .1),transparent 70%);--ok: #2FBF71;--bad: #FF5574;--wood: #B9814A;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.wis-screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:clamp(8px,2.4cqmin,24px);animation:wis-in .3s cubic-bezier(.2,.8,.2,1);overflow-y:auto}.wis-screen>*{flex:none;margin-block:auto}@keyframes wis-in{0%{opacity:0;transform:scale(.98)}}.wis .muted{color:var(--muted);font-size:14px;line-height:1.35}.wis-btn{padding:10px 16px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font-weight:800;font-size:14px;touch-action:manipulation}.wis-btn.primary{background:var(--yellow);color:#171b58;border-color:transparent}.wis-btn.icon{padding:10px 12px}.wis-btn:disabled{opacity:.6}.wis-menu{width:min(100%,620px);display:grid;gap:clamp(10px,2.4cqh,18px)}.wis-logo{display:flex;align-items:center;justify-content:center;gap:10px}.wis-logo .wis-gallows{width:clamp(52px,12cqmin,84px);height:auto}.wis-logo h2{font-size:clamp(26px,7cqmin,44px);font-weight:900;letter-spacing:-.03em}.wis-nick{display:flex;align-items:center;gap:10px;justify-content:center;font-size:13px;color:var(--muted);font-weight:600}.wis-nick input{width:180px;padding:8px 12px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);text-align:center;font-weight:600;font-size:16px}.wis-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,2cqmin,14px)}.wis-mode{display:grid;gap:8px;align-content:start;text-align:left;padding:clamp(12px,2.6cqmin,18px);border-radius:16px;background:var(--surface);border:1px solid var(--line);color:var(--text);transition:transform .2s,border-color .2s}.wis-mode.wide{grid-column:1 / -1}button.wis-mode:hover{border-color:var(--line-strong);transform:translateY(-2px)}.wis-mode h3{font-size:clamp(15px,3.4cqmin,18px);display:flex;align-items:center;gap:8px}.wis-mode p{font-size:13px;color:var(--muted);line-height:1.35}.wis-mode .ico{font-size:18px}.wis-friend{display:flex;gap:8px;flex-wrap:wrap}.wis-join{display:flex;gap:6px;flex:1;min-width:180px}.wis-join input{width:100%;min-width:0;padding:8px 12px;border-radius:12px;border:1px solid var(--line-strong);background:var(--bg-2);color:var(--text);text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:16px}.wis-wait{display:grid;gap:14px;justify-items:center;text-align:center;max-width:420px}.wis-wait h3{font-size:clamp(18px,4cqmin,24px)}.wis-code{font-size:clamp(32px,10cqmin,54px);font-weight:900;letter-spacing:.18em;padding:6px 18px;border-radius:16px;background:var(--surface);border:2px dashed var(--line-strong)}.wis-spinner{display:flex;gap:10px}.wis-spinner i{width:14px;height:14px;border-radius:50%;background:var(--yellow);animation:wis-hop 1s infinite ease-in-out}.wis-spinner i:nth-child(2){animation-delay:.12s}.wis-spinner i:nth-child(3){animation-delay:.24s}@keyframes wis-hop{40%{transform:translateY(-12px)}}.wis-hud{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:6px 12px;border-radius:12px;background:var(--surface);font-size:14px;font-weight:700}.wis-hud b{font-size:18px;font-weight:800}.wis-hud.on{padding-right:50px}.wis-hud .who{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wis-hud .who.right{text-align:right}.wis-hud .mid{display:grid;justify-items:center;font-size:12px;color:var(--muted);flex:none}.wis-clock{font-style:normal;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.wis-clock.low{color:var(--bad)}.wis-pick{width:min(100%,720px);display:grid;gap:clamp(8px,2cqh,14px);text-align:center}.wis-pick h3{font-size:clamp(18px,4.4cqmin,26px);font-weight:900}.wis-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,2cqmin,14px)}.wis-cat{display:grid;gap:6px;justify-items:center;padding:clamp(14px,4cqmin,28px) 8px;border-radius:16px;background:var(--surface);border:2px solid var(--line);color:var(--text);touch-action:manipulation;transition:transform .15s,border-color .15s}.wis-cat span{font-size:clamp(30px,9cqmin,52px);line-height:1}.wis-cat b{font-size:clamp(14px,3.2cqmin,18px)}.wis-cat:hover:not(:disabled){border-color:var(--yellow);transform:translateY(-2px)}.wis-words{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px}.wis-opt{padding:9px 8px;min-height:40px;border-radius:10px;background:var(--surface);border:2px solid var(--line);color:var(--text);font-weight:700;font-size:14px;touch-action:manipulation}.wis-opt:hover:not(:disabled){border-color:var(--yellow)}.wis-cat.on,.wis-opt.on{border-color:var(--yellow);background:#ffc21a29}.wis-pick.sent .wis-cat:not(.on),.wis-pick.sent .wis-opt:not(.on){opacity:.45}.wis-play{width:min(100%,980px);height:100%;min-height:min-content;display:grid;gap:clamp(4px,1.2cqh,12px);grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;align-items:center}.wis-stage{height:100%;min-height:0;width:100%;position:relative}.wis-stage .wis-gallows{position:absolute;inset:0;width:100%;height:100%}.wis-gallows{fill:none;stroke:var(--text);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.wis-wood{stroke:var(--wood);stroke-width:9}.wis-rope{stroke:var(--muted);stroke-width:4}.wis-gallows [data-m]{opacity:0;transition:opacity .25s}.wis-gallows [data-m].on{opacity:1}.wis-face{stroke-width:3}.wis-side{width:100%;display:grid;gap:clamp(6px,1.4cqh,10px);justify-items:center;min-width:0}.wis-catname{font-size:13px;font-weight:800;color:var(--muted);letter-spacing:.02em}.wis-wordbox{width:100%}.wis-word{--cell: min(36px, calc((100cqw - 40px) / var(--len) - 4px));display:flex;flex-wrap:wrap;justify-content:center;gap:4px calc(var(--cell) * .7)}.wis-w{display:inline-flex;gap:3px;align-items:flex-end}.wis-l{width:var(--cell);height:calc(var(--cell) * 1.25);display:grid;place-items:center;border-bottom:3px solid var(--text);font-weight:900;font-size:calc(var(--cell) * .78);line-height:1}.wis-l.missed{color:var(--bad);border-color:var(--bad)}.wis-dash{font-weight:900;font-size:calc(var(--cell) * .78);align-self:center}.wis-status{min-height:20px;text-align:center;font-size:14px;font-weight:700;color:var(--muted)}.wis-status.win{color:var(--ok)}.wis-status.lose{color:var(--bad)}.wis-keys{width:min(100%,520px);display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(3px,1cqmin,6px)}.wis-key{height:clamp(40px,6.4cqh,50px);border-radius:9px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font-weight:800;font-size:clamp(15px,4cqmin,19px);padding:0;touch-action:manipulation;transition:background-color .15s,transform .1s}.wis-key:active:not(:disabled){transform:scale(.92)}.wis-key:disabled{cursor:default}.wis-key.hit{background:var(--ok);border-color:transparent;color:#06281a}.wis-key.miss{background:transparent;border-color:var(--line);color:var(--faint);text-decoration:line-through}.wis-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:8px}.wis-rival{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 8px;font-size:13px;color:var(--muted)}.wis-rival b{color:var(--text)}.wis-rival code{flex-basis:100%;text-align:center;letter-spacing:.14em;font-size:12px;font-family:inherit;overflow-wrap:anywhere}@container (min-aspect-ratio: 5/4){.wis-play{grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-template-rows:auto minmax(0,1fr)}.wis-word{--cell: min(36px, calc((60cqw - 40px) / var(--len) - 4px))}}@container (max-height: 460px){.wis-key{height:34px}.wis-mode p{display:none}}@container (max-width: 420px){.wis-mode p{display:none}.wis-cat b{font-size:13px}.wis-words{grid-template-columns:repeat(2,minmax(0,1fr))}.wis-opt{font-size:13px;padding:3px;min-height:32px}.wis-words{gap:3px}.wis-tip{display:none}}.wis-result{width:min(100%,520px);display:grid;gap:12px;justify-items:center;text-align:center}.wis-result h3{font-size:clamp(22px,6cqmin,32px);font-weight:900;color:var(--ok)}.wis-result h3.lose{color:var(--bad)}.wis-result h3.even{color:var(--text)}.wis-row{width:100%;display:grid;gap:2px;padding:10px 14px;border-radius:14px;background:var(--surface);border-left:5px solid var(--bad)}.wis-row.ok{border-left-color:var(--ok)}.wis-row small{color:var(--muted);font-weight:700}.wis-row b{font-size:clamp(16px,4.6cqmin,22px);font-weight:900;overflow-wrap:anywhere}.wis-row span{font-size:13px;color:var(--muted)}@media(prefers-reduced-motion:reduce){.wis-screen,.wis-spinner i{animation:none}}