.game-shell,.lobby-page,.game-picker{--game-accent: #6d28d9;--game-soft: #f0eafa;--game-ink: #20232d;--game-muted: #555d6d;--game-line: #d7dce4;--game-bg: #f4f5f7;--game-surface: #fff;--game-raised: #eef0f4;letter-spacing:0;color:var(--game-ink)}.game-shell,.game-shell *,.lobby-page,.lobby-page *,.game-picker,.game-picker *{box-sizing:border-box}.dark .game-shell,.dark .lobby-page,.dark .game-picker{--game-accent: #c4b5fd;--game-soft: #29223a;--game-ink: #f1f2f6;--game-muted: #afb7c6;--game-line: #343946;--game-bg: #101217;--game-surface: #191c24;--game-raised: #242833}[data-game-theme=SINGLE]{--game-accent: #087b5d;--game-soft: #e2f4eb}[data-game-theme=FFA]{--game-accent: #185db7;--game-soft: #e5eefc}[data-game-theme=SPEED_RUN]{--game-accent: #996009;--game-soft: #fbefdc}[data-game-theme=BATTLE_ROYALE]{--game-accent: #ba3e38;--game-soft: #fce9e7}[data-game-theme=INFECTION]{--game-accent: #387729;--game-soft: #e8f0e2}[data-game-theme=DAILY_VAULT]{--game-accent: #96600c;--game-soft: #faeed9}[data-game-theme=SIGNAL_BREACH]{--game-accent: #076d65;--game-soft: #e1f3ef}.dark [data-game-theme=SINGLE]{--game-accent: #70dcb4;--game-soft: #183c32}.dark [data-game-theme=FFA]{--game-accent: #96befe;--game-soft: #1e304a}.dark [data-game-theme=SPEED_RUN]{--game-accent: #f3cd7b;--game-soft: #3b3020}.dark [data-game-theme=BATTLE_ROYALE]{--game-accent: #ffa69e;--game-soft: #3d2526}.dark [data-game-theme=INFECTION]{--game-accent: #b2d983;--game-soft: #2b3824}.dark [data-game-theme=DAILY_VAULT]{--game-accent: #f3cd7b;--game-soft: #3b3020}.dark [data-game-theme=SIGNAL_BREACH]{--game-accent: #8ce0c8;--game-soft: #203c33}.game-shell [data-game-app-header]{position:relative;z-index:20;flex-shrink:0;background:color-mix(in srgb,var(--game-surface) 95%,var(--game-accent));border-bottom:1px solid var(--game-line);padding:8px 16px;min-height:60px}.game-header-home,.game-header-brand{display:flex;align-items:center;gap:10px;min-width:0}.game-header-home{flex:1;background:none;border:0;color:var(--game-ink);text-align:left}.game-header-home>span:last-child{min-width:0}.game-header-home strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800}.game-header-home small{color:var(--game-muted);font-size:11px;display:block}.game-header-divider{height:26px;border-left:1px solid var(--game-line);margin:0 2px}.game-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--game-soft);color:var(--game-accent);border-radius:6px;flex:0 0 auto}.game-mark svg{width:20px;height:20px}.game-header-tools{display:flex;align-items:center;gap:4px;flex-shrink:0}.game-header-tools>button{width:36px;height:36px;padding:8px;border-radius:6px;color:var(--game-muted)}.game-header-tools>button:hover{color:var(--game-accent);background:var(--game-soft)}.game-header-tools>button>svg{width:18px;height:18px}.game-header-tools>.game-player-name{width:auto;border-radius:6px;padding:4px 8px;background:var(--game-raised)}.game-player-avatar{background:var(--game-soft);color:var(--game-accent)}.game-shell button:focus-visible,.lobby-page button:focus-visible,.game-picker button:focus-visible,.game-picker input:focus-visible{outline:2px solid var(--game-accent);outline-offset:3px}.game-picker,.lobby-page{width:100%;height:100%;overflow-y:auto;overscroll-behavior:contain;background:var(--game-bg);padding:28px 24px max(24px,env(safe-area-inset-bottom))}.lobby-page{display:flex;flex-direction:column;padding:0!important;overflow:hidden}.lobby-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:28px 24px}.lobby-action-bar{flex-shrink:0;border-top:1px solid var(--game-line);background:var(--game-surface);padding:12px 24px max(12px,env(safe-area-inset-bottom))}.lobby-action-bar>div{max-width:1000px;margin:auto;display:flex;align-items:center;justify-content:flex-end;gap:20px}.lobby-action-bar p{font-size:13px;color:var(--game-muted)}.lobby-action-bar button{min-width:180px;flex-shrink:0}.game-picker-content,.lobby-content{max-width:1000px;margin:0 auto;width:100%}.picker-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.picker-title h2{font-size:26px;font-weight:750;margin:0}.picker-title p{margin-top:5px;font-size:14px;color:var(--game-muted)}.picker-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px}.mode-list{list-style:none;margin:0;padding:0}.mode-option{width:100%;display:flex;align-items:center;gap:12px;padding:14px 12px;border:1px solid transparent;border-bottom-color:var(--game-line);border-radius:0;background:none;text-align:left;color:var(--game-ink);transition:background .15s ease-out}.mode-option:hover{background:var(--game-raised)}.mode-option[aria-pressed=true]{background:var(--game-soft);border-color:var(--game-accent);border-radius:6px}.mode-option .game-mark{background:none}.mode-option strong{font-size:15px;font-weight:700;display:block}.mode-beta{display:inline-block;margin-left:8px;padding:1px 5px;border-radius:4px;background:var(--game-soft);color:var(--game-accent);font-size:10px;font-weight:650;vertical-align:middle}.mode-option small{color:var(--game-muted);font-size:12px;display:block;margin-top:2px}.mode-option>svg{margin-left:auto;flex-shrink:0;color:var(--game-muted)}.mode-detail{min-width:0;padding-top:8px}.mode-detail h3{font-size:24px;font-weight:750;margin:14px 0 6px}.mode-detail>p{font-size:14px;color:var(--game-muted);line-height:1.6;margin-bottom:20px}.mode-preview{display:flex;gap:6px;align-items:center;height:54px}.mode-preview span{display:grid;place-items:center;width:42px;height:46px;border:1px solid var(--game-line);border-radius:4px;font:700 21px ui-monospace,monospace;background:var(--game-surface)}.mode-preview .tile-hit{background:var(--game-soft);border-color:var(--game-accent);color:var(--game-accent)}.mode-preview .color-tile{width:34px;height:34px;border:0}.play-options{display:flex;flex-direction:column;gap:8px}.play-option{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border:1px solid var(--game-line);border-radius:6px;background:var(--game-surface);color:var(--game-ink);text-align:left}.play-option>svg{flex:0 0 auto;width:19px;height:19px;color:var(--game-accent)}.play-option strong{font-size:14px;display:block;font-weight:700}.play-option small{font-size:12px;color:var(--game-muted);display:block;margin-top:3px}.play-option:hover{border-color:var(--game-accent);background:var(--game-soft)}.game-primary{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;background:var(--game-accent);color:#fff;border:1px solid transparent;border-radius:6px;font-size:14px;font-weight:700}.dark .game-primary{color:#171a20}.game-primary:hover:not(:disabled){filter:brightness(1.07)}.game-primary:disabled{background:var(--game-raised);color:var(--game-muted);cursor:not-allowed}.game-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--game-line);border-radius:6px;padding:9px 13px;background:var(--game-surface);color:var(--game-ink);font-size:13px;font-weight:650}.game-secondary:hover{background:var(--game-raised)}.game-secondary:disabled{cursor:not-allowed;color:var(--game-muted);background:var(--game-raised)}.game-icon-button{width:40px;height:40px;padding:10px;display:grid;place-items:center;border:1px solid var(--game-line);border-radius:6px;background:var(--game-surface);color:var(--game-muted);flex-shrink:0}.game-icon-button svg{width:18px;height:18px}.game-icon-button:hover{background:var(--game-soft);color:var(--game-accent)}.game-field{margin:20px 0;padding:0;border:0;min-width:0}.game-field legend{display:block;margin-bottom:9px;font-size:13px;font-weight:650}.game-segments{display:flex;gap:4px;padding:4px;background:var(--game-raised);border-radius:6px}.game-segments button{flex:1;min-width:0;min-height:40px;padding:6px;border:1px solid transparent;border-radius:4px;color:var(--game-muted);background:none;font-size:13px;font-weight:650}.game-segments button[aria-pressed=true]{background:var(--game-surface);color:var(--game-accent);border-color:var(--game-line)}.game-segments button:disabled{cursor:default}.game-segments button:disabled[aria-pressed=true]{color:var(--game-ink)}.game-switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.game-switch{width:42px;height:25px;padding:3px;flex-shrink:0;background:var(--game-line);border-radius:999px;border:0}.game-switch[aria-checked=true]{background:var(--game-accent)}.game-switch span{display:block;width:19px;height:19px;border-radius:50%;background:#fff;transition:transform .16s ease-out}.game-switch[aria-checked=true] span{transform:translate(17px)}.picker-bottom{margin-top:28px;padding-top:20px;border-top:1px solid var(--game-line);display:grid;grid-template-columns:1fr 1fr;gap:28px}.join-room-form label{font-size:14px;font-weight:700;display:block;margin-bottom:9px}.join-room-form>div{display:flex;gap:8px}.join-room-form input{min-width:0;width:100%;flex:1;padding:10px 12px;border:1px solid var(--game-line);border-radius:6px;background:var(--game-surface);color:var(--game-ink);font:600 15px ui-monospace,monospace;text-transform:uppercase}.join-room-form input::placeholder{color:var(--game-muted)}.picker-daily{display:flex;justify-content:space-between;gap:16px;align-items:center}.picker-daily strong{font-size:15px}.picker-daily p{color:var(--game-muted);font-size:12px;margin-top:4px}.picker-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--game-muted);font-size:11px;margin-top:30px}.lobby-heading{display:flex;align-items:center;gap:12px;padding-bottom:20px}.lobby-heading h2{font-size:23px;font-weight:750;margin:0}.lobby-heading p{color:var(--game-muted);font-size:13px;margin-top:3px}.lobby-heading .game-icon-button{margin-left:auto}.lobby-invite{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:15px 0;border-top:1px solid var(--game-line);border-bottom:1px solid var(--game-line)}.lobby-invite-label{color:var(--game-muted);font-size:12px}.lobby-code{color:var(--game-ink);font:750 25px ui-monospace,monospace}.lobby-share{margin-left:auto}.lobby-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;padding-top:25px}.lobby-section-title{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:12px;font-size:14px;font-weight:700}.lobby-section-title span{color:var(--game-muted);font-size:12px;font-weight:500}.lobby-roster{list-style:none;margin:0;padding:0}.lobby-player{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--game-line);min-width:0}.lobby-avatar{width:34px;height:34px;display:grid;place-items:center;background:var(--game-raised);border-radius:6px;color:var(--game-muted);font-size:13px;font-weight:700;flex-shrink:0}.lobby-player[data-self=true] .lobby-avatar{background:var(--game-soft);color:var(--game-accent)}.lobby-player-name{flex:1;min-width:0}.lobby-player-name strong{font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-player-name small{color:var(--game-muted);font-size:11px;display:flex;align-items:center;gap:4px;margin-top:3px}.lobby-player-name small svg{width:11px;height:11px}.lobby-player-status{color:var(--game-muted);font-size:11px;display:flex;align-items:center;gap:4px;flex-shrink:0}.lobby-player-status[data-ready=true]{color:#08794f}.dark .lobby-player-status[data-ready=true]{color:#82dfb8}.lobby-player-status svg{width:14px;height:14px}.lobby-open{font-size:12px;color:var(--game-muted);padding:16px 0}.lobby-rules{min-width:0}.lobby-rules h3{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}.lobby-rules h3 small{margin-left:auto;font-size:11px;color:var(--game-muted);font-weight:500}.lobby-start{border-top:1px solid var(--game-line);margin-top:22px;padding-top:18px}.lobby-start p{font-size:13px;color:var(--game-muted);margin-bottom:12px;line-height:1.6}.lobby-start button{width:100%}.lobby-rule-summary{display:grid;gap:14px;margin-top:20px}.lobby-rule-summary div{display:flex;justify-content:space-between;gap:12px;font-size:13px}.lobby-rule-summary dt{color:var(--game-muted)}.lobby-rule-summary dd{text-align:right;font-weight:650}.picker-mobile-back{display:none}.infection-lobby-preview{display:flex;gap:12px;margin-top:24px;justify-content:flex-start;background:transparent!important;padding:0}.infection-lobby-preview>*{width:130px;max-width:calc(50% - 6px);flex:0 1 130px}@media(max-width:640px){.game-shell [data-game-app-header]{padding:7px 8px;min-height:52px}.game-header-home{gap:6px}.game-header-brand,.game-header-divider{display:none!important}.game-header-home strong{font-size:13px}.game-header-home .game-mark{width:30px;height:32px}.game-header-home small{font-size:10px}.game-header-tools{gap:0}.game-header-tools>button{width:36px;height:40px;padding:8px}.game-picker,.lobby-page{padding:20px 16px max(22px,env(safe-area-inset-bottom))}.lobby-scroll{padding:20px 16px}.lobby-action-bar{padding:10px 16px max(10px,env(safe-area-inset-bottom))}.lobby-action-bar>div{display:block}.lobby-action-bar p{margin-bottom:8px;font-size:12px}.lobby-action-bar button{width:100%}.picker-title{margin-bottom:18px}.picker-title h2{font-size:22px}.picker-title p{font-size:12px}.picker-title>button{padding:8px;font-size:12px}.picker-layout{grid-template-columns:minmax(0,1fr);gap:16px}.picker-layout[data-selected=true] .mode-list,.picker-layout[data-selected=false] .mode-detail{display:none}.picker-mobile-back{display:inline-flex;margin-bottom:16px}.mode-detail{padding:0}.mode-detail h3{font-size:22px}.picker-bottom{grid-template-columns:minmax(0,1fr);gap:20px}.lobby-columns{grid-template-columns:minmax(0,1fr);gap:24px}.lobby-heading h2{font-size:20px}.lobby-invite{gap:8px}.lobby-share{padding:8px;font-size:12px}.lobby-code{font-size:23px}}@media(prefers-reduced-motion:reduce){.game-shell *,.game-picker *,.lobby-page *{scroll-behavior:auto}.game-switch span,.mode-option{transition:none}}.landing-page{width:100%;height:100%;overflow-y:auto;overscroll-behavior:contain;padding:28px 16px max(24px,env(safe-area-inset-bottom));background:#f4f3f8;color:#222333;letter-spacing:0;--landing-border: #dedde8;--landing-muted: #606174;--landing-surface: #fff;--landing-accent: #6d28d9;--landing-soft: #f1ecfb}.dark .landing-page{background:#0d0f17;color:#f4f3f9;--landing-border: #353446;--landing-muted: #b2b1c4;--landing-surface: #191a27;--landing-accent: #c4b5fd;--landing-soft: #28233c}.landing-page *{letter-spacing:0}.landing-content{width:100%;max-width:448px;margin:0 auto}.landing-box{padding:24px;border:1px solid var(--landing-border);border-radius:12px;background:var(--landing-surface)}.landing-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:22px}.landing-logo{width:56px;height:56px;margin-bottom:6px}.landing-brand h2{font-size:25px;line-height:1.2;font-weight:900;color:var(--landing-accent)}.landing-brand p{font-size:11px;line-height:1.5;font-weight:650;color:var(--landing-muted);text-transform:uppercase;margin-top:5px}.landing-main-modes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.landing-main-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;min-width:0;padding:16px;border:0;border-radius:8px;text-align:left;color:#fff;transition:filter .16s ease-out,transform .16s ease-out}.landing-main-card[data-tone=orange]{background:linear-gradient(120deg,#b9590f,#b8490d)}.landing-main-card[data-tone=violet]{background:linear-gradient(120deg,#7840cd,#6330b6)}.landing-main-card[data-tone=green]{background:linear-gradient(120deg,#078464,#087761)}.landing-main-card strong{display:block;font-size:14px;line-height:1.4;font-weight:800}.landing-main-card small{display:block;font-size:12px;line-height:1.5;margin-top:2px;color:#fff}.landing-main-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:6px;background:#ffffff26;flex-shrink:0}.landing-main-icon svg{width:18px;height:18px}.landing-new-modes{grid-column:1 / -1;flex-direction:row;align-items:center;min-height:74px}.landing-new-modes .landing-main-icon{width:38px;height:38px}.landing-main-arrow{margin-left:auto;width:18px;height:18px;flex-shrink:0}.landing-main-card:hover:not(:disabled){filter:brightness(.97)}.landing-main-card:active:not(:disabled),.landing-mode-option:active:not(:disabled){transform:scale(.99)}.landing-vault{margin-top:12px}.landing-vault>button{margin:0;border-radius:8px;box-shadow:none;padding:12px}.landing-vault>button>div:first-child{width:34px;height:34px;border-radius:6px;box-shadow:none;--tw-ring-shadow: 0 0 transparent}.landing-vault>button>div:nth-child(2)>div:first-child{flex-wrap:wrap;gap:2px 8px}.landing-vault>button>div:nth-child(2)>div:first-child>div{white-space:normal}.landing-vault>button>div:nth-child(2)>div:nth-child(2){grid-template-columns:minmax(0,1fr);gap:5px}.landing-vault>button>div:nth-child(2)>div:nth-child(2)>div:first-child{white-space:normal;font-size:11px;color:var(--landing-muted)}.landing-subview-heading{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:6px;margin-bottom:16px}.landing-subview-heading button{width:36px;height:36px;display:grid;place-items:center;border-radius:6px;color:var(--landing-muted)}.landing-subview-heading button:hover{background:var(--landing-soft);color:var(--landing-accent)}.landing-subview-heading svg{width:18px;height:18px}.landing-subview-heading h3{font-size:16px;line-height:1.4;font-weight:800;text-align:center}.landing-subview-heading h3:focus{outline:none}.landing-view-description{font-size:12px;line-height:1.5;color:var(--landing-muted);text-align:center;margin:-7px 0 16px}.landing-options{display:flex;flex-direction:column;gap:10px}.landing-mode-option{--option-ink: #6330b6;--option-soft: #f4eefc;--option-border: #dfcff3;width:100%;display:flex;align-items:center;gap:11px;min-height:70px;padding:12px;border:1px solid var(--option-border);border-radius:8px;background:var(--option-soft);color:var(--option-ink);text-align:left;transition:filter .16s ease-out,transform .16s ease-out}.landing-mode-option[data-tone=orange]{--option-ink: #8b480a;--option-soft: #fff5e8;--option-border: #ebd1ae}.landing-mode-option[data-tone=green]{--option-ink: #16683d;--option-soft: #edf7ee;--option-border: #bfdec8}.landing-mode-option[data-tone=rose]{--option-ink: #a32554;--option-soft: #fff0f4;--option-border: #ebc7d5}.landing-mode-option[data-tone=blue]{--option-ink: #235ca4;--option-soft: #eef4fd;--option-border: #c5d7ed}.landing-mode-option[data-tone=cyan]{--option-ink: #0e6376;--option-soft: #ecf8fa;--option-border: #b8dde4}.landing-mode-option[data-tone=teal]{--option-ink: #09685b;--option-soft: #eaf7f1;--option-border: #b7ddd1}.dark .landing-mode-option{--option-ink: #d1b5fc;--option-soft: #282237;--option-border: #53406c}.dark .landing-mode-option[data-tone=orange]{--option-ink: #f3c389;--option-soft: #30271f;--option-border: #645039}.dark .landing-mode-option[data-tone=green]{--option-ink: #92d3a7;--option-soft: #202d27;--option-border: #385b44}.dark .landing-mode-option[data-tone=rose]{--option-ink: #f4adc9;--option-soft: #302330;--option-border: #6b4259}.dark .landing-mode-option[data-tone=blue]{--option-ink: #a3c6fc;--option-soft: #222a3b;--option-border: #405579}.dark .landing-mode-option[data-tone=cyan]{--option-ink: #95d9e7;--option-soft: #1e2d34;--option-border: #355d68}.dark .landing-mode-option[data-tone=teal]{--option-ink: #96ddc4;--option-soft: #20332d;--option-border: #3b6657}.landing-mode-option:hover:not(:disabled){filter:brightness(.97)}.dark .landing-mode-option:hover:not(:disabled){filter:brightness(1.12)}.landing-option-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:6px;border:1px solid var(--option-border);flex-shrink:0}.landing-option-icon svg{width:18px;height:18px}.landing-option-copy{min-width:0;flex:1}.landing-option-copy strong{display:block;font-size:13px;line-height:1.4;font-weight:800}.landing-option-copy small{display:block;font-size:11px;line-height:1.5;margin-top:3px}.landing-option-arrow{width:16px;height:16px;flex-shrink:0}.landing-option-badge{font-size:9px;font-weight:800;border:1px solid var(--option-border);border-radius:4px;padding:2px 5px;flex-shrink:0}.landing-code-length{border:0;padding:0;margin:0 0 18px;min-width:0}.landing-code-length legend{width:100%;font-size:11px;font-weight:650;color:var(--landing-muted);text-align:center;margin-bottom:9px}.landing-code-length>div{display:flex;gap:8px;justify-content:center}.landing-code-length button{width:44px;height:44px;border:1px solid var(--landing-border);background:var(--landing-surface);border-radius:6px;font-size:18px;font-weight:750}.landing-code-length button[aria-pressed=true]{background:#a85a0b;border-color:#a85a0b;color:#fff}.dark .landing-code-length button[aria-pressed=true]{background:#efc384;border-color:#efc384;color:#30210d}.landing-join{border-top:1px solid var(--landing-border);margin-top:16px;padding-top:16px}.landing-join-toggle{width:100%;min-height:60px;padding:10px 12px;display:flex;align-items:center;gap:10px;border:1px solid var(--landing-border);border-radius:8px;background:var(--landing-soft);text-align:left}.landing-join-icon{width:30px;height:32px;display:grid;place-items:center;flex-shrink:0;color:var(--landing-accent)}.landing-join-icon svg{width:18px;height:18px}.landing-join-toggle strong{display:block;font-size:12px;font-weight:750}.landing-join-toggle small{display:block;font-size:11px;color:var(--landing-muted);margin-top:2px}.landing-join-label{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:800;margin-left:auto;color:var(--landing-accent)}.landing-join-label svg{width:14px;height:14px}.landing-join-form label{display:block;font-size:12px;font-weight:700;margin-bottom:9px}.landing-join-form>div{display:flex;gap:8px}.landing-join-form input{flex:1;min-width:0;width:100%;min-height:44px;border:1px solid var(--landing-border);border-radius:6px;background:var(--landing-surface);color:inherit;padding:10px;font:750 16px ui-monospace,monospace;text-align:center}.landing-join-form input::placeholder{color:var(--landing-muted)}.landing-join-form button{min-width:64px;min-height:44px;padding:10px 12px;border-radius:6px;background:#6d28d9;color:#fff;font-size:12px;font-weight:800}.dark .landing-join-form button{background:#c4b5fd;color:#221733}.landing-page button:disabled{opacity:.55;cursor:not-allowed}.landing-page button:focus-visible,.landing-page input:focus-visible{outline:2px solid var(--landing-accent);outline-offset:3px}.landing-request-status{font-size:12px;color:var(--landing-muted);text-align:center;margin-top:12px}.landing-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px;margin-top:22px;color:var(--landing-muted);font-size:11px;line-height:1.5}.landing-footer a:hover{color:var(--landing-accent)}@media(max-width:480px){.landing-page{padding-top:20px;padding-left:12px;padding-right:12px}.landing-box{padding:20px 16px}.landing-main-card{padding:14px 12px}.landing-main-modes{gap:10px}.landing-mode-option{padding:10px;gap:9px}}@media(max-height:500px){.landing-page{padding-top:16px}}@media(max-width:360px)and (max-height:620px){.landing-page{padding-top:12px}.landing-box{padding:16px 12px}.landing-brand{margin-bottom:16px}.landing-logo{width:44px;height:44px;margin-bottom:4px}.landing-brand h2{font-size:22px}.landing-brand p{font-size:10px}.landing-main-card{padding:10px;gap:8px}.landing-main-icon{width:28px;height:28px}.landing-new-modes{min-height:64px}.landing-vault>button{padding:10px}.landing-join{margin-top:12px;padding-top:12px}.landing-join-toggle{min-height:54px;padding:9px}}@media(prefers-reduced-motion:reduce){.landing-page *,.landing-page *:before,.landing-page *:after{animation:none!important;transition:none!important}}.infection-ui{--if-bg: #f5f6f7;--if-surface: #fff;--if-raised: #e9ecef;--if-ink: #20262b;--if-muted: #56616b;--if-line: #ced4da;--if-accent: #267454;--if-accent-ink: #fff;color:var(--if-ink);background:var(--if-bg);font-family:Inter,sans-serif;letter-spacing:0;min-width:0;width:100%;box-sizing:border-box}.dark .infection-ui{--if-bg: #131719;--if-surface: #1c2327;--if-raised: #2a3339;--if-ink: #f0f3f4;--if-muted: #b1bec6;--if-line: #424e55;--if-accent: #88cbaa;--if-accent-ink: #10231a}.infection-ui *,.infection-card *{box-sizing:border-box}.infection-ui h1,.infection-ui h2,.infection-ui h3,.infection-ui p{margin:0}.infection-ui button{font:inherit;cursor:pointer}.infection-ui button:disabled{cursor:default;opacity:.5}.infection-ui button:focus-visible,.infection-card:focus-visible{outline:3px solid var(--if-accent, #267454);outline-offset:3px}.infection-stage{height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom,0px)}.infection-topline{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--if-line);min-height:56px}.infection-topline h1{font-size:16px;font-weight:750}.infection-topline .infection-timer{margin-left:auto}.infection-timer{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0}.infection-timer[data-urgent=true]{color:#ad312e}.dark .infection-timer[data-urgent=true]{color:#ffb1ab}.infection-body{width:100%;max-width:1000px;margin:0 auto;padding:20px 16px}.infection-kicker{font-size:11px;color:var(--if-muted);font-weight:700;text-transform:uppercase}.infection-title{font-size:28px;font-weight:750;line-height:1.2;overflow-wrap:anywhere}.infection-muted{color:var(--if-muted);font-size:13px;line-height:1.5}.infection-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--if-line);border-radius:6px;background:var(--if-surface);color:var(--if-ink);font-weight:650!important;font-size:13px!important}.infection-button:hover:not(:disabled){background:var(--if-raised)}.infection-button:active:not(:disabled){transform:translateY(1px)}.infection-button-primary{background:var(--if-accent);color:var(--if-accent-ink);border-color:var(--if-accent)}.infection-button-primary:hover:not(:disabled){filter:brightness(.94);background:var(--if-accent)}.infection-icon-button{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;padding:0}.infection-status{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:13px;line-height:1.5;background:var(--if-raised);overflow-wrap:anywhere}.infection-status[data-tone=error]{background:#f9e5e2;color:#912b28}.dark .infection-status[data-tone=error]{background:#402828;color:#ffbeb8}.infection-player-list{list-style:none;padding:0;margin:16px 0}.infection-player-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--if-line);min-width:0}.infection-player-row[data-out=true]{color:var(--if-muted)}.infection-player-name{flex:1;min-width:0;font-size:14px;font-weight:650;overflow-wrap:anywhere}.infection-avatar{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;background:var(--if-raised);border-radius:6px;font-size:14px;font-weight:700}.infection-hearts{display:flex;gap:2px;color:#b14646;flex-shrink:0}.dark .infection-hearts{color:#efb0aa}.infection-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--if-line);margin:20px 0}.infection-stats>div{padding:14px 8px;border-right:1px solid var(--if-line)}.infection-stats>div:last-child{border-right:0}.infection-stats strong{display:block;font-size:24px;font-weight:750}.infection-stats span{font-size:11px;color:var(--if-muted)}.infection-split{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.infection-lobby-controls{order:-1}.infection-role{display:flex;align-items:center;gap:12px;padding-block:16px}.infection-role svg{width:36px;height:36px;color:var(--if-accent);flex-shrink:0}.infection-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:16px}.infection-play{display:flex;flex-direction:column;overflow:hidden}.infection-play>.infection-topline{min-height:44px;padding-block:8px}.infection-play-layout{flex:1;min-height:0;display:flex;flex-direction:column}.infection-encounter{flex:1 1 auto;min-height:100px;overflow-y:auto;padding:16px 16px 8px;max-width:640px;width:100%;margin:auto}.infection-encounter h2{font-size:22px;font-weight:750;margin:6px 0 8px;overflow-wrap:anywhere}.infection-detail{margin-top:8px;border-top:1px solid var(--if-line);padding-top:8px;display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px}.infection-detail svg{width:24px;height:24px;margin-top:2px}.infection-detail h3{font-size:15px;font-weight:750;margin-bottom:4px}.infection-hand{min-width:0;flex-shrink:0;border-top:1px solid var(--if-line);background:var(--if-surface)}.infection-hand-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 0;color:var(--if-muted);font-size:12px}.infection-hand-scroll{display:flex;flex-shrink:0;overflow-x:auto;overflow-y:hidden;gap:12px;padding:28px 16px 18px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;scroll-padding-inline:16px}.infection-hand-item{flex-shrink:0;scroll-snap-align:center}.infection-hand-actions{display:grid;grid-template-columns:1fr auto;gap:8px;padding:0 12px 12px}.infection-card{--card-ink: #37473c;--card-paper: #ecf2e9;--card-edge: #92a68b;width:134px;height:188px;border:1px solid var(--card-edge);border-radius:8px;padding:10px;display:flex;flex-direction:column;color:var(--card-ink);background:var(--card-paper);box-shadow:0 2px 0 var(--card-edge),0 6px 12px #15252c1a;position:relative;text-align:left;font-family:Inter,sans-serif;letter-spacing:0;transition:transform .18s ease,box-shadow .18s ease;touch-action:pan-x pan-y;user-select:none;-webkit-user-select:none;flex-shrink:0}.infection-card[data-tone=rose]{--card-paper: #f6e9e7;--card-ink: #893e3a;--card-edge: #c79e98}.infection-card[data-tone=blue]{--card-paper: #e6eff7;--card-ink: #32618c;--card-edge: #9bb5ce}.infection-card[data-tone=gold]{--card-paper: #f5efd8;--card-ink: #775b21;--card-edge: #c6b679}.infection-card[data-tone=violet]{--card-paper: #eee8f6;--card-ink: #654780;--card-edge: #b09fc5}.infection-card[data-tone=orange]{--card-paper: #f6eadd;--card-ink: #8d5829;--card-edge: #c7a37d}.infection-card[data-tone=teal]{--card-paper: #e1f0ee;--card-ink: #256963;--card-edge: #86b8b1}.infection-card[data-tone=neutral]{--card-paper: #edf0f2;--card-ink: #455660;--card-edge: #aab4bc}.dark .infection-card{box-shadow:0 2px 0 var(--card-edge),0 8px 16px #0005}.infection-card[data-selected=true]{transform:translateY(-10px);box-shadow:0 2px 0 var(--card-edge),0 10px 18px #15252c33;outline:2px solid var(--card-ink);outline-offset:3px;touch-action:pan-x}.infection-card:disabled{opacity:.8;cursor:default}button.infection-card:not([data-selected=true]):active:not(:disabled){transform:translateY(1px)}@media(hover:hover)and (pointer:fine){button.infection-card:not([data-selected=true]):hover:not(:disabled){transform:translateY(-3px);box-shadow:0 2px 0 var(--card-edge),0 9px 16px #15252c26}}.infection-card-meta{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:9px;font-weight:700;text-transform:uppercase}.infection-card-art{flex:1;display:grid;place-items:center;position:relative;min-height:0;margin:9px 0;border-block:1px solid var(--card-edge);background:repeating-linear-gradient(135deg,transparent 0 7px,color-mix(in srgb,var(--card-ink) 6%,transparent) 7px 8px)}.infection-card-art svg{width:50px;height:50px;stroke-width:1.5;background:var(--card-paper);padding:3px}.infection-card-name{font-size:16px;font-weight:750;line-height:1.15}.infection-card-caption{display:block;font-size:10px;line-height:1.35;margin-top:5px}.infection-card-back{background:#263d33;color:#d3e3d7;border-color:#658572;align-items:center;justify-content:center;gap:12px}.infection-card-back:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid #658572;border-radius:4px;background:repeating-linear-gradient(45deg,transparent 0 7px,#65857224 7px 8px)}.infection-card-back svg,.infection-card-back strong{position:relative}.infection-card-back svg{width:40px;height:40px}.infection-card-ready{position:absolute;bottom:100%;margin-bottom:9px;left:0;width:100%;background:var(--card-ink);color:var(--card-paper);padding:5px;border-radius:4px;text-align:center;font-size:11px}.infection-reveal-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:24px 0}.infection-reveal-pair>div{min-width:0;display:flex;align-items:center;flex-direction:column;gap:14px}.infection-reveal-pair p{width:100%;text-align:center;overflow-wrap:anywhere;font-size:13px;font-weight:650}.infection-reveal-pair .infection-card{pointer-events:none}.infection-duel{display:flex;flex-direction:column}.infection-duel-layout{display:flex;flex-direction:column;flex:1;min-height:0}.infection-guess-history{flex:1;overflow:auto;padding:16px;min-height:60px}.infection-guess-row{padding:10px 0;border-bottom:1px solid var(--if-line)}.infection-color-slots{display:flex;gap:6px;min-width:0}.infection-color-slot{width:100%;min-width:0;aspect-ratio:1;border-radius:5px;background:var(--if-raised);border:1px solid var(--if-line);display:grid;place-items:center;font-size:13px;font-weight:750}.infection-guess-feedback{display:flex;gap:14px;font-size:12px;margin-top:6px;color:var(--if-muted)}.infection-duel-dock{border-top:1px solid var(--if-line);padding:12px;background:var(--if-surface);flex-shrink:0}.infection-color-palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:12px 0}.infection-color-key{display:flex;align-items:center;flex-direction:column;gap:5px;background:transparent;border:0;padding:0;color:var(--if-ink);min-height:56px;font-size:9px!important}.infection-color-key i{display:grid;place-items:center;width:100%;height:40px;border-radius:5px;border:1px solid #ffffff38;font-style:normal;font-size:13px;font-weight:750}.infection-duel-buttons{display:grid;grid-template-columns:1fr 44px;gap:8px}.infection-result-row{padding:14px 0;border-bottom:1px solid var(--if-line)}.infection-result-row h3{font-size:14px;font-weight:700;overflow-wrap:anywhere;margin-bottom:4px}.infection-rule-list{display:grid;gap:12px;margin:16px 0}.infection-rule-list article{border-bottom:1px solid var(--if-line);padding-bottom:12px}.infection-rule-list h3{display:flex;gap:8px;align-items:center;font-size:14px;margin-bottom:4px}.infection-rules-dialog{width:100%;max-width:560px;padding:20px;border-radius:8px}@media(min-width:640px){.infection-card{width:160px;height:224px;padding:12px}.infection-card-meta{font-size:10px}.infection-card-art svg{width:64px;height:64px}.infection-card-name{font-size:18px}.infection-card-caption{font-size:11px}.infection-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}.infection-lobby-controls{order:0}.infection-duel-layout{flex-direction:row}.infection-duel-dock{width:360px;border-top:0;border-left:1px solid var(--if-line);display:flex;flex-direction:column;justify-content:center}}@media(min-width:1000px),(min-width:640px)and (max-height:500px){.infection-play-layout{flex-direction:row;align-items:stretch}.infection-encounter{width:35%;padding:24px}.infection-hand{width:65%;border-top:0;border-left:1px solid var(--if-line);display:flex;flex-direction:column;justify-content:center}}@media(max-height:620px)and (max-width:639px){.infection-encounter{padding-top:12px}.infection-detail{margin-top:10px;padding-top:8px}.infection-card{width:124px;height:174px}.infection-card-art svg{width:42px;height:42px}}@media(min-width:640px)and (max-height:500px){.infection-card{width:114px;height:160px;padding:8px}.infection-card-meta{font-size:9px}.infection-card-art{margin:6px 0}.infection-card-art svg{width:40px;height:40px}.infection-card-name{font-size:15px}.infection-card-caption{font-size:10px}.infection-hand-scroll{padding:18px 12px 10px}.infection-encounter{flex:0 0 35%;padding:14px}}@media(prefers-reduced-motion:reduce){.infection-ui *,.infection-card{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.game-notification{--notice-accent: #075985;--notice-tint: #e5f2fa;--notice-line: #b6d6e8;width:min(380px,calc(100vw - 24px));display:flex;align-items:flex-start;gap:10px;padding:12px;border:0;border-radius:6px;background:#fdfefe;color:#20232d;box-shadow:inset 0 0 0 1px #d7dce4,0 3px 6px #00000014;pointer-events:auto;letter-spacing:0;transition:opacity .16s ease-out,transform .16s ease-out}.game-notification[data-kind=success]{--notice-accent: #08794f;--notice-tint: #e5f4ec;--notice-line: #b4d9c6}.game-notification[data-kind=warning],.game-notification[data-kind=achievement]{--notice-accent: #8d590b;--notice-tint: #fbf0da;--notice-line: #decba5}.game-notification[data-kind=error]{--notice-accent: #b02e46;--notice-tint: #fbe9ed;--notice-line: #e5bec7}.game-notification[data-kind=network]{--notice-accent: #8d590b;--notice-tint: #fbf0da;--notice-line: #decba5}.game-notification[data-kind=match]{--notice-accent: #6d28d9;--notice-tint: #f0eafa;--notice-line: #ccbee6}.game-notification[data-theme=dark]{background:#292d36;color:#f4f5f8;--notice-accent: #98d6f5;--notice-tint: #293d4a;--notice-line: #425665;box-shadow:0 3px 6px #00000040}.game-notification[data-theme=dark][data-kind=success]{--notice-accent: #85dfb8;--notice-tint: #294438;--notice-line: #426455}.game-notification[data-theme=dark][data-kind=warning],.game-notification[data-theme=dark][data-kind=achievement],.game-notification[data-theme=dark][data-kind=network]{--notice-accent: #f5d084;--notice-tint: #443b2c;--notice-line: #665b44}.game-notification[data-theme=dark][data-kind=error]{--notice-accent: #ffb0bd;--notice-tint: #49313a;--notice-line: #694753}.game-notification[data-theme=dark][data-kind=match]{--notice-accent: #d1bfff;--notice-tint: #3b314d;--notice-line: #5b4c73}.notification-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border:1px solid var(--notice-line);border-radius:5px;background:var(--notice-tint);color:var(--notice-accent)}.notification-icon svg{width:19px;height:19px}.notification-copy{flex:1;min-width:0}.notification-copy strong{display:block;font-size:13px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}.notification-copy p{font-size:12px;line-height:1.5;color:#525c6b;margin:3px 0 0;overflow-wrap:anywhere}[data-theme=dark] .notification-copy p{color:#bbc4d1}.notification-badge{font-size:10px;font-weight:650;color:var(--notice-accent);flex-shrink:0;max-width:72px;overflow-wrap:anywhere;align-self:center}.notification-dismiss{border:0;background:none;width:32px;height:34px;padding:8px;display:grid;place-items:center;color:#5b6471;flex:0 0 auto;border-radius:4px}.notification-dismiss svg{width:16px;height:16px}[data-theme=dark] .notification-dismiss{color:#bbc4d1}.notification-dismiss:hover{background:var(--notice-tint);color:var(--notice-accent)}.notification-dismiss:focus-visible,.notification-action:focus-visible{outline:2px solid var(--notice-accent);outline-offset:2px}.notification-action{margin-top:6px;color:var(--notice-accent);font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.game-event-stack{max-height:40dvh;overflow-y:auto;padding:2px 0 8px}@keyframes notificationIn{0%{opacity:0;transform:translateY(var(--event-start-y))}to{opacity:1;transform:translateY(0)}}.event-card-in-top{--event-start-y: -6px;animation:notificationIn .18s ease-out}.event-card-in-bottom{--event-start-y: 6px;animation:notificationIn .18s ease-out}.event-card-out{opacity:0;transform:translateY(-6px);pointer-events:none}[data-game-network-slot]:not(:empty){margin-top:4px;display:flex;justify-content:center}.connection-status,.connection-detail{--connection-ink: #20232d;--connection-muted: #555d6d;--connection-surface: #fff;--connection-raised: #eef0f4;--connection-warning: #8d590b;--connection-line: #d7dce4;color:var(--connection-ink);letter-spacing:0}.connection-status[data-theme=dark],.connection-detail[data-theme=dark]{--connection-ink: #f1f2f6;--connection-muted: #afb7c6;--connection-surface: #252932;--connection-raised: #2d323b;--connection-warning: #f5d084;--connection-line: #424956}.connection-trigger{display:inline-flex;align-items:center;gap:8px;max-width:calc(100vw - 24px);min-height:32px;padding:6px 10px;border:0;border-radius:5px;background:var(--connection-raised);font-size:12px;line-height:20px;font-weight:600;color:var(--connection-ink);cursor:pointer;touch-action:manipulation}.connection-symbol{width:15px;height:15px;color:var(--connection-warning);flex-shrink:0}.connection-chevron{width:13px;height:13px;color:var(--connection-muted);flex-shrink:0;transition:transform .16s ease-out}.connection-trigger[aria-expanded=true] .connection-chevron{transform:rotate(180deg)}.connection-trigger:hover{box-shadow:inset 0 0 0 1px var(--connection-line)}.connection-trigger:focus-visible{outline:2px solid var(--connection-warning);outline-offset:2px}.connection-detail{position:fixed;z-index:70;width:min(320px,calc(100vw - 24px));max-height:calc(100dvh - 140px);overflow-y:auto;padding:16px;border-radius:6px;background:var(--connection-surface);box-shadow:inset 0 0 0 1px var(--connection-line),0 3px 6px #00000029}.connection-detail>strong{font-size:13px;font-weight:700;line-height:1.4}.connection-detail>p{color:var(--connection-muted);font-size:12px;line-height:1.5;margin:6px 0 12px;overflow-wrap:anywhere}.connection-retry{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600}.connection-retry svg{width:13px;height:13px;color:var(--connection-warning);animation:connectionRetry 1.5s linear infinite}.connection-detail>small{display:block;font-size:11px;line-height:1.5;color:var(--connection-muted);margin-top:10px}@keyframes connectionRetry{to{transform:rotate(360deg)}}@media(max-width:480px){.game-notification{gap:8px;padding:10px}.notification-badge{display:none}}@media(max-height:480px){.game-event-stack>.game-notification:not(:last-child){display:none}}@media(prefers-reduced-motion:reduce){.game-notification,.connection-chevron,.connection-retry svg{animation:none;transition:none}}