.online-page{color:#f0e2c5;background:radial-gradient(at 50% 0,#384638 0,#1d2826 42%,#111c1d 100%);min-height:100dvh;padding:24px clamp(16px,4vw,64px) 64px;font-family:Crimson Pro,Georgia,serif}.online-nav{justify-content:space-between;align-items:center;gap:24px;max-width:1280px;margin:auto;display:flex}.online-nav>img{object-fit:contain;flex-shrink:0;width:240px;height:80px}.online-nav a{white-space:nowrap}.online-page .rs-btn{align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.online-page .rs-btn>svg{flex-shrink:0;width:18px;height:18px}.online-nav a,.mode-card>span{align-items:center;gap:10px;display:inline-flex}.online-nav a:hover{color:#efbe70}.online-heading{text-align:center;margin:45px auto 34px}.online-eyebrow{color:#d3b17a;text-transform:uppercase;letter-spacing:.2em;font-size:14px}.online-heading h1{margin:14px 0;font-family:Metamorphous,Georgia,serif;font-size:clamp(25px,4vw,43px)}.online-heading p{color:#c5c4b1;font-size:21px}.mode-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:900px;margin:45px auto;display:grid}.mode-card{text-align:center;background:linear-gradient(145deg,#56624a42,#172522a6);border:1px solid #9d85544f;border-radius:18px;padding:45px 30px;transition:border-color .2s,transform .2s}.mode-card:hover{border-color:#e6bd79;transform:translateY(-4px)}.mode-icon{color:#e6bd79;stroke-width:1px;width:60px;height:60px;margin:0 auto 24px}.mode-card h2{font-family:Metamorphous,Georgia,serif;font-size:28px}.mode-card p{color:#bfc4b4;margin:20px 0 32px;font-size:20px;line-height:1.6}.mode-card>span{color:#edc989;font-size:19px}.online-panel{background:#152420cc;border:1px solid #9d855455;border-radius:14px;padding:26px;box-shadow:0 15px 45px #0002}.online-panel h2{align-items:center;gap:10px;margin-bottom:20px;font-size:25px;display:flex}.online-panel h2 small{color:#b6bdab;margin-left:auto;font-size:17px}.online-entry{max-width:440px;margin:auto}.online-page label{gap:7px;margin-bottom:18px;font-size:18px;display:grid}.online-page input,.online-page select{color:#f0e2c5;background:#101c1b;border:1px solid #89977b66;border-radius:6px;width:100%;min-width:0;padding:9px 12px;font-size:17px}.online-page input:focus-visible,.online-page select:focus-visible,.online-page button:focus-visible,.mode-card:focus-visible{outline-offset:3px;outline:2px solid #e6bd79}.online-page button{cursor:pointer}.online-page button:disabled{opacity:.45;cursor:default}.online-tabs{border-bottom:1px solid #89977b44;gap:8px;margin-bottom:25px;display:flex}.online-tabs button{border-bottom:2px solid #0000;flex:1;padding:10px;font-size:19px}.online-tabs button[aria-pressed=true]{color:#e6bd79;border-color:#e6bd79}.online-primary{justify-content:center;width:100%;min-height:45px;margin-top:16px}.online-note{color:#b3bdad;margin:16px 0;font-size:16px;line-height:1.5}.online-error{color:#ffd0ae;background:#4b2924;border:1px solid #dd9577;border-radius:8px;max-width:900px;margin:20px auto;padding:14px 18px}.online-room{grid-template-columns:260px minmax(280px,1fr) 260px;align-items:start;gap:22px;max-width:1400px;margin:auto;display:grid}.room-code{text-align:center;letter-spacing:.15em;margin-bottom:20px;font-family:monospace;font-size:30px;display:block}.room-invite img{border-radius:6px;margin:0 auto 20px;display:block}.room-invite>button{justify-content:center;width:100%;margin-bottom:16px}.room-invite label{font-size:15px}.room-invite input{font-size:13px}.room-members{margin:0 0 20px;padding:0;list-style:none}.room-members li{border-bottom:1px solid #89977b33;align-items:center;gap:12px;min-height:66px;padding:10px 0;display:flex}.room-avatar{flex-shrink:0;width:46px;height:50px;overflow:visible}.room-member-name{overflow-wrap:anywhere;flex:1;min-width:0;font-size:20px}.room-member-name small{color:#aebaa9;font-size:14px;display:block}.room-members li>svg:not(.room-avatar){color:#c4aa76;flex-shrink:0;width:20px}.room-members select{width:100px;font-size:14px}.room-remove{color:#cbb49b;padding:6px}.spectator-heading{margin-top:30px}.online-page .online-check{text-transform:capitalize;align-items:center;gap:10px;margin:12px 0;display:flex}.online-check input{accent-color:#d8ad6c;width:18px;height:18px}.online-game-status{color:#f2d29c;font-size:15px}@media (width<=1100px){.online-room{grid-template-columns:240px 1fr}.room-settings{grid-column:2}.room-invite{grid-row:span 2}}@media (width<=650px){.mode-choices,.online-room{grid-template-columns:1fr}.room-settings{grid-column:auto}.room-invite{grid-row:auto}.room-party{order:-1}.online-heading{margin-top:30px}.mode-card{padding:26px 18px}.online-nav>img{width:170px;height:58px}}@media (prefers-reduced-motion:reduce){.mode-card{transition:none}}