.home-root{min-height:100vh;padding:32px 20px 80px;background:linear-gradient(180deg,#f8fafc,#eef2f7);color:#0f172a;font-family:Avenir Next,Segoe UI,Helvetica Neue,Arial,sans-serif;box-sizing:border-box}.home-btn{transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease;cursor:pointer;filter:drop-shadow(0 0 0 rgba(96,165,250,0));font-family:inherit;font-weight:500}.home-btn:hover:enabled{transform:translateY(-1px);box-shadow:0 8px 16px #0f172a1f,0 0 14px #60a5fa59;filter:drop-shadow(0 0 10px rgba(96,165,250,.35))}.home-btn:active:enabled{transform:translateY(0);box-shadow:0 4px 8px #0f172a1f,0 0 10px #60a5fa4d;filter:drop-shadow(0 0 8px rgba(96,165,250,.3))}.home-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #3b82f64d,0 0 14px #60a5fa59;filter:drop-shadow(0 0 10px rgba(96,165,250,.35))}.home-btn:disabled{cursor:not-allowed}.home-input{transition:box-shadow .15s ease,border-color .15s ease;box-shadow:inset 0 0 0 1px #0f172a26;outline:none;font-family:inherit;font-weight:500}.home-input:hover{box-shadow:inset 0 0 0 1px #0f172a2e,0 0 10px #60a5fa33}.home-input:focus{border-color:#1e293bf2;box-shadow:0 0 0 2px #1e293b99,inset 0 0 0 1px #0f172a33;outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body,#root{margin:0;padding:0;background:#f1f5f9}.room-root{min-height:100vh;display:flex;background:linear-gradient(180deg,#f8fafc,#eef2f7);color:#0f172a;font-family:Avenir Next,Segoe UI,Helvetica Neue,Arial,sans-serif;box-sizing:border-box;--room-sidebar-width: 320px;--room-bottom-offset: 24px;--room-bottom-gap: 16px}.room-main{flex:1;padding:24px 24px 220px;position:relative;display:flex;flex-direction:column;gap:16px;box-sizing:border-box;height:100vh;overflow:hidden}.room-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.room-title{font-size:34px;font-weight:700;letter-spacing:-.02em;background:linear-gradient(90deg,#0f172a,#1d4ed8);-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.room-subtitle{margin-top:6px;color:#475569;font-size:14px}.room-code-label{margin-right:8px;font-weight:600;color:#475569}.room-code{font-weight:700}.room-code-large{font-size:18px;letter-spacing:.12em}.room-code-button{display:inline-flex;align-items:center;gap:6px;padding:2px 6px;border-radius:8px;border:1px solid transparent;background:transparent;color:inherit;font:inherit;cursor:pointer}.room-code-button:hover{border-color:#cbd5e1;background:#f8fafc}.room-code-icon{font-size:12px;color:#64748b}.room-copy-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(6px);background:#0f172aeb;color:#f8fafc;padding:10px 16px;border-radius:12px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:30}.room-copy-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.room-top-actions{display:flex;gap:8px;align-items:center}.room-team-summary{margin-top:12px;text-align:center;flex-shrink:0}.room-team-summary-label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.08em}.room-team-summary-value{font-size:20px;font-weight:700;color:#0f172a}.room-error{margin-top:8px;color:#b91c1c;font-size:14px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.room-link{background:none;border:1px solid transparent;padding:6px 10px;color:#1d4ed8;border-radius:10px;cursor:pointer;font-family:inherit;font-weight:600;transition:background .16s ease,border-color .16s ease,color .16s ease}.room-link:hover{background:#eff6ff;border-color:#c7d2fe;color:#1d4ed8}.room-link:focus-visible{outline:2px solid rgba(59,130,246,.6);outline-offset:2px}.room-secondary-btn{background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:8px 12px}.room-primary-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:12px;padding:12px 16px}.room-primary-btn:disabled{background:#cbd5e1;color:#64748b}.room-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.room-game{display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 320px;align-items:start;flex:1;min-height:0}.room-game-left{display:flex;flex-direction:column;gap:16px;min-height:0;height:100%;overflow:visible}.room-game-right{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:16px;min-height:0;height:100%}.room-game-right-finished{display:flex;flex-direction:column;gap:16px;align-items:stretch;height:100%;min-height:0}.room-game-right-finished .room-card{align-self:stretch}.room-card{background:#fff;border:1px solid #d7dce2;border-radius:16px;padding:16px;box-shadow:0 10px 24px #0f172a14;box-sizing:border-box}.room-match-history{min-height:350px;flex:1}.room-panel{display:flex;flex-direction:column;min-height:0}.room-next-step{width:100%;align-self:start;height:fit-content}.room-card-scroll{overflow-y:auto;min-height:0;padding-right:4px;flex:1}.room-captured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.room-card h3{margin-top:0;margin-bottom:8px}.room-sidebar{width:320px;border-left:1px solid #d7dce2;padding:16px;background:#f8fafc;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;max-height:100vh;overflow:hidden}.room-sidebar-panel{flex:1;min-height:0;display:flex;flex-direction:column}.room-chat-list{flex:1;min-height:0;overflow-y:scroll;margin-top:6px;padding-right:4px;font-size:16px;scrollbar-gutter:stable both-edges;scrollbar-color:rgba(148,163,184,.9) #e2e8f0;scrollbar-width:auto}.room-chat-time{font-size:12px;color:#94a3b8;margin-right:6px}.room-chat-compose{display:flex;gap:8px;margin-top:12px;align-items:center}.room-chat-input{flex:1;padding:10px 12px;border-radius:12px;border:1px solid rgba(148,163,184,.6);background:#f8fafc;color:#0f172a;font-size:14px}.room-chat-input:disabled{background:#e2e8f0;color:#64748b}.room-chat-send{padding:10px 14px;border-radius:12px;border:1px solid #cbd5e1;background:#fff}.room-bottom-bar{position:fixed;left:var(--room-bottom-offset);right:calc(var(--room-sidebar-width) + var(--room-bottom-offset));bottom:16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--room-bottom-gap);align-items:end;z-index:8}.room-bottom-left,.room-bottom-right{display:flex}.room-bottom-right{justify-content:flex-end}.room-bottom-center{min-width:0}.room-exit{background:#ef4444;border:1px solid #b91c1c;color:#fff;border-radius:12px;padding:10px 16px}.room-exit:disabled{opacity:.55;cursor:not-allowed}.room-players{min-height:0;padding-top:12px;overflow:visible;align-self:stretch;flex-shrink:0}.room-players-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;margin-top:0}.room-players-hint{font-size:12px;color:#64748b}.room-players-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(220px,1fr))}@media(max-width:1400px){.room-players-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.player-card{border-radius:14px;padding:12px;border:1px solid #e2e8f0;background:#f8fafc;position:relative;cursor:default}.player-card[role=button]{cursor:pointer}.player-card-main{display:flex;flex-direction:column;gap:6px}.player-name{font-size:15px;font-weight:600}.player-claiming{margin-left:8px;font-size:12px;font-weight:700;color:#2563eb;text-transform:uppercase;letter-spacing:.03em}.player-name-offline{color:#b91c1c}.player-disconnect-timer{margin-left:6px;font-size:12px;color:#b91c1c;font-weight:600}.player-meta{font-size:11px;color:#64748b}.player-disjoint-tag{font-size:12px;color:#a16207;font-weight:600}.player-disjoint-tooltip{position:absolute;top:8px;right:8px;max-width:180px;padding:6px 8px;border-radius:10px;border:1px solid rgba(148,163,184,.6);background:#fff;font-size:11px;color:#475569;box-shadow:0 8px 16px #0f172a14;opacity:0;transform:translateY(-4px) scale(.98);transition:opacity .16s ease,transform .16s ease;pointer-events:none;z-index:2}.player-card:hover .player-disjoint-tooltip{opacity:1;transform:translateY(0) scale(1)}.player-disconnect{font-size:12px;color:#b91c1c}.player-self{border-color:#3b82f680;background:#3b82f61f}.player-team{border-color:#22c55e73;background:#22c55e1f}.player-opponent{border-color:#ef444466;background:#ef44441a}.player-team-a{border-color:#3b82f680;background:#3b82f61f}.player-team-b{border-color:#eab3088c;background:#eab30824}.player-turn{box-shadow:0 0 0 2px #eab3088c,0 0 12px #eab30873;border-color:#eab308e6}.player-menu{margin-top:12px;display:flex;flex-direction:column;gap:8px}.player-actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.player-action-muted{opacity:.5}.player-your-turn{margin-top:14px;padding:12px;border-radius:12px;background:#eab30833;border:1px solid rgba(234,179,8,.7);color:#a16207;font-size:18px;font-weight:700;text-align:center;text-transform:uppercase}.player-finish-result{margin-top:12px;padding:14px;border-radius:14px;background:#0f172a0f;font-size:20px;font-weight:700;text-align:center}.past-turn-line{margin-top:4px;line-height:1.4;font-size:15px}.past-turn-entry{padding:4px 0;border-bottom:1px solid rgba(148,163,184,.35)}.past-turn-entry:first-child{padding-top:0}.past-turn-entry:last-child{border-bottom:none}.past-card{font-weight:700;font-size:15px}.past-result{font-weight:700}.past-card-red{color:#b91c1c}.past-card-dark{color:#0f172a}.past-card-list{margin-right:6px}.past-set{font-weight:700;color:#1f2937}.past-claim-holders{font-size:14px;color:#334155}.past-claim-holder{font-weight:600}.past-name-self{color:#1d4ed8;font-weight:700}.past-name-team{color:#166534;font-weight:700}.past-name-opponent{color:#b91c1c;font-weight:700}.past-name-neutral{color:#374151;font-weight:700}.player-menu-cards{display:flex;flex-direction:column;gap:8px}.player-menu-cardlist{display:flex;flex-wrap:wrap;gap:6px}.player-menu-title{font-size:12px;color:#475569;font-weight:600}.room-captured-panel h3{margin-bottom:10px}.room-captured-panel{align-self:start;height:fit-content}.room-captured-team{margin-bottom:10px}.room-captured-label{font-size:12px;color:#64748b;margin-bottom:4px}.room-captured-count{font-size:26px;font-weight:700;color:#0f172a}.room-captured-list{display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:#0f172a}.room-captured-set{font-weight:700}.room-captured-set.red{color:#b91c1c}.room-captured-set.dark{color:#0f172a}.room-captured-set.special{color:#a16207}.room-hand-panel{background:#fff;border:1px solid #d7dce2;border-radius:18px;padding:14px 18px;box-shadow:0 12px 28px #0f172a2e;width:100%;box-sizing:border-box}.room-hand-title{font-weight:600;margin-bottom:8px}.room-hand-scroll{overflow-x:scroll;overflow-y:hidden;padding-bottom:6px;scrollbar-gutter:stable both-edges;scrollbar-color:rgba(148,163,184,.9) #e2e8f0;scrollbar-width:auto}.room-chat-list::-webkit-scrollbar,.room-hand-scroll::-webkit-scrollbar{width:12px;height:12px}.room-chat-list::-webkit-scrollbar-track,.room-hand-scroll::-webkit-scrollbar-track{background:#e2e8f0;border-radius:999px}.room-chat-list::-webkit-scrollbar-thumb,.room-hand-scroll::-webkit-scrollbar-thumb{background-color:#94a3b8e6;border-radius:999px;border:2px solid transparent;background-clip:content-box}.room-chat-list::-webkit-scrollbar-thumb:hover,.room-hand-scroll::-webkit-scrollbar-thumb:hover{background-color:#64748be6}.room-hand-cards{display:flex;gap:8px;flex-wrap:nowrap;min-width:max-content}.room-card-slot{width:62px;height:86px;border-radius:10px;border:1px solid #cbd5e1;background:#f8fafc;position:relative;display:flex;align-items:center;justify-content:center;font-weight:600;color:#0f172a}.room-card-slot.card-red{color:#b91c1c}.room-card-corner{position:absolute;top:3px;left:3px;font-size:20px;line-height:1}.room-card-rank{font-size:20px}.room-card-corner-bottom{inset:auto 3px 3px auto;font-size:20px;line-height:1}.room-claim-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:14px;padding:12px 18px}.room-claim-button:disabled{background:#cbd5e1;color:#64748b}.room-claim-overlay{position:fixed;inset:0;background:#0f172a4d;display:flex;align-items:center;justify-content:center;z-index:30}.room-claim-card{width:min(720px,90vw);max-height:80vh;overflow-y:auto;background:#fff;border-radius:18px;padding:20px;border:1px solid #cbd5e1;box-shadow:0 20px 40px #0f172a33}.room-claim-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.room-claim-subtitle{color:#475569;margin-bottom:12px}.room-claim-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.room-claim-assignments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.room-claim-row{display:flex;gap:12px;align-items:flex-start}.room-claim-buttons{display:flex;flex-direction:column;gap:6px}.room-claim-selected{box-shadow:0 0 0 2px #2563eb80}.room-claim-actions{margin-top:16px;display:flex;justify-content:space-between;align-items:center}.room-ask-overlay{position:fixed;inset:0;background:#0f172a4d;display:flex;align-items:center;justify-content:center;z-index:30}.room-ask-card{width:min(760px,92vw);max-height:80vh;overflow-y:auto;background:#fff;border-radius:18px;padding:20px;border:1px solid #cbd5e1;box-shadow:0 20px 40px #0f172a33}.room-ask-groups{display:flex;flex-direction:column;gap:16px}.room-ask-group{display:flex;flex-direction:column;gap:8px}.room-ask-label{font-size:12px;color:#64748b;font-weight:600}.room-ask-cards{display:flex;flex-wrap:wrap;gap:8px}.room-card-slot-small{width:56px;height:78px}.room-card-button{background:none;border:none;padding:0;cursor:pointer}.room-card-button.card-red .room-card-slot{color:#b91c1c}.room-card-button:focus-visible .room-card-slot{box-shadow:0 0 0 2px #2563eb66}.room-seat-list{display:flex;flex-direction:column;gap:8px}.room-seat{border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;background:#f8fafc;gap:12px}.room-seat.empty{background:#f1f5f9;color:#64748b}.room-seat.bot{background:#eef2ff}.room-seat.team-a{border-color:#3b82f680;background:#3b82f61f}.room-seat.team-b{border-color:#eab30880;background:#eab30824}.room-seat-meta{font-size:12px;color:#64748b}.room-team-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.room-team-pill{padding:4px 10px;border-radius:999px;font-size:12px;background:#e2e8f0;color:#0f172a}.room-team-pill.full{background:#fee2e2;color:#b91c1c}.room-settings{display:flex;flex-direction:column;gap:12px}.room-field{display:flex;flex-direction:column;gap:6px}.room-select{width:160px;max-width:100%;padding:10px 36px 10px 12px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M2 2l4 4 4-4' fill='none' stroke='%2364738b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 12px center;align-self:flex-start}.room-toggle{display:inline-flex;align-items:center;gap:6px;background:#e2e8f0;border-radius:999px;padding:4px;align-self:flex-start}.room-toggle-btn{border:none;background:transparent;padding:6px 14px;border-radius:999px;font-weight:600;color:#475569;cursor:pointer;font-family:inherit}.room-toggle-btn.active{background:#1d4ed8;color:#fff}.room-toggle-btn:disabled{cursor:not-allowed;opacity:.6}.room-slider{width:100%;accent-color:#1d4ed8}.room-settings-footer{margin-top:auto;display:flex;flex-direction:column;gap:8px}.room-hint{font-size:12px;color:#64748b}@media(max-width:1200px){.room-root{flex-direction:column;--room-sidebar-width: 0px;--room-bottom-offset: 16px;--room-bottom-stack-height: 220px}.room-sidebar{width:100%;min-height:auto;border-left:none;border-top:1px solid #d7dce2;padding-bottom:calc(16px + var(--room-bottom-stack-height))}.room-debug-panel{right:12px;left:12px;width:auto}.room-game{grid-template-columns:1fr}.room-bottom-bar{right:var(--room-bottom-offset)}.room-bottom-bar{grid-template-columns:1fr 1fr;grid-template-areas:"left right" "center center";gap:12px 16px}.room-bottom-left{grid-area:left;justify-content:flex-start}.room-bottom-right{grid-area:right;justify-content:flex-end}.room-bottom-center{grid-area:center}.room-card-slot{width:54px;height:74px}}.rules-root{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#eef2f7);color:#0f172a;font-family:Avenir Next,Segoe UI,Helvetica Neue,Arial,sans-serif;padding:32px 20px;box-sizing:border-box}.rules-card{max-width:860px;margin:0 auto;background:#fff;border:1px solid #d7dce2;border-radius:18px;box-shadow:0 16px 32px #0f172a1f;padding:28px 30px;box-sizing:border-box}.rules-header{margin-bottom:18px}.rules-back{display:inline-block;color:#2563eb;text-decoration:none;font-weight:600;margin-bottom:12px}.rules-back:hover{text-decoration:underline}.rules-title{font-size:34px;font-weight:700;letter-spacing:-.02em;background:linear-gradient(90deg,#0f172a,#1d4ed8);-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.rules-subtitle{margin-top:6px;color:#64748b;font-size:14px}.rules-section{margin-top:22px}.rules-section h2{font-size:18px;margin-bottom:8px;color:#0f172a}.rules-section ul{margin:0;padding-left:18px;color:#1f2937;line-height:1.55}.rules-section li{margin-bottom:6px}@media(max-width:700px){.rules-card{padding:22px 20px}.rules-title{font-size:28px}}