@import "https://fonts.googleapis.com/css2?family=Audiowide&family=Chakra+Petch:wght@400;500;600;700&display=swap";:root{--font-display:"Audiowide", sans-serif;--font-ui:"Chakra Petch", sans-serif;--font-body:"Chakra Petch", sans-serif;--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-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)))}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}[hidden]{display:none!important}body{font-family:var(--font-body);background:radial-gradient(circle at 0 0,#4ce7ff29,#0000 28%),radial-gradient(circle at 100% 0,#ff5f6d24,#0000 26%),linear-gradient(135deg,#05080d 0%,#0a1118 45%,#060a10 100%);position:relative}#app{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{display:block}.session-hover-preview{pointer-events:none;z-index:80;opacity:0;width:clamp(320px,26vw,460px);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:cover;background:#070e16fa;border:1px solid #46e6ff38;border-radius:26px;width:100%;display:block;box-shadow:0 36px 60px #00000080,0 0 30px #46e6ff29}.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:min(var(--landing-info-panel-max-width), var(--side-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-card{width:var(--session-card-width);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-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-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-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{flex:none;width:16px;height:16px}.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::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-action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.session-join-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.session-hotseat-decks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.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-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-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-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-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 (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-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-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-discord-control-row{grid-template-columns:1fr}.session-deck-slot-actions,.session-discord-actions{grid-template-columns:1fr;justify-content:stretch}.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)}.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}}