:root{--bg:#f3efe6;--table:#2b2119;--table-light:#3a2c22;--panel:#fffaf0;--panel-soft:#f7f0e3;--card:#fffdf7;--ink:#1f1a17;--muted:#756b60;--line:#d8cbbb;--line-dark:#4a3a2e;--accent:#b23a2f;--accent-dark:#86271f;--gold:#c79a3b;--green:#3f7d4e;font-family:Georgia,Times New Roman,ui-serif,serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ink);background:var(--bg)}button{font-family:inherit}.activity{background:radial-gradient(circle at 50% 0,#ffffffbf,#0000 35%),linear-gradient(#f7f2e8,#e8dccb);grid-template-rows:72px 1fr auto;gap:14px;width:100%;height:100%;padding:18px;display:grid;position:relative;overflow:hidden}.bg-chaos{z-index:-3;background-color:#f3efe6;background-image:linear-gradient(90deg,#5c3f280a 1px,#0000 1px),linear-gradient(#5c3f280a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;position:fixed;inset:0}.top-hud{grid-template-columns:1fr auto auto;align-items:center;gap:14px;display:grid}.brand{align-items:center;gap:14px;min-width:0;display:flex}.bomb{background:var(--table);color:#fff;border:3px solid var(--gold);border-radius:50%;place-items:center;width:54px;height:54px;font-size:25px;display:grid;box-shadow:0 8px 18px #3723142e}.brand p{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin:0 0 2px;font-size:11px;font-weight:700}.brand h1{color:var(--ink);letter-spacing:-.04em;white-space:nowrap;margin:0;font-size:clamp(28px,3.8vw,48px);font-weight:900;line-height:.9}.brand h1 span{color:var(--accent)}.round-state{background:var(--panel);border:1px solid var(--line);border-radius:14px;min-width:230px;padding:12px 15px;box-shadow:0 8px 22px #3723141a}.round-state strong{font-size:14px;display:block}.round-state small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.hud-buttons{gap:8px;display:flex}.hud-buttons button{border:1px solid var(--line);background:var(--panel);width:43px;height:43px;color:var(--ink);cursor:pointer;border-radius:13px;font-size:18px;box-shadow:0 6px 14px #37231417}.game-layout{grid-template-columns:260px 1fr;gap:14px;min-height:0;display:grid}.players-panel,.chaos-board,.hand-zone,.chaos-vote{background:var(--panel);border:1px solid var(--line);box-shadow:0 16px 38px #3723141f}.players-panel{border-radius:20px;grid-template-rows:auto 1fr auto;gap:12px;min-height:0;padding:14px;display:grid;overflow:hidden}.panel-title{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding-bottom:10px;display:flex}.panel-title strong{font-size:17px}.panel-title em{color:var(--muted);margin-left:auto;font-size:12px;font-style:normal;font-weight:700}.players-list{align-content:start;gap:9px;min-height:0;display:grid;overflow:auto}.player{background:var(--panel-soft);border:1px solid var(--line);border-radius:14px;grid-template-columns:38px 1fr;align-items:center;gap:9px;min-height:58px;padding:9px;display:grid}.player.is-judge{border-color:var(--gold);background:#fff4d8}.player.is-winner{border-color:var(--green);background:#edf7ed}.avatar{background:var(--table);color:#fff;border:2px solid var(--gold);border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.player-info strong{text-overflow:ellipsis;white-space:nowrap;max-width:165px;font-size:14px;display:block;overflow:hidden}.player-info small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.goal-card{border:1px solid var(--line);background:#f2eadb;border-radius:14px;padding:12px}.goal-card b{display:block}.goal-card span{color:var(--muted);font-size:12px}.chaos-board{background:linear-gradient(180deg, #ffffff0d, #0000000f), var(--table);border-color:var(--line-dark);border-radius:24px;min-height:0;padding:16px;position:relative;overflow:hidden}.chaos-board:before{content:"";pointer-events:none;border:2px solid #c79a3b61;border-radius:20px;position:absolute;inset:18px}.chaos-board:after{content:"";pointer-events:none;border:1px dashed #ffffff24;border-radius:15px;position:absolute;inset:34px}.message-bar{z-index:2;color:#fff8e9;background:#fffaf017;border:1px solid #fffaf029;border-radius:13px;align-items:center;min-height:42px;margin-bottom:14px;padding:10px 13px;font-size:14px;font-weight:700;display:flex;position:relative}.message-bar:before{content:"Note";background:var(--gold);color:var(--table);border-radius:999px;margin-right:10px;padding:3px 7px;font-size:11px;font-weight:800}.lobby-scene{z-index:2;align-content:center;place-items:center;gap:18px;height:calc(100% - 56px);display:grid;position:relative}.logo-card,.situation-card,.judge-wait,.result-card{z-index:2;background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:18px;width:min(760px,88%);padding:clamp(18px,3vw,34px);position:relative;box-shadow:0 14px 34px #00000038}.logo-card span{font-size:38px}.logo-card h2,.situation-card h2,.result-card h2,.judge-wait h3{letter-spacing:-.04em;margin:10px 0 0;font-size:clamp(28px,4vw,52px);font-weight:900;line-height:1}.logo-card p,.judge-wait p,.result-card p{color:var(--muted);font-weight:600}.situation-card{text-align:left;border-left:8px solid var(--accent);align-content:center;min-height:230px;margin:0 auto;display:grid}.situation-card.compact{min-height:130px;padding:18px 24px}.situation-card span,.result-card span{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800}.situation-card.compact h2{font-size:clamp(22px,2.7vw,36px)}.instruction{z-index:2;color:#fff7e6;background:#fffaf01c;border:1px solid #fffaf029;border-radius:999px;width:fit-content;margin:16px auto 0;padding:11px 16px;font-weight:700;position:relative}.judge-wait{margin:16px auto 0}.main-action{z-index:3;color:#fff;background:var(--accent);cursor:pointer;box-shadow:0 8px 0 var(--accent-dark), 0 14px 26px #0000002e;border:0;border-radius:13px;padding:15px 22px;font-size:17px;font-weight:800;position:relative}.main-action:hover{filter:brightness(1.04);transform:translateY(-2px)}.judge-panel{z-index:2;margin-top:13px;position:relative}.judge-actions{gap:10px;margin-bottom:12px;display:flex}.judge-actions button,.answer-top button,.choose-btn,.chaos-options button{color:var(--ink);background:var(--panel);border:0;border:1px solid var(--line);cursor:pointer;border-radius:12px;padding:10px 13px;font-weight:800}.judge-actions button:first-child{background:var(--gold);color:var(--table);border-color:#ab8128}.judge-actions button:disabled{opacity:.5;cursor:not-allowed}.answers-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;max-height:calc(100vh - 360px);padding-right:4px;display:grid;overflow:auto}.answer-card{background:var(--card);min-height:170px;color:var(--ink);border:1px solid var(--line);border-radius:15px;flex-direction:column;justify-content:space-between;padding:14px;display:flex;box-shadow:0 8px 18px #00000029}.answer-card.explain-active{border-color:var(--gold);box-shadow:0 0 0 4px #c79a3b40,0 8px 18px #00000029}.answer-top{justify-content:space-between;gap:8px;display:flex}.answer-top span{color:var(--accent);text-transform:uppercase;font-size:12px;font-weight:800}.answer-top button{color:#fff;background:var(--table);padding:7px 9px;font-size:11px}.answer-card p{font-size:16px;font-weight:800;line-height:1.18}.choose-btn{color:#fff;background:var(--accent);border-color:var(--accent)}.hand-zone{z-index:4;border-radius:20px;grid-template-columns:210px 1fr;gap:12px;min-height:154px;padding:12px;display:grid;position:relative}.hand-label{align-content:center;padding:12px;display:grid}.hand-label strong{font-size:17px}.hand-label small{color:var(--muted);margin-top:4px}.hand-cards{gap:10px;padding:4px 4px 12px;display:flex;overflow-x:auto}.bad-idea-card{border:1px solid var(--line);background:var(--card);min-height:126px;color:var(--ink);cursor:pointer;text-align:left;border-radius:14px;flex:0 0 155px;padding:12px;transition:transform .14s,box-shadow .14s;box-shadow:0 8px 16px #37231429}.bad-idea-card:hover{transform:translateY(-6px);box-shadow:0 14px 26px #37231438}.bad-idea-card span{color:var(--accent);text-transform:uppercase;font-size:11px;font-weight:800}.bad-idea-card p{margin:8px 0 0;font-size:14px;font-weight:800;line-height:1.16}.chaos-vote{z-index:20;border-radius:18px;width:260px;padding:14px;position:absolute;bottom:18px;right:18px}.chaos-vote strong{display:block}.chaos-vote small{color:var(--muted);margin-top:2px;display:block}.chaos-options{gap:8px;margin-top:10px;display:grid}.chaos-options button{justify-content:space-between;align-items:center;display:flex}.chaos-options b,.final h2{color:var(--green)}@media (width<=950px){.activity{grid-template-rows:66px 1fr auto;padding:10px}.game-layout{grid-template-columns:1fr}.players-panel{display:none}.round-state{min-width:170px}.brand h1{font-size:32px}.hand-zone{grid-template-columns:1fr}.hand-label{display:none}}