:root{--bg: #0A1116;--bg-mist: #0F2A30;--panel: #111A20;--panel-raised: #18242B;--hairline: #C19976;--gold: #D99A68;--gold-light: #FBCEA0;--ink: #2A1A0E;--teal: #1F6F78;--purple: #5B3FA0;--miss: #8FA3AD;--hit: #E2553A;--sunk: #7A1E1E;--text: #F3EBDD;--font-serif: "Noto Serif Thai", "Noto Serif", Georgia, serif;--font-sans: "Noto Sans Thai", "Noto Sans", system-ui, sans-serif;--font-display: "Cinzel", var(--font-serif)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);font-family:var(--font-sans);background:radial-gradient(ellipse at 50% 0%,var(--bg-mist) 0%,var(--bg) 70%) fixed,var(--bg)}h1,h2,h3{font-family:var(--font-serif);color:var(--gold);font-weight:700}.app{min-height:100vh;display:flex;flex-direction:column}.page{flex:1;padding:16px}.conn-banner{padding:10px 16px;text-align:center;background:var(--panel-raised);border-bottom:1px solid var(--hairline);color:var(--gold-light)}.conn-replaced{background:var(--sunk);color:var(--text)}.footer{padding:12px;text-align:center;font-size:12px;color:var(--miss)}.frame{position:relative;background:linear-gradient(180deg,var(--panel-raised),var(--panel) 120px);box-shadow:0 10px 30px -10px #000000b3;border:1px solid var(--hairline);border-radius:4px;padding:16px}.stud{position:absolute;width:8px;height:8px;background:var(--gold);transform:rotate(45deg)}.stud-tl{top:-5px;left:-5px}.stud-tr{top:-5px;right:-5px}.stud-bl{bottom:-5px;left:-5px}.stud-br{bottom:-5px;right:-5px}.ornate{--notch: 14px;display:inline-block;background:var(--hairline);padding:1px;clip-path:polygon(var(--notch) 0,calc(100% - var(--notch)) 0,100% 50%,calc(100% - var(--notch)) 100%,var(--notch) 100%,0 50%)}.ornate-inner{display:block;width:100%;min-height:44px;padding:0 28px;border:0;font:600 16px var(--font-sans);cursor:pointer;clip-path:polygon(var(--notch) 0,calc(100% - var(--notch)) 0,100% 50%,calc(100% - var(--notch)) 100%,var(--notch) 100%,0 50%)}.ornate-primary .ornate-inner{background:var(--gold-light);color:var(--ink)}.ornate-secondary .ornate-inner{background:var(--panel-raised);color:var(--gold)}.ornate-purple .ornate-inner{background:var(--purple);color:var(--text)}.ornate-inner:disabled{opacity:.5;cursor:not-allowed}.ornate-inner:focus-visible{outline:2px solid var(--gold-light);outline-offset:-4px}.home,.create{width:100%;max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.home-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.home-header .helper{margin:2px 0 0}.home-tools{display:flex;align-items:center;gap:8px}.brand{margin:0;font:700 22px var(--font-display);letter-spacing:.2em}.home-grid{display:flex;flex-direction:column;gap:24px}.home-hero{display:flex;flex-direction:column;gap:12px}.home-hero h2{margin:0;font-size:28px;line-height:1.3;color:var(--text)}.hero-art{padding:0;box-shadow:0 0 48px -12px #d99a6859}.hero-art img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:4px}.eyebrow{margin:4px 0 0;color:var(--gold);font:700 12px var(--font-display);letter-spacing:.25em;text-transform:uppercase}:lang(th) .eyebrow{letter-spacing:0;font:700 14px var(--font-serif)}.hero-sub{margin:0;font:18px/1.7 var(--font-serif);color:#f3ebddcc}.hero-features{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.hero-features li{padding:6px 12px;font-size:13px;background:var(--panel);border:1px solid rgba(193,153,118,.4);border-radius:4px}.home-panel{display:flex;flex-direction:column;gap:16px}.lang-toggle{display:inline-flex;border:1px solid var(--hairline);border-radius:999px;overflow:hidden}.lang-toggle button{min-width:44px;min-height:44px;background:transparent;color:var(--miss);border:0;font:600 14px var(--font-serif);cursor:pointer}.lang-toggle button.on{background:var(--panel-raised);color:var(--gold)}.resume-title{margin:0 0 4px;color:var(--gold);font-family:var(--font-serif);font-weight:700}.resume-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.code{color:var(--gold-light);font-family:var(--font-serif);letter-spacing:.08em}.link-btn{min-height:44px;background:none;border:0;color:var(--miss);text-decoration:underline;cursor:pointer;font:inherit}.hero{text-align:center}.hero h2{margin:0 0 8px}.field-label{display:block;margin-bottom:6px;color:var(--gold);font-family:var(--font-serif)}.name-row{display:flex;gap:8px}.name-row input{flex:1;min-height:48px;padding:0 12px;background:var(--panel);color:var(--text);border:1px solid var(--hairline);border-radius:4px;font:16px var(--font-sans)}.dice{min-width:48px;min-height:48px;background:var(--panel);border:1px solid var(--hairline);border-radius:4px;cursor:pointer;font-size:20px}.helper{margin:6px 0 0;font-size:13px;color:var(--miss)}.helper-error{color:var(--hit)}.or-divider{display:flex;align-items:center;gap:12px;color:var(--gold)}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--hairline)}.join-card{display:flex;flex-direction:column;gap:12px;text-align:center}.join-card h3{margin:0}.code-input{display:flex;justify-content:center;gap:8px}.code-box{width:48px;min-width:44px;height:52px;text-align:center;background:var(--panel);color:var(--gold-light);border:1px solid var(--hairline);border-radius:4px;font:700 22px var(--font-serif);text-transform:uppercase;padding:0}.page-head{display:flex;align-items:flex-start;gap:12px}.page-head h2{margin:4px 0;font-size:30px;color:var(--text)}.chip.back-btn{flex:none;width:44px;padding:0;font-size:18px;border-radius:4px}.game-list{display:flex;flex-direction:column;gap:16px}.game-card{display:flex;flex-direction:column;gap:12px}.game-art{display:block;width:100%;height:auto;aspect-ratio:16 / 7;object-fit:cover;border:1px solid rgba(193,153,118,.4);border-radius:4px}.game-name{margin:0;font:700 28px var(--font-display);letter-spacing:.12em;text-transform:uppercase}.game-meta{list-style:none;margin:0;padding:0 0 12px;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid rgba(193,153,118,.25)}.game-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.game-actions .ornate{flex:1 1 auto}.soon{opacity:.6;text-align:center;border-style:dashed;font-family:var(--font-serif)}.join{width:100%;max-width:460px;margin:0 auto;padding-top:6vh}.join-invite{padding:0;overflow:hidden}.join-art{display:block;width:100%;height:auto;aspect-ratio:16 / 7;object-fit:cover}.join-body{padding:20px;display:flex;flex-direction:column;gap:14px}.join-body h2{margin:0;font-size:26px;color:var(--text)}.join-body .eyebrow{margin:0}.join-code{align-self:flex-start;padding:6px 16px;font-size:30px;letter-spacing:.25em;background:var(--bg);border:1px solid var(--gold);border-radius:4px}.join-body .ornate{width:100%}.join-msg{margin:0;font-size:15px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0009;display:flex;align-items:flex-end;justify-content:center}.modal-sheet{width:100%;max-height:85vh;overflow-y:auto;border-radius:12px 12px 0 0}.modal-sheet .eyebrow{margin:0}.guide-body{font-size:15px;line-height:1.7}.guide-body h1{margin:4px 0 12px;font-size:30px}.guide-body h2{margin:24px 0 8px;padding-top:20px;font-size:20px;border-top:1px solid rgba(193,153,118,.3)}.guide-body ul{padding-left:20px}.guide-body li{margin:4px 0}.guide-body strong{color:var(--gold-light)}.guide-foot{position:sticky;bottom:-16px;margin:16px -16px -16px;padding:12px 16px;background:var(--panel);border-top:1px solid var(--hairline)}.guide-foot .ornate{width:100%}.modal-close{position:absolute;top:4px;right:4px;width:44px;height:44px;background:none;border:0;color:var(--gold);font-size:28px;cursor:pointer}@media(min-width:768px){.modal-backdrop{align-items:center}.modal-sheet{width:640px;border-radius:4px}.home,.create{padding-top:24px}}@media(min-width:1024px){.home{max-width:1280px;gap:32px;padding-left:32px;padding-right:32px}.home-header{padding-bottom:16px;border-bottom:1px solid rgba(193,153,118,.25)}.brand{font-size:26px}.home-grid{display:grid;grid-template-columns:7fr 5fr;gap:40px;align-items:center}.home-hero h2{font-size:40px}.home-panel{padding:28px}}.room{display:flex;flex-direction:column;gap:16px;width:100%;max-width:1280px;margin:0 auto;padding-bottom:72px}.room-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(193,153,118,.25)}.room-header .helper{margin:2px 0 0}.room-members{display:flex;flex-direction:column;gap:12px}.room-main{display:flex;flex-direction:column;gap:16px;min-width:0}.invite-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:6px 12px;background:var(--panel);border:1px solid var(--hairline);border-radius:4px}.invite-code{font-size:24px;letter-spacing:.15em}.lobby-banner{padding:0;overflow:hidden}.lobby-banner img{display:block;width:100%;height:200px;object-fit:cover;opacity:.55}.lobby-banner-body{position:absolute;left:0;right:0;bottom:0;padding:16px;display:flex;flex-direction:column;gap:8px;background:linear-gradient(transparent,#0a1116e6 40%)}.lobby-banner h2{margin:0;font-size:28px}.vs-row{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:40px}.vs-row .vs-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--gold);border-radius:4px;color:var(--gold);font:700 13px var(--font-display)}.seat-card{display:flex;align-items:center;gap:12px;min-height:96px;min-width:0}.seat-empty{justify-content:center;border-style:dashed;opacity:.7;text-align:center}.seat-avatar{flex:none;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--panel-raised);border:1px solid var(--gold);border-radius:4px;color:var(--gold);font:700 28px var(--font-display);text-transform:uppercase}.seat-name{font:700 18px var(--font-serif);overflow-wrap:anywhere}.chat-title{margin:0}@media(max-width:599px){.vs-row{gap:24px}.seat-card{flex-direction:column;text-align:center}.seat-card .member-main{align-items:center}}.room-header .chip-label{display:none}.chip.off{opacity:.45;filter:grayscale(1)}.sound-menu{position:relative}.sound-menu>summary{list-style:none;width:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:18px}.sound-menu>summary::-webkit-details-marker{display:none}.sound-menu[open]>summary{border-color:var(--gold-light)}.sound-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:min(280px,calc(100vw - 32px));padding:12px;display:flex;flex-direction:column;gap:12px;background:var(--panel);border:1px solid var(--hairline);border-radius:8px;box-shadow:0 8px 24px #00000080}.sound-menu .sound-panel .sound-mute{width:100%;min-height:44px;padding:0 14px;gap:8px;font-size:14px}.sound-mute.on{border-color:var(--gold-light);color:var(--gold-light)}.sound-icon{flex:none;font-size:18px}.sound-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.sound-row .sound-name{flex:1;color:var(--text);font-size:14px}.sound-menu .sound-row .sound-toggle{flex:none;width:44px;min-height:44px;padding:0;font-size:18px}.sound-row input[type=range]{flex-basis:100%;accent-color:var(--gold)}.room-header .chip{width:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:18px}.invite-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.chip{min-height:44px;padding:0 14px;background:var(--panel-raised);color:var(--gold);border:1px solid var(--hairline);border-radius:999px;font:600 14px var(--font-sans);cursor:pointer}.chip:disabled{opacity:.5;cursor:not-allowed}.section-title{margin:0 0 8px;color:var(--gold);font-family:var(--font-serif)}.member-main{display:flex;flex-direction:column}.room-members .watch-toggle{position:absolute;top:10px;right:12px;display:flex;flex-direction:column;align-items:flex-end}.watch-toggle .lang-toggle button{min-width:40px;min-height:36px;font-size:16px}.watch-toggle .lang-toggle button:not(.on){filter:grayscale(1);opacity:.6}.watch-toggle .helper-error{max-width:200px;text-align:right}.member-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.member{display:flex;align-items:center;gap:8px;min-height:40px;padding:6px 10px;border:1px solid transparent;border-radius:4px;font-size:14px}.member.me{background:#d99a681a;border-color:var(--gold)}.member.offline{opacity:.55}.member-icon{flex:none;width:20px;text-align:center}.member-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.member-queue .member-name,.member-watch .member-name{font-weight:400;color:#f3ebddbf}.tag{flex:none;padding:1px 6px;border:1px solid var(--gold);border-radius:3px;font-size:11px;color:var(--gold-light)}.tag-host{border-color:var(--purple);background:#5b3fa059}.member-status{margin-left:auto;flex:none;font-size:12px;color:var(--miss)}.member-player .member-status{color:var(--gold)}.member-queue .member-status{padding:1px 6px;border:1px solid rgba(193,153,118,.4);border-radius:3px}.member.offline .member-status{color:var(--hit)}.game-slot{min-height:120px;display:flex;flex-direction:column;gap:12px}.lobby-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.lobby-actions.frame{justify-content:flex-end}.next-panel{display:flex;flex-direction:column;gap:12px}.opt-group{border:1px solid var(--hairline);border-radius:4px;margin:0 0 12px;display:flex;flex-wrap:wrap;gap:0 16px}.opt-select{min-height:44px;padding:0 8px;background:var(--panel);color:var(--text);border:1px solid var(--hairline);border-radius:4px;font:16px var(--font-sans)}.opt{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}.opt input{width:20px;height:20px;accent-color:var(--gold)}.stepper-group{flex-direction:column;gap:4px}.stepper{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:280px}.stepper-btn{width:44px;padding:0;font-size:22px;line-height:1}.stepper-value{flex:1;text-align:center;font:700 32px var(--font-serif);color:var(--gold-light)}.seat-section .section-title{margin:0 0 8px}.seat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.seat-grid .seat-card{min-height:80px}@media(min-width:768px){.seat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.lobby-need{flex:1 1 100%;margin:0}.chat{display:flex;flex-direction:column;gap:8px;height:100%;min-height:0}.chat-log{list-style:none;margin:0;padding:8px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;background:var(--panel);border:1px solid var(--hairline);border-radius:4px}.chat-msg,.chat-me{display:flex;flex-direction:column;overflow-wrap:anywhere}.chat-me{align-items:flex-end}.chat-sys{color:var(--miss);font-size:13px;font-style:italic}.chat-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.chat-form input{flex:1;min-width:0;min-height:44px;padding:0 12px;background:var(--panel);color:var(--text);border:1px solid var(--hairline);border-radius:4px;font:16px var(--font-sans)}.chat-count{width:100%;text-align:right;margin:0}.emoji-panel{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:2px;padding:6px;background:var(--panel-raised);border:1px solid var(--hairline);border-radius:4px}.emoji-btn{min-height:36px;padding:0;background:none;border:0;border-radius:4px;font-size:20px;cursor:pointer}.emoji-btn:hover,.emoji-btn:focus-visible{background:#d99a6833}.chip.emoji-toggle{width:44px;padding:0;font-size:18px}.chip.emoji-toggle[aria-expanded=true]{border-color:var(--gold-light)}.room-side{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--bg);border-top:1px solid var(--hairline);padding:8px 16px;display:flex;flex-direction:column;gap:8px}.room-side .chat{display:none;height:55vh}.room-side.open .chat{display:flex}@media(min-width:768px){.room{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:auto auto auto 1fr;grid-template-areas:"header header" "main chat" "main members" "main log";align-items:start;padding-bottom:16px}.room-header{grid-area:header}.room-log{grid-area:log}.room-main .shot-log{display:none}.room-members{grid-area:members}.room-main{grid-area:main}.room-side{grid-area:chat;position:static;bottom:auto;left:auto;right:auto;height:auto;border:0;padding:0;z-index:auto;background:none}.room-side .chat{display:flex;height:clamp(280px,45vh,440px)}.chat-toggle{display:none}}.sea-wrap{container-type:inline-size;width:100%;overflow-x:auto}.sea-grid{display:grid;grid-template-columns:20px repeat(var(--size),var(--cell));grid-template-rows:22px repeat(var(--size),var(--cell));width:max-content;margin:0 auto;position:relative;background:var(--bg-mist);border-top:1px solid var(--hairline);border-left:1px solid var(--hairline)}.sea-label{display:flex;align-items:center;justify-content:center;font:700 14px var(--font-serif);color:var(--gold)}.sea-cell{position:relative;display:flex;align-items:center;justify-content:center;padding:0;margin:0;background:transparent;border:1px solid rgba(193,153,118,.25);cursor:pointer;color:var(--text);font-size:14px;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}span.sea-cell,.sea-cell:disabled{cursor:default}.sea-cell:focus-visible{outline:2px solid var(--gold-light);outline-offset:-2px}.sea-cell.ship{background:linear-gradient(#3a2414,#2a1a0e);border-color:var(--gold)}.sea-cell.ghost{background:#fbcea04d}.sea-cell.ghost.bad{background:#e2553a66;border:1px dashed var(--hit)}.sea-cell.miss{background:#8fa3ad4d}.sea-cell.hit{background:var(--hit)}.sea-cell.sunk{background:var(--sunk)}.placement{display:flex;flex-direction:column;gap:12px}.placement-status,.placement-tools,.placement-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.placement-tools .helper{flex:1 1 100%;margin:0}.placement-actions{flex-wrap:nowrap}.placement-actions .ornate:last-child{flex:1}.chip-static{padding:6px 12px;border:1px solid var(--hairline);border-radius:999px;font-size:14px;color:var(--gold-light);background:var(--panel-raised)}.chip-static.ok{border-color:var(--teal);color:var(--text)}.ship-tray{padding:12px;background:var(--panel);border:1px solid var(--hairline);display:flex;flex-direction:column;gap:8px}.ship-tray header{display:flex;justify-content:space-between;align-items:center}.ship-tray h3{margin:0;font-size:16px}.ship-tray-list{display:flex;flex-wrap:wrap;gap:8px}.ship-piece{flex:1 1 140px;min-height:64px;padding:8px;display:flex;flex-direction:column;gap:4px;text-align:left;background:var(--panel-raised);color:var(--text);border:1px solid var(--hairline);cursor:pointer;font:14px var(--font-sans)}.ship-piece.selected{border-color:var(--gold-light);box-shadow:0 0 8px #fbcea080}.ship-name{font:700 15px var(--font-serif);color:var(--gold-light)}.ship-len{font-size:12px;color:var(--miss)}.ship-segs{display:flex;gap:2px}.ship-segs i{width:18px;height:10px;background:#3a2414;border:1px solid var(--gold);border-radius:4px}.sea-cell.miss:after{content:"";width:30%;height:30%;border:2px solid var(--miss);border-radius:50%}.sea-cell.hit:after{content:"🔥"}.sea-cell.sunk{border-color:var(--hit)}.sea-cell.sunk:after{content:"☠";color:var(--gold-light)}.sea-cell.pinned:after{content:"📌"}.sea-cell.aim{background:#fbcea02e;border:2px solid var(--gold-light);box-shadow:0 0 10px #fbcea099}.taunt{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none}.taunt-ripple{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--gold-light);border-radius:50%;animation:ripple 1s ease-out infinite}.taunt-bubble{position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:max-content;max-width:180px;padding:4px 8px;background:var(--panel-raised);color:var(--text);border:1px solid var(--gold);border-radius:8px;font-size:13px;overflow-wrap:anywhere}@keyframes ripple{0%{transform:scale(.6);opacity:1}to{transform:scale(1.8);opacity:0}}.battle,.post-game{display:flex;flex-direction:column;gap:12px;min-width:0;container:battle / inline-size}.battle-banner{margin:0;padding:10px 12px;border:1px solid var(--hairline);border-radius:4px;background:var(--panel-raised);font-weight:600}.battle-banner.warn{border-color:var(--hit);color:var(--gold-light)}.battle-banner.pause{border-color:var(--purple)}.vs-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center}.vs-header.frame{padding:10px}.vs-card{position:relative;padding:8px;border:1px solid transparent;border-radius:4px;display:flex;align-items:center;gap:10px;min-width:0}.vs-card-r{flex-direction:row-reverse;text-align:right}.vs-card-r .vs-info{align-items:flex-end}.vs-info{display:flex;flex-direction:column;gap:2px;min-width:0}.vs-card .seat-avatar{display:none}.vs-card.active .seat-avatar{border-width:2px;border-color:var(--gold-light);box-shadow:0 0 12px #fbcea080}.vs-card.active{border-color:#fbcea099;background:#d99a6814}.vs-card.offline{opacity:.7}.vs-card .helper{margin:0}.vs-name{font:700 17px var(--font-serif);color:var(--gold-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vs-turn{align-self:inherit;padding:0 6px;background:var(--gold);color:var(--ink);font-size:12px;font-weight:700;border-radius:2px}.vs-mid{display:flex;flex-direction:column;align-items:center;gap:6px}.vs-badge{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;font:700 13px var(--font-serif);color:var(--gold)}.turn-timer{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.turn-timer-clock{padding:4px 10px;border:1px solid var(--gold);background:var(--bg);font:700 20px var(--font-serif);color:var(--gold-light);font-variant-numeric:tabular-nums}.turn-timer-note{font-size:12px;color:var(--miss);max-width:120px}.turn-timer.extended .turn-timer-clock{border-color:#f08a24;color:#f5a15a}.turn-timer.extended .turn-timer-note{color:#f5a15a;font-weight:700}.battle-tabs{display:flex;border-bottom:1px solid var(--hairline)}.battle-tabs button{flex:1;min-height:48px;background:none;border:0;border-bottom:3px solid transparent;color:var(--miss);font:600 15px var(--font-serif);cursor:pointer}.battle-tabs button.active{color:var(--gold-light);border-bottom-color:var(--gold)}.tab-dot{display:inline-block;width:8px;height:8px;margin-left:6px;border-radius:50%;background:var(--gold);vertical-align:middle}.battle-boards{display:grid;gap:12px;min-width:0}.battle-boards[data-tab=fire] .board-col-ocean,.battle-boards[data-tab=fleet] .board-col-target,.spectator-boards .board-col-hidden{display:none}.board-col{display:flex;flex-direction:column;gap:12px;min-width:0}.board{padding:12px;display:flex;flex-direction:column;gap:8px}.taunt.edge-l .taunt-bubble{left:0;transform:none}.taunt.edge-r .taunt-bubble{left:auto;right:0;transform:none}.taunt.below .taunt-bubble{bottom:auto;top:100%}.board-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}.board-head h3{margin:0;font-size:16px}.board-head .helper{margin:0}.fleet-status,.shot-log{padding:12px;background:var(--panel);border:1px solid var(--hairline);border-radius:4px}.fleet-status header,.shot-log header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.fleet-status h4,.shot-log h4,.radial-menu h4{margin:0 0 8px;color:var(--gold);font-family:var(--font-serif);font-size:15px}.fleet-status ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px}.fleet-ship{padding:6px;display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--panel-raised);border:1px solid rgba(193,153,118,.4);font-size:13px}.fleet-ship.sunk{border-color:var(--hit);background:#7a1e1e73}.fleet-ship.sunk .fleet-name{text-decoration:line-through}.fleet-dots{color:var(--teal);letter-spacing:1px;font-size:10px}.fleet-ship.sunk .fleet-dots{color:var(--hit)}.fleet-len{color:var(--miss);font-size:12px}.shot-log ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.shot-log li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:6px;border-bottom:1px solid rgba(193,153,118,.15)}.shot-log li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--miss)}.shot-log li.shot-hit:before{background:var(--gold)}.shot-log li.shot-sunk:before{background:var(--hit)}.shot-log .auto{font-size:12px;padding:2px 8px;border-color:#f08a24;color:#f5a15a}.aim-bar{padding:12px;display:flex;flex-direction:column;gap:10px}.aim-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.aim-label{color:var(--miss)}.aim-coord{min-width:56px;padding:4px 12px;text-align:center;border:1px solid var(--gold);background:var(--bg);font:700 22px var(--font-serif);color:var(--gold-light)}.aim-tools{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px}.aim-bar .ornate{width:100%}.aim-bar .ornate-inner{width:100%;min-height:56px;font-size:18px}.board-target-frame{position:relative}.radial-menu{position:absolute;z-index:5;left:50%;top:56px;transform:translate(-50%);width:min(320px,calc(100% - 16px));padding:12px;display:flex;flex-direction:column;gap:8px;background:var(--panel-raised);box-shadow:0 8px 24px #0009}.radial-head{display:flex;justify-content:space-between;align-items:center}.radial-cell{font:700 20px var(--font-serif);color:var(--gold-light)}.radial-close{width:44px;height:44px;background:none;border:0;color:var(--gold);font-size:24px;cursor:pointer}.placement-grid .sea-cell{touch-action:none}.ship-menu-actions{display:flex;gap:8px}.ship-menu-actions .chip{flex:1}.radial-phrases{display:flex;flex-wrap:wrap;gap:6px}.radial-phrases .chip{min-height:44px;font-weight:500;color:var(--text)}.radial-form{display:flex;gap:8px}.radial-form input{flex:1;min-width:0;min-height:44px;padding:0 10px;background:var(--panel);color:var(--text);border:1px solid var(--hairline);border-radius:4px;font:16px var(--font-sans)}.radial-menu .helper{margin:0;text-align:right}.spectate-banner{padding:14px;background:linear-gradient(90deg,rgba(91,63,160,.45),var(--panel));border-color:var(--purple)}.spectate-title{font:700 18px var(--font-serif);color:var(--text)}.spectate-turn{margin:0;padding:10px 12px;background:var(--panel);border:1px solid var(--hairline);font-weight:600;color:var(--gold-light)}.coin-toss{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#0a1116bf;pointer-events:none}.coin-toss p{margin:0;font:700 22px var(--font-serif);color:var(--gold-light);text-align:center}.coin{width:88px;height:88px;display:grid;place-items:center;border:3px solid var(--gold);border-radius:50%;background:radial-gradient(circle,#3a2414,var(--ink));font-size:40px;color:var(--gold-light)}.coin.spinning{animation:coin-spin .5s linear infinite}@keyframes coin-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.post-banner{padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.post-banner h2{margin:0;font-size:32px;color:var(--gold-light)}.post-banner .helper{margin:0;font-size:15px}.post-trophy{width:72px;height:72px;display:flex;align-items:center;justify-content:center;font-size:36px;border:1px solid var(--gold);border-radius:8px;background:var(--panel-raised);box-shadow:0 0 40px -6px #d99a6899}.post-banner h2{font-family:var(--font-serif)}.post-boards h3{margin:0 0 8px}@media(max-width:399px){.room{padding-left:12px;padding-right:12px}.board{padding:10px 0}.board-head{padding:0 8px}}@container battle (min-width: 746px){.battle-tabs{display:none}.vs-header .seat-avatar{display:flex;width:56px;height:56px;font-size:26px}.vs-mid .vs-badge{display:none}.turn-timer-clock{width:88px;height:88px;display:flex;align-items:center;justify-content:center;border-radius:50%;border-width:2px;font-size:24px;box-shadow:0 0 24px -4px #d99a6899,inset 0 0 0 4px var(--bg),inset 0 0 0 5px #c1997680}.turn-timer-clock>[aria-hidden]{display:none}.battle-boards:not(.both){grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}.battle-boards .board-col-ocean{order:-1}.fleet-status{padding:8px 12px}.fleet-status ul{display:flex;flex-wrap:wrap;gap:4px}.fleet-ship{flex:1 1 0;min-width:0;padding:4px;font-size:11px}.fleet-len{display:none}.fleet-ship.sunk .fleet-len{display:block;font-size:11px}.aim-bar{flex-direction:row;align-items:center;gap:16px}.aim-row{flex:1}.aim-bar .ornate{width:auto;flex:1}.aim-bar>.helper-error{position:absolute;bottom:-24px}.battle-boards,.battle-boards.both{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.battle-boards[data-tab] .board-col-ocean,.battle-boards[data-tab] .board-col-target{display:flex}.battle-boards.spectator-boards{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.spectator-boards .board-col-hidden{display:flex}}@container battle (min-width: 600px){.aim-bar{flex-direction:row;flex-wrap:wrap;align-items:center}.aim-row{flex:1 1 320px}.aim-bar .ornate{width:auto;flex:1 1 240px}}@media(prefers-reduced-motion:reduce){.taunt-ripple,.coin.spinning,.sea-cell.last:before,.battle.my-turn .board-col-target .board{animation:none}.turn-flash{animation:none;opacity:1}}@media(max-width:767px){.room-main{order:1}.room-log{display:none}.room-members{order:2}.room-header{flex-wrap:wrap;gap:8px;padding-bottom:8px}.room-header .home-brand{flex:1;min-width:0}.room-header .brand{font-size:16px;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-header .helper{font-size:12px}.room-header .home-tools{gap:2px}.room-header .chip{width:32px;min-height:32px;font-size:14px}.room-header .lang-toggle button{min-width:28px;min-height:30px;font-size:11px}.invite-bar>.helper:first-child{display:none}.invite-bar{order:3;width:100%;justify-content:space-between;padding:4px 4px 4px 10px}.invite-code{font-size:18px}.room-side:not(.open) .chat-title{display:none}}.battle.my-turn .board-col-target .board{border-color:var(--gold-light);box-shadow:0 0 0 1px var(--gold),0 0 28px -4px #d99a68b3}.sea-cell.last:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border:2px solid var(--gold-light);border-radius:50%;box-shadow:0 0 10px #fbcea0cc;animation:last-pulse 1.4s ease-out infinite;pointer-events:none}@keyframes last-pulse{0%{transform:scale(.55);opacity:1}to{transform:scale(1);opacity:.35}}.battle.my-turn .board-col-target .board{animation:turn-glow 1.8s ease-in-out infinite}.battle:not(.my-turn) .board-col-target .board{opacity:.6}@keyframes turn-glow{50%{box-shadow:0 0 0 1px var(--gold),0 0 44px #d99a68e6}}.turn-flash{position:fixed;z-index:45;left:50%;top:40%;transform:translate(-50%,-50%);padding:18px 40px;background:#0a1116eb;border:2px solid var(--gold-light);border-radius:6px;box-shadow:0 0 60px #d99a68b3;font:700 40px var(--font-serif);color:var(--gold-light);white-space:nowrap;pointer-events:none;animation:turn-flash 1.6s ease-out forwards}@keyframes turn-flash{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}25%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0}}.kbd-hint{margin:0;text-align:center}@media(hover:none){.kbd-hint{display:none}}.toasts{position:fixed;z-index:46;bottom:88px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{margin:0;padding:10px 18px;background:var(--panel-raised);border:1px solid var(--gold);border-radius:4px;box-shadow:0 8px 24px #0009;color:var(--gold-light);white-space:nowrap;animation:toast-in .25s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.shot-fx{position:fixed;z-index:44;left:50%;top:38%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px 32px;min-width:200px;background:#0a1116e0;border:2px solid var(--hairline);border-radius:8px;box-shadow:0 10px 40px #000000b3;pointer-events:none;text-align:center;animation:fx-fade var(--fx-ms) ease-in forwards}.shot-fx-miss{--fx-ms: 1.2s;border-color:var(--miss)}.shot-fx-hit{--fx-ms: 1.4s;border-color:var(--hit);box-shadow:0 0 50px #e2553ab3;animation:fx-fade var(--fx-ms) ease-in forwards,fx-shake .4s linear}.shot-fx-sunk{--fx-ms: 2.4s;border-color:var(--sunk);box-shadow:0 0 60px #7a1e1ee6}.shot-fx-art{position:relative;width:96px;height:84px;display:flex;align-items:center;justify-content:center;overflow:hidden}.shot-fx-icon{font-size:60px;line-height:1}.shot-fx-title{margin:0;font:700 30px var(--font-serif);color:var(--text)}.shot-fx-sub{margin:0;font-size:13px;color:var(--miss)}.shot-fx-miss .shot-fx-title{color:#c9d6dc}.shot-fx-hit .shot-fx-title{color:#f5a15a}.shot-fx-sunk .shot-fx-title{color:#f07c66}.shot-fx-miss .shot-fx-icon{animation:fx-drop .5s ease-out}.shot-fx-miss .shot-fx-art:before,.shot-fx-miss .shot-fx-art:after{content:"";position:absolute;left:50%;top:70%;width:60px;height:20px;margin:-10px 0 0 -30px;border:2px solid #8FC7D6;border-radius:50%;opacity:0;animation:fx-ring 1s ease-out .25s}.shot-fx-miss .shot-fx-art:after{animation-delay:.45s}.shot-fx-hit .shot-fx-icon{animation:fx-burst .6s cubic-bezier(.2,1.6,.4,1)}.shot-fx-sunk .shot-fx-icon{animation:fx-sink 2s ease-in .3s forwards}.shot-fx-waves{position:absolute;left:0;right:0;bottom:0;font-size:22px;line-height:1;letter-spacing:-6px;animation:fx-waves 1.2s ease-in-out infinite alternate}@keyframes fx-fade{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes fx-shake{0%,to{margin-left:0}20%{margin-left:-10px}40%{margin-left:9px}60%{margin-left:-6px}80%{margin-left:4px}}@keyframes fx-drop{0%{transform:translateY(-40px) scale(.6);opacity:0}to{transform:none;opacity:1}}@keyframes fx-ring{0%{transform:scale(.3);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes fx-burst{0%{transform:scale(.2) rotate(-20deg);opacity:0}60%{transform:scale(1.35) rotate(8deg);opacity:1}to{transform:scale(1) rotate(0)}}@keyframes fx-sink{0%{transform:none}25%{transform:rotate(-12deg)}to{transform:translateY(70px) rotate(28deg);opacity:.2}}@keyframes fx-waves{0%{transform:translate(-6px)}to{transform:translate(6px)}}.sea-cell.last.hit:after,.sea-cell.last.sunk:after{animation:fx-burst .6s cubic-bezier(.2,1.6,.4,1)}@media(prefers-reduced-motion:reduce){.shot-fx,.shot-fx *,.shot-fx-art:before,.shot-fx-art:after,.sea-cell.last:after{animation:none!important}}.sea-cell.enemy-aim{box-shadow:inset 0 0 0 2px var(--hit);animation:aim-blink .9s ease-in-out infinite}.sea-cell.enemy-aim:after{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;border:2px solid var(--hit);border-radius:50%;background:linear-gradient(var(--hit),var(--hit)) center / 2px 100% no-repeat,linear-gradient(var(--hit),var(--hit)) center / 100% 2px no-repeat;pointer-events:none}@keyframes aim-blink{50%{box-shadow:inset 0 0 0 2px var(--hit),0 0 14px #e2553ae6}}@media(prefers-reduced-motion:reduce){.sea-cell.enemy-aim{animation:none}}@media(max-width:380px){.room-header .brand{font-size:14px}}.poison-summary,.poison-over{display:flex;flex-direction:column;gap:12px;min-width:0}.poison-summary-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.poison-summary-head h2{margin:4px 0 0;font-size:28px;color:var(--text)}.poison-chip{display:inline-flex;align-items:center;gap:6px;border-radius:4px;border-color:var(--teal)}.suit-glyph{font-size:1.15em;color:var(--text)}.suit-glyph.red{color:var(--hit)}.poison-shooter{flex:1 1 100%;display:flex;align-items:center;gap:12px;padding:12px;background:#7a1e1e59;border:1px solid var(--hit);border-radius:4px}.poison-shooter strong{color:var(--gold-light);font-family:var(--font-serif);font-size:17px}.poison-shooter .helper{margin:2px 0 0;color:#f3ebddcc}.poison-shooter-icon{flex:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:24px;background:var(--bg);border:1px solid var(--hit);border-radius:4px}.poison-rank h3,.poison-dead h3,.poison-final h3{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 8px}.poison-rank h3 .helper{margin:0}.poison-table-wrap{overflow-x:auto}.poison-scores{width:100%;border-collapse:collapse;font-size:15px}.poison-scores th,.poison-scores td{padding:10px 8px;text-align:left;border-bottom:1px solid rgba(193,153,118,.2);white-space:nowrap}.poison-scores thead th{color:var(--gold);font:600 13px var(--font-serif)}.poison-scores tbody th{font-weight:600}.poison-scores .tag{margin-left:6px}.poison-scores .num{text-align:right;font-variant-numeric:tabular-nums}.poison-scores .total{color:var(--gold-light);font-weight:700}.poison-scores tr.me{background:#d99a681a;box-shadow:inset 3px 0 0 var(--gold)}.poison-scores tr.shooter,.poison-scores tr.winner{background:#1f6f7833}.poison-scores td.shot{color:var(--gold-light)}.card-chips{display:flex;flex-wrap:wrap;gap:8px}.card-chip{min-width:40px;padding:8px 6px;text-align:center;background:var(--text);color:var(--ink);border:1px solid var(--hairline);border-radius:4px;font:700 18px var(--font-serif)}.card-chip.red{color:#b3261e}.poison-final{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.poison-final .poison-dead{align-self:stretch}.poison-ready{display:flex;flex-direction:column;gap:8px}.poison-ready .helper{margin:0}.poison-ready .ornate{width:100%}.poison-guide-btn{align-self:center}.riichi{--tile-face: #EFE6D2;--tile-jade: #1F5E55;--tile-crimson: #A3242C;--felt: #0E2622;container-type:inline-size;display:flex;flex-direction:column;gap:10px;min-width:0}.rt{--tw: 22px;position:relative;flex:none;display:inline-block;width:var(--tw);aspect-ratio:30 / 42;padding:calc(var(--tw) * .08) calc(var(--tw) * .05) calc(var(--tw) * .24);border-radius:calc(var(--tw) * .14);background:linear-gradient(to top,var(--tile-jade) 0 12%,#CFC4AC 12% 14%,var(--tile-face) 14%);box-shadow:0 1px 2px #0009;vertical-align:bottom}.rt svg{display:block;width:100%;height:100%;font-family:"Noto Serif CJK JP","Noto Serif JP","Noto Serif SC",Yu Mincho,MS Mincho,serif}.rt-back{background:repeating-linear-gradient(45deg,rgba(217,154,104,.18) 0 1px,transparent 1px 5px),repeating-linear-gradient(-45deg,rgba(217,154,104,.18) 0 1px,transparent 1px 5px),var(--tile-jade);border:1px solid rgba(193,153,118,.5)}.rt-red{box-shadow:0 0 0 1px #a3242cbf,0 1px 2px #0009}.rt-called{opacity:.4}.rt-hot{outline:2px solid var(--gold-light);outline-offset:1px;box-shadow:0 0 10px #fbcea0cc}.rt-hand{--tw: 100%;width:100%}.rt-pond,.rt-side-pond{--tw: 16px}.rt-meld,.rt-side-meld{--tw: 18px}.rt-dora,.rt-side-dora{--tw: 22px}.rt-mini,.rt-side-mini{--tw: 6px;padding:0;border-width:0;background:var(--tile-jade)}.rt-side{position:relative;flex:none;display:inline-block;width:calc(var(--tw) * 1.4);height:var(--tw);vertical-align:bottom}.rt-side>.rt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg)}.rt-side.rt-called>.rt{opacity:.4}.rt-side.rt-hot>.rt{outline:2px solid var(--gold-light)}.rq-table{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 6px;padding:8px 6px;background:radial-gradient(ellipse at 50% 45%,#15362F,var(--felt) 75%);border:1px solid var(--hairline);border-radius:6px}.rq-seat{min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px}.rq-rel-0,.rq-console{grid-column:1 / -1}.rq-plaque{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;padding:4px 6px;background:var(--panel);border:1px solid rgba(193,153,118,.4);border-radius:4px}.rq-plaque.me{border-color:var(--gold)}.rq-plaque.active{border-color:var(--gold-light);box-shadow:0 0 0 1px var(--gold),0 0 14px #d99a688c}.rq-wind{flex:none;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);border-radius:3px;color:var(--gold-light);font:700 13px var(--font-serif)}.rq-plaque-main{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.rq-name{font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rq-points{font:700 12px var(--font-sans);color:var(--gold-light);font-variant-numeric:tabular-nums}.rq-badges{display:flex;flex-wrap:wrap;gap:3px;flex-basis:100%}.rq-badges:empty{display:none}.rq-rel-0 .rq-badges{flex-basis:auto}.rq-badge{padding:0 5px;border:1px solid var(--gold);border-radius:3px;font-size:10px;line-height:16px;white-space:nowrap;color:var(--gold-light)}.rq-badge.rq-riichi-badge{border-color:var(--tile-crimson);background:#a3242c73;color:#ffd9d4}.rq-badge.bot{border-color:var(--purple);background:#5b3fa059}.rq-badge.away{border-color:var(--miss);color:var(--text);background:#8fa3ad33}.rq-badge.furiten{border-color:#d9a13a;background:#d9a13a2e;color:#f4cf84}.rq-badge.dealer{border-color:var(--teal);background:#1f6f7859}.rq-clock{font:700 11px var(--font-sans);color:var(--gold-light);font-variant-numeric:tabular-nums;white-space:nowrap}.rq-clock.reserve{color:#f4a84b}.rq-backs{display:flex;gap:1px}.rq-backs .rt-mini{height:9px;aspect-ratio:auto;border-radius:1px}.rq-melds{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.rq-meld{display:inline-flex;align-items:flex-end;gap:1px}.rq-pond{display:grid;grid-template-columns:repeat(6,auto);gap:1px;align-items:end;justify-content:start;min-height:22px}.rq-pond-cell{display:inline-flex}.rq-console{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 14px;padding:6px 10px;background:#0a1116bf;border:1px solid var(--hairline);border-radius:4px}.rq-round{font:700 16px var(--font-serif);color:var(--gold);white-space:nowrap}.rq-stats{display:flex;gap:10px;font-size:13px;white-space:nowrap;color:var(--text)}.rq-stick{display:inline-block;width:18px;height:4px;vertical-align:middle;border-radius:2px;background:radial-gradient(circle,var(--tile-crimson) 0 1.5px,#F3EBDD 2px)}.rq-dora{display:flex;align-items:center;gap:2px}.rq-dora-label{margin-right:4px;font:600 11px var(--font-sans);color:var(--gold);letter-spacing:.08em}.rq-toggles{display:flex;flex-wrap:wrap;gap:4px 16px}.rq-toggle{display:inline-flex;align-items:center;gap:8px;min-height:36px;font-size:13px;cursor:pointer}.rq-toggle input{width:18px;height:18px;accent-color:var(--gold)}.rq-dock{position:sticky;bottom:61px;z-index:5;display:flex;flex-direction:column;gap:8px;background:linear-gradient(transparent,var(--bg) 12px)}@media(min-width:768px){.rq-dock{bottom:0}}.rq-hand{display:flex;flex-direction:column;gap:6px;padding:8px 0 4px;border-top:1px solid rgba(193,153,118,.3)}.rq-hand.my-turn{border-top-color:var(--gold-light)}.rq-hand-info{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.rq-hand-info:empty{display:none}.rq-wait{display:inline-flex;flex-wrap:wrap;align-items:center;gap:3px;padding:2px 10px;border:1px solid var(--teal);border-radius:999px;background:#1f6f7840;font-size:12px}.rq-wait .rt{margin-left:2px}.rq-wait-left{color:var(--gold-light);white-space:nowrap}.rq-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.rq-caption{margin:0 auto 0 0}.rq-actions .ornate-inner{display:inline-flex;align-items:center;gap:6px}.rq-hand>.rq-melds{justify-content:flex-end}.rh-row{display:flex;align-items:flex-end;gap:1px}.rh-tile{flex:1 1 0;min-width:0;max-width:48px;min-height:48px;display:flex;align-items:flex-end;padding:10px 0 0;background:none;border:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.rh-tile:disabled{cursor:default}.rh-tile .rt{transition:transform .12s}.rh-tile.sel .rt{transform:translateY(-9px);box-shadow:0 0 0 1px var(--gold-light),0 4px 14px #d99a68cc}.rh-tile.dim .rt{filter:brightness(.55)}.rh-tile.drawn{margin-left:6px}.rh-tile:focus-visible{outline:2px solid var(--gold-light);outline-offset:1px}.rq-callbar{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-color:var(--gold-light)}.rq-call-head{display:flex;align-items:center;gap:10px}.rq-call-what{display:inline-flex;align-items:center;gap:8px;font-size:14px}.rq-ring{position:relative;flex:none;width:44px;height:44px}.rq-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.rq-ring circle{fill:none;stroke-width:4}.rq-ring-track{stroke:#c1997640}.rq-ring-bar{stroke:var(--gold-light);transition:stroke-dashoffset .2s linear}.rq-ring-n{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font:700 15px var(--font-sans);color:var(--gold-light)}.rq-call-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.rq-btn-win .ornate-inner,.ornate .rq-btn-win{background:linear-gradient(180deg,#c2343d,#7e1a21);color:#fff3ee}.rq-picker{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.rq-picker>.helper{flex-basis:100%;margin:0}.rq-option{display:inline-flex;align-items:flex-end;gap:1px;min-height:48px;padding:6px 10px;background:var(--panel-raised);border:1px solid var(--hairline);border-radius:4px;cursor:pointer}.rq-option:hover,.rq-option:focus-visible{border-color:var(--gold-light)}.rq-result{display:flex;flex-direction:column;gap:12px}.rq-result.yakuman{border-color:var(--gold-light);box-shadow:0 0 0 1px var(--gold),0 10px 40px -8px #d99a6899}.rr-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.rr-head .eyebrow{margin:0;font-size:11px;letter-spacing:.12em}.rr-head h2{margin:2px 0 0;font-size:26px;color:var(--gold-light);overflow-wrap:anywhere}.rr-sub{margin:2px 0 0}.rr-kind{flex:none;padding:6px 12px;border-radius:4px;font:800 18px var(--font-display);letter-spacing:.1em;color:#fff3ee;background:linear-gradient(180deg,#c2343d,#7e1a21);box-shadow:0 0 0 1px #ff9c8f inset}.rr-kind.tsumo{background:linear-gradient(180deg,#2b8c83,#15534d);box-shadow:0 0 0 1px #7fe0d3 inset}.rr-hand{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 10px;padding:10px;background:var(--felt);border:1px solid rgba(193,153,118,.4);border-radius:4px}.rr-concealed{display:inline-flex;flex-wrap:wrap;gap:1px}.rr-hand .rq-melds{justify-content:flex-start}.rr-hand{padding-top:22px}.rr-win-tile{position:relative;display:inline-flex;margin-left:auto;padding-left:8px;border-left:1px solid rgba(193,153,118,.4)}.rr-win-label{position:absolute;right:0;bottom:100%;margin-bottom:4px;font-size:10px;line-height:1.2;color:var(--gold);white-space:nowrap}.rt-win{outline:2px solid var(--gold-light);outline-offset:2px;box-shadow:0 0 12px #fbcea0bf}.rr-inds{display:flex;flex-wrap:wrap;gap:6px 18px}.rr-ind{display:flex;align-items:center;gap:2px}.rr-ind-label{margin-right:6px;font:600 11px var(--font-sans);color:var(--gold);letter-spacing:.08em}.rr-yakuman{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--gold-light);border-radius:4px;background:linear-gradient(90deg,#d99a6859,#d99a680d)}.rr-yakuman-tag{padding:2px 8px;border-radius:3px;background:var(--gold);color:var(--ink);font:800 14px var(--font-display);letter-spacing:.15em}.rr-yakuman-names{font:700 18px var(--font-serif);color:var(--gold-light)}.rr-yaku,.rg-group ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.rr-yaku li,.rg-group li{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding:6px 10px;background:var(--panel);border:1px solid rgba(193,153,118,.25);border-radius:4px}.rr-yaku li.dora{border-style:dashed}.rr-yaku-name{font-weight:700;color:var(--text)}.rr-yaku-desc{flex:1;min-width:0;font-size:13px;color:var(--miss)}.rr-yaku-han{margin-left:auto;font:700 14px var(--font-sans);color:var(--gold-light);white-space:nowrap}.rr-total{margin:0;padding:10px 12px;text-align:center;font:700 17px var(--font-sans);color:var(--gold-light);border:1px solid var(--gold);border-radius:4px;background:linear-gradient(180deg,#d99a682e,#d99a680a);font-variant-numeric:tabular-nums}.rr-total strong{font-size:20px}.rr-deltas{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.rr-deltas li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:6px 8px;background:var(--panel);border:1px solid rgba(193,153,118,.25);border-radius:4px}.rr-deltas li.up{border-color:#4cc38a99;background:#4cc38a14}.rr-deltas li.down{border-color:#ff7a6b80;background:#ff7a6b12}.rr-deltas li.me{box-shadow:0 0 0 1px var(--gold) inset}.rr-who{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px}.rq-badge.win{border-color:#4cc38a;color:#b9f0d2}.rq-badge.tenpai{border-color:#4cc38a;background:#4cc38a2e;color:#b9f0d2}.rq-badge.noten{border-color:var(--miss);color:var(--miss)}.rq-delta{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.rq-delta.up{color:#4cc38a}.rq-delta.down{color:#ff7a6b}.rr-arrow{color:var(--miss)}.rr-deltas .rq-points{min-width:52px;text-align:right}.rr-draw-hand{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:flex-end;gap:4px 1px;padding-left:30px}.rr-draw-hand .rq-melds{margin-left:6px}.rr-draw-hand .rq-melds{justify-content:flex-start}.rr-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.rr-ready-n{font-weight:600;opacity:.85}.rr-countdown{padding:4px 10px;border:1px solid var(--hairline);border-radius:999px;font:700 13px var(--font-sans);color:var(--gold-light);font-variant-numeric:tabular-nums;white-space:nowrap}.rq-last-hand>summary{cursor:pointer;padding:8px 0;color:var(--gold-light)}.rq-final{display:flex;flex-direction:column;gap:12px}.rf-rank h3,.rf-graph h3{margin:0 0 8px;font-size:18px}.rf-rows{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.rf-rows li{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--panel);border:1px solid rgba(193,153,118,.3);border-radius:4px}.rf-rows li.first{border-color:var(--gold-light);background:linear-gradient(90deg,rgba(217,154,104,.22),var(--panel))}.rf-rows li.me{box-shadow:0 0 0 1px var(--gold) inset}.rf-place{flex:none;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);border-radius:3px;font:700 14px var(--font-serif);color:var(--gold-light)}.rf-swatch{flex:none;display:inline-block;width:10px;height:10px;border-radius:50%}.rf-pts{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}.rf-pts .rq-points{font-size:16px}.rf-pts .rq-delta{font-size:12px}.rf-chart{margin:0}.rf-chart svg{display:block;width:100%;height:auto;max-height:260px;background:#0e1820;border-radius:4px}.rf-tick line{stroke:#c1997626;stroke-width:1}.rf-tick line.start{stroke:#c1997666;stroke-dasharray:3 3}.rf-tick text,.rf-axis{fill:var(--miss);font:9px var(--font-sans)}.rf-legend{margin:8px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px 16px}.rf-legend li{display:flex;align-items:center;gap:6px;min-width:0;font-size:13px}.rf-legend .rq-name{flex:1;min-width:0}.rf-legend-n{font-variant-numeric:tabular-nums;color:var(--text)}.rq-seat{position:relative}.rq-flash{position:absolute;left:50%;top:50%;z-index:4;transform:translate(-50%,-50%) rotate(-6deg);font:900 34px/1 var(--font-display);letter-spacing:.04em;white-space:nowrap;pointer-events:none;color:var(--gold-light);-webkit-text-stroke:1px #5A2E12;text-shadow:0 2px 0 #7A3F18,0 0 18px rgba(217,154,104,.9);animation:rq-flash 1.1s ease-out forwards}.rq-flash.w-riichi{color:#ffd9d4;text-shadow:0 2px 0 #7E1A21,0 0 18px rgba(194,52,61,.9)}.rq-flash.overlay{position:fixed;top:40%;z-index:60;font-size:64px}.rq-flash.overlay.w-ron{color:#ffe1db;text-shadow:0 3px 0 #7E1A21,0 0 28px rgba(194,52,61,.95)}.rq-flash.overlay.w-tsumo{color:#d8fff8;text-shadow:0 3px 0 #15534D,0 0 28px rgba(43,140,131,.95)}@keyframes rq-flash{0%{opacity:0;transform:translate(-50%,-50%) rotate(-6deg) scale(1.6)}15%{opacity:1;transform:translate(-50%,-50%) rotate(-6deg) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(-6deg) scale(1.05)}}.rg{gap:12px}.rg-title{margin:4px 0 0;font-size:24px}.rg-tabs{position:sticky;top:-16px;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--panel);border:1px solid var(--hairline);border-radius:4px}.rg-tab{min-height:40px;padding:6px 10px;background:none;border:1px solid transparent;border-radius:3px;color:var(--text);font:600 14px var(--font-sans);cursor:pointer}.rg-tab.on{border-color:var(--gold);background:#d99a6833;color:var(--gold-light)}.rg-tab:focus-visible{outline:2px solid var(--gold-light);outline-offset:1px}.rg-section{padding:12px;margin-top:10px;background:var(--panel);border:1px solid rgba(193,153,118,.3);border-radius:6px}.rg-section h3{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:17px}.rg-section p{margin:4px 0}.rg-section ul,.rg-section ol{margin:4px 0;padding-left:20px}.rg-n{flex:none;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);border-radius:50%;font-size:13px}.rg-tiles{display:inline-flex;flex-wrap:wrap;align-items:flex-end;gap:1px;vertical-align:middle}.rg-gap{margin-right:6px}.rg-suits{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 12px;margin:8px 0}.rg-suits dt{font-size:14px;color:var(--gold-light)}.rg-suits dd{margin:0}.rg-example-label{font-size:13px;color:var(--gold)}.rg-steps{padding-left:22px}.rg-steps li{margin:8px 0}.rg-steps li>span{display:block}.rg-steps li>.rg-step-tiles{display:flex;align-items:center;gap:8px;margin-bottom:2px}.rg-pond .rg-tiles>span:nth-child(3) .rt{outline:2px solid #D9A13A;outline-offset:1px}.rg-no{font-weight:700;color:#ff7a6b}.rg-common li{margin:8px 0}.rg-common-name{display:block;margin-bottom:2px}.rg-group{margin-top:12px}.rg-group h3{margin:0 0 6px;font-size:17px}.rg-tag{margin-left:auto;padding:0 6px;border:1px solid var(--teal);border-radius:3px;font-size:11px;line-height:18px;white-space:nowrap;color:var(--text);background:#1f6f784d}.rg-tag.closed{border-color:var(--purple);background:#5b3fa04d}.rg .rr-yaku-desc{flex-basis:140px}@container (min-width: 520px){.rg .rt-meld{--tw: 22px}}@container (min-width: 640px){.rq-table{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);grid-template-areas:". top ." "left console right" ". bottom .";gap:12px;padding:14px}.rq-rel-2{grid-area:top}.rq-rel-3{grid-area:left}.rq-rel-1{grid-area:right}.rq-rel-0{grid-area:bottom}.rq-console{grid-area:console;flex-direction:column;align-self:center;padding:12px}.rt-pond,.rt-side-pond,.rt-meld,.rt-side-meld{--tw: 22px}.rq-name{font-size:14px}.rq-points{font-size:13px}}@media(prefers-reduced-motion:reduce){.rh-tile .rt,.rq-ring-bar{transition:none}.rq-flash{animation:rq-flash-still 1.1s linear forwards}}@keyframes rq-flash-still{0%,80%{opacity:1}to{opacity:0}}.board-game,.bd-diagram{--sq-light: #D8B98A;--sq-dark: #6B4A2E;--parchment: #EFE3C8;--board-ink: #3A2614;--last: rgba(217, 154, 104, .55);--check: #A3242C}.board-game{display:flex;flex-direction:column;gap:10px;width:100%;max-width:560px;margin:0 auto;min-width:0}.bd-plaque{display:flex;align-items:center;gap:10px;padding:8px 10px;min-width:0}.bd-plaque .seat-avatar{width:40px;height:40px;font-size:20px}.bd-plaque.active{border-color:var(--gold-light);box-shadow:0 0 0 1px var(--gold),0 10px 30px -10px #000000b3}.bd-plaque-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.bd-plaque .seat-name{font-size:16px;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px}.bd-plaque .helper{font-size:13px}.bd-badge{padding:0 6px;border:1px solid var(--purple);border-radius:3px;background:#5b3fa059;font:600 11px var(--font-sans);color:var(--text)}.bd-side{display:inline-block;width:10px;height:10px;border-radius:50%;border:1px solid var(--gold);vertical-align:middle}.game-chess .bd-side.side-0,.game-makruk .bd-side.side-0,.game-checkers_th .bd-side.side-0,.game-oware .bd-side.side-0{background:#f3e6cc}.game-chess .bd-side.side-1,.game-makruk .bd-side.side-1,.game-xiangqi .bd-side.side-1,.game-oware .bd-side.side-1{background:#2a2320}.game-xiangqi .bd-side.side-0,.game-checkers_th .bd-side.side-1{background:#a3242c}.bd-your-turn{color:var(--gold-light)}.bd-captured{display:flex;flex-wrap:wrap}.bd-captured .bd-piece{position:static;width:16px;height:16px}.bd-clock{flex:none;min-width:74px;padding:4px 8px;text-align:center;background:var(--bg);border:1px solid rgba(193,153,118,.4);border-radius:4px;font:700 22px var(--font-serif);font-variant-numeric:tabular-nums;color:#f3ebdd8c}.bd-clock.running{color:var(--gold-light);border-color:var(--gold)}.bd-clock.low{color:#fff;background:var(--check);border-color:#e2553a;animation:bd-pulse 1s ease-in-out infinite}@keyframes bd-pulse{50%{box-shadow:0 0 12px #e2553acc}}.bd-banner{margin:0;padding:8px 12px;border:1px solid var(--gold);border-radius:4px;background:#d99a681f;color:var(--gold-light);font-size:14px}.bd-must{border-color:#e0a458;background:#e0a4582e;font-weight:600;text-align:center}.bd-offer{display:flex;flex-direction:column;gap:8px}.bd-offer-actions{display:flex;gap:8px;flex-wrap:wrap}.bd-offer-actions .ornate{flex:1}.bd-result{text-align:center}.bd-result h2{margin:0 0 4px;font-size:26px}.bd-result p{margin:0}.bd-board-wrap{width:100%}.bd-grid{position:relative;width:100%;border:3px solid #8A6A3E;border-radius:4px;box-shadow:0 0 0 1px var(--hairline),0 12px 30px -10px #000c;overflow:hidden;user-select:none;-webkit-user-select:none}.bd-grid.look-chess,.bd-grid.look-checkers{background:var(--sq-light)}.bd-grid.look-makruk{background:linear-gradient(135deg,#cfa873,#b98e57)}.bd-grid.look-xiangqi{background:var(--parchment)}.bd-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.bd-dark{fill:var(--sq-dark)}.bd-ink{stroke:var(--board-ink);stroke-width:1.2px;fill:none}.bd-river{fill:var(--board-ink);opacity:.55}.bd-cells{position:absolute;top:0;right:0;bottom:0;left:0;display:grid}.bd-cell{position:relative;min-width:0;min-height:0;padding:0;margin:0;background:none;border:0;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.bd-cell:focus-visible{outline:2px solid var(--gold-light);outline-offset:-2px}.bd-cell.light{cursor:default}.bd-cell.last{background:var(--last)}.look-xiangqi .bd-cell.last{background:none}.look-xiangqi .bd-cell.last:before{content:"";position:absolute;top:6%;right:6%;bottom:6%;left:6%;border:2px solid #B8692F;border-radius:4px}.bd-cell.selected{box-shadow:inset 0 0 0 3px var(--gold-light)}.look-xiangqi .bd-cell.selected{box-shadow:none}.look-xiangqi .bd-cell.selected .bd-piece{filter:drop-shadow(0 0 3px var(--gold-light)) drop-shadow(0 0 2px var(--gold-light))}.bd-cell.check{background:radial-gradient(circle,rgba(163,36,44,.95) 0 35%,rgba(163,36,44,.4) 60%,transparent 72%)}.bd-piece{position:absolute;top:4%;right:4%;bottom:4%;left:4%;width:92%;height:92%;pointer-events:none;filter:drop-shadow(0 2px 1.5px rgba(0,0,0,.55))}.look-xiangqi .bd-piece{top:2%;right:2%;bottom:2%;left:2%;width:96%;height:96%}.bd-hint{position:absolute;pointer-events:none}.bd-hint.move{left:37%;top:37%;width:26%;height:26%;border-radius:50%;background:#2a1a0e8c;box-shadow:0 0 0 2px #fbcea080}.bd-hint.capture{top:4%;right:4%;bottom:4%;left:4%;border-radius:50%;border:4px solid rgba(163,36,44,.85)}.bd-coord{position:absolute;font:700 9px var(--font-sans);line-height:1;pointer-events:none;color:#2a1a0ebf}.bd-coord.rank{top:3px;left:3px}.bd-coord.file{bottom:3px;right:3px}.bd-coord.num{top:2px;left:3px;color:#fbcea0bf}.bd-count{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.bd-count-chip{padding:4px 12px;border-radius:999px;background:#e0a458;color:var(--ink);font:700 16px var(--font-serif)}.bd-count .helper{font-size:12px}.bd-oware{display:flex;flex-direction:column;gap:6px;padding:8px;border:3px solid #4A2E1C;border-radius:18px;background:linear-gradient(180deg,#5a3a26,#3e2618);box-shadow:0 0 0 1px var(--hairline),0 12px 30px -10px #000c}.bd-pits{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.bd-pit{position:relative;aspect-ratio:1;min-width:0;padding:0;border:2px solid rgba(0,0,0,.4);border-radius:50%;background:radial-gradient(circle at 50% 40%,#2a1a10,#3e2618 70%);color:var(--text);cursor:default}.bd-pit.can{border-color:var(--gold);cursor:pointer;box-shadow:0 0 0 1px var(--gold-light)}.bd-pit.sown{box-shadow:0 0 10px 2px #d99a68e6}.bd-pit.taken{box-shadow:0 0 10px 2px #e2553ae6}.bd-pit.origin{opacity:.7}.bd-seeds{position:absolute;top:6%;right:6%;bottom:6%;left:6%;width:88%;height:88%}.bd-pit-count{position:absolute;right:-2px;bottom:-2px;min-width:22px;padding:0 4px;border-radius:999px;background:var(--bg);border:1px solid var(--gold);font:700 13px var(--font-serif);color:var(--gold-light)}.bd-pit-name{position:absolute;left:-2px;top:-4px;font:700 11px var(--font-sans);color:#fbcea0b3}.bd-store{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 12px;border-radius:999px;background:#00000059}.bd-store strong{font:700 22px var(--font-serif);color:var(--gold-light)}.bd-oware-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:28px}.bd-moves{list-style:none;margin:0;padding:6px 10px;display:flex;gap:12px;overflow-x:auto;white-space:nowrap;background:var(--bg);border:1px solid rgba(193,153,118,.4);border-radius:4px;font:14px ui-monospace,Cascadia Mono,Menlo,monospace;scrollbar-width:thin}.bd-moves li{display:flex;gap:6px}.bd-move-no{color:var(--miss)}.bd-move.latest{color:var(--gold-light);text-decoration:underline;text-underline-offset:3px}.bd-moves-empty{margin:0}.bd-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.bd-actions .ornate{flex:1 1 auto}.bd-actions .ornate-inner{font-size:14px}.bd-flip{flex:none;width:44px;padding:0;font-size:20px}.bd-resign.ornate-inner{color:#f2a39a}.bd-picker h3{margin-top:0}.bd-picker-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.bd-pick{flex:1 1 70px;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:44px;padding:8px;background:var(--panel-raised);color:var(--text);border:1px solid var(--hairline);border-radius:4px;cursor:pointer;font:600 14px var(--font-sans)}.bd-pick .bd-piece{position:static;width:48px;height:48px}@media(min-width:900px){.bd-moves{flex-wrap:wrap;max-height:140px;overflow-y:auto;white-space:normal}}.bd-diagram{display:block;float:left;width:128px;aspect-ratio:1;margin:0 12px 4px 0;border-width:2px}.bd-diagram .bd-cell{cursor:default}.guide-body p:has(>.bd-diagram){display:flow-root}.poison{--card-bg: #F4ECDC;--card-ink: #22180F;--card-red: #B3261E;--poison: #4CC38A;container-type:inline-size;display:flex;flex-direction:column;gap:12px;min-width:0}.poison .red{color:var(--card-red)}.poison-bar .red,.vote-reveal .red{color:#ff7a6b}.poison .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.poison-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:var(--panel);border:1px solid var(--hairline);border-radius:4px}.poison-round{font:700 16px var(--font-serif);color:var(--gold);white-space:nowrap}.poison-chip{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--poison);border-radius:4px;background:#4cc38a1f;white-space:nowrap}.poison-chip.unknown{border-color:#c1997680;background:none;color:var(--miss)}.tie-badge{display:inline-block;padding:1px 6px;border:1px solid var(--gold);border-radius:4px;color:var(--gold-light);font-size:12px;white-space:nowrap}.poison .turn-timer{margin-left:auto}.poison-bar .poison-chip{order:2}@container (max-width: 639px){.poison-bar .poison-chip{flex-basis:100%;justify-content:center}.poison-felt:empty{display:none}}@container (min-width: 640px){.poison-bar .turn-timer{order:3}}.poison-table{display:flex;flex-direction:column;gap:10px}.seat-ring{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:6px}.poison-seat{order:var(--k);display:flex;align-items:flex-start;gap:8px;min-width:0;padding:6px 8px;background:var(--panel);border:1px solid rgba(193,153,118,.4);border-radius:4px;transition:border-color .2s,box-shadow .2s}.poison-seat.me{border-color:var(--gold)}.poison-seat.turn{border-color:var(--gold-light);box-shadow:0 0 0 2px var(--gold),0 0 16px #d99a6880}.poison-seat.auto{opacity:.85}.seat-initial{flex:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--panel-raised);border:1px solid var(--gold);border-radius:4px;color:var(--gold);font:700 16px var(--font-display);text-transform:uppercase}.poison-seat-main{display:flex;flex-direction:column;gap:2px;min-width:0}.poison-seat-name{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.poison-seat-stats{display:flex;gap:10px;font-size:13px;white-space:nowrap}.poison-seat-tags{display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:12px}.poison-seat-tags .tag{white-space:nowrap}.tag-auto{border-color:var(--miss);color:var(--miss)}.tag-turn{border-color:var(--gold-light);background:#d99a6840}.poison-seat-status{color:var(--miss);white-space:nowrap}.poison-seat.done .poison-seat-status{color:var(--poison)}.poison-felt{min-height:140px;display:flex;align-items:center;justify-content:center;padding:12px;background:radial-gradient(ellipse at center,#1f6f7859,#0f2a3099 70%);border:1px solid rgba(193,153,118,.35);border-radius:4px}.trick{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.trick-caption{margin:0;min-height:1.4em;text-align:center;color:var(--gold-light)}.trick-points{color:var(--poison);font-weight:700}.trick-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.trick.held .pcard:not(.highlight){opacity:.55}@container (min-width: 640px){.poison-table{position:relative;display:block;aspect-ratio:16 / 10;min-height:420px}.seat-ring{position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index:1;pointer-events:none}.poison-seat{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:160px;pointer-events:auto}.poison-felt{position:absolute;top:22%;right:18%;bottom:22%;left:18%;border-radius:50%/40%;border-color:#c1997680}.poison-felt .pcard{width:56px;height:80px}}.pcard{position:relative;flex:none;width:46px;height:66px;padding:4px 0 0 5px;display:flex;flex-direction:column;align-items:flex-start;background:var(--card-bg);color:var(--card-ink);border:1px solid #8C6E50;border-radius:4px;font:700 16px/1 var(--font-serif);text-align:left;box-shadow:0 2px 6px #00000073;transition:transform .15s,opacity .15s,box-shadow .15s}.pcard.red{color:var(--card-red)}.pcard-suit{font-size:20px;margin-top:4px}.pcard-pts{position:absolute;right:2px;bottom:2px;padding:1px 3px;background:var(--card-ink);color:var(--card-bg);border-radius:2px;font:700 10px var(--font-sans)}.pcard.poisoned .pcard-pts{background:#1f7a52}.pcard-flag{position:absolute;left:0;right:0;top:-9px;margin:0 auto;width:max-content;max-width:100%;padding:0 3px;background:var(--teal);color:var(--text);border-radius:2px;font:600 9px var(--font-sans);overflow:hidden}.pcard-owner{position:absolute;left:50%;bottom:-18px;transform:translate(-50%);max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font:600 11px var(--font-sans)}.trick-cards .pcard{margin-bottom:18px}.pcard.highlight{box-shadow:0 0 0 2px var(--gold),0 0 14px #d99a6899}button.pcard{cursor:pointer}button.pcard:disabled{cursor:default}button.pcard:focus-visible{outline:2px solid var(--gold-light);outline-offset:2px}.pcard.dim{opacity:.35;filter:grayscale(.6)}.pcard.selected{transform:translateY(-8px);box-shadow:0 0 0 2px var(--gold-light),0 6px 14px #00000080}.pcard.received{box-shadow:0 0 0 2px var(--teal),0 0 10px #1f6f78cc}.pcard.sent{opacity:.4}@container (min-width: 640px){.pcard{width:60px;height:86px;font-size:18px}.pcard-suit{font-size:26px}}.poison-hand{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 4px;padding-top:10px}.poison-panel{display:flex;flex-direction:column;gap:10px}.poison-panel.my-turn{border-color:var(--gold-light)}.poison-panel h3{margin:0;font-size:18px}.poison-panel-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}.poison-panel-head .helper{margin:0;width:100%}.poison-count{color:var(--gold-light);white-space:nowrap}.poison-status{margin:0;color:var(--gold-light)}.poison-received{margin:0}.poison-actions{display:flex;justify-content:center}.poison-actions .ornate{max-width:100%}.suit-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@container (min-width: 640px){.suit-picker{grid-template-columns:repeat(4,minmax(0,1fr))}}.suit-option{min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px;background:var(--panel);color:var(--text);border:1px solid rgba(193,153,118,.5);border-radius:4px;font:600 14px var(--font-sans);cursor:pointer}.suit-option-symbol{font-size:28px;line-height:1}.suit-option.red .suit-option-symbol{color:#ff7a6b}.suit-option.on{border-color:var(--poison);background:#4cc38a26;box-shadow:0 0 0 1px var(--poison)}.suit-option .helper{margin:0}.vote-reveal{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;border-color:var(--poison)}.vote-reveal h3{margin:0}.vote-reveal-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.vote-flip{width:72px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;background:var(--panel-raised);border:1px solid rgba(193,153,118,.5);border-radius:4px;animation:vote-flip .6s ease-out .3s both}.vote-flip.hit{border-color:var(--poison)}.vote-flip-suit{font-size:26px;line-height:1}.vote-flip.red .vote-flip-suit{color:#ff7a6b}.vote-flip-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.vote-reveal-result{margin:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px}@keyframes vote-flip{0%{transform:rotateY(90deg);opacity:0}to{transform:rotateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.vote-flip{animation:none}.pcard{transition:none}}.poison-shoot-fx{--fx-ms: 2.6s;border-color:#4cc38a;box-shadow:0 0 60px #4cc38a99}.poison-shoot-fx .shot-fx-title{color:#7fe0b0}.poison-shoot-fx .shot-fx-sub{color:var(--gold-light)}.poison-shoot-fx .shot-fx-icon{animation:fx-burst .6s cubic-bezier(.2,1.6,.4,1)}.decoy{--ans-yes: #3FB57A;--ans-no: #E2553A;--ans-close: #E8B94A;--ans-skip: var(--miss);display:flex;flex-direction:column;gap:12px;min-width:0}.decoy q{overflow-wrap:anywhere}.decoy ol,.decoy ul{list-style:none;margin:0;padding:0}.decoy-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;background:var(--panel);border:1px solid var(--hairline);border-radius:4px}.decoy-round{font:700 16px var(--font-serif);color:var(--gold);white-space:nowrap}.decoy-oracle{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b9a2f0}.decoy-bar .turn-timer{margin-left:auto}.role-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;text-align:center}.role-card-face{display:flex;flex-direction:column;align-items:center;gap:4px}.role-name{font:700 24px var(--font-serif);color:var(--gold-light)}.role-name.role-saboteur{color:#b9a2f0}.role-name.role-oracle{color:#7fd8e0}.role-word{margin:0;font-size:16px}.role-word strong{font:700 22px var(--font-serif);color:var(--gold-light);overflow-wrap:anywhere}.role-hold{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.role-hold.big{width:100%;max-width:320px;min-height:96px;padding:12px;background:var(--panel-raised);color:var(--gold-light);border:2px solid var(--gold);border-radius:12px;font:600 15px var(--font-sans);cursor:pointer}.role-card.shown .role-hold.big{background:#d99a6833}.role-card.compact{flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:8px 12px;text-align:left}.role-card.compact .role-card-face{flex-direction:row;flex-wrap:wrap;gap:8px;align-items:baseline}.role-card.compact .role-name,.role-card.compact .role-word strong{font-size:16px}.role-card.compact .role-hold{margin-left:auto}.decoy-reveal{display:flex;flex-direction:column;align-items:center;gap:10px}.ready-count{margin:0}.role-list{align-self:stretch;margin-top:8px}.role-list ul{display:flex;flex-direction:column;gap:6px}.role-list li{display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:var(--panel);border:1px solid rgba(193,153,118,.4);border-radius:4px}.role-list .helper{margin:0}.token-piles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pile{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;background:var(--panel);border:1px solid var(--pile);border-radius:4px;transition:opacity .2s}.pile-icon{color:var(--pile);font-size:20px;line-height:1}.pile-name{font-size:13px}.pile-count{font:700 20px var(--font-serif);color:var(--pile)}.pile.empty{opacity:.35;filter:grayscale(.8);border-style:dashed}.ans-yes{--pile: var(--ans-yes)}.ans-no{--pile: var(--ans-no)}.ans-close{--pile: var(--ans-close)}.ans-skip{--pile: var(--ans-skip)}.last-chance{margin:0;padding:10px 12px;border-color:var(--hit);background:#e2553a26}.last-chance strong{color:#ff7a6b}.qa-log{padding:8px}.qa-log .helper{margin:4px}.qa-log ol{display:flex;flex-direction:column;gap:6px;max-height:45vh;overflow-y:auto}.qa-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;padding:6px 8px;background:var(--panel-raised);border-left:3px solid var(--pile, var(--hairline));border-radius:4px}.qa-q{min-width:0;flex:1 1 60%;margin:0}.qa-answer{flex:none;color:var(--pile);font-weight:700}.qa-guess{border-left-color:var(--hit);background:#e2553a1f}.qa-waiting{opacity:.7;border-left-style:dashed}.qa-waiting .qa-answer{color:var(--miss);font-weight:400}.decoy-inputs{display:flex;flex-direction:column;gap:10px}.decoy-input{display:flex;flex-direction:column;gap:4px}.decoy-input .helper{margin:0}.decoy-input-label{display:flex;justify-content:space-between;gap:8px;color:var(--gold);font-family:var(--font-serif)}.decoy-input-row{display:flex;gap:6px}.decoy-input-row input{flex:1;min-width:0;min-height:44px;padding:0 12px;background:var(--panel);color:var(--text);border:1px solid var(--hairline);border-radius:4px;font:16px var(--font-sans)}.decoy-input.guess .decoy-input-row input{border-color:#e2553a99}.decoy-input-row .chip{flex:none}.chip-guess{background:var(--gold);color:var(--ink)}.decoy-input .chip:disabled{opacity:.45;cursor:default}.oracle-word{margin:0;padding:10px 12px}.oracle-word strong{font:700 22px var(--font-serif);color:var(--gold-light)}.oracle-queue ol{display:flex;flex-direction:column;gap:8px}.oracle-q{padding:10px}.oracle-q .qa-q{margin-bottom:8px}.oracle-answers{display:grid;grid-template-columns:1fr 1fr;gap:6px}.answer-btn{min-height:44px;background:var(--panel-raised);color:var(--text);border:1px solid var(--pile);border-radius:4px;font:600 15px var(--font-sans);cursor:pointer}.answer-btn>span{color:var(--pile)}.answer-btn:disabled{opacity:.35;border-style:dashed;cursor:default}.answer-btn:focus-visible{outline:2px solid var(--gold-light);outline-offset:2px}.decoy-vote,.decoy-ally{display:flex;flex-direction:column;gap:8px;padding:12px}.decoy-vote .helper,.decoy-ally .helper,.decoy-vote .section-title,.decoy-ally .section-title{margin:0}.decoy-banner{margin:0;padding:8px 12px;text-align:center;color:var(--gold-light);font:700 16px var(--font-serif);background:#d99a681f;border:1px solid var(--gold);border-radius:4px}.decoy-status{margin:0;text-align:center}.voted-list{display:flex;flex-wrap:wrap;gap:6px}.voted-list li{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 10px;border:1px dashed var(--miss);border-radius:999px;font-size:13px;color:var(--miss)}.voted-list li.done{border:1px solid var(--ans-yes);color:var(--text)}.voted-list li.done:before{content:"✓ ";color:var(--ans-yes)}.seat-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.seat-option{min-height:52px;padding:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--panel-raised);color:var(--text);border:1px solid rgba(193,153,118,.5);border-radius:4px;font:600 15px var(--font-sans);cursor:pointer}.seat-option.on{border-color:#b9a2f0;background:#5b3fa04d;box-shadow:0 0 0 1px #b9a2f0}.seat-option:focus-visible{outline:2px solid var(--gold-light);outline-offset:2px}.decoy-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.decoy-actions .ornate{max-width:100%}.decoy-ally{border-color:#b9a2f0;background:linear-gradient(rgba(91,63,160,.18),transparent)}.decoy-ally .section-title{color:#b9a2f0}.decoy-ally .decoy-status{color:var(--gold-light);animation:decoy-pulse 1.6s ease-in-out infinite}@keyframes decoy-pulse{50%{opacity:.5}}.decoy-summary,.decoy-over,.decoy-final{display:flex;flex-direction:column;gap:12px;min-width:0}.decoy-summary>.eyebrow{margin:0}.decoy-final .section-title{margin:0}.decoy-outcome{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px;text-align:center}.decoy-outcome h2{margin:0;font:700 26px var(--font-serif);color:var(--gold-light)}.decoy-outcome .helper{margin:0}.decoy-outcome-icon{font-size:32px;line-height:1}.decoy-outcome.team{border-color:var(--ans-yes)}.decoy-outcome.saboteur{border-color:#b9a2f0;background:linear-gradient(rgba(91,63,160,.2),transparent)}.decoy-outcome.saboteur h2{color:#b9a2f0}.decoy-outcome.cancelled{border-style:dashed}.decoy-words{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.word-card{display:flex;flex-direction:column;gap:2px;min-width:0;padding:10px 12px}.word-card .eyebrow,.word-card .helper{margin:0}.word-card strong{font:700 22px var(--font-serif);color:var(--gold-light);overflow-wrap:anywhere}.word-card.decoy{border-color:#b9a2f0}.word-card.decoy strong{color:#b9a2f0}.decoy-table{padding:12px;min-width:0}.decoy-table-wrap{overflow-x:auto}.decoy-scores{width:100%;border-collapse:collapse;font-size:15px}.decoy-scores th,.decoy-scores td{padding:8px 6px;text-align:left;border-bottom:1px solid rgba(193,153,118,.2)}.decoy-scores thead th{color:var(--gold);font:600 13px var(--font-serif);white-space:nowrap}.decoy-scores tbody th{font-weight:600}.decoy-scores .seat-name{overflow-wrap:anywhere}.decoy-scores .tag{margin-left:6px}.seat-role{display:block;font-size:12px;font-weight:400;color:var(--miss)}.seat-role.role-oracle{color:#7fd8e0}.seat-role.role-ally{color:var(--gold-light)}.seat-role.role-saboteur{color:#b9a2f0}.decoy-scores .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.decoy-scores .total{color:var(--gold-light);font-weight:700}.decoy-scores tr.me{background:#d99a681a;box-shadow:inset 3px 0 0 var(--gold)}.decoy-scores tr.role-saboteur{background:#5b3fa02e}.decoy-scores tr.winner{background:#1f6f7833}.vote-cast{display:inline-block;overflow-wrap:anywhere;animation:decoy-flip .6s ease-out .3s both}@keyframes decoy-flip{0%{transform:rotateY(90deg);opacity:0}to{transform:rotateY(0);opacity:1}}.vote-cast.hit{color:var(--ans-yes);font-weight:700}.decoy-ready{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px}.decoy-ready .helper{margin:0}.decoy-ready .ornate{max-width:100%}@media(prefers-reduced-motion:reduce){.vote-cast,.decoy-ally .decoy-status{animation:none}}.tour-status{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:10px 14px}.tour-status-main{display:flex;flex-direction:column;min-width:0}.tour-status-title{font:700 18px var(--font-serif);color:var(--gold-light)}.tour-status-sub{font-size:13px;color:var(--miss)}.tour-status-clock{grid-row:span 2;display:flex;flex-direction:column;align-items:flex-end;font:700 34px var(--font-serif);color:var(--gold-light);font-variant-numeric:tabular-nums}.tour-status-hurry{font:700 13px var(--font-sans);color:#1b1206;background:#e8b94a;padding:1px 8px;border-radius:3px}.tour-status-count{justify-self:start;padding:2px 10px;border:1px solid var(--teal);border-radius:3px;background:#1f6f7840;font-weight:600;font-size:14px}.tour-status.sent{border-color:var(--teal)}.tour-status.hurry{border-color:#e8b94a}.tour-status.hurry .tour-status-clock{color:#e8b94a}.tour-wait{display:flex;flex-direction:column;gap:12px}.tour-wait-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.tour-wait-hero h2{margin:4px 0 0;font-size:26px}.tour-seal{font-size:44px;line-height:1}.tour-wait-head{display:flex;justify-content:space-between;align-items:baseline}.tour-wait-count{font:700 32px var(--font-serif);color:var(--gold-light)}.tour-wait-count small{font-size:18px;color:var(--miss)}.tour-bar{height:10px;margin:6px 0 10px;border:1px solid var(--hairline);border-radius:999px;background:var(--panel);overflow:hidden}.tour-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--gold-light))}.tour-seat-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.tour-seat{display:flex;justify-content:space-between;gap:4px;padding:8px;border:1px dashed var(--miss);border-radius:3px;color:var(--miss);font-weight:600;min-width:0}.tour-seat-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tour-seat.done{border-style:solid;border-color:var(--hairline);color:var(--text)}.tour-seat.me{border-color:var(--gold-light);box-shadow:inset 0 0 0 1px var(--gold-light)}.tour-wait-mine{display:flex;flex-direction:column;gap:8px}.tour-wait-mine .eyebrow{margin:0}.tour-edit{min-height:48px;background:none;border:2px solid var(--gold);border-radius:4px;color:var(--gold-light);font:600 16px var(--font-sans);cursor:pointer}.cv{display:flex;flex-direction:column;gap:12px;min-width:0}.cv ol,.cv ul{list-style:none;margin:0;padding:0}.cv .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cv h3{margin:0}.cv-hint{margin:0;padding:8px 12px;border:1px solid var(--hairline);border-radius:4px;background:var(--panel)}.cv-pick,.cv-sell{display:flex;flex-direction:column;gap:10px}.cv-market{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.cv-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 10px;align-items:center;min-height:72px;padding:10px;text-align:left;color:var(--text);background:var(--panel-raised);border:1px solid var(--hairline);border-radius:6px;font:inherit}button.cv-card{cursor:pointer}.cv-card[aria-pressed=true]{border:2px solid var(--gold-light);background:#d99a682e;box-shadow:0 0 0 2px #fbcea040}.cv-card-stop{border-style:dashed}.cv-card-icon{grid-row:span 2;font-size:30px;line-height:1}.cv-card-icon.stop{filter:saturate(.8)}.cv-card-name{font:700 18px var(--font-serif);color:var(--gold-light)}.cv-card-desc{font-size:13px;color:var(--miss)}.cv-card-stop .cv-card-desc{color:#7fd8e0}.cv-sitout{align-self:flex-start}.cv-sitout[aria-pressed=true]{border-color:var(--gold-light);color:var(--text)}.cv-bidbox{display:flex;flex-direction:column;gap:8px}.cv-bidbox-title{margin:0;font:700 16px var(--font-serif);color:var(--gold)}.cv-bid{display:flex;flex-direction:column;gap:8px}.cv-bid-row{display:flex;align-items:center;gap:12px}.cv-bid-btn{width:64px;height:64px;flex:none;background:var(--panel);color:var(--gold-light);border:1px solid var(--hairline);border-radius:6px;font:700 30px var(--font-sans);cursor:pointer}.cv-bid-btn:disabled{opacity:.35;cursor:not-allowed}.cv-bid-value{flex:1;text-align:center;font:700 44px var(--font-serif);color:var(--gold-light)}.cv-bid-quick{display:flex;flex-wrap:wrap;gap:6px}.cv-bid-quick .chip[aria-pressed=true]{border-color:var(--gold-light);background:#d99a6840;color:var(--text)}.cv-discard{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:8px;border-top:1px solid rgba(193,153,118,.3);color:#e8b94a;font-weight:600}.cv-confirm{display:flex;flex-direction:column;gap:6px;padding:4px 0}.cv-mine{margin:0;font:700 18px var(--font-serif);color:var(--gold-light)}.cv-warn{margin:0;padding:10px 12px;border-left:4px solid #E8B94A;background:#e8b94a1f}.cv-sell-tools{display:flex;gap:8px;justify-content:flex-end}.cv-sell-rows{display:flex;flex-direction:column;gap:8px}.cv-sell-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 10px;padding:10px}.cv-sell-row .cv-card-icon{grid-row:auto}.cv-sell-row.empty{opacity:.5}.cv-sell-info{display:flex;flex-direction:column;min-width:0}.cv-sell-info .helper{margin:0}.cv-sell-step{display:flex;align-items:center;gap:6px}.cv-sell-step .cv-bid-btn{width:48px;height:48px;font-size:24px}.cv-sell-qty{min-width:28px;text-align:center;font:700 26px var(--font-serif);color:var(--gold-light)}.cv-sell-est{grid-column:1 / -1;font-size:13px;color:#7fd8a0}.cv-sell-total{font:700 22px var(--font-serif);color:var(--gold-light)}.cv-result{display:flex;flex-direction:column;gap:8px;border-color:var(--gold-light)}.cv-result-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.cv-result-mine{margin:0;font:700 18px var(--font-serif)}.cv-result-mine.won{color:var(--gold-light)}.cv-lines{display:flex;flex-direction:column;gap:6px}.cv-line{display:flex;gap:10px;align-items:flex-start;padding:8px;border:1px solid rgba(193,153,118,.35);border-radius:4px;background:var(--panel)}.cv-line .cv-card-icon{font-size:22px}.cv-line.tie{border-color:var(--hit);background:#7a1e1e40}.cv-line.none{opacity:.6}.cv-line-body{display:flex;flex-direction:column;gap:2px;min-width:0}.cv-line-card{font-weight:700;color:var(--gold-light)}.cv-line-bids,.cv-line-refunds{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:13px}.cv-line-bids .win{color:#7fd8a0;font-weight:700}.cv-line-refunds .chip-static{padding:1px 8px;font-size:13px}.cv-prices{display:flex;flex-wrap:wrap;gap:6px 14px}.cv-prices .down strong{color:var(--hit)}.cv-wagon-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}.cv-wagon{padding:10px;display:flex;flex-direction:column;gap:6px}.cv-wagon.me{border-color:var(--gold-light)}.cv-wagon.out{opacity:.55}.cv-wagon-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.cv-wagon-name{flex:1;min-width:0;font:700 16px var(--font-serif);color:var(--gold-light);overflow-wrap:anywhere}.cv-wagon-sent{color:var(--miss)}.cv-wagon-sent.done{color:#7fd8a0}.cv-wagon-coins{font-weight:700}.cv-wagon-cart{font-size:13px;color:var(--miss)}.cv-wagon-goods{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-weight:700}.cv-good.zero{opacity:.35}.cv-wagon-stops{display:flex;flex-wrap:wrap;gap:4px}.cv-stop{padding:1px 8px;border:1px dashed var(--teal);border-radius:3px;font-size:13px}.cv-over{display:flex;flex-direction:column;gap:12px}.cv-over-hero{text-align:center}.cv-over-hero h2{margin:4px 0;font-size:30px}.cv-over-points{margin:0;font:700 36px var(--font-serif);color:var(--gold-light)}.cv-rank{width:100%;border-collapse:collapse;padding:0}.cv-rank th,.cv-rank td{padding:8px 6px;text-align:right;border-bottom:1px solid rgba(193,153,118,.25)}.cv-rank th:nth-child(2),.cv-rank td:nth-child(2){text-align:left}.cv-rank th{font-size:12px;color:var(--miss);font-weight:600}.cv-rank tr.win td{color:var(--gold-light)}.cv-rank tr.me td:nth-child(2){font-weight:700}.cv-rank-name{overflow-wrap:anywhere}.cv-rank-total{font:700 20px var(--font-serif)}.cv-rule{margin:0}.cv-history{display:flex;flex-direction:column;gap:8px}.cv-history-round{padding:10px}.cv-history-round summary{cursor:pointer;min-height:32px}.cv-history-round .cv-lines{margin-top:8px}.mapmaker{--t-forest: #1F5A33;--t-farm: #8A6A16;--t-village: #8A3A22;--t-water: #1D4F7A;--t-mountain: #4A5560;display:flex;flex-direction:column;gap:12px;min-width:0;padding-bottom:96px}.mapmaker h3{margin:0;font-size:20px}.mm-score{color:var(--gold-light)}.mm-board{display:grid;grid-template-columns:22px repeat(9,1fr);grid-template-rows:22px repeat(9,1fr);gap:2px;width:100%;max-width:520px;margin:0 auto}.mm-board>.mm-grid{grid-column:2 / -1;grid-row:2 / -1}.mm-lab{display:flex;align-items:center;justify-content:center;font:600 14px var(--font-sans);color:var(--miss)}.mm-lab.row{grid-column:1}.mm-lab.full{color:#6ee7a0;font-weight:700;font-size:12px}.mm-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:2px;padding:3px;background:var(--ink);border:1px solid var(--hairline);border-radius:4px}.mm-cell{aspect-ratio:1;min-width:0;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(193,153,118,.35);border-radius:3px;background:var(--panel);color:inherit;font-size:clamp(14px,4.4vw,24px);line-height:1}button.mm-cell{cursor:pointer}.mm-cell.t-forest{background:var(--t-forest)}.mm-cell.t-farm{background:var(--t-farm)}.mm-cell.t-village{background:var(--t-village)}.mm-cell.t-water{background:var(--t-water)}.mm-cell.t-mountain{background:var(--t-mountain);border-color:#b8c4cc}.mm-cell.pv-ok{outline:3px solid #4ADE80;outline-offset:-3px;opacity:.85}.mm-cell.pv-mine{outline:3px solid #3FB5A8;outline-offset:-3px;opacity:.8}.mm-cell.pv-bad{outline:3px solid var(--hit);outline-offset:-3px;background-color:#e2553a8c}.mm-cell.fresh{box-shadow:inset 0 0 0 3px var(--gold-light);animation:mm-fresh 4s ease-out forwards}@keyframes mm-fresh{to{box-shadow:inset 0 0 0 0 transparent}}@media(prefers-reduced-motion:reduce){.mm-cell.fresh{animation:none}}.mm-grid.small{width:72px;flex:none;gap:1px;padding:1px}.mm-grid.small .mm-cell{border:0;border-radius:1px}.mm-fit{margin:0;padding:10px 12px;border:1px solid var(--hairline);border-radius:6px;font-size:18px;text-align:center;color:var(--miss)}.mm-fit.ok{color:#6ee7a0;border-color:#4ade80}.mm-fit.bad{color:#ff9a85;border-color:var(--hit)}.mm-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.mm-tab{flex:none;display:flex;align-items:center;gap:6px;min-height:48px;padding:0 14px;background:var(--panel-raised);color:var(--text);border:1px solid var(--hairline);border-radius:999px;font:600 16px var(--font-sans);cursor:pointer}.mm-tab[aria-selected=true]{border:2px solid var(--gold-light);color:var(--gold-light)}.mm-tab.left{opacity:.5}.mm-tab-pts{padding:0 6px;border-radius:999px;background:var(--bg);color:var(--gold-light);font-size:14px}.mm-goals-toggle{align-self:flex-start;min-height:48px;padding:0 16px;background:transparent;color:var(--gold-light);border:1px solid var(--gold);border-radius:6px;font:600 16px var(--font-sans);cursor:pointer}.mm-other{display:flex;flex-direction:column;gap:10px}.mm-panel{display:flex;flex-direction:column;gap:14px}.mm-pick{margin:0;padding:0;border:0;min-width:0}.mm-pick legend{margin-bottom:6px;font:700 17px var(--font-serif);color:var(--gold)}.mm-cards,.mm-terrains,.mm-orient{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.mm-card,.mm-terrain{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:64px;padding:8px;border:2px solid var(--hairline);border-radius:8px;background:var(--panel);font:700 18px var(--font-sans);cursor:pointer}.mm-card{flex-direction:column;min-height:110px}.mm-card input,.mm-terrain input{position:absolute;opacity:0;pointer-events:none}.mm-card.picked,.mm-terrain.picked{border-color:var(--gold-light);box-shadow:0 0 0 2px var(--gold-light)}.mm-card:has(input:focus-visible),.mm-terrain:has(input:focus-visible){outline:2px solid var(--gold-light);outline-offset:2px}.mm-terrain.t-forest{background:var(--t-forest)}.mm-terrain.t-farm{background:var(--t-farm)}.mm-terrain.t-village{background:var(--t-village)}.mm-terrain.t-water{background:var(--t-water)}.mm-shape{display:grid;gap:2px}.mm-shape>span{width:16px;height:16px;border-radius:2px;border:1px solid rgba(193,153,118,.3)}.mm-shape>span.on{background:var(--gold);border-color:var(--gold-light)}.mm-btn{min-height:56px;background:var(--panel-raised);color:var(--gold-light);border:2px solid var(--gold);border-radius:8px;font:700 18px var(--font-sans);cursor:pointer}.mm-btn[aria-pressed=true]{background:var(--teal)}.mm-btn:disabled{opacity:.4;cursor:not-allowed}.mm-dock{position:sticky;bottom:0;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:10px 0;background:linear-gradient(transparent,var(--bg) 30%)}.mm-dock .ornate,.mm-dock .ornate-inner{width:100%}.mm-dock .ornate-inner{min-height:60px;font-size:20px}.mm-sent{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px 0 0;font-size:18px}.mm-goals{display:flex;flex-direction:column;gap:8px}.mm-goal-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.mm-goal{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:#ebddc0;color:var(--ink)}.mm-goal>div{flex:1;min-width:0}.mm-goal strong{font:700 18px var(--font-serif)}.mm-goal p{margin:2px 0 0;font-size:15px}.mm-goal .helper{color:#5a4630}.mm-goal.quest{background:var(--panel-raised);color:var(--text);border:1px solid var(--hairline)}.mm-goal.quest .helper{color:var(--miss)}.mm-goal.quest.done{border-color:#3fb5a8}.mm-goal-letter{flex:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--ink);color:var(--gold-light);font-weight:700}.mm-goal-pts{flex:none;min-width:48px;text-align:right;font:700 32px var(--font-serif);color:inherit}.mm-goal.quest .mm-goal-pts{color:var(--gold-light)}.mm-over{display:flex;flex-direction:column;gap:12px}.mm-hero{text-align:center}.mm-hero h2{margin:0;font-size:28px}.mm-ranks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.mm-rank{padding:8px}.mm-rank.won{border-color:var(--gold-light)}.mm-rank-head{width:100%;display:flex;align-items:center;gap:10px;padding:0;background:none;border:0;color:inherit;text-align:left;font:inherit;cursor:pointer}.mm-rank-no{flex:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--gold);color:var(--ink);font-weight:700}.mm-rank-name{flex:1;min-width:0;display:flex;flex-direction:column;font:700 18px var(--font-serif);overflow-wrap:anywhere}.mm-rank-total{flex:none;font:700 32px var(--font-serif);color:var(--gold-light)}.mm-breakdown{margin:10px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px}.mm-breakdown>div{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid var(--hairline);border-radius:4px}.mm-breakdown dt{font-size:15px;color:var(--miss)}.mm-breakdown dd{margin:0;font:700 20px var(--font-serif)}.mm-breakdown .sum{border-color:var(--gold-light)}.liars-dice{--die-face: #EFE3C8;--die-ink: #2A1A0E;--copper: #D9773A;--crimson: #A3242C;display:flex;flex-direction:column;gap:10px;min-width:0}.liars-dice .frame{padding:10px 12px}.liars-dice .tag-turn{border-color:var(--gold-light);background:#d99a6840}.die{flex:none;display:inline-block;vertical-align:middle}.die-face{fill:var(--die-face, #EFE3C8);stroke:var(--gold, #D99A68);stroke-width:1.2}.die-pip{fill:var(--die-ink, #2A1A0E)}.die-star{fill:var(--copper, #D9773A)}.die-counted{filter:drop-shadow(0 0 4px var(--copper, #D9773A));animation:ld-pop .4s ease-out}.die-counted .die-face{stroke:var(--copper, #D9773A);stroke-width:2.5}.die-dim{opacity:.4}@keyframes ld-pop{0%{transform:scale(.6)}to{transform:scale(1)}}.ld-strip{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.ld-strip .chip-static{font-size:13px;padding:4px 10px}.ld-strip .turn-timer{margin-left:auto}.ld-wild{border-color:var(--copper)}.ld-seats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px}.ld-seat{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;min-width:0}.ld-seat.turn{border-color:var(--gold-light);box-shadow:0 0 0 2px #fbcea073}.ld-seat.out{opacity:.5}.ld-seat .helper{margin:0;font-size:12px}.ld-seat-name{display:flex;gap:4px;align-items:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.ld-cup-body{fill:#4a2e1c;stroke:var(--gold);stroke-width:1}.ld-cup-rim{fill:var(--gold)}.ld-cup-n{fill:var(--gold-light);font:700 11px var(--font-sans)}.ld-skull{font-size:22px;line-height:30px}.ld-out-banner{margin:0;text-align:center;color:var(--gold-light)}.ld-bid{text-align:center}.ld-bid .eyebrow{margin:0}.ld-bid-big{margin:6px 0 0;display:flex;align-items:center;justify-content:center;gap:10px;font:700 40px var(--font-serif);color:var(--gold-light)}.ld-bid-by{margin:2px 0 0;color:var(--gold)}.ld-history{list-style:none;margin:8px 0 0;padding:6px 0 0;border-top:1px solid rgba(193,153,118,.25);display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;font-size:13px;color:var(--miss)}.ld-mine.turn{border-color:var(--teal)}.ld-mine-head{margin:0 0 6px;display:flex;justify-content:space-between;align-items:center;color:var(--gold);font-weight:700}.ld-mine-dice{display:flex;flex-wrap:wrap;justify-content:space-around;gap:6px}.ld-picker{display:flex;flex-direction:column;gap:8px}.ld-picker-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}.ld-qty{display:flex;align-items:center;gap:8px}.ld-qty .stepper-value{min-width:44px}.ld-faces{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.ld-face-btn{min-width:44px;min-height:44px;padding:3px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:2px solid transparent;border-radius:8px;cursor:pointer}.ld-face-btn[aria-pressed=true]{border-color:var(--copper);transform:translateY(-3px);box-shadow:0 0 8px #d9773a99}.ld-face-btn:disabled{opacity:.35;cursor:not-allowed}.ld-hint{margin:0;text-align:center}.ld-picker-actions{display:flex;gap:10px;align-items:stretch}.ld-picker-actions .ornate{flex:1 1 auto}.ld-picker-actions .ornate-inner{display:inline-flex;align-items:center;justify-content:center;gap:6px}.ld-liar{flex:none;min-height:44px;min-width:96px;padding:0 14px;background:var(--crimson);color:#fff;border:1px solid #E2553A;border-radius:4px;font:700 18px var(--font-serif);cursor:pointer}.ld-liar:disabled{opacity:.4;cursor:not-allowed}.ld-wait{margin:0;text-align:center;color:var(--miss)}.ld-reveal{display:flex;flex-direction:column;gap:8px;border-color:var(--crimson)}.ld-reveal-banner{margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;font-weight:700;color:var(--gold-light)}.ld-open{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.ld-open li{display:flex;align-items:center;gap:8px;padding:4px 6px;border:1px solid rgba(193,153,118,.25);border-radius:4px}.ld-open li.loser{border-color:var(--crimson)}.ld-open-name{flex:0 0 72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.ld-open-dice{display:flex;flex-wrap:wrap;gap:4px}.ld-count{margin:0;text-align:center}.ld-count strong{font:700 32px var(--font-serif);color:var(--gold-light);margin-left:6px}.ld-result{margin:0;text-align:center;font-weight:700;color:var(--gold-light)}.ld-result.bad{color:var(--hit)}.ld-reveal-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.ld-reveal-foot .helper{margin:0;flex:1 1 100%;text-align:center}.ld-over h2{margin:0 0 8px;text-align:center}.ld-rank{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.ld-rank li{display:flex;align-items:center;gap:10px}.ld-rank li:first-child{color:var(--gold-light);font-weight:700}.ld-rank .helper{margin:0 0 0 auto}.ld-rank-n{width:24px;text-align:center;font:700 16px var(--font-serif);color:var(--gold)}@media(prefers-reduced-motion:reduce){.die-counted{animation:none}}.dominoes{--ivory: #EFE3C8;--felt: #0E2A26;--copper: #D9773A;display:flex;flex-direction:column;gap:10px;min-width:0}.dominoes .frame{padding:10px 12px}.dominoes .tag-turn{margin-left:8px;border-color:var(--gold-light);background:#d99a6840}.dm-tile{display:block;flex:none}.dm-face{fill:var(--ivory, #EFE3C8);stroke:var(--gold, #D99A68);stroke-width:.03}.dm-pip{fill:#2a1a0e}.dm-divider{stroke:#a07a4e;stroke-width:.04}.dm-rivet{fill:var(--gold, #D99A68)}.dm-back{display:inline-block;width:8px;height:14px;margin-right:4px;vertical-align:-2px;border-radius:2px;border:1px solid var(--gold);background:var(--teal)}.dm-strip{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.dm-strip .chip-static{font-size:13px;padding:4px 10px}.dm-strip .turn-timer{margin-left:auto}.dm-seats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px}.dm-seat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.dm-seat.turn{border-color:var(--gold-light);box-shadow:0 0 0 2px #fbcea073}.dm-seat-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.dm-seat-stats{display:flex;gap:10px;font-size:13px;color:var(--gold-light)}.dm-felt{display:flex;flex-direction:column;border:1px solid var(--hairline);border-radius:4px;background:radial-gradient(ellipse at 50% 40%,#154039,var(--felt) 75%)}.dm-scroll{overflow:auto;max-height:60vh;padding:10px}.dm-line{display:block;margin:0 auto;height:auto}.dm-empty{margin:24px 0;text-align:center}.dm-end rect{fill:#0a11168c;stroke:#d99a6873;stroke-width:.04;stroke-dasharray:.12 .08}.dm-end text{fill:var(--gold);font:700 .6px var(--font-sans)}.dm-end.active{cursor:pointer}.dm-end.active rect{fill:#1f6f788c;stroke:#f5d76e;stroke-width:.07;animation:dm-glow 1.2s ease-in-out infinite alternate}.dm-end.active text{fill:#f5d76e}.dm-end:focus-visible{outline:none}.dm-end:focus-visible rect{stroke:#fff}@keyframes dm-glow{0%{opacity:.75}to{opacity:1}}.dm-zoom{display:flex;justify-content:flex-end;gap:6px;padding:0 8px 8px}.dm-zoom .chip{width:44px;padding:0;font-size:20px}.dm-mine.turn{border-color:var(--teal)}.dm-mine-head{margin:0 0 6px;display:flex;justify-content:space-between;align-items:center;color:var(--gold);font-weight:700}.dm-mine-head .helper{margin:0}.dm-hint{margin:0 0 8px;padding:6px 8px;text-align:center;border:1px solid var(--gold);border-radius:4px;color:var(--gold-light);background:#d99a681f;font-size:14px}.dm-hand{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding-top:18px}.dm-hand-tile{padding:0;background:none;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:transform .15s;min-width:44px;display:inline-flex;justify-content:center}.dm-hand-tile:disabled{cursor:default}.dm-mine.turn .dm-hand-tile:disabled{opacity:.4}.dm-hand-tile.playable{transform:translateY(-10px);box-shadow:0 0 10px #d9773a99}.dm-hand-tile.selected{transform:translateY(-16px);border-color:var(--gold-light)}.dm-actions{display:flex;justify-content:center;margin-top:10px}.dm-wait{margin:0;text-align:center;color:var(--miss)}.dm-summary h2,.dm-over h2{margin:0 0 6px;text-align:center;font-size:22px}.dm-calc{margin:0 0 8px;text-align:center;font:700 16px var(--font-serif);color:var(--gold-light)}.dm-hands{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:4px}.dm-hands li{display:flex;align-items:center;gap:8px;padding:4px 6px;border:1px solid rgba(193,153,118,.25);border-radius:4px}.dm-hands li.winner{border-color:var(--gold-light)}.dm-hand-name{flex:0 0 72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.dm-hand-tiles{flex:1;display:flex;flex-wrap:wrap;gap:3px}.dm-hand-pips{font-weight:700;color:var(--gold-light)}.dm-table{width:100%;border-collapse:collapse;font-size:14px}.dm-table th,.dm-table td{padding:4px 6px;text-align:left;border-bottom:1px solid rgba(193,153,118,.2)}.dm-table th{color:var(--gold);font-weight:600}.dm-bar{display:block;height:4px;margin-top:3px;background:#ffffff14;border-radius:2px}.dm-bar span{display:block;height:100%;background:var(--gold);border-radius:2px}.dm-summary-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:10px}.dm-summary-foot .helper{margin:0;flex:1 1 100%;text-align:center}.dm-grid-wrap{overflow-x:auto}.dm-grid td,.dm-grid th{text-align:center;white-space:nowrap}.dm-grid td:first-child,.dm-grid th:first-child{text-align:left}.dm-grid tr.winner td{color:var(--gold-light);font-weight:700}@media(prefers-reduced-motion:reduce){.dm-end.active rect{animation:none}.dm-hand-tile{transition:none}}.ww{--ww-wolf: #E2553A;--ww-seer: #7FD8E0;--ww-doctor: #3FB57A;--ww-villager: #C8BBA5;display:flex;flex-direction:column;gap:12px;min-width:0;padding:8px;border-radius:6px;transition:background .6s}.ww ul{list-style:none;margin:0;padding:0}.ww-dark{background:radial-gradient(circle at 85% 0%,rgba(160,180,255,.16),transparent 40%),linear-gradient(#0b1024,#121733)}.ww-dawn,.ww-day{background:linear-gradient(rgba(232,160,90,.18),transparent 60%)}.ww-vote,.ww-dusk{background:linear-gradient(rgba(178,58,58,.16),transparent 60%)}.ww-ghost{box-shadow:inset 0 0 0 2px #b9a2f059}.ww-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;background:var(--panel);border:1px solid var(--hairline);border-radius:4px}.ww-phase{font:700 16px var(--font-serif);color:var(--gold)}.ww-bar .turn-timer{margin-left:auto}.ww-bar .role-card.compact{flex:1 1 100%;padding:4px 8px}.ww-dead-banner{margin:0;padding:10px 12px;color:#b9a2f0;border-color:#b9a2f099;background:#5b3fa033}.ww-card .ww-emblem{font-size:56px;line-height:1}.ww-card.ww-role-wolf .role-name{color:var(--ww-wolf)}.ww-card.ww-role-seer .role-name{color:var(--ww-seer)}.ww-card.ww-role-doctor .role-name{color:var(--ww-doctor)}.ww-mates{margin:0;color:var(--ww-wolf);font-weight:600}.ww-roles{display:flex;flex-direction:column;align-items:center;gap:10px}.ww-role-list{align-self:stretch;display:flex;flex-direction:column;gap:6px}.ww-role-list li{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;padding:6px 10px;background:var(--panel);border-radius:4px}.ww-role-list .helper{margin:0}.ww-chip{display:inline-block;padding:1px 6px;border:1px solid currentColor;border-radius:3px;font-size:12px;white-space:nowrap}.ww-chip.ww-role-wolf{color:var(--ww-wolf)}.ww-chip.ww-role-seer{color:var(--ww-seer)}.ww-chip.ww-role-doctor{color:var(--ww-doctor)}.ww-chip.ww-role-villager{color:var(--ww-villager)}.ww-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media(min-width:768px){.ww-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.ww-plaque{display:flex;align-items:flex-start;gap:8px;width:100%;min-height:64px;padding:8px;text-align:left;background:var(--panel);color:var(--text);border:1px solid var(--hairline);border-radius:4px;font:inherit}button.ww-plaque{cursor:pointer}button.ww-plaque:disabled{cursor:default;opacity:.55}button.ww-plaque:focus-visible{outline:2px solid var(--gold-light);outline-offset:2px}.ww-plaque.on{border:2px solid var(--gold-light);box-shadow:0 0 12px #fbcea073}.ww-plaque.dead{opacity:.5;filter:grayscale(.7)}.ww-plaque.dead .ww-name{text-decoration:line-through}.ww-initial{flex:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gold);border-radius:4px;color:var(--gold);font:700 18px var(--font-display);text-transform:uppercase}.ww-plaque-main{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}.ww-name{font-weight:600;overflow-wrap:anywhere}.ww-plaque-main .helper{margin:0;font-size:12px}.ww-badges{display:flex;flex-wrap:wrap;gap:4px}.ww-badge{padding:1px 6px;border-radius:3px;background:var(--panel-raised);font-size:12px;overflow-wrap:anywhere}.ww-votes{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:12px}.ww-count{min-width:22px;padding:0 6px;border-radius:11px;background:var(--gold);color:var(--ink);font-weight:700;text-align:center}.ww-night,.ww-day,.ww-vote-panel,.ww-announce{display:flex;flex-direction:column;gap:12px}.ww-task{height:132px;overflow-y:auto;padding:10px 12px}.ww-task h3{margin:0 0 4px;font-size:18px}.ww-task .helper{margin:0}.ww-peek{margin:6px 0 0;font-weight:700}.ww-peek.safe{color:var(--ww-seer)}.ww-peek.wolf{color:var(--ww-wolf)}.ww-actions{display:flex;flex-direction:column;align-items:stretch;gap:6px}.ww-status{margin:0;text-align:center}.ww-scroll{padding:16px;text-align:center}.ww-scroll p{margin:4px 0}.ww-headline{font:700 20px var(--font-serif);color:var(--gold-light);overflow-wrap:anywhere}.ww-omni{padding:10px 12px}.ww-omni p{margin:2px 0}.ww-timeline{display:flex;flex-direction:column;gap:6px}.ww-timeline li{padding:6px 10px;border-left:3px solid var(--gold);background:var(--panel);border-radius:4px;overflow-wrap:anywhere}.ww-timeline li.night{border-left-color:#6c7bd0}.ww-winner{margin:0;padding:12px;text-align:center;font:700 24px var(--font-serif)}.ww-winner.wolves{color:var(--ww-wolf)}.ww-winner.village{color:var(--gold-light)}.ww-plaque.won{border-color:var(--gold-light)}.chat-tabs{display:flex;gap:4px;overflow-x:auto}.chat-tab{flex:1;min-height:40px;padding:4px 8px;background:var(--panel);color:var(--text);border:1px solid var(--hairline);border-radius:4px;font:600 14px var(--font-sans);cursor:pointer;white-space:nowrap}.chat-tab[aria-selected=true]{border-color:var(--gold);color:var(--gold-light)}.chat-tab-wolves[aria-selected=true]{border-color:#e2553a;color:#ff8a73}.chat-tab-dead[aria-selected=true]{border-color:#b9a2f0;color:#b9a2f0}.chat-locked{margin:0}