:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#120c0a;--bg2:#1b130f;--bg3:#251a14;--bg4:#30221a;--tx:#f1e8d9;--mut:#b0a08e;--dim:#85776a;--line:#f1e8d91f;--line2:#f1e8d938;--ver:#cf4a2f;--ver-d:#9a2f1d;--ver-l:#ea7a5c;--ind:#4a6fa8;--ind-d:#2c4c80;--och:#d6a54c;--och-d:#8f6420;--ivo:#f3eadb;--ink:#1c1612;--good:#8fbf7a;--nacre:linear-gradient(115deg, #efe9dd 0%, #bfdcdc 20%, #e7cfe3 38%, #d3e6cb 56%, #f0dfbf 74%, #cbd6ee 100%);--sans:"JL Sans", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--serif:"JL Serif", "Noto Serif KR", "AppleMyungjo", "Batang", serif;--gut:16px;--r:14px;--ease:cubic-bezier(.2, .8, .2, 1);--vine:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='24' viewBox='0 0 96 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 12C12 2 24 2 36 12S60 22 72 12 96 2 96 12'/%3E%3Cpath d='M18 5c-5-1-8 3-5 6 2 2 5 0 3-2M54 19c5 1 8-3 5-6-2-2-5 0-3 2M84 5c-4 0-6 4-3 5'/%3E%3C/g%3E%3Cg fill='%23000'%3E%3Cellipse cx='30' cy='4.5' rx='3.4' ry='1.6' transform='rotate(-25 30 4.5)'/%3E%3Cellipse cx='66' cy='19.5' rx='3.4' ry='1.6' transform='rotate(-25 66 19.5)'/%3E%3Ccircle cx='45' cy='5' r='1.4'/%3E%3Ccircle cx='9' cy='19' r='1.4'/%3E%3Ccircle cx='81' cy='19' r='1.2'/%3E%3C/g%3E%3C/svg%3E")}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0}body{background:var(--bg);min-height:100dvh;color:var(--tx);font:16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:anywhere;background-image:radial-gradient(120% 70% at 50% -10%,#d6a54c29,#0000 60%),repeating-linear-gradient(97deg,#ffdcbe05 0 2px,#0000 2px 7px),linear-gradient(#160e0b,#0f0a08 60%);background-attachment:fixed;overflow-x:hidden}.lamp{pointer-events:none;z-index:0;background:radial-gradient(60% 50% at 50% 0,#ffc47812,#0000 70%);height:60vh;position:fixed;inset:0 0 auto}.screen{z-index:1;min-height:100dvh;position:relative}[hidden]{display:none!important}a{color:var(--och);text-underline-offset:3px}button,input,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}.sf{font-family:var(--serif);letter-spacing:-.01em;font-weight:800}.ic{flex:none;width:22px;height:22px;display:block}.small{color:var(--dim);font-size:13px}:focus-visible{outline:2px solid var(--och);outline-offset:2px}.bar{width:100%;padding:calc(10px + env(safe-area-inset-top)) var(--gut) 10px;align-items:center;gap:10px;max-width:1180px;min-height:60px;margin:0 auto;display:flex}.bar-r{align-items:center;gap:6px;margin-left:auto;display:flex}.bar-t{min-width:0;margin:0;font-size:20px}.brand{color:var(--tx);align-items:center;gap:9px;font-size:22px;text-decoration:none;display:flex}.seal{background:var(--ver);width:30px;height:30px;color:var(--ivo);border-radius:4px;place-items:center;font-size:18px;line-height:1;display:inline-grid;transform:rotate(-4deg);box-shadow:inset 0 0 0 2px #fff0dc40}.ibtn{width:44px;height:44px;color:var(--tx);background:0 0;border:0;border-radius:12px;place-items:center;display:inline-grid}.ibtn:hover{background:#f1e8d912}.chip{border:1px solid var(--line2);white-space:nowrap;background:#f1e8d90a;border-radius:999px;align-items:center;gap:7px;max-width:46vw;height:40px;padding:0 14px 0 11px;display:inline-flex}.chip span{text-overflow:ellipsis;overflow:hidden}.chip .ic{width:18px;height:18px}.btn{border:1px solid var(--line2);background:var(--bg3);min-height:48px;color:var(--tx);white-space:nowrap;transition:transform .12s var(--ease), background .15s;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:650;display:inline-flex}.btn:hover{background:var(--bg4)}.btn:active{transform:translateY(1px)scale(.985)}.btn.main{background:linear-gradient(180deg, #d9573a, var(--ver-d));color:#fff7ec;border-color:#e2775c55;box-shadow:inset 0 1px #ffdcc840,0 6px 18px -8px #cf4a2fb3}.btn.main:hover{background:linear-gradient(#e2634a,#a8341f)}.btn.sm{border-radius:10px;min-height:40px;padding:0 14px;font-size:14px}.btn.wide{width:100%}.btn.danger{color:#ffb7a3;border-color:#cf4a2f88}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn .ic{width:20px;height:20px}.seg{border:1px solid var(--line);background:#00000047;border-radius:11px;flex-wrap:nowrap;gap:2px;padding:3px;display:inline-flex}.seg button{min-width:44px;min-height:36px;color:var(--mut);white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:14px;font-weight:600}.seg button[aria-pressed=true]{background:var(--ivo);color:var(--ink)}.seg.locked button{cursor:default}.seg.locked button[aria-pressed=false]{opacity:.5}.sec-h{color:var(--mut);letter-spacing:.02em;align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:700;display:flex}.sec-h .count{color:var(--och);font-variant-numeric:tabular-nums}.sec-h .note{color:var(--dim);font-size:13px;font-weight:500}.hint{color:var(--mut);min-height:1.2em;margin:8px 0 0;font-size:14px}.msg{color:#ffb19b;min-height:1.2em;margin:8px 0 0;font-size:14px}.msg.good{color:var(--good)}.empty{color:var(--dim);padding:20px 0;font-size:15px}.nacre-band{background:var(--nacre);height:14px;-webkit-mask:var(--vine) repeat-x center / 64px 16px;-webkit-mask:var(--vine) repeat-x center / 64px 16px;mask:var(--vine) repeat-x center / 64px 16px;opacity:.55}.home{flex-direction:column;display:flex}.hero{width:100%;max-width:1180px;padding:18px var(--gut) 8px;gap:8px;margin:0 auto;display:grid}.hero h1{letter-spacing:-.03em;margin:8px 0 14px;font-size:clamp(64px,19vw,132px);line-height:.95}.hero h1:after{content:"";background:var(--nacre);width:96px;height:12px;-webkit-mask:var(--vine) repeat-x left / 48px 12px;-webkit-mask:var(--vine) repeat-x left / 48px 12px;mask:var(--vine) repeat-x left / 48px 12px;opacity:.8;margin-top:18px;display:block}.lead{color:var(--mut);max-width:30em;margin:0;font-size:17px}.hero{overflow-x:clip}.fan{perspective:900px;touch-action:pan-y;cursor:pointer;width:min(100%,520px);height:200px;margin:0 auto 10px;position:relative}.fan .card{--cw:104px;width:var(--cw);transform-origin:50% 120%;transition:transform .5s var(--ease);will-change:transform;position:absolute;bottom:14px;left:50%}.fan .tilt{transform-style:preserve-3d;transition:transform .25s var(--ease);position:absolute;inset:0}.games{width:100%;max-width:1180px;padding:22px var(--gut) 10px;margin:0 auto}.game-list{grid-template-columns:1fr;gap:14px;display:grid}.game{text-align:left;border:1px solid var(--line2);color:var(--tx);background:linear-gradient(160deg,#2a1c15,#1a120e 60%);border-radius:18px;grid-template-columns:1fr;gap:14px;padding:18px;display:grid;position:relative;overflow:hidden}.game:before{content:"";background:var(--nacre);height:12px;-webkit-mask:var(--vine) repeat-x center / 48px 12px;-webkit-mask:var(--vine) repeat-x center / 48px 12px;mask:var(--vine) repeat-x center / 48px 12px;opacity:.45;position:absolute;inset:0 0 auto}.game h3{margin:4px 0 2px;font-size:30px}.game .meta{color:var(--och);font-variant-numeric:tabular-nums;margin:0;font-size:14px;font-weight:600}.game .line{color:var(--mut);margin:6px 0 0}.game .roles{gap:8px;margin:0;padding:0;list-style:none;display:flex}.game .roles li{color:var(--mut);justify-items:center;gap:3px;font-size:12px;display:grid}.game .roles svg{background:var(--ivo);border-radius:9px;width:40px;height:40px;padding:5px}.game .btn{justify-self:start}.foot{padding:36px var(--gut) calc(26px + env(safe-area-inset-bottom));margin-top:auto;width:100%;max-width:1180px;color:var(--mut);margin-inline:auto;font-size:14px}.foot p{margin:4px 0}.lobby-in,.room-in{max-width:1180px;padding:4px var(--gut) 40px;margin:0 auto}.lobby-top{padding:6px 0 22px}.lobby-meta{color:var(--mut);margin:0 0 14px}.lobby-acts{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lobby-acts .btn{min-height:56px;font-size:17px}.rooms{gap:8px;margin:0;padding:0;list-style:none;display:grid}.rooms li>button{text-align:left;border:1px solid var(--line);background:#f1e8d909;border-radius:13px;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;width:100%;padding:14px 16px;display:grid}.rooms li>button:hover{background:#f1e8d912}.rooms .t{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.rooms .s{color:var(--mut);grid-column:1;font-size:13px}.rooms .n{font-variant-numeric:tabular-nums;color:var(--och);grid-area:1/2/span 2;font-weight:700}.rooms .play .n{color:var(--dim)}.room .bar-t{flex:1}.room-title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;line-height:1.25;overflow:hidden}.room-code{color:var(--mut);margin:0;font-size:13px}.room-code b{color:var(--och);letter-spacing:.08em;font-variant-numeric:tabular-nums}.room-in{gap:22px;padding-bottom:130px;display:grid}.invite{margin-bottom:18px}.seats{gap:8px;margin:0;padding:0;list-style:none;display:grid}.seats li{border:1px solid var(--line);background:#f1e8d90a;border-radius:13px;align-items:center;gap:12px;min-height:58px;padding:8px 10px 8px 8px;display:flex}.seats li.emptyseat{color:var(--dim);background:0 0;border-style:dashed}.seats li.emptyseat .face{border:1.5px dashed var(--line2);background:0 0}.seats .face{background:var(--ivo);width:40px;height:40px;color:var(--ink);font-family:var(--serif);border-radius:8px;flex:none;place-items:center;font-size:18px;font-weight:800;display:grid}.seats .face.bot{background:var(--bg4);color:var(--och)}.seats .face svg{width:22px;height:22px}.seats .nm{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.seats .tags{flex-wrap:wrap;gap:5px;display:flex}.tag{color:var(--mut);white-space:nowrap;background:#f1e8d914;border-radius:6px;padding:2px 7px;font-size:12px;font-weight:700}.tag.host{color:var(--och);background:#d6a54c2e}.tag.ready{color:var(--good);background:#8fbf7a29}.tag.off{color:var(--ver-l);background:#cf4a2f29}.seats .who{flex:1;gap:3px;min-width:0;display:grid}.seats .side{gap:4px;display:flex}.seats .side .ibtn{width:40px;height:40px;color:var(--mut)}.host-bots{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.opts{align-content:start;gap:10px;display:grid}.opt{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.opt>span{color:var(--mut);font-size:15px}.last{border:1px solid var(--line);background:#0003;border-radius:13px;margin-top:18px;padding:14px}.last h3{margin:0 0 8px;font-size:16px}.last ul{gap:4px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.last li{color:var(--mut);gap:8px;display:flex}.last li.win{color:var(--tx)}.last li b{min-width:4.5em}.room-go{z-index:5;padding:12px var(--gut) calc(12px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#0f0a08eb 30%);justify-items:center;display:grid;position:fixed;bottom:0;left:0;right:0}.room-go>*{width:100%;max-width:520px}.room-go .hint{text-align:center;margin-top:6px}.chat-box{align-content:start;gap:8px;display:grid}.chat-lines{border:1px solid var(--line);overscroll-behavior:contain;background:#00000040;border-radius:13px;flex-direction:column;gap:4px;height:190px;margin:0;padding:10px;font-size:14px;list-style:none;display:flex;overflow-y:auto}.chat-lines li{word-break:break-all;line-height:1.4}.chat-lines .n{color:var(--och);font-weight:700;font-size:inherit;background:0 0;border:0;margin-right:6px;padding:0}.chat-lines .sys{color:var(--dim);font-size:13px}.chat-lines:empty:before{content:"아직 말이 없어요. 아래 정해진 말로 인사해 봐요.";color:var(--dim);font-size:13px}.chat-pre{scrollbar-width:none;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.chat-pre::-webkit-scrollbar{display:none}.chat-pre button{border:1px solid var(--line2);white-space:nowrap;background:#f1e8d90a;border-radius:999px;flex:none;min-height:36px;padding:0 12px;font-size:13px}.chat-in{gap:6px;display:flex}.chat-in input{border:1px solid var(--line2);background:#0000004d;border-radius:11px;flex:1;min-width:0;height:44px;padding:0 12px}.chat-in .btn{min-height:44px;padding:0 14px}.dlg{color:var(--tx);background:0 0;border:0;width:100%;max-width:min(460px,100vw - 24px);max-height:calc(100dvh - 24px);padding:0}.dlg.wide{max-width:min(760px,100vw - 24px)}.dlg::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080504b8}.dlg-in{border:1px solid var(--line2);background:linear-gradient(#2a1d16,#1c140f);border-radius:18px;gap:8px;max-height:calc(100dvh - 24px);padding:16px 18px 20px;display:grid;overflow-y:auto}.dlg-h{justify-content:space-between;align-items:center;gap:8px;margin:-4px -8px 4px 0;display:flex}.dlg-h h2{margin:0;font-size:19px}.dlg label{color:var(--mut);margin-top:6px;font-size:14px}.dlg input:not([type=range]){border:1px solid var(--line2);background:#0000004d;border-radius:11px;width:100%;height:48px;padding:0 14px;font-size:16px}.dlg .tabs{width:100%}.dlg .tabs button{flex:1}.pw{position:relative}.pw input{padding-right:48px!important}.pw .eye{position:absolute;top:2px;right:2px}.eye[aria-pressed=true]{color:var(--och)}.sub{margin:14px 0 0;font-size:15px}.row-btns{flex-wrap:wrap;gap:8px;display:flex}.acct-f{gap:6px;display:grid}.acct-f .btn{justify-self:start;margin-top:6px}.vol{align-items:center;gap:10px;display:flex}.vol input{width:150px;accent-color:var(--ver)}.stats{color:var(--mut);gap:2px;font-size:14px;display:grid}.stats b{color:var(--tx)}.toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));opacity:0;pointer-events:none;z-index:50;background:var(--ivo);color:var(--ink);text-align:center;max-width:calc(100vw - 32px);transition:opacity .2s, transform .25s var(--ease);border-radius:12px;padding:10px 16px;font-weight:650;position:fixed;transform:translate(-50%,20px);box-shadow:0 10px 30px -10px #000}.toast.on{opacity:1;transform:translate(-50%)}.rules{color:var(--tx);gap:14px;font-size:15px;display:grid}.rules h3{color:var(--och);margin:6px 0 0;font-size:16px}.rules p,.rules ul{color:var(--mut);margin:0}.rules ul{gap:4px;padding-left:1.1em;display:grid}.rules .grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.rules .grid .item{text-align:center;color:var(--mut);justify-items:center;gap:6px;font-size:13px;display:grid}.rules .grid .item .card{--cw:96px}.rules .grid .item b{color:var(--tx);font-size:14px}@media (min-width:768px){:root{--gut:28px}.hero{grid-template-columns:1.05fr 1fr;align-items:center;padding-top:34px}.fan{height:330px}.fan .card{--cw:150px}.game{grid-template-columns:1fr auto;align-items:end;padding:24px}.game .btn{justify-self:end}.room-in{grid-template-columns:1.1fr 1fr;align-items:start}.room-in .chat-box{grid-column:2}.seats-wrap{grid-row:span 2}}@media (min-width:1100px){.hero h1{font-size:150px}.game-list{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}:root.calm *,:root.calm :before,:root.calm :after{transition-duration:0s!important;animation-duration:0s!important}.chat-menu{flex-wrap:wrap;gap:6px;padding:4px 0 6px;display:flex}.chat-menu .btn{min-height:36px}.chat-menu .ic{width:16px;height:16px}.card{--cw:84px;--k:var(--ink);width:var(--cw);aspect-ratio:63/88;border-radius:calc(var(--cw) * .075);color:var(--ink);-webkit-user-select:none;user-select:none;background-color:#f3eadb;background-image:radial-gradient(120% 80% at 30% 10%,#ffffff8c,#0000 60%),linear-gradient(#f6eedf,#eadfc9);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex:none;position:relative;box-shadow:0 0 0 1px #3c281959,inset 0 1px #ffffffb3,0 8px 16px -8px #000000bf,0 1px 2px #00000073;container-type:inline-size}.card.k-action{--k:#b8391f}.card.k-gear{--k:#2c4c80}.card .cf{border:max(1.4px, 1.9cqw) solid var(--ink);box-shadow:inset 0 0 0 max(1px, 1.5cqw) #f1e7d4, inset 0 0 0 max(1.8px, 2.3cqw) var(--ink);flex-direction:column;align-items:center;display:flex;position:absolute;inset:5.5%}.card .ch{border-bottom:max(1px, 1.2cqw) solid var(--ink);justify-content:center;align-items:center;gap:5cqw;width:100%;padding:6cqw 4cqw 4.5cqw;display:flex}.card .ch:before,.card .ch:after{content:"";background:var(--k);clip-path:polygon(0 0,100% 0,100% 100%,50% 58%,0 100%);flex:none;width:9cqw;height:8cqw}.card .ch b{font:800 15.5cqw/1.05 var(--serif);color:var(--k);white-space:nowrap;letter-spacing:-.04em}.card .ca{flex:1;place-items:center;width:100%;min-height:0;padding:5cqw 0 9cqw;display:grid}.card .art{aspect-ratio:1;width:70%;height:auto;display:block}.card .ct{text-align:center;color:#3a2f27;word-break:keep-all;margin:0;padding:0 6cqw 15cqw;font-size:8.4cqw;line-height:1.32}.card.wt .ca{padding-bottom:3cqw}.card.wt .art{width:50%}.card .cs{white-space:nowrap;min-width:15cqw;height:15cqw;font:800 9.5cqw/1 var(--serif);color:#f6eedd;background:#b8391f;border-radius:1.6cqw;place-items:center;padding:0 1.6cqw;display:grid;position:absolute;bottom:3cqw;right:3cqw;transform:rotate(-4deg);box-shadow:inset 0 0 0 .8cqw #ffebd74d}.card .cs.m1{background:#8f6420}.card .cs.m2{background:#2c4c80}.card .cs.m3{background:#3a312b}.card .cr{min-width:14cqw;height:14cqw;font:800 9.5cqw/1 var(--sans);color:#f6eedd;background:var(--k);border-radius:7cqw;place-items:center;padding:0 2cqw;display:grid;position:absolute;bottom:3cqw;left:3.5cqw}.card.role .ch b,.card.char .ch b{font-size:14cqw}.card.r-chief{--k:#b8391f}.card.r-deputy{--k:#2c4c80}.card.r-bandit{--k:#1c1612}.card.r-spy{--k:#8f6420}.card.char{--k:#5b3b22}.card.char .chp{text-align:center;font:700 8.4cqw/1 var(--sans);color:#6b5240;position:absolute;bottom:4cqw;left:0;right:0}.card.role .ct,.card.char .ct{padding-bottom:8cqw}.card.char .ct{padding-bottom:14cqw}.card.back{background:radial-gradient(90% 70% at 50% 35%,#6c2516,#3b120a 70%,#2a0c06);box-shadow:0 0 0 1px #0009,inset 0 1px #ffd2b433,0 8px 16px -8px #000c}.card.back .bk{background:radial-gradient(circle,#f0e6d2e6 0 7cqw,#0000 7.5cqw),radial-gradient(circle,#0000 0 13cqw,#d6dedc73 13.5cqw 15cqw,#0000 15.5cqw),repeating-linear-gradient(45deg,#0000 0 7cqw,#cde1de47 7cqw 8.2cqw),repeating-linear-gradient(-45deg,#0000 0 7cqw,#e8d0e242 7cqw 8.2cqw);border:max(1px,1.2cqw) solid #d6a54c8c;border-radius:3cqw;position:absolute;inset:7%}.table{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.tbar{padding:calc(6px + env(safe-area-inset-top)) 8px 4px;align-items:center;gap:4px;display:flex}.tbar .tinfo{text-align:center;min-width:0;color:var(--mut);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.tbar .ibtn{width:40px;height:40px}.tbar .ibtn.dot:after{content:"";background:var(--ver);border-radius:50%;width:8px;height:8px;position:absolute;transform:translate(10px,-10px)}.felt{flex:1;grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1.15fr 1fr;place-items:center;gap:6px;min-height:280px;margin:0 8px;padding:6px 0;display:grid;position:relative}.felt:before{content:"";z-index:-1;background:radial-gradient(70% 60% at 50% 40%,#3a2216,#22140d 70%,#170d09);border-radius:34%/22%;position:absolute;inset:8% 4% 3%;box-shadow:0 0 0 3px #4a1c10,0 0 0 5px #d6a54c40,inset 0 30px 60px -20px #000}.felt:after{content:"";z-index:-2;background:var(--nacre);opacity:.18;border-radius:34%/22%;position:absolute;inset:calc(8% - 10px) calc(4% - 10px) calc(3% - 10px);-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 9px),#000 calc(100% - 8px));mask:radial-gradient(closest-side,#0000 calc(100% - 9px),#000 calc(100% - 8px))}.s-c1r1{grid-area:1/1}.s-c2r1{grid-area:1/2}.s-c3r1{grid-area:1/3}.s-c1r2{grid-area:2/1}.s-c3r2{grid-area:2/3}.s-c1r3{grid-area:3/1}.s-c3r3{grid-area:3/3}.s-c2r3{grid-area:3/2}.center{grid-area:1/2/4/3;align-self:center;justify-items:center;gap:6px;display:grid}.felt.top .center{grid-area:2/2/4/3}.felt.bottom .center{grid-area:1/2/3/3}.felt.top.bottom .center{grid-area:2/2/3/3}.plate{border:1px solid var(--line2);text-align:left;width:100%;max-width:128px;color:var(--tx);transition:transform .2s var(--ease), box-shadow .2s, border-color .2s, opacity .3s;background:#1c130ee0;border-radius:12px;gap:3px;padding:7px 8px;display:grid;position:relative}button.plate{font:inherit}.plate .pl-top{align-items:center;gap:4px;min-width:0;display:flex}.plate .pl-nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:750;overflow:hidden}.plate .pl-who{flex-wrap:wrap;align-items:center;gap:5px;min-width:0;display:flex}.plate .pl-role{background:var(--ivo);color:var(--ink);border-radius:5px;flex:none;align-items:center;gap:2px;padding:1px 5px 1px 2px;font-size:11px;font-weight:800;display:inline-flex}.plate .pl-role.r-chief{background:#f3d6cc}.plate .pl-role svg{width:15px;height:15px}.plate .pl-bot{width:15px;height:15px;color:var(--och);flex:none}.hp{flex-wrap:wrap;gap:3px;display:flex}.hp i{background:var(--ver);border-radius:2.5px;width:11px;height:11px;transition:background .3s,transform .3s;transform:rotate(-4deg);box-shadow:inset 0 0 0 1.5px #ffe6d247}.hp i.gone{box-shadow:none;background:#f1e8d91f;transform:rotate(-4deg)scale(.8)}.plate .pl-sub{color:var(--mut);font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:space-between;align-items:center;gap:4px;font-size:12px;display:flex}.plate .pl-hand{align-items:center;gap:2px;display:inline-flex}.plate .pl-hand svg{width:14px;height:14px}.plate .pl-hero{color:var(--och);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.eqs{flex-wrap:wrap;gap:3px;min-height:0;display:flex}.eq{background:var(--ivo);height:20px;color:var(--ink);white-space:nowrap;border:0;border-radius:5px;align-items:center;gap:2px;padding:0 5px 0 2px;font-size:11px;font-weight:750;display:inline-flex}.eq svg{width:16px;height:16px}.plate .eq{height:22px;padding:0 3px}.plate .eq .en{display:none}.plate .eq svg{width:17px;height:17px}.eq.k-jail{background:#e9b3a5}.plate.turn{border-color:var(--och);box-shadow:0 0 0 2px #d6a54c80,0 8px 22px -10px #d6a54c99}.plate.wait{border-color:var(--ind);box-shadow:0 0 0 2px #4a6fa88c}.plate.dead{opacity:.5;filter:grayscale(.8)}.plate.off .pl-nm{color:var(--dim)}.plate.aim{cursor:pointer;border-color:var(--ver-l);box-shadow:0 0 0 2px var(--ver), 0 0 0 6px #cf4a2f2e;animation:1.1s ease-in-out infinite aim}.plate.noaim{opacity:.45}.plate .pl-dist{color:var(--dim)}.plate.aim .pl-dist{color:var(--ver-l);font-weight:700}@keyframes aim{50%{box-shadow:0 0 0 2px var(--ver), 0 0 0 9px #cf4a2f1a}}.plate.hit{animation:hit .5s var(--ease)}@keyframes hit{0%,to{transform:none}20%{background:#962814e6;transform:translate(-6px)rotate(-2deg)}45%{transform:translate(5px)rotate(1.5deg)}70%{transform:translate(-3px)}}.plate.dodge{animation:dodge .55s var(--ease)}@keyframes dodge{35%{transform:translate(14px,-6px)rotate(4deg)}}.plate .bub{background:var(--ivo);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;z-index:6;pointer-events:none;border-radius:9px;max-width:170px;padding:4px 8px;font-size:12px;font-weight:700;animation:3.2s forwards bub;position:absolute;top:-6px;left:50%;overflow:hidden;transform:translate(-50%,-100%)}@keyframes bub{0%{opacity:0;transform:translate(-50%,-80%)}8%,85%{opacity:1;transform:translate(-50%,-100%)}to{opacity:0}}.plate .flag{background:var(--och);color:var(--ink);white-space:nowrap;border-radius:6px;padding:2px 6px;font-size:11px;font-weight:800;position:absolute;top:-8px;right:-6px}.piles{align-items:flex-end;gap:10px;display:flex}.deck,.pile{justify-items:center;gap:2px;display:grid;position:relative}.deck .card,.pile .card{--cw:58px}.deck .card+.card{position:absolute;top:-2px;left:2px}.deck b,.pile b{color:var(--mut);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.pile .ph{aspect-ratio:63/88;border:1.5px dashed var(--line2);border-radius:5px;width:58px}.ticker{text-align:center;max-width:210px;min-height:2.6em;color:var(--tx);margin:0;font-size:13px;line-height:1.3}.ticker em{color:var(--och);font-style:normal;font-weight:700}.clock{color:var(--mut);font-variant-numeric:tabular-nums;align-items:center;gap:7px;font-size:12px;display:flex}.clock .stick{background:#f1e8d91a;border-radius:2px;width:84px;height:4px;position:relative;overflow:visible}.clock .stick i{width:calc(var(--p,1) * 100%);background:linear-gradient(90deg,#6e4a2a,#a77a45);border-radius:2px;position:absolute;top:0;bottom:0;left:0}.clock .stick i:after{content:"";background:radial-gradient(circle,#ffd28a,#e2582d 60%,#0000 70%);border-radius:50%;width:7px;height:8px;position:absolute;top:-2px;right:-3px}.clock.low{color:var(--ver-l)}.mine{padding:4px 8px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#0a0605a6 22%);grid-template-columns:minmax(0,1fr);gap:6px;display:grid;position:relative}.me-row{flex-wrap:wrap;align-items:center;gap:6px;min-height:40px;display:flex}.me-row .mchip{border:1px solid var(--line2);white-space:nowrap;background:#f1e8d90d;border-radius:9px;align-items:center;gap:4px;height:34px;padding:0 9px 0 4px;font-size:13px;font-weight:750;display:inline-flex}.me-row .mchip svg{background:var(--ivo);border-radius:6px;width:26px;height:26px;padding:2px}.me-row .mchip.r-chief{border-color:#cf4a2f99}.me-row .mchip.r-bandit{background:#0b0807;border-color:#000}.me-row .mchip.r-deputy{border-color:#4a6fa899}.me-row .mchip.r-spy{border-color:#d6a54c99}.me-row .hp i{width:13px;height:13px}.me-row .meq{gap:4px;margin-left:auto;display:flex}.me-row.turn .mchip.me-name{border-color:var(--och);color:var(--och)}.hand{justify-content:safe center;align-items:flex-end;min-width:0;height:118px;padding-top:14px;display:flex;position:relative}.hand .card{--cw:76px;margin-left:var(--ov,0px);transition:transform .18s var(--ease), margin .2s, opacity .2s, filter .2s;cursor:pointer}.hand .card:first-child{margin-left:0}.hand .card.sel{box-shadow:0 0 0 2px var(--och), 0 14px 24px -10px #000;z-index:2;transform:translateY(-14px)}.hand .card.dim{filter:brightness(.62)saturate(.7)}.hand .card.pick{box-shadow:0 0 0 3px var(--ver), 0 14px 24px -10px #000;transform:translateY(-10px)}.hand .card.enter{animation:enter .42s var(--ease) both}@keyframes enter{0%{opacity:0;transform:translateY(-60px)scale(.6)rotate(-8deg)}}.acts{gap:8px;display:flex}.acts .btn{flex:1;min-height:46px}.info{border:1px solid var(--line2);background:#241913f5;border-radius:12px;gap:8px;min-height:0;padding:10px 12px;display:grid}.info p{color:var(--mut);margin:0;font-size:14px;line-height:1.4}.info p b{color:var(--tx)}.info .btns{gap:8px;display:flex}.info .btns .btn{flex:1;min-height:44px}.info.ask{border-color:var(--ver);background:linear-gradient(#501a0ef5,#28120cf5)}.info .bar-t{background:#ffffff1f;border-radius:2px;height:3px;overflow:hidden}.info .bar-t i{background:var(--ver-l);height:100%;width:calc(var(--p,1) * 100%);display:block}.picks,.looks{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.picks .card{--cw:70px;cursor:pointer}.picks .handpick{--cw:70px;place-items:center;display:grid}.market{z-index:8;background:#0a0604b3;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.market .box{justify-items:center;gap:10px;max-width:560px;display:grid}.market h3{text-align:center;margin:0;font-size:17px}.market .row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.market .row .card{--cw:80px;cursor:pointer}.market .row .card[aria-disabled=true]{cursor:default}.fx{pointer-events:none;z-index:7;position:absolute;inset:0;overflow:visible}.fx svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.fly{z-index:9;pointer-events:none;position:absolute;top:0;left:0}.judge{z-index:9;pointer-events:none;perspective:600px;justify-items:center;gap:6px;display:grid;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.judge .flip{aspect-ratio:63/88;width:82px;transform-style:preserve-3d;animation:flip .7s var(--ease) both;position:relative}.judge .flip>.card{--cw:82px;backface-visibility:hidden;position:absolute;inset:0}.judge .flip>.card.back{transform:rotateY(180deg)}.judge>b{background:var(--ivo);color:var(--ink);border-radius:8px;padding:3px 9px;font-size:13px;animation:.3s .6s both pop}.judge>b.ok{background:var(--good)}@keyframes flip{0%{transform:rotateY(180deg)scale(.8)}}@keyframes pop{0%{opacity:0;transform:scale(.7)}}.result{z-index:20;background:#0a0604cc;place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow-y:auto}.result .box{border:1px solid var(--line2);background:linear-gradient(#2d1e16,#1b130e);border-radius:18px;gap:12px;width:min(560px,100%);padding:20px 18px;display:grid}.result h2{text-align:center;margin:0;font-size:34px}.result .why{text-align:center;color:var(--mut);margin:-6px 0 4px}.result ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.result li{background:#f1e8d90a;border-radius:10px;align-items:center;gap:10px;padding:6px 8px;display:flex}.result li .card{--cw:44px}.result li .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.result li .rn{color:var(--mut);white-space:nowrap;font-size:14px}.result li.win{background:#d6a54c1f}.result li.win .rn{color:var(--och)}.result .btns{gap:8px;display:flex}.result .btns .btn{flex:1}.result.law h2{color:#f0b49f}.result.bandit h2{color:var(--ivo)}.result.spy h2{color:var(--och)}.drawer{z-index:15;border-top:1px solid var(--line2);max-height:72%;padding:8px 12px calc(10px + env(safe-area-inset-bottom));animation:up .25s var(--ease);background:#1d140f;border-radius:18px 18px 0 0;grid-template-rows:auto 1fr auto;display:grid;position:absolute;inset:auto 0 0;box-shadow:0 -20px 40px -10px #000}@keyframes up{0%{opacity:0;transform:translateY(40px)}}.drawer .dlg-h{margin:0 -4px 4px 0}.drawer .dlg-h h2{font-size:16px}.log{color:var(--mut);overscroll-behavior:contain;align-content:start;gap:3px;margin:0;padding:0 2px;font-size:13.5px;list-style:none;display:grid;overflow-y:auto}.log li.turnline{color:var(--och);margin-top:6px;font-weight:700}.log li em{color:var(--tx);font-style:normal;font-weight:700}.drawer .chat-lines{height:auto;min-height:120px;max-height:40vh}@media (min-width:768px){.plate .eq{padding:0 5px 0 2px}.plate .eq .en{display:inline}.felt{grid-template-columns:1fr 1.3fr 1fr;gap:10px;min-height:380px;margin:0 24px}.felt:before,.felt:after{border-radius:50%}.plate{gap:4px;max-width:180px;padding:9px 11px}.plate .pl-nm{font-size:15px}.deck .card,.pile .card,.pile .ph{--cw:76px;width:76px}.pile .ph{width:76px}.ticker{max-width:280px;font-size:14px}.hand{height:150px}.hand .card{--cw:96px}.mine{width:100%;max-width:980px;margin:0 auto;padding:6px 24px 14px}.drawer{border:1px solid var(--line2);border-radius:18px;width:380px;bottom:16px;left:auto;right:16px}}@media (min-width:1100px){.table .felt{width:calc(100% - 48px);max-width:1100px;margin:0 auto}.hand .card{--cw:108px}.hand{height:168px}}@media (max-height:700px) and (max-width:767px){.hand{height:100px;padding-top:10px}.hand .card{--cw:66px}.felt{min-height:240px}.plate{padding:5px 7px}}@media (min-width:768px) and (max-height:900px){.felt{min-height:250px}.hand{height:132px;padding-top:12px}.hand .card{--cw:86px}.info{gap:6px;padding:8px 12px}.info .btns .btn{min-height:40px}.acts .btn{min-height:42px}}@media (min-width:1100px) and (max-height:900px){.hand .card{--cw:88px}.hand{height:136px}}