:root{font-family:Inter,Avenir Next,Avenir,system-ui,sans-serif;color:#f1ead8;background:#07060b;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#game-shell{width:100%;height:100%;margin:0;overflow:hidden}#game-container{display:flex;align-items:flex-start;justify-content:center;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}body{min-width:320px;min-height:540px;background:radial-gradient(circle at 50% 30%,rgba(94,66,142,.18),transparent 45%),#07060b}#game-shell{display:grid;place-items:center;height:100dvh;padding-top:var(--site-bar-height, 76px)}canvas{display:block;width:auto!important;height:auto!important;max-width:100%;max-height:100%;margin:0!important;box-shadow:0 24px 90px #000000a6}body.gameplay-active .site-topbar,body.gameplay-active .portal-toast{display:none}body.gameplay-active #game-shell{padding-top:0}body.gameplay-active #game-container{align-items:center}body.gameplay-active canvas{box-shadow:none}:root{--site-bar-height: 76px;--site-ink: #09080e;--site-panel: #14111d;--site-panel-raised: #1c1727;--site-line: rgb(219 188 119 / 22%);--site-gold: #d9bc77;--site-gold-bright: #f0d99d;--site-violet: #a985dc;--site-text: #f4ecdd;--site-muted: #978d9f}button,input,textarea,select{font:inherit}button{color:inherit}.site-topbar{position:fixed;inset:0 0 auto;z-index:50;display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(240px,1fr);align-items:center;height:var(--site-bar-height);padding:0 32px;border-bottom:1px solid var(--site-line);background:#09080eeb;box-shadow:0 12px 48px #00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-brand,.account-chip,.nav-link{border:0;background:none;cursor:pointer}.site-brand{display:flex;align-items:center;gap:13px;justify-self:start;padding:0;text-align:left}.site-brand-mark{display:grid;width:39px;height:39px;place-items:center;border:1px solid rgb(217 188 119 / 70%);border-radius:50%;color:var(--site-gold);background:radial-gradient(circle,rgb(105 75 155 / 32%),transparent 70%);font-family:Cormorant Garamond,Georgia,serif;font-size:25px;font-weight:700}.site-brand strong,.site-brand small,.account-chip strong,.account-chip small{display:block}.site-brand strong{color:var(--site-text);font-size:13px;letter-spacing:.19em}.site-brand small{margin-top:4px;color:#756d7d;font-size:8px;letter-spacing:.16em}.site-nav{display:flex;align-items:center;gap:6px;height:100%}.nav-link{position:relative;height:100%;padding:0 18px;color:#a99fae;font-size:12px;font-weight:600;letter-spacing:.08em}.nav-link:hover,.nav-link.is-active{color:var(--site-text)}.nav-link.is-active:after{position:absolute;right:18px;bottom:-1px;left:18px;height:2px;background:var(--site-gold);content:""}.site-account{display:flex;align-items:center;justify-content:flex-end;gap:8px}.nav-link-muted{height:38px}.button{min-height:44px;padding:0 22px;border:1px solid transparent;border-radius:3px;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.11em;transition:border-color .15s ease,background .15s ease,transform .15s ease}.button:not(:disabled):hover{transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.55}.button-gold,.button-primary{color:#15101b;background:linear-gradient(135deg,var(--site-gold-bright),#bc9651);box-shadow:0 8px 30px #c2974a29}.nav-create{min-height:38px;padding-inline:17px;font-size:10px}.button-quiet{border-color:#e6d7bd2e;color:#b4aaba;background:#ffffff08}.button-full{width:100%}.account-chip{display:flex;align-items:center;gap:11px;min-width:190px;padding:7px 10px;border:1px solid rgb(217 188 119 / 18%);border-radius:3px;color:var(--site-text);text-align:left}.account-avatar{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgb(217 188 119 / 55%);border-radius:50%;color:var(--site-gold);background:#251b35;font-family:Cormorant Garamond,Georgia,serif;font-size:16px}.account-chip strong{max-width:130px;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.account-chip small{margin-top:3px;color:var(--site-muted);font-size:9px}.portal-overlay{position:fixed;inset:var(--site-bar-height) 0 0;z-index:40;display:grid;place-items:center;padding:28px;overflow:auto;background:radial-gradient(circle at 20% 20%,rgb(102 67 153 / 18%),transparent 34%),radial-gradient(circle at 82% 78%,rgb(190 145 66 / 9%),transparent 32%),#050409e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.portal-dialog{position:relative;width:min(580px,100%);padding:46px 52px 42px;border:1px solid rgb(217 188 119 / 26%);background:linear-gradient(145deg,#221b2ff5,#0f0c16fa),var(--site-panel);box-shadow:0 34px 120px #000000b8}.portal-dialog:before{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgb(255 255 255 / 5%);pointer-events:none;content:""}.portal-dialog-wide{width:min(920px,100%)}.portal-close{position:absolute;top:14px;right:16px;z-index:1;width:38px;height:38px;border:0;color:#a49baa;background:none;cursor:pointer;font-size:26px}.portal-heading{margin-bottom:27px;text-align:center}.eyebrow{display:block;margin-bottom:12px;color:var(--site-gold);font-size:10px;font-weight:700;letter-spacing:.22em}.portal-dialog h1,.portal-dialog h2{margin:0;color:var(--site-text);font-family:Cormorant Garamond,Georgia,serif;font-weight:600}.portal-dialog h1{font-size:clamp(34px,5vw,48px);line-height:.98}.portal-heading p,.auth-required p,.matched-state>p,.searching-state>p{margin:17px auto 0;color:var(--site-muted);font-size:13px;line-height:1.6}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:24px;border-bottom:1px solid rgb(255 255 255 / 10%)}.auth-tab{padding:13px 8px;border:0;border-bottom:2px solid transparent;color:#847b8b;background:none;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.08em}.auth-tab.is-active{border-color:var(--site-gold);color:var(--site-text)}.portal-form{display:grid;gap:17px}.portal-form label{display:grid;gap:7px}.portal-form label>span{color:#bfb3c4;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.portal-form input,.portal-form textarea,.portal-form select{width:100%;border:1px solid rgb(221 205 230 / 16%);border-radius:3px;outline:none;color:var(--site-text);background:#04030875}.portal-form input,.portal-form select{height:48px;padding:0 14px}.portal-form textarea{min-height:82px;padding:13px 14px;resize:vertical}.portal-form input:focus,.portal-form textarea:focus,.portal-form select:focus{border-color:var(--site-gold);box-shadow:0 0 0 3px #d9bc7714}.portal-form label small,.privacy-note{color:#746c7b;font-size:9px;line-height:1.5}.privacy-note{margin:20px 0 0;text-align:center}.form-alert,.form-feedback{color:#e4a6a6;font-size:11px;line-height:1.5}.form-alert{margin-bottom:18px;padding:11px 13px;border:1px solid rgb(220 110 110 / 24%);background:#64222e2e}.form-feedback:empty{display:none}.portal-toast{position:fixed;right:22px;bottom:22px;z-index:70;max-width:340px;padding:12px 16px;border:1px solid rgb(217 188 119 / 24%);color:var(--site-text);background:#100d17f0;font-size:11px;pointer-events:none;transition:opacity .18s ease}.portal-toast:empty{opacity:0}.profile-hero{display:flex;align-items:center;gap:23px;margin-bottom:28px}.profile-hero h1{font-size:42px}.profile-hero p{margin:6px 0 0;color:var(--site-muted);font-size:11px}.profile-avatar-large{display:grid;flex:0 0 auto;width:88px;height:88px;place-items:center;border:1px solid rgb(217 188 119 / 62%);border-radius:50%;color:var(--site-gold);background:radial-gradient(circle,#382550,#16101f 68%);font-family:Cormorant Garamond,Georgia,serif;font-size:31px;font-weight:700;box-shadow:0 0 42px #704c9e3d}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:26px;border:1px solid rgb(255 255 255 / 8%);background:#00000026}.stat-grid>div{padding:17px 12px;text-align:center}.stat-grid>div+div{border-left:1px solid rgb(255 255 255 / 8%)}.stat-grid strong,.stat-grid span{display:block}.stat-grid strong{color:var(--site-text);font-family:Cormorant Garamond,Georgia,serif;font-size:25px}.stat-grid span{margin-top:3px;color:var(--site-muted);font-size:8px;letter-spacing:.12em;text-transform:uppercase}.form-row{display:grid;grid-template-columns:1.5fr 1fr;gap:14px}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.matchmaking-heading{max-width:620px;margin-inline:auto}.matchmaking-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.queue-card,.matchmaking-info{position:relative;min-height:330px;padding:28px;border:1px solid rgb(255 255 255 / 9%);background:#0000002e}.queue-card h2{margin-bottom:22px;font-size:28px}.queue-number{position:absolute;top:20px;right:22px;color:#d9bc7738;font-family:Cormorant Garamond,Georgia,serif;font-size:42px}.mode-option{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding:14px;border:1px solid rgb(255 255 255 / 9%);cursor:pointer}.mode-option:has(input:checked){border-color:#d9bc778c;background:#d9bc770f}.mode-option input{accent-color:var(--site-gold)}.mode-option span,.mode-option strong,.mode-option small{display:block}.mode-option strong{color:var(--site-text);font-size:12px}.mode-option small{margin-top:4px;color:var(--site-muted);font-size:10px}.queue-card .button{margin-top:16px}.matchmaking-info{display:grid;align-content:end}.matchmaking-info dl{margin:0}.matchmaking-info dl>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid rgb(255 255 255 / 7%)}.matchmaking-info dt{color:var(--site-muted);font-size:10px;text-transform:uppercase}.matchmaking-info dd{margin:0;color:var(--site-text);font-size:11px}.matchmaking-info>p{margin:15px 0 0;color:#746c7b;font-size:9px;line-height:1.5}.constellation{position:absolute;inset:28px 28px auto;height:130px;border:1px solid rgb(169 133 220 / 9%);border-radius:50%}.constellation:before,.constellation:after{position:absolute;top:50%;left:12%;width:76%;height:1px;background:linear-gradient(90deg,transparent,rgb(169 133 220 / 40%),transparent);content:"";transform:rotate(17deg)}.constellation:after{transform:rotate(-24deg)}.constellation i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--site-gold);box-shadow:0 0 13px var(--site-gold)}.constellation i:nth-child(1){top:28%;left:15%}.constellation i:nth-child(2){top:66%;left:40%}.constellation i:nth-child(3){top:20%;right:24%}.constellation i:nth-child(4){right:11%;bottom:20%}.searching-state,.matched-state,.auth-required{text-align:center}.search-orbit{position:relative;width:190px;height:190px;margin:12px auto 28px;border:1px solid rgb(169 133 220 / 24%);border-radius:50%;animation:orbit-spin 8s linear infinite}.search-orbit:before,.search-orbit:after{position:absolute;top:20px;right:20px;bottom:20px;left:20px;border:1px solid rgb(217 188 119 / 14%);border-radius:50%;content:""}.search-orbit:after{top:47px;right:47px;bottom:47px;left:47px;background:radial-gradient(circle,rgb(169 133 220 / 26%),transparent 70%)}.search-orbit span{position:absolute;top:50%;left:50%;color:var(--site-gold);font-size:28px;transform:translate(-50%,-50%)}.search-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--site-violet);box-shadow:0 0 15px var(--site-violet)}.search-orbit i:nth-of-type(1){top:12px;left:50%}.search-orbit i:nth-of-type(2){right:15px;bottom:42px}.search-orbit i:nth-of-type(3){bottom:27px;left:25px}@keyframes orbit-spin{to{transform:rotate(360deg)}}.queue-timer{display:block;margin:20px 0;color:var(--site-gold);font-family:Cormorant Garamond,Georgia,serif;font-size:36px;letter-spacing:.08em}.versus-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:26px;margin:30px 0}.versus-row>div{display:grid;justify-items:center;gap:9px}.versus-row>b{color:var(--site-gold);font-family:Cormorant Garamond,Georgia,serif;font-size:30px}.versus-row strong{color:var(--site-text)}.versus-row small{color:var(--site-muted)}.profile-avatar-large.rival{background:radial-gradient(circle,#1d4a51,#0e1d25 68%)}.matched-state code{color:var(--site-gold)}.matched-state>.button{margin-top:23px}.matched-state>.button+.button{margin-left:8px}.auth-required{display:grid;justify-items:center;gap:12px;padding:32px 0 16px}.locked-emblem{display:grid;width:92px;height:92px;margin-bottom:10px;place-items:center;border:1px solid rgb(217 188 119 / 30%);border-radius:50%;color:var(--site-gold);background:radial-gradient(circle,rgb(110 75 160 / 20%),transparent 68%);font-size:38px}.auth-required h1{max-width:620px}@media(max-width:1040px){:root{--site-bar-height: 112px}.site-topbar{grid-template-columns:1fr auto;grid-template-rows:64px 48px;padding-inline:14px}.site-nav{display:flex;grid-row:2;grid-column:1 / -1;justify-content:flex-start;width:calc(100% + 28px);height:48px;margin-left:-14px;padding:0 8px;overflow-x:auto;border-top:1px solid rgb(255 255 255 / 7%);scrollbar-width:none}.site-nav::-webkit-scrollbar{display:none}.site-nav .nav-link{flex:1 0 auto;height:48px;padding:0 12px;font-size:10px;white-space:nowrap}.site-brand small,.nav-link-muted,.account-chip span:not(.account-avatar){display:none}.account-chip{min-width:auto}.portal-overlay{padding:12px}.portal-dialog{padding:40px 24px 30px}.matchmaking-layout,.form-row{grid-template-columns:1fr}.matchmaking-info{min-height:300px}}@media(prefers-reduced-motion:reduce){.search-orbit{animation:none}.button{transition:none}}