:root{font-family:Inter,system-ui,sans-serif;color:#ecf4ff;background:#07111f}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top,rgba(47,83,162,.25),transparent 30%),linear-gradient(180deg,#07111f,#0b1425)}button,input,select{font:inherit;border-radius:12px;border:1px solid #29415f;padding:.78rem .95rem}button{background:linear-gradient(180deg,#4f8cff,#3773ef);color:#fff;cursor:pointer;transition:transform .12s ease,opacity .12s ease,border-color .12s ease}button:hover{transform:translateY(-1px)}button.secondary{background:#10233b;border-color:#2b4968}button:disabled{opacity:.55;cursor:not-allowed;transform:none}input,select{width:100%;background:#081221;color:#eef5ff}label{display:grid;gap:.35rem}.page{max-width:1600px;margin:0 auto;padding:1.25rem}.page-wide{padding-bottom:2rem}.shell-center{min-height:100vh;display:grid;place-items:center}.panel{background:#07111fe0;border:1px solid #17304d;border-radius:22px;padding:1rem;box-shadow:0 20px 50px #00000040}.inset-panel{background:#0a1424eb;border-color:#203c5c}.hero-card{width:min(720px,100%);display:grid;gap:1rem}.hero-card h1{margin:0;font-size:2.5rem}.large-copy{font-size:1.04rem}.small-copy{font-size:.9rem}.topbar{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:1rem;margin-bottom:1rem}.topbar-label,.mini-label,.guesser-role,.history-label{color:#8fb0d3;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.actions-row,.join-stack,.controls-row,.deck-stats-row,.tray-header,.play-header-row,.chat-center-title-row,.answer-box-header,.guesser-meta,.history-question-row,.history-answer-row{display:flex;gap:.75rem;align-items:center}.join-stack{display:grid;grid-template-columns:1fr auto}.wrap-row{flex-wrap:wrap}.stack-gap{display:grid;gap:.8rem}.muted{color:#8ea3bd}.error{color:#ffb3c1;margin:0}.floating-error{margin-top:1rem}.status-ready,.status-waiting,.phase-badge,.phase-pill,.turn-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.35rem .7rem;font-size:.8rem}.status-ready,.phase-badge,.turn-pill{background:#3fb95024;border:1px solid rgba(99,214,116,.35);color:#8af0a3}.status-waiting,.phase-pill{background:#3b82f624;border:1px solid rgba(96,165,250,.35);color:#8bc2ff}.strong-badge{width:fit-content}.lobby-grid{display:grid;grid-template-columns:1.05fr .9fr 1.4fr;gap:1rem}.lobby-column{min-height:100%}.player-list{display:grid;gap:.7rem}.player-list-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#0a1527;border:1px solid #1b3350;border-radius:16px;padding:.85rem}.player-list-item.active{border-color:#64a9ff}.player-list-main{display:flex;gap:.75rem;align-items:center}.avatar{width:52px;height:52px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#1f58d8,#7d3ef0);font-weight:700;color:#fff}.dropzone{border:1px dashed #355579;border-radius:18px;padding:1rem;text-align:center;display:grid;gap:.5rem;background:#0d192c99}.dropzone.active{border-color:#6fb5ff;background:#2976ff24}.deck-grid{display:grid;gap:.8rem}.editor-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));max-height:420px;overflow:auto;padding-right:.25rem}.editor-card,.tray-card{display:flex;flex-direction:column;gap:.45rem}.editor-card,.tray-card{justify-content:start}.danger-tone{background:#5d1a24;border-color:#7f3040}.card-shell{display:flex;flex-direction:column;border:1px solid rgba(120,170,255,.18);border-radius:20px;overflow:hidden;background:#08142eeb;min-height:0;transition:transform .16s ease,box-shadow .16s ease}.card-shell:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000040}.muted-card{opacity:.8}.card-image,.card-fallback{width:100%;aspect-ratio:1 / 1;display:block}.card-image{object-fit:cover;object-position:center;background:#14244be6}.card-fallback{display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;background:linear-gradient(180deg,#3d54d1,#2d44ba)}.card-name{padding:12px 14px 14px;font-size:1.05rem;line-height:1.25;word-break:break-word;color:#dce9ff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.deck-tile{padding:0;background:transparent;border:none;cursor:pointer}.deck-tile.selected .card-shell{border-color:#72b8ff;box-shadow:0 0 0 1px #72b8ff inset,0 0 12px #72b8ff59}.deck-tile.selected .card-shell:hover{box-shadow:0 0 0 1px #72b8ff inset,0 0 18px #72b8ff8c}.play-surface{display:grid;gap:1rem}.play-header-row{justify-content:space-between;align-items:flex-start}.play-header-row h2{margin:.2rem 0 0}.play-header-statuses{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.play-columns{display:grid;grid-template-columns:minmax(240px,300px) minmax(420px,1fr) minmax(240px,300px);gap:1rem;align-items:start}.guesser-panel{display:grid;gap:1rem;background:#0a1626f2;border:1px solid #203b5e;border-radius:20px;padding:1rem;min-height:100%}.guesser-header{display:flex;gap:.8rem;align-items:center}.guesser-header h3{margin:.12rem 0}.guesser-card-wrap{display:grid;gap:.45rem}.answer-box{display:grid;gap:.7rem;background:#081321;border:1px solid #213a5c;border-radius:16px;padding:.85rem}.answer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem}.answer-button{background:#12263d;border-color:#27496a}.answer-button.active{background:linear-gradient(180deg,#4a7aff,#2e66e4);border-color:#74b5ff}.confirm-button{width:100%}.answer-chip{border-radius:999px;padding:.28rem .65rem;font-size:.82rem;border:1px solid transparent}.answer-chip.empty{background:#67799126;color:#98afc7}.answer-chip.pending{background:#f7b73324;color:#ffd789;border-color:#f7b73359}.answer-chip.confirmed{background:#34d39926;color:#9ff7cb;border-color:#34d39959}.chat-center{display:grid;gap:1rem}.chat-center-top,.chat-center-bottom{display:grid;gap:.85rem}.history-list{max-height:520px;overflow:auto;display:grid;gap:.8rem;padding-right:.25rem}.history-empty{border-radius:16px;padding:1rem;background:#0b1627;color:#8ea3bd}.history-item{border-radius:18px;padding:.9rem;background:#0a1424;border:1px solid #1c3556;display:grid;gap:.8rem}.history-item.live{border-color:#6cb4ff}.history-question-row{justify-content:space-between;align-items:flex-start}.history-text{font-size:1.02rem}.history-answers{display:grid;gap:.55rem}.history-answer-row{justify-content:space-between;background:#0e1a2e;border:1px solid #203b5a;border-radius:12px;padding:.7rem}.chat-center-bottom{min-height:200px}.center-copy{margin:0}.host-setup-grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));max-height:360px;overflow:auto;padding-right:.25rem}.results-list{display:grid;gap:.65rem}.result-card{display:grid;gap:.25rem;background:#0d192c;border:1px solid #1e3657;border-radius:14px;padding:.8rem}.result-good{color:#9ff7cb}.result-bad{color:#ffb4c3}.winner-banner{font-size:1.15rem;color:#ffe596;background:#fbbf241f;border:1px solid rgba(251,191,36,.28);border-radius:14px;padding:.9rem}.deck-tray-panel{margin-top:1rem;display:grid;gap:.85rem}.tray-header{justify-content:space-between;align-items:flex-end}.tray-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.image-name-editor{display:flex;flex-direction:column;gap:8px}.image-name-editor input{width:100%}@media(max-width:1200px){.lobby-grid,.play-columns{grid-template-columns:1fr}}@media(max-width:720px){.page{padding:.75rem}.topbar{grid-template-columns:repeat(2,1fr)}.join-stack,.answer-grid{grid-template-columns:1fr}.history-question-row,.tray-header,.play-header-row{flex-direction:column;align-items:flex-start}}.editor-grid::-webkit-scrollbar,.history-list::-webkit-scrollbar{width:6px}.editor-grid::-webkit-scrollbar-thumb,.history-list::-webkit-scrollbar-thumb{background:#2b4968;border-radius:10px}