@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Rajdhani:wght@400;500;600;700&display=swap";:root{--font-display:"Chakra Petch", sans-serif;--font-ui:"Chakra Petch", sans-serif;--font-body:"Rajdhani", sans-serif;--font-mono:"JetBrains Mono", monospace;--site-chrome-padding:24px;--landing-panel-gap:clamp(32px, 3vw, 56px);--landing-brand-panel-max-width:400px;--landing-info-panel-max-width:400px;--session-shell-padding:24px;--session-overlay-padding-block:clamp(40px, 8vh, 88px);--session-card-max-width:680px;--session-shell-gap:clamp(16px, 1.8vw, 24px);--session-identity-card-width:clamp(300px, 24vw, 360px);--session-shell-max-width:calc(var(--session-card-max-width) + var(--session-shell-gap) + var(--session-identity-card-width));--session-shell-width:min(var(--session-shell-max-width), calc(100vw - (var(--session-shell-padding) * 2)));--session-card-width:min(var(--session-card-max-width), calc(100vw - (var(--session-shell-padding) * 2)));--side-panel-width:max(0px, calc(((100vw - var(--session-card-width)) / 2) - var(--site-chrome-padding) - var(--landing-panel-gap)));--site-info-panel-width:min(var(--landing-info-panel-max-width), var(--side-panel-width))}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}html{overscroll-behavior:none;-webkit-text-size-adjust:100%;background:#05080d}[hidden]{display:none!important}body{font-family:var(--font-body);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:radial-gradient(circle at 0 0,#4ce7ff29,#0000 28%),radial-gradient(circle at 100% 0,#ff5f6d24,#0000 26%),#05080d linear-gradient(135deg,#05080d 0%,#0a1118 45%,#060a10 100%);position:relative}#app{background:#05080d;position:fixed;inset:0}body:before{content:"";pointer-events:none;opacity:.18;transform-origin:50%;filter:blur(1.5px);background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;transform:scale(1.02);-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 100%);mask-image:radial-gradient(circle,#000 30%,#0000 100%)}canvas{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#05080d;display:block}input,select,textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.session-hover-preview{pointer-events:none;z-index:80;opacity:0;width:clamp(320px,26vw,460px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);transition:opacity .18s,transform .22s cubic-bezier(.22,1,.36,1);position:fixed;transform:translateY(18px)scale(.92)}.session-hover-preview.is-visible{opacity:1;transform:translateY(0)scale(1)}.session-hover-preview-image{aspect-ratio:744/1039;object-fit:contain;background:#070e16fa;border:1px solid #46e6ff38;border-radius:26px;width:100%;max-height:calc(100dvh - 24px);display:block;box-shadow:0 36px 60px #00000080,0 0 30px #46e6ff29}.mobile-guidance-overlay{z-index:130;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-overflow-scrolling:touch;pointer-events:auto;background:#03070cc7;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.mobile-guidance-card{box-sizing:border-box;-webkit-overflow-scrolling:touch;background:linear-gradient(#0c1621fa,#070d14fa),linear-gradient(135deg,#9eff4514,#0000 42%);border:1px solid #46e6ff3d;border-radius:22px;gap:14px;width:min(460px,100%);max-height:calc(100dvh - 36px);padding:22px;display:grid;overflow-y:auto;box-shadow:0 28px 80px #00000075,inset 0 1px #ffffff0a}.mobile-guidance-eyebrow,.mobile-guidance-title,.mobile-guidance-copy,.mobile-guidance-status{margin:0}.mobile-guidance-eyebrow{font-family:var(--font-ui);letter-spacing:.24em;text-transform:uppercase;color:#46e6ff;font-size:12px}.mobile-guidance-title{font-family:var(--font-display);color:#f5fbff;font-size:clamp(26px,8vw,38px);line-height:1}.mobile-guidance-copy,.mobile-guidance-status{color:#d4e6f5;font-size:14px;line-height:1.55}.mobile-guidance-status{color:#ffbf55;min-height:1.55em}.mobile-guidance-actions{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:10px;display:grid}.mobile-guidance-actions .session-button{width:100%}.site-chrome{z-index:45;justify-content:space-between;gap:var(--landing-panel-gap);padding:var(--site-chrome-padding);box-sizing:border-box;pointer-events:none;flex-direction:column;display:flex;position:fixed;inset:0}body.site-chrome-hidden .site-chrome{display:none}.site-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.site-brand-panel,.site-info-card{box-sizing:border-box;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#0c1621f0,#070d14f0),linear-gradient(135deg,#9eff4514,#0000 42%);border:1px solid #46e6ff2e;min-width:0;overflow:hidden;box-shadow:0 24px 90px #00000070,inset 0 1px #ffffff0a}.site-brand-panel{width:min(var(--landing-brand-panel-max-width), var(--side-panel-width));max-width:var(--landing-brand-panel-max-width);border-radius:clamp(18px,2vw,22px);padding:clamp(12px,1.5vw,18px) clamp(14px,1.6vw,20px)}.site-brand-lockup{align-items:center;gap:clamp(10px,1.2vw,18px);display:flex}.site-brand-copy{min-width:0}.site-brand-icon{aspect-ratio:744/1039;object-fit:cover;border-radius:12px;flex:none;width:clamp(40px,5vw,72px);height:auto;box-shadow:0 12px 28px #00000057,0 0 0 1px #46e6ff38}.site-brand-kicker,.site-info-eyebrow,.site-badge{font-family:var(--font-ui);letter-spacing:.24em;text-transform:uppercase;margin:0;font-size:12px}.site-brand-kicker,.site-info-eyebrow{color:#46e6ff}.site-brand-title{font-family:var(--font-display);color:#f5fbff;text-wrap:balance;margin:8px 0 0;font-size:clamp(20px,2.35vw,40px);line-height:1.08}.site-badge{color:#9eff45;white-space:nowrap;background:#0c140fe0;border:1px solid #9eff4542;border-radius:999px;padding:10px 14px}.site-main{justify-content:flex-end;align-items:flex-end;display:flex}body.site-chrome-endgame .site-chrome{justify-content:flex-start;gap:12px}body.site-chrome-endgame .site-header,body.site-chrome-endgame .site-main{justify-content:flex-start;align-items:flex-start}body.site-chrome-endgame .site-brand-panel,body.site-chrome-endgame .site-info-card{border-radius:18px;width:min(240px,22vw);max-width:240px;padding:12px 14px}body.site-chrome-endgame .site-brand-lockup{align-items:flex-start;gap:10px}body.site-chrome-endgame .site-brand-icon{width:42px}body.site-chrome-endgame .site-brand-kicker,body.site-chrome-endgame .site-info-eyebrow{letter-spacing:.18em;font-size:10px}body.site-chrome-endgame .site-brand-title{margin-top:6px;font-size:clamp(16px,1.8vw,26px)}body.site-chrome-endgame .site-info-copy,body.site-chrome-endgame .site-noscript{margin-top:10px;font-size:12px;line-height:1.5}body.site-chrome-endgame .site-feature-copy{display:none}body.site-chrome-endgame .site-info-actions{width:100%}body.site-chrome-endgame .site-action-link{box-sizing:border-box;justify-content:center;width:100%;margin-top:12px;padding:10px 12px;font-size:12px}.site-info-card{width:var(--site-info-panel-width);max-width:var(--landing-info-panel-max-width);max-height:calc(100vh - (var(--site-chrome-padding) * 2));pointer-events:auto;border-radius:24px;padding:clamp(14px,1.8vw,22px);overflow-y:auto}.site-info-copy,.site-noscript{color:#d4e6f5;margin:12px 0 0;font-size:14px;line-height:1.65}.site-feature-copy{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-info-actions{flex-direction:column;align-items:stretch;width:fit-content;max-width:100%;margin:0;display:flex}.site-action-link{color:#46e6ff;width:100%;font-family:var(--font-ui);background:#0a121bb8;border:1px solid #46e6ff3d;border-radius:14px;align-items:center;gap:10px;margin-top:18px;padding:12px 16px;font-size:14px;text-decoration:none;transition:transform .12s,border-color .12s,color .12s;display:inline-flex}.site-action-link svg{flex:none;width:18px;height:18px}.site-kofi-link svg{width:20px;height:20px}.site-action-link:hover,.site-action-link:focus-visible{color:#effcff;border-color:#46e6ff75;transform:translateY(-1px)}.site-action-link:focus-visible{outline-offset:3px;outline:2px solid #46e6ff66}.session-overlay{z-index:40;pointer-events:none;padding:max(var(--session-overlay-padding-block), env(safe-area-inset-top)) max(var(--session-shell-padding), env(safe-area-inset-right)) max(var(--session-overlay-padding-block), env(safe-area-inset-bottom)) max(var(--session-shell-padding), env(safe-area-inset-left));background:0 0;place-items:center;transition:opacity .16s,visibility .16s;display:grid;position:fixed;inset:0;overflow-y:auto}.session-overlay.is-deck-picker-open,.session-overlay.is-public-lobbies-open{z-index:60}.session-overlay.is-hidden{display:none}.session-overlay.is-finished-match{place-items:start center}.session-reconnect-banner{top:max(18px, env(safe-area-inset-top));z-index:72;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none;background:linear-gradient(#1b140af5,#110c06f5),linear-gradient(135deg,#ffad3b1f,#0000 48%);border:1px solid #ffad3b47;border-radius:18px;width:min(680px,100vw - 24px);padding:14px 18px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 20px 56px #00000057,inset 0 1px #ffffff0d}.session-reconnect-banner-title,.session-reconnect-banner-description,.session-reconnect-blocker-countdown{margin:0}.session-reconnect-banner-title{color:#ffd38a;font-family:var(--font-ui);letter-spacing:.02em;font-size:15px;font-weight:700}.session-reconnect-banner-description{color:#f1d8b1;margin-top:4px;font-size:13px;line-height:1.5}.session-reconnect-blocker{z-index:85;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04090f80;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.session-reconnect-blocker-card{background:linear-gradient(#0c1621f7,#070d14fa),linear-gradient(135deg,#46e6ff14,#0000 46%);border:1px solid #46e6ff33;border-radius:24px;width:min(540px,100%);padding:28px;box-shadow:0 28px 72px #0000006b,inset 0 1px #ffffff0d}.session-reconnect-blocker-title{margin-bottom:10px;font-size:clamp(28px,4vw,40px)}.session-reconnect-blocker-description{max-width:44ch}.session-reconnect-blocker-countdown{color:#9eff45;font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;margin-top:14px;font-size:13px;font-weight:700}.session-shell{width:var(--session-shell-width);grid-template-columns:minmax(0, var(--session-card-max-width)) minmax(280px, var(--session-identity-card-width));gap:var(--session-shell-gap);pointer-events:auto;justify-content:center;align-items:start;margin-top:clamp(72px,10vh,112px);display:grid}.session-shell--single{width:var(--session-card-width);grid-template-columns:minmax(0,1fr);justify-items:center;margin-top:0}body.site-chrome-profile .session-overlay{place-items:center start}body.site-chrome-profile .session-shell{margin-left:max(0px, calc((100vw - var(--session-shell-width) - var(--site-info-panel-width) - var(--landing-panel-gap) - (var(--site-chrome-padding) * 2)) / 2))}.session-card,.session-identity-card{box-sizing:border-box;width:100%;max-height:min(calc(100dvh - (var(--session-overlay-padding-block) * 2)), 900px);pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#0c1621f5,#070d14f5),linear-gradient(135deg,#9eff4514,#0000 42%);border:1px solid #46e6ff2e;border-radius:28px;padding:32px;overflow-y:auto;box-shadow:0 24px 90px #00000070,inset 0 1px #ffffff0a}.session-identity-card{padding:24px}.session-card.is-finished-match{width:min(560px, var(--session-card-width))}.session-settings-trigger{top:max(18px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));z-index:70;color:#46e6ff;cursor:pointer;background:linear-gradient(#101b27f5,#0a121bf5);border:1px solid #46e6ff38;border-radius:14px;place-items:center;width:48px;min-width:48px;height:48px;min-height:48px;padding:0;transition:transform .12s,border-color .12s,color .12s,background .12s;display:grid;position:fixed;box-shadow:0 16px 40px #00000057,inset 0 1px #ffffff0d}.session-settings-trigger:hover,.session-settings-trigger:focus-visible{border-color:#46e6ff6b;transform:translateY(-1px)}.session-settings-trigger:focus-visible{outline-offset:3px;outline:2px solid #46e6ff66}.session-settings-trigger.is-active{color:#9eff45;background:linear-gradient(#182710eb,#0c140cf5);border-color:#9eff4557}.session-settings-trigger svg{width:20px;height:20px}.settings-modal{z-index:95;pointer-events:none;position:fixed;inset:0}.settings-scrim{cursor:default;pointer-events:auto;background:0 0;border:0;padding:0;position:absolute;inset:0}.settings-card{pointer-events:auto;background:linear-gradient(#0c1621fa,#070d14f7),linear-gradient(135deg,#46e6ff14,#0000 48%);border:1px solid #46e6ff2e;border-radius:18px;gap:14px;width:min(620px,100vw - 24px);max-height:calc(100dvh - 24px);padding:16px;display:grid;position:absolute;overflow-y:auto;box-shadow:0 24px 60px #0000005c,inset 0 1px #ffffff0a}.settings-header,.settings-volume-row,.settings-toggle-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.settings-header-copy,.settings-toggle-copy{gap:6px;min-width:0;display:grid}.settings-title{font-family:var(--font-display);color:#f5fbff;margin:0;font-size:18px;line-height:1.1}.settings-description{color:#9cb5c9;margin:0;font-size:13px;line-height:1.6}.settings-section{background:#08121cb8;border:1px solid #46e6ff1f;border-radius:16px;gap:10px;padding:14px;display:grid}.settings-section--sound-effects,.settings-section--music{gap:12px}.settings-toggle-title{color:#effcff;font-size:14px;line-height:1.35}.settings-helper{color:#9cb5c9;margin:0;font-size:12px;line-height:1.55}.settings-helper[data-state=error]{color:#ff8c9c}.settings-value{color:#9eff45;font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;font-size:14px}.settings-mini-value{color:#9eff45;min-width:44px;font-family:var(--font-ui);text-align:right;place-self:end;font-size:12px}.settings-range{accent-color:#46e6ff;width:100%;margin:0}.settings-range:disabled,.settings-checkbox:disabled,.settings-select:disabled,.settings-music-button:disabled,.settings-preview-button:disabled{opacity:.52;cursor:not-allowed}.settings-checkbox{accent-color:#9eff45;flex:none;width:20px;height:20px;margin-top:4px}.settings-sound-effect-list{gap:10px;display:grid}.settings-local-sound-tools{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 10px;display:grid}.settings-local-sound-tools .settings-helper{min-width:0}.settings-local-sound-list{gap:8px;display:grid}.settings-local-sound-row{background:#03090f57;border:1px solid #46e6ff1a;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.settings-local-sound-copy{gap:3px;min-width:0;display:grid}.settings-local-sound-meta,.settings-local-sound-empty{color:#9cb5c9;font-size:12px;line-height:1.35}.settings-local-sound-empty{margin:0}.settings-local-sound-actions{align-items:center;gap:6px;display:flex}.settings-music-controls{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.settings-music-button{color:#eaf5ff;cursor:pointer;background:#071019f0;border:1px solid #46e6ff38;border-radius:10px;place-items:center;min-height:34px;padding:0 10px;display:grid}.settings-music-button svg{width:18px;height:18px}.settings-music-button:hover:not(:disabled),.settings-music-button:focus-visible:not(:disabled){color:#9eff45;border-color:#9eff4561}.settings-music-button.is-active{color:#9eff45;background:#142a10e6;border-color:#9eff4570}.settings-music-button:focus-visible{outline-offset:2px;outline:2px solid #46e6ff5c}.settings-sound-effect-row{background:#03090f75;border:1px solid #46e6ff1a;border-radius:12px;gap:10px;padding:10px;display:grid}.settings-sound-effect-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.settings-sound-effect-controls{grid-template-columns:minmax(180px,1.2fr) minmax(110px,1fr) 48px;align-items:end;gap:8px 10px;display:grid}.settings-control{gap:5px;min-width:0;display:grid}.settings-control:first-child{grid-row:span 3}.settings-control-label{color:#9cb5c9;font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.settings-select{color:#eaf5ff;width:100%;min-height:34px;font:600 13px/1.2 var(--font-body);background:#071019f5;border:1px solid #46e6ff33;border-radius:10px}.settings-preview-button{color:#9eff45;min-height:30px;font:700 11px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#0d1c10db;border:1px solid #9eff4547;border-radius:10px;padding:0 12px}.session-eyebrow{font-family:var(--font-ui);letter-spacing:.28em;color:#46e6ff;text-transform:uppercase;font-size:12px}.session-title{font-family:var(--font-display);color:#f5fbff;margin:10px 0 6px;font-size:clamp(34px,5vw,50px);line-height:.94}.session-title--victory{color:#9eff45}.session-title--defeat{color:#ff6678}.session-description,.session-status,.session-participant{font-family:var(--font-body);color:#9cb5c9;margin:0;font-size:13px;line-height:1.6}.session-description--victory{color:#9eff45}.session-description--defeat{color:#ff6678}.session-discord-card{background:linear-gradient(#0c1621eb,#070d14eb),linear-gradient(135deg,#9eff4512,#0000 44%);border:1px solid #46e6ff2e;border-radius:18px;padding:14px;display:grid}.session-identity-card .session-discord-card,.session-identity-card .session-account-card{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.session-identity-card .session-discord-card{gap:14px}.session-identity-card .session-account-card{border-top:1px solid #46e6ff24;margin-top:18px;padding-top:18px}.session-identity-card .session-discord-control-row{grid-template-columns:1fr;align-items:stretch}.session-identity-card .session-discord-actions{justify-content:stretch}.session-identity-card .session-discord-actions .session-button,.session-identity-card .session-discord-actions .session-discord-link,.session-identity-card .session-account-actions .session-button{width:100%}.session-account-card{background:linear-gradient(#0d161eeb,#070d14eb),linear-gradient(135deg,#ffad3b14,#0000 46%);border:1px solid #ffad3b2e;border-radius:18px;gap:12px;padding:14px;display:grid}.session-account-header,.session-account-actions,.session-account-mode-row{align-items:center;gap:10px;display:flex}.session-account-header{justify-content:space-between;align-items:flex-start}.session-account-title-wrap{gap:5px;min-width:0;display:grid}.session-account-title{color:#f5fbff;font-family:var(--font-ui);font-size:16px;line-height:1.25}.session-account-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.session-account-form .session-field,.session-account-actions{min-width:0}.session-account-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end}.session-account-status[data-state=error]{color:#ff8c9c}.session-discord-control-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.session-discord-name-field{min-width:0;margin:0}.session-name-control-row{min-width:0}.session-name-input-wrap{min-width:0;position:relative}.session-name-input-wrap .session-input{width:100%}.session-field-label{display:block}.session-discord-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.session-button svg{pointer-events:none;flex:none;width:16px;height:16px}.session-button .session-discord-icon{width:18px;height:14px;display:block}.session-button span{min-width:0}.session-button--compact{justify-content:center;align-items:center;gap:8px;display:inline-flex}.session-discord-link{justify-content:center;align-items:center;text-decoration:none}.session-button--compact{border-radius:12px;min-height:38px;padding:0 14px;font-size:13px}.session-panel{gap:14px;margin-top:22px;display:grid}.session-field{font-family:var(--font-ui);letter-spacing:.12em;color:#86a7bd;text-transform:uppercase;gap:8px;font-size:12px;display:grid}.session-input,.session-button{border:1px solid #46e6ff2e;border-radius:14px;outline:none;min-height:48px}.session-input{color:#ecf7ff;width:100%;font-family:var(--font-ui);box-sizing:border-box;background:#08121ceb;padding:0 16px;font-size:15px}.session-input--compact{min-height:40px;padding:0 12px;font-size:13px}.session-input::placeholder{color:#86a7bdad}.session-input:focus{border-color:#46e6ff8a;box-shadow:0 0 0 3px #46e6ff1f}.match-chat-composer{z-index:34;grid-template-columns:minmax(0,1fr) 28px;align-items:stretch;gap:6px;margin:0;display:grid;position:fixed}.match-chat-composer.is-hidden{display:none}.match-chat-input{box-sizing:border-box;color:#ecf7ff;width:100%;height:100%;min-height:0;font-family:var(--font-ui);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#08121cf0;border:1px solid #46e6ff33;border-radius:10px;outline:none;padding:0 12px;font-size:13px;box-shadow:0 10px 28px #0000003d,inset 0 1px #ffffff08}.match-chat-input::placeholder{color:#86a7bdb8}.match-chat-input:focus{border-color:#46e6ff8a;box-shadow:0 10px 28px #0000003d,0 0 0 3px #46e6ff1f}.match-chat-input.is-limit{border-color:#ff6678a8;box-shadow:0 10px 28px #0000003d,0 0 0 2px #ff66781a}.match-chat-input.is-limit:focus{border-color:#ff6678d1;box-shadow:0 10px 28px #0000003d,0 0 0 3px #ff66782e}.match-chat-input:disabled{cursor:not-allowed;opacity:.72}.match-chat-send{box-sizing:border-box;color:#46e6fff5;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#101b27fa,#0a121bfa);border:1px solid #46e6ff3d;border-radius:10px;outline:none;place-items:center;width:28px;height:100%;min-height:0;padding:0;transition:transform .12s,border-color .12s,background .12s,color .12s;display:grid;box-shadow:0 10px 28px #0000003d,inset 0 1px #ffffff08}.match-chat-send svg{width:14px;height:14px;display:block}.match-chat-send:hover:not(:disabled){background:linear-gradient(#142231fa,#0b141efa);border-color:#46e6ff6b;transform:translateY(-1px)}.match-chat-send:focus-visible{border-color:#46e6ff8a;box-shadow:0 10px 28px #0000003d,0 0 0 3px #46e6ff1f}.match-chat-send:disabled{cursor:not-allowed;opacity:.72}.session-input--code,.session-room-code{letter-spacing:.2em;text-transform:uppercase}.session-button{color:#eaf5ff;font-family:var(--font-ui);cursor:pointer;background:linear-gradient(#101b27f5,#0a121bf5);padding:0 18px;font-size:14px;transition:transform .12s,border-color .12s,background .12s}.session-button:hover:not(:disabled){border-color:#46e6ff57;transform:translateY(-1px)}.session-button:disabled{cursor:default;opacity:.56}.session-button--primary{background:linear-gradient(#203411f5,#111c0bfa);border-color:#9eff453d}.session-button--ghost{background:#0a121b5c}.session-button--board-state{grid-column:1/-1}.session-action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.session-action-row--match-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.session-join-row{grid-template-columns:minmax(0,1fr) auto auto;gap:12px;display:grid}.session-hotseat-decks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.session-hotseat-decks--solo{grid-template-columns:minmax(0,1fr)}.session-room-code-row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:12px;display:grid}.session-deck-slot{background:#08121cb8;border:1px solid #46e6ff24;border-radius:18px;gap:10px;padding:16px;display:grid}.session-deck-slot-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.session-deck-slot-actions--bot{grid-template-columns:minmax(130px,1.15fr) repeat(2,minmax(0,1fr))}.session-deck-slot-summary{color:#d4e6f5;margin:0;font-size:13px;line-height:1.6}.session-room-code-copy{aspect-ratio:1;align-self:stretch;place-items:center;width:auto;min-width:0;height:100%;min-height:0;padding:0;display:grid}.session-room-code-copy svg{width:22px;height:22px}.session-textarea{box-sizing:border-box;resize:vertical;color:#ecf7ff;width:100%;min-height:180px;font-family:var(--font-ui);background:#08121ceb;border:1px solid #46e6ff2e;border-radius:14px;outline:none;padding:14px 16px;font-size:14px;line-height:1.5}.session-textarea:focus{border-color:#46e6ff8a;box-shadow:0 0 0 3px #46e6ff1f}.session-modal{pointer-events:auto;background:#03060bd6;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.session-modal-card{background:linear-gradient(#0c1621fa,#070d14f7),linear-gradient(135deg,#9eff4514,#0000 42%);border:1px solid #46e6ff2e;border-radius:24px;gap:16px;width:min(1080px,100%);max-height:min(90vh,920px);padding:24px;display:grid;overflow-y:auto;box-shadow:0 24px 90px #00000070,inset 0 1px #ffffff0a}.session-modal-header,.session-deck-row,.session-deck-row-actions{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.session-modal-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.session-modal-title{font-family:var(--font-display);color:#f5fbff;margin:0;font-size:clamp(26px,3vw,34px);line-height:1}.session-modal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.session-modal-section,.session-deck-list{gap:12px;display:grid}.session-modal-section{background:#08121c94;border:1px solid #46e6ff1f;border-radius:18px;padding:16px}.session-public-notice{padding:2px 4px 0}.session-public-notice-copy{color:#8ea2b5;margin:0;font-size:13px;line-height:1.6}.session-deck-row{background:#070e17e0;border:1px solid #46e6ff1f;border-radius:16px;padding:14px}.session-deck-row.is-selected{background:linear-gradient(#182710cc,#0a121beb);border-color:#9eff4557}.session-deck-row-copy{gap:4px;min-width:0;display:grid}.session-deck-row-copy strong{color:#effcff;font-size:14px;line-height:1.35}.session-deck-row-copy span:not(.session-meta-badges):not(.session-meta-badge){color:#9cb5c9;font-size:12px;line-height:1.55}.session-deck-sync-status{color:#9cb5c9;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#050c12b8;border:1px solid #46e6ff2e;border-radius:6px;justify-self:start;margin-top:6px;padding:3px 7px;font-size:10px;font-weight:800;line-height:1}.session-deck-sync-status--success{color:#b9ff78;border-color:#9eff4547}.session-deck-sync-status--warning{color:#ffd85f;border-color:#ffd65b52}.session-deck-sync-status--error{color:#ff5f9c;background:#260715b8;border-color:#ff478661}.session-meta-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.session-meta-badges--inline{justify-content:flex-end}.session-meta-badge{color:#dceeff;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#060c12d6;border:1px solid #46e6ff33;border-radius:999px;align-items:center;min-height:24px;padding:0 10px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.session-meta-badge--info{color:#8feaff;border-color:#46e6ff42;box-shadow:inset 0 0 0 1px #46e6ff14}.session-meta-badge--warning{color:#ffd85f;background:linear-gradient(#362c09f0,#1f1806fa);border-color:#ffd65b57;box-shadow:inset 0 0 0 1px #ffd65b1f,0 0 14px #ffd65b1f}.session-deck-row-actions{flex-flow:column;justify-content:flex-start;align-items:stretch;min-width:132px}.session-deck-row-actions .session-button{width:100%;min-height:40px;padding:0 14px;font-size:12px}.session-import-status{color:#9cb5c9;white-space:pre-line;min-height:1.6em;margin:0;font-size:12px;line-height:1.55}.session-import-status[data-state=error]{color:#ff8c9c}.session-import-status[data-state=success]{color:#9eff45}.session-toast-popup{top:max(18px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));z-index:90;pointer-events:none;width:min(420px,100vw - 36px);position:fixed}.session-toast-popup-card{pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#0c1621fa,#070d14f7),linear-gradient(135deg,#46e6ff14,#0000 48%);border:1px solid #46e6ff38;border-radius:20px;gap:12px;padding:18px;display:grid;box-shadow:0 24px 90px #00000070,inset 0 1px #ffffff0a}.session-toast-popup-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.session-toast-popup-eyebrow,.session-toast-popup-message{margin:0}.session-toast-popup-eyebrow{font-family:var(--font-ui);letter-spacing:.24em;text-transform:uppercase;color:#46e6ff;font-size:12px}.session-toast-popup-message{font-family:var(--font-body);color:#effcff;white-space:pre-line;font-size:14px;line-height:1.6}.session-toast-popup-close{color:#effcff;width:40px;min-width:40px;height:40px;font-family:var(--font-ui);cursor:pointer;background:#0a121bb8;border:1px solid #46e6ff2e;border-radius:12px;place-items:center;padding:0;font-size:22px;line-height:1;transition:transform .12s,border-color .12s,background .12s;display:grid}.session-toast-popup-close:hover,.session-toast-popup-close:focus-visible{transform:translateY(-1px)}.session-toast-popup-close:focus-visible{outline-offset:2px;outline:2px solid #46e6ff66}.session-toast-popup[data-state=neutral] .session-toast-popup-card{border-color:#46e6ff42}.session-toast-popup[data-state=neutral] .session-toast-popup-eyebrow{color:#46e6ff}.session-toast-popup[data-state=neutral] .session-toast-popup-close{border-color:#46e6ff38}.session-toast-popup[data-state=success] .session-toast-popup-card{background:linear-gradient(#142110fa,#080e0cf7),linear-gradient(135deg,#9eff451f,#0000 48%);border-color:#9eff455c}.session-toast-popup[data-state=success] .session-toast-popup-eyebrow{color:#9eff45}.session-toast-popup[data-state=success] .session-toast-popup-close{background:#111c0bc2;border-color:#9eff453d}.session-toast-popup[data-state=error] .session-toast-popup-card{background:linear-gradient(#270f14fa,#10080bf7),linear-gradient(135deg,#ff66781f,#0000 48%);border-color:#ff667861}.session-toast-popup[data-state=error] .session-toast-popup-eyebrow{color:#ff8c9c}.session-toast-popup[data-state=error] .session-toast-popup-close{background:#1a0b0ec2;border-color:#ff66783d}.session-room-code{font-family:var(--font-ui);color:#9eff45;background:#0e180e8f;border:1px solid #9eff4538;border-radius:16px;padding:12px 16px;font-size:clamp(24px,4vw,32px)}.session-participants{gap:8px;margin:0;padding:0;list-style:none;display:grid}.session-spectator-access{gap:10px;display:grid}.session-participant{background:#070e168f;border:1px solid #46e6ff1f;border-radius:14px;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 12px;display:flex}.session-player-name{color:#ecf7ff;min-width:0;font-family:var(--font-ui);align-items:center;gap:8px;font-size:14px;line-height:1.4;display:inline-flex}.session-player-name-text{min-width:0}.session-player-name-self{color:#86a7bd}.session-player-name--supporter{color:var(--session-player-accent-color,#46e6ff);text-shadow:0 0 16px color-mix(in srgb, var(--session-player-accent-color,#46e6ff) 32%, transparent), 0 0 3px color-mix(in srgb, var(--session-player-accent-color,#46e6ff) 54%, #fff 46%)}.session-supporter-badge{object-fit:contain;filter:drop-shadow(0 0 10px #46e6ff38)drop-shadow(0 0 3px #ffffff1f);flex:none;width:auto;height:18px;display:block}.session-supporter-badge--name{pointer-events:none;height:20px;position:absolute;top:50%;left:24px;transform:translateY(-50%)}.session-supporter-badge--player{height:16px}.session-player-meta{color:#86a7bd;font-family:var(--font-ui);letter-spacing:.08em;text-align:right;text-transform:uppercase;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;font-size:11px;display:inline-flex}.session-player-meta .session-button{min-height:28px;padding-inline:10px;font-size:10px}.session-player-meta-copy{min-width:0}.test-tools-toggle{z-index:36;min-height:44px;padding:0 16px;position:fixed;top:18px;box-shadow:0 16px 40px #00000057,inset 0 1px #ffffff0d}.test-tools-toggle--catalog{left:18px}.test-tools-toggle--controls{right:18px}.test-tools-toggle.is-active{background:linear-gradient(#121f2efa,#091018fa);border-color:#46e6ff57}.test-tools-panel{z-index:35;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#0c1621f7,#070d14f5),linear-gradient(135deg,#9eff4514,#0000 42%);border:1px solid #46e6ff2e;border-radius:24px;gap:14px;max-height:calc(100vh - 92px);padding:18px;display:grid;position:fixed;top:74px;overflow-y:auto;box-shadow:0 24px 90px #00000070,inset 0 1px #ffffff0a}.test-tools-panel--catalog{width:min(430px,50vw - 32px);left:18px}.test-tools-panel--controls{width:min(420px,50vw - 32px);right:18px}.test-tools-header,.test-tools-list-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.test-tools-title{font-family:var(--font-display);color:#f5fbff;margin:8px 0 0;font-size:28px;line-height:1}.test-tools-section{border-top:1px solid #46e6ff1f;gap:10px;padding-top:10px;display:grid}.test-tools-section-title{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:#86a7bd;margin:0;font-size:12px}.test-tools-grid{gap:10px;display:grid}.test-tools-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.test-tools-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.test-tools-list{gap:10px;display:grid}.test-tools-catalog-summary{color:#9cb5c9;margin:0;font-size:12px;line-height:1.6}.test-tools-catalog-summary.is-warning{color:#ffbf55}.test-tools-catalog-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.test-tools-card-tile{background:linear-gradient(#0c1621eb,#070d14f0),linear-gradient(135deg,#9eff450f,#0000 48%);border:1px solid #46e6ff24;border-radius:18px;gap:10px;padding:12px;display:grid}.test-tools-card-tile.is-selected{border-color:#9eff4566;box-shadow:0 0 0 1px #9eff453d,inset 0 1px #ffffff0a}.test-tools-card-artwork{aspect-ratio:82/116;background:radial-gradient(circle at top,#46e6ff2e,#0000 34%),linear-gradient(#0a121bfa,#04070bfa);border:1px solid #46e6ff29;border-radius:14px;position:relative;overflow:hidden}.test-tools-card-artwork--compact{width:98px;min-width:98px}.test-tools-card-image{object-fit:cover;width:100%;height:100%;display:block}.test-tools-card-badges{flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:10px;left:10px;right:10px}.test-tools-card-badge{color:#eaf5ff;font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;background:#060c12d1;border:1px solid #46e6ff42;border-radius:999px;padding:4px 8px;font-size:10px}.test-tools-card-copy{gap:4px;display:grid}.test-tools-card-copy strong{color:#effcff;font-size:14px;line-height:1.35}.test-tools-card-copy span{color:#9cb5c9;font-size:12px;line-height:1.45}.test-tools-card-detail{min-height:34px}.test-tools-card-hint{color:#9eff45;margin:2px 0 0;font-size:12px;line-height:1.45}.test-tools-card-hint.is-warning{color:#ffbf55}.test-tools-card-button{width:100%;margin-top:4px}.test-tools-spawn-preview-host{display:grid}.test-tools-spawn-preview{background:#08121cb8;border:1px solid #46e6ff24;border-radius:16px;align-items:flex-start;gap:12px;padding:12px;display:flex}.test-tools-spawn-preview.is-empty{gap:6px;display:grid}.test-tools-spawn-preview strong{color:#effcff;font-size:14px;line-height:1.35}.test-tools-spawn-preview span{color:#9cb5c9;font-size:12px;line-height:1.5}.test-tools-spawn-preview-copy{gap:4px;min-width:0;display:grid}.test-tools-list-row{background:#08121cb8;border:1px solid #46e6ff1f;border-radius:16px;padding:12px}.test-tools-list-copy{gap:4px;min-width:0;display:grid}.test-tools-list-copy strong{color:#effcff;font-size:14px;line-height:1.3}.test-tools-list-copy span{color:#9cb5c9;font-size:12px;line-height:1.5}.test-tools-button-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.test-tools-button-row .session-button{min-height:40px;padding:0 14px;font-size:12px}@media (pointer:coarse){.session-hover-preview{width:min(100vw - 24px,71.6073dvh - 17.1858px,360px);transform:translateY(8px)scale(.98)}.session-hover-preview.is-visible{transform:translateY(0)scale(1)}.session-hover-preview-image{border-radius:16px}}@media (pointer:coarse) and (orientation:landscape){.mobile-guidance-overlay{padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));place-items:start center}.mobile-guidance-card{border-radius:18px;gap:10px;width:min(620px,100%);max-height:calc(100dvh - 20px);padding:16px}.mobile-guidance-title{font-size:clamp(24px,6vw,34px)}.mobile-guidance-copy,.mobile-guidance-status{font-size:13px;line-height:1.4}.mobile-guidance-actions .session-button{min-height:42px}body.site-chrome-endgame .site-chrome{display:none}body.site-chrome-endgame .session-overlay{z-index:70;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left))}body.site-chrome-endgame .session-card.is-finished-match{border-radius:20px;width:min(760px,100vw - 20px);padding:18px}.session-hover-preview{width:min(34vw,71.6073dvh - 17.1858px,340px)}.session-modal{padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));place-items:stretch center}.session-modal-card{border-radius:18px;gap:10px;width:min(1180px,100%);max-height:calc(100dvh - 20px);padding:14px}.session-modal-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(220px,.9fr);gap:10px}.session-modal-section{gap:10px;min-height:0;padding:12px;overflow:auto}.session-textarea{min-height:92px;max-height:28dvh}}@media (width<=640px){:root{--site-chrome-padding:16px;--landing-panel-gap:16px;--landing-brand-panel-max-width:100%;--landing-info-panel-max-width:100%;--session-shell-padding:16px;--session-card-max-width:760px;--session-overlay-padding-block:16px}.site-chrome{gap:16px}.site-header{flex-direction:column}.site-brand-panel,.site-info-card{border-radius:20px;width:100%;max-width:none;padding:18px}.site-brand-lockup{align-items:flex-start;gap:14px}.site-brand-icon{width:56px}.site-brand-title{font-size:clamp(28px,10vw,38px)}.site-info-copy,.site-noscript,.site-action-link{font-size:13px}.session-card{border-radius:22px;padding:22px}.session-shell{width:min(760px, calc(100vw - (var(--session-shell-padding) * 2)));grid-template-columns:1fr;margin-top:clamp(250px,34vh,300px)}.session-shell.session-shell--single{margin-top:0}.session-card,.session-identity-card{max-height:none}.session-identity-card{border-radius:22px;order:-1;padding:22px}.session-settings-trigger{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));width:44px;min-width:44px;height:44px;min-height:44px}.settings-modal{pointer-events:none}.settings-card{border-radius:16px;width:min(420px,100vw - 24px);padding:14px}.settings-header,.settings-volume-row,.settings-toggle-row{flex-direction:column;gap:8px}.settings-checkbox{margin-top:0}.settings-music-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-local-sound-tools,.settings-local-sound-row{grid-template-columns:1fr}.settings-local-sound-actions{justify-content:stretch}.settings-local-sound-actions .settings-preview-button{flex:1 1 0}.settings-sound-effect-header{align-items:flex-start}.settings-sound-effect-controls{grid-template-columns:1fr 48px}.settings-control:first-child{grid-area:auto/1/auto/-1}.session-action-row,.session-join-row,.session-hotseat-decks,.session-account-form,.session-discord-control-row{grid-template-columns:1fr}.session-deck-slot-actions,.session-account-actions,.session-discord-actions{grid-template-columns:1fr;justify-content:stretch}.session-account-header,.session-account-mode-row{flex-direction:column;align-items:stretch}.session-account-actions .session-button,.session-discord-actions .session-button,.session-discord-actions .session-discord-link{width:100%}.session-discord-actions{display:grid}.session-discord-control-row{align-items:stretch}.session-deck-slot-actions{grid-template-columns:1fr}.session-modal{padding:12px}.session-modal-card{border-radius:20px;padding:18px}.session-toast-popup{top:max(12px, env(safe-area-inset-top));width:auto;left:12px;right:12px}.session-toast-popup-card{border-radius:18px;padding:16px}.session-modal-grid{grid-template-columns:1fr}.session-modal-header,.session-deck-row{flex-direction:column}.session-deck-row-actions{justify-content:flex-start}.test-tools-toggle{width:calc(50vw - 18px);top:12px}.test-tools-toggle--catalog{left:12px}.test-tools-toggle--controls{right:12px}.test-tools-panel{border-radius:20px;width:auto;left:12px;right:12px}.test-tools-panel--catalog{max-height:calc(50vh - 86px);top:68px;bottom:auto}.test-tools-panel--controls{max-height:calc(50vh - 18px);top:auto;bottom:12px}.test-tools-grid--two,.test-tools-grid--three{grid-template-columns:1fr}.test-tools-catalog-grid{grid-template-columns:repeat(auto-fit,minmax(148px,1fr))}.test-tools-header,.test-tools-list-row,.test-tools-spawn-preview{flex-direction:column}.test-tools-button-row{justify-content:flex-start}}@media (width>=641px) and (width<=1320px){:root{--landing-panel-gap:clamp(20px, 2.4vw, 36px);--landing-brand-panel-max-width:340px;--landing-info-panel-max-width:340px;--session-shell-padding:18px;--session-card-max-width:clamp(560px, 56vw, 640px);--session-overlay-padding-block:clamp(32px, 7vh, 72px)}.site-brand-panel{padding:12px 14px}.site-info-card{padding:16px}.site-brand-lockup{align-items:flex-start;gap:10px}.site-brand-title{font-size:clamp(16px,2.1vw,30px)}.site-info-copy,.site-noscript{font-size:13px;line-height:1.55}}@media (width>=641px) and (width<=1180px){.site-info-actions{width:100%}.site-brand-lockup{flex-direction:column}.site-brand-icon{width:44px}.site-brand-kicker{letter-spacing:.16em;font-size:10px}.site-info-copy,.site-feature-copy{display:none}.site-action-link{box-sizing:border-box;justify-content:center;width:100%;margin-top:4px}}@media (width>=641px) and (width<=980px){:root{--landing-brand-panel-max-width:290px;--landing-info-panel-max-width:290px;--session-card-max-width:clamp(520px, 60vw, 580px);--session-overlay-padding-block:clamp(24px, 5vh, 48px)}.session-shell{width:min(720px, calc(100vw - (var(--session-shell-padding) * 2)));grid-template-columns:1fr;margin-top:clamp(170px,24vh,250px)}.session-shell.session-shell--single{margin-top:0}.session-card,.session-identity-card{max-height:none}.session-identity-card{order:-1}.site-brand-panel,.site-info-card{border-radius:18px}.site-brand-kicker,.site-info-eyebrow,.site-noscript{display:none}.site-brand-title{margin-top:0;font-size:clamp(13px,1.7vw,22px)}.site-info-card{padding:12px}.site-action-link{min-height:40px;margin-top:0;padding:10px 12px;font-size:12px}}:root{--landing-bg-1:#0a1018;--landing-bg-2:#0e1620;--landing-bg-3:#121c28;--landing-line:#1c2a3a;--landing-line-strong:#2a3e55;--landing-ink:#e7f4ff;--landing-muted:#a8c2d8;--landing-soft:#6c8398;--landing-cyan:#22d3ee;--landing-cyan-dim:#0e7c8e;--landing-cyan-glow:#22d3ee2e;--landing-green:#7dd87a;--landing-green-glow:#7dd87a59;--landing-discord:#5865f2;--landing-discord-dim:#343c89;--landing-radius:8px;--landing-cut-card:14px;--landing-cut-field:8px;--landing-tap:48px;--landing-speed:.15s;--landing-panel-shadow:0 0 0 1px var(--landing-line) inset, 0 20px 60px -30px #000c}.site-chrome{display:none}body.site-chrome-profile .session-overlay{place-items:center;padding:0}body.site-chrome-profile .session-shell--landing{margin:0 auto}.session-shell--landing{box-sizing:border-box;width:100%;max-width:1240px;color:var(--landing-ink);justify-content:center;align-items:flex-start;gap:clamp(14px,2vw,20px);margin:0 auto;padding:clamp(14px,3vw,32px);display:flex}.session-shell--landing .session-left-side,.session-shell--landing .session-right-side{flex-direction:column;gap:clamp(14px,2vw,20px);min-width:0;display:flex}.session-shell--landing .session-left-side{flex:auto}.session-shell--landing .session-right-side{flex:0 0 340px}@media (width>=1280px){.session-shell--landing .session-right-side{flex-basis:360px}}.session-shell--single .session-left-side,.session-shell--single .session-right-side{display:contents}.session-shell--landing .session-card{width:100%;max-height:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;gap:20px;padding:0;display:grid;overflow:visible}.session-shell--landing .session-card>.session-eyebrow,.session-shell--landing .session-card>.session-title,.session-shell--landing .session-card>.session-description{display:none}.session-shell--landing .session-panel{gap:20px;margin-top:0;display:grid}.session-landing-header,.session-setup-panel,.session-shell--landing .session-identity-card,.session-community-card{box-sizing:border-box;border:1px solid var(--landing-line);border-radius:var(--landing-radius);background:linear-gradient(180deg, var(--landing-bg-2), var(--landing-bg-1));clip-path:polygon(0 0, calc(100% - var(--landing-cut-card)) 0, 100% var(--landing-cut-card), 100% 100%, var(--landing-cut-card) 100%, 0 calc(100% - var(--landing-cut-card)));box-shadow:var(--landing-panel-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative;overflow:hidden}.session-landing-header{grid-template-columns:86px minmax(0,1fr);align-items:center;gap:20px;min-height:150px;padding:24px;display:grid}.session-landing-header:before,.session-landing-header:after{content:"";border:1px solid var(--landing-cyan);opacity:.58;width:14px;height:14px;position:absolute;top:10px}.session-landing-header:before{border-bottom:none;border-right:none;left:10px}.session-landing-header:after{border-bottom:none;border-left:none;right:10px}.session-landing-icon{outline-offset:-7px;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:#f3de00;border:2px solid #f3de00;outline:1px solid #000000b8;width:74px;height:104px;display:block;overflow:hidden;box-shadow:0 0 0 1px #fbd20040,0 0 18px #fbd2001f}.session-landing-icon img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.session-landing-title{min-width:0;padding-right:156px}.session-shell--landing .session-eyebrow,.session-panel-help,.session-field-label{font-family:var(--font-mono)}.session-landing-title h1{color:var(--landing-ink);font-family:var(--font-display);letter-spacing:.005em;text-transform:uppercase;margin:6px 0 0;font-size:40px;font-weight:700;line-height:1}.session-landing-title p{max-width:58ch;color:var(--landing-muted);margin:10px 0 0;font-size:15px;line-height:1.45}.session-landing-status{box-sizing:border-box;border:1px solid var(--landing-line);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#121c28c7;border-radius:5px;align-items:center;gap:10px;width:136px;min-height:42px;padding:9px 12px;display:flex;position:absolute;bottom:16px;right:18px;box-shadow:inset 0 0 0 1px #7dd87a14,0 0 16px #7dd87a14}.session-landing-status-dot{background:var(--landing-green);border-radius:50%;flex:none;width:8px;height:8px;animation:1.8s infinite session-status-pulse}.session-landing-status strong,.session-landing-status span span{display:block}.session-landing-status strong{color:var(--landing-green);font-family:var(--font-display);font-size:20px;line-height:.9}.session-landing-status span span{color:var(--landing-soft);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-top:4px;font-size:9px;line-height:1}@keyframes session-status-pulse{0%{box-shadow:0 0 0 0 var(--landing-green-glow)}70%{box-shadow:0 0 0 8px #7dd87a00}to{box-shadow:0 0 #7dd87a00}}.session-panel-head{border-bottom:1px solid var(--landing-line);background:linear-gradient(90deg,#22d3ee09,#0000 55%);align-items:center;gap:10px;padding:14px 20px;display:flex}.session-panel-head h2{color:var(--landing-ink);font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;flex:auto;margin:0;font-size:20px;font-weight:700;line-height:1.1}.session-panel-help{color:var(--landing-soft);letter-spacing:.06em;font-size:11px}.session-setup-panel{gap:0;display:grid}.session-setup-panel.session-deck-slot{padding:0}.session-panel-body{margin:0;padding:20px}.session-panel-body>*+*{margin-top:14px}.session-shell--landing .session-deck-slot-summary,.session-shell--landing .session-status,.session-community-copy,.session-public-notice-copy{color:var(--landing-muted);font-size:14px;line-height:1.5}.session-shell--landing .session-public-notice{padding:4px 4px 0}.session-shell--landing .session-public-notice-copy{font-family:var(--font-mono);font-size:11px;line-height:1.5}.session-shell--landing .session-field{color:var(--landing-soft);letter-spacing:.18em;gap:6px;font-size:11px}.session-input{border-radius:5px}.session-shell--landing .session-input{height:var(--landing-tap);min-height:var(--landing-tap);border:1px solid var(--landing-line);background:var(--landing-bg-3);color:var(--landing-ink);clip-path:polygon(var(--landing-cut-field) 0, 100% 0, 100% calc(100% - var(--landing-cut-field)), calc(100% - var(--landing-cut-field)) 100%, 0 100%, 0 var(--landing-cut-field));font-family:var(--font-body);padding:0 14px;font-size:17px;font-weight:500}.session-shell--landing .session-input::placeholder{color:#4a5d72;font-family:var(--font-mono);letter-spacing:.18em;font-size:14px}.session-shell--landing .session-input:focus{border-color:var(--landing-cyan);box-shadow:0 0 0 3px var(--landing-cyan-glow)}.session-input--code,.session-room-code{font-family:var(--font-mono);letter-spacing:.2em}.session-shell--landing .session-input--code{text-align:center}.session-button{--btn-bg:#121c28;--btn-fg:var(--landing-ink);--btn-edge:var(--landing-line-strong);--btn-shadow:#22d3ee1f;--btn-shape:polygon(14px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 14px);--btn-plate:polygon(16px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 16px);box-sizing:border-box;isolation:isolate;max-width:100%;min-height:var(--landing-tap);min-width:0;color:var(--btn-fg);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:transform var(--landing-speed), filter var(--landing-speed);background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:visible}.session-button>span:not(.session-mode-check):not(.session-lobbies-pulse){text-overflow:ellipsis;min-width:0;overflow:hidden}.session-button:before,.session-button:after{content:"";pointer-events:none;clip-path:var(--btn-shape);position:absolute}.session-button:before{z-index:-1;background:var(--btn-bg);box-shadow:inset 0 0 0 1px var(--btn-edge), inset 0 -4px 0 #0000002e, 0 0 18px var(--btn-shadow);inset:0}.session-button:after{z-index:-2;background:var(--btn-edge);clip-path:var(--btn-plate);opacity:.56;transition:transform var(--landing-speed), opacity var(--landing-speed);inset:4px -4px -4px 4px}.session-button:hover:not(:disabled){filter:brightness(1.08)saturate(1.04);transform:translate(-2px,-2px)}.session-button:hover:not(:disabled):after{opacity:.82;transform:translate(2px,2px)}.session-button:active:not(:disabled){filter:brightness(.95);transform:translateY(1px)}.session-button:focus-visible{outline:2px solid var(--landing-cyan);outline-offset:4px}.session-button:disabled,.session-button[aria-disabled=true]{cursor:not-allowed;opacity:.65;filter:grayscale()brightness(.68);transform:none}.session-button--primary{--btn-bg:#1a3b1a;--btn-fg:#cdf3c5;--btn-edge:#3e6a3e;--btn-shadow:#7dd87a3d;--btn-shape:polygon(26px 0, 100% 0, 100% 62%, calc(100% - 22px) 100%, 0 100%, 0 18px);--btn-plate:polygon(30px 0, 100% 0, 100% 62%, calc(100% - 22px) 100%, 0 100%, 0 20px)}.session-button--ghost{--btn-bg:#070c129e;--btn-fg:var(--landing-muted);--btn-edge:#31465e;--btn-shadow:#22d3ee14;--btn-shape:polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));--btn-plate:polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px))}.session-button--cyan{--btn-bg:#0d2530;--btn-fg:var(--landing-cyan);--btn-edge:var(--landing-cyan-dim);--btn-shadow:#22d3ee38;--btn-shape:polygon(0 0, calc(100% - 22px) 0, 100% 50%, calc(100% - 22px) 100%, 0 100%, 12px 50%);--btn-plate:polygon(0 0, calc(100% - 22px) 0, 100% 50%, calc(100% - 22px) 100%, 0 100%, 12px 50%);padding-inline:22px 28px}.session-button--discord{--btn-bg:#242954;--btn-fg:#dbe0ff;--btn-edge:var(--landing-discord-dim);--btn-shadow:#5865f233}.session-button svg{flex:none;width:18px;height:18px}.session-deck-panel-body{grid-template-columns:minmax(0,1fr) minmax(260px,420px);align-items:center;gap:14px;display:grid}.session-deck-panel-body>*+*{margin-top:0}.session-deck-panel-body .session-deck-slot-summary{margin:0}.session-deck-slot-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.session-deck-panel-body .session-deck-slot-actions{width:100%;min-width:0}.session-join-row{grid-template-columns:minmax(0,1fr) auto auto;gap:10px}.session-lobbies-cta{--btn-bg:#0d2530;--btn-fg:var(--landing-cyan);--btn-edge:var(--landing-cyan-dim);--btn-shadow:#22d3ee2e;--btn-shape:polygon(26px 0, 100% 0, calc(100% - 18px) 100%, 0 100%, 0 20px);--btn-plate:polygon(26px 0, 100% 0, calc(100% - 18px) 100%, 0 100%, 0 20px);text-align:left;grid-template-columns:auto minmax(0,1fr) auto auto;justify-content:flex-start;align-items:center;gap:12px;width:100%;padding:14px 18px;display:grid}.session-lobbies-label{text-overflow:clip;white-space:normal;min-width:0;line-height:1.15;overflow:visible}.session-lobbies-pulse{background:var(--landing-cyan);border-radius:50%;flex:none;width:8px;height:8px;animation:1.8s infinite session-lobbies-pulse}.session-lobbies-count{color:var(--landing-muted);font-family:var(--font-mono);letter-spacing:.04em;text-transform:none;white-space:nowrap;margin-left:0;font-size:12px}@keyframes session-lobbies-pulse{0%{box-shadow:0 0 #22d3ee99}70%{box-shadow:0 0 0 10px #22d3ee00}to{box-shadow:0 0 #22d3ee00}}.session-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.session-primary-action{width:100%;min-height:56px;font-size:15px}.session-mode-button{--btn-bg:var(--landing-bg-3);--btn-fg:var(--landing-ink);--btn-edge:var(--landing-line-strong);--btn-shadow:#22d3ee14;--btn-shape:polygon(16px 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%, 0 16px);--btn-plate:polygon(16px 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%, 0 16px);text-align:left;letter-spacing:0;text-transform:none;flex-direction:column;align-items:flex-start;gap:6px;min-height:98px;padding:15px}.session-mode-button.is-active{--btn-bg:#1a3b1a;--btn-edge:#3e6a3e;--btn-shadow:#7dd87a3d}.session-mode-icon{width:22px;height:22px;color:var(--landing-cyan)}.session-mode-button.is-active .session-mode-icon{color:#cdf3c5}.session-mode-title{color:var(--landing-ink);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;white-space:normal;font-size:15px;font-weight:700;line-height:1.15}.session-mode-sub{color:var(--landing-soft);font-family:var(--font-body);letter-spacing:0;text-transform:none;white-space:normal;text-overflow:clip;font-size:13px;font-weight:500;line-height:1.35;overflow:visible}.session-mode-check{border:1px solid var(--landing-line-strong);color:#031018;background:0 0;border-radius:50%;place-items:center;width:16px;height:16px;display:grid;position:absolute;top:10px;right:10px}.session-mode-check svg{width:10px;height:10px;display:none}.session-mode-button.is-active .session-mode-check{border-color:var(--landing-green);background:var(--landing-green)}.session-mode-button.is-active .session-mode-check svg{display:block}.session-shell--landing .session-identity-card{width:100%;max-height:none;padding:0}.session-identity-card .session-panel-body{gap:12px;display:grid}.session-shell--landing .session-discord-card,.session-shell--landing .session-account-card{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.session-shell--landing .session-account-card{border-top:1px solid #22d3ee24;margin-top:6px;padding-top:14px}.session-shell--landing .session-discord-control-row{grid-template-columns:1fr;align-items:stretch}.session-shell--landing .session-discord-actions{grid-template-columns:1fr;display:grid}.session-shell--landing .session-discord-actions .session-button,.session-shell--landing .session-discord-link{width:100%}.session-shell--landing .session-discord-actions .session-button--primary{--btn-bg:#183719;--btn-fg:#cdf3c5;--btn-edge:#3e6a3e;--btn-shadow:#7dd87a3d}.session-shell--landing .session-discord-actions .session-button--login-discord{color:#cdf3c5;clip-path:none;box-shadow:0 0 0 1px #3e6a3e inset, 0 0 18px -10px var(--landing-green-glow);background:#183719;border:1px solid #3e6a3e;border-radius:5px;overflow:hidden}.session-shell--landing .session-discord-actions .session-button--login-discord:before,.session-shell--landing .session-discord-actions .session-button--login-discord:after{display:none}.session-shell--landing .session-discord-actions .session-button--login-discord:hover:not(:disabled){filter:brightness(1.05);background:#204620;transform:none}.session-community-card{width:100%}.session-community-copy{margin:0}.session-community-actions{grid-template-columns:1fr;gap:10px;display:grid}.session-button--community{width:100%;min-height:var(--landing-tap);border:1px solid var(--landing-line-strong);background:var(--landing-bg-3);color:var(--landing-ink);clip-path:none;box-shadow:none;border-radius:5px;overflow:hidden;transform:none}.session-button--community:before,.session-button--community:after{display:none}.session-button--community:hover:not(:disabled){filter:brightness(1.05);background:#172534;border-color:#3a5470;transform:none}.session-button--community.session-button--discord{border-color:var(--landing-discord-dim);color:#dbe0ff;background:#242954}.session-button--community.session-button--discord:hover:not(:disabled){background:#2e3467}.session-settings-trigger{color:var(--landing-cyan);isolation:isolate;transition:filter var(--landing-speed);background:0 0;border:0;border-radius:0}.session-settings-trigger:before,.session-settings-trigger:after{content:"";pointer-events:none;clip-path:polygon(12px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 12px);position:absolute}.session-settings-trigger:before{z-index:-1;box-shadow:inset 0 0 0 1px var(--landing-line-strong), 0 0 18px #22d3ee21;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e1620eb;inset:0}.session-settings-trigger:after{z-index:-2;background:var(--landing-cyan-dim);opacity:.62;transition:transform var(--landing-speed), opacity var(--landing-speed);inset:4px -4px -4px 4px}.session-settings-trigger:hover,.session-settings-trigger:focus-visible{filter:brightness(1.08);transform:none}.session-settings-trigger:hover:after,.session-settings-trigger:focus-visible:after{opacity:.82;transform:translate(2px,2px)}.session-settings-trigger svg{transition:transform .18s}.session-settings-trigger:hover svg,.session-settings-trigger:focus-visible svg{transform:rotate(22deg)}@media (width<=1023px){.session-shell--landing{grid-template-columns:1fr;max-width:760px;display:grid}.session-shell--landing .session-left-side,.session-shell--landing .session-right-side{display:contents}.session-shell--landing .session-landing-header{order:1}.session-shell--landing .session-identity-card{order:2}.session-shell--landing .session-card{order:3}.session-shell--landing .session-community-card{order:4}}@media (width<=860px){.session-landing-header{grid-template-columns:76px minmax(0,1fr);gap:14px;min-height:168px;padding:18px 18px 72px}.session-landing-icon{width:60px;height:84px}.session-landing-title h1{font-size:32px}.session-landing-title{padding-right:0}.session-landing-status{left:108px;right:auto}}@media (width<=640px){.session-shell--landing{gap:14px;width:100%;padding:14px}.session-shell--landing .session-panel,.session-shell--landing .session-card{gap:14px}.session-landing-header,.session-setup-panel,.session-shell--landing .session-identity-card,.session-community-card{--landing-cut-card:12px}.session-panel-head{padding:13px 14px}.session-panel-head h2{font-size:18px}.session-panel-body{padding:14px}.session-deck-panel-body,.session-join-row,.session-mode-grid,.session-deck-panel-body .session-deck-slot-actions{grid-template-columns:1fr}.session-mode-button{min-height:92px}}@media (width<=420px){.session-lobbies-cta{grid-template-columns:auto minmax(0,1fr) auto;gap:10px}.session-lobbies-count{display:none}}@media (width<=520px){.session-landing-header{grid-template-columns:1fr;min-height:0;padding-bottom:76px}.session-landing-icon{width:66px;height:92px}.session-landing-title h1{font-size:30px}.session-landing-title p{font-size:14px}.session-landing-status{bottom:16px;left:18px}}@media (prefers-reduced-motion:reduce){.session-button,.session-button:after,.session-lobbies-pulse,.session-landing-status-dot,.session-settings-trigger,.session-settings-trigger:after,.session-settings-trigger svg{transition:none;animation:none}}