:root{--navy:#111827;--navy-2:#172033;--navy-3:#222d44;--ink:#0b1220;--parchment:#f2e5cc;--parchment-2:#e4d1ab;--brass:#b89b62;--brass-2:#d8bf86;--red:#b83a42;--red-2:#e0636b;--red-ink:#7d1f26;--blue:#3269aa;--blue-2:#6f9fe0;--blue-ink:#1b3f6e;--bystander:#cdb88f;--assassin:#1a1a1a;--text:#f4ecdc;--muted:#b8ad97;--ok:#7fc59a;--warn:#e6b85c;--error:#f08a8a;--panel:#111827db;--panel-border:#b89b6259;--radius:10px;--font:"Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", system-ui, sans-serif;--font-title:"Nanum Myeongjo", "AppleMyungjo", "Noto Serif KR", "Batang", serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--navy);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--brass-2)}:focus-visible{outline:3px solid var(--brass-2);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.muted{color:var(--muted)}.small{font-size:.86rem}.ok-text{color:var(--ok)}.warn-text{color:var(--warn)}.error-text{color:var(--error)}.btn{border:1px solid var(--brass);min-height:44px;color:var(--text);cursor:pointer;background:#111827b3;border-radius:999px;justify-content:center;align-items:center;gap:.35em;padding:.5em 1.1em;font-weight:600;text-decoration:none;transition:background .15s,transform .1s,border-color .15s;display:inline-flex}.btn:hover:not(:disabled){background:#b89b622e}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg, var(--brass-2), var(--brass));color:var(--ink);border-color:var(--brass-2)}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg, #e6cf98, var(--brass-2))}.btn-lg{min-height:52px;padding:.7em 1.6em;font-size:1.08rem}.btn-small{min-height:38px;padding:.35em .9em;font-size:.92rem}.btn-tiny{min-height:32px;padding:.2em .7em;font-size:.82rem}.btn-ghost{color:var(--brass-2);background:0 0;border-color:#0000}.btn-danger{border-color:var(--red-2);color:#ffd9dc}.btn-danger:hover:not(:disabled){background:#b83a424d}.btn-red{border-color:var(--red-2)}.btn-red[aria-pressed=true]{background:var(--red)}.btn-blue{border-color:var(--blue-2)}.btn-blue[aria-pressed=true]{background:var(--blue)}.btn[aria-pressed=true]{box-shadow:0 0 0 2px var(--brass-2) inset}.icon-btn{border:1px solid var(--panel-border);cursor:pointer;background:#11182799;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;display:inline-flex}.link-btn{color:var(--brass-2);cursor:pointer;text-align:left;background:0 0;border:none;padding:4px 0;text-decoration:underline}.backdrop{z-index:-1;position:fixed;inset:0}.backdrop picture{width:100%;height:100%;display:block}.backdrop img{object-fit:cover;width:100%;height:100%;display:block}.backdrop-dim{background:var(--navy);position:absolute;inset:0}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:16px}.panel h2{letter-spacing:.02em;color:var(--brass-2);margin:0 0 10px;font-size:1.02rem}.panel h3{color:var(--muted);margin:8px 0 4px;font-size:.9rem}.panel.narrow{text-align:left;flex-direction:column;align-items:stretch;gap:12px;width:min(440px,100%);display:flex}.panel-title{font-family:var(--font-title);margin:0;font-size:1.5rem}.field{color:var(--muted);flex-direction:column;gap:4px;font-size:.9rem;display:flex}.field input,.field select,.field textarea,.chat-form input,.spy-queries input,.invite-input,.action-row select{border:1px solid var(--panel-border);color:var(--text);background:#0b1220d9;border-radius:8px;width:100%;min-height:44px;padding:10px 12px}.field.inline{min-width:120px}.field.grow{flex:180px}.field textarea{resize:vertical}.center-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:16px;display:flex}.badge{border:1px solid var(--panel-border);color:var(--brass-2);vertical-align:middle;border-radius:999px;margin-left:6px;padding:1px 8px;font-size:.72rem;display:inline-block}.badge-warn{border-color:var(--warn);color:var(--warn)}.team-tag{white-space:nowrap;font-weight:700}.team-red{color:var(--red-2)}.team-blue{color:var(--blue-2)}.modal-backdrop{z-index:50;background:#05080fb8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--navy-2);border:1px solid var(--brass);border-radius:14px;width:min(460px,100%);max-height:calc(100vh - 32px);overflow:auto;box-shadow:0 20px 60px #00000080}.modal-wide{width:min(960px,100%)}.modal-head{justify-content:space-between;align-items:center;padding:14px 16px 0;display:flex}.modal-head h2{font-family:var(--font-title);margin:0;font-size:1.25rem}.modal-body{padding:12px 16px 16px}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.confirm-word{text-align:center;background:var(--parchment);color:var(--ink);border-radius:10px;margin:4px 0 8px;padding:16px;font-size:2rem;font-weight:800}.toasts{z-index:60;flex-direction:column;gap:8px;width:min(520px,100% - 32px);display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.toast{background:var(--navy-3);border:1px solid var(--brass);border-radius:10px;padding:10px 14px;box-shadow:0 8px 24px #0006}.toast-error{border-color:var(--red-2)}.home{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.home-center{text-align:center;background:radial-gradient(#0b1220b8 0%,#0b122066 60%,#0000 80%);flex-direction:column;align-items:center;gap:14px;width:min(560px,100%);padding:24px 20px;display:flex}.title{font-family:var(--font-title);letter-spacing:.18em;text-shadow:0 4px 24px #0009;color:var(--parchment);margin:0;font-size:clamp(2.6rem,9vw,4.6rem)}.subtitle{color:var(--brass-2);letter-spacing:.06em;margin:0}.home-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.home-intro{max-width:480px;color:var(--text);text-shadow:0 1px 8px #000c;font-size:.95rem}.home-links{gap:16px;display:flex}.recent{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);text-align:left;width:100%;padding:10px 14px}.recent h2{color:var(--muted);margin:0 0 4px;font-size:.9rem}.recent ul{margin:0;padding-left:18px}.disclaimer{color:var(--muted);text-shadow:0 1px 6px #000000e6;max-width:460px;font-size:.75rem}.emblem{background:var(--parchment);box-sizing:content-box;border-radius:22%;flex:none;padding:4px 6px;display:inline-block}.emblem-fallback{background:var(--brass);border-radius:8px;display:inline-block}.topbar{z-index:20;border-bottom:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1220e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex;position:sticky;top:0}.topbar-left,.topbar-right{align-items:center;gap:10px;display:flex}.topbar-right{flex-wrap:wrap;justify-content:flex-end}.topbar-title{margin:0;font-size:1rem;font-weight:700}.topbar p{margin:0}.lobby{min-height:100vh}.lobby-grid{grid-template-columns:repeat(12,1fr);gap:14px;max-width:1280px;margin:0 auto;padding:16px;display:grid}.invite-panel{grid-column:span 12}.teams{grid-column:span 12;grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.settings-panel{grid-column:span 7}.ready-panel{flex-direction:column;grid-column:span 5;align-items:flex-start;gap:10px;display:flex}.host-panel{grid-column:span 7}.chat-panel,.bot-panel{grid-column:span 5}.invite-input{font-family:ui-monospace,Consolas,monospace;font-size:.85rem}.team-panel-red{border-top:4px solid var(--red)}.team-panel-blue{border-top:4px solid var(--blue)}.team-panel-neutral{border-top:4px solid var(--brass)}.seat-list ul{margin:0;padding:0;list-style:none}.seat-list li{align-items:center;gap:6px;padding:3px 0;display:flex}.seat-list li.offline{opacity:.55}.seat-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.dot{border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.dot-on{background:var(--ok)}.dot-off{background:#5d6474}.choice-list{border:none;flex-direction:column;gap:6px;margin:0 0 12px;padding:0;display:flex}.choice{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.choice input{accent-color:var(--brass);flex:none;width:18px;height:18px;margin-top:5px}.choice-on{border-color:var(--brass);background:#b89b621a}.choice-off{opacity:.75}fieldset:disabled .choice{cursor:default}.settings-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.problems{color:var(--warn);margin:0;padding-left:20px}.host-row{flex-wrap:wrap;gap:8px;display:flex}.host-members{margin:12px 0 0;padding:0;list-style:none}.host-members li{border-bottom:1px solid #b89b621f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;display:flex}.host-actions{gap:6px;display:inline-flex}.reassign{margin-top:12px}.reassign summary,.spy-queries summary,details summary{cursor:pointer;color:var(--brass-2);padding:6px 0}.custom-words{margin-bottom:12px}.chat{flex-direction:column;gap:8px;display:flex}.chat-list{background:#0b122099;border-radius:8px;min-height:120px;max-height:260px;margin:0;padding:8px;list-style:none;overflow-y:auto}.chat-list li{overflow-wrap:anywhere;padding:3px 0}.chat-nick{color:var(--brass-2);margin-right:6px;font-weight:700}.chat-list li.mine .chat-nick{color:var(--parchment)}.chat-form{gap:6px;display:flex}.game{flex-direction:column;min-height:100vh;display:flex}.scoreboard{gap:8px;display:flex}.score{border:1px solid #0000;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;column-gap:6px;min-width:108px;padding:4px 12px;display:grid}.score-red{background:#b83a4238}.score-blue{background:#3269aa40}.score-active{border-color:var(--brass-2);box-shadow:0 0 16px #d8bf8659}.score-mark{grid-row:span 2;font-size:1.1rem}.score-red .score-mark{color:var(--red-2)}.score-blue .score-mark{color:var(--blue-2)}.score-num{font-size:1.6rem;font-weight:800;line-height:1}.score-label{color:var(--muted);grid-column:2;font-size:.7rem}.cluebar{border-bottom:3px solid var(--brass);text-align:center;background:#0b1220bf;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;min-height:60px;padding:10px 16px;display:flex}.cluebar-red{border-bottom-color:var(--red)}.cluebar-blue{border-bottom-color:var(--blue)}.clue-word{font-family:var(--font-title);background:var(--parchment);color:var(--ink);border-radius:8px;padding:2px 16px;font-size:clamp(1.4rem,4vw,2.1rem);font-weight:800}.clue-num{color:var(--brass-2);font-size:clamp(1.4rem,4vw,2.1rem);font-weight:800}.clue-guesses{color:var(--muted)}.game-main{flex:1;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;width:100%;max-width:1500px;margin:0 auto;padding:14px 16px 24px;display:grid}.board-area{flex-direction:column;gap:12px;min-width:0;display:flex}.board-wrap{grid-template-rows:18px auto;grid-template-columns:18px minmax(0,1fr);gap:4px;width:100%;min-width:0;max-width:min(100%,150vh - 335px);margin:0 auto;display:grid}.board-large{max-width:none}.board-cols{text-align:center;color:var(--muted);grid-column:2;grid-template-columns:repeat(5,1fr);font-size:.75rem;display:grid}.board-rows{color:var(--muted);text-align:center;grid-row:2;grid-template-rows:repeat(5,1fr);align-items:center;font-size:.75rem;display:grid}.board{grid-area:2/2;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(4px,1vw,10px);display:grid}.card{aspect-ratio:3/2;background:var(--parchment);cursor:default;perspective:600px;border:none;border-radius:clamp(4px,.8vw,9px);min-width:0;padding:0;transition:transform .12s,box-shadow .12s;position:relative;box-shadow:0 2px #00000059,0 6px 14px #00000059;container-type:inline-size}.card-face{border-radius:inherit;background-position:50%;background-size:cover;justify-content:center;align-items:center;padding:4%;display:flex;position:absolute;inset:0;overflow:hidden}.card-word{color:var(--ink);text-align:center;word-break:keep-all;overflow-wrap:anywhere;letter-spacing:-.01em;font-weight:800;line-height:1.1}.w-2{font-size:clamp(11px,26cqi,42px)}.w-3{font-size:clamp(11px,22cqi,36px)}.w-4{font-size:clamp(10px,18cqi,30px)}.w-6{font-size:clamp(9px,13cqi,24px)}.w-9{font-size:clamp(8px,10.5cqi,20px)}.w-long{font-size:clamp(8px,9cqi,17px)}.card.selectable{cursor:pointer}.card.selectable:hover{transform:translateY(-3px);box-shadow:0 4px #00000059,0 10px 20px #00000073}.card.selected{box-shadow:0 0 0 3px var(--brass-2), 0 0 22px #d8bf86b3;transform:translateY(-4px)}.card.key-red .card-face{box-shadow:inset 0 0 0 clamp(3px, 4cqi, 7px) var(--red);background-color:#f3d9d6}.card.key-blue .card-face{box-shadow:inset 0 0 0 clamp(3px, 4cqi, 7px) var(--blue);background-color:#d8e2f0}.card.key-bystander .card-face{box-shadow:inset 0 0 0 clamp(2px,2.5cqi,5px) #9c8a66}.card.key-assassin .card-face{box-shadow:inset 0 0 0 clamp(3px, 5cqi, 9px) var(--assassin)}.key-chip,.cover-chip{white-space:nowrap;border-radius:999px;padding:1px 6px;font-size:clamp(8px,8.5cqi,13px);font-weight:800;line-height:1.35;position:absolute}.key-chip{top:5%;right:5%}.key-chip-red,.cover-chip-red{background:var(--red);color:#fff}.key-chip-blue,.cover-chip-blue{background:var(--blue);color:#fff}.key-chip-bystander,.cover-chip-bystander{color:#fff;background:#6f5f40}.key-chip-assassin,.cover-chip-assassin{color:#fff;background:#000;border:1px solid #777}.card.final-red .card-face{box-shadow:inset 0 0 0 clamp(3px, 4cqi, 7px) var(--red)}.card.final-blue .card-face{box-shadow:inset 0 0 0 clamp(3px, 4cqi, 7px) var(--blue)}.card.final-assassin .card-face{box-shadow:inset 0 0 0 clamp(3px,5cqi,9px) #000}.card.final-bystander .card-face{box-shadow:inset 0 0 0 clamp(2px,2.5cqi,5px) #9c8a66}.card-cover{border-radius:inherit;transform-origin:top;position:absolute;inset:0;overflow:hidden}.card-cover img{object-fit:cover;width:100%;height:100%;display:block}.cover-chip{bottom:6%;left:5%}.card.revealed-red{box-shadow:0 0 0 2px var(--red)}.card.revealed-blue{box-shadow:0 0 0 2px var(--blue)}.card.revealed-assassin{box-shadow:0 0 0 2px #000}.cover-new .card-cover{animation:.3s cubic-bezier(.2,.8,.3,1.1) cover-drop}@keyframes cover-drop{0%{opacity:0;transform:rotateX(-80deg)translateY(-8%)}to{opacity:1;transform:none}}.actions{flex-direction:column;gap:10px;display:flex}.action-box{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:12px 14px}.action-box p{margin:0 0 8px}.action-box.subtle{opacity:.9}.action-row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.action-row.center{justify-content:center;align-items:center}.dispute{border-color:var(--warn)}.spy-tools{border-radius:var(--radius);background:#0b1220b3;flex-direction:column;gap:6px;padding:10px 14px;display:flex}.toggle{align-items:center;gap:8px;font-size:.9rem;display:flex}.toggle input{width:18px;height:18px;accent-color:var(--brass)}.query-list{margin:6px 0 0;padding:0;list-style:none}.query-list li{flex-wrap:wrap;justify-content:space-between;gap:8px;padding:4px 0;display:flex}.spy-queries form input{flex:160px;width:auto}.side{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);position:sticky;top:72px;overflow:hidden}.tabs{border-bottom:1px solid var(--panel-border);display:flex}.tab{cursor:pointer;color:var(--muted);background:0 0;border:none;flex:1;min-height:44px;padding:12px 8px;font-weight:700;position:relative}.tab-on{color:var(--brass-2);box-shadow:inset 0 -3px 0 var(--brass-2)}.tab-dot{background:var(--brass-2);border-radius:50%;width:7px;height:7px;margin-left:2px;position:absolute;top:10px}.tab-panel{max-height:calc(100vh - 150px);padding:12px;overflow-y:auto}.log-list{max-height:55vh;margin:0;padding:0;font-size:.9rem;list-style:none;overflow-y:auto}.log-list li{border-left:3px solid #0000;padding:5px 0 5px 10px}.log-team-red{border-left-color:var(--red)!important}.log-team-blue{border-left-color:var(--blue)!important}.log-clue{font-weight:700}.log-finish{color:var(--brass-2);font-weight:800}.log-dispute{color:var(--warn)}.clue-history{margin:0;padding-left:18px}.people-list{margin:0 0 12px;padding:0;list-style:none}.people-list li{flex-wrap:wrap;align-items:center;gap:8px;padding:5px 0;display:flex}.people-list li.offline{opacity:.6}.host-game-tools{border-top:1px solid var(--panel-border);flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px;padding-top:10px;display:flex}.host-game-tools h3{color:var(--brass-2);margin:0;font-size:.95rem}.timer{font-variant-numeric:tabular-nums;min-width:76px}.timer-done{border-color:var(--warn);color:var(--warn)}.finish{border:2px solid var(--brass);z-index:30;background:var(--navy-2);border-radius:16px;justify-content:center;align-items:center;max-width:820px;min-height:240px;margin:0 auto;display:flex;position:fixed;inset:auto 16px 16px;overflow:hidden;box-shadow:0 20px 80px #0009}.finish-red{border-color:var(--red-2);box-shadow:0 0 80px #b83a428c}.finish-blue{border-color:var(--blue-2);box-shadow:0 0 80px #3269aa8c}.finish-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.finish-body{text-align:center;background:radial-gradient(#0b1220d9 0%,#0b12208c 70%,#0000 100%);max-width:460px;padding:24px;position:relative}.finish-title{font-family:var(--font-title);color:var(--parchment);margin:0 0 6px;font-size:clamp(1.8rem,6vw,2.8rem)}.finish-mini{z-index:30;position:fixed;bottom:16px;right:16px}.briefing{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.briefing p{margin:0}.briefing-role{color:var(--parchment);font-size:1.2rem;font-weight:800;margin:10px 0!important}.conn-banner{z-index:40;width:min(480px,100% - 32px);position:fixed;top:70px;left:50%;transform:translate(-50%)}.conn-box{background:var(--navy-2);border:1px solid var(--warn);text-align:left;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex;box-shadow:0 10px 30px #00000080}.conn-box p{margin:0 0 6px}.page{min-height:100vh;padding:16px}.page-inner{max-width:820px;margin:0 auto}.page-title{font-family:var(--font-title)}.rules h2{color:var(--brass-2);border-bottom:1px solid var(--panel-border);margin-top:26px;padding-bottom:4px}.rules h3{margin:16px 0 4px}.rules li{margin:4px 0}.rules-hero{border-radius:12px;width:100%;margin-bottom:8px}@media (max-width:1100px){.game-main{grid-template-columns:1fr}.side{position:static}.settings-panel,.ready-panel,.host-panel,.bot-panel,.chat-panel{grid-column:span 12}}@media (max-width:760px){.teams{grid-template-columns:1fr}.game-topbar{padding:6px 8px}.scoreboard{order:3;justify-content:center;width:100%}.score{flex:1;min-width:0}.board-wrap{grid-template-rows:14px auto;grid-template-columns:12px minmax(0,1fr);gap:2px;max-width:100%}.game-main{gap:10px;padding:8px 8px 24px}.lobby-grid{padding:10px}.cluebar{gap:8px;padding:8px}.card{box-shadow:0 1px #00000059,0 3px 6px #00000059}.key-chip{display:none}.card.key-red .card-word,.card.key-blue .card-word,.card.key-assassin .card-word,.card.key-bystander .card-word{padding-top:0}.topbar-right .icon-btn{width:36px;height:36px}}@media (max-width:420px){.topbar-left .muted{display:none}.cover-chip{padding:0 4px;font-size:8px}}@media (max-width:760px){.card.key-red .card-face:after,.card.key-blue .card-face:after,.card.key-bystander .card-face:after,.card.key-assassin .card-face:after{font-size:10px;font-weight:900;position:absolute;top:2px;right:4px}.card.key-red .card-face:after{content:"◆";color:var(--red)}.card.key-blue .card-face:after{content:"●";color:var(--blue)}.card.key-bystander .card-face:after{content:"○";color:#6f5f40}.card.key-assassin .card-face:after{content:"✕";color:#000}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.card.selectable:hover,.card.selected{transform:none}}.home-class{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.classroom{min-height:100vh}.class-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:start;gap:14px;max-width:1400px;margin:0 auto;padding:16px;display:grid}.span-all{grid-column:1/-1}.stats{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stat{background:#0b122099;border-radius:10px;flex-direction:column;align-items:center;min-width:96px;padding:6px 12px;display:flex}.stat-warn{box-shadow:inset 0 0 0 2px var(--warn)}.stat-num{font-size:1.8rem;font-weight:800;line-height:1.1}.stat-num small{color:var(--muted);font-size:.9rem;font-weight:600}.stat-label{color:var(--muted);font-size:.78rem}.stat-wide{flex:280px}.stat-wide p{margin:2px 0}.help-panel{border-color:var(--warn)}.plain-list{margin:0;padding:0;list-style:none}.plain-list li{border-bottom:1px solid #b89b621f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;display:flex}.announce-list li{justify-content:flex-start}.room-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.room-card{border:1px solid var(--panel-border);border-left:5px solid var(--brass);background:#0b1220b3;border-radius:10px;padding:10px 12px}.room-card.room-playing{border-left-color:var(--ok)}.room-card.room-finished{border-left-color:var(--blue-2)}.room-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.room-card h3{color:var(--parchment);margin:0;font-size:1rem}.room-card p{margin:4px 0}.room-summary{color:var(--brass-2)}.room-card-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.room-card-actions select,.students select{border:1px solid var(--panel-border);color:var(--text);background:#0b1220d9;border-radius:8px;max-width:180px;min-height:32px;padding:4px 8px}.seat-chips{flex-wrap:wrap;gap:6px;margin:6px 0;padding:0;list-style:none;display:flex}.seat-chips li{background:#f2e5cc14;border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:.85rem;display:inline-flex}.seat-chips li.offline{opacity:.55}.status-waiting{border-color:var(--brass);color:var(--brass-2)}.status-playing{border-color:var(--ok);color:var(--ok)}.status-finished{border-color:var(--blue-2);color:var(--blue-2)}.status-closed{opacity:.6}.table-wrap{overflow-x:auto}.students{border-collapse:collapse;width:100%;font-size:.9rem}.students th,.students td{text-align:left;white-space:nowrap;border-bottom:1px solid #b89b621f;padding:6px 8px}.students thead th{color:var(--muted);font-weight:600}.students tr.offline th{opacity:.65}.btn-on{border-color:var(--brass-2);background:#b89b624d}.recovery{border-color:var(--warn)}.recovery-key{background:var(--parchment);color:var(--ink);-webkit-user-select:all;user-select:all;word-break:break-all;border-radius:6px;padding:4px 10px;font-family:ui-monospace,Consolas,monospace;font-size:1.2rem}.qr-box{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.qr{border-radius:8px;max-width:100%;height:auto}.qr-name{font-family:var(--font-title);margin:0;font-size:1.6rem}.invite-text{word-break:break-all;margin:0;font-family:ui-monospace,Consolas,monospace;font-size:.85rem}.class-student{flex-direction:column;gap:12px;max-width:760px;margin:0 auto;padding:16px;display:flex}.announce-banner,.class-feed{background:var(--parchment);color:var(--ink);border-radius:10px;padding:10px 14px;font-weight:700}.class-feed{z-index:25;max-width:min(420px,100% - 24px);font-size:.9rem;position:fixed;bottom:12px;left:12px;box-shadow:0 8px 24px #00000073}.notice-card{border-color:var(--warn);justify-content:space-between;align-items:center;gap:10px;display:flex}.notice-card p{margin:0}.my-status p{margin:0 0 10px}.room-list{margin:0;padding:0;list-style:none}.room-row{border-bottom:1px solid #b89b621f;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.seat-list-plain{margin:0;padding:0;list-style:none}.seat-list-plain li{flex-wrap:wrap;align-items:center;gap:6px;padding:4px 0;display:flex}.seat-list-plain li.offline{opacity:.55}.ready-mark{color:var(--muted);margin-left:auto;font-size:.8rem}.ready-mark.is-ready{color:var(--ok);font-weight:800}@media (max-width:900px){.class-grid{grid-template-columns:1fr;padding:10px}}.chat-form .btn{white-space:nowrap;flex:none}.home-solo{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:10px 0 4px;display:flex}.btn-solo{border-color:var(--brass-2);background:#b89b6229}.solo-form{gap:12px;display:grid}.solo-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px 16px;display:grid}.seg{border:0;min-width:0;margin:0;padding:0}.seg legend{color:var(--muted);margin-bottom:4px;padding:0;font-size:.85rem}.seg-row{flex-wrap:wrap;gap:6px;display:flex}.seg-item{border:1px solid var(--panel-border);cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:6px 10px;font-size:.9rem;display:inline-flex}.seg-item input{opacity:0;pointer-events:none;position:absolute}.seg-item:focus-within{outline:3px solid var(--brass-2);outline-offset:1px}.seg-on{border-color:var(--brass-2);color:var(--brass-2);background:#b89b622e;font-weight:600}.solo-summary{border-top:1px solid var(--panel-border);padding-top:8px}.solo-side{margin:4px 0}.solo-side-red strong{color:var(--red-2)}.solo-side-blue strong{color:var(--blue-2)}.level-hints{margin:6px 0 0;padding-left:18px}.badge-bot{color:var(--parchment);background:#6f9fe02e;border-color:#6f9fe080}.bot-list{gap:6px;margin:8px 0;padding:0;list-style:none;display:grid}.bot-list li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.bot-controls{align-items:center;gap:6px;display:inline-flex}.bot-controls select,.bot-adder select{color:var(--text);border:1px solid var(--panel-border);background:#0b1220cc;border-radius:6px;padding:3px 6px}.bot-activity{color:var(--blue-2);margin-top:4px;font-size:.9rem}.bot-intent{color:var(--blue-2);font-size:.85rem}.watch-tools{border-top:1px dashed var(--panel-border);padding-top:6px}.sim-room{border:1px dashed var(--panel-border);border-radius:8px;margin:0 0 10px;padding:8px 10px}.sim-room summary{cursor:pointer;color:var(--brass-2)}.bot-adder{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}@media (max-width:640px){.solo-grid{grid-template-columns:1fr}}