.page-shell.arcade-page-shell{color:#f3f7ff;background:#101c31;padding:28px 48px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45}.arcade-header,.arcade-brand,.arcade-header-actions,.arcade-connection{align-items:center;display:flex}.arcade-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;gap:8px;min-height:44px;padding-bottom:12px}.arcade-brand{min-width:0;min-height:44px;color:inherit;letter-spacing:-.4px;white-space:nowrap;gap:8px;font-size:14px;font-weight:750;text-decoration:none}.arcade-brand>span:last-child{text-overflow:ellipsis;overflow:hidden}.arcade-brand-mark{background:#5bcaff;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.arcade-brand-mark svg{width:20px;height:20px}.arcade-header-actions{flex-shrink:0;gap:12px}.arcade-connection{color:#d0daeb;text-transform:capitalize;white-space:nowrap;gap:5px;font-size:12px}.arcade-connection:before{content:"";background:#ef9e91;border-radius:50%;flex-shrink:0;width:7px;height:7px}.arcade-connection.is-connected:before{background:#60c99c}.arcade-connection.is-connecting:before{background:0 0;border:2px solid #ffd079;border-color:#ffd079 #ffd079 #ffd07938 #ffd07938;width:12px;height:12px;animation:1s linear infinite arcade-spinner-spin}.arcade-room-code{color:#a9bed8;letter-spacing:1px;text-transform:uppercase;font:12px ui-monospace,monospace}.arcade-page-shell :is(button,input,summary,a):focus-visible{outline-offset:3px;outline:3px solid #b5e6ff}.arcade-flow-shell{width:min(100%,1024px);margin:0 auto}.arcade-flow{width:min(100%,640px);margin:32px auto 0}.arcade-flow.is-error{max-width:560px}.arcade-recovery{text-align:center;background:#1b2b45;border:1px solid #354562;border-radius:16px;width:min(100%,480px);margin:32px auto 0;padding:32px}.arcade-recovery h1{color:#f3f7ff;margin:0;font-size:24px;line-height:1.2}.arcade-recovery p{color:#b3c3d9;margin:12px 0 0;font-size:14px}.arcade-recovery-spinner{border:3px solid #3b536e;border-top-color:#65c7ff;border-radius:50%;width:28px;height:28px;margin:0 auto 20px;animation:1s linear infinite arcade-spinner-spin;display:block}@keyframes arcade-spinner-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.arcade-connection.is-connecting:before,.arcade-recovery-spinner{animation:none}}.arcade-flow-intro{margin-bottom:24px}.arcade-flow-eyebrow{color:#9cb9df;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 10px;font-size:12px}.arcade-flow h1{letter-spacing:-.7px;margin:0;font-size:34px;line-height:1.16}.arcade-flow-intro>p:last-child{color:#afc0d9;max-width:48ch;margin:12px 0 0;font-size:15px}.arcade-flow-card{background:#1b2b45;border:1px solid #354562;border-radius:18px;gap:24px;min-width:0;padding:28px;display:grid}.arcade-flow-card p{color:#b2c4dc;margin:0}.arcade-field{color:#bacbe4;gap:8px;min-width:0;font-size:13px;display:grid}.arcade-field input{color:#f5f9ff;background:#101e34;border:1px solid #526888;border-radius:10px;width:100%;min-width:0;height:48px;padding:0 12px;font-size:16px}.arcade-primary,.arcade-secondary{min-height:48px;font:inherit;text-align:center;cursor:pointer;border:1px solid #526888;border-radius:10px;justify-content:center;align-items:center;padding:10px 16px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.arcade-primary{color:#062b4e;background:linear-gradient(#59ccff,#1683d8);border-color:#42aeeb;box-shadow:0 2px #075995}.arcade-secondary{color:#dfedff;background:#243c59}.arcade-primary:disabled,.arcade-secondary:disabled{color:#a9bbd2;box-shadow:none;cursor:not-allowed;background:#30445e}.arcade-back{color:#afc8e6;align-items:center;min-height:44px;margin-top:16px;font-size:13px;text-decoration:none;display:inline-flex}.arcade-people,.arcade-flow-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.arcade-flow-actions.is-single{grid-template-columns:1fr}.arcade-seat{border:1px solid #415975;border-radius:12px;min-width:0;padding:14px}.arcade-seat.is-open{border-style:dashed}.arcade-seat strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.arcade-seat span,.arcade-flow-status,.arcade-flow-card .arcade-flow-note{color:#afc0d9;font-size:13px}.arcade-flow-status{justify-content:space-between;gap:12px;display:flex}.arcade-invite-value{color:#bed3ed;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#101e34;border:1px solid #526888;border-radius:10px;min-width:0;padding:12px;font-size:13px}.arcade-token-details{color:#adbed7;border-top:1px solid #ffffff1a;padding-top:20px;font-size:13px}.arcade-token-details summary{cursor:pointer}.arcade-token-details .arcade-field,.arcade-token-details button{margin-top:12px}.arcade-flow .arcade-notice{color:#efcab6;background:#332a2b;border:1px solid #765b49;border-radius:12px;padding:16px;font-size:14px}.arcade-flow .arcade-flow-error{color:#ffb9a9;font-size:13px}@media (width>=680px){.arcade-header{gap:16px;min-height:53px;padding-bottom:20px}.arcade-brand{font-size:16px}.arcade-brand-mark{border-radius:9px;width:32px;height:32px}.arcade-brand-mark svg{width:26px;height:26px}.arcade-connection{gap:7px;font-size:13px}}@media (width>=901px){.arcade-header-actions{gap:20px}}@media (width<=900px){.page-shell.arcade-page-shell{padding:20px}}@media (width<=350px){.arcade-brand{gap:6px;font-size:12px}.arcade-brand-mark{width:24px;height:24px}.arcade-connection{font-size:12px}}@media (width<=600px){.arcade-flow{margin-top:24px}.arcade-flow-intro{margin-bottom:20px}.arcade-flow h1{font-size:30px}.arcade-flow-intro>p:last-child{font-size:14px}.arcade-flow-card{border-radius:16px;gap:20px;padding:20px}.arcade-people{gap:12px}.arcade-seat{padding:12px}.arcade-flow-actions{grid-template-columns:1fr;gap:12px}}.arcade-sound-button{color:#dbeeff;background:0 0;border:0;border-radius:8px;place-items:center;width:44px;height:44px;padding:0;display:grid}.arcade-sound-button:hover{background:#ffffff0b}.server-unreachable{color:#ffe2bd;background:#3a2f22;border:1px solid #b98a4d;border-radius:10px;gap:10px;padding:12px;font-size:14px;line-height:1.4;display:grid}.server-unreachable p{margin:0}.server-unreachable strong{color:#fff1dc;font-size:15px;display:block}.server-unreachable a{color:#fff1dc;background:#5c4526;border:1px solid #d9a860;border-radius:10px;justify-content:center;align-items:center;min-height:44px;font-weight:650;text-decoration:none;display:flex}.arcade-lobby{color:#f3f7ff;width:min(100%,1024px);margin:0 auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45}.arcade-footer{align-items:center;display:flex}.arcade-stage{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:24px;display:grid}.arcade-introduction{padding:32px 0 28px}.arcade-eyebrow{color:#9cb9df;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:600}.arcade-introduction h1{letter-spacing:-1.2px;margin:0;font-size:40px;line-height:1.15}.arcade-introduction h1 span{color:#65c7ff}.arcade-description{color:#b0bed3;margin:12px 0 0;font-size:15px}.arcade-illustration{background:#1b2b45;border:1px solid #354562;border-radius:18px;flex-direction:column;gap:16px;min-width:0;padding:24px;display:flex}.arcade-board-note{color:#adbed7;justify-content:space-between;gap:12px;font-size:13px;display:flex}.arcade-lobby .lobby-preview-card,.arcade-lobby .lobby-preview-window{box-shadow:none;background:0 0;padding:0;display:block}.arcade-lobby .lobby-preview-header,.arcade-lobby .lobby-preview-sidebar{display:none}.arcade-lobby .lobby-preview-board{box-shadow:none;background:#080f1d;border:1px solid #687b9c;border-radius:13px;gap:5px;padding:9px}.arcade-lobby .lobby-preview-cell{font-size:24px}.arcade-lobby .lobby-control-panel{min-width:0;box-shadow:none;background:#1b2b45;border:1px solid #354562;border-radius:18px;flex-direction:column;justify-content:space-between;gap:24px;padding:24px;display:flex}.arcade-lobby .lobby-identity-card,.arcade-lobby .lobby-action-card.is-create,.arcade-lobby .lobby-action-card.is-join{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;gap:12px;padding:0}.arcade-lobby .lobby-identity-card h2{letter-spacing:-.4px;margin:0;font-size:21px;line-height:1.2}.arcade-lobby .lobby-identity-card{gap:20px}.lobby-identity-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;display:grid}.arcade-lobby .lobby-field span{color:#bacbe4;letter-spacing:0;text-transform:none;font-size:13px;font-weight:500}.arcade-lobby .lobby-field{gap:8px}.arcade-lobby .lobby-field input{width:100%;min-width:0;min-height:48px;box-shadow:none;color:#f5f9ff;background:#101e34;border:1px solid #526888;border-radius:12px;padding:12px;font-size:16px;font-weight:400;line-height:22px}.arcade-lobby input::placeholder{color:#9aafcc;opacity:1}.arcade-lobby .lobby-action-card.is-join .lobby-field input.invite-token-input{letter-spacing:0;font-size:16px;font-weight:400}.arcade-lobby .lobby-action-cards{display:contents}.arcade-create-heading,.arcade-lobby .lobby-join-entry .lobby-field>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.arcade-lobby .lobby-action-button{letter-spacing:0;border-radius:12px;min-height:48px;padding:12px 16px;font-size:15px;font-weight:650}.arcade-lobby .lobby-create-button{color:#062b4e;background:linear-gradient(#59ccff,#1683d8);box-shadow:0 3px #075995}.lobby-match-in-progress{gap:12px;display:grid}.lobby-match-in-progress p{color:#cfdbec;margin:0}.lobby-match-in-progress .lobby-action-button{justify-content:center;align-items:center;text-decoration:none;display:flex}.arcade-lobby .lobby-action-button:disabled{box-shadow:none;color:#a9bbd2;background:#30445e}.arcade-lobby .lobby-create-description,.arcade-lobby .waiting-room-copy,.arcade-lobby .lobby-card-heading>span{color:#afc0d9;margin:0;font-size:13px}.arcade-lobby .lobby-slot-indicator{justify-content:space-between;gap:2px;min-height:44px}.arcade-lobby .lobby-slot-pill{color:#afc0d9;font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none;white-space:nowrap;background:0 0;padding:0;font-size:13px;font-weight:400}.arcade-lobby .lobby-slot-pill.is-full{color:#ffb9a9}.arcade-lobby .lobby-slot-refresh{color:#afc0d9;width:44px;height:44px;margin:0;font-size:18px}.arcade-lobby .lobby-slot-refresh:hover{color:#f3f7ff}.arcade-lobby .lobby-action-card.is-join{border-top:1px solid #ffffff1a;padding-top:24px}.arcade-lobby .lobby-card-heading{display:block}.arcade-lobby .lobby-card-heading h2{color:#f3f7ff;margin:0;font-size:16px;font-weight:600}.arcade-lobby .lobby-join-entry{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.arcade-lobby .lobby-join-button,.arcade-lobby .lobby-join-button.is-ready{box-shadow:none;color:#e0ebfa;white-space:nowrap;background:#304764;border:1px solid #60789a}.arcade-lobby :is(button,input,summary):focus-visible{outline-offset:3px;outline:3px solid #b5e6ff}.arcade-footer{color:#afc0d9;border-top:1px solid #ffffff1a;justify-content:space-between;gap:16px;margin-top:28px;padding:20px 0 4px;font-size:13px}.arcade-footer p{margin:0}.arcade-footer details{max-width:40ch}.arcade-footer summary{cursor:pointer}.arcade-footer details p{margin-top:12px}.arcade-error{color:#ffd3ca;background:#422d35;border:1px solid #b96b63;border-radius:10px;padding:12px 16px}.arcade-lobby .lobby-invite-problem{margin:12px 0 0;padding:8px 12px;font-size:14px}@media (width<=900px){.arcade-stage{grid-template-columns:minmax(0,1fr)}.arcade-introduction{padding:24px 0}.arcade-eyebrow{margin-bottom:12px;font-size:12px}.arcade-introduction h1{font-size:32px}.arcade-introduction h1 span{display:block}.arcade-description{max-width:39ch;margin-top:12px;font-size:14px}.arcade-illustration{display:none}.arcade-lobby .lobby-control-panel{border-radius:16px;gap:16px;padding:20px}.arcade-lobby .lobby-identity-card h2{font-size:18px}.arcade-lobby .lobby-action-card.is-join{padding-top:16px}.arcade-lobby .lobby-action-button{padding-left:12px;padding-right:12px;font-size:14px}.arcade-footer{align-items:start;margin-top:24px;font-size:12px}}.arcade-lobby.lobby-form{gap:20px;width:100%;min-width:0;display:grid}.board-size-row{grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:8px;display:grid}.board-size-row>*{min-width:0}.board-size-select{color:#f3f7ff;min-height:46px;font:inherit;font-variant-numeric:tabular-nums;appearance:none;cursor:pointer;background:#10203a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23b8c9df' stroke-width='2'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #526888;border-radius:10px;padding:0 30px 0 12px;font-size:16px}.board-size-select option{color:#f3f7ff;background:#10203a}.board-size-select:focus-visible{outline-offset:2px;outline:2px solid #9bdcff}.solo-entry-saved{gap:8px;display:grid}.solo-mode-tabs{background:#101e34;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:5px;display:grid}.solo-mode-tabs :is(button,a){color:#b8c9df;min-height:44px;font:inherit;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;font-weight:650;text-decoration:none;display:flex}.solo-mode-tabs :is([aria-selected=true],[aria-current=page]){color:#f3f7ff;background:#304d6e;box-shadow:0 1px #6ecfff66}.game-help>summary{color:#dce8f8;cursor:pointer;align-items:center;gap:8px;min-height:44px;display:flex}.game-help>summary:before{content:"+"}.game-help[open]>summary:before{content:"−"}.game-help-content{color:#bdcde0;text-align:left;gap:12px;font-size:14px;line-height:1.55;display:grid}.game-help-content p{margin:0}.page-shell.arcade-page-shell.solo-home-shell{padding:16px 20px 12px}.solo-home{width:min(100%,1000px);margin:0 auto}.solo-entry-layout{gap:16px;padding-top:16px;display:grid}.solo-entry-content{min-width:0;display:grid}.solo-home-intro h1{letter-spacing:-.7px;margin:0;font-size:24px;font-weight:750;line-height:1.2}.solo-home-intro h1 span{color:#65c5ef}.solo-home-intro p{color:#b0bed3;margin:8px 0 0;font-size:13px}.solo-entry-card{background:#1b2b45;border:1px solid #354562;border-radius:16px;gap:16px;min-width:0;padding:16px;display:grid}.solo-entry-card [role=tabpanel][hidden]{display:none}.solo-entry-panels{display:grid}.solo-entry-panels>[role=tabpanel]{grid-area:1/1;min-width:0}.solo-stage-tabs{width:min(100%,440px);margin:0 auto}.solo-home .solo-mode-tabs{gap:4px;padding:4px}.solo-home .solo-mode-tabs button{padding:8px;font-size:15px}.solo-entry-primary{color:#062b4e;background:linear-gradient(#59ccff,#1683d8);border:1px solid #63c8ff;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:46px;padding:10px 12px;font-weight:700;text-decoration:none;display:flex}.solo-home .lobby-form{gap:12px}.solo-home .lobby-identity-card{gap:0}.solo-home .lobby-identity-heading{min-height:44px;margin-top:-8px;margin-bottom:4px}.solo-home .lobby-identity-heading label{color:#bacbe4;font-size:13px}.solo-home .lobby-field input{border-radius:10px;min-height:46px;padding:10px 12px}.solo-home .lobby-action-card.is-create{gap:8px}.solo-home .lobby-action-button{border-radius:10px;min-height:46px;padding:10px 12px;font-size:15px}.solo-home .lobby-create-button{box-shadow:none;border:1px solid #63c8ff}.solo-home .lobby-create-description{font-size:13px}.solo-home .lobby-action-card.is-join{gap:8px;padding-top:12px}.solo-home .lobby-card-heading h2{font-size:13px}.solo-home .lobby-join-entry{gap:8px}.solo-home .arcade-footer{border:0;justify-content:flex-end;align-items:baseline;min-height:44px;margin-top:14px;padding:0;font-size:13px}.solo-home .arcade-footer details[open]{flex-basis:100%;max-width:none}.solo-home .arcade-footer details[open] summary{justify-content:flex-end}.solo-home .arcade-footer summary{align-items:center;min-height:44px;list-style:none;display:flex}.solo-home .arcade-footer summary::-webkit-details-marker{display:none}@media (width>=680px){.page-shell.arcade-page-shell.solo-home-shell{padding:28px 32px}.solo-home{width:min(100%,1040px)}.solo-entry-layout{gap:12px;padding-top:16px}.solo-home-intro{text-align:center}.solo-home-intro h1{letter-spacing:-1.1px;max-width:none;font-size:clamp(34px,4vw,46px)}.solo-home-intro h1 span{display:inline}.solo-home-intro p{margin-top:12px;font-size:16px}.solo-entry-content{background:linear-gradient(#1b2a43,#121c2e);border:1px solid #465a78;border-radius:18px;grid-template-columns:400px minmax(0,1fr);justify-content:center;align-items:center;gap:32px;padding:24px;box-shadow:0 18px 36px #07101d66}.solo-entry-content>.solo-entry-card{box-shadow:none;background:0 0;border:0;border-radius:0;align-self:center;padding:0}.solo-entry-content>.room-waiting-card{align-self:start}.solo-entry-card .solo-entry-panels>[role=tabpanel][hidden]{visibility:hidden;pointer-events:none;display:block}.solo-entry-panels>#solo-panel{align-content:center;display:grid}.solo-home .lobby-form{gap:20px}.solo-home .solo-mode-tabs button{font-size:16px}.solo-home .lobby-action-card.is-join{padding-top:20px}.solo-home .lobby-create-description{font-size:13px}.solo-home .arcade-footer{margin-top:12px;font-size:13px}}@media (width>=900px) and (width<=999px){.solo-entry-content{grid-template-columns:380px minmax(0,1fr);gap:24px}}@media (width>=680px) and (width<=899px){.solo-entry-content{grid-template-columns:240px minmax(0,1fr);gap:20px;padding:20px}}@media (width>=760px) and (width<=899px){.solo-entry-content{grid-template-columns:280px minmax(0,1fr)}}@media (width<=679px){.solo-entry-layout{gap:14px}.solo-home-intro{grid-template-columns:minmax(0,1fr) 104px;align-items:center;gap:14px;display:grid}.solo-home-intro h1 span{display:block}.solo-entry-card{background:0 0;border:0;padding:0}}@media (width<=379px){.solo-home-intro{grid-template-columns:minmax(0,1fr) 88px}}@media (width<=350px){.page-shell.arcade-page-shell.solo-home-shell{padding:12px 16px 8px}.solo-entry-layout{gap:12px;padding-top:12px}.solo-home-intro h1{font-size:22px}.solo-home-intro p{margin-top:6px;font-size:13px}.solo-entry-card{gap:12px}.solo-home .solo-mode-tabs button{font-size:14px}.solo-home .lobby-form{gap:10px}.solo-home .arcade-footer{margin-top:8px}}@media (width>=900px) and (height>=501px) and (height<=799px){.solo-entry-content{grid-template-columns:360px minmax(0,1fr)}}@media (width>=680px) and (height<=500px){.page-shell.arcade-page-shell.solo-home-shell{padding:12px 32px}.solo-home .arcade-header{min-height:44px;padding-bottom:8px}.solo-entry-layout{gap:8px;padding-top:8px}.solo-home-intro h1{font-size:28px}.solo-home-intro p{margin-top:4px;font-size:14px}.solo-entry-content{grid-template-columns:280px minmax(0,440px);justify-content:center;gap:24px;width:min(100%,850px);margin-inline:auto;padding:16px}.solo-home .lobby-form{gap:12px}}@media (width>=900px) and (height<=500px){.solo-entry-content{grid-template-columns:320px minmax(0,440px)}}@media (width<=679px) and (height<=600px){.solo-entry-layout{gap:8px;padding-top:8px}}.lobby-board-hero{background:linear-gradient(#435576,#263751);border:2px solid #101723;border-radius:10px;padding:9px;display:none;box-shadow:inset 0 1px #8190ac66,0 10px 24px #0004}.lobby-board-hero-grid{background:#090d16;grid-template-rows:repeat(16,minmax(0,1fr));grid-template-columns:repeat(16,minmax(0,1fr));gap:2px;width:100%;height:100%;padding:5px;display:grid;box-shadow:inset 0 0 0 2px #313d50}.lobby-board-hero--thumb .lobby-board-hero-grid{grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr))}.lobby-board-hero-cell{color:#2a3653;text-shadow:0 1px #ffffff52;border-radius:2px;place-items:center;min-width:0;min-height:0;font:700 13px/1 Tahoma,Verdana,sans-serif;display:grid}.lobby-board-hero-cell.is-hidden{background:linear-gradient(135deg,#ffffff2e 20%,#0000 20%) 0 0/10px 10px,linear-gradient(315deg,#ffffff1f 20%,#0000 20%) 0 0/10px 10px,linear-gradient(#79d3fb 0%,#2894e6 55%,#1f6db8 100%);box-shadow:inset 1px 1px #ffffff6b,inset -1px -1px #00000038}.lobby-board-hero-cell.is-revealed,.lobby-board-hero-cell.is-flag-blue,.lobby-board-hero-cell.is-flag-red{background:linear-gradient(#ffffff85,#0000 22%),linear-gradient(#ffe267 0%,#ffc214 100%);box-shadow:inset 1px 1px #fff9,inset -1px -1px #d17c008c}.lobby-board-hero-cell.is-number-1,.lobby-board-hero-cell.is-flag-blue{color:#1940be}.lobby-board-hero-cell.is-number-2{color:#1c5c14}.lobby-board-hero-cell.is-number-3,.lobby-board-hero-cell.is-flag-red{color:#9f2a0a}.lobby-board-hero-cell.is-number-4{color:#59378b}.lobby-board-hero-cell.is-number-5{color:#651414}.lobby-board-hero-cell.is-number-6{color:#0b5c66}.lobby-board-hero-cell.is-number-7{color:#18243d}.lobby-board-hero-cell.is-number-8{color:#555b68}.lobby-board-hero-cell svg{width:80%;height:80%;display:block}@media (width<=679px){.lobby-board-hero--thumb{border-radius:8px;width:104px;height:104px;padding:5px;display:block;box-shadow:inset 0 1px #8190ac66,0 6px 14px #0004}.lobby-board-hero--thumb .lobby-board-hero-grid{gap:1px;padding:2px}.lobby-board-hero--thumb .lobby-board-hero-cell{border-radius:1px;font-size:8px}}@media (width<=379px){.lobby-board-hero--thumb{width:88px;height:88px}}@media (width>=680px){.lobby-board-hero--full{width:400px;height:400px;display:block}}@media (width>=900px) and (width<=999px){.lobby-board-hero--full{width:380px;height:380px}}@media (width>=680px) and (width<=899px){.lobby-board-hero--full{width:240px;height:240px;padding:6px}.lobby-board-hero--full .lobby-board-hero-grid{gap:1px;padding:3px}.lobby-board-hero--full .lobby-board-hero-cell{font-size:9px}}@media (width>=760px) and (width<=899px){.lobby-board-hero--full{width:280px;height:280px;padding:7px}.lobby-board-hero--full .lobby-board-hero-cell{font-size:10px}}@media (width>=900px) and (height>=501px) and (height<=799px){.lobby-board-hero--full{width:360px;height:360px}}@media (width>=680px) and (height<=500px){.lobby-board-hero--full{width:280px;height:280px;padding:5px}.lobby-board-hero--full .lobby-board-hero-grid{gap:1px;padding:2px}.lobby-board-hero--full .lobby-board-hero-cell{font-size:8px}}@media (width>=900px) and (height<=500px){.lobby-board-hero--full{width:320px;height:320px}}@media (width<=679px) and (height<=600px){.lobby-board-hero--thumb{width:72px;height:72px}}#solo-panel:not([hidden]){display:grid}#solo-panel{gap:14px}.solo-difficulty{gap:8px;display:grid}.solo-difficulty h2{color:#bacbe4;margin:0;font-size:13px;font-weight:600;line-height:1.3}.solo-difficulty-options{border:0;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;margin:0}.solo-difficulty-options label{color:#b8c9df;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:6px;font-size:14px;font-weight:650;display:flex;position:relative}.solo-difficulty-options label:has(:checked){color:#f3f7ff;background:#304d6e;box-shadow:0 1px #6ecfff66}.solo-difficulty-options label:has(:focus-visible){outline-offset:2px;outline:2px solid #9bdcff}.solo-difficulty-options input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.solo-difficulty-intro{color:#b0bed3;margin:0;font-size:13px;line-height:1.4}@media (width>=680px){#solo-panel{gap:24px}.solo-difficulty{gap:12px}.solo-difficulty h2{color:#f3f7ff;letter-spacing:-.3px;font-size:20px;font-weight:700}.solo-difficulty-options label{min-height:44px;font-size:15px}.solo-difficulty-intro{font-size:14px}}.solo-entry-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.solo-entry-actions .solo-entry-primary{text-align:center;min-width:0}.solo-entry-primary.solo-entry-new{color:#18243d;background:linear-gradient(#ffe267 0%,#ffc214 100%);border-color:#ffe267}.page-shell.arcade-page-shell.arcade-match-page{--match-page-padding:24px;min-height:100svh;padding:var(--match-page-padding)}.arcade-match{width:100%;max-width:1032px;margin:0 auto}.arcade-match .arcade-header{min-height:44px;margin-bottom:12px;padding:0 0 8px}.arcade-match-options{position:relative}.arcade-match-options>summary{cursor:pointer;background:#243c59;border:1px solid #526888;border-radius:10px;place-items:center;width:44px;height:44px;list-style:none;display:grid}.arcade-match-options>summary::-webkit-details-marker{display:none}.arcade-options-menu{z-index:10;color:#c2d3e9;background:#1b2b45;border:1px solid #526888;border-radius:12px;grid-template-columns:minmax(0,1fr);gap:12px;width:320px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 120px);padding:16px;font-size:13px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 12px 32px #0006}.arcade-options-menu p{margin:0}@media (width<=679px){.arcade-options-menu{width:auto;max-width:none;max-height:calc(100dvh - 92px);position:fixed;inset:76px 16px auto}}.arcade-options-menu a{color:#e7f2ff;background:#243c59;border:1px solid #526888;border-radius:10px;justify-content:center;align-items:center;min-height:44px;text-decoration:none;display:flex}.arcade-options-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.arcade-options-heading strong{font-size:16px}.arcade-options-menu .arcade-options-room{color:#aebfd5;font-size:13px}.arcade-options-bombs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.arcade-options-bombs span{text-align:center;background:#13233b;border-radius:8px;padding:10px 8px;font-size:13px}.arcade-match-main{grid-template-columns:minmax(0,1fr) 288px;gap:24px;min-height:0;display:grid}.arcade-play-area{flex-direction:column;align-items:center;gap:12px;min-width:0;display:flex}.arcade-match-scores,.arcade-board-stage{width:100%}.arcade-match-scores{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.arcade-board-stage{aspect-ratio:1;flex-shrink:0;position:relative}.arcade-board-viewport{aspect-ratio:1;scrollbar-width:thin;scrollbar-color:#58749b #0a1423;background:#080f1d;border:1px solid #526888;border-radius:12px;flex-shrink:0;width:100%;position:relative;overflow:auto}.arcade-match .classic-board-frame{width:100%;max-width:none;box-shadow:none;background:0 0;border-radius:0;padding:0;container-type:inline-size}.arcade-board-viewport.is-zoomed .classic-board-frame{width:150%}.arcade-match .board-grid{--board-cell-size:calc((100cqw - 2 * var(--board-pad) - (var(--board-columns) - 1) * var(--board-gap)) / var(--board-columns));width:100%;box-shadow:none;background:#080f1d;border-radius:0}.arcade-match .board-cell:focus-visible{z-index:3;outline-offset:1px;outline:2px solid #fff;box-shadow:0 0 0 5px #0a1423}.arcade-match .board-cell svg{width:80%;height:80%}.arcade-match .cell-number{font-size:calc(var(--board-cell-size) * .8)}.arcade-match .mine-burst{font-size:min(1rem, calc(var(--board-cell-size) * .8));line-height:1}@media (width>=601px){.arcade-match .board-cell svg{width:max(60%,min(80%,21px));height:max(60%,min(80%,21px))}.arcade-match .cell-number{font-size:max(calc(var(--board-cell-size) * .56), min(calc(var(--board-cell-size) * .8), 20px))}}.arcade-match :is(.arcade-options-close,.arcade-chat-close){color:#dfedff;min-height:44px;font:inherit;background:#243c59;border:1px solid #526888;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:24px;display:inline-flex}.arcade-chat-region{color:#f3f7ff;background:#1b2b45;border:1px solid #354562;border-radius:16px;width:288px;max-width:none;height:100%;min-height:0;max-height:none;margin:0;padding:20px;position:static}.arcade-chat-region[open]{grid-template-rows:minmax(0,1fr);display:grid}.arcade-match .arcade-chat-close{display:none}.arcade-match.is-solo{max-width:720px}.arcade-match.is-solo .arcade-match-main{grid-template-columns:minmax(0,1fr)}@media (width>=900px){.page-shell.arcade-page-shell.arcade-match-page{--match-board-fit:480px}.arcade-match{max-width:calc(var(--match-board-fit) + 312px)}.arcade-chat-region{contain:size;height:min(100%, calc(100svh - 2 * var(--match-page-padding) - 65px));align-self:start;position:sticky;top:12px}}@media (width>=900px) and (height>=580px) and (aspect-ratio>=3/4){.page-shell.arcade-page-shell.arcade-match-page{--match-page-padding:12px;--match-rail:360px}.arcade-match{--match-board-limit:calc(var(--board-columns) * 38px + 16px);--match-board-fit:min(calc(100vw - 2 * var(--match-page-padding) - var(--match-rail) - 20px), calc(100svh - 2 * var(--match-page-padding) - 65px - var(--match-notice-height,0px)), var(--match-board-limit));width:calc(var(--match-board-fit) + var(--match-rail) + 20px);max-width:none}.arcade-match.is-solo{width:calc(var(--match-board-fit) + var(--match-rail) + 20px);max-width:none}.arcade-match .arcade-match-main,.arcade-match.is-solo .arcade-match-main{grid-template-columns:var(--match-board-fit) var(--match-rail);grid-template-rows:auto minmax(0,1fr) auto;gap:12px 20px}.arcade-play-area{display:contents}.arcade-board-stage{width:var(--match-board-fit);grid-area:1/1/-1}.arcade-match-scores{grid-area:1/2;align-self:start}.arcade-chat-region{grid-area:2/2;align-self:stretch;width:auto;height:auto;position:static}.match-action-slot{grid-area:3/2}}@media (width>=900px) and (height>=580px) and (aspect-ratio>=3/4) and (aspect-ratio<=5/4){.page-shell.arcade-page-shell.arcade-match-page{--match-rail:300px}.arcade-match-scores{grid-template-columns:minmax(0,1fr);gap:8px}}@media (width>=900px){@media not all and (aspect-ratio>=3/4){.page-shell.arcade-page-shell.arcade-match-page{--match-page-padding:12px}.arcade-match{--match-board-limit:calc(var(--board-columns) * 38px + 16px);--match-board-fit:min(calc(100vw - 2 * var(--match-page-padding)), calc(100svh - 2 * var(--match-page-padding) - 215px - 240px), var(--match-board-limit));width:var(--match-board-fit);max-width:none}.arcade-match.is-solo{width:var(--match-board-fit);max-width:none}.arcade-match .arcade-match-main{grid-template-columns:minmax(0,1fr);gap:12px}.arcade-chat-region{contain:none;width:auto;height:min(420px, calc(100svh - 2 * var(--match-page-padding) - 279px - 12px - var(--match-board-fit)));position:static}}}@media (height<=500px),(width>=601px) and (width<=899px) and (height<=950px),(width>=900px) and (height<=579px),(width<=600px) and (height<=730px),(width>=431px) and (width<=600px) and (height<=900px){:root:has(.arcade-match-scores){scroll-padding-bottom:62px}:root:has(.match-result-line){scroll-padding-bottom:172px}.match-action-slot:has(button[name=fire-bomb],.match-result-line){z-index:5;position:sticky;bottom:8px}.match-action-slot:has(.match-result-line){background:#13233b;border-radius:10px;padding:8px}:is(.match-rematch-action p,.match-result-line){-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.match-rematch-action p{line-height:18px}}.arcade-match .arcade-match-chat{grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px;min-height:0;display:grid;overflow:visible}.arcade-match .chat-panel-header{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.arcade-match .chat-panel-header h2{color:#f3f7ff;letter-spacing:0;text-transform:none;margin:0;font-size:16px;font-weight:700;line-height:1.25}.arcade-match .chat-inline-status{color:#a9bdd6;font-size:12px}.arcade-match .chat-room-meta{color:#b3c3d9;margin:5px 0 0;font-size:13px}.arcade-match .chat-room-meta .chat-connection-pill{color:#efcab6;letter-spacing:0;text-transform:capitalize;background:0 0;padding:0;font-size:13px}.arcade-match .chat-room-meta .chat-connection-pill.is-connected{color:#8ad7b8}.arcade-match .chat-empty-state{min-height:0;box-shadow:none;color:#adbed7;background:#13233b;border:0;border-radius:12px;padding:16px;font-size:13px}.arcade-match .chat-message-list{min-height:0;box-shadow:none;background:0 0;border:0;flex-direction:column;align-items:start;gap:8px;padding:4px;display:flex}.arcade-match .chat-message-group{min-width:0;max-width:92%;box-shadow:none;background:#13233b;border:0;border-radius:9px;flex-shrink:0;padding:7px 10px}.arcade-match .chat-message-group.is-self{align-self:end}.arcade-match .chat-message-group.is-blue-player{background:#203854;border-left:3px solid #5bbdfb}.arcade-match .chat-message-group.is-red-player{background:#3f3442;border-left:3px solid #efa46c}.arcade-match .chat-message-group.is-blue-player .chat-message-meta strong{color:#9bd1ff}.arcade-match .chat-message-group.is-red-player .chat-message-meta strong{color:#ffc394}.arcade-match .chat-message-meta strong{overflow-wrap:anywhere;min-width:0;font-size:13px;font-weight:650}.arcade-match .chat-message-meta{margin-bottom:2px}.arcade-match .chat-message{box-shadow:none;background:0 0;border:0;margin:0;padding:0;display:block}.arcade-match .chat-message+.chat-message{margin-top:2px}.arcade-match .chat-message-meta time{color:#b0bfd5;font-size:12px}.arcade-match .chat-message-text{overflow-wrap:anywhere;color:#f1f5fc;font-size:14px;line-height:1.45}.arcade-match .chat-composer{grid-template-columns:minmax(0,1fr) auto;min-width:0;margin:-4px;padding:4px}.arcade-match .chat-composer input{min-width:0;min-height:44px;box-shadow:none;color:#f3f7ff;background:#101e34;border:1px solid #526888;font-size:16px}.arcade-match .chat-composer input:focus-visible{outline-offset:2px;outline:2px solid #9bdcff}.arcade-match .chat-composer button{width:auto;min-width:44px;min-height:44px;box-shadow:none;color:#dfedff;letter-spacing:0;text-transform:none;background:#243c59;border:1px solid #526888;padding:8px}.arcade-match .chat-composer button:disabled{color:#aebfd5;opacity:1}.arcade-match-error{z-index:20;pointer-events:none;color:#efcab6;background:#332a2b;border:1px solid #765b49;border-radius:10px;max-width:560px;margin:0 auto;padding:10px 16px;font-size:13px;position:fixed;inset:8px 16px auto;box-shadow:0 8px 24px #0009}.arcade-match-error.is-lasting{pointer-events:auto;width:100%;box-shadow:none;margin-bottom:8px;position:static}@media (width<=899px){.page-shell.arcade-page-shell.arcade-match-page{--match-page-padding:20px}.arcade-match-main{grid-template-columns:minmax(0,1fr)}.arcade-match{max-width:624px}.arcade-chat-region{width:calc(100% - 32px);max-width:560px;height:min(420px,100dvh - 32px);max-height:calc(100dvh - 32px);margin:0 auto;padding:16px;position:fixed;inset:auto 16px 16px}.arcade-chat-region::backdrop{background:#081120aa}.arcade-match .arcade-chat-close{display:inline-flex}}@media (width<=600px){.page-shell.arcade-page-shell.arcade-match-page{--match-page-padding:16px}.arcade-match .arcade-header-actions>:is(.arcade-room-code,.arcade-connection){display:none}.arcade-header-actions,.arcade-match-scores{gap:8px}.arcade-match{max-width:none}.arcade-chat-region{width:100%;max-width:none;max-height:calc(100dvh - 16px);padding-bottom:max(16px, env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:16px 16px 0 0;inset:auto 0 0}.arcade-match .board-grid{--board-pad:3px;--board-gap:1.5px}.arcade-board-viewport{border-radius:8px}.arcade-board-stage{width:calc(100% + 20px)}}@media (width<=350px){.page-shell.arcade-page-shell.arcade-match-page{padding-block:8px}.page-shell .solo-match>.arcade-header,.page-shell .arcade-match .arcade-header{margin-bottom:8px}.arcade-play-area{gap:8px}.arcade-board-stage{width:100%}}.arcade-zoom-button{color:#dbeeff;background:#243c59;border:1px solid #526888;border-radius:10px;flex-shrink:0;place-items:center;width:46px;height:46px;padding:0;display:grid}.arcade-zoom-button:hover{background:#2d4a6c}.arcade-match .sidebar-player-panel{--team:#67b8e8;--team-border:#3a637f;min-width:0;height:80px;min-height:80px;box-shadow:inset 3px 0 var(--team-border), 0 2px 3px #040c1729;background:#192b43;border:1px solid #344b64;border-radius:10px;grid-area:auto;grid-template-rows:24px 44px;grid-template-columns:minmax(0,1fr) auto;gap:0;padding:5px 6px;display:grid;overflow:visible}.arcade-match .sidebar-player-panel-red{--team:#e89a87;--team-border:#79574f;background:#302a36;border-color:#55434b}.arcade-match .sidebar-player-panel.is-turn{border-color:var(--team);box-shadow:inset 3px 0 var(--team), inset 0 1px #ffffff09, 0 0 0 1px var(--team), 0 2px 3px #040c1729}.arcade-match .sidebar-player-panel.is-card-winner{box-shadow:inset 3px 0 var(--team-border), inset 0 0 0 1px #d3ab4f18;background-color:#30313b;border-color:#c3a258}.arcade-match .sidebar-player-name{letter-spacing:0;color:#f3f7ff;text-align:left;grid-area:1/1/auto/-1;align-items:center;gap:4px;min-width:0;margin:0;padding:0 4px;font-size:16px;font-weight:650;line-height:22px;display:flex;overflow:hidden}.player-name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.player-crown-slot{flex:0 0 18px;justify-content:center;align-items:center;width:18px;height:20px;display:inline-flex}.arcade-match .winner-crown{filter:none;flex-shrink:0;width:18px;height:18px;display:block;position:static;transform:none}.arcade-match .sidebar-player-header{letter-spacing:0;overflow-wrap:anywhere;color:#b2d6ed;grid-area:2/1;justify-content:start;align-self:center;align-items:center;gap:3px;min-width:0;padding:0 0 0 4px;font-size:12px;font-weight:400;line-height:14px;display:flex}.arcade-match .sidebar-player-panel-red .sidebar-player-header{color:#efb9ac}.sidebar-player-header .is-offline{color:#ffb4a2;font-weight:700}.arcade-match .sidebar-player-header:has(.is-offline){flex-wrap:wrap}.arcade-player-presence{background:#9a9da7;border-radius:50%;flex-shrink:0;width:5px;height:5px}.arcade-player-presence.is-online{background:#60c99c}.card-inline-actions{grid-area:2/2;align-items:center;gap:0;display:flex}.arcade-match .sidebar-score-pill{min-width:36px;height:38px;min-height:0;box-shadow:none;color:#f3f7ff;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;justify-content:center;align-items:center;padding:0;font-size:24px;font-weight:600;line-height:1;display:flex}.arcade-match .sidebar-score-pill strong{font-weight:inherit}.arcade-match .inline-bomb{width:44px;min-width:44px;height:44px;min-height:44px;box-shadow:none;color:#9ba9bc;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;margin:0;padding:0;display:grid;position:relative}.inline-bomb svg{pointer-events:none;width:22px;height:22px}.arcade-match .inline-bomb[aria-disabled=true]{cursor:help}.arcade-match .inline-bomb:is(.is-ready,.is-waiting,.is-used,.is-armed){color:#ffd45a}button.inline-bomb:not([aria-disabled=true]):after{content:"";opacity:.65;background:#ffd45a06;border:1px solid;border-radius:5px;width:28px;height:28px;position:absolute}button.inline-bomb:not([aria-disabled=true]):hover:after{opacity:1;background:#ffd45a18}button.inline-bomb.is-armed:after{opacity:1;background:#ffd45a12;border-width:2px;box-shadow:inset 0 1px 2px #0005}.arcade-match button.inline-bomb:focus-visible{outline-offset:-4px;outline:2px solid #fff1b4}.arcade-match :is(button,a,summary):focus-visible,.arcade-board-viewport:focus-visible{outline-offset:2px;outline:3px solid #b5e6ff}.match-action-slot{gap:8px;width:100%;display:grid}.match-action-row{align-items:flex-end;gap:8px;display:flex}.match-action-main{flex:1;min-width:0}.match-result-line{color:#dcedff;margin:0;padding:0 4px;font-size:15px;font-weight:600}.match-result-line:has(.match-result-summary.is-red){color:#ffd0b8}.match-primary-action,.match-resign-action{color:#dfedff;width:100%;min-height:46px;font:inherit;background:#243c59;border:1px solid #526888;border-radius:10px;justify-content:center;align-items:center;padding:10px 16px;font-size:14px;font-weight:500;display:flex}.match-primary-action[aria-disabled=true],.match-resign-action:disabled{opacity:.55;cursor:default}.match-primary-action{color:#f4f9ff;background:linear-gradient(#3989c2,#246c9f);border-color:#77d0ff;font-size:16px;font-weight:750;box-shadow:inset 0 1px #fff3}.match-resign-confirm{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}.match-resign-action.is-fire{color:#231a02;background:linear-gradient(#ffd45a,#e9a913);border-color:#ffe28a;font-weight:750}.match-resign-action.is-fire:disabled{color:#d8cfa6;opacity:1;background:#5c5026;border-color:#7a6a33}.match-resign-action.is-danger{color:#ffd8cf;background:#4a2c31;border-color:#b8695d;font-weight:650}.match-rematch-action{gap:12px;width:100%;display:grid}.match-rematch-action p{color:#bdd5f0;overflow-wrap:anywhere;margin:0;padding:0 4px;font-size:13px}@media (width<=899px){.arcade-match.is-solo{max-width:624px}}@media (width<=600px){.arcade-match.is-solo{max-width:760px}}.arcade-match .sidebar-score-pill.is-winner{box-shadow:none;outline:none}.arcade-match .inline-bomb .sidebar-bomb-icon{opacity:1}.win-burst{display:none}@media (prefers-reduced-motion:no-preference){.sidebar-score-pill .is-bump{animation:.3s ease-out match-score-bump;display:inline-block}.match-resign-action.is-danger{animation:.8s ease-in match-action-arm}.match-result-summary{animation:.3s cubic-bezier(.3,1.6,.5,1) match-result-slide;display:inline-block}.arcade-board-viewport.is-celebrating{border-color:#ffd45a;box-shadow:0 0 18px #ffd45a8c}.win-burst{z-index:30;pointer-events:none;display:block;position:fixed;inset:0;overflow:hidden}.win-burst-flag{left:var(--burst-x);animation:match-flag-fly 1.4s ease-out var(--burst-delay) both;position:absolute;bottom:-32px}}@keyframes match-action-arm{0%{opacity:.35}}@keyframes match-score-bump{40%{color:#ffd45a;transform:scale(1.7)}}@keyframes match-result-slide{0%{opacity:0;transform:translateY(6px)}}@keyframes match-flag-fly{0%{opacity:1;transform:translateY(0)rotate(0)}to{transform:translateY(-80vh) rotate(var(--burst-spin));opacity:0}}.arcade-chat-preview{display:none}.arcade-chat-open{color:#dfedff;width:44px;min-height:44px;font:inherit;background:#243c59;border:1px solid #526888;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:13px;font-weight:650;display:inline-flex}.arcade-chat-chip{color:#e9f6ff;min-height:44px;font:inherit;white-space:nowrap;background:#1f4a6b;border:1px solid #77d0ff;border-radius:10px;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:650;display:inline-flex}.arcade-chat-chip-dot{background:#ffd45a;border-radius:50%;width:8px;height:8px}@media (width<=389px){.arcade-header:has(.arcade-chat-chip,.arcade-chat-open) .arcade-brand{min-width:44px}.arcade-header:has(.arcade-chat-chip,.arcade-chat-open) .arcade-brand>span:last-child{display:none}}@media (width>=900px){.arcade-chat-chip,.arcade-chat-open{display:none}}.arcade-match .is-compact .chat-message-list,.arcade-match .is-compact .chat-empty-state{height:auto;max-height:84px}.arcade-match .is-compact .chat-message-list{gap:4px;padding:0}.arcade-match .is-compact .chat-message-group{background:0 0;border:0;grid-template-columns:fit-content(35%) minmax(0,1fr);gap:2px 8px;width:100%;max-width:none;padding:0;display:grid}.arcade-match .is-compact .chat-message-group .chat-message-meta{text-overflow:ellipsis;white-space:nowrap;grid-area:1/1;margin:0;font-size:14px;line-height:1.45;display:block;overflow:hidden}.arcade-match .is-compact .chat-empty-state{text-align:left;background:0 0;justify-items:start;padding:4px 0}.arcade-match .is-compact .chat-empty-state p+p{display:none}.arcade-match .is-compact .chat-message{-webkit-line-clamp:2;background:0 0;border:0;-webkit-box-orient:vertical;grid-column:2;width:100%;margin:0;padding:0;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.arcade-match .is-compact .chat-message-meta{display:inline}.arcade-match .is-compact .chat-message-meta time{display:none}.arcade-match .is-compact .chat-message-text{display:inline}.arcade-match .chat-expand{color:#b9ddf4;min-height:44px;box-shadow:none;background:0 0;border:0;padding:6px 8px;font-size:13px;font-weight:500}.arcade-match .is-compact .chat-inline-status{margin:0}@media (width<=899px){.arcade-chat-preview{background:#1b2b45;border:1px solid #354562;border-radius:12px;min-width:0;padding:12px 16px;display:block}}.arcade-match .arcade-match-chat.is-compact{grid-template-rows:auto auto auto;gap:8px}@media (prefers-reduced-motion:no-preference){.board-cell.is-new{animation:.2s cubic-bezier(.3,1.6,.5,1) board-cell-pop}.board-cell.is-new svg{animation:.34s cubic-bezier(.3,1.9,.5,1) board-flag-drop}.board-cell.status-hidden:not([aria-disabled=true]):active{filter:brightness(.82)}.board-grid.celebrate-blue .claimed-blue svg,.board-grid.celebrate-red .claimed-red svg{animation:.5s ease-in-out both board-flag-wave;animation-delay:calc(var(--wave-step) * 45ms)}}@keyframes board-cell-pop{0%{transform:scale(.6)}}@keyframes board-flag-drop{0%{opacity:0;transform:translateY(-110%)scale(.4)rotate(-14deg)}}@keyframes board-flag-wave{50%{transform:translateY(-22%)}}.solo-race-panel{display:none}@media (width>=900px) and (height>=580px) and (aspect-ratio>=3/4){.solo-race-panel{color:#f3f7ff;background:#1b2b45;border:1px solid #354562;border-radius:16px;flex-direction:column;grid-area:2/2;min-height:0;padding:20px;display:flex;overflow:hidden}}.solo-race-panel h2{margin:0;font-size:16px;font-weight:600}.solo-race-against{color:#b0bed3;margin:4px 0 14px;font-size:13px}.solo-race-bars{gap:14px;margin-bottom:16px;display:grid}.solo-race-bar{color:#b8c9df;grid-template-columns:1fr auto;row-gap:5px;font-size:13px;display:grid}.solo-race-bar b{color:#f3f7ff;font-variant-numeric:tabular-nums;font-weight:650}.solo-race-bar i{background:#101e34;border-radius:3px;grid-column:1/-1;height:6px;overflow:hidden}.solo-race-bar i span{background:linear-gradient(#65c5ef,#2a7bb6);height:100%;transition:width .35s;display:block}.solo-race-bar.is-red i span{background:linear-gradient(#e8836a,#8c4a3f)}.solo-race-panel dl{flex-shrink:0;gap:8px;margin:0;font-size:14px;display:grid}.solo-race-panel dl>div{border-bottom:1px solid #ffffff14;justify-content:space-between;gap:12px;padding-bottom:8px;display:flex}.solo-race-panel dt{color:#b8c9df}.solo-race-panel dd{font-variant-numeric:tabular-nums;margin:0;font-weight:650}@media (prefers-reduced-motion:reduce){.solo-race-bar i span{transition:none}}.room-waiting-card{gap:12px}.solo-stage-status{color:#b8c9df;background:#101e34;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:min(100%,440px);min-height:52px;margin:0 auto;padding:4px 12px;font-size:15px;font-weight:650;display:flex}.solo-stage-status .arcade-room-code{color:#f3f7ff;font-size:13px}.room-waiting-intro h2{color:#f3f7ff;letter-spacing:-.2px;margin:0;font-size:16px;font-weight:700;line-height:1.25}.room-waiting-intro p{color:#afc0d9;margin:4px 0 0;font-size:13px}.room-waiting-card .arcade-people{gap:10px}.room-waiting-card .arcade-seat{border-color:#435b79;border-radius:10px;gap:5px;padding:12px;display:grid}.room-waiting-card .arcade-field{gap:6px}.room-waiting-card .arcade-invite-value{padding:10px 12px;line-height:1.5}.room-waiting-card .arcade-primary{width:100%;min-height:46px;padding:10px 12px}.room-invite-row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;display:grid}.room-invite-row .arcade-invite-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-invite-copy{color:#dfedff;min-width:64px;min-height:44px;font:inherit;background:#243c59;border:1px solid #526888;border-radius:10px;font-size:14px;font-weight:650}.room-waiting-notice{color:#afe0c6;margin:0;font-size:13px;line-height:1.5}.room-waiting-meta{color:#afc0d9;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;font-size:13px;display:grid}.room-waiting-meta>span{white-space:nowrap}.room-waiting-card .arcade-token-details{display:contents}.room-waiting-card .arcade-token-details::details-content{display:contents}.room-waiting-card .arcade-token-details summary{color:#b9cfe8;cursor:pointer;grid-column:2;align-items:center;min-height:44px;list-style:none;display:flex}.room-waiting-card .arcade-token-details summary::-webkit-details-marker{display:none}.room-waiting-card .arcade-token-details:not([open])>:not(summary){display:none}.room-waiting-token-expanded{border-top:1px solid #ffffff1a;grid-column:1/-1;gap:10px;padding-top:12px;display:grid}.room-waiting-card .arcade-token-details .arcade-field,.room-waiting-card .arcade-token-details button{margin-top:0}.room-waiting-card .arcade-secondary{min-height:44px;padding:10px 12px}.room-waiting-card .arcade-flow-error{color:#ffb9a9;margin:0;font-size:13px;line-height:1.5}.room-waiting-card .room-waiting-back{color:#dce8f8;width:100%;min-height:44px;font:inherit;background:#233650;border:1px solid #536b8e;border-radius:10px;justify-content:center;margin-top:0;padding:10px 12px;font-size:15px;font-weight:600}@media (width<=350px){.room-waiting-card{gap:10px}.room-waiting-card .arcade-seat{padding:10px}.room-waiting-card .arcade-seat strong{font-size:13px}}@media (width<=679px) and (height<=600px){.solo-stage-status{min-height:40px}.room-waiting-card{gap:8px}.room-waiting-card .arcade-field{gap:4px}.room-waiting-card .arcade-invite-value{padding:8px 12px}}.arcade-recovery-notice{color:#dce8f8;text-align:left;background:#273247;border:1px solid #ffd07966;border-radius:12px;width:min(100%,640px);margin:16px auto;padding:16px;font-size:14px}.arcade-recovery-notice strong{color:#ffd079}.arcade-recovery-notice p{margin:8px 0 0}.arcade-recovery-notice .arcade-flow-actions{margin-top:12px}.solo-match{width:min(100%,720px);margin:0 auto}.solo-match>.arcade-header{min-height:44px;margin-bottom:12px;padding:0 0 8px}.solo-leave-link{color:#c2d3e9;align-items:center;min-height:44px;font-size:13px;display:inline-flex}.solo-notice,.solo-error{border-radius:10px;margin:0 0 12px;padding:10px 12px;font-size:13px}.solo-notice{color:#b7d8f2;background:#182d47}.solo-error{color:#ffd3ca;background:#422d35}@media (width>=900px){.solo-match{width:min(100%, var(--match-board-fit))}}@media (width>=900px) and (height>=580px){.solo-match{width:fit-content}.solo-match:has(>.solo-notice,>.solo-error){--match-notice-height:52px}}@media (width<=899px){.solo-match{width:min(100%,624px)}}@media (width<=600px){.solo-match{width:min(100%,760px)}}:root{--board-cell-size:min(3.75vw, 31px);--board-grid-size:calc((var(--board-cell-size) * 16) + 30px);--board-frame-size:calc(var(--board-grid-size) + 16px);--game-window-height:calc(var(--board-frame-size) + 16px);--app-page-background:radial-gradient(circle at 20% 0%, #ffedad47, transparent 28%), radial-gradient(circle at 80% 10%, #80aaff38, transparent 25%), linear-gradient(180deg, #111522 0%, #24324d 45%, #121824 100%);color:#1f2330;background:var(--app-page-background);font-family:Tahoma,Verdana,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}body{background:var(--app-page-background);min-width:320px;margin:0}button,input{font:inherit}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button{cursor:pointer}.page-shell{min-height:100vh;padding:28px}.home-page-shell{align-content:start;padding-top:44px;display:grid}.room-shell,.hero-panel{gap:18px;display:grid}.panel{background:#ffffffe0;border:1px solid #52678747;border-radius:18px;padding:20px;box-shadow:0 20px 40px #45537524}.hero-panel{background:#f6f8fceb;width:min(100%,1080px);max-width:1080px;margin:0 auto}.lobby-panel{background:radial-gradient(circle at 100% 0,#ffc4522e,#0000 26%),radial-gradient(circle at 0,#5bc4ff1f,#0000 30%),linear-gradient(#fffffff5,#eff4fcf2);border:1px solid #6079a952;padding:28px;position:relative;overflow:hidden}.lobby-panel:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff59,#0000 30%),linear-gradient(#0000 0%,#7a93c414 100%);position:absolute;inset:0}.hero-copy,.lobby-stage,.lobby-status-strip{z-index:1;position:relative}.hero-copy{gap:10px;max-width:760px;display:grid}.hero-copy h1,.room-header h1,.waiting-panel h1{margin:0;font-size:clamp(2rem,5vw,3.25rem)}.hero-copy p:last-child{color:#42546f;max-width:720px;margin:0;font-size:1rem}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#566b92;margin:0 0 8px;font-size:.78rem}.lobby-stage{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);align-items:start;gap:22px;display:grid}.lobby-preview-card,.lobby-control-panel{gap:14px;display:grid}.lobby-preview-card{color:#f3f7ff;background:linear-gradient(#ffffff1a,#0000 20%),linear-gradient(#202738 0%,#0e131d 100%);border-radius:24px;padding:18px;box-shadow:inset 0 0 0 2px #7c8ebb38,0 18px 36px #0e162a3d}.lobby-preview-header,.lobby-card-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.lobby-preview-title,.lobby-card-heading h2{margin:0;font-size:1.05rem;font-weight:700}.lobby-preview-badge{color:#a9dcff;letter-spacing:.12em;text-transform:uppercase;background:#7ad0ff29;border-radius:999px;align-items:center;padding:6px 10px;font-size:.72rem;display:inline-flex}.lobby-preview-window{background:linear-gradient(#8597c6f2,#2e4374fa);border-radius:22px;grid-template-columns:100px minmax(0,1fr);gap:10px;padding:12px;display:grid;box-shadow:inset 0 1px #ffffff6b,inset 0 0 0 3px #111620e0}.lobby-preview-sidebar{gap:8px;display:grid}.lobby-preview-sidebar-panel{text-align:center;border:2px solid #0000008c;border-radius:14px;align-content:center;gap:6px;min-height:92px;padding:12px 10px;display:grid;box-shadow:inset 0 1px #fff9,inset 0 -2px #0003}.lobby-preview-sidebar-panel strong{letter-spacing:.1em;font-size:1rem}.lobby-preview-sidebar-panel span{font-size:.76rem;font-weight:700}.lobby-preview-sidebar-panel.is-blue{background:linear-gradient(#ffffffbf,#0000 20%),linear-gradient(#80cff7 0%,#368dd7 48%,#2f66a2 100%)}.lobby-preview-sidebar-panel.is-red{background:linear-gradient(#ffffffa6,#0000 20%),linear-gradient(#ffd36a 0%,#ff8a2a 40%,#ff4a22 100%)}.lobby-preview-board{background:#090b12;border-radius:16px;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;padding:9px;display:grid;box-shadow:inset 0 0 0 3px #333845f2,inset 0 0 0 6px #080a0ff5}.lobby-preview-cell{aspect-ratio:1;border-radius:4px;place-items:center;font-size:1rem;font-weight:700;display:grid}.lobby-preview-cell.is-hidden,.lobby-preview-cell.is-flag-blue,.lobby-preview-cell.is-flag-red{background:linear-gradient(135deg,#ffffff2e 20%,#0000 20%) 0 0/10px 10px,linear-gradient(315deg,#ffffff1f 20%,#0000 20%) 0 0/10px 10px,linear-gradient(#7ad2fb 0%,#2894e6 55%,#1f6db8 100%);box-shadow:inset 1px 1px #ffffff6b,inset -1px -1px #00000038}.lobby-preview-cell.is-revealed,.lobby-preview-cell.is-number-1,.lobby-preview-cell.is-number-2,.lobby-preview-cell.is-number-3{background:linear-gradient(#ffffff85,#0000 22%),linear-gradient(#ffe267 0%,#ffc214 100%);box-shadow:inset 1px 1px #fff9,inset -1px -1px #d17c008c}.lobby-preview-cell.is-number-1{color:#1940be}.lobby-preview-cell.is-number-2{color:#1c5c14}.lobby-preview-cell.is-number-3{color:#9f2a0a}.lobby-preview-cell.is-flag-blue{color:#1e36a5}.lobby-preview-cell.is-flag-red{color:#bb2d23}.lobby-feature-row{flex-wrap:wrap;gap:10px;display:flex}.lobby-feature-pill{color:#dce8ff;letter-spacing:.08em;text-transform:uppercase;background:#ffffff14;border-radius:999px;padding:8px 12px;font-size:.76rem}.lobby-control-panel{align-content:start}.invite-panel{background:radial-gradient(circle at 100% 0,#ffad4a38,#0000 28%),radial-gradient(circle at 0,#5bc4ff1f,#0000 30%),linear-gradient(#fffffff5,#f2f6fdf2)}.invite-stage,.waiting-lobby-stage{align-items:start}.invite-hero-copy{gap:12px}.invite-room-banner{background:linear-gradient(#ffffffd9,#ffffffb3),linear-gradient(135deg,#fff0ca 0%,#ffe0a3 100%);border-radius:999px;align-items:baseline;gap:12px;width:fit-content;padding:10px 16px;display:inline-flex;box-shadow:inset 0 1px #ffffffb8,0 10px 18px #58431714}.invite-room-banner-label{letter-spacing:.14em;text-transform:uppercase;color:#8a671b;font-size:.72rem;font-weight:700}.invite-room-banner strong{color:#533300;letter-spacing:.22em;text-transform:uppercase;font-size:1.05rem}.invite-control-panel{align-content:start;gap:14px;display:grid}.invite-summary-card,.invite-join-card{gap:10px;display:grid}.invite-summary-card{background:linear-gradient(#ffffffc7,#ffffff94),linear-gradient(135deg,#eef5ff 0%,#d9e8ff 100%);border:1px solid #8198c459}.invite-control-panel .lobby-identity-card,.invite-control-panel .lobby-action-card{border-radius:18px;padding:16px}.invite-control-panel .lobby-action-button{min-height:46px;font-size:.9rem}.invite-room-readout{background:#ffffffb8;border:1px solid #8096bf52;border-radius:16px;gap:4px;padding:12px 14px;display:grid}.invite-room-readout-label{letter-spacing:.14em;text-transform:uppercase;color:#657d9f;font-size:.72rem;font-weight:700}.invite-room-readout strong{color:#2c4266;letter-spacing:.22em;text-transform:uppercase;font-size:1.1rem}.invite-private-readout strong{letter-spacing:.08em;text-transform:none}.invite-code-readonly{color:#445778;letter-spacing:.22em;text-transform:uppercase;background:#ffffffe0;border:1px solid #8096bf7a;border-radius:14px;place-items:center;min-height:50px;font-size:1rem;font-weight:700;display:grid;box-shadow:inset 0 1px #ffffffb8,0 6px 16px #41568014}.invite-token-readonly{text-align:left;letter-spacing:.04em;text-transform:none;overflow-wrap:anywhere;min-height:44px;padding:10px 12px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.84rem;line-height:1.35}.invite-status-strip{margin-top:4px}.invite-info-copy{color:#546887;margin:0;font-size:.88rem;line-height:1.45}.invite-secondary-actions{justify-content:flex-start;display:flex}.p2p-waiting-actions{justify-content:flex-start}.invite-error-panel{text-align:center}.waiting-control-panel{align-content:start;gap:14px;display:grid}.waiting-action-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.waiting-summary-card,.waiting-share-card,.waiting-room-card{gap:10px;display:grid}.waiting-share-card{padding:16px}.waiting-control-panel .lobby-identity-card,.waiting-control-panel .lobby-action-card{border-radius:18px;padding:16px}.waiting-summary-card .invite-code-readonly{min-height:46px;font-size:.96rem}.waiting-summary-copy,.waiting-room-copy,.waiting-share-copy{color:#546887;margin:0;font-size:.88rem;line-height:1.42}.waiting-room-copy{font-size:.86rem}.waiting-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.waiting-control-panel .lobby-action-button{min-height:46px;font-size:.88rem}.lobby-identity-card,.lobby-action-card{border-radius:20px;gap:12px;padding:18px;display:grid;box-shadow:0 14px 28px #23314f1f}.lobby-identity-card{background:linear-gradient(#ffffffbd,#ffffff8c),linear-gradient(135deg,#edf5ff 0%,#d9e7ff 100%);border:1px solid #8198c459}.lobby-action-cards{gap:14px;display:grid}.lobby-action-card{border:1px solid #6f85b13d}.lobby-action-card.is-create{background:linear-gradient(#ffffffb8,#ffffff7a),linear-gradient(135deg,#e7f4ff 0%,#d4e9ff 100%)}.lobby-action-card.is-join{background:linear-gradient(#ffffffc2,#ffffff8a),linear-gradient(135deg,#fff5dd 0%,#ffe5b2 100%)}.lobby-card-heading{align-items:baseline}.lobby-card-heading h2{color:#23304d}.lobby-card-heading span{color:#576a8e;font-size:.84rem}.lobby-card-heading-row{align-items:center;gap:10px;display:flex}.lobby-slot-indicator{align-items:center;gap:4px;display:inline-flex}.lobby-slot-pill{letter-spacing:.1em;text-transform:uppercase;color:#2f66a2;background:#4a8cd624;border-radius:999px;align-items:center;padding:4px 9px;font-size:.68rem;font-weight:700;display:inline-flex}.lobby-slot-pill.is-full{color:#9d2a2a;background:#cb525224}.lobby-slot-refresh{color:#576a8e;cursor:pointer;background:0 0;border:none;padding:2px;font-size:.82rem;line-height:1;transition:transform .3s}.lobby-slot-refresh:hover{color:#2f66a2}.lobby-slot-refresh.is-refreshing{animation:.6s linear slot-spin}@keyframes slot-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.field{gap:6px;display:grid}.field input{background:#f5f8fef2;border:1px solid #b5c4dc;border-radius:12px;padding:12px 14px}.lobby-field span{letter-spacing:.08em;text-transform:uppercase;color:#52698f;font-size:.76rem;font-weight:700}.lobby-field input{background:#ffffffe6;border:1px solid #8096bf7a;min-height:50px;box-shadow:inset 0 1px #ffffffb8,0 6px 16px #41568014}.signaling-payload-input{resize:vertical;color:#445778;background:#ffffffe6;border:1px solid #8096bf7a;border-radius:14px;min-height:110px;padding:12px 14px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.82rem;line-height:1.4;box-shadow:inset 0 1px #ffffffb8,0 6px 16px #41568014}.lobby-action-card.is-join .lobby-field input{letter-spacing:.22em;text-transform:uppercase;text-align:center;font-size:1rem;font-weight:700}.lobby-action-card.is-join .lobby-field input.invite-token-input{letter-spacing:.02em;text-transform:none;text-align:left;font-size:.92rem;font-weight:600}.lobby-action-button{letter-spacing:.06em;border:none;border-radius:16px;width:100%;min-height:50px;font-size:.96rem;font-weight:700;transition:transform .12s,filter .12s,box-shadow .12s;box-shadow:inset 0 1px #ffffff42,0 10px 18px #31487a2e}.lobby-action-link{place-items:center;text-decoration:none;display:grid}.lobby-action-button:hover:enabled{filter:brightness(1.02);transform:translateY(-1px)}.lobby-action-button:disabled{cursor:not-allowed;box-shadow:inset 0 1px #ffffff2e,0 6px 12px #2836581a}.lobby-create-button{color:#fff;background:linear-gradient(#6fd3ff 0%,#2e8be4 52%,#1f63bb 100%)}.lobby-join-button{color:#6b7890;background:linear-gradient(#dfe4ec 0%,#b4c0d3 100%)}.lobby-join-button.is-ready{color:#4d1c00;background:linear-gradient(#ffd978 0%,#ff9f3a 48%,#ff6327 100%)}.lobby-connection-pill{letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;padding:6px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.lobby-connection-pill.is-connected{color:#2a7e4b;background:#4aaf7129}.lobby-connection-pill.is-connecting{color:#8b5b00;background:#ffbf5538}.lobby-connection-pill.is-disconnected{color:#9d2a2a;background:#cb525229}.action-row{align-items:center;gap:10px;display:flex}.primary-button,.secondary-button,.link-button{border:none;border-radius:999px;padding:12px 18px;text-decoration:none}.primary-button{color:#fff;background:linear-gradient(135deg,#2d83c5,#2361b4)}.secondary-button,.link-button{color:#24314f;background:#e3e8f4}.secondary-button.is-armed{background:#ffd7a2}.primary-button:disabled,.secondary-button:disabled,.link-button:disabled{cursor:not-allowed;opacity:.45}.status-strip,.status-cluster{flex-wrap:wrap;gap:16px;display:flex}.lobby-status-strip{background:#ffffff94;border:1px solid #7e94bc38;border-radius:16px;align-items:center;padding:14px 16px}.lobby-status-note{color:#516583;font-size:.88rem}.lobby-status-link{color:#3d5d92;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:.88rem;text-decoration:none}.lobby-status-link:hover{color:#24426f;text-decoration:underline}.error-text,.error-banner{color:#9f2b1b}.room-page-shell{background:var(--app-page-background)}.room-unavailable-panel{text-align:center;background:radial-gradient(circle at 100% 0,#ffc4521f,#0000 26%),linear-gradient(#fffffff5,#ecf3fcf0);border:1px solid #7088b74d}.room-unavailable-panel h1{letter-spacing:.04em;margin:0;font-size:clamp(2.4rem,7vw,4rem)}.room-unavailable-panel p{color:#475a78;margin:0}.conflict-guidance{text-align:left;background:#ffdca02e;border:1px solid #cc78324d;border-radius:12px;margin-top:12px;padding:14px 18px}.conflict-message{color:#7a4e1e;font-size:.92rem;font-weight:600}.conflict-action{color:#5b7092;margin-top:6px;font-size:.86rem}.claim-victory-notice{text-align:left;background:#b4e6b42e;border:1px solid #3ca0504d;border-radius:12px;margin-top:12px;padding:14px 18px}.claim-victory-notice p{color:#2a6e3a;font-size:.92rem;font-weight:600}.waiting-room-note{color:#5b7092;margin:0;font-size:.9rem}.waiting-player-list{gap:10px;display:grid}.waiting-player-row{background:#ffffff8f;border:1px solid #7489b13d;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;display:grid;box-shadow:inset 0 1px #ffffff8a,0 8px 18px #29395c14}.waiting-player-row strong{color:#24314f;font-size:.92rem}.waiting-player-state{color:#121c2bb8;text-transform:uppercase;letter-spacing:.08em;text-align:right;font-size:.76rem;font-weight:700}.waiting-player-label{letter-spacing:.14em;text-transform:uppercase;color:#24314f;background:#e2eaf6f2;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:700}.waiting-player-row.is-host .waiting-player-label{color:#275a88;background:#7ad0ff42}.waiting-player-row.is-guest .waiting-player-label{color:#9a4d00;background:#ffc56957}.waiting-tip-list{gap:10px;display:grid}.waiting-tip-list p{color:#526683;background:#ffffffb3;border-radius:16px;margin:0;padding:14px 16px;line-height:1.45}.waiting-room-actions{flex-wrap:wrap;justify-content:center;gap:8px}.waiting-inline-button{cursor:pointer;font:inherit}.classic-game-window{background:linear-gradient(#ffffff14,#0000 10%),linear-gradient(#20242d 0%,#05070b 100%);border-radius:22px;width:fit-content;max-width:100%;margin:0 auto;padding:10px;box-shadow:inset 0 0 0 2px #8296d64d,inset 0 0 0 8px #0b0d12,0 24px 48px #0000008c}.classic-match-shell{grid-template-rows:auto auto;grid-template-columns:168px auto;align-items:start;gap:8px;width:fit-content;max-width:100%;display:grid}.classic-sidebar-frame{width:168px;height:var(--game-window-height);background:linear-gradient(#ffffff1a,#0000 18%),linear-gradient(#20242f 0%,#090b10 100%);border-radius:14px;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr) auto;gap:3px;padding:5px;display:grid;box-shadow:inset 0 0 0 3px #2d313b,inset 0 0 0 6px #07080c}.classic-main-shell{width:var(--game-window-height);grid-template-columns:minmax(0,1fr);align-self:start;gap:8px;min-width:0;max-width:100%;display:grid}.classic-play-area{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px;width:fit-content;min-width:0;max-width:100%;display:grid}.sidebar-player-panel{border:2px solid #0000008c;border-radius:9px;grid-template-rows:auto auto auto auto auto minmax(0,1fr);display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffffbf,inset 0 -3px #00000059}.sidebar-player-panel-blue{background:linear-gradient(#ffffffbf,#0000 18%),linear-gradient(#78cdf5 0%,#2c88d5 44%,#3c6ead 100%)}.sidebar-player-panel-red{background:linear-gradient(#fff9,#0000 18%),linear-gradient(#ffda6b 0%,#ff7a1f 33%,#ff3d21 100%)}.sidebar-player-header{letter-spacing:.08em;justify-content:space-between;gap:8px;padding:7px 10px 2px;font-weight:700;display:flex}.sidebar-player-title{font-size:.9rem}.sidebar-player-role{opacity:.7;align-self:center;font-size:.62rem}.sidebar-player-avatar{color:#00000080;background:radial-gradient(circle at 30% 28%,#fffffff2,#ffffff6b 45%,#00000024 100%);border-radius:50%;place-items:center;width:42px;height:42px;margin:3px auto 5px;font-size:1.18rem;font-weight:700;display:grid;box-shadow:inset 0 2px 4px #fffc,inset 0 -3px 5px #0003}.sidebar-player-name,.sidebar-player-connection{text-align:center;margin:0;padding:0 10px;font-weight:700}.sidebar-player-name{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.sidebar-player-connection{text-transform:uppercase;letter-spacing:.08em;opacity:.72;margin-top:2px;font-size:.56rem}.sidebar-score-strip{grid-template-columns:1fr 42px;gap:6px;margin:5px 8px 0;display:grid}.sidebar-pill{background:linear-gradient(#ffffffeb,#fff9),linear-gradient(#fff3be 0%,#ffc35b 100%);border:2px solid #0006;border-radius:8px;min-height:34px;box-shadow:inset 0 1px #ffffffe6,inset 0 -2px #00000029}.sidebar-score-pill{flex:auto;justify-content:center;align-items:center;gap:6px;font-size:1.25rem;display:flex;position:relative}.sidebar-score-pill.is-winner{outline:3px solid #ffd54a;box-shadow:0 0 12px #ffd54ad9,inset 0 1px #ffffffb3}.winner-crown{filter:drop-shadow(0 1px 1px #00000073);pointer-events:none;width:24px;height:18px;position:absolute;top:-11px;left:-9px;transform:rotate(-18deg)}.sidebar-bomb-pill{color:#363636;place-items:center;padding:0;display:grid}.sidebar-bomb-icon{filter:drop-shadow(0 1px #ffffff47);display:block}.sidebar-bomb-pill.is-ready{color:#6f3600;background:linear-gradient(#fffffff5,#fff5cceb),linear-gradient(#fff3a6 0%,#ffc84d 100%);box-shadow:inset 0 1px #fffffff0,inset 0 -2px #99610033,0 0 0 1px #ffd66947,0 0 14px #ffd3543d}.sidebar-bomb-pill:disabled{cursor:not-allowed;opacity:.7}.sidebar-bomb-pill:disabled .sidebar-bomb-icon{opacity:.92}.sidebar-bomb-pill.is-armed{color:#7e290c;background:linear-gradient(#ffffffeb,#ffe9d4e0),linear-gradient(#ffeab1 0%,#ff8f3c 100%)}.sidebar-turn-box{text-align:center;background:#0000001f;border:2px solid #0000006b;border-radius:10px;place-items:center;min-height:0;margin:5px 8px 7px;padding:6px 7px;display:grid;box-shadow:inset 0 1px #ffffff3d}.sidebar-turn-box p{white-space:pre-line;margin:0;font-size:.74rem;font-weight:700;line-height:1.15}.sidebar-center-strip{color:#f2f2f2;background:linear-gradient(#ffffff29,#0000 30%),linear-gradient(#1d1f27 0%,#06070b 100%);border-radius:0;gap:3px;padding:1px 0;display:grid;box-shadow:inset 0 1px #ffffff14}.star-meter,.room-code-pill,.move-pill{text-align:center;border-radius:10px;font-weight:700}.star-meter{background:linear-gradient(#5e6168 0%,#2f3036 100%);justify-content:center;align-items:center;gap:10px;margin:0 4px;padding:4px 0;font-size:1rem;display:flex}.star-glyph{color:#d8d8d8}.room-code-pill{text-transform:uppercase;letter-spacing:.12em;background:linear-gradient(#3e434d 0%,#16181d 100%);margin:0 4px;padding:5px 8px;font-size:.62rem}.move-pill{color:#fff;text-transform:uppercase;letter-spacing:.12em;margin:0 4px;padding:7px 8px;font-size:.72rem}.move-pill-blue{background:linear-gradient(#66cbff 0%,#1976da 100%)}.move-pill-red{background:linear-gradient(#ffcb5d 0%,#ff4a2b 100%)}.sidebar-resign-button{color:#d7d7d7;letter-spacing:.1em;background:linear-gradient(#ffffff2e,#0000 16%),linear-gradient(#575a63 0%,#22252c 58%,#15171c 100%);border:2px solid #000000b3;border-radius:8px;min-height:34px;margin:0 4px 2px;font-size:.82rem;font-weight:700;box-shadow:inset 0 1px #ffffff38,inset 0 -2px #00000073}.sidebar-resign-button:hover:enabled{filter:brightness(1.06)}.sidebar-resign-button:disabled{cursor:not-allowed;opacity:.55}.classic-board-shell{align-self:start;gap:8px;width:100%;display:grid}.classic-chat-frame{grid-template-rows:auto minmax(0,1fr) auto auto;gap:8px;min-height:0;display:grid;overflow:hidden}.classic-match-chat{background:linear-gradient(#ffffff1a,#0000 18%),linear-gradient(#20242f 0%,#090b10 100%);border-radius:14px;grid-column:1/-1;width:100%;max-width:100%;height:324px;min-height:324px;padding:8px;overflow:hidden;box-shadow:inset 0 0 0 3px #2d313b,inset 0 0 0 6px #07080c}.classic-match-chat .chat-panel-header h2{color:#eef2ff}.classic-match-chat .chat-panel-header>div>span{color:#dce4f7d1}.classic-match-chat .chat-panel-header span,.classic-match-chat .chat-inline-status{color:#dce4f7b8}.chat-panel-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.chat-panel-header h2{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.96rem}.chat-panel-header span{letter-spacing:.12em;text-transform:uppercase;font-size:.7rem}.chat-connection-pill{letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;padding:6px 10px;font-size:.68rem;font-weight:700;display:inline-flex}.chat-connection-pill.is-connected{color:#53d180;background:#4aaf7129}.chat-connection-pill.is-connecting{color:#ffcc76;background:#ffbf552e}.chat-connection-pill.is-disconnected{color:#ff9687;background:#cb525229}.chat-message-list,.chat-empty-state{border-radius:12px;min-height:0;padding:8px}.chat-message-list{overscroll-behavior:contain;background:linear-gradient(#fafcff 0%,#f1f5fb 100%);align-content:start;gap:6px;height:100%;display:grid;position:relative;overflow-y:auto;box-shadow:inset 0 0 0 1px #8190ad80,inset 0 0 0 4px #e6ecf5eb}.chat-empty-state{text-align:center;color:#5b6781;background:linear-gradient(#fafcff 0%,#f1f5fb 100%);align-content:center;justify-items:center;gap:8px;display:grid;box-shadow:inset 0 0 0 1px #8190ad80,inset 0 0 0 4px #e6ecf5eb}.chat-empty-state p{max-width:22ch;margin:0}.chat-message{background:#ffffffe0;border:1px solid #95a3bd57;border-radius:10px;gap:3px;padding:7px 9px;display:grid;box-shadow:inset 0 1px #ffffffb8,0 1px #ffffff73}.chat-message-sender{-webkit-user-select:none;user-select:none}.chat-message-meta{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.chat-message-meta strong{letter-spacing:.02em;text-transform:none;font-size:.72rem}.chat-message-meta time{white-space:nowrap;color:#7f8ca7;font-size:.68rem}.chat-message-text{white-space:pre-wrap;word-break:break-word;color:#24314f;margin:0;font-size:.83rem;line-height:1.35}.chat-emoticon{box-shadow:none;vertical-align:baseline;background:0 0;margin:0;font-size:1.05em;line-height:1;display:inline}.chat-composer{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.chat-composer input{color:#24314f;background:linear-gradient(#fafcff 0%,#f1f5fb 100%);border:1px solid #8190ad94;border-radius:8px;min-height:36px;padding:8px 10px;box-shadow:inset 0 1px #ffffffeb,inset 0 0 0 3px #e6ecf5d1}.chat-composer input::placeholder{color:#7f8ca7}.chat-composer input:disabled{cursor:wait;opacity:.82}.chat-composer button{letter-spacing:.08em;text-transform:uppercase;color:#543100;background:linear-gradient(#ffffff5c,#0000 18%),linear-gradient(#ffe267 0%,#ffc214 100%);border:2px solid #0000008f;border-radius:8px;min-width:68px;min-height:36px;font-weight:700;box-shadow:inset 0 1px #fffc,inset 0 -2px #9a670047}.chat-composer button:disabled{cursor:not-allowed;opacity:.55}.chat-inline-status{min-height:1.2em;margin:0;font-size:.72rem;line-height:1.35}.chat-inline-status.is-error{color:#ffb1a3}.classic-board-frame{background:linear-gradient(#7b91c7 0%,#354d88 100%);border-radius:14px;width:fit-content;max-width:100%;padding:8px;position:relative;box-shadow:inset 0 1px #ffffff61,0 18px 40px #00000073}.board-grid{--board-pad:8px;--board-gap:2px;gap:var(--board-gap);padding:var(--board-pad);background:#050607;border-radius:12px;display:grid;position:relative;box-shadow:inset 0 0 0 3px #2f2f2f,inset 0 0 0 6px #0f1013}.board-bomb-preview{pointer-events:none;z-index:2;outline-offset:-6px;background:linear-gradient(#ceebff38,#70bbff1f);border-radius:8px;outline:3px dashed #0c192dc7;position:absolute;box-shadow:inset 0 0 0 2px #ffffff42,inset 0 0 0 5px #121c2e47}.board-cell{width:var(--board-cell-size);height:var(--board-cell-size);color:#2a3653;z-index:1;text-shadow:0 1px #ffffff52;touch-action:manipulation;border:0;border-radius:2px;place-items:center;padding:0;font-weight:700;display:grid;position:relative}.board-cell[aria-disabled=true]{-webkit-tap-highlight-color:transparent}.board-row{display:contents}.board-cell[aria-disabled=true]{cursor:default}.board-cell.status-hidden{background:linear-gradient(135deg,#ffffff2e 20%,#0000 20%) 0 0/10px 10px,linear-gradient(315deg,#ffffff1f 20%,#0000 20%) 0 0/10px 10px,linear-gradient(#79d3fb 0%,#2894e6 55%,#1f6db8 100%);box-shadow:inset 1px 1px #ffffff6b,inset -1px -1px #00000038}.board-grid.is-waiting .board-cell.status-hidden{background:linear-gradient(135deg,#ffffff12 20%,#0000 20%) 0 0/10px 10px,linear-gradient(315deg,#ffffff0d 20%,#0000 20%) 0 0/10px 10px,linear-gradient(#5b7f9c 0%,#47688a 55%,#3a5573 100%);box-shadow:inset 1px 1px #ffffff2e,inset -1px -1px #0003}@media (hover:hover){.board-grid:not(.is-bomb-preview-active) .board-cell.status-hidden:hover:not([aria-disabled=true]){z-index:2;background:linear-gradient(135deg,#ffffff2e 20%,#0000 20%) 0 0/10px 10px,linear-gradient(315deg,#ffffff1f 20%,#0000 20%) 0 0/10px 10px,linear-gradient(#b4eaff 0%,#5cb8f5 55%,#3a8fd8 100%);box-shadow:inset 0 0 0 2px #fff,inset 1px 1px #fff9}}.board-grid:not(.is-bomb-preview-active) .board-cell.status-hidden:focus-visible:not([aria-disabled=true]){z-index:2;background:linear-gradient(135deg,#ffffff2e 20%,#0000 20%) 0 0/10px 10px,linear-gradient(315deg,#ffffff1f 20%,#0000 20%) 0 0/10px 10px,linear-gradient(#b4eaff 0%,#5cb8f5 55%,#3a8fd8 100%);box-shadow:inset 0 0 0 2px #fff,inset 1px 1px #fff9}.board-cell.status-revealed,.board-cell.status-claimed{background:linear-gradient(#ffffff85,#0000 22%),linear-gradient(#ffe267 0%,#ffc214 100%);box-shadow:inset 1px 1px #fff9,inset -1px -1px #d17c008c}.board-cell.status-mine-revealed{color:#fff;background:linear-gradient(#ffbfb0,#e6512f)}.board-cell.bomb-targetable{cursor:crosshair}.board-cell.bomb-preview-cell{box-shadow:inset 0 0 0 2px #fff5b07a,inset 0 0 18px #ffffff38}.board-cell.bomb-preview-center{box-shadow:inset 0 0 0 2px #ffdd74e0,inset 0 0 0 5px #fffcd261,inset 0 0 22px #ffffff52}.last-move-blue{--last-move-tone:#1d6fe0}.last-move-red{--last-move-tone:#e0283c}.board-cell.is-last-move{z-index:2}.board-cell.is-last-move:after{content:"";pointer-events:none;box-shadow:0 0 0 1px #fff, 0 0 0 2px #12121c, 0 0 0 3.5px var(--last-move-tone);border-radius:2px;position:absolute;inset:0}.board-last-move-area{pointer-events:none;z-index:2;box-shadow:0 0 0 1px #12121c, 0 0 0 3px var(--last-move-tone), 0 0 0 4px #fff;border-radius:3px;position:absolute}.cell-number{font-size:1.28rem;line-height:1}.number-1{color:#1940be}.number-2{color:#1c5c14}.number-3{color:#9f2a0a}.number-4{color:#112478}.number-5{color:#651414}.number-6{color:#0b5c66}.number-7{color:#432d1a}.number-8{color:#4c4c4c}.mine-burst{font-size:1rem}.waiting-panel{text-align:center;max-width:560px;margin:0 auto}.match-result-overlay{z-index:5;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.match-result-ribbon{text-align:center;color:#fff;pointer-events:auto;width:100%;padding:14px 12px 12px;box-shadow:inset 0 1px #ffffff59,0 6px 18px #00000073}.match-result-ribbon.is-red{background:linear-gradient(#ff7b4a 0%,#d4331d 100%)}.match-result-ribbon.is-blue{background:linear-gradient(#5aa8ff 0%,#1e5fd0 100%)}.match-result-ribbon.is-draw{background:linear-gradient(#7d8798 0%,#464e5c 100%)}.match-result-title{letter-spacing:.05em;text-transform:uppercase;text-shadow:0 2px 6px #0000004d;margin:0;font-size:clamp(1.6rem,7vw,2.2rem);font-weight:900;line-height:1}.match-result-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;margin-top:8px;font-size:1.05rem;font-weight:700;display:flex}.match-result-button{color:#fff;min-height:40px;font:inherit;cursor:pointer;background:#0000004d;border:0;border-radius:999px;padding:8px 18px;font-size:.95rem;font-weight:700}.match-result-button:hover,.match-result-button:focus-visible{background:#00000073}.match-result-status{opacity:.92;margin:6px 0 0;font-size:.9rem;font-weight:600}@media (width<=920px){.home-page-shell{padding-top:26px}.lobby-panel{padding:20px}.lobby-stage{grid-template-columns:1fr}}@media (width<=720px){.board-cell.is-last-move:after{box-shadow:0 0 0 1px #12121c, 0 0 0 3px var(--last-move-tone)}.page-shell{padding:14px}.hero-panel{gap:16px}.lobby-panel{padding:16px}.lobby-preview-window{grid-template-columns:1fr}.lobby-preview-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.waiting-action-grid{grid-template-columns:1fr}.waiting-action-row{flex-direction:column;align-items:stretch}.waiting-room-actions{flex-direction:column;align-items:stretch;width:100%}.lobby-feature-row{gap:8px}.lobby-card-heading,.lobby-preview-header{flex-direction:column;align-items:start}.classic-game-window{padding:8px}.classic-match-shell{grid-template-columns:1fr}.classic-sidebar-frame{width:100%;height:auto}.chat-panel-header{flex-direction:column;align-items:start}.chat-composer{grid-template-columns:1fr}.chat-composer button{width:100%}.classic-match-chat{height:280px;min-height:260px}.classic-main-shell{width:100%}:root{--board-cell-size:min(calc((100vw - 106px) / 16), 28px)}.board-cell svg{width:80%;height:80%}.cell-number{font-size:calc(var(--board-cell-size) * .72)}.classic-match-chat .chat-panel-header{flex-direction:row;justify-content:space-between;align-items:center}.chat-empty-state{min-height:96px;padding:12px 8px}.classic-sidebar-frame{grid-template:"blue red""strip strip""resign resign"/minmax(0,1fr) minmax(0,1fr)}.sidebar-player-panel-blue{grid-area:blue}.sidebar-player-panel-red{grid-area:red}.sidebar-resign-button{grid-area:resign;min-height:28px;font-size:.7rem}.classic-sidebar-frame>.sidebar-center-strip{grid-area:strip;grid-template-columns:auto minmax(0,1fr) auto;gap:3px;display:grid}.sidebar-player-panel{grid-template-rows:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px;padding:3px 4px}.sidebar-player-avatar,.sidebar-player-name,.sidebar-player-connection,.sidebar-turn-box{display:none}.sidebar-player-header{letter-spacing:.04em;gap:0;padding:0 2px;display:grid}.sidebar-player-title{font-size:.72rem;line-height:1.1}.sidebar-player-role{font-size:.5rem;line-height:1.1}.sidebar-score-strip{display:contents}.sidebar-pill{min-height:28px}.sidebar-score-pill{gap:3px;font-size:1rem}.sidebar-bomb-pill{width:28px}.sidebar-center-strip .star-meter{gap:5px;margin:0;padding:2px 8px;font-size:.85rem}.sidebar-center-strip .room-code-pill{letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;place-items:center;margin:0;padding:3px 4px;font-size:.52rem;display:grid;overflow:hidden}.sidebar-center-strip .move-pill{letter-spacing:.05em;white-space:nowrap;justify-content:center;align-items:center;gap:.4em;min-height:28px;margin:0;padding:4px 6px;font-size:.58rem;display:flex}.move-pill[data-turn-hint]:after{content:"· " attr(data-turn-hint)}}