:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--page-bg: #0e1720;--page-bg-deep: #090f16;--surface: #17232b;--surface-raised: #21303a;--surface-soft: #263744;--surface-glass: rgba(23, 35, 43, .9);--line: #39505b;--line-bright: #5d7884;--text: #f8fbff;--muted: #b9cad2;--muted-soft: #8ea3ad;--pink: #ff5c8a;--blue: #31a8ff;--aqua: #38e0d0;--green: #62df7b;--yellow: #ffd84a;--violet: #a970ff;--danger: #ff827a;--shadow: rgba(2, 8, 13, .42);background:var(--page-bg);color:var(--text)}*{box-sizing:border-box}body{margin:0;min-width:0;min-height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box;background:linear-gradient(115deg,rgba(255,92,138,.12) 0 13%,transparent 13% 100%),linear-gradient(292deg,rgba(255,216,74,.14) 0 17%,transparent 17% 100%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 72px),repeating-linear-gradient(0deg,rgba(56,224,208,.04) 0 1px,transparent 1px 64px),linear-gradient(180deg,#14232e 0%,var(--page-bg-deep) 100%)}button,input,select{font:inherit}button{min-height:40px;border:1px solid var(--line-bright);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 46%),var(--surface-soft);color:var(--text);cursor:pointer;font-weight:750;box-shadow:inset 0 1px #ffffff1a,0 8px 18px #02080d38;transition:transform .12s ease,border-color .12s ease,background-color .12s ease,box-shadow .12s ease,color .12s ease}button:hover{border-color:var(--aqua);background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 44%),#2b4050;transform:translateY(-1px)}button:focus,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;box-shadow:0 0 0 6px #ffd84a2e,0 10px 22px #02080d57}button.primary{border-color:color-mix(in srgb,var(--green) 52%,var(--line));background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 46%),#1b3026}button.primary:hover{border-color:var(--green);background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 44%),#234334}button:disabled{cursor:not-allowed;opacity:.55}button:disabled:hover{transform:none}button:active:not(:disabled){transform:translateY(1px)}input,select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:8px;background:#0f1920;color:var(--text);padding:0 10px}input[type=checkbox]{width:auto;min-height:0;margin:0;accent-color:var(--aqua)}.app-shell{display:grid;grid-template-columns:1fr;min-height:100vh}.app-shell:not(.game-focus){min-width:0}.app-shell.game-focus{grid-template-columns:1fr;width:100vw;height:100dvh;min-height:100dvh;overflow:hidden;background:repeating-linear-gradient(90deg,rgba(255,255,255,.028) 0 1px,transparent 1px 68px),repeating-linear-gradient(0deg,rgba(56,224,208,.035) 0 1px,transparent 1px 64px),#071015}.app-shell.game-focus .top-bar{display:none}.app-shell.game-focus .main-panel{grid-template-rows:1fr;min-height:100dvh;overflow:hidden}.auth-shell{display:grid;place-items:center;min-height:100vh;padding:24px}.auth-column{width:min(100%,420px)}.auth-brand{margin-bottom:14px}.auth-shell .panel-section{margin-bottom:0}.brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.brand-mark{display:block;width:46px;height:46px;border-radius:8px;flex:0 0 auto;filter:drop-shadow(0 10px 18px rgba(2,8,13,.3))}.brand h1,.top-bar h2{margin:0;font-size:24px}.brand p,.top-bar p,.form-note{margin:4px 0 0;color:var(--muted);font-size:13px}.team-color-team-a,.team-color-team-1{--team-color: #ff5c7a;--team-soft: rgba(255, 92, 122, .16)}.team-color-team-b,.team-color-team-2{--team-color: #31a8ff;--team-soft: rgba(49, 168, 255, .16)}.team-color-team-c,.team-color-team-3{--team-color: #56d76d;--team-soft: rgba(86, 215, 109, .16)}.team-color-team-d,.team-color-team-4{--team-color: #ffd84a;--team-soft: rgba(255, 216, 74, .16)}.panel-section,.lobby-panel,.setup-panel,.board-panel{border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.055),transparent 110px),var(--surface);padding:14px;margin-bottom:14px;box-shadow:inset 0 1px #ffffff0e,0 14px 32px #02080d2e}.panel-section h2,.lobby-panel h3,.setup-panel h3{margin:0 0 10px;font-size:16px}.field-row,.button-row{display:flex;gap:8px;margin-top:8px}.registration-panel{display:grid;gap:12px;margin-top:8px}.registration-panel .field-row,.registration-panel .button-row{margin-top:0}.avatar{display:inline-grid;flex:0 0 auto;place-items:center;overflow:hidden;border:1px solid #52707c;border-radius:50%;background:#2c4150;color:#e6eff5;font-weight:800;line-height:1}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-small{width:28px;height:28px;font-size:11px}.avatar-small.avatar-random-ai-selection{font-size:18px}.avatar-medium{width:40px;height:40px;font-size:14px}.avatar-large{width:96px;height:96px;font-size:30px}.profile-stats{display:grid;gap:8px;max-width:420px;border:1px solid #30444e;border-radius:8px;background:#1c2933;padding:14px}.profile-stats h4{margin:0;color:#eef5fa;font-size:15px}.profile-stats .stats-grid{margin-top:0}.cosmetic-inventory-empty{margin:0;color:#9fb3bf;font-size:13px}.cosmetic-inventory-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cosmetic-inventory-header h4,.cosmetic-inventory-header p{margin:0}.cosmetic-inventory-header p{margin-top:3px;color:#9fb3bf;font-size:12px}.cosmetic-inventory-header>span{flex:0 0 auto;border:1px solid #30444e;border-radius:999px;background:#14202a;color:#cfe2eb;padding:3px 9px;font-size:12px;font-weight:800}.cosmetic-featured-summary{display:grid;gap:6px;border:1px solid #2d424b;border-radius:8px;background:#14202a9e;padding:10px}.cosmetic-featured-summary>span{color:#9fb3bf;font-size:12px;font-weight:800;text-transform:uppercase}.cosmetic-featured-summary>div{display:flex;flex-wrap:wrap;gap:6px}.cosmetic-featured-summary em{color:#7f949f;font-size:13px;font-style:normal}.cosmetic-group{display:grid;gap:6px}.cosmetic-group-label{color:#9fb3bf;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.cosmetic-chip-row{display:flex;flex-wrap:wrap;gap:6px}.cosmetic-chip{border:1px solid #30444e;border-radius:999px;background:#14202a;color:#cfdde6;padding:4px 12px;font-size:13px;cursor:pointer}.cosmetic-chip:disabled{cursor:not-allowed;opacity:.52}.cosmetic-chip[aria-pressed=true]{border-color:#3ba9d9;background:#1b3a4c;color:#eef5fa}.cosmetic-chip.cosmetic-rarity-rare{border-color:#3f6a55}.cosmetic-chip.cosmetic-rarity-epic{border-color:#6a4f8a}.cosmetic-chip.cosmetic-rarity-rare[aria-pressed=true],.cosmetic-chip.cosmetic-rarity-epic[aria-pressed=true]{border-color:#3ba9d9}.cosmetic-limit-note{margin:0;color:#f0c36b;font-size:12px}.player-title{display:block;max-width:100%;min-width:0;overflow:hidden;color:#7fc4e4;font-size:11px;font-style:normal;letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap}.match-player-cosmetic-badges{display:flex;flex-wrap:wrap;gap:4px}.cosmetic-badge-chip{border:1px solid #30444e;border-radius:999px;background:#14202a;color:#9fc3d4;padding:2px 8px;font-size:11px}.cosmetic-unlock-list strong{color:#7fc4e4}.create-room-form,.join-room-form{display:grid;gap:10px;max-width:420px}.profile-editor{display:grid;gap:12px;max-width:420px}.page-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.users-page,.groups-page{display:grid;gap:12px}.users-table-wrap{width:100%;overflow-x:auto;border:1px solid #30444e;border-radius:8px}.users-table{width:100%;min-width:760px;border-collapse:collapse}.users-table th,.users-table td{padding:10px;border-bottom:1px solid #30444e;text-align:left;vertical-align:top;font-size:13px}.users-table th{color:#c9d6de;background:#1b211d}.users-table tr:last-child td{border-bottom:0}.user-cell{display:flex;align-items:center;gap:9px;min-width:0}.user-cell div{display:grid;gap:2px;min-width:0}.user-cell strong,.user-cell span{min-width:0;overflow-wrap:anywhere}.user-cell span{color:#aebfc8}.group-toggle-list,.permission-chip-list{display:flex;flex-wrap:wrap;gap:6px}.group-toggle-list label,.permission-chip-list span{display:inline-flex;align-items:center;gap:5px;min-height:28px;border:1px solid #354954;border-radius:999px;padding:4px 8px;background:#1a201c;color:#d6dfe6}.pagination-row{display:flex;align-items:center;justify-content:flex-end;gap:10px;color:#c3d2da;font-size:13px}.group-editor-list{display:grid;gap:10px}.group-editor{display:grid;grid-template-columns:minmax(180px,260px) 1fr auto;align-items:end;gap:12px;border:1px solid #30444e;border-radius:8px;background:#1b211d;padding:12px}.group-editor label{display:grid;gap:6px;color:#c9d6de;font-size:13px}.group-editor input[type=text],.group-editor input:not([type]){width:100%}.group-permission-grid{display:flex;flex-wrap:wrap;gap:6px}.group-permission-grid label{display:inline-flex;grid-auto-flow:column;align-items:center;gap:6px;min-height:32px;border:1px solid #354954;border-radius:999px;padding:5px 9px;background:#202720;color:#d6dfe6}@media(max-width:760px){.group-editor,.sound-option-panel{grid-template-columns:1fr;align-items:stretch}.sound-option-panel button{justify-self:start}}.sound-effects-page{display:grid;gap:12px}.sound-effect-list{display:grid;gap:8px}.sound-effect-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;border:1px solid #30444e;border-radius:8px;background:#1a201c}.sound-effect-row div{display:grid;gap:3px;min-width:0}.sound-effect-row strong,.sound-effect-row span{min-width:0;overflow-wrap:anywhere}.sound-effect-row span{color:#aebfc8;font-size:13px}.profile-image-picker{display:flex;align-items:center;gap:14px;min-width:0}.profile-image-actions{display:flex;flex-wrap:wrap;gap:8px}.file-action-button{display:inline-grid;place-items:center;min-height:36px;padding:0 12px;border:1px solid #58615a;border-radius:6px;background:#27312b;color:#f3f0e8;cursor:pointer}.file-action-button:hover{border-color:#90b494;background:#2c4150}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.stats-grid{display:grid;grid-template-columns:1fr auto;gap:6px 10px;margin-top:12px;color:#b7c3b8;font-size:13px}.stats-grid strong{color:#f3f0e8}.dev-code{margin-top:8px;padding:8px;border-radius:6px;background:#28372e;color:#bdf0bf}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.segmented .active,.active-action{background:#78a083;color:#0e161d;border-color:#a8d5ad}.range-row{display:grid;gap:6px;margin-top:10px;color:#c3d2da;font-size:13px}.rules-panel{display:grid;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid #2c3f4a}.rules-lobby-panel{display:grid;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #2c3f4a}.rules-lobby-panel h3{margin:0;font-size:15px}.rules-read-only-view{display:grid;gap:16px;min-width:0}.rules-overview-section{display:grid;gap:8px;min-width:0}.rules-summary{display:flex;flex-wrap:wrap;gap:6px}.rules-summary span{border:1px solid #354954;border-radius:999px;padding:5px 8px;color:#c3d2da;font-size:12px}.rules-summary strong{color:#eef5fa}.preset-diff-panel{display:grid;gap:8px;margin-top:2px;padding:10px;border:1px solid #4f5a44;border-radius:8px;background:#1d251d}.preset-diff-panel h4{margin:0;color:#eef5fa;font-size:13px}.preset-diff-panel ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}.preset-diff-panel li{display:grid;grid-template-columns:minmax(92px,.9fr) minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;color:#c3d2da;font-size:12px}.preset-diff-panel strong{min-width:0;overflow-wrap:anywhere;color:#eef5fa;font-weight:700}.rules-detail-panel{display:grid;gap:8px;padding:10px;border:1px solid #2c3f4a;border-radius:8px;background:#1d231f}.rules-detail-panel ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}.rules-detail-panel li{display:grid;grid-template-columns:minmax(104px,.75fr) minmax(0,1fr) minmax(0,.9fr);align-items:baseline;gap:8px;color:#c3d2da;font-size:12px}.rules-detail-panel li>span{min-width:0;overflow-wrap:anywhere}.rules-detail-panel .rule-detail-value{color:#d6dfe6}.rules-detail-panel .modified .rule-detail-value strong{color:#f3f0e8;font-weight:800}.rules-detail-panel .rule-detail-preset{color:#93a197}.config-grid{display:grid;gap:8px}.config-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.setting-field{display:grid;gap:5px;margin-top:8px;color:#c3d2da;font-size:13px}.setting-field input,.setting-field select{min-width:0}.setting-label-with-range{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.setting-range-note{color:#93a197;font-size:11px;white-space:nowrap}.rule-icon-label{display:inline-flex;align-items:center;gap:5px}.rule-icon{line-height:1}.rounds-rule-icon{color:#f4c95d}.life-rule-icon{color:#e66d75}.setting-label-with-help{position:relative;display:flex;align-items:center;gap:6px;min-width:0}.help-bubble-wrap{position:relative;display:inline-flex}.help-bubble{display:inline-grid;place-items:center;width:18px;height:18px;min-height:0;padding:0;border-radius:50%;border-color:#4d6671;background:#222922;color:#d9e8ef;font-size:12px;font-weight:800;line-height:1}.help-bubble:hover,.help-bubble:focus-visible{border-color:#d4bd72;color:#f0dda0}.help-bubble-content{position:fixed;left:0;top:0;z-index:20;display:none;width:max-content;max-width:min(340px,calc(100vw - 24px));gap:6px;padding:10px;border:1px solid #4d6671;border-radius:8px;background:#151a16;color:#d6dfe6;box-shadow:0 14px 30px #00000061;font-size:12px;line-height:1.35}.help-bubble-content[data-open=true]{display:grid;visibility:hidden}.help-bubble-content[data-positioned=true]{visibility:visible}.help-bubble-content:before{content:"";position:absolute;top:-5px;left:var(--help-bubble-arrow-left, 8px);width:8px;height:8px;border-left:1px solid #4d6671;border-top:1px solid #4d6671;background:#151a16;transform:rotate(45deg)}.help-bubble-content[data-placement=top]:before{top:auto;bottom:-5px;border:0;border-right:1px solid #4d6671;border-bottom:1px solid #4d6671}.help-bubble-content span{display:block}.help-bubble-content strong{color:#eef5fa}.check-row{display:flex;align-items:center;gap:8px;margin-top:10px;color:#c3d2da;font-size:13px}.check-row-label{display:flex;align-items:center;gap:8px;min-width:0}.check-row-with-help{gap:6px}.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px}.special-panel-grid{margin-top:10px}.special-panel-grid .check-row{margin-top:0}.settings-page{display:grid;align-content:start;gap:14px;padding:20px;min-width:0}.game-settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;overflow:auto;padding:clamp(12px,3vw,28px);background:#090c0abd}.game-settings-modal{width:min(920px,100%);max-height:min(92dvh,920px);overflow:auto;border:1px solid #3a525e;border-radius:8px;background:#17232b;box-shadow:0 24px 80px #00000070}.game-settings-modal .settings-page{padding:clamp(16px,2.4vw,22px)}.reward-notification-overlay{z-index:82}.reward-notification-modal{width:min(520px,100%);border-color:#61836f;background:#18261f}.reward-notification-content{display:grid;gap:16px;padding:clamp(18px,3vw,24px)}.reward-notification-heading{display:grid;gap:6px;text-align:center}.reward-notification-heading span{color:#79f1dc;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.reward-notification-heading h3,.reward-notification-heading p{margin:0;overflow-wrap:anywhere}.reward-notification-heading h3{color:#f4fbf6;font-size:clamp(22px,4vw,30px)}.reward-notification-heading p{color:#b7c9c0;font-size:14px}.reward-notification-list{display:grid;gap:10px}.reward-notification-item{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;min-width:0;border:1px solid #3e5b4d;border-radius:8px;background:#f6fff50d;padding:12px}.reward-notification-item>span{display:grid;place-items:center;width:46px;height:46px;border:1px solid #70d893;border-radius:50%;background:#70d8931f;color:#f4d870;font-size:24px;font-weight:900}.reward-notification-item>div{display:grid;gap:3px;min-width:0}.reward-notification-item strong,.reward-notification-item small,.reward-notification-item em{min-width:0;overflow-wrap:anywhere}.reward-notification-item strong{color:#f5fbf7;font-size:16px}.reward-notification-item small{color:#b8c9c1;font-size:13px}.reward-notification-item em{color:#79f1dc;font-size:11px;font-style:normal;font-weight:900;text-transform:uppercase}.reward-notification-item.rarity-rare{border-color:#4d77a0}.reward-notification-item.rarity-epic{border-color:#8a6cc5}.reward-notification-actions{display:flex;justify-content:center}.reward-notification-actions button{min-width:min(220px,100%)}.create-room-modal{width:min(480px,100%)}.confirmation-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:20px;background:#080a09b8}.confirmation-dialog{display:grid;gap:16px;width:min(100%,390px);border:1px solid #435964;border-radius:8px;background:#1b2832;padding:18px;box-shadow:0 24px 70px #00000061}.confirmation-dialog>div:first-child{display:grid;gap:6px;min-width:0}.confirmation-dialog span{color:#79f1dc;font-size:12px;font-weight:800;text-transform:uppercase}.confirmation-dialog h3,.confirmation-dialog p{margin:0;min-width:0;overflow-wrap:anywhere}.confirmation-dialog h3{color:#eef5fa;font-size:20px}.confirmation-dialog p{color:#aebfc8;font-size:13px}.confirmation-dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:nowrap}.confirmation-dialog-actions button{flex:1 1 0;width:auto;margin-top:0;min-width:0}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-header h3{margin:0;font-size:18px}.options-actions{width:min(560px,100%)}.sound-option-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;width:min(640px,100%);border:1px solid #2c3f4a;border-radius:8px;background:#1c2933;padding:14px}.sound-option-panel div{display:grid;gap:4px;min-width:0}.sound-option-panel strong,.sound-option-panel span{min-width:0;overflow-wrap:anywhere}.sound-option-panel span{color:#aebfc8;font-size:13px}.sound-option-panel button{white-space:nowrap}.key-bindings{display:grid;gap:8px;max-width:760px}.key-preset-panel{display:grid;gap:6px;max-width:420px;color:#c3d2da;font-size:13px}.key-preset-panel .segmented{grid-template-columns:repeat(3,minmax(0,1fr))}.controller-bindings{display:grid;gap:8px;max-width:760px;margin-top:4px}.controller-bindings h4{margin:0;color:#eef5fa;font-size:15px}.key-binding-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(150px,190px) auto;align-items:center;gap:10px;border:1px solid #2c3f4a;border-radius:8px;background:#1c2933;padding:10px}.controller-binding-row{display:grid;grid-template-columns:minmax(140px,.75fr) minmax(180px,1fr) auto;align-items:center;gap:10px;border:1px solid #2c3f4a;border-radius:8px;background:#1c2933;padding:10px}.key-binding-row>span{min-width:0;overflow-wrap:anywhere;color:#d6dfe6}.controller-binding-row>span{min-width:0;overflow-wrap:anywhere;color:#d6dfe6}.controller-binding-row strong{min-width:0;overflow-wrap:anywhere;color:#eef5fa}.controller-binding-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.key-binding-button{background:#0f1820;font-weight:700}.key-binding-button.capturing,.secondary-action.compact.capturing{border-color:#d4bd72;color:#f0dda0}.invite-link-button{border-color:#6fe3ff66;color:#bfefff}.secondary-action.compact.rematch-accepted{border-color:#78a083;background:#78a08324;color:#cfe8c8}.main-panel{display:grid;grid-template-rows:auto 1fr;min-width:0}.main-panel.main-menu-active{grid-template-rows:1fr;min-height:100dvh}.top-bar{position:relative;z-index:60;display:flex;justify-content:space-between;align-items:center;min-height:76px;padding:16px 20px;border-bottom:1px solid rgba(93,120,132,.42);background:linear-gradient(90deg,rgba(255,92,138,.1),transparent 24%),linear-gradient(270deg,rgba(56,224,208,.12),transparent 28%),#0f1920f0;box-shadow:0 10px 26px #02080d38;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.top-bar-title{display:flex;align-items:center;gap:12px;min-width:0}.top-bar-title>div{min-width:0}.top-bar-title h2,.top-bar-title p{min-width:0;overflow-wrap:anywhere}.top-brand-mark{width:40px;height:40px;margin:0}.toast-popup{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));z-index:80;justify-self:center;width:min(460px,calc(100vw - 32px));margin:0 auto;border:1px solid #51624f;border-radius:8px;background:#263127;padding:12px 14px;color:#d9e8ef;text-align:center;box-shadow:0 18px 42px #0000006b;pointer-events:none;animation:toast-popup-lifetime 3.4s ease both}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.main-menu-shortcut{flex:0 0 auto;min-height:38px;border-color:var(--line-bright);background:#1b2a34;padding:0 12px;font-weight:700}.main-menu-shortcut:hover,.main-menu-shortcut:focus-visible{border-color:var(--aqua);background:#243b47}.account-menu{position:relative;flex:0 0 auto}.account-menu summary{display:flex;min-height:38px;align-items:center;border:1px solid var(--line);border-radius:999px;background:#16232c;padding:5px 10px 5px 5px;color:var(--text);cursor:pointer;list-style:none;box-shadow:inset 0 1px #ffffff14}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary:hover,.account-menu[open] summary{border-color:var(--aqua);background:#223642}.top-user-line{display:flex;align-items:center;gap:8px;min-width:0}.top-user-line strong{max-width:180px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:70;display:grid;gap:8px;width:190px;border:1px solid var(--line-bright);border-radius:8px;background:#111c24;padding:8px;box-shadow:0 22px 44px #02080d7a}.account-menu-panel button{width:100%;text-align:left}.connection-pill{min-width:104px;border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--text);background:#0f1920b8;text-align:center;font-size:12px;font-weight:800}.connection-pill.connected{border-color:var(--green);color:#d6ffd9}.connection-pill.connecting,.connection-pill.reconnecting{border-color:#d4bd72;color:#f0dda0}.connection-pill.disconnected{border-color:#c07777;color:#f0baba}.menu-page{display:grid;align-content:start;gap:14px;width:100%;max-width:900px;padding:clamp(16px,3vw,26px);min-width:0}.main-menu-page{position:relative;isolation:isolate;grid-template-columns:1fr;align-items:stretch;gap:18px;max-width:none;min-height:min(720px,calc(100dvh - 76px));overflow:hidden;border:1px solid rgba(248,251,255,.14);border-radius:8px;background:linear-gradient(126deg,rgba(255,92,138,.28) 0 18%,transparent 18% 100%),linear-gradient(306deg,rgba(255,216,74,.28) 0 20%,transparent 20% 100%),linear-gradient(160deg,rgba(49,168,255,.18),transparent 45%),linear-gradient(325deg,rgba(169,112,255,.2),transparent 50%),#0d1821;box-shadow:inset 0 0 0 1px #ffffff0f,0 32px 80px #02080d52}.main-menu-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.main-menu-page:before{background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 74px),repeating-linear-gradient(0deg,rgba(56,224,208,.055) 0 1px,transparent 1px 68px),repeating-linear-gradient(135deg,transparent 0 34px,rgba(255,216,74,.05) 34px 36px,transparent 36px 80px);opacity:.9}.main-menu-content{position:relative;z-index:1;display:grid;gap:20px;align-content:start;min-width:0}.sc2-menu-content{gap:16px;width:min(100%,1240px);justify-self:center}.sc2-menu-page{min-height:100dvh;background:linear-gradient(180deg,rgba(49,168,255,.14),transparent 26%),linear-gradient(126deg,rgba(255,92,138,.22) 0 15%,transparent 15% 100%),linear-gradient(310deg,rgba(255,216,74,.2) 0 18%,transparent 18% 100%),linear-gradient(180deg,#132431,#091018)}.main-menu-graphics{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.main-menu-graphics:after{content:"";position:absolute;top:7%;right:-8%;width:58%;height:260px;background:repeating-linear-gradient(102deg,transparent 0 24px,rgba(255,255,255,.12) 24px 27px,transparent 27px 58px);opacity:.42;transform:rotate(-8deg);animation:menu-speed-lines 8s ease-in-out infinite}.menu-panel-sprite{position:absolute;width:clamp(34px,4vw,54px);aspect-ratio:1;border:2px solid rgba(13,22,29,.58);border-radius:8px;opacity:.82;box-shadow:inset 0 4px #ffffff3d,inset 0 -5px #0000002e,0 14px 30px #00000052;transform:rotate(var(--panel-angle, -8deg));animation:menu-panel-drift 6.8s ease-in-out infinite}.menu-panel-sprite:before{content:"";position:absolute;inset:8px 9px auto auto;width:9px;aspect-ratio:1;border-radius:50%;background:#ffffff57}.menu-panel-sprite.red{--panel-angle: -10deg;--panel-drift-x: 16px;--panel-drift-y: -24px;--panel-twist: 13deg;top:13%;right:38%;background:#ff537f}.menu-panel-sprite.blue{--panel-angle: 12deg;--panel-drift-x: -18px;--panel-drift-y: -18px;--panel-twist: -14deg;right:6%;bottom:22%;background:#4b9aff;animation-delay:-1.6s}.menu-panel-sprite.yellow{--panel-angle: -16deg;--panel-drift-x: -12px;--panel-drift-y: 18px;--panel-twist: 16deg;top:22%;right:6%;background:#ffde59;animation-delay:-3.1s}.menu-panel-sprite.purple{--panel-angle: 9deg;--panel-drift-x: 20px;--panel-drift-y: -16px;--panel-twist: -12deg;bottom:12%;left:7%;background:#ad70ff;animation-delay:-4.7s}.menu-panel-sprite.green{--panel-angle: 15deg;--panel-drift-x: 14px;--panel-drift-y: 16px;--panel-twist: -10deg;left:19%;top:23%;background:#62df7b;animation-delay:-5.4s}.sc2-menu-hero{display:flex;align-items:center;justify-content:space-between;gap:clamp(14px,2vw,20px);min-width:0}.sc2-menu-brand-lockup{display:flex;align-items:center;gap:clamp(14px,2vw,20px);min-width:0}.sc2-menu-user-controls{position:relative;z-index:2;display:flex;justify-content:flex-end;min-width:0}.sc2-menu-logo{flex:0 0 auto;width:clamp(58px,6vw,78px);height:clamp(58px,6vw,78px);border-radius:8px;filter:drop-shadow(0 18px 26px rgba(2,8,13,.36))}.main-menu-copy{display:grid;gap:8px;min-width:0}.sc2-menu-copy{display:grid;max-width:none}.main-menu-copy span{justify-self:start;border:1px solid rgba(56,224,208,.5);border-radius:999px;background:#38e0d01a;color:#9ffbf0;padding:5px 9px;font-size:12px;font-weight:800;text-transform:uppercase}.main-menu-copy h3,.main-menu-copy p{margin:0;min-width:0;overflow-wrap:anywhere}.main-menu-copy h3{color:var(--text);font-size:clamp(42px,7vw,72px);line-height:1;text-shadow:0 4px 0 rgba(255,92,138,.34),0 12px 30px rgba(2,8,13,.52)}.main-menu-copy p{max-width:28rem;color:#dceef5;font-size:15px;line-height:1.45}.main-menu-copy.sc2-menu-copy h3{font-size:clamp(38px,5vw,60px)}.main-menu-copy.sc2-menu-copy p{max-width:42rem}.sc2-menu-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px);gap:12px;align-items:stretch;width:100%;min-width:0}.sc2-menu-left{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;min-width:0}.sc2-menu-tree,.sc2-command-deck{min-width:0;border:1px solid rgba(93,120,132,.56);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 92px),#091016d1;padding:8px;box-shadow:inset 0 1px #ffffff14,0 16px 34px #02080d42;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sc2-menu-tree{--sc2-accent: var(--aqua);position:relative;display:grid;gap:0;align-content:start;align-items:start;overflow:hidden;padding:7px}.sc2-menu-tree[data-size-transition=resizing]{transition:height .28s cubic-bezier(.16,1,.3,1);will-change:height}.sc2-menu-tree[data-menu-tone=singlePlayer]{--sc2-accent: var(--pink)}.sc2-menu-tree[data-menu-tone=versus]{--sc2-accent: var(--yellow)}.sc2-menu-tree[data-menu-tone=multiplayer]{--sc2-accent: var(--aqua)}.sc2-menu-tree[data-menu-tone=options]{--sc2-accent: var(--violet)}.sc2-top-menu-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;align-self:start;min-width:0}.sc2-submenu-expander{position:relative;display:grid;min-width:0;margin-top:6px;overflow:hidden;border:1px solid color-mix(in srgb,var(--sc2-accent) 42%,rgba(93,120,132,.45));border-radius:6px;background:linear-gradient(180deg,color-mix(in srgb,var(--sc2-accent) 14%,transparent),transparent 78%),#080f159e;padding:8px;transform-origin:top center;will-change:clip-path,opacity,transform}.sc2-submenu-expander[data-transition-state=expanding]{animation:sc2SubmenuExpand .26s cubic-bezier(.16,1,.3,1) both}.sc2-submenu-expander[data-transition-state=collapsing]{pointer-events:none;animation:sc2SubmenuCollapse .17s cubic-bezier(.7,0,.84,0) both}.sc2-submenu-expander:before{content:"";position:absolute;top:-7px;right:18px;left:18px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--sc2-accent) 72%,transparent),transparent);transform-origin:center}.sc2-submenu-expander[data-transition-state=expanding]:before{animation:sc2SubmenuRailReveal .22s cubic-bezier(.16,1,.3,1) 50ms both}.sc2-submenu-expander[data-transition-state=collapsing]:before{animation:sc2SubmenuRailCollapse .13s cubic-bezier(.7,0,.84,0) both}.sc2-submenu-bar{position:relative;z-index:1;display:grid;grid-auto-columns:minmax(180px,1fr);grid-auto-flow:column;gap:6px;min-width:0;overflow-x:auto;overflow-y:hidden}@keyframes sc2SubmenuExpand{0%{clip-path:inset(0 12% 100% 12% round 6px);filter:blur(2px);opacity:.18;transform:translateY(-10px) scaleY(.82)}to{clip-path:inset(0 0 0 0 round 6px);filter:blur(0);opacity:1;transform:translateY(0) scaleY(1)}}@keyframes sc2SubmenuCollapse{0%{clip-path:inset(0 0 0 0 round 6px);filter:blur(0);opacity:1;transform:translateY(0) scaleY(1)}to{clip-path:inset(0 12% 100% 12% round 6px);filter:blur(1.5px);opacity:0;transform:translateY(-8px) scaleY(.84)}}@keyframes sc2SubmenuRailReveal{0%{opacity:0;transform:scaleX(.24)}to{opacity:1;transform:scaleX(1)}}@keyframes sc2SubmenuRailCollapse{0%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(.24)}}@keyframes sc2SubmenuItemReveal{0%{opacity:0;transform:translateY(-7px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sc2TopMenuBridgeReveal{0%{opacity:0;transform:scaleX(.35) translateY(-2px)}to{opacity:1;transform:scaleX(1) translateY(0)}}.sc2-command-deck{display:grid;width:100%;border-color:#f8fbff2e;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 100px),#0d1821e6;padding:clamp(10px,1.6vw,16px)}.sc2-command-panel{--sc2-accent: var(--aqua);display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;min-width:0}.sc2-command-panel[data-menu-tone=singlePlayer]{--sc2-accent: var(--pink)}.sc2-command-panel[data-menu-tone=versus]{--sc2-accent: var(--yellow)}.sc2-command-panel[data-menu-tone=multiplayer]{--sc2-accent: var(--aqua)}.sc2-command-panel[data-menu-tone=options]{--sc2-accent: var(--violet)}.sc2-command-header{display:flex;align-items:start;justify-content:space-between;gap:16px;min-width:0;border-bottom:1px solid rgba(248,251,255,.13);padding:2px 2px clamp(10px,1.4vw,14px)}.sc2-command-header div{display:grid;gap:5px;min-width:0}.sc2-command-header p,.sc2-command-header strong,.sc2-top-menu-item span,.sc2-top-menu-item small,.sc2-submenu-item span,.sc2-primary-action span,.sc2-primary-action small,.sc2-secondary-action strong,.sc2-secondary-action span{min-width:0;overflow-wrap:anywhere}.sc2-command-header p{max-width:50rem;margin:0;color:#d8efdd;font-size:14px;line-height:1.4}.sc2-command-header strong{flex:0 0 auto;color:color-mix(in srgb,var(--sc2-accent) 88%,var(--text));padding-top:2px;font-size:12px;font-weight:900;line-height:1;text-transform:uppercase}.sc2-top-menu-item,.sc2-submenu-item{--sc2-accent: var(--aqua);position:relative;display:grid;gap:4px;width:100%;align-content:center;justify-items:start;overflow:hidden;border-color:#5d78847a;border-radius:6px;background:linear-gradient(180deg,rgba(255,255,255,.055),transparent 58%),#15212adb;padding:11px 12px 11px 16px;text-align:left;box-shadow:none;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.sc2-top-menu-item:hover,.sc2-submenu-item:hover{transform:translateY(-1px)}.sc2-top-menu-item{min-height:58px;padding-right:14px}.sc2-submenu-item{min-height:46px;padding-right:40px;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 58%),#111b23c7}.sc2-submenu-item:not(.selected):before{width:3px;opacity:.55}.sc2-submenu-expander[data-transition-state=expanding] .sc2-submenu-item{animation:sc2SubmenuItemReveal .22s cubic-bezier(.16,1,.3,1) both}.sc2-submenu-expander[data-transition-state=expanding] .sc2-submenu-item:nth-child(2){animation-delay:35ms}.sc2-submenu-expander[data-transition-state=expanding] .sc2-submenu-item:nth-child(3){animation-delay:70ms}.sc2-submenu-expander[data-transition-state=expanding] .sc2-submenu-item:nth-child(4){animation-delay:105ms}.sc2-submenu-expander[data-transition-state=expanding] .sc2-submenu-item:nth-child(5){animation-delay:.14s}.sc2-top-menu-item:before,.sc2-submenu-item:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--sc2-accent);opacity:.74}.sc2-top-menu-item[data-menu-tone=singlePlayer],.sc2-submenu-item[data-menu-tone=singlePlayer]{--sc2-accent: var(--pink)}.sc2-top-menu-item[data-menu-tone=versus],.sc2-submenu-item[data-menu-tone=versus]{--sc2-accent: var(--yellow)}.sc2-top-menu-item[data-menu-tone=multiplayer],.sc2-submenu-item[data-menu-tone=multiplayer]{--sc2-accent: var(--aqua)}.sc2-top-menu-item[data-menu-tone=options],.sc2-submenu-item[data-menu-tone=options]{--sc2-accent: var(--violet)}.sc2-top-menu-item:hover,.sc2-top-menu-item:focus-visible,.sc2-top-menu-item.selected,.sc2-submenu-item:hover,.sc2-submenu-item:focus-visible,.sc2-submenu-item.selected{border-color:color-mix(in srgb,var(--sc2-accent) 70%,var(--line));background:linear-gradient(180deg,rgba(255,255,255,.11),transparent 58%),linear-gradient(90deg,color-mix(in srgb,var(--sc2-accent) 18%,transparent),transparent 74%),#1b2b36eb;color:var(--text);box-shadow:inset 0 1px #ffffff14,0 10px 22px #02080d3d}.sc2-top-menu-item.selected{z-index:2;overflow:visible;box-shadow:inset 0 -3px 0 var(--sc2-accent),inset 0 1px #ffffff14,0 10px 22px #02080d3d}.sc2-submenu-item.selected{z-index:1;border-color:color-mix(in srgb,var(--sc2-accent) 88%,var(--text));background:linear-gradient(180deg,rgba(255,255,255,.13),transparent 58%),linear-gradient(90deg,color-mix(in srgb,var(--sc2-accent) 32%,transparent),transparent 76%),#1f323df5;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sc2-accent) 42%,transparent),inset 6px 0 0 var(--sc2-accent),0 12px 26px #02080d4d}.sc2-submenu-item.selected:before{width:7px;opacity:1;box-shadow:0 0 14px color-mix(in srgb,var(--sc2-accent) 72%,transparent)}.sc2-submenu-item.selected:after{content:"";position:absolute;right:15px;top:50%;width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor;color:color-mix(in srgb,var(--sc2-accent) 84%,var(--text));transform:translateY(-50%) rotate(45deg)}.sc2-top-menu-item.selected:after{content:"";position:absolute;right:18px;bottom:-8px;left:18px;height:8px;border-radius:999px 999px 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--sc2-accent) 72%,transparent),transparent);transform-origin:center;animation:sc2TopMenuBridgeReveal .18s cubic-bezier(.16,1,.3,1) both}.sc2-menu-tree[data-has-submenu=false] .sc2-top-menu-item.selected:after{display:none}.sc2-top-menu-item:focus-visible,.sc2-submenu-item:focus-visible{outline-offset:2px}.sc2-top-menu-item span,.sc2-submenu-item span{color:var(--text);font-size:14px;font-weight:800;line-height:1.12}.sc2-top-menu-item span{letter-spacing:0}.sc2-submenu-item span{font-weight:750}.sc2-top-menu-item small{color:var(--muted);font-size:11px;font-style:normal;line-height:1.28}.sc2-action-stack{display:grid;gap:10px;align-content:start;min-width:0}.sc2-primary-action,.sc2-secondary-action{position:relative;display:grid;width:100%;justify-items:start;overflow:hidden;border-radius:6px;text-align:left}.sc2-primary-action{--sc2-action-accent: var(--green);gap:8px;min-height:108px;align-content:center;border-color:color-mix(in srgb,var(--sc2-action-accent) 62%,var(--line));background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 54%),linear-gradient(90deg,color-mix(in srgb,var(--sc2-action-accent) 24%,transparent),transparent 76%),#162d25f5;padding:18px 50px 18px 18px}.sc2-primary-action:after,.sc2-secondary-action:after{content:"";position:absolute;right:18px;top:50%;width:10px;height:10px;border-top:3px solid currentColor;border-right:3px solid currentColor;color:#f8fbffbd;transform:translateY(-50%) rotate(45deg)}.sc2-primary-action.danger,.sc2-secondary-action.danger{--sc2-action-accent: var(--danger);border-color:color-mix(in srgb,var(--danger) 62%,var(--line));background:linear-gradient(180deg,rgba(255,255,255,.075),transparent 52%),linear-gradient(90deg,rgba(255,130,122,.18),transparent 76%),#301b1ef0}.sc2-primary-action span{color:var(--text);font-size:clamp(24px,3vw,38px);font-weight:950;line-height:1}.sc2-primary-action small{max-width:52rem;color:#d8efdd;font-size:14px;line-height:1.35}.sc2-secondary-action-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;min-width:0}.sc2-secondary-action-list.equal-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.sc2-secondary-action-list.equal-actions[data-action-count="2"],.sc2-secondary-action-list.equal-actions[data-action-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.sc2-secondary-action{gap:5px;min-height:78px;align-content:center;border-color:#5d78848f;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 52%),#1d2c37e6;padding:12px 42px 12px 14px}.sc2-action-stack.equal-actions .sc2-secondary-action{height:100%;min-height:96px}.sc2-ai-duel-picker{display:grid;gap:12px;min-width:0}.sc2-ai-begin-action{justify-self:stretch}.sc2-secondary-action.primary{--sc2-action-accent: var(--green);border-color:color-mix(in srgb,var(--green) 58%,var(--line));background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 52%),linear-gradient(90deg,rgba(98,223,123,.16),transparent 76%),#183026f0}.sc2-primary-action:hover,.sc2-primary-action:focus-visible,.sc2-secondary-action:hover,.sc2-secondary-action:focus-visible{border-color:color-mix(in srgb,var(--sc2-action-accent, var(--aqua)) 70%,var(--line));background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 52%),linear-gradient(90deg,color-mix(in srgb,var(--sc2-action-accent, var(--aqua)) 18%,transparent),transparent 78%),#263d48f5;box-shadow:0 0 0 1px color-mix(in srgb,var(--sc2-action-accent, var(--aqua)) 30%,transparent),0 14px 28px #02080d57}.sc2-secondary-action strong{color:var(--text);font-size:16px;line-height:1.14}.sc2-secondary-action span{color:var(--muted);font-size:13px;line-height:1.32}.sc2-preview-rail{display:grid;min-width:0;align-self:stretch}.main-menu-preview-board{position:relative;z-index:1;align-self:stretch;display:grid;align-content:center;justify-self:stretch;width:100%;min-width:0;background:linear-gradient(135deg,#182933f5,#0d161ff5),repeating-linear-gradient(90deg,rgba(56,224,208,.14) 0 1px,transparent 1px 28px);padding:clamp(12px,1.6vw,18px);box-shadow:inset 0 1px #ffffff14,0 28px 76px #02080d66}.main-menu-preview-board:before{content:"";position:absolute;top:0;right:14px;left:14px;height:3px;background:linear-gradient(90deg,var(--pink),var(--yellow),var(--aqua),var(--violet));border-radius:0 0 999px 999px}.main-menu-preview-board .board{margin:0 auto}.main-menu-preview-board .board-player-heading{--board-target-flags-height: 0px}.main-menu-preview-board .board-target-flags{display:none}.main-menu-preview-board .stat-line{justify-content:flex-end}.main-menu-puzzle-preview{align-content:center}.main-menu-preview-header{align-items:start}.main-menu-preview-header div{display:grid;gap:4px;min-width:0}.main-menu-preview-header span,.main-menu-preview-header strong,.main-menu-preview-header small,.main-menu-puzzle-preview .stat-line span{min-width:0;overflow-wrap:anywhere}.main-menu-preview-header span{color:var(--aqua);font-size:12px;font-weight:900;text-transform:uppercase}.main-menu-preview-header strong{color:var(--text);font-size:18px;line-height:1.12}.main-menu-preview-header small{flex:0 0 auto;border:1px solid rgba(56,224,208,.36);border-radius:999px;background:#38e0d01a;color:#bdf9f1;padding:5px 8px;font-size:11px;font-weight:800;line-height:1}.main-menu-puzzle-preview .stat-line{justify-content:flex-start}.main-menu-puzzle-preview .stat-line span{color:#dceef5;font-weight:700}.preview-best-chain{display:inline-flex;align-items:baseline;gap:5px;color:var(--yellow);font-size:13px;font-weight:800}.home-menu-page{min-height:min(760px,calc(100dvh - 76px));border-color:#f8fbff29;background:linear-gradient(135deg,rgba(255,92,138,.18) 0 16%,transparent 16% 100%),linear-gradient(318deg,rgba(56,224,208,.18) 0 18%,transparent 18% 100%),linear-gradient(180deg,#182a32,#0b151d)}.home-menu-page:before{background:repeating-linear-gradient(90deg,rgba(255,255,255,.052) 0 1px,transparent 1px 80px),repeating-linear-gradient(0deg,rgba(255,255,255,.036) 0 1px,transparent 1px 76px),linear-gradient(160deg,rgba(255,216,74,.14),transparent 42%),linear-gradient(24deg,rgba(169,112,255,.12),transparent 44%);opacity:1}.home-menu-content{position:relative;z-index:1;display:grid;gap:18px;width:min(100%,1260px);justify-self:center;min-width:0}.home-menu-hero{display:flex;align-items:end;justify-content:space-between;gap:18px;min-width:0}.home-menu-brand-lockup{display:flex;align-items:center;gap:clamp(14px,2vw,20px);min-width:0}.home-menu-logo{flex:0 0 auto;width:clamp(58px,7vw,82px);height:clamp(58px,7vw,82px);border-radius:8px;filter:drop-shadow(0 18px 26px rgba(2,8,13,.36))}.main-menu-copy.home-menu-copy{gap:6px}.main-menu-copy.home-menu-copy h3{font-size:clamp(42px,6vw,72px);line-height:.95;text-shadow:0 4px 0 rgba(255,92,138,.28),0 20px 34px rgba(2,8,13,.5)}.main-menu-copy.home-menu-copy p{max-width:40rem;color:#d8edf2}.home-menu-shell{display:grid;grid-template-columns:minmax(250px,310px) minmax(0,1fr);gap:14px;min-width:0;align-items:stretch}.home-menu-sidebar{display:grid;gap:12px;align-content:start;min-width:0}.home-menu-primary-list,.home-menu-secondary-list,.home-menu-command-panel,.home-menu-command-deck{min-width:0;border:1px solid rgba(93,120,132,.54);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 110px),#0a1219d1;box-shadow:inset 0 1px #ffffff14,0 18px 42px #02080d47;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.home-menu-primary-list,.home-menu-secondary-list{display:grid;gap:8px;padding:8px}.home-menu-primary-item,.home-menu-secondary-item,.home-menu-play-button,.home-menu-option-button{--menu-accent: var(--aqua);position:relative;width:100%;overflow:hidden;border-color:#5d78848a;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 56%),#182630e6;text-align:left;box-shadow:none}.home-menu-primary-item[data-menu-tone=singlePlayer],.home-menu-secondary-item[data-menu-tone=singlePlayer],.home-menu-command-panel[data-menu-tone=singlePlayer]{--menu-accent: var(--pink)}.home-menu-primary-item[data-menu-tone=versus],.home-menu-secondary-item[data-menu-tone=versus],.home-menu-command-panel[data-menu-tone=versus]{--menu-accent: var(--yellow)}.home-menu-primary-item[data-menu-tone=multiplayer],.home-menu-secondary-item[data-menu-tone=multiplayer],.home-menu-command-panel[data-menu-tone=multiplayer]{--menu-accent: var(--aqua)}.home-menu-primary-item[data-menu-tone=options],.home-menu-secondary-item[data-menu-tone=options],.home-menu-command-panel[data-menu-tone=options]{--menu-accent: var(--violet)}.home-menu-primary-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;min-height:78px;align-items:center;padding:10px 12px}.home-menu-primary-icon{position:relative;display:grid;place-items:center;width:38px;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--menu-accent) 54%,rgba(255,255,255,.18));border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 54%),color-mix(in srgb,var(--menu-accent) 26%,#10202a);color:var(--text);box-shadow:inset 0 1px #ffffff24}.home-menu-primary-icon:before,.home-menu-primary-icon:after,.home-menu-primary-icon span{content:"";position:absolute;width:10px;aspect-ratio:1;border-radius:3px;background:var(--menu-accent);box-shadow:inset 0 2px #ffffff47,0 6px 10px #02080d42}.home-menu-primary-icon:before{left:9px;bottom:9px}.home-menu-primary-icon span{right:9px;bottom:9px;filter:hue-rotate(35deg) brightness(1.08)}.home-menu-primary-icon:after{top:9px;left:14px;filter:hue-rotate(-35deg) brightness(1.12)}.home-menu-primary-copy,.home-menu-secondary-item span{display:grid;gap:4px;min-width:0}.home-menu-primary-copy strong,.home-menu-primary-copy small,.home-menu-secondary-item strong,.home-menu-secondary-item small,.home-menu-secondary-item em,.home-menu-command-header span,.home-menu-command-header h4,.home-menu-command-header p,.home-menu-command-header strong,.home-menu-play-button span,.home-menu-play-button small,.home-menu-option-button strong,.home-menu-option-button span{min-width:0;overflow-wrap:anywhere}.home-menu-primary-copy strong,.home-menu-secondary-item strong{color:var(--text);font-size:15px;line-height:1.12}.home-menu-primary-copy small,.home-menu-secondary-item small{color:var(--muted);font-size:12px;line-height:1.28}.home-menu-primary-item:before,.home-menu-secondary-item:before,.home-menu-play-button:before,.home-menu-option-button:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--menu-accent);opacity:.82}.home-menu-primary-item:hover,.home-menu-primary-item:focus-visible,.home-menu-primary-item.selected,.home-menu-secondary-item:hover,.home-menu-secondary-item:focus-visible,.home-menu-secondary-item.selected,.home-menu-play-button:hover,.home-menu-play-button:focus-visible,.home-menu-option-button:hover,.home-menu-option-button:focus-visible{border-color:color-mix(in srgb,var(--menu-accent) 70%,var(--line));background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 58%),linear-gradient(90deg,color-mix(in srgb,var(--menu-accent) 18%,transparent),transparent 82%),#1f313cf5;box-shadow:inset 0 1px #ffffff17,0 14px 28px #02080d4d}.home-menu-primary-item.selected,.home-menu-secondary-item.selected{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--menu-accent) 44%,transparent),0 14px 28px #02080d3d}.home-menu-secondary-list{background:linear-gradient(180deg,rgba(255,255,255,.055),transparent 76px),#0d1821bd}.home-menu-secondary-item{display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px 11px 16px}.home-menu-secondary-item em{flex:0 0 auto;border:1px solid color-mix(in srgb,var(--menu-accent) 45%,rgba(255,255,255,.14));border-radius:999px;background:#ffffff0f;color:#fff2b8;padding:5px 8px;font-size:11px;font-style:normal;font-weight:850}.home-menu-command-deck{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,410px);gap:14px;align-items:stretch;padding:clamp(10px,1.4vw,14px)}.home-menu-command-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:12px;padding:clamp(12px,1.7vw,18px)}.home-menu-command-header{display:flex;align-items:end;justify-content:space-between;gap:14px;min-width:0;border-bottom:1px solid rgba(93,120,132,.42);padding-bottom:12px}.home-menu-command-header div{display:grid;gap:5px;min-width:0}.home-menu-command-header span{color:var(--menu-accent);font-size:12px;font-weight:950;text-transform:uppercase}.home-menu-command-header h4{margin:0;color:var(--text);font-size:clamp(26px,3vw,42px);line-height:1}.home-menu-command-header p{max-width:52rem;margin:0;color:var(--muted);font-size:13px;line-height:1.4}.home-menu-command-header strong{flex:0 0 auto;border:1px solid color-mix(in srgb,var(--menu-accent) 46%,rgba(255,255,255,.18));border-radius:999px;background:color-mix(in srgb,var(--menu-accent) 14%,transparent);color:var(--text);padding:6px 10px;font-size:12px;line-height:1}.home-menu-play-button{--menu-accent: var(--green);display:grid;gap:7px;min-height:116px;align-content:center;padding:18px 50px 18px 18px;border-color:color-mix(in srgb,var(--green) 58%,var(--line));background:linear-gradient(180deg,rgba(255,255,255,.11),transparent 58%),linear-gradient(90deg,rgba(98,223,123,.2),transparent 78%),#183428f0}.home-menu-play-button:after,.home-menu-option-button:after{content:"";position:absolute;top:50%;right:18px;width:10px;height:10px;border-top:3px solid currentColor;border-right:3px solid currentColor;color:#f8fbffc2;transform:translateY(-50%) rotate(45deg)}.home-menu-play-button span{color:var(--text);font-size:clamp(22px,3vw,34px);font-weight:950;line-height:1}.home-menu-play-button small{max-width:52rem;color:#d6ead9;font-size:14px;line-height:1.36}.home-menu-option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;align-content:start;min-width:0}.home-menu-option-button{display:grid;gap:5px;min-height:84px;align-content:center;padding:12px 42px 12px 14px}.home-menu-option-button.primary{--menu-accent: var(--green)}.home-menu-option-button.danger,.home-menu-play-button.danger{--menu-accent: var(--danger);border-color:color-mix(in srgb,var(--danger) 62%,var(--line));background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 56%),linear-gradient(90deg,rgba(255,130,122,.18),transparent 78%),#321d21f0}.home-menu-option-button strong{color:var(--text);font-size:16px;line-height:1.14}.home-menu-option-button span{color:var(--muted);font-size:13px;line-height:1.32}@media(max-width:1120px){.home-menu-shell,.home-menu-command-deck{grid-template-columns:1fr}.home-menu-sidebar{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}}@media(max-width:820px){.home-menu-hero,.home-menu-sidebar,.home-menu-command-header{display:grid}.home-menu-command-header strong{justify-self:start}}@media(max-width:560px){.home-menu-brand-lockup{align-items:start}.home-menu-logo{width:52px;height:52px}.main-menu-copy.home-menu-copy h3{font-size:38px}.home-menu-primary-item{min-height:66px}}@keyframes ladder-queue-pip{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes toast-popup-lifetime{0%{opacity:0;transform:translateY(12px)}10%,82%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.menu-actions{display:grid;gap:10px;min-width:0}.main-menu-actions{max-width:440px}.single-player-mode-actions{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.menu-action{position:relative;display:grid;gap:6px;min-width:0;min-height:64px;align-content:center;justify-items:start;overflow:hidden;border-color:var(--line);background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 48%),var(--surface);padding:14px 44px 14px 16px;text-align:left}.menu-action:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--action-color, var(--aqua));opacity:.92}.menu-action:after{content:"";position:absolute;right:16px;top:50%;width:10px;height:10px;border-top:3px solid currentColor;border-right:3px solid currentColor;color:#f8fbffb8;transform:translateY(-50%) rotate(45deg)}.menu-action:hover,.menu-action:focus,.menu-action:focus-visible{border-color:var(--action-color, var(--aqua));background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 48%),color-mix(in srgb,var(--action-color, var(--aqua)) 20%,#182732);box-shadow:0 0 0 1px color-mix(in srgb,var(--action-color, var(--aqua)) 55%,transparent),0 16px 34px #02080d5c}.menu-action.primary{--action-color: var(--green);border-color:color-mix(in srgb,var(--green) 52%,var(--line));background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 48%),#1b3026}.menu-action.ladder{--action-color: var(--blue);border-color:color-mix(in srgb,var(--blue) 46%,var(--line));background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 48%),#182e3d}.menu-action.ladder strong{color:#dff4ff}.menu-action.single-player{--action-color: var(--pink)}.menu-action.custom{--action-color: var(--aqua)}.menu-action.versus{--action-color: var(--yellow)}.menu-action.options{--action-color: var(--violet)}.menu-action.danger{--action-color: var(--danger);border-color:#ff827a7a;color:#ffd4d1}.menu-action.danger:after{display:none}.menu-action strong{min-width:0;overflow-wrap:anywhere;color:var(--text);font-size:18px;line-height:1.12}.menu-action span,.menu-action small,.menu-action em{min-width:0;overflow-wrap:anywhere;color:var(--muted);font-size:12px;font-style:normal}.menu-action b{min-width:0;overflow-wrap:anywhere;color:var(--yellow);font-size:12px}.versus-menu-page{max-width:760px}.versus-menu-copy{display:grid;gap:6px;min-width:0;width:min(640px,100%)}.versus-menu-copy span{justify-self:start;color:var(--yellow);font-size:12px;font-weight:800;text-transform:uppercase}.versus-menu-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.versus-actions{width:min(640px,100%)}.versus-ai-card{display:grid;gap:12px;min-width:0;border:1px solid color-mix(in srgb,var(--green) 36%,var(--line));border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 48%),#1b2a24;padding:14px}.versus-ai-level-choice[data-ai-level=easy]{--ai-level-color: #56d76d;--ai-level-bg: #14251a}.versus-ai-level-choice[data-ai-level=normal]{--ai-level-color: #38e0d0;--ai-level-bg: #102725}.versus-ai-level-choice[data-ai-level=hard]{--ai-level-color: #ffd84a;--ai-level-bg: #2a2412}.versus-ai-level-choice[data-ai-level=veryHard]{--ai-level-color: #ff5c7a;--ai-level-bg: #2a1420}.versus-ai-level-choice[data-ai-level=elite]{--ai-level-color: #ad70ff;--ai-level-bg: #21182f}.versus-ai-level-choice[data-ai-level=sensei]{--ai-level-color: #b8e6ff;--ai-level-bg: #16222e}.versus-ai-level-choice>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.versus-ai-card-copy{display:grid;gap:4px;min-width:0}.versus-ai-card-copy strong{color:var(--text);font-size:18px}.versus-ai-card-copy span{color:var(--muted);font-size:12px}.versus-ai-difficulty{display:grid;gap:8px;min-width:0;border:0;margin:0;padding:0}.versus-ai-difficulty legend{margin-bottom:8px;padding:0;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.versus-ai-level-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;min-width:0;border:1px solid color-mix(in srgb,var(--line) 78%,var(--green));border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.055),transparent 100%),#080e0da8;padding:4px}.versus-ai-level-choice{--ai-level-color: var(--green);--ai-level-bg: #16211c;position:relative;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;border:1px solid transparent;border-radius:999px;padding:9px 8px;color:#aebdb6;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease}.versus-ai-level-choice:hover,.versus-ai-level-choice:has(input:focus-visible){color:var(--text);background:#ffffff0e}.versus-ai-level-choice:has(input:focus-visible){outline:3px solid var(--yellow);outline-offset:3px}.versus-ai-level-choice.selected{border-color:color-mix(in srgb,var(--ai-level-color) 66%,var(--line));background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 100%),linear-gradient(135deg,color-mix(in srgb,var(--ai-level-color) 25%,transparent),transparent 72%),color-mix(in srgb,var(--ai-level-color) 28%,var(--ai-level-bg));color:#f4fff7;box-shadow:inset 0 1px #ffffff14,0 8px 18px color-mix(in srgb,var(--ai-level-color) 20%,rgba(2,8,13,.22))}.versus-ai-level-choice span{min-width:0;overflow-wrap:normal;font-size:12px;font-weight:800;line-height:1.1;text-align:center;white-space:nowrap}.versus-ai-start{position:relative;justify-self:end;min-width:128px;margin-top:0;border-color:var(--line-bright);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 48%),var(--surface-soft);color:var(--text);padding:11px 42px 11px 16px;font-size:13px;font-weight:900;text-align:left;box-shadow:inset 0 1px #ffffff1a,0 10px 22px #02080d3d}.versus-ai-start:after{content:"";position:absolute;right:16px;top:50%;width:10px;height:10px;border-top:3px solid currentColor;border-right:3px solid currentColor;color:#f8fbffb8;transform:translateY(-50%) rotate(45deg)}.versus-ai-start:hover,.versus-ai-start:focus-visible{border-color:color-mix(in srgb,var(--line-bright) 78%,var(--text));background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 44%),#2b4050;box-shadow:0 0 0 1px color-mix(in srgb,var(--line-bright) 42%,transparent),0 12px 26px #02080d52;transform:translateY(-1px)}.versus-ai-start:disabled{transform:none}.ladder-queue-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px;background:#05080a8a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ladder-queue-modal{position:relative;display:grid;gap:16px;width:min(100%,390px);min-width:0;overflow:hidden;border:1px solid rgba(121,241,220,.38);border-radius:8px;background:linear-gradient(135deg,#1c2c30fa,#10141dfa),repeating-linear-gradient(90deg,rgba(121,241,220,.1) 0 1px,transparent 1px 30px);padding:18px;box-shadow:0 30px 90px #0000008f,0 0 42px #4fe0d62e}.ladder-queue-modal:before{content:"";position:absolute;top:0;right:12px;left:12px;height:4px;background:linear-gradient(90deg,#ff537f,#ffde59,#4fe0d6,#ad70ff);border-radius:0 0 999px 999px}.ladder-queue-modal.matched{border-color:#ffde597a;box-shadow:0 30px 90px #0000008f,0 0 42px #ffde592e}.ladder-queue-search-pips{display:grid;grid-template-columns:repeat(5,14px);gap:8px;justify-content:center;min-width:0;padding-top:2px}.ladder-queue-search-pips span{width:14px;aspect-ratio:1;border:1px solid rgba(9,12,10,.48);border-radius:4px;background:var(--queue-pip, #4fe0d6);box-shadow:inset 0 2px #ffffff38,0 8px 18px #00000047;animation:ladder-queue-pip 1s ease-in-out infinite}.ladder-queue-search-pips span:nth-child(1){--queue-pip: #ff537f}.ladder-queue-search-pips span:nth-child(2){--queue-pip: #4b9aff;animation-delay:.08s}.ladder-queue-search-pips span:nth-child(3){--queue-pip: #4fe17c;animation-delay:.16s}.ladder-queue-search-pips span:nth-child(4){--queue-pip: #ffde59;animation-delay:.24s}.ladder-queue-search-pips span:nth-child(5){--queue-pip: #ad70ff;animation-delay:.32s}.ladder-queue-modal-header{display:grid;gap:5px;min-width:0;text-align:center}.ladder-queue-modal-header span{color:#79f1dc;font-size:12px;font-weight:800;text-transform:uppercase}.ladder-queue-modal-header h4{margin:0;min-width:0;overflow-wrap:anywhere}.ladder-queue-modal-header h4{color:#eef5fa;font-size:24px;line-height:1.08}.ladder-queue-modal-meta{margin:0;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.ladder-queue-cancel{justify-self:center;min-width:132px;border-color:#5e8792;background:#1f2d2f;color:#d9f4f4;font-weight:800}.mode-action{min-height:172px;align-content:start}.single-player-menu-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}.single-player-menu-summary div{display:grid;gap:3px;min-width:0;border:1px solid #30444e;border-radius:8px;background:#1c2933;padding:10px}.single-player-menu-summary strong,.single-player-menu-summary span{min-width:0;overflow-wrap:anywhere}.single-player-menu-summary strong{color:#eef5fa;font-size:16px}.single-player-menu-summary span{color:#aebfc8;font-size:12px}.menu-progress-lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;min-width:0}.menu-progress-list{display:grid;gap:8px;min-width:0;border:1px solid #30444e;border-radius:8px;background:#1b2832;padding:12px}.menu-progress-list>span{color:#f0dc9a;font-size:12px;font-weight:700;text-transform:uppercase}.menu-progress-list>div{display:grid;gap:8px}.menu-progress-list>div>div{display:grid;gap:3px;min-width:0}.menu-progress-list strong,.menu-progress-list small{min-width:0;overflow-wrap:anywhere}.menu-progress-list strong{color:#eef5fa;font-size:13px}.menu-progress-list small{color:#aebfc8;font-size:12px}.rooms-page{display:grid;align-content:start;gap:14px;padding:20px;min-width:0}.custom-rooms-page{position:relative;isolation:isolate;width:100%;max-width:1120px;gap:18px}.custom-rooms-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:start;gap:16px;min-width:0;overflow:hidden;border:1px solid rgba(121,241,220,.2);border-radius:8px;background:linear-gradient(130deg,rgba(255,83,129,.18) 0 18%,transparent 18% 100%),linear-gradient(310deg,rgba(255,222,89,.18) 0 20%,transparent 20% 100%),linear-gradient(160deg,rgba(71,231,214,.14),transparent 46%),#121819;padding:clamp(16px,3vw,24px);box-shadow:inset 0 0 0 1px #ffffff0a}.custom-rooms-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 2px,transparent 2px 76px),repeating-linear-gradient(0deg,rgba(121,241,220,.06) 0 2px,transparent 2px 68px)}.custom-rooms-hero-copy{display:grid;gap:7px;min-width:0}.custom-rooms-hero-copy span,.custom-room-list-header span{color:#79f1dc;font-size:12px;font-weight:800;text-transform:uppercase}.custom-rooms-hero-copy h3,.custom-rooms-hero-copy p,.custom-room-list-header h4,.custom-room-action-card h4,.custom-room-action-card p{margin:0;min-width:0;overflow-wrap:anywhere}.custom-rooms-hero-copy h3{color:#eef5fa;font-size:clamp(28px,5vw,44px);line-height:1.02}.custom-rooms-hero-copy p{max-width:620px;color:#d7e5dc;font-size:14px}.custom-rooms-stats{display:grid;grid-template-columns:repeat(3,minmax(86px,1fr));gap:8px;min-width:min(100%,330px)}.custom-rooms-stats>div{display:grid;gap:3px;border:1px solid rgba(144,180,148,.28);border-radius:8px;background:#111412b8;padding:10px}.custom-rooms-stats strong{color:#ffde59;font-size:24px;line-height:1}.custom-rooms-stats span{color:#c9d6de;font-size:12px}.custom-rooms-back{min-width:76px}.rooms-toolbar{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.custom-rooms-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}.custom-room-action-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;min-width:0;border:1px solid #39505b;border-radius:8px;background:#1d2b35;padding:14px}.custom-room-action-card.join{background:#1a2528}.custom-room-action-card>div{display:grid;gap:7px;min-width:0}.custom-room-action-icon{display:inline-grid;place-items:center;width:32px;aspect-ratio:1;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ff537f;color:#0f1820;font-size:22px;font-weight:900;line-height:1}.custom-room-action-card.join .custom-room-action-icon{background:#79f1dc}.custom-room-action-card h4{color:#eef5fa;font-size:17px}.custom-room-action-card p{color:#aebfc8;font-size:13px;line-height:1.35}.custom-room-primary-button,.custom-room-secondary-button{white-space:nowrap}.custom-room-primary-button{border-color:#79975f;background:#283820}.custom-room-code-form{display:grid;grid-template-columns:minmax(120px,1fr) auto;gap:8px;min-width:min(100%,320px)}.custom-room-code-error{grid-column:1 / -1;color:#f0baba;font-size:12px}.custom-room-secondary-button{grid-column:1 / -1;justify-self:end;min-height:32px;border-color:transparent;background:transparent;color:#c9d6de;padding:0 4px}.custom-room-secondary-button:hover,.custom-room-secondary-button:focus-visible{border-color:#4b554f;background:#202a2d}.custom-room-list-header{display:flex;align-items:end;justify-content:space-between;gap:12px;min-width:0;border-bottom:1px solid #30444e;padding-bottom:10px}.custom-room-list-header>div{display:grid;gap:2px;min-width:0}.custom-room-list-header h4{color:#eef5fa;font-size:20px}.custom-room-password-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:#080a09b8;padding:20px}.custom-room-password-modal{display:grid;gap:14px;width:min(100%,390px);border:1px solid #435964;border-radius:8px;background:#1b2832;padding:18px;box-shadow:0 24px 70px #00000061}.custom-room-password-modal>div:first-child{display:grid;gap:5px;min-width:0}.custom-room-password-modal span{color:#79f1dc;font-size:12px;font-weight:800;text-transform:uppercase}.custom-room-password-modal h4,.custom-room-password-modal p{margin:0;min-width:0;overflow-wrap:anywhere}.custom-room-password-modal h4{color:#eef5fa;font-size:20px}.custom-room-password-modal p{color:#aebfc8;font-size:13px}.custom-room-password-error{border:1px solid #9a5555;border-radius:8px;background:#9a555521;color:#f0baba;padding:9px 10px;font-size:13px}.custom-room-password-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.home-single-player-dashboard{display:grid;gap:14px;min-width:0}.home-dashboard-header{display:flex;align-items:start;justify-content:space-between;gap:16px;min-width:0;border-bottom:1px solid #30444e;padding-bottom:14px}.home-dashboard-header>div:first-child{display:grid;gap:4px;min-width:0}.home-dashboard-header span{color:#f0dc9a;font-size:12px;font-weight:700;text-transform:uppercase}.home-dashboard-header h3,.home-dashboard-header p{margin:0}.home-dashboard-header h3{color:#eef5fa;font-size:22px}.home-dashboard-header p{color:#aebfc8;font-size:13px}.home-dashboard-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(72px,1fr));gap:8px;min-width:min(330px,100%)}.home-dashboard-stat-grid div{display:grid;gap:2px;min-width:0;border:1px solid #30444e;border-radius:8px;background:#1c2933;padding:10px;text-align:center}.home-dashboard-stat-grid strong{color:#eef5fa;font-size:17px}.home-dashboard-stat-grid span{color:#aebfc8;font-size:11px;text-transform:none}.home-progress-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;min-width:0}.home-progress-card{display:grid;gap:12px;min-width:0;border:1px solid #30444e;border-radius:8px;background:#1c2933;padding:14px}.home-progress-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-progress-card-header span{color:#f0dc9a;font-size:12px;font-weight:700;text-transform:uppercase}.home-progress-card-header button{flex:0 0 auto;max-width:220px;white-space:normal}.home-progress-stats,.home-progress-next{display:grid;gap:4px;min-width:0}.home-progress-stats strong,.home-progress-next strong{min-width:0;overflow-wrap:anywhere;color:#eef5fa;font-size:17px}.home-progress-stats span,.home-progress-next span,.home-progress-next small{min-width:0;overflow-wrap:anywhere;color:#aebfc8;font-size:12px}.home-dashboard-lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;min-width:0}.home-dashboard-list{display:grid;gap:8px;min-width:0;border:1px solid #30444e;border-radius:8px;background:#1b2832;padding:12px}.home-dashboard-list>span{color:#f0dc9a;font-size:12px;font-weight:700;text-transform:uppercase}.home-dashboard-list>div{display:grid;gap:8px}.home-dashboard-list>div>div{display:grid;gap:3px;min-width:0;border:1px solid #30444e;border-radius:8px;padding:8px}.home-dashboard-list strong{min-width:0;overflow-wrap:anywhere;color:#eef5fa;font-size:13px}.home-dashboard-list small{min-width:0;overflow-wrap:anywhere;color:#aebfc8;font-size:12px}@keyframes menu-panel-drift{0%,to{transform:translateZ(0) rotate(var(--panel-angle, -8deg)) scale(1)}50%{transform:translate3d(var(--panel-drift-x, 14px),var(--panel-drift-y, -18px),0) rotate(var(--panel-twist, 12deg)) scale(1.08)}}@keyframes menu-speed-lines{0%,to{transform:translateZ(0) rotate(-8deg)}50%{transform:translate3d(-18px,8px,0) rotate(-8deg)}}@media(max-width:1120px){.sc2-menu-shell{grid-template-columns:1fr}.sc2-preview-rail{display:none}}@media(max-width:820px){.menu-panel-sprite{opacity:.58}.main-menu-graphics:after{opacity:.28}.sc2-top-menu-bar{grid-template-columns:none;grid-auto-columns:minmax(145px,1fr);grid-auto-flow:column;overflow-x:auto}.sc2-submenu-bar{grid-auto-columns:minmax(165px,1fr)}.sc2-top-menu-item,.sc2-submenu-item,.sc2-secondary-action{min-height:56px}.sc2-secondary-action-list.equal-actions{grid-template-columns:1fr}.main-menu-preview-board{display:none}.sc2-command-header{display:grid}.sc2-menu-hero,.sc2-menu-brand-lockup{align-items:flex-start}.sc2-command-header strong{justify-self:start}}@media(max-width:720px){.sc2-menu-hero{display:grid}.sc2-menu-user-controls{justify-content:flex-start}.top-bar{display:grid;gap:12px;align-items:start}.top-actions{justify-content:flex-start;flex-wrap:wrap}.top-user-line strong{max-width:min(180px,calc(100vw - 150px))}.home-dashboard-header{display:grid}.home-dashboard-stat-grid{grid-template-columns:repeat(auto-fit,minmax(86px,1fr))}.custom-rooms-page{padding:14px}.custom-rooms-hero{grid-template-columns:1fr}.custom-rooms-stats{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}.custom-rooms-back{justify-self:start}.custom-rooms-actions,.custom-room-action-card{grid-template-columns:1fr}.custom-room-code-form{grid-template-columns:1fr auto;min-width:0}.custom-room-primary-button,.custom-room-secondary-button{justify-self:start;white-space:normal}.main-menu-page{grid-template-columns:1fr;align-items:start}.main-menu-copy h3{font-size:34px}.single-player-menu-summary{grid-template-columns:1fr}}.achievement-badges{display:grid;gap:8px;min-width:0;border:1px solid #30444e;border-radius:8px;background:#1b2832;padding:12px}.achievement-badges.compact{border:0;background:transparent;padding:0}.achievement-badges>span{color:#f0dc9a;font-size:12px;font-weight:700;text-transform:uppercase}.achievement-badges>div{display:flex;flex-wrap:wrap;gap:7px;min-width:0}.achievement-badge{max-width:100%;border:1px solid #364a52;border-radius:999px;padding:5px 8px;overflow-wrap:anywhere;color:#d6dfe6;font-size:12px}.achievement-badge.earned{border-color:#79975f;background:#273321;color:#f0dc9a}.achievement-badge.locked{border-color:#364a52;color:#8f9a91;opacity:.72}.badge-unlock-list{display:grid;gap:8px;border:1px solid #79975f;border-radius:8px;background:#273321;padding:10px}.badge-unlock-list>span{color:#f0dc9a;font-size:12px;font-weight:700;text-transform:uppercase}.badge-unlock-list>div{display:flex;flex-wrap:wrap;gap:7px}.badge-unlock-list strong{border:1px solid #79975f;border-radius:999px;padding:5px 8px;color:#eef5fa;font-size:12px}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;min-width:0}.custom-room-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.room-card{display:grid;gap:6px;min-height:128px;padding:14px;text-align:left;align-content:start}.room-card strong{font-size:17px}.room-card small{color:#9ba89d;word-break:break-all}.custom-room-card{position:relative;overflow:hidden;gap:10px;min-height:172px;border-color:#39505b;background:linear-gradient(135deg,rgba(121,241,220,.08),transparent 48%),#1c2933}.custom-room-card:before{content:"";position:absolute;top:0;right:14px;left:14px;height:3px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,#ff537f,#ffde59,#79f1dc)}.custom-room-card:hover,.custom-room-card:focus-visible{transform:translateY(-1px)}.custom-room-status{justify-self:start;border:1px solid #79975f;border-radius:999px;background:#79975f24;padding:4px 8px;color:#d9e8ef;font-size:11px;font-weight:800;text-transform:uppercase}.custom-room-status.active{border-color:#5e8792;background:#5e879229;color:#d9f4f4}.custom-room-status.completed,.custom-room-status.aborted{border-color:#5c625d;background:#5c625d29;color:#c1c8c0}.custom-room-card-meta{display:flex;flex-wrap:wrap;gap:7px;min-width:0}.custom-room-card-meta>span{border:1px solid #435964;border-radius:999px;padding:4px 8px;color:#c9d6de;font-size:12px}.custom-room-capacity{display:block;width:100%;height:8px;overflow:hidden;border-radius:999px;background:#0f1820}.custom-room-capacity>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#79f1dc,#ffde59)}.custom-room-card-footer{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:auto;min-width:0}.custom-room-card-footer>span{color:#eef5fa;font-size:13px;font-weight:700;white-space:nowrap}.custom-room-card-footer small{min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:right;white-space:nowrap}.campaign-page{max-width:1040px}.campaign-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #39505b;border-radius:8px;background:#1c2933;padding:14px}.campaign-hero>div{display:grid;gap:4px}.campaign-hero strong{color:#eef5fa;font-size:18px}.campaign-hero span{color:#b9cad2}.single-player-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.single-player-summary div{display:grid;gap:4px;min-width:0;border:1px solid #30444e;border-radius:8px;background:#1c2933;padding:12px}.single-player-summary strong{min-width:0;overflow-wrap:anywhere;color:#eef5fa;font-size:16px}.single-player-summary span{min-width:0;overflow-wrap:anywhere;color:#aebfc8;font-size:12px}.ladder-leaderboard-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;width:min(820px,100%);border:1px solid color-mix(in srgb,var(--blue) 38%,var(--line));border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 52%),linear-gradient(90deg,rgba(49,168,255,.14),transparent 70%),var(--surface);padding:14px}.ladder-leaderboard-hero div{display:grid;gap:4px;min-width:0}.ladder-leaderboard-hero strong{color:var(--text);font-size:18px}.ladder-leaderboard-hero span{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.ladder-leaderboard-list{display:grid;gap:8px;width:min(820px,100%);margin:0;padding:0;list-style:none}.ladder-leaderboard-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:6px;background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 56%),var(--surface);padding:10px 14px}.ladder-leaderboard-row.self{border-color:color-mix(in srgb,var(--aqua) 64%,var(--line));box-shadow:inset 3px 0 0 var(--aqua)}.ladder-leaderboard-rank{color:var(--muted-soft);font-size:15px;font-weight:900;font-variant-numeric:tabular-nums;text-align:center}.ladder-leaderboard-row.top-1 .ladder-leaderboard-rank{color:var(--yellow)}.ladder-leaderboard-row.top-2 .ladder-leaderboard-rank{color:#d6dfe6}.ladder-leaderboard-row.top-3 .ladder-leaderboard-rank{color:#e0a36b}.ladder-leaderboard-player{display:flex;align-items:center;gap:10px;min-width:0}.ladder-leaderboard-player strong{min-width:0;overflow:hidden;color:var(--text);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.ladder-leaderboard-you,.ladder-leaderboard-provisional{flex:0 0 auto;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800;line-height:1}.ladder-leaderboard-you{border:1px solid rgba(56,224,208,.4);background:#38e0d01f;color:#bdf9f1}.ladder-leaderboard-provisional{border:1px solid var(--line);background:#5d788429;color:var(--muted-soft)}.ladder-leaderboard-record{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.ladder-leaderboard-rating{min-width:52px;color:var(--text);font-size:18px;font-weight:900;font-variant-numeric:tabular-nums;text-align:right}.ladder-leaderboard-gap{color:var(--muted-soft);font-size:16px;font-weight:900;line-height:1;text-align:center}.stage-chapter-list{display:grid;gap:22px}.stage-chapter-section{display:grid;gap:12px;min-width:0}.stage-chapter-header{display:flex;align-items:end;justify-content:space-between;gap:16px;min-width:0;border-top:1px solid #30444e;padding-top:14px}.stage-chapter-header>div:first-child{display:grid;gap:4px;min-width:0}.stage-chapter-header span,.stage-chapter-header p{color:#aebfc8;font-size:12px}.stage-chapter-header h4,.stage-chapter-header p{margin:0}.stage-chapter-header h4{color:#eef5fa;font-size:17px}.stage-chapter-summary{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:min(280px,100%)}.stage-chapter-summary span{min-width:0;border:1px solid #41565f;border-radius:999px;padding:4px 8px;color:#c3d2da;font-size:12px;overflow-wrap:anywhere}.stage-detail-panel{display:grid;gap:14px;min-width:0;border:1px solid #4b584f;border-radius:8px;background:#1c2933;padding:16px}.stage-detail-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;min-width:0}.stage-detail-heading>div{display:grid;gap:4px;min-width:0}.stage-detail-heading span,.stage-detail-grid span,.stage-detail-grid small{color:#aebfc8;font-size:12px}.stage-detail-heading h3,.stage-detail-heading p{margin:0}.stage-detail-heading h3{color:#eef5fa;font-size:22px}.stage-detail-heading p{color:#b9cad2}.stage-detail-intro{margin:0;max-width:720px;color:#d7e1d5;line-height:1.5}.stage-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.stage-detail-grid>div{display:grid;gap:4px;min-width:0;border:1px solid #364a52;border-radius:8px;padding:10px}.stage-detail-grid>div.stage-next-objective{border-color:#8b7a42;background:#242719}.stage-detail-grid>div.stage-opponent-profile{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px}.stage-opponent-profile>div{display:grid;gap:4px;min-width:0}.stage-detail-grid strong{min-width:0;overflow-wrap:anywhere;color:#eef5fa;font-size:17px}.stage-opponent-quip{min-width:0;overflow-wrap:anywhere;color:#b9cad2;font-size:12px;font-style:italic;line-height:1.3}.stage-detail-actions{display:flex;gap:8px;justify-content:flex-end}.stage-tip-list{display:grid;gap:8px;min-width:0;border:1px solid #364a52;border-radius:8px;background:#1b2832;padding:12px}.stage-tip-list>span{color:#f0dc9a;font-size:12px;font-weight:700;text-transform:uppercase}.stage-tip-list ul{display:grid;gap:6px;margin:0;padding-left:18px}.stage-tip-list li{color:#c3d2da;line-height:1.4}.campaign-stage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.campaign-stage-card{display:grid;gap:10px;align-content:start;min-width:0;border:1px solid #30444e;border-radius:8px;background:#1c2933;padding:14px}.campaign-stage-card.cleared{border-color:#78a083}.campaign-stage-card.selected{border-color:#d4bd72;box-shadow:0 0 0 1px #d4bd7238}.campaign-stage-heading{display:grid;gap:3px}.campaign-opponent{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px}.campaign-opponent>div{display:grid;gap:3px;min-width:0}.campaign-stage-heading span,.campaign-opponent small{color:#aebfc8;font-size:12px}.campaign-stage-heading strong,.campaign-opponent span{min-width:0;overflow-wrap:anywhere;color:#eef5fa}.campaign-stage-markers,.puzzle-stage-markers{display:flex;flex-wrap:wrap;gap:4px;min-width:0}.campaign-stage-markers span,.puzzle-stage-markers span{min-width:0;border:1px solid #41565f;border-radius:999px;padding:2px 6px;color:#87908a;font-size:11px;line-height:1.2;overflow-wrap:anywhere}.campaign-stage-markers span.earned,.puzzle-stage-markers span.earned{border-color:#6e8f70;color:#cfe8c8}.star-rating{display:inline-flex;align-items:center;gap:2px;color:#667068;font-size:18px;line-height:1}.star-rating.compact{font-size:13px}.star-rating .filled{color:#f0dc9a}.campaign-stage-meta{display:flex;flex-wrap:wrap;gap:6px}.campaign-stage-meta span{border:1px solid #41565f;border-radius:999px;padding:4px 8px;color:#c3d2da;font-size:12px}.campaign-stage-card p{margin:0;color:#b9cad2;font-size:13px}.stage-objective{color:#d4bd72;font-size:12px}.star-objective-list{display:flex;flex-wrap:wrap;gap:6px}.star-objective-list span{border:1px solid #41565f;border-radius:999px;padding:4px 8px;color:#96a098;font-size:12px}.star-objective-list span.earned{border-color:#8b7a42;color:#f0dc9a}.result-progress-list{display:grid;gap:8px;border:1px solid #364a52;border-radius:8px;background:#1b2832;padding:12px}.result-progress-list>span{color:#f0dc9a;font-size:12px;font-weight:700;text-transform:uppercase}.result-progress-list>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.result-progress-list>div>div{display:grid;gap:3px;min-width:0;border:1px solid #364a52;border-radius:8px;padding:8px}.result-progress-list>div>div.earned{border-color:#5f8b67}.result-progress-list>div>div.locked{border-color:#624a4a}.result-progress-list span{color:#aebfc8;font-size:12px}.result-progress-list strong{min-width:0;overflow-wrap:anywhere;color:#eef5fa}.campaign-result-screen{grid-column:1 / -1;display:grid;gap:18px;justify-self:center;align-self:start;width:min(720px,100%);border:1px solid #4d5b50;border-radius:8px;background:#1c2933;padding:18px}.campaign-result-screen.won{border-color:#78a083}.campaign-result-screen.lost{border-color:#b86e6e}.campaign-result-kicker{justify-self:start;border:1px solid #4f5a52;border-radius:999px;padding:4px 9px;color:#d9e8ef;font-size:12px;font-weight:700}.campaign-result-screen.won .campaign-result-kicker{border-color:#78a083;color:#bdf0bf}.campaign-result-screen.lost .campaign-result-kicker{border-color:#b86e6e;color:#f0baba}.campaign-result-heading{display:flex;align-items:start;justify-content:space-between;gap:18px}.campaign-result-heading h3,.campaign-result-heading p{margin:0}.campaign-result-heading h3{color:#eef5fa;font-size:24px}.campaign-result-heading p{margin-top:6px;color:#b9cad2}.campaign-result-quip{display:flex;align-items:center;gap:10px;min-width:0;border:1px solid #364a52;border-radius:8px;background:#070d0c4d;padding:8px 12px}.campaign-result-quip .avatar{flex:0 0 auto}.campaign-result-quip p{margin:0;min-width:0;overflow-wrap:anywhere;color:#cfdce2;font-size:13px;font-style:italic;line-height:1.35}.campaign-result-quip strong{margin-right:2px;color:#eef5fa;font-style:normal}.campaign-result-score{display:grid;gap:3px;min-width:112px;border:1px solid #364a52;border-radius:8px;padding:10px;text-align:center}.campaign-result-score span,.campaign-result-stats span{color:#aebfc8;font-size:12px}.campaign-result-score strong{color:#f0dc9a;font-size:24px}.campaign-result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.campaign-result-stats div{display:grid;gap:4px;min-width:0;border:1px solid #364a52;border-radius:8px;padding:10px}.campaign-result-stats strong{color:#eef5fa;font-size:18px}.campaign-result-actions{justify-content:center;flex-wrap:wrap;margin-top:0}@media(max-width:720px){.campaign-result-heading{display:grid}.campaign-result-score{justify-self:start}.campaign-result-stats{grid-template-columns:1fr}}.endless-page{display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;min-height:0;padding:18px}.endless-header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0}.endless-layout{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:18px;min-height:0}.endless-info-panel,.endless-play-panel,.endless-board-stage{min-width:0;position:relative}.endless-info-panel{display:grid;align-content:start;gap:12px}.weekly-toggle.active{border-color:#d4bd72;color:#f0dda0}.weekly-rank-line{color:#f0dc9a;font-weight:700}.weekly-leaderboard{display:grid;gap:8px;min-width:0;border:1px solid #3c493f;border-radius:8px;background:#121c1a99;padding:10px 12px}.weekly-leaderboard-title{color:#aebfc8;font-size:11px;font-weight:700;text-transform:uppercase}.weekly-leaderboard ol{display:grid;gap:4px;margin:0;padding:0;list-style:none}.weekly-leaderboard li{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto auto;gap:8px;align-items:center;min-width:0;border-radius:6px;padding:2px 6px;font-size:13px}.weekly-watch-button{min-width:0;border:1px solid rgba(212,189,114,.5);border-radius:999px;background:transparent;padding:1px 8px;color:#f0dda0;font-size:11px;font-weight:700}.touch-raise-button{display:none}@media(max-width:560px){.endless-page .settings-header h3{font-size:16px}.endless-header-actions{gap:6px}.endless-header-actions button{padding:5px 10px;font-size:12px}.endless-run-banner{padding:6px 12px;margin-bottom:6px}}@media(pointer:coarse){.touch-raise-button{display:flex;align-items:center;justify-content:center;position:fixed;right:max(10px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:30;width:64px;height:64px;min-width:64px;border-radius:50%;border:2px solid rgba(111,227,255,.55);background:#101c2ed1;color:#cfefff;font-size:13px;font-weight:700;letter-spacing:.04em;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:0 4px 14px #00000059}.touch-raise-button:active{background:#264266eb;transform:scale(.96)}}.help-guide-page{max-width:860px}.help-guide-host{display:flex;align-items:center;gap:14px;margin:10px 0 18px;padding:12px 16px;border:1px solid rgba(148,178,224,.25);border-radius:12px;background:#141e308c}.help-guide-host .guide-art-portrait{width:56px;height:56px;border-radius:12px;flex-shrink:0}.help-guide-host p{margin:0;color:#c7d5ec;font-size:14px}.help-guide-sections{display:grid;gap:14px}.help-guide-section{padding:14px 16px;border:1px solid rgba(148,178,224,.18);border-radius:12px;background:#0d152480}.help-guide-section h3{margin:0 0 8px;font-size:15px;color:#eaf1fb}.help-guide-section p{margin:6px 0 0;font-size:13.5px;line-height:1.55;color:#b9c8e0}.help-guide-section p strong{color:#e8dfb8}.cast-page{max-width:1120px}.cast-page-intro{margin-bottom:22px}.cast-groups{display:grid;gap:22px}.cast-group{display:grid;gap:12px}.cast-group-heading{display:grid;gap:5px}.cast-group-heading h3,.cast-group-heading p,.cast-card-copy h4,.cast-card-copy p{margin:0}.cast-group-heading h3{font-size:17px;color:#f2f7ff}.cast-group-heading p{max-width:760px;color:#b9c8e0;font-size:13.5px;line-height:1.5}.cast-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.cast-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;min-width:0;min-height:118px;padding:12px;border:1px solid rgba(148,178,224,.2);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 76px),#0d152494}.cast-card-image{width:72px;height:72px;border-radius:8px;object-fit:cover;box-shadow:0 10px 20px #02080d47}.cast-card-copy{display:grid;gap:4px;min-width:0}.cast-card-role{color:#9ffbf0;font-size:11px;font-weight:800;line-height:1.25;text-transform:uppercase}.cast-card-copy h4{color:#f8fbff;font-size:16px;line-height:1.2;overflow-wrap:anywhere}.cast-card-copy p:not(.cast-card-role){color:#b9c8e0;font-size:13px;line-height:1.45}.round-countdown .boss-phase-line{display:block;margin-top:4px;font-size:13px;font-style:italic;color:#ffb877}.party-featured-note{margin:4px 0 0;font-size:12px;color:#d8c988}.weekly-replay-modal{width:min(96vw,720px)}.weekly-leaderboard li.self{background:#d4bd7229}.weekly-leaderboard li .rank{color:#8ca3ad;font-weight:700}.weekly-leaderboard li .name{min-width:0;overflow:hidden;color:#eef5fa;text-overflow:ellipsis;white-space:nowrap}.weekly-leaderboard li .score{color:#f0dc9a;font-variant-numeric:tabular-nums}.weekly-leaderboard-self{margin:0;color:#aebfc8;font-size:12px}.endless-status-card,.endless-pressure-panel,.endless-objective-panel,.endless-run-banner{display:grid;gap:6px;border:1px solid #3c493f;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 86px),#1d2b35;padding:12px}.endless-status-card span,.endless-pressure-panel span,.endless-objective-panel span,.endless-run-banner span,.endless-stat-grid span{color:#aebfc8;font-size:12px}.endless-status-card strong{color:#eef5fa;font-size:clamp(28px,4vw,42px);line-height:1}.endless-status-card small,.endless-objective-panel strong,.endless-run-banner strong,.endless-pressure-panel strong,.endless-stat-grid strong{min-width:0;overflow-wrap:anywhere;color:#eef5fa}.endless-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.endless-stat-grid div{display:grid;gap:3px;min-width:0;border:1px solid #30444e;border-radius:8px;background:#1c2933;padding:10px}.endless-stat-grid strong{font-size:18px}.endless-speed-meter{height:9px;overflow:hidden;border:1px solid #405046;border-radius:999px;background:#111814}.endless-speed-meter span{display:block;width:calc((.08 + var(--endless-speed, 0) * .92) * 100%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--yellow),var(--danger))}.versus-drills-page .endless-speed-meter span{background:linear-gradient(90deg,#7ce7d2,#f1dd84)}.versus-drills-kata{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:center;min-width:0;border:1px solid rgba(124,231,210,.28);border-radius:8px;background:#121f23b8;padding:10px}.versus-drills-kata img{width:54px;height:54px;border-radius:8px;object-fit:cover}.versus-drills-kata p{margin:0;color:#d4edf0;font-size:13px;line-height:1.45}.versus-drills-kata strong{color:#f0dda0}.versus-drills-list{display:grid;gap:7px}.versus-drills-list button{display:grid;grid-template-columns:minmax(58px,auto) minmax(0,1fr);gap:9px;align-items:center;width:100%;min-width:0;border:1px solid #30444e;border-radius:8px;background:#1c2933;padding:9px 10px;text-align:left}.versus-drills-list button.active{border-color:#7ce7d2b3;background:#21333a}.versus-drills-list span{color:#92a8b1;font-size:11px;font-weight:800;text-transform:uppercase}.versus-drills-list strong{min-width:0;overflow-wrap:anywhere;color:#eef5fa;font-size:14px}.versus-drills-complete-badge{border:1px solid rgba(240,221,160,.52);border-radius:8px;background:#362f19ad;padding:9px 10px;color:#f5e7ad;font-size:12px;font-weight:800;text-align:center;text-transform:uppercase}.versus-drills-complete-overlay{background:radial-gradient(circle at 50% 36%,rgba(240,221,160,.16),transparent 42%),#060a0dc7}.versus-drills-complete-overlay p{max-width:420px;margin:0;color:#d5e4e8;font-size:15px;line-height:1.45}.versus-drills-complete-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.time-trial-page .endless-status-card,.time-trial-page .endless-pressure-panel,.time-trial-page .endless-objective-panel,.time-trial-page .endless-run-banner{border-color:#3c4858;background:linear-gradient(180deg,rgba(255,255,255,.075),transparent 86px),#1a222b}.time-trial-page .endless-stat-grid div{border-color:#303b48;background:#1d2630}.time-trial-page .endless-board-stage{border-color:#30445a;background:radial-gradient(circle at 50% 10%,rgba(100,145,210,.18),transparent 42%),linear-gradient(180deg,#090e1247,#090e12a8)}.time-trial-page .endless-speed-meter span{background:linear-gradient(90deg,#69a6ff,var(--yellow),var(--danger))}.endless-play-panel{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;min-height:0}.endless-run-banner{grid-template-columns:minmax(0,1fr) auto;align-items:center}.endless-board-stage{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden;border:1px solid #30433d;border-radius:8px;background:radial-gradient(circle at 50% 10%,rgba(120,160,131,.16),transparent 42%),linear-gradient(180deg,#090e1242,#090e12a3);padding:clamp(10px,2vw,18px)}.endless-board-panel{justify-self:center;align-self:center;background:linear-gradient(180deg,rgba(255,255,255,.075),transparent 96px),#142028e6;padding:clamp(10px,1.8vmin,16px)}.endless-board-panel .board-player-heading{--board-target-flags-height: 0px}.endless-board-panel .board-target-flags{display:none}.endless-state-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-content:center;justify-items:center;gap:10px;background:#060a0db8;padding:20px;text-align:center}.endless-state-overlay strong{color:#eef5fa;font-size:clamp(28px,5vw,52px);line-height:1}.endless-state-overlay span{color:#c3d2da}.puzzle-page{width:min(100%,1060px);max-width:none;gap:8px;padding:8px max(8px,env(safe-area-inset-right)) 14px max(8px,env(safe-area-inset-left))}.puzzle-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start;min-width:0}.puzzle-layout.play-only,.puzzle-layout.chooser-only{grid-template-columns:minmax(0,1fr)}.puzzle-page .settings-header{position:static;z-index:8;min-width:0;justify-content:flex-start;border-bottom:0;background:transparent;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.puzzle-page .settings-header h3{display:none;min-width:0;overflow-wrap:anywhere}.puzzle-page .settings-header button{min-height:32px;padding:0 10px;font-size:13px}.puzzle-header-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;min-width:0}.puzzle-reset-button{border-color:color-mix(in srgb,var(--danger) 62%,var(--line));background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 52%),#381e21f0;color:#ffd7d4}.puzzle-reset-button:hover{border-color:var(--danger);background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 52%),#4b2327fa}.puzzle-path-header{display:grid;gap:4px;min-width:0;border:0;border-radius:0;background:transparent;padding:0 2px}.puzzle-path-header>div:first-child{display:grid;gap:4px;min-width:0}.puzzle-path-header span,.puzzle-path-header small{min-width:0;overflow-wrap:anywhere;color:#aebfc8;font-size:12px}.puzzle-path-header>div:first-child>span{display:none;color:#f0dc9a;font-weight:700;text-transform:uppercase}.puzzle-path-header strong{min-width:0;color:#eef5fa;font-size:18px;line-height:1.2;overflow-wrap:anywhere}.puzzle-path-stats{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0}.puzzle-path-stats span{min-width:0;border:1px solid #435964;border-radius:6px;padding:6px;background:#202820;color:#d6dfe6;line-height:1.2;overflow-wrap:anywhere;text-align:center}.puzzle-play-panel{display:grid;justify-items:stretch;gap:8px;width:100%;min-width:0;overflow:hidden;border:0;border-radius:0;background:transparent;padding:0}.puzzle-play-panel.showing-result{overflow:visible}.puzzle-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-width:0;padding:0 2px}.puzzle-heading h3,.puzzle-heading p{min-width:0;margin:0;overflow-wrap:anywhere}.puzzle-heading h3{display:none;color:#eef5fa;font-size:17px;line-height:1.2}.puzzle-heading p{margin-top:0;color:#b9cad2;font-size:12px;line-height:1.3}.puzzle-status{justify-self:end;min-width:0;max-width:100%;border:1px solid #435964;border-radius:999px;padding:5px 8px;background:#172222;color:#d9e8ef;font-size:11px;font-weight:700;overflow-wrap:anywhere}.puzzle-status.cleared{border-color:#78a083;color:#bdf0bf}.puzzle-status.failed{border-color:#b86e6e;color:#f0baba}.puzzle-board-stack{position:relative;isolation:isolate;display:grid;gap:8px;justify-items:center;width:100%;min-width:0;max-width:100%}.puzzle-board-frame{display:grid;justify-items:center;width:100%;min-width:0}.puzzle-board-stack.has-result .puzzle-board{filter:brightness(.72) saturate(.88);pointer-events:none}.puzzle-board-stack.has-result:before{display:none;position:absolute;top:8px;right:8px;bottom:8px;left:8px;z-index:1;border-radius:8px;background:#080c0980;content:"";pointer-events:none}.puzzle-board-stack.result-only{padding-block:4px 2px}.puzzle-board-stack.result-only.has-result:before{display:none}.puzzle-board-stack.result-only .puzzle-result-panel{position:relative;top:auto;left:auto;width:100%;max-width:430px;transform:none}.puzzle-board:not(.puzzle-animated-board){display:grid;grid-template-columns:repeat(var(--columns),var(--cell));grid-auto-rows:var(--cell);gap:3px;border:1px solid #343d36;border-radius:8px;background:#0f1820;padding:8px}.puzzle-animated-board{--pressure-scale: 1;--pressure-panel-scale-x: 1;max-width:100%;box-shadow:0 10px 24px #070a0842}.puzzle-preview-board{justify-self:start;pointer-events:none}.puzzle-cell{min-height:0;padding:0}.puzzle-cell:hover{border-color:#d4bd72}.puzzle-move-history,.puzzle-move-path{display:grid;gap:8px;width:100%;min-width:0;border-top:1px solid #343d36;padding:10px 0 0}.puzzle-move-history>span,.puzzle-move-path>span{color:#f0dc9a;font-size:12px;font-weight:700;text-transform:uppercase}.puzzle-move-history>div{display:flex;flex-wrap:nowrap;gap:8px;min-width:0;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.puzzle-move-history button{flex:0 0 auto;max-width:min(240px,72vw);padding:7px 9px}.puzzle-move-path ol{display:flex;flex-wrap:wrap;gap:6px 12px;margin:0;padding-left:20px;color:#d6dfe6}.puzzle-replay-controls{display:grid;gap:10px;width:100%;min-width:0;border:1px solid #4d604f;border-radius:8px;background:#1b2525;padding:10px}.puzzle-replay-controls>div:first-child{display:grid;gap:3px}.puzzle-replay-controls span{color:#f0dc9a;font-size:12px;font-weight:700;text-transform:uppercase}.puzzle-replay-controls strong{color:#eef5fa;font-size:17px}.puzzle-replay-controls small{color:#b9cad2;overflow-wrap:anywhere}.puzzle-result-panel{display:grid;gap:10px;width:100%;min-width:0;border:1px solid #435964;border-radius:8px;background:#1b211cf7;padding:12px;box-shadow:0 18px 38px #0000006b}.puzzle-board-stack .puzzle-result-panel{position:relative;z-index:2;width:100%;max-width:430px}.puzzle-result-panel.cleared{border-color:#78a083}.puzzle-result-panel.failed{border-color:#b86e6e}.puzzle-result-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;min-width:0}.puzzle-result-heading>div>strong{display:block;min-width:0;overflow-wrap:anywhere;color:#eef5fa;font-size:16px}.puzzle-result-heading>div>span{display:block;margin-top:3px;color:#b9cad2;font-size:13px}.puzzle-result-summary{margin:0;color:#d6dfe6;font-size:13px;line-height:1.35}.puzzle-result-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.puzzle-result-stats div{display:grid;gap:3px;min-width:0;border:1px solid #364a52;border-radius:8px;padding:8px}.puzzle-result-stats span{color:#aebfc8;font-size:12px}.puzzle-result-stats strong{min-width:0;overflow-wrap:anywhere;color:#eef5fa;font-size:16px}.puzzle-result-accomplishments{display:flex;flex-wrap:wrap;gap:6px}.puzzle-result-accomplishments span{border:1px solid #5f8b67;border-radius:999px;padding:5px 8px;color:#cfe8c8;font-size:12px}.puzzle-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px;width:100%;min-width:0;margin-top:0}.puzzle-actions button{min-width:0;padding-inline:10px;overflow-wrap:anywhere}.puzzle-actions .puzzle-hint-button{border-color:#6fe3ff8c;color:#bfefff}.puzzle-hint-note{margin:0;font-size:.82rem;color:#ffd24a}.puzzle-select-panel{display:grid;gap:12px;min-width:0;border:1px solid #30444e;border-radius:8px;background:#1c2933;padding:12px}.puzzle-select-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.puzzle-select-heading>div{display:grid;gap:3px;min-width:0}.puzzle-select-heading span{color:#f0dc9a;font-size:12px;font-weight:700;text-transform:uppercase}.puzzle-select-heading strong{min-width:0;overflow-wrap:anywhere;color:#eef5fa;font-size:16px}.puzzle-path-panel{gap:16px}.puzzle-path-hint{max-width:220px;color:#aebfc8;font-size:11px;text-align:right}.puzzle-path-zone{display:grid;gap:4px;min-width:0}.puzzle-path-zone-banner{display:flex;align-items:start;justify-content:space-between;gap:12px;min-width:0;border:1px solid #3d473f;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 70%),#1b2620;padding:12px}.puzzle-path-zone-banner>div:first-child{display:grid;gap:3px;min-width:0}.puzzle-path-zone-banner>div:first-child>span{color:#f0dc9a;font-size:11px;font-weight:700;text-transform:uppercase}.puzzle-path-zone-banner h4{margin:0;min-width:0;overflow-wrap:anywhere;color:#eef5fa;font-size:15px}.puzzle-path-zone-banner p{margin:0;min-width:0;overflow-wrap:anywhere;color:#aebfc8;font-size:12px;line-height:1.3}.puzzle-path-zone-banner.locked>div:first-child>span,.puzzle-path-zone-banner.locked p{color:#77817a}.puzzle-path-zone-banner.locked h4{color:#99a39c}.puzzle-path-zone-summary{display:grid;gap:3px;justify-items:end;color:#f0dc9a;font-size:12px;white-space:nowrap}.puzzle-path-trail{position:relative;min-width:0}.puzzle-path-trail-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.puzzle-path-route{fill:none;stroke:#2e3f49;stroke-width:5;stroke-linecap:round;stroke-dasharray:.5 12;vector-effect:non-scaling-stroke}.puzzle-path-route.lit{stroke:#d4bd72;stroke-dasharray:none;opacity:.75}.puzzle-path-node{position:absolute;display:grid;gap:4px;justify-items:center;min-width:0;max-width:132px;border:0;background:transparent;padding:0;transform:translate(-50%,-22px);text-align:center;box-shadow:none}.puzzle-path-node:disabled{cursor:default;opacity:1}.puzzle-path-node-dot{display:grid;place-items:center;width:44px;height:44px;border:2px solid #30444e;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 70%),#1d2b35;color:#eef5fa;font-size:15px;font-weight:800}.puzzle-path-node.cleared .puzzle-path-node-dot{border-color:#6e8f70;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 70%),#22321f}.puzzle-path-node.focused .puzzle-path-node-dot{border-color:#f0dc9a;animation:puzzle-path-pulse 1.6s ease-in-out infinite}.puzzle-path-node.locked .puzzle-path-node-dot{border-color:#3d4540;background:repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0 5px,transparent 5px 11px),#181e1a;color:#77817a}.puzzle-path-node-label{display:grid;gap:2px;justify-items:center;min-width:0}.puzzle-path-node-label strong{min-width:0;overflow-wrap:anywhere;color:#eef5fa;font-size:12px;line-height:1.15}.puzzle-path-node.locked .puzzle-path-node-label strong{color:#77817a;font-weight:600}.puzzle-path-node-stars{color:#f0dc9a;font-size:11px;letter-spacing:2px}.puzzle-path-node-label em{border:1px solid rgba(240,220,154,.55);border-radius:999px;padding:2px 7px;color:#f0dc9a;font-size:10px;font-style:normal;font-weight:800;text-transform:uppercase;white-space:nowrap}@keyframes puzzle-path-pulse{0%,to{box-shadow:0 0 #f0dc9a73}50%{box-shadow:0 0 0 9px #f0dc9a00}}@media(prefers-reduced-motion:reduce){.puzzle-path-node.focused .puzzle-path-node-dot{animation:none;box-shadow:0 0 0 3px #f0dc9a59}}@media(min-width:821px){.puzzle-page{padding:20px}.puzzle-page .settings-header{position:static;justify-content:space-between;border-bottom:0;background:transparent;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.puzzle-page .settings-header h3{display:block}.puzzle-page .settings-header button{min-height:36px;padding:0 12px;font-size:inherit}.puzzle-layout{gap:14px}.puzzle-layout{grid-template-columns:minmax(0,1fr) minmax(270px,340px)}.puzzle-layout.play-only,.puzzle-layout.chooser-only{grid-template-columns:minmax(0,1fr)}.puzzle-path-header{display:flex;align-items:start;justify-content:space-between;gap:16px;border:1px solid #3d473f;border-radius:8px;background:#1b2222;padding:14px}.puzzle-path-header>div:first-child>span{display:block}.puzzle-path-header strong{font-size:22px}.puzzle-path-stats{display:flex;flex-wrap:wrap;justify-content:flex-end}.puzzle-path-stats span{border-radius:999px;padding:5px 8px;text-align:left}.puzzle-play-panel{gap:12px;border:1px solid #30444e;border-radius:8px;background:#1c2933;padding:16px}.puzzle-heading{display:flex;justify-content:space-between;gap:16px;padding:0}.puzzle-heading h3{display:block}.puzzle-heading p{margin-top:4px;font-size:13px;line-height:1.35}.puzzle-status{align-self:start;justify-self:end;min-width:max-content;padding:6px 10px;font-size:12px}.puzzle-board-stack.has-result:before{display:block}.puzzle-board-stack .puzzle-result-panel{position:absolute;top:50%;left:50%;width:min(360px,calc(100vw - 32px));transform:translate(-50%,-50%)}.puzzle-move-history>div{flex-wrap:wrap;overflow:visible}.puzzle-select-panel{max-height:calc(100dvh - 190px);overflow:auto;scrollbar-width:thin}}.room-layout{position:relative;display:grid;grid-template-columns:260px 1fr;gap:18px;padding:18px;min-height:0}.room-layout.game-over{grid-template-columns:1fr}.replay-viewer{display:grid;align-content:start;gap:14px;min-width:0;width:100%}.replay-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:10px 14px}.replay-viewer-header>div{display:grid;gap:2px;min-width:0}.replay-viewer-header span{color:#f0dc9a;font-size:11px;font-weight:800;text-transform:uppercase}.replay-viewer-header strong{min-width:0;overflow-wrap:anywhere;color:var(--text);font-size:16px}.replay-viewer-header small{color:var(--muted);font-size:12px}.replay-viewer-loading,.replay-viewer-error{margin:0;color:var(--muted);font-size:14px}.replay-viewer-boards{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;min-width:0}.replay-viewer-controls{display:flex;align-items:center;gap:10px;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:8px 12px}.replay-viewer-controls button{flex:0 0 auto;min-width:64px}.replay-viewer-controls input[type=range]{flex:1;min-width:60px;accent-color:#d4bd72}.replay-viewer-time{flex:0 0 auto;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.room-reconnect-banner{position:absolute;top:8px;left:50%;z-index:30;display:flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--danger, #ff827a) 55%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--danger, #ff827a) 14%,rgba(10,16,20,.92));padding:7px 14px;transform:translate(-50%);color:var(--text);font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 10px 26px #0006}.room-reconnect-spinner{width:12px;height:12px;border:2px solid color-mix(in srgb,var(--danger, #ff827a) 70%,var(--text));border-top-color:transparent;border-radius:50%;animation:room-reconnect-spin .9s linear infinite}@keyframes room-reconnect-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.room-reconnect-spinner{animation:none;border-top-color:inherit;opacity:.6}}.room-setup-layout{display:grid;grid-template-columns:minmax(320px,440px) minmax(0,1fr) minmax(220px,280px);grid-template-areas:"players rules side";gap:18px;align-items:start;padding:18px;min-height:0}.players-setup-panel{grid-area:players}.match-setup-panel{grid-area:match}.rules-setup-panel{grid-area:rules}.controls-setup-panel{grid-area:controls}.room-setup-side-column{grid-area:side;display:grid;align-content:start;gap:18px}.room-setup-side-column .match-setup-panel,.room-setup-side-column .controls-setup-panel{grid-area:auto}.room-setup-layout .setup-panel{margin-bottom:0}.match-setup-actions{display:grid;gap:10px;margin-top:8px}.match-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;min-width:0}.match-action-grid button,.match-setup-actions>button{width:100%;min-width:0;padding-inline:10px}.match-action-grid .room-ready-action,.match-action-grid .match-full-action{grid-column:1 / -1}.match-setup-actions>.secondary-action{margin-top:0}.setup-panel .button-row{flex-wrap:wrap}.room-ready-action{width:100%}.controls-setup-panel .control-help{margin-top:0}.app-shell.game-focus .room-layout{grid-template-columns:1fr;height:100dvh;min-height:0;overflow:hidden;padding:clamp(10px,2vmin,22px)}.app-shell.game-focus .lobby-panel{display:none}.player-row{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:7px 0 7px 8px;border-left:3px solid transparent;border-bottom:1px solid #323a34;color:#d6dfe6}.player-row[class*=team-color-]{border-left-color:var(--team-color);background:linear-gradient(90deg,var(--team-soft),transparent 42%)}.player-row-main{display:grid;gap:3px;min-width:0}.player-row-main>span{min-width:0}.board-player-name .avatar-small{width:44px;height:44px;font-size:15px}.board-panel.large .board-player-name .avatar-small{width:56px;height:56px;font-size:18px}.board-panel.large .board-status{min-height:56px}@media(max-width:700px){.board-player-name .avatar-small,.board-panel.large .board-player-name .avatar-small{width:32px;height:32px;font-size:12px}.board-status,.board-panel.large .board-status{min-height:32px}}.player-name-line,.board-player-name{display:flex;align-items:center;gap:7px;min-width:0}.player-name-stack,.board-player-name-text{min-width:0}.player-name-stack,.board-player-name-text{display:grid;gap:2px}.player-display-name,.board-player-name-text small{display:block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-player-name-text small{color:#aebfc8;font-size:11px;font-weight:700;line-height:1.1}.player-status{color:#aebfc8;font-size:12px}.player-status-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.ping-indicator{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;min-width:max-content;color:#aebfc8;font-size:11px;line-height:1}.ping-dot{width:6px;height:6px;border-radius:999px;background:currentColor;box-shadow:0 0 6px currentColor}.ping-indicator.good{color:#9fe0a5}.ping-indicator.ok{color:#c7d887}.ping-indicator.slow{color:#e0c36d}.ping-indicator.bad,.ping-indicator.offline{color:#df8b8b}.ping-indicator.unknown{color:#9ba89d}.team-swatch{flex:0 0 auto;width:11px;height:11px;border:1px solid #4d6671;border-radius:999px;background:#4d6671}.team-swatch[class*=team-color-]{border-color:color-mix(in srgb,var(--team-color) 72%,#f3f0e8);background:var(--team-color);box-shadow:0 0 8px var(--team-soft)}.player-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.player-controls-with-action{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.player-controls-ai{grid-template-columns:repeat(3,minmax(0,1fr))}.player-controls-ai.player-controls-with-action{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.player-select{min-width:0;padding:7px 8px}.player-targeting-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0}.player-targeting-help{align-self:center}.player-remove-button{min-width:72px;padding:0 10px;background:#342324;border-color:#6f4c4e}.player-remove-button:hover{border-color:#c8898a;background:#452d2e}.control-help{display:grid;gap:6px;margin-top:12px;color:#9fad9f;font-size:13px}.control-help-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.secondary-action{width:100%;margin-top:10px;background:#1a1f1b}.keyboard-reset-action{max-width:760px}.secondary-action.compact{width:auto;margin-top:0;padding:0 12px}.full-width-action{width:100%;margin-bottom:8px}.game-layout{position:relative;display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:18px;align-items:start}.app-shell:not(.game-focus) .game-layout:has(>.round-timer){padding-top:54px}.app-shell.game-focus .game-layout{grid-template-columns:minmax(0,max-content) minmax(0,1fr);grid-template-rows:minmax(0,1fr);justify-self:center;justify-content:center;align-items:safe center;gap:clamp(12px,2.4vw,30px);width:min(100%,1240px);height:100%;min-height:0;overflow-x:auto;overflow-y:auto;overscroll-behavior:contain}.app-shell.game-focus .game-layout.duel-large{grid-template-columns:repeat(2,minmax(0,max-content))}.app-shell.game-focus .game-layout.side-by-side-large{grid-template-columns:minmax(0,1fr);width:100%;max-width:none}.app-shell.game-focus .side-by-side-boards{grid-column:1 / -1;display:grid;grid-template-columns:repeat(var(--focused-board-count, 2),minmax(0,max-content));align-items:center;justify-content:center;gap:clamp(10px,1.5vw,24px);width:100%;min-width:0;overflow-x:auto;overflow-y:auto;padding:2px;max-height:100%;overscroll-behavior:contain}.app-shell.game-focus .side-by-side-boards .viewed-board-stack,.app-shell.game-focus .side-by-side-boards .board-panel{min-width:0}.viewed-board-stack{display:grid;gap:10px;min-width:0}.app-shell.game-focus .viewed-board-stack{justify-self:center;align-self:center}.observer-view-selector{display:grid;gap:7px;width:fit-content;max-width:100%;border:1px solid #435964;border-radius:8px;background:#121714e0;padding:9px;box-shadow:0 10px 24px #00000038}.observer-view-label{color:#b9c8b5;font-size:11px;font-weight:900;letter-spacing:0;text-transform:uppercase}.observer-view-options{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;min-width:0}.observer-view-option{display:flex;width:100%;min-height:34px;align-items:center;gap:7px;margin:0;padding:0 10px;border-color:#3d4941;background:#151a17;color:#dce7dc;font-size:12px;font-weight:800}.observer-view-option>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.observer-view-option[aria-pressed=true]{border-color:var(--team-color, #8cb88f);background:#253227;color:#f2f8ee;box-shadow:inset 0 -2px 0 var(--team-color, #8cb88f)}.observer-view-option:hover:not(:disabled),.observer-view-option:focus-visible{border-color:#7da383;background:#203025}.app-shell.game-focus .observer-view-selector{--observer-view-edge-inset: clamp(10px, 2vmin, 18px);position:absolute;top:var(--observer-view-edge-inset);left:var(--observer-view-edge-inset);z-index:9;width:fit-content;max-width:min(320px,calc(100vw - 86px))}@media(min-width:1560px){.app-shell.game-focus .observer-view-selector{position:fixed;top:calc(clamp(10px,2vmin,22px) + var(--observer-view-edge-inset));left:var(--observer-view-edge-inset);max-width:min(320px,calc((100vw - 1240px) / 2 - var(--observer-view-edge-inset) - var(--observer-view-edge-inset)))}}.focused-game-actions{position:absolute;top:clamp(10px,2vmin,18px);right:clamp(10px,2vmin,18px);z-index:9;display:flex;justify-content:flex-end}.round-timer{position:absolute;top:clamp(10px,2vmin,18px);left:50%;z-index:8;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(93,120,132,.72);border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 56%),#12181be0;padding:7px 12px;color:#dbe8dd;box-shadow:0 10px 24px #00000047;font-variant-numeric:tabular-nums;line-height:1;transform:translate(-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.round-timer span{color:#aebfc8;font-size:11px;font-weight:900}.round-timer strong{min-width:4ch;color:#f0dc9a;font-size:13px;font-weight:950;text-align:right}.focused-game-menu{position:relative}.focused-game-menu-trigger{display:inline-flex;width:42px;min-height:42px;align-items:center;justify-content:center;padding:0;background:#151a17;border-color:#5d7464;color:#e6f2e7;box-shadow:0 10px 24px #00000052}.focused-game-menu-trigger:hover,.focused-game-menu-trigger[aria-expanded=true]{background:#223126;border-color:#93b893}.menu-icon-bars{display:grid;width:18px;gap:4px}.menu-icon-bars span{display:block;height:2px;border-radius:999px;background:currentColor}.focused-game-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#0608076b}.focused-game-menu-popover{display:grid;width:min(340px,calc(100vw - 36px));gap:8px;padding:14px;border:1px solid #4b554f;border-radius:8px;background:#121613;box-shadow:0 24px 54px #0000008c}.focused-game-menu-item{display:flex;align-items:center;width:100%;min-height:54px;justify-content:flex-start;margin:0;padding:0 18px;background:transparent;border-color:transparent;color:#edf3ec;font-size:1.08rem;font-weight:800;text-align:left}.focused-game-menu-control{display:grid;gap:6px;padding:8px 0}.focused-game-menu-item:hover:not(:disabled),.focused-game-menu-item:focus-visible{background:#253027;border-color:#435964}.focused-game-menu-item.danger{color:#f0d2d1}.focused-game-menu-item.danger:hover:not(:disabled),.focused-game-menu-item.danger:focus-visible{background:#452d2e;border-color:#9a676b}.match-complete-transition{grid-column:1 / -1;position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;overflow:hidden;background:radial-gradient(circle at 50% 46%,rgb(255 221 128 / 18%),transparent 28%),linear-gradient(180deg,#05090ea8,#05090ed6);color:#fff4c7;text-align:center;pointer-events:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.match-complete-transition:before,.match-complete-transition:after{content:"";position:absolute;pointer-events:none}.match-complete-transition:before{width:min(62vmin,520px);aspect-ratio:1;border:2px solid rgb(244 212 123 / 38%);border-radius:50%;box-shadow:inset 0 0 42px #f4d47b29,0 0 52px #f4d47b29;animation:match-complete-ring 1.1s ease-out infinite}.match-complete-transition:after{top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgb(255 244 199 / 10%),transparent),repeating-linear-gradient(0deg,rgb(255 255 255 / 4%) 0 1px,transparent 1px 7px);opacity:.45;animation:match-complete-sweep 1.8s linear infinite}.match-complete-transition .match-complete-profiles{position:relative;z-index:1}.match-complete-transition .match-complete-profiles .avatar{width:96px;height:96px;border:3px solid #f7d982;box-shadow:0 0 0 6px #fff4c724,0 18px 34px #00000061;font-size:30px}.match-complete-transition-copy{position:relative;z-index:1;display:grid;gap:8px;padding:0 20px}.match-complete-transition-copy span{color:#f0dc9a;font-size:13px;font-weight:900;letter-spacing:0;text-transform:uppercase}.match-complete-transition-copy strong{overflow-wrap:anywhere;color:#fff4c7;font-size:clamp(42px,8vmin,82px);line-height:.95;text-shadow:0 4px 24px rgb(244 212 123 / 26%),0 10px 28px rgb(0 0 0 / 54%)}@keyframes match-complete-ring{0%{opacity:0;transform:scale(.82)}35%{opacity:1}to{opacity:0;transform:scale(1.08)}}@keyframes match-complete-sweep{0%{transform:translate(-34%)}to{transform:translate(34%)}}@media(prefers-reduced-motion:reduce){.match-complete-transition:before,.match-complete-transition:after{animation:none}}.match-complete{grid-column:1 / -1;display:flex;flex-direction:column;align-items:stretch;justify-self:center;gap:16px;border:1px solid #f4d47b;border-radius:8px;background:linear-gradient(135deg,#523711f5,#1b3e2df5),#332c18;box-shadow:0 20px 48px #0000006b,0 0 0 4px #f4d47b1a;padding:18px 22px;color:#fff4c7;width:min(1040px,100%)}.match-complete-header{display:flex;justify-content:space-between;align-items:center;gap:18px}.match-complete-main{display:flex;align-items:center;gap:18px;min-width:0}.match-complete-profiles{display:flex;flex:0 0 auto;align-items:center}.match-complete-profiles.multiple .avatar+.avatar{margin-left:-18px}.match-complete-profiles .avatar{width:78px;height:78px;border:2px solid #f7d982;box-shadow:0 0 0 4px #fff4c71f,0 12px 24px #00000057;font-size:24px}.match-complete-copy{display:grid;gap:5px;min-width:0}.match-complete .match-complete-kicker{color:#f0dc9a;font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}.match-complete strong{overflow-wrap:anywhere;font-size:34px;line-height:1.04}.match-complete span{color:#e5d8a5}.match-complete-copy>span:last-child{max-width:100%;overflow-wrap:anywhere;font-size:15px;font-weight:700}.match-complete-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:8px}.match-complete-actions .secondary-action{width:auto;margin:0}.match-complete-summary{border-top:1px solid rgb(244 212 123 / 22%);padding-top:16px}.match-complete-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.match-attack-timeline{display:grid;gap:8px;margin-top:14px;border:1px solid rgb(255 244 199 / 14%);border-radius:8px;background:#121c1a6b;padding:12px;min-width:0}.match-attack-timeline-title{color:#e5d8a5;font-size:12px;font-weight:800;text-transform:uppercase}.match-attack-timeline-rows{display:grid;gap:6px;min-width:0}.match-attack-timeline-row{display:grid;grid-template-columns:minmax(72px,128px) minmax(0,1fr);align-items:center;gap:10px;min-width:0}.match-attack-timeline-name{overflow:hidden;color:#cfdce2;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.match-attack-timeline-strip{position:relative;height:20px;border-radius:4px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgb(255 255 255 / 7%) calc(25% - 1px),rgb(255 255 255 / 7%) 25%),#070d0c73}.match-attack-timeline-strip i{position:absolute;top:50%;border-radius:999px;background:var(--team-color, #8ca3ad);box-shadow:0 0 0 1px #070d0ccc;transform:translate(-50%,-50%);opacity:.92}.match-attack-timeline-axis{display:flex;justify-content:space-between;color:#8ca3ad;font-size:11px}.match-player-card{display:grid;align-content:start;gap:10px;border:1px solid rgb(255 244 199 / 16%);border-radius:8px;background:#121c1a6b;padding:12px;min-width:0}.match-player-card.winner{border-color:#f7d982a8;background:linear-gradient(135deg,#634a1a6b,#1b433161),#121c1a7a}.match-player-card-header{display:flex;align-items:center;gap:10px;min-width:0}.match-player-card-header .avatar{flex:0 0 auto;width:48px;height:48px;border:2px solid rgb(247 217 130 / 72%);font-size:17px}.match-player-card-header>div{display:grid;gap:2px;min-width:0}.match-player-card-header strong{display:grid;gap:2px;min-width:0;font-size:16px;line-height:1.1}.match-player-card-header span{color:#e5d8a5;font-size:12px;font-weight:800}.match-player-quip{margin:0;min-width:0;overflow-wrap:anywhere;color:#cfdce2;font-size:12px;font-style:italic;line-height:1.3}.match-player-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.match-player-stats>div{display:grid;gap:2px;border-radius:6px;background:#070d0c4d;padding:7px 6px;min-width:0;text-align:center}.match-player-stats span{color:#d5c896;font-size:10px;font-weight:900;text-transform:uppercase}.match-player-stats strong{color:#fff4c7;font-size:16px;line-height:1}.match-player-badges{display:flex;align-self:start;align-content:flex-start;flex-wrap:wrap;gap:6px}.match-player-badge{display:inline-flex;align-items:center;gap:6px;color:#ffe6a2;font-size:11px;font-weight:900;line-height:1.1;white-space:nowrap}.match-player-badge-frame{position:relative;display:inline-grid;flex:0 0 auto;place-items:center;width:24px;height:24px;border:1px solid currentColor;background:radial-gradient(circle at 35% 28%,rgb(255 255 255 / 22%),transparent 34%),linear-gradient(145deg,#ffd26938,#ffd2690f);box-shadow:inset 0 0 0 1px #fff4c724,0 2px 5px #00000042;color:#ffd269}.match-player-badge-frame:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgb(255 244 199 / 26%);pointer-events:none}.match-player-badge-label{color:#ffe6a2}.match-player-badge-icon{position:relative;z-index:1;flex:0 0 auto;width:14px;height:14px;color:currentColor;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.match-player-badge-icon .badge-icon-fill{fill:currentColor;opacity:.22}.badge-frame-crown .match-player-badge-frame{border-radius:50%;color:#ffd269}.badge-frame-crown .match-player-badge-frame:after{border-radius:50%}.badge-frame-link .match-player-badge-frame,.badge-frame-crate .match-player-badge-frame,.badge-frame-panel .match-player-badge-frame{border-radius:6px;color:#8ed9ff}.badge-frame-link .match-player-badge-frame:after,.badge-frame-crate .match-player-badge-frame:after,.badge-frame-panel .match-player-badge-frame:after{border-radius:3px}.badge-frame-clean .match-player-badge-frame,.badge-frame-spark .match-player-badge-frame{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);color:#88efd2}.badge-frame-clean .match-player-badge-frame:after,.badge-frame-spark .match-player-badge-frame:after{clip-path:inherit}.badge-frame-gauge .match-player-badge-frame,.badge-frame-scout .match-player-badge-frame{border-radius:50% 50% 44% 44%;color:#ffbe68}.badge-frame-gauge .match-player-badge-frame:after,.badge-frame-scout .match-player-badge-frame:after{border-radius:inherit}.badge-frame-tower .match-player-badge-frame,.badge-frame-shield .match-player-badge-frame{clip-path:polygon(50% 0,88% 15%,88% 58%,50% 100%,12% 58%,12% 15%);color:#baf08e}.badge-frame-tower .match-player-badge-frame:after,.badge-frame-shield .match-player-badge-frame:after{clip-path:inherit}.badge-frame-flag .match-player-badge-frame,.badge-frame-inbox .match-player-badge-frame{border-radius:4px 9px;color:#f0dc9a}.badge-frame-flag .match-player-badge-frame:after,.badge-frame-inbox .match-player-badge-frame:after{border-radius:2px 6px}.badge-frame-strike .match-player-badge-frame,.badge-frame-duel .match-player-badge-frame{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);color:#ff8c78}.badge-frame-strike .match-player-badge-frame:after,.badge-frame-duel .match-player-badge-frame:after{clip-path:inherit}.badge-frame-medal .match-player-badge-frame{border-radius:50%}.badge-frame-medal .match-player-badge-frame:after{border-radius:50%}.ending-board-controls{grid-column:1 / -1;position:absolute;top:clamp(10px,2vmin,18px);left:50%;z-index:8;display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:center;width:max-content;max-width:calc(100vw - 24px);transform:translate(-50%)}.ending-board-controls .secondary-action{border-color:#f4d47b;background:#141916e0;color:#fff4c7;box-shadow:0 10px 26px #00000057}@media(max-width:640px){.match-complete{justify-content:center;padding:18px;text-align:center}.match-complete-header{flex-direction:column;align-items:center}.match-complete-main{flex-direction:column}.match-complete strong{font-size:28px}.match-complete-actions,.match-player-card-header{justify-content:center}}.round-countdown{grid-column:1 / -1;position:absolute;top:50%;left:50%;z-index:8;display:flex;justify-content:center;align-items:center;gap:14px;border:1px solid #6f8f74;border-radius:8px;background:#1e2d22e0;padding:12px 14px;color:#e7f2df;width:min(420px,calc(100vw - 24px));transform:translate(-50%,-50%)}.round-countdown strong{font-size:18px}.round-countdown span{min-width:36px;color:#f0dc9a;font-size:24px;font-weight:700;text-align:center}.round-complete{grid-column:1 / -1;position:absolute;top:50%;left:50%;z-index:8;display:flex;align-items:center;justify-content:center;gap:16px;border:1px solid #f4d47b;border-radius:8px;background:linear-gradient(135deg,#433414f5,#1f3a26f5);box-shadow:0 18px 44px #0000007a,0 0 0 4px #f4d47b1f;padding:18px 22px;color:#fff4c7;width:min(520px,calc(100vw - 24px));transform:translate(-50%,-50%)}.round-winner-profile{display:flex;flex:0 0 auto}.round-winner-profile .avatar{width:76px;height:76px;border:2px solid #f7d982;box-shadow:0 0 0 4px #fff4c71f,0 12px 24px #00000057;font-size:24px}.round-complete-copy{display:grid;gap:4px;min-width:0;text-align:left}.round-complete strong{font-size:30px;line-height:1.05}.round-complete span{max-width:100%;overflow-wrap:anywhere;color:#e5d8a5;font-size:20px;font-weight:800}@media(max-width:560px){.round-complete{flex-direction:column;width:min(360px,calc(100vw - 24px));padding:16px 18px;text-align:center}.round-complete-copy{text-align:center}.round-complete strong{font-size:24px}.round-complete span{font-size:18px}}.game-paused{grid-column:1 / -1;position:absolute;top:50%;left:50%;z-index:8;display:grid;justify-items:center;gap:5px;border:1px solid #e8c76c;border-radius:8px;background:#332c18e6;padding:14px 18px;color:#fff4c7;width:min(360px,calc(100vw - 24px));text-align:center;transform:translate(-50%,-50%)}.game-paused strong{font-size:20px}.game-paused span{max-width:100%;overflow-wrap:anywhere;color:#e5d8a5}.game-paused-unpause{min-width:116px;margin-top:5px;padding:0 14px;background:#78a083;border-color:#a8d5ad;color:#0e161d;font-weight:800}.game-paused-unpause:hover:not(:disabled),.game-paused-unpause:focus-visible{background:#8bb894;border-color:#c0e4c2}.app-shell.game-focus .match-complete{position:absolute;top:clamp(10px,2vmin,18px);left:50%;z-index:10;width:min(820px,calc(100vw - 24px));transform:translate(-50%)}.app-shell.game-focus .round-countdown{width:min(420px,calc(100vw - 24px))}.opponents{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:12px}.opponents .board-panel{content-visibility:auto;contain-intrinsic-size:220px 220px}.opponent-board-slot{display:block;width:max-content}.opponent-board-placeholder{display:grid;align-content:start;width:max(220px,calc(var(--opponent-placeholder-board-width, 145px) + 28px));min-height:calc(var(--opponent-placeholder-board-height, 254px) + 90px);opacity:.78}.opponent-board-placeholder header{min-width:0}.opponent-board-placeholder .stat-line{min-height:18px}.opponent-board-placeholder-surface{width:var(--opponent-placeholder-board-width, 145px);height:var(--opponent-placeholder-board-height, 254px);max-width:100%;border:1px solid #486879;border-radius:6px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 28%),#0b141b}.app-shell.game-focus .opponents{display:grid;grid-template-columns:none;grid-template-rows:repeat(var(--opponent-rail-rows, 3),max-content);grid-auto-flow:column;grid-auto-columns:max-content;align-content:center;justify-content:start;align-self:stretch;gap:12px;width:100%;height:calc(100dvh - 24px);max-height:100%;min-height:0;min-width:0;overflow-x:auto;overflow-y:hidden;padding:2px;overscroll-behavior:contain}.app-shell.game-focus .game-layout.duel-large .opponents{display:grid;grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;grid-auto-columns:auto;align-self:center;height:auto;max-height:none;overflow:visible;padding:0}.app-shell.game-focus .opponents .board-panel,.app-shell.game-focus .opponents .opponent-board-slot{flex:0 0 auto}.board-panel{position:relative;margin:0}.board-panel[class*=team-color-]{border-left-color:var(--team-color);box-shadow:inset 3px 0 0 var(--team-color)}.app-shell.game-focus .board-panel{background:linear-gradient(180deg,rgba(255,255,255,.075),transparent 96px),#142028e6}.app-shell.game-focus .board-panel.large{justify-self:center;align-self:center;padding:clamp(10px,1.8vmin,16px)}.app-shell.game-focus .board-panel.focused:not(.large){padding:10px}.app-shell.game-focus .board-panel.large header{font-size:clamp(16px,2vmin,20px)}.app-shell.game-focus .board-panel.large .stat-line{font-size:clamp(12px,1.4vmin,14px)}.board-panel.targeted-by-you{border-color:#fff7e7;box-shadow:0 0 0 1px #fff7e7b8,0 0 28px #ffd84a57}.board-panel.targeted-by-you[class*=team-color-]{box-shadow:inset 3px 0 0 var(--team-color),0 0 0 1px #fff7e7b8,0 0 28px #ffd84a57}.board-panel.targeting-you:not(.targeted-by-you){border-color:var(--danger)}.board-panel.shielded{border-color:#f6d578a3;box-shadow:0 0 0 1px #ffeeb033,0 0 24px #f6d5782e}.board-panel.targeting-you header{color:#f0c1b8}.board-panel.targeted-by-you header{color:#ffe1dc}.board-panel header,.stat-line{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.board-panel header{align-items:flex-start}.board-status{min-height:44px;align-content:center}.board-player-heading{--board-target-flags-height: 26px;position:relative;display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;padding-bottom:var(--board-target-flags-height)}.board-target-flags{position:absolute;right:0;bottom:0;left:0;display:inline-flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;align-content:flex-end;gap:5px;height:var(--board-target-flags-height);min-width:0;overflow:hidden}.board-target-flag{display:inline-flex;align-items:center;gap:5px;min-height:20px;border:1px solid currentColor;border-radius:999px;padding:2px 7px 2px 5px;font-size:10px;font-weight:900;line-height:1;text-transform:uppercase;white-space:nowrap}.board-target-flag.target-outgoing{background:#ff5c5c21;color:#ff7a70;box-shadow:0 0 12px #ff5c5c29}.board-target-flag.target-incoming{background:#e770701f;color:#f0a29b}.target-reticle{position:relative;display:inline-block;flex:0 0 auto;width:12px;height:12px;border:1.5px solid currentColor;border-radius:50%}.target-reticle:before,.target-reticle:after{content:"";position:absolute;background:currentColor}.target-reticle:before{top:50%;left:-3px;right:-3px;height:1.5px;transform:translateY(-50%)}.target-reticle:after{top:-3px;bottom:-3px;left:50%;width:1.5px;transform:translate(-50%)}.target-warning-mark{display:inline-block;flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.board-team-swatch{width:15px;height:20px;border-radius:3px 7px 7px 3px}.board-status{display:grid;flex:0 0 auto;justify-items:end;gap:4px}.stock-hearts{display:inline-flex;flex:0 0 auto;align-items:center;gap:3px;font-size:16px;line-height:1}.stock-heart.filled{color:#e66d75;text-shadow:0 0 8px rgba(230,109,117,.28)}.stock-heart.empty{color:#4d626d}.round-stars{display:inline-flex;align-items:center;gap:3px;color:#aebfc8;font-size:15px;line-height:1}.round-star.filled{color:#f1c85b;text-shadow:0 0 8px rgba(241,200,91,.3)}.round-star.empty{color:#4d626d}.stat-line{color:#c3d4dd;flex-wrap:wrap;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.01em}.incoming-garbage-meter{display:flex;gap:2px;height:7px;margin:3px 0 5px;padding:1px;border-radius:999px;background:#0c161ed9;box-shadow:inset 0 0 0 1px #ffffff0d}.incoming-garbage-segment{flex-basis:0;min-width:7px;border-radius:999px;background:#76859b;box-shadow:inset 0 0 0 1px var(--team-color, rgba(255, 255, 255, .22));transition:flex-grow .18s ease}.incoming-garbage-segment.urgency-soon{background:#e8c76c}.incoming-garbage-segment.urgency-imminent{background:#ff6b5e;animation:incoming-imminent-pulse .42s ease-in-out infinite}.incoming-garbage-segment.category-cement{background-image:linear-gradient(180deg,#00000057,#00000057)}.incoming-garbage-segment.category-metal{background-image:linear-gradient(180deg,rgba(255,255,255,.38),transparent 55%)}.incoming-garbage-segment.category-mirror{background-image:linear-gradient(115deg,transparent 30%,rgba(155,233,226,.65) 50%,transparent 70%)}.shield-status{border:1px solid rgba(255,238,176,.5);border-radius:999px;padding:1px 7px;background:linear-gradient(180deg,#fff6d029,#5f80ff1f),#090d2480;color:#ffe9a8;font-weight:900;text-shadow:0 0 10px rgba(246,213,120,.72);box-shadow:inset 0 0 0 1px #ffffff14,0 0 14px #f6d5783d}.board{--cell: 22px;--board-gap: 3px;--board-padding: 8px;--pressure: 0;--pressure-scale: 1;--pressure-panel-scale-x: 1;--break-release-scale: 1;--break-panel-scale-x: 1;--pressure-wobble-x: 0px;--pressure-wobble-y: 0px;--pressure-wobble-angle: 0deg;--columns: 6;--rows: 12;position:relative;width:fit-content;height:calc((var(--cell) * var(--rows)) + (var(--board-gap) * (var(--rows) - 1)) + (var(--board-padding) * 2) + 2px);padding:var(--board-padding);overflow:hidden;border:1px solid #486879;border-radius:6px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 28%),#0b141b;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 18px 36px #31a8ff14;contain:layout paint}.board.under-pressure{border-color:#e8c76c;box-shadow:inset 0 12px 24px rgba(232,199,108,calc(var(--pressure) * .24))}.board.shield-active{border-color:#f6d578;box-shadow:0 0 0 2px #ffeeb061,0 0 28px #f6d57875,0 0 52px #5f80ff2e,inset 0 0 34px #5f80ff33}.board.shield-active:before,.board.shield-active:after{content:"";position:absolute;pointer-events:none}.board.shield-active:before{top:0;right:0;bottom:0;left:0;z-index:4;background:radial-gradient(ellipse at 50% 8%,rgba(255,255,255,.36),transparent 28%),radial-gradient(ellipse at 50% 50%,rgba(255,238,176,.16),transparent 62%),linear-gradient(115deg,transparent 0 20%,rgba(255,255,255,.16) 28%,transparent 38% 100%);mix-blend-mode:screen;opacity:.72;animation:shield-dome 1.6s ease-in-out infinite}.board.shield-active:after{top:3px;right:3px;bottom:3px;left:3px;z-index:5;border:1px solid rgba(255,238,176,.48);border-radius:5px;box-shadow:inset 0 0 0 1px #ffffff29,inset 0 0 20px #ffeeb02e,0 0 18px #f6d5785c;opacity:.86;animation:shield-aura 1.2s ease-in-out infinite}.board.board-broken{border-color:#6a3b3b;background:#120f0f;box-shadow:inset 0 0 28px #1e0a0abf}.board-danger-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;border-radius:inherit}.board-danger-vignette{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 calc(var(--cell) * 1.7) #ff544080,inset 0 0 calc(var(--cell) * .55) #ff544057;opacity:calc(var(--pressure, 0) * var(--pressure, 0))}.board.danger-critical .board-danger-vignette{animation:danger-vignette-pulse .54s ease-in-out infinite}.board-danger-bar{position:absolute;top:2px;right:3px;left:3px;height:3px;border-radius:2px;background:linear-gradient(90deg,#ffb14a,#ff5c4a);transform-origin:left center;transform:scaleX(calc(1 - var(--pressure, 0)));transition:transform 60ms linear;opacity:min(1,calc(var(--pressure, 0) * 6))}.board.match-relief .board-danger-bar{opacity:0}.board-stop-bar{position:absolute;top:2px;right:3px;left:3px;height:3px;border-radius:2px;background:linear-gradient(90deg,#9be9e2,#5fd7ff);transform-origin:left center;transform:scaleX(var(--relief, 0));transition:transform 60ms linear;opacity:0}.board.match-relief .board-stop-bar{opacity:1}.board-stop-label{position:absolute;top:7px;left:50%;padding:1px 7px;border:1px solid rgba(155,233,226,.7);border-radius:999px;background:#0a1a1ee0;color:#9be9e2;font-size:max(9px,calc(var(--cell) * .4));font-weight:900;letter-spacing:.08em;line-height:1;translate:-50% 0;opacity:0;transition:opacity .12s ease;pointer-events:none}.board.match-relief .board-stop-label{opacity:1}.board-cells{--raise-offset: 0px;position:relative;display:grid;grid-template-columns:repeat(var(--columns),var(--cell));grid-auto-rows:var(--cell);gap:var(--board-gap);transform:translateY(calc(var(--raise-offset) * -1)) scaleY(var(--pressure-scale));transform-origin:top center;will-change:transform}.board-cells.board-canvas-layer,.board-canvas{display:block}.board-panel.interactive .board-canvas{touch-action:none}.board-shake-layer{--impact-shake: 0px;position:relative;transform-origin:center}.board-shake-layer.impact-shake{animation:impact-shake .24s cubic-bezier(.16,.9,.25,1)}.board.board-breaking .board-shake-layer{animation:board-break .36s cubic-bezier(.18,.95,.28,1)}.board.board-breaking .board-cells{animation:board-break-release .42s cubic-bezier(.16,.9,.25,1) both}.cell{position:relative;width:var(--cell);height:var(--cell);border-radius:5px;background:#15212a;border:1px solid rgba(255,255,255,.08);transform-origin:center;overflow:hidden;box-shadow:inset 0 3px #ffffff38,inset 0 -5px #02080d29,0 2px 3px #02080d33}.cell.board-button-cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:0;padding:0;color:inherit;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.cell.board-button-cell:hover,.cell.board-button-cell:focus,.cell.board-button-cell:active{transform:none}.cell.board-button-cell:focus{outline:none}.cell.board-button-cell:focus-visible{outline:2px solid var(--yellow);outline-offset:-3px;box-shadow:inset 0 3px #ffffff38,inset 0 -5px #02080d29,0 0 0 1px #ffd84ad6}.cell.board-button-cell.garbage{pointer-events:auto}.cell.empty{border-color:#ffffff0a;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 65%),#111b22;box-shadow:inset 0 0 0 1px #02080d33}.cell.red{background:#ff5c7a}.cell.blue{background:#31a8ff}.cell.green{background:#56d76d}.cell.yellow{background:#ffd84a}.cell.purple{background:#a970ff}.cell.cyan{background:#31dbe8}.cell.orange{background:#ff9f43}.cell.pink{background:#ff75bd}.cell.white{background:#f8fbff}.cell.mirror{background:#9be9e2}.cell.cement{background:#8b867a}.cell.bomb{background:#3a3f48}.cell.shield{background:radial-gradient(circle at 38% 22%,rgba(255,255,255,.98) 0 10%,rgba(255,255,255,.52) 11% 26%,transparent 42%),linear-gradient(145deg,rgba(255,238,176,.9) 0 11%,transparent 12% 32%,rgba(95,128,255,.34) 48%,transparent 64%),linear-gradient(180deg,#f9fbff,#dfe7ff 38%,#7789d8 58%,#27346f);border-color:#ffeeb0eb;box-shadow:inset 0 3px #ffffffb8,inset 0 -8px 12px #0f17485c,inset 0 0 0 1px #ffffff38,0 0 10px #f6d57857}.cell.reactor{background:radial-gradient(circle at 42% 30%,rgba(255,255,255,.9) 0 8%,rgba(255,232,145,.55) 9% 20%,transparent 34%),conic-gradient(from 210deg,#ff4d00,#ffb11f,#fff06a,#ff6a00,#b62d00,#ff4d00),linear-gradient(180deg,#ffb13d,#ff7417 48%,#d84205);border-color:#ffe891eb;box-shadow:inset 0 3px #ffffff80,inset 0 -8px 12px #5b140057,0 0 0 1px #ffec9938,0 0 14px #ff70177a}.cell.metal{border-color:#eef8fadb;background:linear-gradient(128deg,#ffffffc2 0,#ffffffc2,#fff0 18%,#fff0 34%,#ffffff80 44%,#fff0 58%),repeating-linear-gradient(90deg,rgba(255,255,255,.14) 0 1px,rgba(40,56,64,.12) 1px 3px,transparent 3px 7px),linear-gradient(180deg,#edf6f9,#aebbc2 38%,#f9fcfd 50%,#72828b);box-shadow:inset 0 1px #ffffffd1,inset 0 -7px 12px #19262f4d,inset 0 0 0 1px #ffffff3d,0 2px 4px #02080d38}.cell.metal:before,.cell.metal:after{content:"";position:absolute;pointer-events:none;z-index:0}.cell.metal:before{inset:2px 4px auto;height:32%;border-radius:4px 4px 8px 8px;background:linear-gradient(180deg,#ffffffbd,#ffffff1f);opacity:.82}.cell.metal:after{top:-34%;right:-28%;bottom:-34%;left:-28%;background:linear-gradient(116deg,transparent 34%,rgba(255,255,255,.58) 43%,rgba(255,255,255,.08) 50%,transparent 58%)}.cell.metal .cell-symbol{color:#0c181ec7;filter:drop-shadow(0 1px 0 rgba(255,255,255,.48)) drop-shadow(0 -1px 0 rgba(0,0,0,.24))}.cell.bomb .cell-symbol{color:#f5f8fae0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.36))}.cell.shield .cell-symbol,.cell.reactor .cell-symbol{color:#041218d6;filter:drop-shadow(0 1px 0 rgba(255,255,255,.48)) drop-shadow(0 0 4px rgba(255,255,255,.34))}.cell.shield .cell-symbol{color:#161f56eb;filter:drop-shadow(0 1px 0 rgba(255,255,255,.72)) drop-shadow(0 0 5px rgba(255,232,150,.48))}.cell.reactor .cell-symbol{color:#4d1200e6;filter:drop-shadow(0 1px 0 rgba(255,245,190,.72)) drop-shadow(0 0 5px rgba(255,245,130,.56))}.cell.reactor.match-blink,.cell.reactor.pop{animation:reactor-pop var(--pop-duration, 176ms) cubic-bezier(.12,.9,.22,1) both}.cell.garbage{--garbage-base: #9eaab0;--garbage-low: #74828a;--garbage-border: #d2e0e4;background:var(--garbage-base);border-color:var(--garbage-border);border-radius:3px;box-shadow:0 0 0 calc(var(--board-gap) / 2) var(--garbage-base),inset 0 0 0 1px #fff3,inset 0 -8px 12px #22272333}.cell.garbage.garbage-unified{border-color:transparent;border-radius:0;box-shadow:0 0 0 calc(var(--board-gap) / 2) var(--garbage-base)}.cell.garbage-cement{--garbage-base: #7d7870;--garbage-low: #67625b;--garbage-border: #c6bda9}.cell.garbage-cement.garbage-unified{border-color:transparent;box-shadow:0 0 0 calc(var(--board-gap) / 2) var(--garbage-base)}.cell.garbage-mirror{--garbage-base: #8aa9a8;--garbage-low: #6d8b8a;--garbage-border: #cce6e3}.cell.garbage-metal{--garbage-base: #a8b7be;--garbage-low: #61717a;--garbage-border: #edf8fb}.cell.garbage-mirror.garbage-unified{border-color:transparent;box-shadow:0 0 0 calc(var(--board-gap) / 2) var(--garbage-base)}.cell-symbol{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;color:#070e12d1;pointer-events:none;filter:drop-shadow(0 1px 0 rgba(255,255,255,.28)) drop-shadow(0 -1px 0 rgba(0,0,0,.2))}.cell-symbol-mark{width:72%;height:72%;overflow:visible}.cell-symbol-stroke{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.cell-symbol-stroke.thin{stroke-width:1.2}.cell-symbol-fill{fill:currentColor}.cell-symbol-fill.soft{opacity:.24}.cell.preview .cell-symbol{opacity:.78}.cell.garbage .cell-symbol{color:#181c19d1}.cell.garbage:not(.garbage-cracked) .cell-symbol{display:none}.board.under-pressure .cell:not(.empty):not(.preview){filter:brightness(calc(1 - (var(--pressure) * .12))) saturate(calc(1 + (var(--pressure) * .2)))}.board.under-pressure .cell:not(.empty){scale:var(--pressure-panel-scale-x) 1}.cell.cracked:not(.empty),.cell.garbage.garbage-cracked{filter:grayscale(.24) brightness(.74);border-color:#231616e6;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 -8px 10px #180a0a59}.cell.garbage.garbage-join-left,.garbage-block-cell.garbage-join-left{border-left-color:transparent;border-top-left-radius:0;border-bottom-left-radius:0}.cell.garbage.garbage-join-right,.garbage-block-cell.garbage-join-right{border-right-color:transparent;border-top-right-radius:0;border-bottom-right-radius:0}.cell.garbage.garbage-join-top,.garbage-block-cell.garbage-join-top{border-top-color:transparent;border-top-left-radius:0;border-top-right-radius:0}.cell.garbage.garbage-join-bottom,.garbage-block-cell.garbage-join-bottom{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.board.board-breaking .cell.cracked:not(.empty){animation:panel-break-release .42s cubic-bezier(.16,.9,.25,1) both}.cell.cracked:not(.empty):before,.cell.cracked:not(.empty):after,.cell.garbage.garbage-cracked:before,.cell.garbage.garbage-cracked:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;pointer-events:none}.cell.cracked:not(.empty):before,.cell.garbage.garbage-cracked:before{z-index:2;background:linear-gradient(126deg,transparent 0 42%,rgba(24,18,18,.9) 43% 46%,rgba(255,255,255,.22) 47%,transparent 49%),linear-gradient(36deg,transparent 0 56%,rgba(24,18,18,.76) 57% 59%,transparent 60%),linear-gradient(88deg,transparent 0 48%,rgba(24,18,18,.62) 49% 50%,transparent 52%)}.cell.cracked:not(.empty):after,.cell.garbage.garbage-cracked:after{z-index:2;border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(20,12,12,.7);clip-path:polygon(8% 0,62% 0,42% 40%,88% 82%,46% 100%,28% 52%,0 72%,20% 34%)}.garbage-popup{position:absolute;z-index:6;min-width:calc(var(--cell) * 1.6);padding:2px 6px;border:1px solid rgba(255,244,199,.88);border-radius:999px;background:#18140bdb;color:#fff4c7;font-size:calc(var(--cell) * .44);font-weight:800;line-height:1;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.7);pointer-events:none;animation:garbage-popup-rise 1056ms cubic-bezier(.16,.9,.25,1) both;translate:-50% -50%}.garbage-popup.chain-popup{--chain-pop-scale: 1;z-index:7;border-color:#ffd84aeb;background:#1f1606e6;color:#ffd84a;font-size:calc(var(--cell) * .56);animation-name:chain-popup-rise}.chain-popup.chain-level-3{--chain-pop-scale: 1.12;color:#ffc83d}.chain-popup.chain-level-4{--chain-pop-scale: 1.24;border-color:#ffae33eb;color:#ffae33}.chain-popup.chain-level-5{--chain-pop-scale: 1.36;border-color:#ff8d2eeb;color:#ff8d2e}.chain-popup.chain-level-6{--chain-pop-scale: 1.5;border-color:#ff6b3df2;color:#ff6b3d}.cell.preview{filter:brightness(.48) saturate(.8);opacity:.82}.cell.cursor{z-index:4;outline:3px solid #ffffff;outline-offset:-2px;box-shadow:inset 0 3px #ffffff3d,inset 0 -5px #02080d29,0 0 0 2px #ffd84adb,0 0 18px #ffd84a75}.cell.drag-origin{z-index:5;outline:3px solid #ffffff;outline-offset:-2px;box-shadow:0 0 0 2px #ffd84adb,0 0 18px #ffd84a75}.cell.swap-candidate{z-index:4;outline:2px dashed var(--yellow);outline-offset:-4px;box-shadow:inset 0 0 0 2px #ffd84a3d,0 0 12px #ffd84a3d}.cell.swap-target{outline-style:solid;outline-width:3px;filter:brightness(1.16) saturate(1.18);transform:scale(1.04)}.cell.hint-panel{z-index:5;outline:3px solid #6fe3ff;outline-offset:-2px;box-shadow:0 0 0 2px #6fe3ffb3,0 0 16px #6fe3ff73}.cell.hint-target{z-index:4;outline:2px dashed #6fe3ff;outline-offset:-4px;box-shadow:inset 0 0 0 2px #6fe3ff47,0 0 12px #6fe3ff4d}.cell.match-blink:not(.empty){z-index:2;animation:match-blink .12s steps(1,end) infinite}.cell.garbage.garbage-touched:not(.empty){z-index:3;animation:garbage-touched .18s ease-in-out infinite alternate;will-change:filter,transform}.cell.pop:not(.empty){z-index:3;animation:panel-pop var(--pop-duration, .18s) ease-in forwards}.cell.inactive:not(.empty){filter:saturate(.62) brightness(.82)}.cell.inactive:not(.empty):not(.pop){opacity:.62}button.cell.inactive{cursor:not-allowed}.cell.falling:not(.empty){z-index:1;animation:panel-fall var(--fall-duration, .32s) cubic-bezier(.2,.8,.2,1) both}.cell.swap-hidden,.cell.falling-origin-hidden{opacity:0}.cell.swap-piece{position:absolute;left:0;top:0;z-index:4;pointer-events:none;animation:panel-swap .14s cubic-bezier(.2,.82,.25,1) both;will-change:transform}.cell.falling-piece{position:absolute;left:0;top:0;z-index:1;pointer-events:none;will-change:transform}.garbage-block{--garbage-base: #8b918d;--garbage-low: #737a75;--garbage-border: #bdc2be;position:absolute;left:var(--garbage-block-x);top:var(--garbage-block-y);width:var(--garbage-block-width);height:var(--garbage-block-height);z-index:5;overflow:visible;pointer-events:none;animation:panel-fall .36s cubic-bezier(.2,.8,.2,1) both;will-change:transform}.garbage-block.garbage-cement{--garbage-base: #7d7870;--garbage-low: #67625b;--garbage-border: #c6bda9}.garbage-block.garbage-mirror{--garbage-base: #8aa9a8;--garbage-low: #6d8b8a;--garbage-border: #cce6e3}.garbage-block.garbage-metal{--garbage-base: #a8b7be;--garbage-low: #61717a;--garbage-border: #edf8fb}.garbage-block.active-garbage-block{animation:none}.garbage-block-cell{position:absolute;display:block;border:1px solid var(--garbage-border);border-radius:3px;background:var(--garbage-base);box-shadow:0 0 0 calc(var(--board-gap) / 2) var(--garbage-base),inset 0 0 0 1px #fff3,inset 0 -8px 12px #22272333}.garbage-block-cell.garbage-unified{box-shadow:0 0 0 calc(var(--board-gap) / 2) var(--garbage-base)}.garbage-block-border{--garbage-base: #8b918d;--garbage-low: #737a75;--garbage-border: #bdc2be;position:absolute;left:var(--garbage-border-x);top:var(--garbage-border-y);width:var(--garbage-border-width);height:var(--garbage-border-height);z-index:1;pointer-events:none;overflow:hidden;border:1px solid var(--garbage-border);border-radius:3px;background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.22) 0 1px,transparent 1.8px),radial-gradient(circle at 68% 64%,rgba(21,25,22,.26) 0 1.1px,transparent 2px),radial-gradient(circle at 42% 78%,rgba(255,255,255,.12) 0 .9px,transparent 1.8px),linear-gradient(135deg,rgba(255,255,255,.18),transparent 36%),linear-gradient(180deg,var(--garbage-base),var(--garbage-low));background-size:21px 19px,25px 23px,17px 15px,100% 100%,100% 100%;box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 -12px 16px #22272342,inset 0 10px 14px #ffffff14}.garbage-block-border.garbage-cement{--garbage-base: #7d7870;--garbage-low: #67625b;--garbage-border: #c6bda9}.garbage-block-border.garbage-mirror{--garbage-base: #8aa9a8;--garbage-low: #6d8b8a;--garbage-border: #cce6e3}.garbage-block-border.garbage-metal{--garbage-base: #a8b7be;--garbage-low: #61717a;--garbage-border: #edf8fb;background:linear-gradient(128deg,rgba(255,255,255,.5) 0 9%,rgba(255,255,255,0) 18% 36%,rgba(255,255,255,.36) 44%,transparent 58%),repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 1px,rgba(34,48,56,.14) 1px 3px,transparent 3px 7px),linear-gradient(180deg,#dfe9ed 0%,var(--garbage-base) 40%,#f4f8fa 51%,var(--garbage-low) 100%);background-size:100% 100%,100% 100%,100% 100%;box-shadow:inset 0 1px #ffffffa8,inset 0 -14px 18px #19262f52,inset 0 0 0 1px #ffffff2e}.cell.garbage-team-a,.cell.garbage-team-1,.garbage-block.garbage-team-a,.garbage-block.garbage-team-1,.garbage-block-border.garbage-team-a,.garbage-block-border.garbage-team-1{--garbage-base: #b85b5e;--garbage-low: #894548;--garbage-border: #f0a4a4}.cell.garbage-team-b,.cell.garbage-team-2,.garbage-block.garbage-team-b,.garbage-block.garbage-team-2,.garbage-block-border.garbage-team-b,.garbage-block-border.garbage-team-2{--garbage-base: #5f82bf;--garbage-low: #455f8f;--garbage-border: #a8c7ff}.cell.garbage-team-c,.cell.garbage-team-3,.garbage-block.garbage-team-c,.garbage-block.garbage-team-3,.garbage-block-border.garbage-team-c,.garbage-block-border.garbage-team-3{--garbage-base: #5f9d6b;--garbage-low: #47764f;--garbage-border: #a9e0b0}.cell.garbage-team-d,.cell.garbage-team-4,.garbage-block.garbage-team-d,.garbage-block.garbage-team-4,.garbage-block-border.garbage-team-d,.garbage-block-border.garbage-team-4{--garbage-base: #b49a4d;--garbage-low: #83713a;--garbage-border: #efd987}.cell.garbage-cement,.garbage-block.garbage-cement,.garbage-block-border.garbage-cement{--garbage-base: #7d7870;--garbage-low: #67625b}.cell.garbage-metal,.garbage-block.garbage-metal,.garbage-block-border.garbage-metal{--garbage-base: #a8b7be;--garbage-low: #61717a}.cell.garbage.garbage-metal,.garbage-block.garbage-metal .garbage-block-cell{background:linear-gradient(128deg,rgba(255,255,255,.52) 0 10%,rgba(255,255,255,0) 19% 36%,rgba(255,255,255,.38) 45%,transparent 58%),repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 1px,rgba(34,48,56,.14) 1px 3px,transparent 3px 7px),linear-gradient(180deg,#dfe9ed 0%,var(--garbage-base) 40%,#f4f8fa 51%,var(--garbage-low) 100%);box-shadow:0 0 0 calc(var(--board-gap) / 2) var(--garbage-base),inset 0 1px #ffffff9e,inset 0 -8px 12px #19262f4d,inset 0 0 0 1px #ffffff2e}.board.low-detail-cells:not(.show-cell-symbols) .cell-symbol{display:none}.board.low-detail-cells .cell{border-width:0}.board.render-lean{box-shadow:inset 0 0 0 1px #ffffff0a}.board.render-lean.shield-active:before,.board.render-lean.shield-active:after{animation:none}.board.render-lean .cell{border-radius:3px;box-shadow:none}.board.render-lean .cell.empty{background:#111b22;box-shadow:none}.board.render-lean .cell-symbol{filter:none}.board.render-lean .cell.metal:before,.board.render-lean .cell.metal:after{display:none}.board.render-lean .cell.garbage,.board.render-lean .cell.garbage.garbage-unified,.board.render-lean .cell.garbage-cement.garbage-unified,.board.render-lean .cell.garbage-mirror.garbage-unified,.board.render-lean .garbage-block-cell,.board.render-lean .garbage-block-cell.garbage-unified{box-shadow:none}.board.render-lean .garbage-block-border{background:var(--garbage-base);background-size:auto;box-shadow:none}.board.render-lean.under-pressure .cell:not(.empty):not(.preview),.board.render-lean .cell.preview,.board.render-lean .cell.swap-target,.board.render-lean .cell.cracked:not(.empty),.board.render-lean .cell.garbage.garbage-cracked{filter:none}@keyframes match-blink{0%,to{filter:brightness(1.15);transform:scale(1);border-color:#ffffffb3}50%{filter:brightness(1.9);transform:scale(1.08);border-color:#fff;box-shadow:0 0 10px #ffffffbf}}@keyframes garbage-touched{0%{filter:brightness(1.08) saturate(1.05);transform:scale(1);border-color:var(--garbage-border)}to{filter:brightness(1.45) saturate(1.25);transform:scale(1.035);border-color:#fff4c7;box-shadow:0 0 0 calc(var(--board-gap) / 2) var(--garbage-base),inset 0 0 0 1px #ffffff57,inset 0 -8px 12px #22272333,0 0 12px #fff4c7bd}}@keyframes panel-pop{0%{opacity:1;transform:scale(1.08)}65%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(.18)}}@keyframes reactor-pop{0%{opacity:1;filter:saturate(1.35) brightness(1.1);transform:scale(1.06) rotate(0)}48%{opacity:1;filter:saturate(1.95) brightness(1.36);transform:scale(1.36) rotate(-10deg)}to{opacity:0;filter:saturate(2.15) brightness(1.48);transform:scale(.16) rotate(22deg)}}@keyframes shield-aura{0%,to{opacity:.74;transform:scale(.988)}50%{opacity:1;transform:scale(1.01)}}@keyframes shield-dome{0%,to{opacity:.58;transform:translateY(0)}50%{opacity:.82;transform:translateY(-1px)}}@keyframes garbage-popup-rise{0%{opacity:0;scale:.72;translate:-50% -28%}12%{opacity:1;scale:1.14}48%{opacity:1;scale:1.06;translate:-50% -72%}76%{opacity:.72;scale:1;translate:-50% -128%}to{opacity:0;scale:.96;translate:-50% -160%}}@keyframes danger-vignette-pulse{0%,to{opacity:calc(var(--pressure, 0) * .72)}50%{opacity:var(--pressure, 0)}}@keyframes incoming-imminent-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes chain-popup-rise{0%{opacity:0;scale:calc(.4 * var(--chain-pop-scale, 1));translate:-50% -34%}10%{opacity:1;scale:calc(1.38 * var(--chain-pop-scale, 1))}26%{scale:calc(1.04 * var(--chain-pop-scale, 1));translate:-50% -58%}72%{opacity:1;scale:calc(1.04 * var(--chain-pop-scale, 1));translate:-50% -116%}to{opacity:0;scale:calc(.94 * var(--chain-pop-scale, 1));translate:-50% -156%}}@keyframes panel-fall{0%{transform:translateY(var(--fall-y))}to{transform:translateY(0)}}@keyframes panel-swap{0%{transform:translate(var(--swap-from-x),var(--swap-from-y)) scale(1)}50%{transform:translate(var(--swap-mid-x),var(--swap-mid-y)) scale(1.08)}to{transform:translate(var(--swap-to-x),var(--swap-to-y)) scale(1)}}@keyframes impact-shake{0%,to{transform:translate(0)}16%{transform:translate(calc(var(--impact-shake) * -1),calc(var(--impact-shake) * .28))}32%{transform:translate(calc(var(--impact-shake) * .75),calc(var(--impact-shake) * -.22))}48%{transform:translate(calc(var(--impact-shake) * -.52),calc(var(--impact-shake) * .16))}64%{transform:translate(calc(var(--impact-shake) * .34),calc(var(--impact-shake) * -.12))}80%{transform:translate(calc(var(--impact-shake) * -.16),calc(var(--impact-shake) * .08))}}@keyframes board-break{0%,to{transform:translate(0) rotate(0)}16%{transform:translate(-3px,2px) rotate(-.6deg)}32%{transform:translate(3px,-1px) rotate(.5deg)}48%{transform:translate(-2px,1px) rotate(-.35deg)}64%{transform:translate(1px,-1px) rotate(.2deg)}}@keyframes board-break-release{0%{transform:translateY(0) scaleY(var(--break-release-scale))}to{transform:translateY(calc(var(--raise-offset) * -1)) scaleY(var(--pressure-scale))}}@keyframes panel-break-release{0%{scale:var(--break-panel-scale-x) 1}to{scale:1 1}}@media(max-width:820px){.app-shell:not(.game-focus){min-width:0}.room-layout{grid-template-columns:1fr}.room-setup-layout{grid-template-columns:1fr;grid-template-areas:"players" "rules" "side"}.key-binding-row,.controller-binding-row{grid-template-columns:1fr}.endless-page{padding:10px max(8px,env(safe-area-inset-right)) 14px max(8px,env(safe-area-inset-left))}.endless-page .settings-header,.endless-run-banner{display:grid}.endless-header-actions{justify-content:stretch}.endless-header-actions button{flex:1 1 120px}.endless-layout{grid-template-columns:1fr}.endless-info-panel{order:2}.endless-board-stage{min-height:520px}.puzzle-layout{grid-template-columns:1fr}.puzzle-path-header{display:grid}.puzzle-path-stats{justify-content:flex-start}.stage-chapter-header{display:grid;align-items:start}.stage-chapter-summary{justify-content:flex-start;min-width:0}.stage-detail-heading{display:grid}.stage-detail-grid{grid-template-columns:1fr}.stage-detail-actions{justify-content:flex-start}.puzzle-heading{flex-direction:column;gap:8px}.puzzle-status{min-width:0}.app-shell.game-focus .game-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;justify-items:center;align-items:center;gap:10px}.focused-game-actions{top:auto;right:10px;bottom:10px}.round-timer{top:10px;left:50%}.app-shell.game-focus .observer-view-selector{top:10px;right:auto;left:10px;width:fit-content;max-width:calc(100vw - 72px)}.app-shell.game-focus .opponents{display:flex;flex-flow:row nowrap;align-content:stretch;justify-content:flex-start;width:100%;height:auto;max-height:126px;overflow-x:auto;overflow-y:hidden;align-self:end;padding:0}.app-shell.game-focus .opponents .board-panel{flex:0 0 auto}}@media(prefers-reduced-motion:reduce){.sc2-menu-tree[data-size-transition=resizing],.sc2-submenu-expander,.sc2-submenu-expander:before,.sc2-submenu-item,.sc2-top-menu-item.selected:after,.menu-panel-sprite,.main-menu-graphics:after{animation:none;transition:none}.sc2-submenu-expander{clip-path:none;filter:none;transform:none}.ladder-queue-search-pips span{animation:none}.board-cells{transform:none}.board-shake-layer.impact-shake{animation:none}.board.shield-active:before,.board.shield-active:after{animation:none}.board.board-breaking .board-shake-layer,.board.board-breaking .board-cells,.board.board-breaking .cell.cracked:not(.empty){animation:none}.garbage-popup{animation-duration:1ms}.incoming-garbage-segment.urgency-imminent,.board.danger-critical .board-danger-vignette{animation:none}.cell.match-blink:not(.empty),.cell.garbage.garbage-touched:not(.empty),.cell.pop:not(.empty),.cell.swap-piece,.cell.falling:not(.empty){animation-duration:1ms;animation-iteration-count:1}}.empty-state{display:grid;place-items:center;min-height:220px;border:1px dashed #475048;border-radius:8px;color:#aebfc8;background:#1b2832;padding:20px}.custom-room-empty{gap:6px;grid-column:1 / -1;min-height:190px;text-align:center}.custom-room-empty strong{color:#eef5fa}.custom-room-empty span{color:#aebfc8;font-size:13px}.settings-page,.rooms-page{color:var(--text)}:is(.single-player-menu-summary div,.menu-progress-list,.custom-room-action-card,.custom-room-card,.home-progress-card,.home-dashboard-list,.home-dashboard-stat-grid div,.campaign-hero,.single-player-summary div,.stage-detail-panel,.stage-tip-list,.campaign-stage-card,.result-progress-list,.campaign-result-screen,.puzzle-path-header,.puzzle-play-panel,.puzzle-result-panel,.puzzle-replay-controls,.sound-option-panel,.key-binding-row,.controller-binding-row,.profile-stats,.group-editor,.sound-effect-row,.rules-detail-panel,.preset-diff-panel){border-color:var(--line);background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 88px),var(--surface);box-shadow:inset 0 1px #ffffff0e,0 14px 30px #02080d2e}:is(.single-player-menu-summary strong,.menu-progress-list strong,.custom-room-action-card h4,.custom-room-list-header h4,.home-dashboard-header h3,.home-progress-stats strong,.home-progress-next strong,.home-dashboard-list strong,.campaign-hero strong,.single-player-summary strong,.stage-detail-heading h3,.stage-detail-grid strong,.campaign-stage-heading strong,.campaign-opponent span,.result-progress-list strong,.campaign-result-heading h3,.puzzle-path-header strong,.puzzle-heading h3,.puzzle-result-heading>div>strong,.puzzle-result-stats strong,.sound-option-panel strong,.controller-binding-row strong,.profile-stats h4,.custom-room-empty strong){color:var(--text)}:is(.single-player-menu-summary span,.menu-progress-list small,.custom-room-action-card p,.custom-rooms-hero-copy p,.home-dashboard-header p,.home-dashboard-stat-grid span,.home-progress-stats span,.home-progress-next span,.home-progress-next small,.home-dashboard-list small,.campaign-hero span,.single-player-summary span,.stage-detail-heading p,.stage-detail-grid span,.stage-detail-grid small,.campaign-stage-card p,.puzzle-path-header span,.puzzle-path-header small,.puzzle-heading p,.puzzle-result-heading>div>span,.puzzle-result-summary,.sound-option-panel span,.sound-effect-row span,.custom-room-empty span){color:var(--muted)}:is(.menu-progress-list>span,.home-dashboard-header span,.home-progress-card-header span,.home-dashboard-list>span,.stage-tip-list>span,.result-progress-list>span,.puzzle-move-history>span,.puzzle-move-path>span,.puzzle-replay-controls span,.achievement-badges>span,.badge-unlock-list>span,.custom-rooms-hero-copy span,.custom-room-list-header span,.custom-room-password-modal span){color:var(--yellow)}.single-player-menu-summary div:nth-child(1),.home-dashboard-stat-grid div:nth-child(1),.single-player-summary div:nth-child(1){border-color:color-mix(in srgb,var(--pink) 44%,var(--line))}.single-player-menu-summary div:nth-child(2),.home-dashboard-stat-grid div:nth-child(2),.single-player-summary div:nth-child(2){border-color:color-mix(in srgb,var(--aqua) 44%,var(--line))}.single-player-menu-summary div:nth-child(3),.home-dashboard-stat-grid div:nth-child(3){border-color:color-mix(in srgb,var(--yellow) 44%,var(--line))}.campaign-stage-card.selected,.campaign-stage-card:focus-within{border-color:var(--yellow);box-shadow:0 0 0 1px #ffd84a5c,0 18px 34px #02080d47}.campaign-stage-card.cleared,.puzzle-result-panel.cleared,.campaign-result-screen.won,.achievement-badge.earned,.badge-unlock-list{border-color:color-mix(in srgb,var(--green) 58%,var(--line))}.custom-rooms-hero,.campaign-hero{border-color:#f8fbff24;background:linear-gradient(126deg,rgba(255,92,138,.18) 0 17%,transparent 17% 100%),linear-gradient(306deg,rgba(255,216,74,.18) 0 19%,transparent 19% 100%),linear-gradient(160deg,rgba(56,224,208,.12),transparent 44%),#11202a}.custom-room-action-icon{border-color:#ffffff3d;background:var(--pink);box-shadow:inset 0 2px #ffffff3d,0 10px 20px #02080d42}.custom-room-action-card.join .custom-room-action-icon{background:var(--aqua)}.custom-room-card:before,.ladder-queue-modal:before{background:linear-gradient(90deg,var(--pink),var(--yellow),var(--aqua),var(--violet))}.custom-room-capacity>span{background:linear-gradient(90deg,var(--aqua),var(--yellow),var(--pink))}.star-rating .filled,.round-star.filled,.campaign-result-score strong,.star-objective-list span.earned,.achievement-badge.earned,.badge-unlock-list strong{color:var(--yellow)}.stock-heart.filled{color:var(--pink)}.focused-game-menu-trigger{border-color:var(--line-bright);background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 48%),#14232d}.focused-game-menu-trigger:hover,.focused-game-menu-trigger:focus,.focused-game-menu-trigger[aria-expanded=true]{border-color:var(--aqua);background:#203948}.focused-game-menu-popover,.confirmation-dialog,.custom-room-password-modal,.game-settings-modal,.ladder-queue-modal{border-color:var(--line-bright);background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 100px),#101b23}.focused-game-menu-item:hover:not(:disabled),.focused-game-menu-item:focus-visible,.focused-game-menu-item:focus{border-color:var(--aqua);background:#203948}.puzzle-result-panel.cleared{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--green) 66%,var(--line));background:radial-gradient(130% 90% at 50% -12%,rgba(255,216,74,.16),transparent 58%),linear-gradient(180deg,rgba(98,223,123,.14),transparent 52%),var(--surface-raised);box-shadow:0 0 0 1px #62df7b38,0 24px 48px #02080d80}.puzzle-result-confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.puzzle-result-confetti i{position:absolute;top:-14px;width:8px;height:13px;border-radius:2px;opacity:0;animation:puzzle-confetti-fall 1.6s ease-in forwards}.puzzle-result-confetti i:nth-child(1){left:6%;background:var(--pink);animation-delay:.05s}.puzzle-result-confetti i:nth-child(2){left:16%;background:var(--yellow);animation-delay:.25s;height:10px}.puzzle-result-confetti i:nth-child(3){left:27%;background:var(--aqua);animation-delay:.1s}.puzzle-result-confetti i:nth-child(4){left:37%;background:var(--violet);animation-delay:.35s;height:15px}.puzzle-result-confetti i:nth-child(5){left:48%;background:var(--green);animation-delay:0s}.puzzle-result-confetti i:nth-child(6){left:58%;background:var(--blue);animation-delay:.3s;height:10px}.puzzle-result-confetti i:nth-child(7){left:68%;background:var(--yellow);animation-delay:.15s}.puzzle-result-confetti i:nth-child(8){left:78%;background:var(--pink);animation-delay:.4s;height:15px}.puzzle-result-confetti i:nth-child(9){left:88%;background:var(--aqua);animation-delay:.2s}.puzzle-result-confetti i:nth-child(10){left:95%;background:var(--violet);animation-delay:.45s;height:10px}@keyframes puzzle-confetti-fall{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}to{opacity:0;transform:translateY(430px) rotate(540deg)}}.puzzle-result-celebration{position:relative;display:grid;gap:4px;justify-items:center;padding:12px 0 2px;text-align:center}.puzzle-result-burst{position:absolute;top:-8px;width:200px;height:96px;background:radial-gradient(closest-side,rgba(255,216,74,.3),transparent 72%);filter:blur(2px);pointer-events:none}.puzzle-result-big-stars{position:relative;display:flex;gap:12px;font-size:42px;line-height:1}.puzzle-result-big-stars span{color:#f8fbff38;transform:scale(0);animation:puzzle-star-pop .5s cubic-bezier(.2,1.6,.4,1) forwards}.puzzle-result-big-stars span.earned{color:var(--yellow);text-shadow:0 0 20px rgba(255,216,74,.55),0 2px 0 rgba(0,0,0,.25)}.puzzle-result-big-stars span:nth-child(1){animation-delay:.05s}.puzzle-result-big-stars span:nth-child(2){animation-delay:.22s}.puzzle-result-big-stars span:nth-child(3){animation-delay:.39s}@keyframes puzzle-star-pop{0%{transform:scale(0) rotate(-16deg)}60%{transform:scale(1.28) rotate(5deg)}to{transform:scale(1) rotate(0)}}.puzzle-result-title{position:relative;color:var(--text);font-size:22px;letter-spacing:.3px}.puzzle-result-panel.cleared .puzzle-result-summary{text-align:center}.puzzle-result-panel.cleared .puzzle-actions{grid-template-columns:1fr;justify-items:stretch}.puzzle-next-button{display:grid;gap:2px;justify-items:center;min-height:58px;border-color:color-mix(in srgb,var(--green) 72%,var(--line));background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 52%),linear-gradient(118deg,#1f5a38,#1b4154);padding:10px 16px;font-size:17px;font-weight:800;animation:puzzle-next-glow 1.9s ease-in-out infinite}.puzzle-next-button:hover{border-color:var(--green);background:linear-gradient(180deg,rgba(255,255,255,.2),transparent 50%),linear-gradient(118deg,#256b44,#205069)}.puzzle-next-button small{color:#dff5e4d9;font-size:12px;font-weight:650}@keyframes puzzle-next-glow{0%,to{box-shadow:0 0 0 1px #62df7b52,0 0 #62df7b4d,0 10px 24px #02080d66}50%{box-shadow:0 0 0 1px #62df7b80,0 0 0 9px #62df7b00,0 10px 24px #02080d66}}.puzzle-actions .puzzle-quiet-button{justify-self:center;width:auto;min-height:0;border:0;background:transparent;padding:5px 10px;color:var(--muted-soft);font-size:12px;font-weight:600;text-decoration:underline dotted;box-shadow:none}.puzzle-actions .puzzle-quiet-button:hover,.puzzle-actions .puzzle-quiet-button:focus-visible{background:transparent;color:var(--text);box-shadow:none}@media(prefers-reduced-motion:reduce){.puzzle-result-confetti{display:none}.puzzle-result-big-stars span{transform:none;animation:none}.puzzle-next-button{animation:none;box-shadow:0 0 0 1px #62df7b66,0 10px 24px #02080d66}}.puzzle-result-panel.cleared .puzzle-result-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.puzzle-result-panel.cleared .puzzle-result-stats div{gap:2px;padding:6px 4px;text-align:center}.puzzle-result-panel.cleared .puzzle-result-stats span{font-size:10px;letter-spacing:.4px;text-transform:uppercase}.puzzle-result-panel.cleared .puzzle-result-stats strong{font-size:13px}.zone-first-clears{--zone-accent: var(--green)}.zone-gravity-games{--zone-accent: var(--blue)}.zone-silent-moves{--zone-accent: var(--violet)}.zone-chain-school{--zone-accent: var(--yellow)}.zone-garbage-lab{--zone-accent: var(--pink)}.zone-master-trials{--zone-accent: var(--aqua)}.zone-vertical-vault{--zone-accent: var(--danger)}.zone-basics{--zone-accent: var(--yellow)}:where(.puzzle-page){--zone-accent: var(--yellow)}.puzzle-path-header{display:flex;align-items:start;justify-content:space-between;gap:12px;border:1px solid rgba(248,251,255,.14);border-radius:8px;background:linear-gradient(126deg,color-mix(in srgb,var(--zone-accent) 20%,transparent) 0 16%,transparent 16% 100%),linear-gradient(306deg,rgba(255,216,74,.14) 0 12%,transparent 12% 100%),linear-gradient(180deg,rgba(255,255,255,.06),transparent 62%),var(--surface-raised);padding:12px 14px}.puzzle-path-header>div:first-child>span{color:var(--zone-accent)}.puzzle-heading-intro{display:none;color:var(--muted-soft);font-size:12px;font-style:italic;line-height:1.35}.puzzle-page .puzzle-status{border-color:color-mix(in srgb,var(--zone-accent) 45%,var(--line));color:color-mix(in srgb,var(--zone-accent) 55%,var(--text))}.puzzle-page .puzzle-status.cleared{border-color:#78a083;color:#bdf0bf}.puzzle-page .puzzle-status.failed{border-color:#b86e6e;color:#f0baba}.puzzle-page .puzzle-board.puzzle-animated-board{box-shadow:0 0 0 1px color-mix(in srgb,var(--zone-accent) 30%,transparent),0 12px 34px color-mix(in srgb,var(--zone-accent) 12%,rgba(2,8,13,.4))}.puzzle-path-zone-banner{border-color:color-mix(in srgb,var(--zone-accent) 38%,var(--line));background:linear-gradient(120deg,color-mix(in srgb,var(--zone-accent) 14%,transparent),transparent 46%),linear-gradient(180deg,rgba(255,255,255,.05),transparent 70%),var(--surface-raised)}.puzzle-path-zone-banner>div:first-child>span{color:var(--zone-accent)}.puzzle-path-zone-summary{color:color-mix(in srgb,var(--zone-accent) 60%,var(--text))}.puzzle-path-zone .puzzle-path-route.lit{stroke:color-mix(in srgb,var(--zone-accent) 78%,#ffffff);opacity:.6}.puzzle-path-node:not(.locked) .puzzle-path-node-dot{border-color:color-mix(in srgb,var(--zone-accent) 55%,#30444e)}.puzzle-path-node.cleared .puzzle-path-node-dot{border-color:color-mix(in srgb,var(--zone-accent) 75%,#ffffff);background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 70%),color-mix(in srgb,var(--zone-accent) 22%,#1d2b35)}.puzzle-path-node.selected .puzzle-path-node-dot{border-color:#d4bd72;box-shadow:0 0 0 2px #d4bd724d}.puzzle-path-node.focused .puzzle-path-node-dot{border-color:#f0dc9a}.puzzle-path-zone-banner.locked{border-color:#3d4540;background:repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0 6px,transparent 6px 13px),#181e1a}.puzzle-path-zone-banner.locked>div:first-child>span,.puzzle-path-zone-banner.locked .puzzle-path-zone-summary{color:#77817a}@media(min-width:960px){.puzzle-page{width:min(100%,1220px);margin-inline:auto}.puzzle-layout.play-only .puzzle-play-panel{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"board heading" "board history" "board actions" "board hint" "board replay" "board filler";grid-template-rows:auto auto auto auto auto 1fr;align-items:start;gap:12px 20px;padding:18px}.puzzle-layout.play-only .puzzle-play-panel>.puzzle-heading{grid-area:heading;grid-template-columns:minmax(0,1fr);gap:10px;border:1px solid color-mix(in srgb,var(--zone-accent) 30%,var(--line));border-radius:8px;background:linear-gradient(150deg,color-mix(in srgb,var(--zone-accent) 12%,transparent),transparent 55%),var(--surface);padding:14px}.puzzle-layout.play-only .puzzle-heading h3{display:block;font-size:20px}.puzzle-layout.play-only .puzzle-heading p{font-size:13px}.puzzle-layout.play-only .puzzle-heading-intro{display:block}.puzzle-layout.play-only .puzzle-zone-guide-bubble{display:flex}.puzzle-layout.play-only .puzzle-heading .puzzle-status{justify-self:start}.puzzle-layout.play-only .puzzle-play-panel>.puzzle-board-stack{grid-area:board;align-self:start;padding-block:0 8px}.puzzle-layout.play-only .puzzle-play-panel>.puzzle-move-history{grid-area:history}.puzzle-layout.play-only .puzzle-play-panel>.puzzle-actions{grid-area:actions;grid-template-columns:repeat(2,minmax(0,1fr))}.puzzle-layout.play-only .puzzle-play-panel>.puzzle-hint-note{grid-area:hint}.puzzle-layout.play-only .puzzle-play-panel>.puzzle-replay-controls{grid-area:replay}.puzzle-path-panel{width:min(100%,920px);margin-inline:auto}.puzzle-path-trail{width:min(100%,760px);margin-inline:auto}}@media(min-width:960px){.puzzle-layout.play-only .puzzle-play-panel{min-height:calc(100dvh - 210px)}}.puzzle-path-header>div:first-child>span{display:block}@media(max-width:820px){.puzzle-page>.puzzle-layout .puzzle-actions{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:6px}}@media(min-width:821px)and (max-width:959px){.puzzle-layout.play-only .puzzle-play-panel{align-content:center;min-height:calc(100dvh - 240px)}.puzzle-layout.play-only .puzzle-play-panel>.puzzle-heading{border:1px solid color-mix(in srgb,var(--zone-accent) 30%,var(--line));border-radius:8px;background:linear-gradient(150deg,color-mix(in srgb,var(--zone-accent) 12%,transparent),transparent 55%),var(--surface);padding:12px 14px}.puzzle-layout.play-only .puzzle-heading-intro{display:block}.puzzle-layout.play-only .puzzle-zone-guide-bubble{display:flex}}.tutorial-splash{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:min(560px,calc(100dvh - 160px));border:1px solid color-mix(in srgb,var(--zone-accent) 30%,var(--line));border-radius:10px;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--zone-accent) 14%,transparent),transparent 62%),var(--surface);padding:28px 20px;text-align:center}.tutorial-splash-figure{width:min(190px,34dvh);height:auto;filter:drop-shadow(0 0 22px color-mix(in srgb,var(--zone-accent) 35%,transparent))}.tutorial-splash-copy{display:grid;justify-items:center;gap:8px;max-width:460px;min-width:0}.tutorial-splash-copy>span{color:var(--zone-accent);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tutorial-splash-copy>h2{margin:0;font-size:30px;line-height:1.1}.tutorial-splash-copy>p{margin:0;color:var(--text);font-size:15px;font-style:italic;line-height:1.5}.tutorial-splash-copy>strong{color:color-mix(in srgb,var(--zone-accent) 65%,var(--text));font-size:13px}.tutorial-splash-begin{margin-top:8px;border:1px solid color-mix(in srgb,var(--zone-accent) 60%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--zone-accent) 18%,var(--surface));padding:12px 26px;color:var(--text);font-size:15px;font-weight:700;cursor:pointer}.tutorial-splash-begin:hover,.tutorial-splash-begin:focus-visible{background:color-mix(in srgb,var(--zone-accent) 30%,var(--surface))}.tutorial-splash-reset{border:0;background:none;padding:4px 8px;color:var(--muted-soft);font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.tutorial-splash-reset:hover,.tutorial-splash-reset:focus-visible{color:var(--text)}@media(prefers-reduced-motion:no-preference){.tutorial-splash-figure,.tutorial-splash-copy{animation:tutorial-splash-enter .42s ease-out both}.tutorial-splash-copy{animation-delay:.1s}@keyframes tutorial-splash-enter{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}}.campaign-splash-copy,.campaign-splash .tutorial-splash-copy{max-width:520px}.campaign-splash-title{color:var(--text)!important;font-size:16px!important;font-weight:700}.campaign-splash-quip{color:var(--muted-soft)!important}.campaign-splash-unlocks{width:100%;margin-top:6px;border:1px solid color-mix(in srgb,var(--zone-accent) 30%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--zone-accent) 8%,var(--surface));padding:12px 14px;text-align:left}.campaign-splash-unlocks>span{display:block;margin-bottom:8px;color:var(--zone-accent);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.campaign-splash-unlocks ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.campaign-splash-unlock{display:flex;align-items:flex-start;gap:10px}.campaign-splash-unlock-icon{flex:none;font-size:20px;line-height:1.2}.campaign-splash-unlock-copy{display:grid;gap:2px;min-width:0}.campaign-splash-unlock-copy>strong{color:var(--text);font-size:14px}.campaign-splash-unlock-copy>small{color:var(--muted-soft);font-size:13px;line-height:1.45}.campaign-splash.condensed{gap:12px;min-height:min(420px,calc(100dvh - 200px))}.campaign-splash.condensed .tutorial-splash-figure{width:min(140px,24dvh)}.campaign-splash.boss{border-color:color-mix(in srgb,var(--zone-accent) 55%,var(--line));background:radial-gradient(circle at 50% 24%,color-mix(in srgb,var(--zone-accent) 22%,transparent),transparent 60%),var(--surface)}.campaign-splash.boss .tutorial-splash-figure{width:min(220px,38dvh);filter:drop-shadow(0 0 30px color-mix(in srgb,var(--zone-accent) 55%,transparent))}.campaign-secret-section{margin-top:4px}.campaign-secret-card{display:flex;flex-wrap:wrap;align-items:center;gap:16px;border:1px solid color-mix(in srgb,var(--zone-accent) 45%,var(--line));border-radius:12px;background:radial-gradient(circle at 12% 50%,color-mix(in srgb,var(--zone-accent) 18%,transparent),transparent 55%),color-mix(in srgb,var(--zone-accent) 6%,var(--surface));padding:16px 18px}.campaign-secret-copy{display:grid;gap:3px;flex:1;min-width:200px}.campaign-secret-kicker{color:var(--zone-accent);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.campaign-secret-copy>strong{font-size:20px;line-height:1.1}.campaign-secret-copy>p{margin:0;color:var(--muted-soft);font-size:14px;line-height:1.45}.puzzle-daily-host{display:flex;align-items:center;gap:10px;min-width:0}.puzzle-daily-host img{flex-shrink:0;width:72px;height:72px;border:2px solid color-mix(in srgb,var(--zone-accent) 55%,var(--line));border-radius:16px;box-shadow:0 0 16px color-mix(in srgb,var(--zone-accent) 25%,transparent)}.puzzle-daily-host>div{position:relative;display:grid;gap:4px;min-width:0;border:1px solid color-mix(in srgb,var(--zone-accent) 45%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--zone-accent) 10%,var(--surface));padding:11px 14px}.puzzle-daily-host>div:before{position:absolute;top:20px;left:-8px;border-width:8px 8px 8px 0;border-style:solid;border-color:transparent color-mix(in srgb,var(--zone-accent) 45%,var(--line)) transparent transparent;content:""}.puzzle-daily-host>div:after{position:absolute;top:21.5px;left:-6px;border-width:6.5px 6.5px 6.5px 0;border-style:solid;border-color:transparent color-mix(in srgb,var(--zone-accent) 10%,var(--surface)) transparent transparent;content:""}.puzzle-daily-host>div>span{color:var(--zone-accent);font-size:12px;font-weight:800;text-transform:uppercase}.puzzle-daily-host>div>p{margin:0;min-width:0;overflow-wrap:anywhere;color:var(--text);font-size:14px;font-style:italic;line-height:1.4}.puzzle-daily-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;min-width:0;border:1px solid color-mix(in srgb,var(--zone-accent) 34%,var(--line));border-radius:8px;background:linear-gradient(120deg,color-mix(in srgb,var(--zone-accent) 12%,transparent),transparent 50%),var(--surface);padding:10px 14px}.puzzle-daily-strip>div:first-child{display:grid;gap:2px;min-width:0}.puzzle-daily-strip>div:first-child>span{color:var(--muted);font-size:11px;text-transform:uppercase}.puzzle-daily-strip strong{color:var(--text);font-size:15px}.puzzle-daily-strip-stats{display:flex;align-items:center;gap:10px;min-width:0}.puzzle-daily-strip-stats>span{border:1px solid var(--line);border-radius:999px;padding:4px 10px;color:var(--muted);font-size:12px;white-space:nowrap}.puzzle-daily-strip-stats>span.streak-active{border-color:color-mix(in srgb,var(--yellow) 55%,var(--line));color:var(--yellow);font-weight:700}.puzzle-daily-strip-stats button{min-height:32px;padding:0 12px;font-size:13px}.puzzle-daily-share-note{flex-basis:100%;margin:0;color:var(--green);font-size:12px;white-space:pre-line;overflow-wrap:anywhere}.puzzle-vertical-badge{justify-self:start;margin-top:4px;border:1px solid color-mix(in srgb,var(--zone-accent) 55%,var(--line));border-radius:999px;padding:3px 9px;color:color-mix(in srgb,var(--zone-accent) 70%,var(--text));font-size:11px;font-weight:700}.puzzle-path-route.lit.drawing{stroke-dasharray:1;stroke-dashoffset:1;animation:puzzle-trail-draw .9s ease-out .2s forwards}@keyframes puzzle-trail-draw{to{stroke-dashoffset:0}}.puzzle-path-node.newly-lit .puzzle-path-node-dot{animation:puzzle-node-pop .55s cubic-bezier(.2,1.6,.4,1) 1s backwards,puzzle-path-pulse 1.6s ease-in-out 1.6s infinite}@keyframes puzzle-node-pop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.puzzle-path-zone-banner.complete{border-color:color-mix(in srgb,var(--zone-accent) 70%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--zone-accent) 30%,transparent)}.puzzle-path-zone-complete-chip{border:1px solid color-mix(in srgb,var(--zone-accent) 65%,var(--line));border-radius:999px;padding:2px 8px;color:color-mix(in srgb,var(--zone-accent) 75%,var(--text));font-size:11px;font-weight:800}@media(prefers-reduced-motion:reduce){.puzzle-path-route.lit.drawing{stroke-dasharray:none;stroke-dashoffset:0;animation:none}.puzzle-path-node.newly-lit .puzzle-path-node-dot{animation:none}}.puzzle-result-path{display:grid;gap:8px;min-width:0;border:1px solid color-mix(in srgb,var(--zone-accent) 32%,var(--line));border-radius:8px;background:linear-gradient(120deg,color-mix(in srgb,var(--zone-accent) 10%,transparent),transparent 55%),#02080d38;padding:10px 12px}.puzzle-result-path-zone{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0;font-size:11px;font-weight:700}.puzzle-result-path-zone>span:first-child{min-width:0;overflow-wrap:anywhere;color:var(--zone-accent);text-transform:uppercase}.puzzle-result-path-zone>span:last-child{color:var(--muted);white-space:nowrap}.puzzle-result-path-strip{display:flex;align-items:flex-start;min-width:0}.puzzle-result-path-step{display:grid;gap:2px;justify-items:center}.puzzle-result-path-step small{min-height:12px;color:#f0dc9a;font-size:9px;letter-spacing:1px;line-height:12px}.puzzle-result-path-dot{display:grid;place-items:center;width:28px;height:28px;border:2px solid color-mix(in srgb,var(--zone-accent) 45%,#30444e);border-radius:50%;background:#1d2b35;color:#eef5fa;font-size:12px;font-weight:800}.puzzle-result-path-dot.cleared{border-color:color-mix(in srgb,var(--zone-accent) 75%,#ffffff);background:color-mix(in srgb,var(--zone-accent) 22%,#1d2b35)}.puzzle-result-path-dot.current{box-shadow:0 0 0 2px color-mix(in srgb,var(--zone-accent) 38%,transparent)}.puzzle-result-path-dot.locked{border-color:#3d4540;background:#181e1a;color:#77817a}.puzzle-result-path-dot.newly{border-color:color-mix(in srgb,var(--zone-accent) 75%,#ffffff);animation:puzzle-node-pop .55s cubic-bezier(.2,1.6,.4,1) .9s backwards,puzzle-path-pulse 1.6s ease-in-out 1.5s infinite}.puzzle-result-path-link{flex:1 1 12px;min-width:6px;height:3px;margin-top:13px;border-radius:2px;background:#2e3f49}.puzzle-result-path-link.lit{background:color-mix(in srgb,var(--zone-accent) 78%,#ffffff);opacity:.75}.puzzle-result-path-link.drawing{transform-origin:left center;animation:puzzle-strip-draw .6s ease-out .35s backwards}@keyframes puzzle-strip-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.puzzle-result-path-unlock{display:inline-flex;align-items:center;gap:6px;justify-self:start;border:1px solid color-mix(in srgb,var(--zone-accent) 65%,var(--line));border-radius:999px;padding:3px 9px;color:color-mix(in srgb,var(--zone-accent) 75%,var(--text));font-size:11px;font-weight:800;animation:puzzle-node-pop .55s cubic-bezier(.2,1.6,.4,1) 1.1s backwards}.puzzle-result-path-unlock img{width:20px;height:20px;border-radius:6px}.puzzle-result-path-total{display:flex;align-items:center;gap:10px;min-width:0}.puzzle-result-path-total-pips{display:flex;flex:1;gap:4px;min-width:0}.puzzle-result-path-pip{flex:1;height:6px;border-radius:3px;background:linear-gradient(90deg,color-mix(in srgb,var(--zone-accent) 72%,#ffffff) var(--pip-fill, 0%),#2e3f49 var(--pip-fill, 0%))}.puzzle-result-path-pip.current{box-shadow:0 0 0 1px color-mix(in srgb,var(--zone-accent) 55%,transparent)}.puzzle-result-path-pip.complete{box-shadow:0 0 6px color-mix(in srgb,var(--zone-accent) 45%,transparent)}.puzzle-result-path-total-text{color:var(--muted);font-size:11px;white-space:nowrap}@media(prefers-reduced-motion:reduce){.puzzle-result-path-dot.newly,.puzzle-result-path-link.drawing,.puzzle-result-path-unlock{animation:none}}.puzzle-path-zone-portrait{flex-shrink:0;align-self:center;width:64px;height:64px;border:2px solid color-mix(in srgb,var(--zone-accent) 55%,var(--line));border-radius:16px;box-shadow:0 0 14px color-mix(in srgb,var(--zone-accent) 22%,transparent)}.puzzle-path-zone-guide-line{margin:4px 0 0;min-width:0;overflow-wrap:anywhere;color:var(--muted);font-size:13px;font-style:italic;line-height:1.35}.puzzle-path-zone-guide-line strong{color:color-mix(in srgb,var(--zone-accent) 70%,var(--text));font-size:12px;font-style:normal;font-weight:800;text-transform:uppercase}.puzzle-zone-guide-bubble{display:flex;align-items:flex-start;gap:12px;min-width:0;margin-top:8px}.puzzle-zone-guide-portrait{flex-shrink:0;width:52px;height:52px;border:2px solid color-mix(in srgb,var(--zone-accent) 55%,var(--line));border-radius:14px;box-shadow:0 0 14px color-mix(in srgb,var(--zone-accent) 22%,transparent)}.puzzle-zone-guide-bubble>div{position:relative;display:grid;gap:4px;min-width:0;border:1px solid color-mix(in srgb,var(--zone-accent) 45%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--zone-accent) 10%,var(--surface));padding:10px 13px}.puzzle-zone-guide-bubble>div:before{position:absolute;top:16px;left:-8px;border-width:8px 8px 8px 0;border-style:solid;border-color:transparent color-mix(in srgb,var(--zone-accent) 45%,var(--line)) transparent transparent;content:""}.puzzle-zone-guide-bubble>div:after{position:absolute;top:17.5px;left:-6px;border-width:6.5px 6.5px 6.5px 0;border-style:solid;border-color:transparent color-mix(in srgb,var(--zone-accent) 10%,var(--surface)) transparent transparent;content:""}.puzzle-zone-guide-bubble>div>span{color:var(--zone-accent);font-size:12px;font-weight:800;text-transform:uppercase}.puzzle-zone-guide-bubble>div>p{margin:0;min-width:0;overflow-wrap:anywhere;color:var(--text);font-size:14px;font-style:italic;line-height:1.4}.puzzle-daily-strip-stats>span.rank-chip{border-color:color-mix(in srgb,var(--zone-accent) 55%,var(--line));color:color-mix(in srgb,var(--zone-accent) 70%,var(--text));font-weight:700}.puzzle-daily-leaderboard{display:grid;gap:8px;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:10px 14px}.puzzle-daily-leaderboard-title{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.puzzle-daily-leaderboard ol{display:grid;gap:4px;margin:0;padding:0;list-style:none}.puzzle-daily-leaderboard li{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;gap:10px;align-items:baseline;min-width:0;border-radius:6px;padding:3px 6px;font-size:13px}.puzzle-daily-leaderboard li.self{background:color-mix(in srgb,var(--zone-accent) 14%,transparent)}.puzzle-daily-leaderboard li .rank{color:var(--muted);font-weight:700}.puzzle-daily-leaderboard li .name{min-width:0;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.puzzle-daily-leaderboard li .stars{color:var(--yellow);letter-spacing:1px}.puzzle-daily-leaderboard li .moves{color:var(--muted);font-size:12px}.puzzle-daily-leaderboard-self{margin:0;color:color-mix(in srgb,var(--zone-accent) 70%,var(--text));font-size:12px;font-weight:700}.time-attack-zone-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;min-width:0}.time-attack-zone-card{display:grid;gap:5px;align-content:start;justify-items:start;min-width:0;min-height:118px;border:1px solid color-mix(in srgb,var(--zone-accent) 40%,var(--line));border-radius:8px;background:linear-gradient(150deg,color-mix(in srgb,var(--zone-accent) 12%,transparent),transparent 55%),var(--surface);padding:12px;text-align:left;box-shadow:none}.time-attack-zone-card>span{color:var(--muted);font-size:11px;text-transform:uppercase}.time-attack-zone-card strong{color:var(--text);font-size:15px}.time-attack-zone-card small{min-width:0;overflow-wrap:anywhere;color:var(--muted);font-size:12px}.time-attack-zone-card em{color:color-mix(in srgb,var(--zone-accent) 75%,var(--text));font-size:12px;font-style:normal;font-weight:800}.time-attack-zone-card.locked{border-color:#3d4540;background:repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0 6px,transparent 6px 13px),#181e1a}.time-attack-zone-card.locked>span,.time-attack-zone-card.locked strong,.time-attack-zone-card.locked small,.time-attack-zone-card.locked em{color:#77817a}.time-attack-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;min-width:0;border:1px solid color-mix(in srgb,var(--zone-accent) 40%,var(--line));border-radius:8px;background:linear-gradient(120deg,color-mix(in srgb,var(--zone-accent) 12%,transparent),transparent 50%),var(--surface);padding:10px 14px}.time-attack-strip>div:first-child{display:grid;gap:2px}.time-attack-strip>div:first-child>span{color:var(--muted);font-size:11px;text-transform:uppercase}.time-attack-clock{color:var(--text);font-size:22px;font-variant-numeric:tabular-nums}.time-attack-strip-stats{display:flex;align-items:center;gap:10px}.time-attack-strip-stats>span{border:1px solid var(--line);border-radius:999px;padding:4px 10px;color:var(--muted);font-size:12px;white-space:nowrap}.time-attack-strip-stats button{min-height:32px;padding:0 12px;font-size:13px}.time-attack-finish{display:grid;gap:8px;justify-items:center;max-width:430px;margin-inline:auto;border:1px solid color-mix(in srgb,var(--zone-accent) 55%,var(--line));border-radius:8px;background:radial-gradient(120% 90% at 50% -10%,color-mix(in srgb,var(--zone-accent) 18%,transparent),transparent 60%),var(--surface-raised);padding:22px 18px;text-align:center}.time-attack-finish>span{color:var(--muted);font-size:12px;text-transform:uppercase}.time-attack-finish-time{color:var(--text);font-size:40px;font-variant-numeric:tabular-nums}.time-attack-new-best{border:1px solid rgba(240,220,154,.55);border-radius:999px;padding:3px 10px;color:#f0dc9a;font-size:12px;font-style:normal;font-weight:800;text-transform:uppercase}.time-attack-finish small{color:var(--muted);font-size:13px}.time-attack-finish .puzzle-actions{width:100%;margin-top:8px}.puzzle-editor-layout{display:grid;gap:16px;align-items:start;min-width:0}@media(min-width:900px){.puzzle-editor-layout{grid-template-columns:minmax(0,1fr) 320px}}.puzzle-editor-board{display:grid;gap:3px;justify-content:center;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:12px;touch-action:none;-webkit-user-select:none;user-select:none}.puzzle-editor-row{display:flex;gap:3px}.puzzle-editor-cell{display:grid;place-items:center;width:44px;height:44px;min-height:0;border:1px solid #2a3a44;border-radius:6px;background:#141d24;padding:0;color:#090e0cd9;font-size:15px;font-weight:800;box-shadow:none}.puzzle-editor-cell.symbol-R,.puzzle-editor-brush.symbol-R{background:var(--pink);border-color:color-mix(in srgb,var(--pink) 70%,#000)}.puzzle-editor-cell.symbol-B,.puzzle-editor-brush.symbol-B{background:var(--blue);border-color:color-mix(in srgb,var(--blue) 70%,#000)}.puzzle-editor-cell.symbol-G,.puzzle-editor-brush.symbol-G{background:var(--green);border-color:color-mix(in srgb,var(--green) 70%,#000)}.puzzle-editor-cell.symbol-Y,.puzzle-editor-brush.symbol-Y{background:var(--yellow);border-color:color-mix(in srgb,var(--yellow) 70%,#000)}.puzzle-editor-cell.symbol-P,.puzzle-editor-brush.symbol-P{background:var(--violet);border-color:color-mix(in srgb,var(--violet) 70%,#000)}.puzzle-editor-cell.symbol-garbage,.puzzle-editor-brush.symbol-garbage{background:#9aa4ab;border-color:#6c757c}.puzzle-editor-brush.symbol-empty{color:var(--muted)}.puzzle-editor-cell.symbol-empty:hover{border-color:var(--line-bright)}.puzzle-editor-controls{display:grid;gap:12px;align-content:start;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:14px}.puzzle-editor-brushes{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:6px}.puzzle-editor-brush{min-height:34px;border-radius:6px;padding:0 8px;color:#090e0cd9;font-size:12px;font-weight:800}.puzzle-editor-brush.symbol-empty{background:#141d24;border-color:#2a3a44;color:var(--muted)}.puzzle-editor-brush.selected{outline:2px solid #f0dc9a;outline-offset:1px}.puzzle-editor-field{display:grid;gap:4px}.puzzle-editor-field>span{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.puzzle-editor-field select{min-height:36px;border:1px solid var(--line);border-radius:6px;background:var(--surface-raised);padding:0 8px;color:var(--text)}.puzzle-editor-actions{grid-template-columns:1fr}.puzzle-editor-errors{display:grid;gap:6px;margin:0;padding:0 0 0 18px;color:#ffb0aa;font-size:12px;line-height:1.35}.puzzle-editor-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;min-width:0;border:1px solid color-mix(in srgb,var(--zone-accent) 34%,var(--line));border-radius:8px;background:linear-gradient(120deg,color-mix(in srgb,var(--zone-accent) 12%,transparent),transparent 50%),var(--surface);padding:10px 14px}.puzzle-editor-strip>div:first-child{display:grid;gap:2px}.puzzle-editor-strip>div:first-child>span{color:var(--muted);font-size:11px;text-transform:uppercase}.puzzle-editor-strip strong{color:var(--text);font-size:15px}.puzzle-editor-strip-actions{display:flex;align-items:center;gap:8px}.puzzle-editor-strip-actions button{min-height:32px;padding:0 12px;font-size:13px}.puzzle-editor-solved{border:1px solid color-mix(in srgb,var(--green) 60%,var(--line));border-radius:999px;padding:4px 10px;color:var(--green);font-size:12px;font-weight:800}.puzzle-gallery-sort{display:flex;gap:6px}.puzzle-gallery-sort button{min-height:32px;padding:0 12px;font-size:13px}.puzzle-gallery-sort button.selected{border-color:#d4bd72;box-shadow:0 0 0 1px #d4bd7242;color:#f0dc9a}.puzzle-gallery-status{margin:0;color:var(--muted);font-size:14px}.puzzle-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;min-width:0}.puzzle-gallery-card{display:grid;gap:5px;align-content:start;justify-items:start;min-width:0;min-height:108px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 68%),var(--surface);padding:12px;text-align:left;box-shadow:none}.puzzle-gallery-card:hover{border-color:var(--line-bright)}.puzzle-gallery-card strong{min-width:0;overflow-wrap:anywhere;color:var(--text);font-size:15px}.puzzle-gallery-card>span{color:var(--muted);font-size:12px}.puzzle-gallery-card small{min-width:0;overflow-wrap:anywhere;color:var(--muted-soft);font-size:12px}.puzzle-gallery-card em{color:#f0dc9a;font-size:12px;font-style:normal;font-weight:800}.puzzle-editor-field input{min-height:36px;border:1px solid var(--line);border-radius:6px;background:var(--surface-raised);padding:0 8px;color:var(--text)}.puzzle-gallery-card-actions{display:flex;gap:6px;width:100%;margin-top:4px}.puzzle-gallery-card-actions button{min-height:32px;padding:0 14px;font-size:13px}.puzzle-gallery-load-more{justify-self:center;min-height:38px;margin-inline:auto;padding:0 26px}@media(min-width:960px){.puzzle-zone-guide-portrait{width:72px;height:72px;border-radius:16px}.puzzle-zone-guide-bubble>div:before{top:22px}.puzzle-zone-guide-bubble>div:after{top:23.5px}}@media(min-width:1280px){.puzzle-layout.play-only .puzzle-play-panel{grid-template-columns:minmax(0,1fr) 400px;gap:12px 28px}.puzzle-zone-guide-figure{width:136px}.puzzle-zone-guide-bubble>div{padding:12px 15px}.puzzle-zone-guide-bubble>div>p{font-size:15px}.puzzle-zone-guide-bubble>div:before{left:82px}.puzzle-zone-guide-bubble>div:after{left:83.5px}}.puzzle-hint-note.puzzle-tip-note{color:color-mix(in srgb,var(--zone-accent) 70%,var(--text))}.puzzle-result-guide{display:flex;align-items:flex-start;gap:10px;min-width:0}.puzzle-result-guide img{flex-shrink:0;width:44px;height:44px;border:2px solid color-mix(in srgb,var(--zone-accent) 55%,var(--line));border-radius:12px}.puzzle-result-guide>div{position:relative;display:grid;gap:3px;min-width:0;border:1px solid color-mix(in srgb,var(--zone-accent) 45%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--zone-accent) 10%,var(--surface));padding:8px 11px;text-align:left}.puzzle-result-guide>div:before{position:absolute;top:14px;left:-7px;border-width:7px 7px 7px 0;border-style:solid;border-color:transparent color-mix(in srgb,var(--zone-accent) 45%,var(--line)) transparent transparent;content:""}.puzzle-result-guide>div:after{position:absolute;top:15.5px;left:-5px;border-width:5.5px 5.5px 5.5px 0;border-style:solid;border-color:transparent color-mix(in srgb,var(--zone-accent) 10%,var(--surface)) transparent transparent;content:""}.puzzle-result-guide>div>span{color:var(--zone-accent);font-size:11px;font-weight:800;text-transform:uppercase}.puzzle-result-guide>div>p{margin:0;min-width:0;overflow-wrap:anywhere;color:var(--text);font-size:13px;font-style:italic;line-height:1.35}.time-attack-host{--zone-accent: #ffb15f}.time-attack-host-call{--zone-accent: #ffb15f;width:100%;margin-top:6px}.garbage-popup.combo-popup{--combo-pop-scale: 1;z-index:7;border-color:#66e3ffeb;background:#081a20e6;color:#66e3ff;font-size:calc(var(--cell) * .5);animation-name:combo-popup-pop}.combo-popup.combo-size-5{--combo-pop-scale: 1.14;color:#7ce9ff}.combo-popup.combo-size-6{--combo-pop-scale: 1.28;border-color:#94f0fff2;color:#94f0ff}.combo-popup.combo-size-7{--combo-pop-scale: 1.42;border-color:#c4f8fff2;color:#c4f8ff}@keyframes combo-popup-pop{0%{opacity:0;scale:calc(.3 * var(--combo-pop-scale, 1));translate:-50% -50%}12%{opacity:1;scale:calc(1.32 * var(--combo-pop-scale, 1))}28%{scale:calc(1 * var(--combo-pop-scale, 1))}74%{opacity:1;translate:-50% -50%}to{opacity:0;scale:calc(.92 * var(--combo-pop-scale, 1));translate:-50% -30%}}button.cast-card{text-align:left;font:inherit;color:inherit}.cast-card-clickable{cursor:pointer;transition:border-color .12s ease,transform .12s ease}.cast-card-clickable:hover,.cast-card-clickable:focus-visible{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));transform:translateY(-2px)}.cast-feature-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:#060a0ec7}.cast-feature{display:flex;align-items:center;gap:24px;max-width:min(980px,calc(100vw - 48px));max-height:calc(100vh - 48px);min-width:0;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:24px 28px;box-shadow:0 18px 60px #00000080;overflow:auto}.cast-feature img{flex-shrink:0;width:clamp(160px,24vw,320px);max-height:calc(100vh - 120px);height:auto;object-fit:contain;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--accent) 25%,transparent))}.cast-feature>div{display:grid;gap:8px;min-width:0}.cast-feature h4{margin:0;font-size:20px}.cast-feature p{margin:0;color:var(--muted-soft);font-size:14px;line-height:1.45}.cast-feature button{justify-self:start;margin-top:6px}.cast-feature-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.cast-feature-actions button{margin-top:0}@media(max-width:640px){.cast-feature{flex-direction:column;text-align:center;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);padding:20px}.cast-feature>div{justify-items:center}.cast-feature-actions{justify-content:center}.cast-feature img{width:120px;max-height:42vh}}.cast-feature img.cast-feature-render{width:clamp(240px,38vw,500px);filter:drop-shadow(0 10px 24px rgba(0,0,0,.45))}@media(max-width:640px){.cast-feature img.cast-feature-render{width:min(70vw,220px);max-height:46vh}}.cast-card-image.cast-card-portrait{border:1px solid var(--line);background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%),linear-gradient(180deg,#1a2028,#12171e);object-fit:contain;padding:3px}