*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#c8d8e8;background:#080b10;font-family:"Exo 2",sans-serif;font-size:.875rem;line-height:1.25}.font-display{font-family:Orbitron,sans-serif;font-size:2.25rem;font-weight:700}h1,.h1{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:600}h2,.h2{font-family:Orbitron,sans-serif;font-size:1.125rem;font-weight:500}.label{font-family:Share Tech Mono,monospace;font-size:.75rem}.micro{font-family:Share Tech Mono,monospace;font-size:.625rem}.badge{letter-spacing:.1em;font-family:Share Tech Mono,monospace;font-size:.5625rem}body{min-height:100vh}img{max-width:100%;display:block}a{color:#00b4ff}.site-header{backdrop-filter:blur(8px);background:#080b10f2;border-bottom:1px solid #1a3a56}.site-footer{background:#080b10fa;border-top:1px solid #1a3a56}.btn{letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border:1px solid;justify-content:center;align-items:center;font-family:Orbitron,sans-serif;font-weight:600;transition:filter .15s,box-shadow .15s;display:inline-flex}.btn:hover{filter:brightness(1.15)}.btn:active{filter:brightness(.9)}.btn:disabled{opacity:.35;cursor:not-allowed;filter:none}.btn:focus-visible{outline-offset:2px;outline:2px solid #d4af37}.btn--sm{padding:4px 12px;font-size:.625rem;line-height:15px}.btn--md{padding:8px 20px;font-size:.6875rem;line-height:16.5px}.btn--lg{padding:12px 28px;font-size:.875rem;line-height:20px}.btn--terran{color:#00b4ff;background:#00b4ff1f;border-color:#00b4ff;box-shadow:0 0 10px #00b4ff66}.btn--zerg{color:#9b2dca;background:#9b2dca1f;border-color:#9b2dca;box-shadow:0 0 10px #9b2dca66}.btn--protoss{color:#d4af37;background:#ffb8001f;border-color:#d4af37;box-shadow:0 0 10px #ffb80066}.btn--vespene{color:#00e676;background:#00e6761f;border-color:#00e676;box-shadow:0 0 10px #00e67666}.btn--danger{color:#ff5252;background:#ff52521f;border-color:#ff5252;box-shadow:0 0 10px #ff525266}.btn--ghost{color:#8fb0c8;background:0 0;border-color:#1a3a56}.btn--block{width:100%}.alert-banner{border:1px solid;align-items:center;gap:12px;padding:8px 12px;font-family:"Exo 2",sans-serif;font-size:.6875rem;display:flex}.alert-banner--info{color:#00b4ff;background:#00b4ff14;border-color:#00b4ff40}.alert-banner--warn{color:#d4af37;background:#ffb80014;border-color:#ffb80040}.alert-banner--critical{color:#ff5252;background:#ff525214;border-color:#ff525240}.field{flex-direction:column;gap:6px;display:flex}.field__label{letter-spacing:.25em;text-transform:uppercase;color:#8fb0c8;font-family:Share Tech Mono,monospace;font-size:.5625rem}.field__input{color:#c8d8e8;letter-spacing:.025em;background:#0000004d;border:1px solid #1a3a56;outline:none;width:100%;padding:8px 12px;font-family:Share Tech Mono,monospace;font-size:.75rem}.field__input::placeholder{color:#6f8ba3}.field__input:focus{border-color:#d4af37;box-shadow:0 0 8px #ffb80040}.field__input:disabled{opacity:.35;cursor:not-allowed}.field__input:-webkit-autofill,.field__input:-webkit-autofill:hover,.field__input:-webkit-autofill:focus{-webkit-text-fill-color:#c8d8e8;transition:background-color 9999s ease-out;-webkit-box-shadow:inset 0 0 0 100px #0000004d}.orientation-lock,.orientation-lock__msg{display:none}@media (orientation:landscape){.orientation-lock__msg--phone{display:inline}}@media (orientation:portrait){.orientation-lock__msg--tablet{display:inline}}@media (pointer:coarse) and (orientation:landscape) and (width<=1023px) and (height<=500px),(pointer:coarse) and (orientation:portrait) and (width>=600px){.app-root{visibility:hidden}.orientation-lock{z-index:100;color:#d4af37;text-align:center;padding:calc(24px + env(safe-area-inset-top,0px)) calc(24px + env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) calc(24px + env(safe-area-inset-left,0px));background:radial-gradient(circle,#ffb8001f,#0000 62%),#080b10;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}}.orientation-lock__inner{flex-direction:column;align-items:center;gap:16px;max-width:320px;display:flex}.orientation-lock__icon{color:#d4af37;filter:drop-shadow(0 0 10px #ffb8008c);width:clamp(48px,16vw,72px);height:auto;animation:2s ease-in-out infinite orientation-lock-nudge}.orientation-lock__message{letter-spacing:.02em;color:#d4af37;text-shadow:0 0 10px #ffb80059;font-family:Orbitron,sans-serif;font-size:1.125rem}@keyframes orientation-lock-nudge{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@media (prefers-reduced-motion:reduce){.orientation-lock__icon{animation:none}}.toast-stack{z-index:50;pointer-events:none;flex-direction:column;gap:8px;width:min(100vw - 32px,300px);display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;backdrop-filter:blur(6px);background:#0e152099;border:1px solid #d4af3740;padding:12px 14px 14px;position:relative;overflow:hidden;box-shadow:0 4px 32px #0009,0 0 24px #d4af374d}.toast__edge{background:linear-gradient(90deg,#d4af37 0%,#d4af3721 100%);height:2px;position:absolute;top:0;left:0;right:0}.toast__corner{border:0 solid #d4af3770;width:12px;height:12px;position:absolute}.toast__corner--tr{border-top-width:1px;border-right-width:1px;top:4px;right:4px}.toast__title{letter-spacing:.28em;text-transform:uppercase;text-align:center;color:#d4af37;margin:0 0 4px;font-family:Share Tech Mono,monospace;font-size:.625rem}.toast__message{color:#c8d8e8;overflow-wrap:anywhere;margin:0;font-family:"Exo 2",sans-serif;font-size:.8125rem;line-height:1.35}.toast__accent{color:#00b4ff}.toast__tier{align-items:center;gap:10px;width:100%;margin:2px 0;padding-right:8px;display:inline-flex}.toast__tier-text{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.toast__tier-name{overflow-wrap:anywhere;font-size:.8125rem;font-weight:700;line-height:1.3}.toast__tier-name.tone--katipon{color:#cfcfcf}.toast__tier-name.tone--kawal{color:#4caf6d}.toast__tier-name.tone--bayani{color:#e04848}.toast__tier-name.tone--locked{color:#6f8ba3}.toast__tier-hint{color:#8fb0c8;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.toast__tier-added{color:#d4af37;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;margin-left:auto;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700}.toast__tier-added.tone--katipon{color:#cfcfcf}.toast__tier-added.tone--kawal{color:#4caf6d}.toast__tier-added.tone--bayani{color:#e04848}.toast__tier-added.tone--locked{color:#6f8ba3}.toast__actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.toast__countdown{align-items:stretch;gap:1px;height:3px;display:flex;position:absolute;bottom:0;left:0;right:0}.toast__box{background:#00e676;flex:1 1 0;min-width:0;box-shadow:0 0 4px #00e67661}.toast__box.is-off{box-shadow:none;background:#00e67626}.toast__action--ghost{color:#8fb0c8;background:0 0;border-color:#1a3a56}.toast__action--primary{color:#d4af37;background:#d4af371f;border-color:#d4af37;box-shadow:0 0 10px #d4af3766}.match-modal{backdrop-filter:blur(6px);color:#c8d8e8;background:#0e1520;border:1px solid #00e67670;width:min(335px,92vw);max-width:92vw;margin:auto;padding:12px 14px 14px;overflow:hidden;box-shadow:0 4px 32px #0009,0 0 24px #00e6764d}.match-modal::backdrop{background:#000000e6}.match-modal__edge{background:linear-gradient(90deg,#00e676 0%,#00e67621 100%);height:2px;position:absolute;top:0;left:0;right:0}.match-modal__corner{border:0 solid #00e67670;width:12px;height:12px;position:absolute}.match-modal__corner--tr{border-top-width:1px;border-right-width:1px;top:4px;right:4px}.match-modal__title{letter-spacing:.28em;text-transform:uppercase;color:#00e676;margin:0;font-family:Share Tech Mono,monospace;font-size:.625rem}.match-modal__message{color:#c8d8e8;overflow-wrap:anywhere;white-space:pre-line;margin:0;font-family:"Exo 2",sans-serif;font-size:.8125rem;line-height:1.35}.match-modal__accent{color:#00e676}.match-modal__actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.match-modal__action--ghost{color:#8fb0c8;background:0 0;border-color:#1a3a56}.match-modal__action--primary{color:#00e676;background:#00e6761f;border-color:#00e676;box-shadow:0 0 10px #00e67666}.match-modal__action--waiting{color:#8fb0c8;box-shadow:none;cursor:default;background:#00e67612;border-color:#00e67640}.match-modal__action:disabled{opacity:1}.match-modal--danger{border-color:#ff525270;box-shadow:0 4px 32px #0009,0 0 24px #ff52524d}.match-modal--danger .match-modal__edge{background:linear-gradient(90deg,#ff5252,#ff525200)}.match-modal--danger .match-modal__title{color:#ff5252}.match-modal--danger .match-modal__corner{border-color:#ff525270}.match-modal__countdown{align-items:stretch;gap:1px;height:3px;display:flex;position:absolute;bottom:0;left:0;right:0}.match-modal__box{background:#00e676;flex:1 1 0;min-width:0;box-shadow:0 0 4px #00e67661}.match-modal__box.is-off{box-shadow:none;background:#00e67626}.pmember{backdrop-filter:blur(6px);color:#c8d8e8;background:#0e1520;border:1px solid #d4af3770;width:min(335px,92vw);max-width:92vw;margin:auto;padding:12px 14px 14px;overflow:hidden;box-shadow:0 4px 32px #0009,0 0 24px #d4af374d;container-type:inline-size}.pmember::backdrop{background:#000000e6}.pmember__edge{background:linear-gradient(90deg,#d4af37 0%,#d4af3721 100%);height:2px;position:absolute;top:0;left:0;right:0}.pmember__corner{border:0 solid #d4af3770;width:12px;height:12px;position:absolute}.pmember__corner--tr{border-top-width:1px;border-right-width:1px;top:4px;right:4px}.pmember__badge-row{margin-top:6px}.pmember__badge-row .ilustrado{margin-bottom:0;margin-left:0}.pmember__head{padding-top:8px;position:relative}.pmember__body{flex-direction:column;gap:12px;display:flex}.pmember__close{position:relative}.pmember__close:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pmember__close{color:#ff8a8a;cursor:pointer;background:#ff52521f;border:1px solid #ff525273;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:background .15s,border-color .15s,color .15s;display:inline-flex;position:absolute;top:8px;right:0}.pmember__close:hover{color:#ffb0b0;background:#ff525238;border-color:#ff5252}.pmember__close:focus-visible{outline-offset:1px;outline:1px solid #d4af37}.pmember__close svg{width:13px;height:13px;display:block}.pmember [data-pmember-identity]{box-shadow:none;backdrop-filter:none;background:0 0;border:0;border-radius:0}.pmember .profile__id-row{padding:0}.pmember .profile__avatar{width:56px}.pmember .profile__idcol{min-height:64px}.pmember__shelf{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pmember__actions{justify-content:center;margin-top:12px;display:flex}.pmember__actions .btn:disabled{opacity:1;cursor:not-allowed;box-shadow:none}.pmember__actions .btn--vespene:disabled{color:#8fb0c8;background:#00e67612;border-color:#00e67640}.pmember__actions .btn--protoss:disabled{color:#8fb0c8;background:#d4af3712;border-color:#d4af3740}.pmember__error{color:#ff8a8a;margin:0;font-size:.875rem}.pmember__skeleton{flex-direction:column;gap:12px;display:flex}.pmember__skel-fill,.pmember__skel-ring{background:linear-gradient(90deg,#ffffff0f,#ffffff1f,#ffffff0f) 0 0/200% 100%;border-radius:4px;animation:1.2s ease-in-out infinite pmember-skel}.pmember .profile__avatar.pmember__skel-fill,.pmember .profile__avatar.pmember__skel-ring{overflow:hidden}.pmember .tcell__v.pmember__skel-bar--v{height:1.1em}.pmember .tcell__k.pmember__skel-bar--k{height:1.3em}.pmember__skel-bar{border-radius:2px;width:100%;height:.6em;display:block}.pmember__skel-line--name{width:62%;height:1.15em;margin:0;display:block}.pmember__skel-line--grade{width:40%;height:1.22em;display:block}.pmember__skel-line--hint{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;width:80%;height:auto;min-height:4.05em;margin:6px 0 0;display:-webkit-box;overflow:hidden}.pmember__skel-ring{border-radius:50%;flex:none;width:56px;height:56px;margin-bottom:6px}@keyframes pmember-skel{0%{background-position:200% 0}to{background-position:-200% 0}}.lpicker{backdrop-filter:blur(6px);color:#c8d8e8;background:#0e152080;border:1px solid #d4af3770;width:min(360px,92vw);max-width:92vw;margin:auto;padding:16px;overflow:hidden;box-shadow:0 4px 32px #0009,0 0 24px #d4af374d}.lpicker::backdrop{background:#0000008c}.lpicker:focus,.lpicker:focus-visible{outline:none}.lpicker__edge{background:linear-gradient(90deg,#d4af37 0%,#d4af3721 100%);height:2px;position:absolute;top:0;left:0;right:0}.lpicker__corner{border:0 solid #d4af3770;width:12px;height:12px;position:absolute}.lpicker__corner--tr{border-top-width:1px;border-right-width:1px;top:4px;right:4px}.lpicker__logo{object-fit:contain;object-position:center;pointer-events:none;width:auto;max-width:100%;height:120px;margin:0 auto 8px;display:block}.lpicker__title{letter-spacing:.28em;text-indent:.28em;text-transform:uppercase;text-align:center;color:#d4af37;margin:0 0 8px;font-family:Share Tech Mono,monospace;font-size:.625rem}.lpicker__pager{letter-spacing:.2em;text-transform:uppercase;color:#8fb0c8;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:8px 0 12px;font-family:Share Tech Mono,monospace;font-size:.5625rem;display:grid}.lpicker__page{justify-self:center}.lpicker__pager-btn{position:relative}.lpicker__pager-btn:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lpicker__pager-btn{color:#d4af37;cursor:pointer;background:#ffb80014;border:1px solid #ffb80040;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:background .15s,box-shadow .15s,opacity .15s;display:inline-flex}.lpicker__pager-btn:first-of-type{justify-self:start}.lpicker__pager-btn:last-of-type{justify-self:end}.lpicker__pager-btn:hover:not(:disabled){background:#ffb8002e;box-shadow:0 0 8px #ffb80066}.lpicker__pager-btn:active:not(:disabled){background:#ffb80047}.lpicker__pager-btn:disabled{opacity:.3;cursor:not-allowed}.lpicker__pager-btn:focus-visible{outline-offset:1px;outline:1px solid #d4af37}.lpicker__pager-btn svg{width:14px;height:14px;display:block}.lpicker__body{min-height:171.5px}.lpicker__rows{margin:0;padding:0;list-style:none}.lpicker__row{border-bottom:1px solid #ffb8001f;transition:background .15s}.lpicker__row:hover{background:#ffb8000d}.lpicker__row:last-child{border-bottom:0}.lpicker__row-btn{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:8px 12px;display:flex}.lpicker__row-btn:focus-visible{outline-offset:-1px;outline:1px solid #d4af37}.lpicker__name{color:#c8d8e8;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-family:"Exo 2",sans-serif;font-size:.875rem;overflow:hidden}.lpicker__meter{flex:none;align-items:stretch;gap:1px;width:44px;height:3px;display:flex}.lpicker__box{background:#d4af3740;flex:1 1 0;min-width:0}.lpicker__box.is-lit{background:#d4af37;box-shadow:0 0 4px #d4af3799}.lpicker__row.is-full .lpicker__box.is-lit{background:#ff5252;box-shadow:0 0 8px #ff525259}.lpicker__row.is-full .lpicker__name{color:#ff8a8a}.lpicker__state{text-align:center;letter-spacing:.2em;text-transform:uppercase;color:#8fb0c8;justify-content:center;align-items:center;min-height:calc(48px + .84375rem);margin:0;font-family:Share Tech Mono,monospace;font-size:.5625rem;display:flex}.lpicker__state[hidden]{visibility:hidden}.lpicker__failure{letter-spacing:.08em;text-align:center;color:#ff8a8a;overflow-wrap:anywhere;background:0 0;border:0;margin:0 0 12px;padding:0;font-family:Share Tech Mono,monospace;font-size:.5625rem}.lpicker__failure[hidden],.lobby:not([data-lobby-entered]){display:none}.lobby[data-preview-shell]{display:flex}body:has(dialog[data-picker-modal]:modal) .lobby,body:has(dialog[data-picker-modal]:modal) .setup,body:has(dialog[data-picker-modal]:modal) .game,body:has(dialog[data-picker-modal]:modal) .login-screen{display:none}.tier-modal{backdrop-filter:blur(6px);color:#c8d8e8;background:#0e1520;border:1px solid #d4af3770;width:min(335px,92vw);max-width:92vw;margin:auto;padding:12px 14px 14px;overflow:hidden;box-shadow:0 4px 32px #0009,0 0 24px #d4af374d}.tier-modal::backdrop{background:#000000e6}.tier-modal__edge{background:linear-gradient(90deg,#d4af37 0%,#d4af3721 100%);height:2px;position:absolute;top:0;left:0;right:0}.tier-modal__corner{border:0 solid #d4af3770;width:12px;height:12px;position:absolute}.tier-modal__corner--tr{border-top-width:1px;border-right-width:1px;top:4px;right:4px}.tier-modal__title{letter-spacing:.28em;text-transform:uppercase;text-align:center;color:#d4af37;margin:0 0 8px;font-family:Share Tech Mono,monospace;font-size:.625rem}.tier-modal__item{margin:0}.tier-modal__actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.tier-modal__action--ghost{color:#8fb0c8;background:0 0;border-color:#1a3a56}.tier-modal__action--primary{color:#d4af37;background:#d4af371f;border-color:#d4af37;box-shadow:0 0 10px #d4af3766}.emote-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}.emote-grid__btn{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.emote-grid__close-row{margin-top:8px;display:flex}.emote-grid__close{flex:100%}.rules-modal{flex-direction:column;width:min(560px,100vw - 32px);max-height:min(86dvh,720px);display:flex}.rules-modal__body{flex-direction:column;gap:16px;min-height:0;margin-top:8px;padding-right:8px;display:flex;overflow-y:auto}.rules-modal__section{flex-direction:column;gap:8px;display:flex}.rules-modal__heading{color:#d4af37;letter-spacing:.1em;text-transform:uppercase;margin:0;font-family:Orbitron,sans-serif;font-size:.75rem}.rules-modal__list{color:#c8d8e8;flex-direction:column;gap:6px;margin:0;padding-left:16px;font-size:.875rem;line-height:1.45;display:flex}.rules-modal__table{border-collapse:collapse;width:100%;font-size:.75rem}.rules-modal__table th,.rules-modal__table td{text-align:left;vertical-align:top;border-bottom:1px solid #1a3a56b3;padding:6px 8px}.rules-modal__table th{color:#8fb0c8;letter-spacing:.08em;text-transform:uppercase;font-family:Share Tech Mono,monospace;font-size:.625rem}.rules-modal__table td:first-child{color:#d4af37;white-space:nowrap;font-family:Share Tech Mono,monospace}.rules-modal__table td:last-child{color:#c8d8e8}.leaderboard-modal{border:1px solid #d4af3770;flex-direction:column;width:min(480px,100vw - 32px);max-height:min(86dvh,680px);display:flex;box-shadow:0 4px 32px #0009,0 0 24px #d4af374d}.leaderboard-modal .match-modal__edge{background:linear-gradient(90deg,#d4af37 0%,#d4af3721 100%)}.leaderboard-modal .match-modal__corner{border-color:#d4af3770}.leaderboard-modal .match-modal__title{color:#d4af37;text-align:center}.leaderboard-modal .match-modal__action--primary{color:#d4af37;background:#d4af371f;border-color:#d4af37;box-shadow:0 0 10px #d4af3766}.leaderboard-modal__tabs{border-bottom:1px solid #d4af3740;gap:8px;margin-top:8px;display:flex}.leaderboard-modal__tab{color:#8fb0c8;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:8px;font-family:Orbitron,sans-serif;font-size:.75rem}.leaderboard-modal__tab[aria-selected=true]{color:#d4af37;border-bottom-color:#d4af37}.leaderboard-modal__tab:focus-visible{outline-offset:2px;outline:2px solid #d4af37}.leaderboard-modal__panel{flex-direction:column;gap:12px;min-height:0;margin-top:12px;padding-right:8px;display:flex;overflow-y:auto}.leaderboard-modal__metric{color:#d4af37;letter-spacing:.08em;text-transform:uppercase;text-align:center;margin:0;font-size:.75rem}.leaderboard-modal__tablewrap{padding:0}.profile__history.leaderboard-modal__table{min-width:0}.leaderboard-modal__table th:nth-child(3){text-align:right}.leaderboard-modal__table th:first-child,.leaderboard-modal__table td.leaderboard-modal__rank{width:56px}.leaderboard-modal__rank{color:#8fb0c8;font-variant-numeric:tabular-nums}.profile__history.leaderboard-modal__table td.foe{position:static}.leaderboard-modal__table .foe__box{flex:1;min-width:0}.leaderboard-modal__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leaderboard-modal__table .leaderboard-modal__value{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.leaderboard-modal__status{color:#8fb0c8;text-align:center;margin:0;font-size:.875rem}.ilustrado{letter-spacing:.16em;text-transform:uppercase;color:#d4af37;vertical-align:middle;border:1px solid #d4af3773;border-radius:3px;margin-bottom:6px;margin-left:9px;padding:1px 4px;font-size:8px;font-weight:700;line-height:1.4;display:inline-block}.setup{z-index:50;background:#080b10;position:fixed;inset:0;overflow:hidden}.setup[hidden]{display:none}.setup__canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.setup__canvas.is-pending{opacity:0}.setup__hud{pointer-events:none;padding:calc(16px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px));flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.setup__bottom{flex-direction:column;align-items:center;gap:12px;display:flex}.setup__note{color:#ff5252;text-align:center;background:#ff52521f;border:1px solid #ff5252;margin:0;padding:8px 12px;font-size:.875rem}.setup__note[hidden]{display:none}.game{z-index:50;background:#080b10;position:fixed;inset:0;overflow:hidden}.game[hidden]{display:none}.game__canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.game__canvas.is-pending{opacity:0}.game__hud{pointer-events:none;padding:calc(16px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px));flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.game__piece{top:calc(16px + env(safe-area-inset-top,0px));color:#c8d8e8;margin:0;font-family:Orbitron,sans-serif;font-size:.875rem;position:absolute;left:50%;transform:translate(-50%)}.game__piece:empty{display:none}.game__bottom{flex-direction:column;align-items:center;gap:12px;display:flex}.game__note{color:#ff5252;text-align:center;background:#ff52521f;border:1px solid #ff5252;margin:0;padding:8px 12px;font-size:.875rem}.game__note[hidden],.game--lesson .game__note{display:none}.video-layer{pointer-events:none;z-index:50;position:fixed;inset:0}.vid{pointer-events:none;z-index:5;position:absolute;inset:0}.vid--self,.vid--opp{width:var(--vid-size,min(320px, 62vw, 30dvh));aspect-ratio:1;pointer-events:none;position:absolute}.vid.is-suppressed,.vid.is-measuring{display:none}.vid[data-video-profile=flat] .vid--opp{top:calc(12px + env(safe-area-inset-top,0px));width:var(--vid-size-top,min(320px, 62vw, 30dvh));left:50%;transform:translate(-50%)}.vid[data-video-profile=flat] .vid--self{bottom:calc(12px + env(safe-area-inset-bottom,0px));width:var(--vid-size-bottom,min(320px, 62vw, 30dvh));left:50%;transform:translate(-50%)}.vid[data-video-profile=tilted] .vid--self{top:calc(12px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px))}.vid[data-video-profile=tilted] .vid--opp{top:calc(12px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px))}.vid__media{background:#0000008c;border-radius:50%;position:absolute;inset:15%;overflow:hidden}.vid__video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.vid__video[hidden]{display:none}.vid__placeholder,.vid__radial{position:absolute;inset:0}.vid__ring,.vid__rules{pointer-events:none;position:absolute;inset:0}.vid__ring-art,.vid__rules-art,.vid__btn-art{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.vid__ring-band{fill:none;stroke:#0000008c}.vid__rules-lines line,.vid__ring-rim{fill:none;stroke:#c8d8e847;stroke-width:1px;vector-effect:non-scaling-stroke}.vid__ring-rim{stroke:#c8d8e880}.vid__btn{color:#c8d8e8;cursor:pointer;pointer-events:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;outline:none;width:100%;height:100%;margin:0;padding:0;font-size:.875rem;position:absolute;inset:0}.vid__btn-arc{fill:none;stroke:#c8d8e824;stroke-linecap:butt;pointer-events:all;-webkit-tap-highlight-color:transparent;transition:stroke .12s}.vid__btn-glyph{aspect-ratio:1;width:12%;-webkit-mask:var(--vid-icon) center/contain no-repeat;mask:var(--vid-icon) center/contain no-repeat;-webkit-mask-source-type:var(--vid-icon-mode,alpha);mask-mode:var(--vid-icon-mode,alpha);background-color:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vid__btn[data-slot=left] .vid__btn-glyph{left:8%}.vid__btn[data-slot=right] .vid__btn-glyph{left:92%}.vid__btn[data-icon=video]{--vid-icon:url(/icons/video.svg)}.vid__btn[data-icon=microphone]{--vid-icon:url(/icons/microphone.svg)}.vid__btn[data-icon=mute]{--vid-icon:url(/icons/mute.svg)}.vid__btn[data-icon=hide]{--vid-icon:url(/icons/hide.svg);--vid-icon-mode:luminance}.vid__btn.is-on{color:#00e676}.vid__btn.is-on .vid__btn-arc{stroke:#00e67657}.vid__btn.is-pending{color:#ffd54f;animation:.9s ease-in-out infinite alternate vid-pending}.vid__btn.is-pending .vid__btn-arc{stroke:#ffd54f52}.vid__btn.is-capped .vid__btn-arc{stroke:#c8d8e80f}.vid__btn:disabled,.vid__btn.is-capped{opacity:.45;cursor:not-allowed}@media (hover:hover){.vid__btn:not(:disabled):not(.is-on):not(.is-pending):hover .vid__btn-arc{stroke:#c8d8e842}}.vid__btn:focus-visible .vid__btn-arc{stroke:#7fd1ff}@keyframes vid-pending{0%{opacity:1}to{opacity:.5}}@media (prefers-reduced-motion:reduce){.vid__btn.is-pending{animation:none}}.vid.is-opp-capped .vid--opp{filter:grayscale()}.vid__page-note{left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));color:#ff5252;text-align:center;z-index:6;background:#000c;border:1px solid #ff5252;margin:0;padding:8px 12px;font-size:.875rem;position:absolute;transform:translate(-50%)}.board-loader{z-index:5;background:#000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.board-loader[hidden]{display:none}.board-loader__modal{backdrop-filter:blur(6px);color:#c8d8e8;background:#0e1520;border:1px solid #00e67670;justify-content:center;align-items:center;width:min(335px,92vw);max-width:92vw;min-height:148px;margin:auto;padding:12px 14px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 32px #0009,0 0 24px #00e6764d}.board-loader__edge{background:linear-gradient(90deg,#00e676 0%,#00e67621 100%);height:2px;position:absolute;top:0;left:0;right:0}.board-loader__label{color:#c8d8e8;letter-spacing:.04em;margin:0;font-family:Orbitron,sans-serif;font-size:.875rem}.board-loader__bar{align-items:stretch;gap:1px;height:3px;display:flex;position:absolute;bottom:0;left:0;right:0}.board-loader__box{min-width:0;box-shadow:none;background:#00e67626;flex:1 1 0}.board-loader__box.is-on{background:#00e676;box-shadow:0 0 4px #00e67661}.lobby__mode[data-lobby-mode=settings]{container-type:inline-size}.settings{grid-template-columns:minmax(0,1fr);gap:12px;min-height:0;display:grid}@container (width>=640px){.settings{grid-template-columns:repeat(2,minmax(0,1fr))}}.settings__card{backdrop-filter:blur(6px);background:#0d14201a;border:1px solid #d4af3729;border-radius:8px;flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 8px 24px #00000059}.settings__card:first-child{background:#d4af3715}.settings__card-head{border-bottom:1px solid #1a3a56cc;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.settings__title{color:#c8d8e8;margin:0;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:600}.settings__grid{grid-template-columns:minmax(0,1fr);gap:14px 20px;padding:14px 16px 16px;display:grid}.settings__field{min-width:0}.settings__toggle{-webkit-appearance:none;appearance:none;cursor:pointer;background:#0006;border:1px solid #1a3a56;border-radius:9999px;block-size:20px;inline-size:38px;margin:1px 0;transition:border-color .15s,background .15s;position:relative}.settings__toggle:after{content:"";background:#6f8ba3;border-radius:50%;block-size:14px;inline-size:14px;transition:transform .15s,background .15s,box-shadow .15s;position:absolute;inset-block-start:2px;inset-inline-start:2px}.settings__toggle:checked{background:#d4af372e;border-color:#d4af37}.settings__toggle:checked:after{background:#d4af37;transform:translate(18px);box-shadow:0 0 10px #d4af3766}.settings__toggle:focus-visible{outline-offset:2px;outline:2px solid #d4af37}@media (prefers-reduced-motion:reduce){.settings__toggle,.settings__toggle:after{transition:none}}.settings__body,.settings__rows{flex-direction:column;flex:1;gap:12px;padding:14px 16px 16px;display:flex}.settings__row{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.settings__row-label{color:#8fb0c8;flex:none;font-family:Share Tech Mono,monospace;font-size:.75rem}.settings__row-value{color:#c8d8e8;overflow-wrap:anywhere;text-align:right;min-width:0;font-family:Share Tech Mono,monospace;font-size:.75rem}.settings__actions{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.settings__actions--bottom{margin-top:auto}.settings__note{color:#6f8ba3;margin:0;font-family:Share Tech Mono,monospace;font-size:.625rem;line-height:1.6}.settings__status{color:#8fb0c8;margin:0;font-family:Share Tech Mono,monospace;font-size:.625rem}.settings__status.is-error{color:#ff5252}.settings__badges{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.settings__badge{color:#c8d8e8;background:#0000004d;border:1px solid #1a3a56;border-radius:9999px;align-items:center;gap:4px;padding:2px 4px 2px 8px;font-family:Share Tech Mono,monospace;font-size:.625rem;display:inline-flex}.settings__badge-remove{color:#8fb0c8;block-size:16px;inline-size:16px;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.settings__badge-remove:hover{color:#ff5252;background:#ff52521f}.settings__badge-remove:focus-visible{outline-offset:1px;outline:1px solid #d4af37}.settings__empty{color:#6f8ba3;margin:0;font-family:Share Tech Mono,monospace;font-size:.625rem}.settings__link{color:#8fb0c8;background:#00000038;border:1px solid #1a3a56;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;min-height:34px;padding:6px 10px;font-family:Share Tech Mono,monospace;font-size:.625rem;text-decoration:none;transition:color .15s,border-color .15s,background .15s;display:flex}.settings__link:hover{color:#c8d8e8;background:#ffb8000f;border-color:#d4af3770}.settings__link:focus-visible{outline-offset:1px;outline:1px solid #d4af37}.settings__link svg{flex:none;width:12px;height:12px}.settings__link--button{cursor:pointer;text-align:left;width:100%}.settings__link--rules{color:#00e676;background:#00e6761f;border-color:#00e67670;box-shadow:0 0 10px #00e67666}.settings__link--rules:hover{color:#00e676;background:#00e67626;border-color:#00e676}.settings__link--rules:focus-visible{outline-color:#00e676}.settings__version{color:#6f8ba3;margin:2px 0 0;font-family:Share Tech Mono,monospace;font-size:.625rem}.settings-form{flex-direction:column;gap:8px;margin-top:8px;display:flex}.settings-form__fields{flex-direction:column;gap:8px;display:flex}.settings-form>.match-modal__actions{margin-top:4px}.settings-form__error{color:#ff5252;min-height:1em;margin:0;font-family:Share Tech Mono,monospace;font-size:.625rem}.settings__range{-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:none;background:0 0;block-size:16px;inline-size:100%;margin:0}.settings__range::-webkit-slider-runnable-track{background:linear-gradient(to right, #d4af37 0, #d4af37 var(--settings-fill,50%), #00000073 var(--settings-fill,50%), #00000073 100%);border-radius:3px;block-size:6px;box-shadow:inset 0 0 0 1px #1a3a56}.settings__range::-webkit-slider-thumb{-webkit-appearance:none;background:#d4af37;border-radius:50%;block-size:12px;inline-size:12px;margin-top:-3px;box-shadow:0 0 10px #d4af3766}.settings__range::-moz-range-track{background:#00000073;border-radius:3px;block-size:6px;box-shadow:inset 0 0 0 1px #1a3a56}.settings__range::-moz-range-progress{background:#d4af37;border-radius:3px;block-size:6px}.settings__range::-moz-range-thumb{background:#d4af37;border:none;border-radius:50%;block-size:12px;inline-size:12px;box-shadow:0 0 10px #d4af3766}.settings__range:focus-visible{outline-offset:2px;outline:2px solid #d4af37}.resource-counter{border:1px solid;align-items:center;gap:8px;padding:6px 12px;display:flex}.login-bg{z-index:0;pointer-events:none;background:#000 url(/background.webp) 50%/cover no-repeat;position:fixed;inset:0}.login-bg-overlay{--login-bg-dim:.75;z-index:0;pointer-events:none;background:linear-gradient(to top, rgb(0, 0, 0, calc(var(--login-bg-dim) * .9)), rgb(0, 0, 0, calc(var(--login-bg-dim) * .4)) 40%, rgb(0, 0, 0, calc(var(--login-bg-dim) * .4)) 60%, rgb(0, 0, 0, var(--login-bg-dim)));position:fixed;inset:0}.login-screen{z-index:1;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100dvh;padding:24px 24px 48px;display:flex;position:relative;overflow-y:auto}.login-screen__emblem-wrap{flex-shrink:0;justify-content:center;align-items:center;width:min(720px,94vw);height:48dvh;min-height:280px;display:flex;overflow:hidden}.login-screen__emblem{object-fit:contain;object-position:center center;width:100%;height:100%}.login-screen__panel{--login-panel-opacity:.5;background:rgb(14, 21, 32, var(--login-panel-opacity));backdrop-filter:blur(6px);border:1px solid #1a3a56;flex-direction:column;flex-shrink:0;gap:12px;width:min(335px,92vw);padding:16px;display:flex;box-shadow:0 0 15px #ffb80026}.login-screen__tabs{border-bottom:1px solid #1a3a56;display:flex}.login-screen__tabs button{letter-spacing:.2em;text-transform:uppercase;color:#8fb0c8;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 12px;font-family:Orbitron,sans-serif;font-size:.625rem}.login-screen__tabs button.is-active{color:#d4af37;border-bottom-color:#d4af37}.login-screen__form{flex-direction:column;gap:12px;display:flex}.login-screen__form[hidden]{display:none}.login-screen__panel.is-locked form,.login-screen__panel.is-locked .login-screen__tabs{opacity:.35;pointer-events:none}.login-screen .turnstile-slot{justify-content:center;width:min(335px,92vw);margin-top:12px;display:flex}.login-screen .turnstile-slot iframe{max-width:100%;width:100%!important}.login-screen__forgot{letter-spacing:.1em;color:#8fb0c8;text-align:center;cursor:pointer;background:0 0;border:none;font-family:Share Tech Mono,monospace;font-size:.5625rem;text-decoration:none}.login-screen__forgot:hover{color:#d4af37}.login-screen__error{letter-spacing:.1em;text-align:center;margin:0;font-family:Share Tech Mono,monospace;font-size:.5625rem;color:#c8d8e8!important}.login-screen__error[hidden]{display:none}.login-screen .reset-modal{backdrop-filter:blur(6px);color:#c8d8e8;background:#0e1520;border:1px solid #1a3a56;width:min(335px,92vw);max-width:92vw;margin:auto;padding:16px;box-shadow:0 0 15px #ffb80026}.login-screen .reset-modal::backdrop{background:#000000e6}.login-screen .reset-modal h2{letter-spacing:.2em;text-transform:uppercase;color:#d4af37;text-align:center;margin:0 0 8px;font-family:Orbitron,sans-serif;font-size:.625rem}.login-screen .reset-modal p{letter-spacing:.1em;color:#8fb0c8;text-align:center;margin:0 0 12px;font-family:Share Tech Mono,monospace;font-size:.5625rem}.login-screen .reset-modal form{flex-direction:column;gap:12px;display:flex}.login-screen .reset-modal__close-wrap{align-items:flex-end}.login-screen .reset-modal__close{position:relative}.login-screen .reset-modal__close:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-screen .reset-modal__close{color:#8fb0c8;cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;line-height:1}.login-screen .reset-modal__close:hover{color:#d4af37}.login-screen .reset-modal [hidden]{display:none}.login-screen__legal{letter-spacing:.1em;color:#8fb0c8;justify-content:center;align-items:center;gap:12px;margin-top:12px;font-family:Share Tech Mono,monospace;font-size:.5625rem;display:flex}.login-screen__legal a{color:inherit;text-decoration:none}.login-screen__legal a:hover{color:#d4af37}@media (height<=820px){.login-screen{justify-content:center;padding:12px 24px 16px}.login-screen .login-screen__emblem-wrap{width:min(420px,90vw);height:22dvh;min-height:0}.login-screen .login-screen__panel{gap:8px;padding:12px}.login-screen .login-screen__form{gap:8px}.login-screen .login-screen__legal{margin-top:8px}}.lobby{z-index:1;--lobby-top:calc(48px + 24px);--lobby-kb-inset:0px;flex-direction:column;min-height:100dvh;display:flex;position:relative}.lobby__scrim{display:none}.lobby__brand{left:184px;top:var(--lobby-top);z-index:2;pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;transform:translate(-50%,-50%)}.lobby__logo{object-fit:contain;pointer-events:none;width:auto;max-width:320px;height:90px}.lobby__fab{pointer-events:auto;box-sizing:border-box;cursor:pointer;background:#d4af371f;border:3px solid #d4af37;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;padding:5px;transition:background .15s,box-shadow .15s,filter .15s;display:inline-flex;box-shadow:0 0 10px #d4af3766}.lobby__fab img{object-fit:contain;filter:invert(68%)sepia(56%)saturate(500%)hue-rotate(356deg)brightness(92%)contrast(90%);width:100%;height:100%;display:block}.lobby__fab:hover{background:#d4af3740;box-shadow:0 0 12px #ffb8008c}.lobby__fab:active{background:#ffb80047}.lobby__fab:focus-visible{outline-offset:4px;border-radius:50%;outline:2px solid #d4af37}.lobby__main{padding:24px;padding-top:var(--lobby-top);flex:1;grid-template-columns:320px 1fr;align-items:stretch;gap:16px;display:grid}.lobby__right{flex-direction:column;gap:16px;min-height:0;display:flex}.lobby__panel--right{max-height:calc(100dvh - var(--lobby-top) - 24px - 16px - 48px);flex:1}.lobby__panel{backdrop-filter:blur(6px);background:#0e152080;border:1px solid #ffb80030;flex-direction:column;gap:12px;min-height:0;padding:16px;display:flex;box-shadow:0 0 15px #ffb80040}.lobby__panel[hidden]{display:none}.lobby__panel-head{border-bottom:1px solid #ffb80030;align-items:center;gap:8px;padding-bottom:8px;display:flex}.lobby__head-dot{opacity:.9;background:#00e676;border-radius:9999px;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 8px #00e67680}.lobby__head-dot[hidden]{display:none}.lobby__head-count{letter-spacing:.2em;text-transform:uppercase;color:#6f8ba3;margin-left:auto;font-family:Share Tech Mono,monospace;font-size:.5625rem}.lobby__head-count[hidden]{display:none}.lobby__panel--left{padding-top:64px}.lobby__panel--left .lobby__panel-head{justify-content:center}.lobby__maintenance{background:0 0;border:1px solid #ffb8001f;flex-direction:column;gap:2px;padding:8px 12px;display:flex}.lobby__maintenance-label{letter-spacing:.2em;text-transform:uppercase;color:#6f8ba3;font-family:Share Tech Mono,monospace;font-size:.5625rem}.lobby__maintenance-value{color:#8fb0c8;font-family:"Exo 2",sans-serif;font-size:.6875rem;line-height:1.35}.lobby__maintenance[data-state=scheduled]{background:#ffb80014;border-color:#ffb80040}.lobby__maintenance[data-state=scheduled] .lobby__maintenance-value{color:#d4af37}.lobby__title{letter-spacing:.25em;text-transform:uppercase;color:#d4af37;margin:0;font-family:Orbitron,sans-serif;font-size:.625rem}.lobby__body{flex:1;min-height:80px}.lobby__body--stack{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffb80059 transparent;flex-direction:column;min-height:0;display:flex;overflow-y:auto}.lobby__colhead{letter-spacing:.2em;text-transform:uppercase;color:#8fb0c8;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:8px 8px 12px;font-family:Share Tech Mono,monospace;font-size:.5625rem;display:grid}.lobby__page{letter-spacing:.2em;text-transform:uppercase;color:#8fb0c8;justify-self:center;font-family:Share Tech Mono,monospace;font-size:.5625rem}.lobby__pager-btn{position:relative}.lobby__pager-btn:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lobby__pager-btn{color:#d4af37;cursor:pointer;background:#ffb80014;border:1px solid #ffb80040;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:background .15s,box-shadow .15s,opacity .15s;display:inline-flex}.lobby__pager-btn:first-of-type{justify-self:start}.lobby__pager-btn:last-of-type{justify-self:end}.lobby__pager-btn:hover:not(:disabled){background:#ffb8002e;box-shadow:0 0 8px #ffb80066}.lobby__pager-btn:active:not(:disabled){background:#ffb80047}.lobby__pager-btn:disabled{opacity:.3;cursor:not-allowed}.lobby__pager-btn:focus-visible{outline-offset:1px;outline:1px solid #d4af37}.lobby__pager-btn svg{width:14px;height:14px;display:block}.lobby__rows{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lobby__cell-row+.lobby__cell-row,.lobby__cell-row+.lobby__cell--game,.lobby__cell--game+.lobby__cell-row,.lobby__cell--game+.lobby__cell--game{margin-top:16px}.lobby__row{border-bottom:1px solid #ffb8001f;transition:background .15s}.lobby__row:hover{background:#ffb8000d}.lobby__row-btn{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:8px 16px;display:flex}.lobby__row-btn:focus-visible{outline-offset:-1px;outline:1px solid #d4af37}.lobby__player{cursor:pointer;align-items:center;gap:12px;width:100%;padding:8px 16px;display:flex}.lobby .identicon{background:#d4af37;border:2px solid #d4af37;border-radius:6px;flex:none;display:block;overflow:hidden}.lobby .identicon.grade-katipon{fill:#1a1a1a}.lobby .identicon.grade-kawal{fill:#2f9e5f}.lobby .identicon.grade-bayani{fill:#d33f3f}.lobby__filters{align-items:center;gap:4px;padding:0 4px 12px;display:flex}.lobby__panel-head--players{grid-template-columns:22px minmax(0,1fr) 22px;align-items:center;gap:8px;padding:0 4px 8px;display:grid}.lobby__panel-head--players:before{content:"";width:22px;height:22px}.lobby__panel-head--players .lobby__title{text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lobby__close{position:relative}.lobby__close:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lobby__close{color:#ff8a8a;cursor:pointer;background:#ff52521f;border:1px solid #ff525273;justify-content:center;justify-self:end;align-items:center;width:22px;height:22px;padding:0;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.lobby__close:hover{color:#ffb0b0;background:#ff525238;border-color:#ff5252}.lobby__close:focus-visible{outline-offset:1px;outline:1px solid #d4af37}.lobby__close svg{width:13px;height:13px;display:block}.lobby__badge{position:relative}.lobby__badge:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lobby__badge{color:#8fb0c8;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:1px solid #ffb80040;flex:1 1 0;min-width:0;padding:4px 8px;font-family:Share Tech Mono,monospace;font-size:.5625rem;transition:background .15s,border-color .15s,color .15s;overflow:hidden}.lobby__badge:hover{color:#d4af37;border-color:#d4af3770}.lobby__badge:focus-visible{outline-offset:1px;outline:1px solid #d4af37}.lobby__badge.is-active{color:#d4af37;background:#d4af371f;border-color:#d4af37;box-shadow:0 0 10px #d4af3766}.lobby__cell-row{list-style:none}.lobby__cells{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.lobby__cell{min-width:0;list-style:none}.lobby__cell--game{padding:0}.lobby__card{backdrop-filter:blur(6px);width:100%;height:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#0d14201a;border:1px solid #d4af3729;border-radius:8px;align-items:center;gap:8px;padding:8px;transition:background .15s,border-color .15s;display:flex;box-shadow:inset 0 1px #ffffff08,0 8px 24px #00000059}.lobby__card:hover{background:#d4af3712;border-color:#d4af3770}.lobby__card:focus-visible{outline-offset:1px;outline:1px solid #d4af37}.lobby__card-face{flex:none;line-height:0;display:block}.lobby__card-text{flex-direction:column;justify-content:center;min-width:0;display:flex}.lobby__card-name{color:#c8d8e8;text-overflow:ellipsis;white-space:nowrap;font-family:"Exo 2",sans-serif;font-size:.75rem;font-weight:600;line-height:1.25;overflow:hidden}.lobby__card-grade{letter-spacing:.1em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-family:Share Tech Mono,monospace;font-size:.5rem;line-height:1.3;overflow:hidden}.lobby__card.grade-katipon .lobby__card-grade{color:#dcdcdc}.lobby__card.grade-kawal .lobby__card-grade{color:#4caf6d}.lobby__card.grade-bayani .lobby__card-grade{color:#e04848}.lobby__game{justify-content:center;align-items:stretch;gap:8px;display:flex}.lobby__game-side{flex:1 1 0;min-width:0}.lobby__game-mark{color:#d4af37;flex:none;align-self:center;width:20px;height:20px}.lobby__game-mark svg{fill:currentColor;width:100%;height:100%;display:block}.lobby__state{letter-spacing:.1em;color:#8fb0c8;text-align:center;margin:12px 0 0;font-family:Share Tech Mono,monospace;font-size:.5625rem}.lobby__state[hidden]{display:none}.lobby__sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lobby__dialog{backdrop-filter:blur(6px);color:#c8d8e8;background:#0e1520;border:1px solid #1a3a56;width:min(335px,92vw);max-width:92vw;margin:auto;padding:16px;box-shadow:0 0 15px #ffb80026}.lobby__dialog::backdrop{background:#000000e6}.lobby__dialog h2{letter-spacing:.2em;text-transform:uppercase;color:#d4af37;text-align:center;margin:0 0 8px;font-family:Orbitron,sans-serif;font-size:.625rem}.lobby__dialog p{letter-spacing:.1em;color:#8fb0c8;text-align:center;margin:0 0 12px;font-family:Share Tech Mono,monospace;font-size:.5625rem}.lobby__dialog form{flex-direction:column;gap:12px;display:flex}.lobby__dialog-close-wrap{align-items:flex-end}.lobby__dialog-close{position:relative}.lobby__dialog-close:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lobby__dialog-close{color:#8fb0c8;cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;line-height:1}.lobby__dialog-close:hover{color:#d4af37}.lobby__dialog [hidden]{display:none}.lobby__footer{backdrop-filter:blur(6px);background:#0e152080;border:1px solid #ffb80030;align-items:center;min-height:48px;padding:8px;display:flex;box-shadow:0 0 15px #ffb80040}.lobby__menu{align-items:stretch;gap:8px;width:100%;display:flex}.lobby__tab{white-space:nowrap;flex:1;min-width:0;position:relative}.lobby__tab:focus-visible{outline-offset:2px;outline:1px solid #d4af37}.lobby__tab.is-active{background:#ffb80047;box-shadow:0 0 12px #ffb8008c}.lobby__tab:not(.is-active){opacity:.6}.lobby__tab:not(.is-active):hover{opacity:.85}.lobby__tab.is-disabled{opacity:.35;cursor:not-allowed}.lobby__tab.is-disabled:hover{opacity:.35}.lobby__tab.is-badged{opacity:1}.lobby__tab svg{width:14px;height:14px;display:block}.lobby__tab-badge{color:#080b10;letter-spacing:0;background:#00b4ff;border-radius:9999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-family:Share Tech Mono,monospace;font-size:9px;line-height:1;display:inline-flex;position:absolute;top:-6px;right:-6px;box-shadow:0 0 8px #00b4ff99}.lobby__tab-badge[hidden]{display:none}.lobby__mode--chat{flex-direction:column;flex:1;min-height:0;display:flex}.lobby__mode--chat[hidden]{display:none}.lobby__chat{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;position:relative}.lobby__chat-list{overscroll-behavior:contain;overflow-anchor:none;scrollbar-width:thin;scrollbar-color:#ffb80059 transparent;flex-direction:column;flex:1;gap:12px;min-height:0;padding-bottom:4px;padding-right:4px;display:flex;overflow-y:auto}.lobby__chat-list::-webkit-scrollbar{width:8px}.lobby__chat-list::-webkit-scrollbar-track{background:0 0}.lobby__chat-list::-webkit-scrollbar-thumb{background:#ffb8004d padding-box content-box;border:2px solid #0000;border-radius:9999px}.lobby__chat-list>:first-child{margin-top:auto}.lobby__chat-row{align-items:stretch;gap:12px;display:flex}.lobby__chat-bar{background:#00b4ff;flex-shrink:0;width:4px;box-shadow:0 0 8px #00b4ff59}.lobby__chat-entry{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lobby__chat-meta{align-items:baseline;gap:8px;display:flex}.lobby__chat-name{color:#00b4ff;font-family:Share Tech Mono,monospace;font-size:.625rem}.lobby__chat-time{color:#6f8ba3;font-family:Share Tech Mono,monospace;font-size:.5625rem}.lobby__chat-text{color:#c8d8e8;overflow-wrap:anywhere;background:#ffffff08;border:1px solid #1a3a5661;margin:0;padding:6px 12px;font-family:"Exo 2",sans-serif;font-size:.6875rem;line-height:1.6}.lobby__chat-row.is-self .lobby__chat-bar{background:#d4af37;box-shadow:0 0 8px #ffb80066}.lobby__chat-row.is-self .lobby__chat-name{color:#d4af37}.lobby__chat-row.is-pending{opacity:.55}.lobby__chat-row--notice{gap:0}.lobby__chat-notice{letter-spacing:.1em;color:#ff5252;margin:0;font-family:Share Tech Mono,monospace;font-size:.5625rem}.lobby__chat-empty{text-align:center;pointer-events:none;letter-spacing:.1em;color:#8fb0c8;justify-content:center;align-items:center;margin:0;padding:0 16px;font-family:Share Tech Mono,monospace;font-size:.5625rem;display:flex;position:absolute;inset:0}.lobby__chat-empty[hidden]{display:none}.lobby__chat-composer{border-top:1px solid #ffb80030;flex-shrink:0;align-items:center;margin:12px 0 0;padding-top:12px;display:flex}.lobby__chat-prompt{color:#d4af37;white-space:nowrap;padding:0 12px;font-family:Share Tech Mono,monospace;font-size:.625rem}.lobby__chat-input{color:#c8d8e8;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:12px 0;font-family:Share Tech Mono,monospace;font-size:.6875rem}.lobby__chat-input::placeholder{color:#c8d8e880}.lobby__chat-send{box-shadow:none;border:none;border-radius:0;flex-shrink:0;margin-left:8px}@media (width<=1024px) and (orientation:portrait){.lobby{--lobby-sheet-h:72dvh;--lobby-bar-h:calc(56px + env(safe-area-inset-bottom));--lobby-top:calc(48px + clamp(16px, 4vw, 24px))}.lobby__main{padding:clamp(16px,4vw,24px);padding-top:var(--lobby-top);padding-bottom:calc(var(--lobby-bar-h) + 16px);flex-direction:column;display:flex}.lobby__brand{left:50%}.lobby__logo{max-width:clamp(200px,46vw,320px);height:clamp(110px,12vw,128px)}.lobby__fab{width:36px;height:36px}.lobby__panel--left{flex:1;padding-top:calc(clamp(80px,12vw,128px)/2 + 16px)}.lobby__scrim{z-index:4;opacity:0;pointer-events:none;background:#0000008c;transition:opacity .25s cubic-bezier(.2,0,0,1);display:block;position:fixed;inset:0}.lobby.is-sheet-open .lobby__scrim{opacity:1;pointer-events:auto}.lobby__right{z-index:5;pointer-events:none;gap:0;display:block;position:fixed;inset:0}.lobby__panel--right{left:0;right:0;bottom:var(--lobby-bar-h);height:var(--lobby-sheet-h);pointer-events:auto;will-change:transform;flex:none;max-height:none;transition:transform .3s cubic-bezier(.2,0,0,1);position:absolute;overflow:hidden;transform:translateY(100%)}.lobby.is-sheet-open .lobby__panel--right{transform:translateY(0)}.lobby.is-kb-open .lobby__panel--right{bottom:var(--lobby-kb-inset);height:calc(var(--lobby-sheet-h) - var(--lobby-kb-inset))}.lobby__body{min-height:0;overflow-y:auto}.lobby__footer{height:var(--lobby-bar-h);pointer-events:auto;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-bottom:none;border-left:none;border-right:none;margin:0;position:absolute;bottom:0;left:0;right:0}.lobby__tab{letter-spacing:.06em;padding:8px 4px;font-size:.5625rem}.lobby__tab:not(.is-active):not(.is-disabled){opacity:1}}body.is-lobby-locked{overflow:hidden}@media (prefers-reduced-motion:reduce){.lobby__panel--right,.lobby__scrim{transition:none}}.profile{flex-direction:column;gap:12px;display:flex;container-type:inline-size}.grade-katipon{--gc:#cfcfcf;--gc-dim:#cfcfcf59;--gc-faint:#cfcfcf1f}.grade-kawal{--gc:#4caf6d;--gc-dim:#4caf6d66;--gc-faint:#4caf6d1a}.grade-bayani{--gc:#e04848;--gc-dim:#e0484866;--gc-faint:#e048481a}.identicon{background:#d4af37;border:2px solid #d4af37;border-radius:6px;flex:none;display:block;overflow:hidden}.identicon.grade-katipon{fill:#1a1a1a}.identicon.grade-kawal{fill:#2f9e5f}.identicon.grade-bayani{fill:#d33f3f}.profile__card{backdrop-filter:blur(6px);background:#0d14201a;border:1px solid #d4af3729;border-radius:8px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 8px 24px #00000059}.lobby__right .profile__card:first-child{background:#d4af3715}.profile__card-head{border-bottom:1px solid #1a3a56cc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.profile__card-title{color:#c8d8e8;margin:0;font-family:Orbitron,sans-serif;font-size:12px;font-weight:600}.profile__card-meta{color:#8fb0c8;font-family:Share Tech Mono,monospace;font-size:10px}.profile__id-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:clamp(10px,.5rem + 1.5cqi,16px);padding:12px 16px;display:grid}.profile__idcol{flex-direction:column;justify-content:center;gap:12px;min-width:0;display:flex}.profile__who{align-self:flex-start;align-items:center;gap:12px;min-width:0;max-width:100%;display:flex}.profile__avatar{aspect-ratio:1;flex:none;width:clamp(2.75rem,2.5rem + 2cqi,3rem);position:relative}.profile__avatar .identicon{width:100%;height:auto;display:block}.profile__id{min-width:0}.profile__name-row{align-items:center;gap:8px;display:flex}.profile__name{color:#eaf2fa;overflow-wrap:anywhere;text-wrap:balance;margin:0;font-family:Orbitron,sans-serif;font-size:clamp(.95rem,.85rem + 1cqi,1.125rem);font-weight:700;line-height:1.15}.profile__grade-row{flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin-top:4px;display:flex}.profile__grade{letter-spacing:.02em;color:var(--gc);overflow-wrap:anywhere;font-family:Orbitron,sans-serif;font-size:clamp(.8rem,.72rem + .6cqi,.9rem);font-weight:900;line-height:1}.profile__elo-tag{letter-spacing:.14em;text-transform:uppercase;color:#6f8ba3;font-family:Share Tech Mono,monospace;font-size:9px;font-weight:400}.profile__elo{color:var(--gc);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:6px;font-family:Orbitron,sans-serif;font-size:clamp(.8rem,.72rem + .5cqi,.9rem);font-weight:600;display:inline-flex}.profile__progress{gap:6px;min-width:0;display:grid}.profile__ring{display:none}.profile__progress-head{align-items:baseline;gap:6px;min-width:0;display:flex}.profile__gradebar-kicker{letter-spacing:.16em;text-transform:uppercase;color:#6f8ba3;white-space:nowrap;font-family:Share Tech Mono,monospace;font-size:9px}.profile__gradebar-label{color:var(--gc);overflow-wrap:anywhere;min-width:0;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700}.profile__gradebar-pct{color:#eaf2fa;font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-family:Share Tech Mono,monospace;font-size:11px}@container (width>=641px){.profile__idcol{flex-direction:row;align-items:center;gap:16px}.profile__who{flex:auto;align-self:center}.profile__progress{border-left:1px solid #1a3a56cc;flex-direction:column;align-items:center;gap:8px;padding-left:16px;display:flex}.profile__progress .bar{display:none}.profile__progress-head{text-align:center;flex-direction:column;align-items:center;gap:2px;width:100%}.profile__progress-head .profile__gradebar-pct{display:none}.profile__ring{flex:none;width:64px;height:64px;display:block;position:relative}}.profile__ring svg,.trophy__ring svg{width:100%;height:100%;display:block}.ring__track{fill:none;stroke:#1a3a56e6;stroke-width:6px}.ring__fill{fill:none;stroke:var(--gc);stroke-width:6px;stroke-linecap:round}.ring__pct{color:#eaf2fa;font-variant-numeric:tabular-nums;place-items:center;font-family:Orbitron,sans-serif;font-size:13px;font-weight:700;display:grid;position:absolute;inset:0}.profile__ring .ring__pct{color:var(--gc)}.bar{background:#060a10;border:1px solid #1a3a56e6;border-radius:9999px;height:6px;overflow:hidden;box-shadow:inset 0 1px 2px #0009}.bar__fill{border-radius:9999px;height:100%}.bar__fill.grade-katipon,.bar__fill.grade-kawal,.bar__fill.grade-bayani{background:var(--gc);box-shadow:inset 0 1px #ffffff47}.bar__fill.tone--katipon{background:#cfcfcf}.bar__fill.tone--kawal{background:#4caf6d}.bar__fill.tone--bayani{background:#e04848}.bar__fill.tone--locked{background:#6f8ba3}.profile__quickstats{border-left:1px solid #1a3a56cc;flex-direction:column;justify-content:center;gap:8px;min-width:0;margin:0;padding-left:clamp(10px,.5rem + 1.5cqi,16px);display:flex}.tala{grid-template-columns:repeat(3,1fr);margin:0;display:grid}.tcell{text-align:center;flex-direction:column;align-items:center;gap:2px;min-width:0;margin:0;padding:2px 4px;display:flex}.tcell+.tcell{border-left:1px solid #1a3a56cc}.tcell__v{font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff;font-family:Orbitron,sans-serif;font-size:clamp(1rem,.9rem + 1cqi,1.2rem);font-weight:700;line-height:1.1}.tcell__k{letter-spacing:.14em;text-transform:uppercase;color:#8fb0c8;overflow-wrap:anywhere;font-size:10px;font-weight:600;line-height:1.3}.datos{border-top:1px solid #1a3a56cc;grid-template-columns:1fr 1fr;min-width:0;margin:0;padding-top:8px;display:grid}.datos .tcell__v{font-size:clamp(.95rem,.85rem + .8cqi,1.1rem)}@container (width<=640px){.profile__id-row{grid-template-columns:minmax(0,1fr)}.profile__quickstats{border-top:1px solid #1a3a56cc;border-left:0;padding-top:14px;padding-left:0}}@container (width<=480px){.profile__avatar{width:42px}.trophy__ring{width:44px;height:44px}.profile__card-head,.profile__id-row{padding:10px 12px}.profile__tablewrap{padding:0 12px}.profile__legend{padding:8px 12px 0}.profile__grid{padding:12px}.profile__quickstats{gap:8px}}.v--win{color:#4caf6d}.v--loss{color:#e04848}.v--draw,.v--gold{color:#d8b93e}.v--date{color:#7ab8d4}.profile__tablewrap{scrollbar-width:thin;padding:0 16px;overflow-x:auto}.profile__tablewrap:focus-visible{outline-offset:-2px;outline:2px solid #d4af37}.profile__history{border-collapse:collapse;width:100%;min-width:620px;font-size:11px}.profile__history th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:#6f8ba3;white-space:nowrap;border-bottom:1px solid #1a3a56;padding:8px;font-family:Share Tech Mono,monospace;font-size:10px}.profile__history td{white-space:nowrap;border-bottom:1px solid #1a3a5680;padding:8px}.profile__history th:first-child,.profile__history td:first-child{padding-left:0}.profile__history th:last-child,.profile__history td:last-child{padding-right:0}.foe{align-items:center;gap:8px;display:flex}.profile__history td.foe{position:sticky;left:0}.foe__box{flex-direction:column;display:flex}.foe__name{color:#c8d8e8;font-weight:500}.foe__rating{color:#8fb0c8;font-family:Share Tech Mono,monospace;font-size:10px}.c-res{color:#7ab8d4;font-weight:600}.c-reason{color:#7ab8d4}.c-moves,.c-dur{color:#8fb0c8;font-family:Share Tech Mono,monospace;font-size:11px}.c-elo{font-family:Orbitron,sans-serif;font-size:11px;font-weight:700}tr.is-panalo .c-elo{color:#4caf6d}tr.is-talo .c-elo{color:#e04848}tr.is-tabla .c-elo{color:#d8b93e}.c-date{color:#8fb0c8;font-family:Share Tech Mono,monospace;font-size:10px}.profile__empty{text-align:center;color:#8fb0c8}@container (width<=560px){.profile__tablewrap{overflow-x:visible}.profile__history{min-width:0;font-size:12px;display:block}.profile__history thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.profile__history tbody{flex-direction:column;gap:8px;padding:12px 0;display:flex}.profile__history tr{background:#060a1066;border:1px solid #1a3a56cc;border-radius:8px;grid-template-columns:1fr auto auto;gap:6px 8px;padding:12px 14px;display:grid}.profile__history td{white-space:nowrap;border:0;min-width:0;padding:0}.profile__history td.foe{background:0 0;grid-area:1/1/auto/3;position:static;overflow:hidden}.profile__history .foe__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile__history .c-elo{text-align:right;grid-area:1/3;align-self:center;font-size:15px}.profile__history .c-res{text-transform:uppercase;letter-spacing:.08em;grid-area:2/1/auto/3;font-size:12px;font-weight:700}.profile__history .c-reason{text-align:right;grid-area:2/3;align-self:baseline}.profile__history .c-moves{grid-area:3/1}.profile__history .c-dur{grid-area:3/2}.profile__history .c-date{text-align:right;grid-area:3/3}.profile__history .c-moves,.profile__history .c-dur,.profile__history .c-date{color:#6f8ba3;font-size:10px}.profile__history .profile__empty{text-align:center;white-space:normal;grid-column:1/-1}.profile__quickstats{flex-wrap:wrap;row-gap:12px}}.profile__legend{flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 16px 0;display:flex}.profile__legend-item{align-items:center;gap:4px;display:flex}.profile__legend-label{color:#8fb0c8;font-family:Share Tech Mono,monospace;font-size:10px}.pip{border:1px solid #2a4a6b;border-radius:50%;flex:none;width:6px;height:6px}.pip--katipon.is-on{background:#cfcfcf;border-color:#cfcfcf;box-shadow:0 0 4px #cfcfcf}.pip--kawal.is-on{background:#4caf6d;border-color:#4caf6d;box-shadow:0 0 4px #4caf6d}.pip--bayani.is-on{background:#e04848;border-color:#e04848;box-shadow:0 0 4px #e04848}.profile__grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;padding:16px;display:grid}.trophy{text-align:center;background:#0e152040;border:1px solid #1a3a5680;border-radius:8px;flex-direction:column;justify-content:flex-start;align-items:center;min-width:0;padding:12px 8px 10px;display:flex;overflow:hidden}.trophy.is-locked{opacity:.5}.trophy__ring{flex:none;width:56px;height:56px;margin-bottom:6px;position:relative}.trophy__ring .ring__track,.trophy__ring .ring__fill{stroke-width:5px}.trophy__ring .ring__pct{font-size:10px}.ring__fill.tone--katipon{stroke:#cfcfcf}.ring__fill.tone--kawal{stroke:#4caf6d}.ring__fill.tone--bayani{stroke:#e04848}.ring__fill.tone--locked{stroke:#2a4a6b}.trophy__name{color:#c8d8e8;overflow-wrap:anywhere;justify-content:center;align-items:flex-end;min-height:2.6em;margin:0;font-size:10px;font-weight:700;line-height:1.3;display:flex}.trophy:has(.tone--katipon){background:#cfcfcf12}.trophy:has(.tone--katipon) .trophy__name,.trophy:has(.tone--katipon) .ring__pct{color:#cfcfcf}.trophy:has(.tone--kawal){background:#4caf6d14}.trophy:has(.tone--kawal) .trophy__name,.trophy:has(.tone--kawal) .ring__pct{color:#4caf6d}.trophy:has(.tone--bayani){background:#e0484814}.trophy:has(.tone--bayani) .trophy__name,.trophy:has(.tone--bayani) .ring__pct{color:#e04848}.trophy:has(.tone--locked) .trophy__name,.trophy:has(.tone--locked) .ring__pct{color:#6f8ba3}.trophy__hint{color:#8fb0c8;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:6px 0 0;font-size:9px;line-height:1.35;display:-webkit-box;overflow:hidden}@media (prefers-reduced-motion:reduce){.toast,.bar__fill{transition:none;animation:none}}.baul{flex-direction:column;gap:12px;display:flex}.baul__card{backdrop-filter:blur(6px);background:#0d14201a;border:1px solid #d4af3729;border-radius:8px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 8px 24px #00000059}.baul__card:first-child{background:#d4af3715}.baul__card-head{border-bottom:1px solid #1a3a56cc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.baul__title{color:#c8d8e8;margin:0;font-family:Orbitron,sans-serif;font-size:12px;font-weight:600}.baul__price,.baul__slot-meta{color:#8fb0c8;font-family:Share Tech Mono,monospace;font-size:10px}.baul__price{color:#d4af37}.baul__membership{flex-direction:column;gap:8px;padding:12px 16px;display:flex}.baul__state{color:#c8d8e8;margin:0;font-size:12px}.baul__actions{flex-wrap:wrap;gap:8px;display:flex}.baul__btn{cursor:pointer;color:#d8e6f2;background:#16232f;border:1px solid #2b4a66;border-radius:4px;padding:6px 10px;font-size:11px}.baul__btn:hover{border-color:#4a7ba3}.baul__btn--primary{color:#10161f;background:#d4af37;border-color:#d4af37;font-weight:600}.baul__btn--primary:hover{background:#e6c65a;border-color:#e6c65a}.baul__btn--ghost{background:0 0}.baul__note{color:#6f8ba3;margin:0;font-size:10px;line-height:1.4}.baul__status:empty{display:none}.baul__items{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;padding:16px;display:grid}.baul__item{background:#060a1066;border:1px solid #1a3a56cc;border-radius:8px;flex-direction:column;align-items:stretch;gap:8px;padding:12px;display:flex}.baul__item.is-equipped{background:#d4af370f;border-color:#d4af3773}.baul__item.is-locked{background:#060a1040;border-color:#1a3a5680}.baul__item-name{color:#e6eef6;font-size:12px}.baul__item.is-locked .baul__item-name{color:#5f7183}.baul__item-tag{letter-spacing:.14em;text-transform:uppercase;color:#8fb0c8;align-self:flex-start;font-size:9px;font-weight:600}.baul__item.is-equipped .baul__item-tag{color:#d4af37}.baul__item.is-locked .baul__item-tag{color:#7d5a5a}.baul__item-action{cursor:pointer;color:#d8e6f2;background:#16232f;border:1px solid #2b4a66;border-radius:4px;padding:4px 10px;font-size:11px}.baul__item-preview{cursor:pointer;color:#8fb0c8;background:0 0;border:1px solid #2b4a66cc;border-radius:4px;padding:4px 8px;font-size:10px}.baul__item-preview,.baul__item-action{text-align:center;width:100%}.baul__item-preview{margin-top:auto}.baul__item-preview:hover{color:#d8e6f2;border-color:#4a7ba3}.baul__item-action:hover:not(:disabled){border-color:#4a7ba3}.baul__item-action:disabled{cursor:default;opacity:.55}.baul__item.is-equipped .baul__item-action{color:#d4af37;border-color:#d4af3766}.store-preview{width:min(420px,94vw)}.store-preview__stage{background:#05080d;border:1px solid #1a3a56cc;border-radius:6px;margin-top:8px;overflow:hidden}.store-preview__canvas{aspect-ratio:4/3;touch-action:none;cursor:grab;width:100%;display:block}.store-preview__canvas:active{cursor:grabbing}.store-preview__note{color:#8fb0c8;min-height:1em;margin:8px 0 0;font-size:10px;line-height:1.4}.store-preview__phrases{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}.store-preview__phrase{text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#d8e6f2;background:#16232f;border:1px solid #2b4a66;border-radius:4px;min-width:0;padding:6px 8px;font-size:11px;overflow:hidden}.privacy{z-index:1;justify-content:center;align-items:flex-start;min-height:100vh;padding:32px 16px;display:flex;position:relative}.privacy__card{backdrop-filter:blur(6px);background:#0d1420b8;border:1px solid #d4af3729;border-radius:8px;width:min(720px,100%);padding:32px;box-shadow:inset 0 1px #ffffff08,0 8px 24px #00000059}.privacy__title{color:#c8d8e8;margin:0;font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:600}.privacy__meta{letter-spacing:.08em;color:#6f8ba3;margin:4px 0 24px;font-family:Share Tech Mono,monospace;font-size:.625rem}.privacy__section{margin-top:24px}.privacy__section h2{color:#d4af37;margin:0 0 8px;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:600}.privacy__body{color:#c8d8e8;margin:0;font-family:"Exo 2",sans-serif;font-size:.875rem;line-height:1.55}.privacy__list{color:#c8d8e8;margin:0;padding-left:1.1em;font-family:"Exo 2",sans-serif;font-size:.875rem;line-height:1.55}.privacy__list li+li{margin-top:8px}.privacy__link{color:#d4af37;text-underline-offset:2px}.privacy__back-row{margin:32px 0 0}.privacy__back{color:#8fb0c8;text-underline-offset:2px;font-family:Share Tech Mono,monospace;font-size:.625rem}.privacy__back:hover{color:#d4af37}.tutorial__step{z-index:60;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.tutorial__step[hidden]{display:none}.tutorial__card{color:#c8d8e8;background:#0e1520;border:1px solid #d4af3770;flex-direction:column;gap:8px;width:min(420px,100%);padding:12px 14px 14px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 32px #0009,0 0 24px #d4af374d}.tutorial__card>.match-modal__actions{margin-top:4px}.tutorial__card .match-modal__edge{background:linear-gradient(90deg,#d4af37 0%,#d4af3721 100%)}.tutorial__card .match-modal__corner{border-color:#d4af3770}.tutorial__card .match-modal__title{color:#d4af37}.tutorial__input{text-transform:uppercase}.tutorial__error[hidden]{display:none}.luna{z-index:60;padding:0 calc(16px + env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px));pointer-events:none;align-items:flex-end;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.luna[hidden],.luna__scrim{display:none}.luna--covered .luna__scrim{z-index:-1;pointer-events:auto;background:#000;display:block;position:fixed;inset:0}.luna__portrait{height:var(--luna-avatar-h,clamp(140px, 30vh, 260px));filter:drop-shadow(0 8px 24px #0000008c);pointer-events:none;align-self:flex-end;width:auto}.luna__portrait[hidden],.luna--no-avatar .luna__portrait{display:none}.luna__box{pointer-events:auto;background:#05080ce0;border:1px solid #1a3a56;border-left:3px solid #d4af37;flex-direction:column;flex:auto;gap:8px;min-width:0;max-width:min(640px,62vw);padding:12px 16px;display:flex}.luna__name{color:#d4af37;letter-spacing:.12em;text-transform:uppercase;margin:0;font-family:Orbitron,sans-serif;font-size:.75rem}.luna__text{color:#c8d8e8;min-height:2.7em;margin:0;font-size:.875rem;line-height:1.45}.luna__nudge{top:calc(24px + env(safe-area-inset-top,0px));z-index:1;color:#d4af37;letter-spacing:.02em;text-align:center;text-shadow:0 2px 10px #000000e6;pointer-events:none;background:0 0;border:0;max-width:min(560px,100% - 32px);margin:0;padding:0;font-family:Orbitron,sans-serif;font-size:.875rem;position:fixed;left:50%;transform:translate(-50%)}.luna__nudge[hidden]{display:none}.luna__controls{justify-content:flex-end;gap:8px;display:flex}.luna--stacked{flex-direction:column;align-items:flex-start;gap:8px}.luna--stacked .luna__portrait{align-self:flex-start}.luna--stacked .luna__box{width:100%;max-width:none}.luna--no-advance .luna__next{visibility:hidden}@media (width<=720px){.luna__box{max-width:none}}