/* ── games-a 공용 무대 키트 (라이어/밸런스/반응속도) ── */
.ga-screen{--ga-accent:#e8b765;--ga-accent-ink:#2b1d12;--ga-glass:rgb(24 14 26 / .72);--ga-glass-2:rgb(40 26 44 / .78);--ga-line:#ffffff24;--ga-text:#fffaf3;--ga-muted:#ffffffb8;--ga-paper:#fffaf2;--ga-ok:#7ad39a;--ga-warn:#ffb36b;flex-direction:column;align-items:center}
.ga-screen [hidden]{display:none!important}
.ga-screen .play-heading{margin-bottom:16px}
.ga-arena{width:100%;max-width:1120px;margin:0 auto;display:flex;flex-direction:column;align-items:stretch;gap:14px;min-width:0}
.ga-arena>*{min-width:0}
.ga-glass{background:var(--ga-glass);color:var(--ga-text);border:1px solid var(--ga-line);border-radius:22px;box-shadow:var(--shadow-art,0 16px 40px #0006),inset 0 1px 0 #ffffff1a;-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1)}
.ga-paper{background:var(--ga-paper);color:var(--ink);border-radius:24px;box-shadow:var(--shadow-4,0 24px 70px #0006)}
.ga-status{background:var(--ga-glass);color:var(--ga-text);border:1px solid var(--ga-line);border-radius:22px;padding:14px 18px 16px;display:flex;flex-direction:column;gap:9px;box-shadow:var(--shadow-art,0 16px 40px #0006),inset 0 1px 0 #ffffff1a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.ga-steps{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.ga-steps li{flex:1 1 0;min-width:0;text-align:center;padding:5px 2px;border-radius:999px;background:#ffffff12;color:#ffffff8c;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid #ffffff14}
.ga-steps li.is-done{background:#ffffff26;color:#fff}
.ga-steps li.is-current{background:var(--ga-accent);border-color:transparent;color:var(--ga-accent-ink);box-shadow:0 0 0 3px #ffffff1f,0 6px 16px #0005}
.ga-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ga-status-title{font-size:20px;line-height:1.35;font-weight:900;color:#fff;min-width:0;text-shadow:var(--text-shadow-art,0 2px 10px #0009);letter-spacing:-.4px}
.ga-clock{flex:none;font-variant-numeric:tabular-nums;font-size:15px;font-weight:900;color:var(--ga-accent-ink);background:var(--ga-accent);border-radius:999px;padding:5px 14px;min-width:62px;text-align:center;box-shadow:var(--shadow-1)}
.ga-clock:empty{display:none}
.ga-clock.is-urgent{color:#fff;background:var(--cherry);animation:ga-pulse 1s ease-in-out infinite;box-shadow:var(--shadow-glow)}
@keyframes ga-pulse{50%{transform:scale(1.08)}}
.ga-status-desc{font-size:14px;line-height:1.6;color:var(--ga-muted);margin:0;min-height:1.6em;word-break:keep-all;overflow-wrap:anywhere}
.ga-timer{height:6px;background:#ffffff1f;border-radius:999px;overflow:hidden}
.ga-timer-fill{height:100%;width:0;background:linear-gradient(90deg,var(--ga-accent),#fff4d6);border-radius:999px;transition:width .2s linear;box-shadow:0 0 12px var(--ga-accent)}
.ga-mc{display:flex;align-items:center;gap:14px;padding:0 4px}
.ga-mc-face{flex:none;width:68px;height:68px;border-radius:50%;object-fit:cover;border:3px solid var(--ga-accent);box-shadow:var(--shadow-art,0 10px 24px #0007);background:#2a1a1f}
.ga-mc-bubble{position:relative;flex:1 1 auto;min-width:0;background:var(--ga-paper);color:var(--ink);border-radius:18px;padding:11px 16px;box-shadow:var(--shadow-3,0 12px 30px #0005)}
.ga-mc-bubble:before{content:'';position:absolute;left:-9px;top:50%;width:18px;height:18px;background:inherit;transform:translateY(-50%) rotate(45deg);border-radius:3px}
.ga-mc-bubble strong{position:relative;display:block;font-size:12px;font-weight:900;color:var(--cherry);letter-spacing:.3px}
.ga-mc-bubble p{position:relative;margin:2px 0 0;font-size:15px;line-height:1.55;font-weight:600;word-break:keep-all;overflow-wrap:anywhere}
.ga-mc.is-in .ga-mc-bubble{animation:ga-mc-in .42s cubic-bezier(.2,.8,.2,1) both}
.ga-mc.is-in .ga-mc-face{animation:ga-pop .42s cubic-bezier(.2,.8,.2,1) both}
@keyframes ga-mc-in{from{opacity:0;transform:translateX(-10px) scale(.97)}}
@keyframes ga-pop{from{transform:scale(.7);opacity:0}}
.ga-seats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 8px}
.ga-seats:empty{display:none}
.ga-seat{position:relative;width:82px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;transition:transform .25s,opacity .25s}
.ga-seat-face{position:relative;width:62px;height:62px;border-radius:50%;padding:3px;background:linear-gradient(145deg,#ffffff66,#ffffff14);box-shadow:var(--shadow-art,0 10px 22px #0006)}
.ga-seat-face img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;background:#3a2830}
.ga-seat-badge{position:absolute;right:-4px;bottom:-2px;min-width:24px;height:24px;padding:0 5px;border-radius:999px;background:var(--ga-ok);color:#12351f;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:var(--shadow-1)}
.ga-seat-name{max-width:100%;font-size:12.5px;font-weight:800;color:#fff;text-shadow:var(--text-shadow-art,0 1px 6px #000a);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ga-seat-name em{font-style:normal;margin-left:3px;font-size:10px;padding:0 5px;border-radius:999px;background:var(--cherry);color:#fff}
.ga-seat-tag{font-size:10.5px;font-weight:800;color:#fff;background:#00000059;border-radius:999px;padding:1px 7px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ga-seat.is-me .ga-seat-face{background:linear-gradient(145deg,#ffb4c0,#be3449)}
.ga-seat.is-active{transform:translateY(-4px) scale(1.08)}
.ga-seat.is-active .ga-seat-face{background:linear-gradient(145deg,#fff3c4,var(--ga-accent));box-shadow:0 0 0 4px #ffffff30,0 0 28px var(--ga-accent),var(--shadow-art,0 10px 22px #0006)}
.ga-seat.is-active .ga-seat-tag{background:var(--ga-accent);color:var(--ga-accent-ink)}
.ga-seat.is-waiting{opacity:.72}
.ga-seat.is-done .ga-seat-tag{background:#1f6b3c}
.ga-seat.is-warn .ga-seat-badge{background:var(--ga-warn);color:#4a2400}
.ga-seat.is-warn .ga-seat-tag{background:#8a4b12}
.ga-seats.is-compact .ga-seat{width:64px}
.ga-seats.is-compact .ga-seat-face{width:46px;height:46px}
.ga-seat.is-mini{width:54px}
.ga-seat.is-mini .ga-seat-face{width:38px;height:38px;padding:2px}
.ga-seat.is-mini .ga-seat-name{font-size:11px}
.ga-seat-meta{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;max-width:100%}
.ga-main{display:flex;flex-direction:column;gap:14px;min-width:0}
.ga-side{display:flex;flex-direction:column;gap:10px;padding:14px 12px}
.ga-side-title{margin:0;font-size:12px;font-weight:900;letter-spacing:1.5px;color:var(--ga-accent);text-align:center}
@media(min-width:1024px){
.ga-arena.has-side{display:grid;grid-template-columns:minmax(0,1fr) 250px;column-gap:16px;row-gap:14px;align-items:start}
.ga-arena.has-side>.ga-status,.ga-arena.has-side>.ga-mc{grid-column:1/-1}
.ga-arena.has-side>.ga-main{grid-column:1;grid-row:3}
.ga-arena.has-side>.ga-side{grid-column:2;grid-row:3;position:sticky;top:16px;max-height:calc(100svh - 32px);overflow-y:auto}
.ga-side .ga-seats{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:6px}
.ga-side .ga-seat{width:auto;flex-direction:row;align-items:center;gap:10px;padding:6px 10px 6px 6px;border-radius:16px;background:#ffffff0f;border:1px solid #ffffff14;text-align:left;box-shadow:var(--shadow-1)}
.ga-side .ga-seat-face{width:48px;height:48px;flex:none}
.ga-side .ga-seat-meta{align-items:flex-start}
.ga-side .ga-seat-name{font-size:14px}
.ga-side .ga-seat.is-active{transform:translateX(-4px);background:#e8b76526;border-color:#e8b76580}
.ga-side .ga-seat.is-done{background:#7ad39a14}
}
@media(max-width:1023px){
.ga-side{background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}
.ga-side-title{display:none}
}
.ga-panel{width:100%;display:flex;flex-direction:column;gap:14px;border-radius:22px}
.ga-panel.ga-glass,.ga-panel.ga-paper{padding:20px}
.ga-panel.ga-bare{padding:0}
.ga-subtitle{font-size:15px;font-weight:900;margin:0;letter-spacing:-.2px}
.ga-glass .ga-subtitle{color:var(--ga-accent);text-shadow:0 1px 4px #0008}
.ga-paper .ga-subtitle{color:var(--muted)}
.ga-note{font-size:13px;line-height:1.6;color:var(--muted);margin:0;word-break:keep-all}
.ga-glass .ga-note,.ga-arena>.ga-note{color:var(--ga-muted)}
.ga-note:empty{display:none}
.ga-progress{font-size:13px;font-weight:800;color:var(--ga-accent);margin:0}
.ga-progress:empty{display:none}
.ga-arena .ga-toast{position:sticky;top:10px;z-index:8;width:100%;margin:0;background:var(--ink);color:#fff;border-radius:14px;padding:12px 16px;font-size:14px;font-weight:700;text-align:center;box-shadow:var(--shadow-3)}
.ga-input-row{display:flex;gap:8px;width:100%}
.ga-input-row input{flex:1 1 auto;min-width:0;min-height:50px;border:1px solid #0000001a;border-radius:14px;padding:0 16px;background:#fffdf8;color:var(--ink);font-size:16px;box-shadow:var(--shadow-press,inset 0 2px 6px #0002)}
.ga-input-row input:disabled{background:#ffffff33;color:#ffffffa0;border-color:#ffffff2a}
.ga-input-row button{flex:none;border:0;border-radius:14px;padding:0 20px;min-height:50px;background:var(--cherry);color:#fff;font-weight:900;font-size:15px;white-space:nowrap;box-shadow:var(--shadow-btn,0 3px 0 #8e1f33);transition:transform .12s,box-shadow .12s}
.ga-input-row button:active:not(:disabled){transform:translateY(2px);box-shadow:var(--shadow-btn-press,0 1px 0 #8e1f33)}
.ga-chips{display:flex;flex-wrap:wrap;gap:8px}
.ga-chips:empty{display:none}
.ga-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 5px;border-radius:999px;background:#ffffff1f;border:1px solid #ffffff26;font-size:13px;max-width:100%;color:#fff;box-shadow:var(--shadow-1)}
.ga-paper .ga-chip{background:var(--surface);border-color:var(--line);color:var(--ink)}
.ga-chip b{color:var(--ga-accent)}
.ga-paper .ga-chip b{color:#b8741a}
.ga-who{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%}
.ga-who-face{flex:none;width:24px;height:24px;border-radius:50%;object-fit:cover;box-shadow:0 1px 3px #0005;background:#3a2830}
.ga-who-emoji{flex:none}
.ga-who-name{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ga-who-me{flex:none;font-size:10px;font-weight:900;color:#fff;background:var(--cherry);border-radius:999px;padding:1px 6px}
.ga-pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px}
.ga-arena .ga-pick{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:132px;padding:14px 10px;border:2px solid #ffffff2a;border-radius:18px;background:linear-gradient(180deg,#ffffff1c,#ffffff08);color:#fff;font-size:15px;font-weight:800;min-width:0;box-shadow:var(--shadow-2);transition:transform .16s,border-color .16s,box-shadow .16s}
.ga-arena .ga-pick:hover:not(:disabled){transform:translateY(-3px);border-color:var(--ga-accent);box-shadow:var(--shadow-3)}
.ga-arena .ga-pick:active:not(:disabled){transform:translateY(1px);box-shadow:var(--shadow-press)}
.ga-arena .ga-pick.is-selected{border-color:var(--ga-accent);background:linear-gradient(180deg,#e8b76552,#e8b76514);box-shadow:0 0 0 3px #e8b76540,0 0 30px #e8b76566,var(--shadow-3)}
.ga-arena .ga-pick:disabled{cursor:default}
.ga-actions{display:flex;flex-wrap:wrap;gap:10px}
.ga-actions>button{flex:1 1 160px}
.ga-arena .arcade-button{box-shadow:var(--shadow-btn,0 3px 0 #8e1f33)}
.ga-arena .arcade-button:active:not(:disabled){transform:translateY(2px);box-shadow:var(--shadow-btn-press,0 1px 0 #8e1f33)}
.ga-arena .arcade-button:disabled{cursor:default;transform:none;box-shadow:var(--shadow-1)}
.ga-arena .ga-ghost{background:#ffffff1f;border:1px solid #ffffff3d;color:#fff;border-radius:var(--r-control);min-height:50px;padding:14px 22px;font-weight:800;font-size:15px;box-shadow:var(--shadow-1)}
.ga-paper .ga-ghost{background:var(--surface);border-color:var(--line);color:var(--ink)}
.ga-arena .ga-ghost:hover{border-color:var(--ga-accent)}
.ga-chat.chat-area{max-width:none;margin:0;width:100%;background:var(--ga-glass);border:1px solid var(--ga-line);border-radius:20px;color:var(--ga-text);box-shadow:var(--shadow-art,0 16px 40px #0006);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.ga-chat .chat-messages{height:150px;padding:12px 16px;color:#fff}
.ga-chat .chat-msg{color:#fff}
.ga-chat .chat-msg .nick{color:var(--ga-accent)}
.ga-chat .chat-msg.system{color:#ffd9ae}
.ga-chat .chat-input-row{border-top:1px solid #ffffff1a;padding:10px}
.ga-chat .chat-input-row input{background:#fffdf8;border-color:transparent;color:var(--ink);min-height:46px;font-size:16px}
.ga-chat .chat-input-row input:disabled{background:#ffffff26;color:#ffffffa6}
.ga-chat .chat-input-row button{background:var(--cherry);min-height:46px;box-shadow:var(--shadow-btn,0 3px 0 #8e1f33)}
@media(max-width:700px){
.ga-screen .play-heading{margin-bottom:10px}
.ga-arena{gap:10px}
.ga-status{padding:12px 14px 14px;gap:8px;border-radius:18px}
.ga-steps li{font-size:10.5px;padding:4px 1px}
.ga-status-title{font-size:17px}
.ga-status-desc{font-size:13px}
.ga-mc{gap:10px}
.ga-mc-face{width:50px;height:50px}
.ga-mc-bubble{padding:9px 12px}
.ga-mc-bubble p{font-size:13.5px}
.ga-seats{gap:8px 4px}
.ga-seat{width:66px}
.ga-seat-face{width:50px;height:50px}
.ga-seat-name{font-size:11.5px}
.ga-seats.is-compact .ga-seat{width:56px}
.ga-seats.is-compact .ga-seat-face{width:40px;height:40px}
.ga-panel.ga-glass,.ga-panel.ga-paper{padding:14px;border-radius:18px}
.ga-pick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ga-arena .ga-pick{min-height:112px}
.ga-input-row button{padding:0 14px}
.ga-chat .chat-messages{height:130px}
}
@media(prefers-reduced-motion:reduce){
.ga-clock.is-urgent,.ga-mc.is-in .ga-mc-bubble,.ga-mc.is-in .ga-mc-face{animation:none}
.ga-timer-fill{transition:none}
}

/* ── 라이어: 달빛 가면무도회 ── */
.ga-liar{--ga-accent:#e8b765;--ga-glass:rgb(26 14 30 / .74);--ga-glass-2:rgb(46 24 50 / .82)}
.ga-arena .liar-role-chip{position:sticky;top:10px;z-index:7;align-self:center;display:inline-flex;align-items:center;gap:8px;padding:6px 16px 6px 6px;border-radius:999px;border:1px solid var(--ga-accent);background:rgb(26 14 30 / .88);color:#fff;font-size:14px;font-weight:800;box-shadow:var(--shadow-3),0 0 18px #e8b76544;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.liar-role-chip.is-liar{border-color:#ff7a8c;box-shadow:var(--shadow-3),0 0 18px #be344966}
.liar-chip-art{width:34px;height:34px;border-radius:50%;object-fit:cover;box-shadow:var(--shadow-1)}
.liar-role-chip .liar-chip-word{color:var(--ga-accent);font-weight:900;font-size:16px}
.liar-role-chip .liar-chip-toggle{font-size:12px;color:#ffffffa0;font-weight:700}
.liar-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:760px;margin:0 auto}
.ga-arena .liar-mode-btn{position:relative;display:flex;flex-direction:column;padding:0;overflow:hidden;border:2px solid #ffffff2e;border-radius:22px;background:#1b1020;color:#fff;text-align:left;box-shadow:var(--shadow-art,0 16px 40px #0006);transition:transform .2s,box-shadow .2s,border-color .2s,filter .3s}
.ga-arena .liar-mode-btn:hover:not(:disabled){transform:translateY(-4px);border-color:var(--ga-accent)}
.liar-mode-art{display:block;aspect-ratio:5/4;max-height:300px;overflow:hidden;background:#2a1830}
.liar-mode-art img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;transition:transform .6s}
.liar-mode-btn:hover .liar-mode-art img{transform:scale(1.04)}
.liar-mode-copy{position:relative;display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px;background:linear-gradient(180deg,#1b1020 0%,#241329 100%)}
.liar-mode-copy strong{font-size:19px;font-weight:900;color:var(--ga-accent)}
.liar-mode-copy small{font-size:13.5px;color:#ffffffc4;line-height:1.5;word-break:keep-all}
.liar-mode-voters{display:flex;flex-wrap:wrap;gap:4px;min-height:30px;margin-top:4px}
.liar-mode-voters img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid var(--ga-accent);box-shadow:var(--shadow-1);animation:ga-pop .3s both}
.ga-arena .liar-mode-btn.is-mine{border-color:var(--ga-accent);box-shadow:0 0 0 3px #e8b7654d,0 0 34px #e8b76559,var(--shadow-art,0 16px 40px #0006)}
.ga-arena .liar-mode-btn.is-winner{transform:scale(1.03);border-color:#fff3c4;box-shadow:0 0 0 4px #e8b76580,0 0 50px #e8b76580,var(--shadow-art,0 16px 40px #0006)}
.ga-arena .liar-mode-btn.is-loser{filter:saturate(.3) brightness(.6);transform:scale(.97)}
.liar-role-stage{align-items:center;gap:12px}
.liar-card-flip{position:relative;width:min(78vw,clamp(220px,calc((100svh - 540px) * .75),330px));aspect-ratio:3/4;perspective:1400px}
.liar-card-back,.liar-role-reveal{position:absolute;inset:0;border-radius:24px;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .9s cubic-bezier(.3,.9,.3,1);box-shadow:var(--shadow-art,0 16px 40px #0007),0 0 0 1px #e8b76566}
.liar-card-back{background:radial-gradient(circle at 50% 42%,#5b2f58 0%,#2a1430 70%);display:flex;align-items:center;justify-content:center;overflow:hidden}
.liar-card-back:before{content:'';position:absolute;inset:14px;border:2px solid #e8b76599;border-radius:16px;background:repeating-linear-gradient(45deg,#e8b76514 0 10px,transparent 10px 20px)}
.liar-seal{position:relative;width:86px;height:86px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#e2566b,#8e1f33 70%);box-shadow:0 8px 20px #0008,inset 0 -6px 10px #0004,inset 0 4px 8px #ffffff40}
.liar-seal:after{content:'';position:absolute;inset:20px;border-radius:50%;border:3px solid #ffd7a3aa}
.liar-role-reveal{transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 22px;text-align:center;background:#2a1430 center/cover no-repeat;overflow:hidden}
.liar-card-flip.is-flipped .liar-card-back{transform:rotateY(-180deg)}
.liar-card-flip.is-flipped .liar-role-reveal{transform:rotateY(0)}
.liar-role-kind{font-size:15px;font-weight:900;letter-spacing:1px;padding:5px 14px;border-radius:999px;background:#2b1d12cc;color:var(--ga-accent);box-shadow:var(--shadow-1)}
.liar-role-word{font-size:40px;line-height:1.25;font-weight:900;letter-spacing:-1px;word-break:keep-all;overflow-wrap:anywhere}
.liar-role-reveal.is-citizen{justify-content:center}
.liar-role-reveal.is-citizen .liar-role-word{color:#3a2418;text-shadow:0 1px 0 #fff8,0 2px 12px #ffffffb0;padding:6px 10px}
.liar-role-reveal.is-liar{justify-content:flex-end;padding-bottom:30px}
.liar-role-reveal.is-liar .liar-role-kind{background:#be3449;color:#fff}
.liar-role-reveal.is-liar .liar-role-word{color:#fff;text-shadow:var(--text-shadow-art,0 2px 12px #000)}
.liar-role-reveal.is-liar .liar-role-word.is-blank{letter-spacing:8px;color:#ffffffb0}
.liar-role-reveal.is-spectator:after{content:'';position:absolute;inset:0;background:#1a0c1e99}
.liar-role-reveal.is-spectator>*{position:relative;z-index:1}
.liar-role-reveal.is-spectator .liar-role-kind{font-size:18px}
.liar-role-cat{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:999px;background:#2b1d12d9;color:#fff;font-size:13px;font-weight:800;box-shadow:var(--shadow-1)}
.liar-role-cat img{width:30px;height:30px;border-radius:50%;object-fit:cover}
.liar-role-flavor{max-width:520px;margin:0;text-align:center;font-size:15px;line-height:1.65;font-weight:700;color:#fff;text-shadow:var(--text-shadow-art,0 2px 10px #000a);word-break:keep-all}
.liar-spotlight{display:flex;align-items:center;gap:16px;padding:6px 4px}
.liar-spotlight:empty{display:none}
.liar-spot-face{flex:none;width:96px;height:96px;border-radius:50%;padding:4px;background:linear-gradient(145deg,#fff3c4,var(--ga-accent));box-shadow:0 0 0 6px #e8b76526,0 0 44px #e8b76577,var(--shadow-art,0 12px 30px #0007);animation:liar-glow 2.2s ease-in-out infinite}
.liar-spot-face img{width:100%;height:100%;border-radius:50%;object-fit:cover}
@keyframes liar-glow{50%{box-shadow:0 0 0 10px #e8b76514,0 0 60px #e8b76599,var(--shadow-art,0 12px 30px #0007)}}
.liar-spot-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.liar-spot-kicker{font-size:12px;font-weight:900;letter-spacing:1px;color:var(--ga-accent)}
.liar-spot-copy strong{font-size:19px;line-height:1.4;color:#fff;word-break:keep-all}
.liar-typing{display:inline-flex;gap:5px;margin-top:2px}
.liar-typing i{width:8px;height:8px;border-radius:50%;background:#ffffffb0;animation:liar-dot 1.2s ease-in-out infinite}
.liar-typing i:nth-child(2){animation-delay:.15s}
.liar-typing i:nth-child(3){animation-delay:.3s}
@keyframes liar-dot{0%,80%,100%{transform:translateY(0);opacity:.4}40%{transform:translateY(-5px);opacity:1}}
.liar-hint-form input{border:2px solid var(--ga-accent)}
.liar-hints{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto;overscroll-behavior:contain;padding:2px 4px 2px 0}
.liar-hints-empty{font-size:13px;color:var(--ga-muted);text-align:center;padding:12px;margin:0}
.liar-hint{display:flex;align-items:flex-start;gap:10px;animation:ga-mc-in .35s both}
.liar-hint-face{flex:none;width:38px;height:38px;border-radius:50%;object-fit:cover;box-shadow:var(--shadow-1);border:2px solid #ffffff40}
.liar-hint-body{display:flex;flex-direction:column;gap:1px;min-width:0;max-width:calc(100% - 50px);background:#fff8ec;color:#2b1d12;border-radius:4px 16px 16px 16px;padding:8px 13px;box-shadow:var(--shadow-2)}
.liar-hint-name{font-size:11.5px;font-weight:900;color:#9a6a1c}
.liar-hint-text{font-size:15px;line-height:1.5;font-weight:600;word-break:keep-all;overflow-wrap:anywhere}
.liar-hint.is-me{flex-direction:row-reverse}
.liar-hint.is-me .liar-hint-body{border-radius:16px 4px 16px 16px;background:#ffe3b0}
.liar-hint.is-auto .liar-hint-body{background:#ffffff26;color:#ffffffb8;box-shadow:none;border:1px dashed #ffffff4d}
.liar-hint.is-auto .liar-hint-name{color:#ffffff99}
.liar-hint-round{align-self:center;font-size:11px;font-weight:900;letter-spacing:1px;color:var(--ga-accent);background:#00000040;border-radius:999px;padding:3px 12px;margin-top:4px}
.liar-pick-face{width:76px;height:76px;border-radius:50%;padding:3px;background:linear-gradient(145deg,#ffffff66,#ffffff14);box-shadow:var(--shadow-art,0 10px 22px #0006)}
.liar-pick-face img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.ga-pick.is-selected .liar-pick-face{background:linear-gradient(145deg,#fff3c4,var(--ga-accent))}
.liar-pick-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.liar-board{display:flex;flex-direction:column;gap:6px}
.liar-board:empty{display:none}
.liar-sus{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#ffffff14;border:1px solid #ffffff1c;border-radius:14px;padding:8px 12px;font-size:13.5px;color:#fff;box-shadow:var(--shadow-1)}
.liar-sus-arrow{color:var(--ga-accent);font-weight:900}
.liar-sus-reason{flex-basis:100%;color:#ffe8c4;font-size:13px;word-break:keep-all;overflow-wrap:anywhere}
.liar-sus-reason:empty{display:none}
.liar-fold{background:#00000033;border:1px solid #ffffff1a;border-radius:14px;padding:8px 12px}
.liar-fold summary{cursor:pointer;font-size:13px;font-weight:900;color:var(--ga-accent);min-height:30px;display:flex;align-items:center}
.liar-fold .liar-hints{margin-top:8px;max-height:220px}
.ga-paper .liar-fold{background:var(--soft);border-color:var(--line)}
.ga-paper .liar-fold summary{color:var(--cherry)}
.ga-paper .liar-hints-empty{color:var(--muted)}
.ga-paper .liar-hint-round{background:var(--surface);color:var(--muted)}
.liar-ballot{display:flex;align-items:flex-end;justify-content:center;gap:12px;min-height:54px}
.liar-urn{width:64px;height:50px;border-radius:10px 10px 16px 16px;background:linear-gradient(180deg,#e8b765,#9a6a1c);box-shadow:var(--shadow-art,0 10px 20px #0007),inset 0 3px 0 #fff5;position:relative}
.liar-urn:before{content:'';position:absolute;left:14px;right:14px;top:8px;height:6px;border-radius:4px;background:#2b1d12}
.liar-tokens{display:flex;flex-wrap:wrap;gap:4px;max-width:220px}
.liar-tokens i{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3c4,#c98f2e);box-shadow:0 2px 4px #0006;animation:liar-drop .4s cubic-bezier(.3,1.4,.5,1) both}
@keyframes liar-drop{from{transform:translateY(-24px);opacity:0}}
.liar-reveal{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;color:#fff}
.liar-reveal-label{font-size:13px;color:var(--ga-muted);font-weight:800}
.liar-reveal-spot{display:flex;flex-direction:column;align-items:center;gap:8px}
.liar-reveal-spot img{width:128px;height:128px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 0 60px #fff6,var(--shadow-art,0 12px 30px #0008)}
.liar-reveal-spot.is-caught img{border-color:#ff8a9a;box-shadow:0 0 60px #be3449aa,var(--shadow-art,0 12px 30px #0008)}
.liar-reveal-spot strong{font-size:26px;font-weight:900;text-shadow:var(--text-shadow-art,0 2px 12px #000)}
.liar-reveal-verdict{font-size:18px;font-weight:900;padding:8px 18px;border-radius:999px;box-shadow:var(--shadow-2)}
.liar-reveal-verdict.is-caught{background:#be3449;color:#fff}
.liar-reveal-verdict.is-missed{background:#fff8ec;color:#5b2f58}
.liar-tally{display:flex;flex-direction:column;gap:6px;width:100%;max-width:520px}
.liar-tally-row{display:grid;grid-template-columns:32px minmax(0,110px) 1fr auto;align-items:center;gap:10px;font-size:13.5px;font-weight:800;color:#fff}
.liar-tally-row img{width:32px;height:32px;border-radius:50%;object-fit:cover;box-shadow:var(--shadow-1)}
.liar-tally-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.liar-tally-bar{height:12px;border-radius:999px;background:#ffffff1f;overflow:hidden}
.liar-tally-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#c98f2e,var(--ga-accent));animation:liar-bar .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes liar-bar{from{width:0!important}}
.liar-tally-row.is-top .liar-tally-bar i{background:linear-gradient(90deg,#8e1f33,#ff7a8c)}
.liar-tally-row b{color:var(--ga-accent)}
.ga-paper .liar-tally-row{color:var(--ink)}
.ga-paper .liar-tally-bar{background:var(--soft)}
.ga-paper .liar-tally-row b{color:#9a6a1c}
.liar-reversal-hero{display:flex;align-items:center;justify-content:center;gap:18px}
.liar-reversal-face img{width:112px;height:112px;border-radius:50%;object-fit:cover;border:4px solid #ff8a9a;box-shadow:0 0 40px #be344999,var(--shadow-art,0 12px 30px #0008)}
.liar-reversal-tile{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;font-weight:900;color:var(--ga-accent)}
.liar-reversal-tile img{width:84px;height:84px;border-radius:18px;object-fit:cover;box-shadow:var(--shadow-art,0 10px 22px #0007);border:2px solid #e8b76580}
.liar-reversal-text{font-size:16px;line-height:1.6;text-align:center;margin:0;word-break:keep-all;color:#fff;font-weight:700}
#liar-result-content{display:flex;flex-direction:column;gap:14px}
.liar-result-hero{position:relative;border-radius:18px;overflow:hidden;min-height:220px;display:flex;align-items:flex-end;background:#2a1430;box-shadow:var(--shadow-3)}
.liar-result-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.liar-result-hero:after{content:'';position:absolute;inset:0;background:var(--scrim-bottom,linear-gradient(180deg,#0000,#000c))}
.liar-result-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px;padding:20px 22px;color:#fff;text-shadow:var(--text-shadow-art,0 2px 10px #000)}
.liar-result-kicker{align-self:flex-start;font-size:12px;font-weight:900;letter-spacing:1px;padding:4px 12px;border-radius:999px;background:#be3449;color:#fff;text-shadow:none;box-shadow:var(--shadow-1)}
.liar-result-hero.is-citizens .liar-result-kicker{background:#2f7a4d}
.liar-result-hero.is-void .liar-result-kicker{background:#6b5a66}
.liar-result-copy strong{font-size:28px;font-weight:900;letter-spacing:-.6px}
.liar-result-copy p{margin:0;font-size:15px;line-height:1.6;word-break:keep-all}
.liar-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.liar-fact{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;min-width:0;box-shadow:var(--shadow-2)}
.liar-fact>span{font-size:12px;color:var(--muted);font-weight:800}
.liar-fact strong{font-size:20px;font-weight:900;word-break:keep-all;overflow-wrap:anywhere}
.liar-fact-who{display:flex;align-items:center;gap:10px;min-width:0}
.liar-fact-who img{width:46px;height:46px;border-radius:50%;object-fit:cover;box-shadow:var(--shadow-1);border:2px solid #be344966}
.liar-fact.is-word strong{color:var(--cherry)}
.liar-guess{font-weight:700}
.liar-points{display:flex;flex-wrap:wrap;gap:6px}
.liar-chat-area.is-live{border-color:var(--ga-accent);box-shadow:0 0 0 2px #e8b76544,var(--shadow-art,0 16px 40px #0006)}
.liar-talk{display:flex;align-items:center;gap:6px}
.liar-talk-face{width:24px;height:24px;border-radius:50%;object-fit:cover;flex:none}
@media(max-width:700px){
.liar-mode-grid{grid-template-columns:1fr 1fr;gap:10px}
.liar-mode-copy{padding:10px 12px 12px}
.liar-mode-copy strong{font-size:16px}
.liar-mode-copy small{font-size:12px}
.liar-role-word{font-size:32px}
.liar-card-flip{width:min(74vw,clamp(200px,calc((100svh - 560px) * .75),280px))}
.liar-spot-face{width:72px;height:72px}
.liar-spot-copy strong{font-size:16px}
.liar-hints{max-height:260px}
.liar-pick-face{width:62px;height:62px}
.liar-reveal-spot img{width:104px;height:104px}
.liar-tally-row{grid-template-columns:28px minmax(0,80px) 1fr auto}
.liar-result-hero{min-height:190px}
.liar-result-copy{padding:16px}
.liar-result-copy strong{font-size:23px}
}
@media(prefers-reduced-motion:reduce){
.liar-card-back,.liar-role-reveal{transition:none}
.liar-spot-face,.liar-typing i,.liar-tokens i,.liar-tally-bar i,.liar-hint{animation:none}
}
.ga-liar .ga-main>.liar-role-chip{order:-3}
.ga-liar .ga-main>.ga-toast{order:-2}
.ga-liar .ga-main>.liar-chat-area.is-live{order:-1}
.ga-liar .liar-chat-area.is-live .chat-messages{height:210px}
