.notif{display:flex;position:relative}.notif-toggle{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff30;place-items:center;width:38px;height:38px;transition:color .2s,border-color .2s;display:grid;position:relative}.notif-toggle:hover,.notif-toggle[aria-expanded=true]{border-color:var(--acid);color:var(--acid)}.notif-toggle svg{width:16px;height:16px}.notif-badge{background:var(--acid);color:#071006;text-align:center;min-width:17px;padding:3px 4px;font:900 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:-7px;right:-7px}.notif-panel{z-index:90;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#ffffffb0;white-space:normal;background:#050707f5;border:1px solid #ffffff24;gap:1px;width:min(380px,100vw - 24px);max-height:min(70vh,560px);display:grid;position:absolute;top:calc(100% + 12px);right:0;overflow-y:auto;box-shadow:0 22px 60px #000b}.notif-head,.notif-pref{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.notif-head strong{color:#fff;letter-spacing:.17em;text-transform:uppercase;font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.notif-pref{letter-spacing:.06em;cursor:pointer;border-top:1px solid #ffffff12;justify-content:flex-start;font:700 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.notif-pref input{accent-color:var(--acid);width:16px;height:16px}.notif-link{color:var(--acid);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.notif-link:disabled{color:#ffffff50;cursor:default}.notif-empty,.notif-error{letter-spacing:.06em;margin:0;padding:18px 16px;font:700 11px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.notif-error{color:#ff6b75}.notif-list{margin:0;padding:0;list-style:none}.notif-list li{border-top:1px solid #ffffff12}.notif-list a{color:inherit;border-left:3px solid #0000;gap:6px;padding:14px 16px 14px 20px;text-decoration:none;display:grid}.notif-list li.is-unread a{border-left-color:var(--acid);background:#77ca3b0f}.notif-list a:hover,.notif-list a:focus-visible{background:#ffffff0d}.notif-list strong{color:#fff;font-size:14px;line-height:1.3}.notif-list span{font-size:13px;line-height:1.4}.notif-list small{color:#ffffff70;letter-spacing:.12em;text-transform:uppercase;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.notif-toggle:focus-visible,.notif-link:focus-visible,.notif-list a:focus-visible,.notif-pref:focus-within{outline:2px solid var(--acid);outline-offset:2px}@media (max-width:900px){.site-header:has(.notif){grid-template-columns:1fr auto auto;column-gap:10px}.site-header .header-actions:has(.notif){display:flex}.site-header .header-actions:has(.notif)>:not(.notif){display:none}}@media (max-width:600px){.notif{position:static}.notif-panel{width:auto;max-height:calc(100dvh - 76px);position:fixed;top:64px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){.notif-toggle{transition:none}}
.site-shell{flex-direction:column;min-height:100svh;display:flex}.site-shell-stage{background:radial-gradient(55rem 45rem at 100% 0%, #5e69bb20, transparent 65%), radial-gradient(45rem 40rem at 0% 90%, #14b2cf17, transparent 65%), var(--site-surface);flex:1;padding:calc(68px + clamp(40px,7vw,96px)) clamp(16px,4vw,72px) clamp(64px,9vw,120px)}.auth-main,.app-main{flex-direction:column;gap:34px;width:100%;margin:0 auto;display:flex}.auth-main{gap:26px;max-width:560px}.app-title{border-top:1px solid #ffffff25;gap:18px;padding-top:24px;display:grid}.app-title small{color:var(--acid);letter-spacing:.22em;text-transform:uppercase;font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.app-title h1{color:var(--site-foreground);letter-spacing:-.07em;word-spacing:.18em;text-transform:uppercase;overflow-wrap:anywhere;margin:0;font-size:clamp(52px,8vw,104px);font-weight:950;line-height:.86}.app-title p,.app-lede{color:#ffffffa8;max-width:620px;margin:0;font-size:16px;line-height:1.65}.app-title code,.app-code{color:#f5f7f2;background:#ffffff10;font:700 12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.app-title code{padding:2px 6px}.app-empty{color:#ffffff9a;letter-spacing:.1em;text-transform:uppercase;margin:0;font:700 11px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.app-panel,.app-member{--card-accent:#77ca3b;--card-rgb:119, 202, 59;border:1px solid var(--site-border);background:var(--site-card-surface);position:relative;overflow:hidden}.app-panel{flex-direction:column;gap:22px;padding:clamp(22px,3vw,34px);display:flex}.app-confirm-dialog{width:min(32rem,100vw - 2rem);max-width:none;max-height:calc(100dvh - 2rem);color:var(--site-foreground);background:0 0;border:0;margin:auto;padding:0;overflow:visible}.app-confirm-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000c7}.app-confirm-panel{margin:0}.app-confirm-panel>p{color:var(--site-muted);margin:0;line-height:1.6}.app-confirm-panel .games-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.app-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.app-panel-head>div:first-child{gap:12px;display:grid}.app-panel-head small{color:var(--card-kicker,var(--card-accent));letter-spacing:.22em;text-transform:uppercase;font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.app-panel-head h2{letter-spacing:-.05em;word-spacing:.15em;text-transform:uppercase;margin:0;font-size:clamp(26px,3.4vw,38px);font-weight:950;line-height:.9}.app-panel-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.app-stack{flex-direction:column;gap:18px;display:flex}.app-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;display:grid}.app-form{flex-direction:column;gap:18px;max-width:720px;display:flex}.app-form.is-row{flex-flow:wrap;align-items:flex-end}.app-form.is-row .app-field{flex:200px}.app-field{flex-direction:column;gap:9px;display:flex}.app-field>span{color:#ffffffb0;letter-spacing:.17em;text-transform:uppercase;font:800 9px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.app-input{background:var(--site-surface);width:100%;min-height:46px;color:var(--site-foreground);border:1px solid #ffffff30;border-radius:0;padding:12px 14px;font-family:inherit;font-size:15px;font-weight:500;line-height:1.4;transition:border-color .2s,background .2s}.app-input::placeholder{color:#ffffff60}.app-input:hover{border-color:#ffffff60}.app-input:focus-visible{border-color:var(--acid);outline:2px solid var(--acid);outline-offset:2px}.app-checks{border:0;flex-flow:wrap;gap:8px 18px;margin:0;padding:0;display:flex}.app-checks legend{color:#ffffffb0;letter-spacing:.17em;text-transform:uppercase;margin-bottom:9px;padding:0;font:800 9px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.app-checks label{align-items:center;gap:8px;font-size:15px;display:inline-flex}.app-checks input{width:18px;height:18px;accent-color:var(--acid)}textarea.app-input{resize:vertical;min-height:112px}.app-input.is-compact{width:120px;min-height:36px;padding:8px 10px;font-size:13px}.app-btn{cursor:pointer;letter-spacing:.16em;text-transform:uppercase;border:0;border-radius:0;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:16px 20px;font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-decoration:none;transition:background .25s,color .25s,border-color .25s,transform .1s;display:inline-flex}.app-btn.x-secondary{border:1px solid #fff4}.app-btn.is-small{min-height:36px;padding:11px 14px;font-size:9px}.app-btn.is-danger{color:#ff6b75;background:0 0;border:1px solid #ee283580}.app-btn.is-danger:hover{color:#fff;background:#ee283526;border-color:#ee2835}.app-btn:disabled{cursor:not-allowed;opacity:.5}.app-btn:active:not(:disabled){transform:translateY(1px)}.app-btn:focus-visible,.app-file:focus-within{outline:2px solid var(--acid);outline-offset:3px}.app-notice{border:1px solid color-mix(in srgb, var(--notice,#77ca3b) 45%, transparent);box-shadow:inset 3px 0 var(--notice,#77ca3b);color:#f5f7f2;letter-spacing:.06em;background:#050707d9;margin:0;padding:13px 16px;font:700 11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.app-notice.is-error{--notice:#ee2835}.app-notice.is-warn{--notice:#ff9d3b}.app-readout{color:#f5f7f2;letter-spacing:.04em;margin:0;font:700 13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.app-meta{color:#ffffff8a;letter-spacing:.08em;font:700 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.app-meta.is-warn{color:#ff9d3b}.app-reveal,.app-code-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.app-reveal{flex-direction:column;align-items:stretch}.app-code{overflow-wrap:anywhere;border:1px solid #ffffff1f;padding:9px 12px}.app-table-wrap{margin:0 -4px;overflow-x:auto}.app-table{border-collapse:collapse;text-align:left;width:100%;min-width:560px;font-size:14px}.app-table th{color:#ffffff8a;letter-spacing:.17em;text-transform:uppercase;padding:0 14px 14px 4px;font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.app-table td{color:#f5f7f2;vertical-align:middle;border-top:1px solid #ffffff1c;padding:14px 14px 14px 4px}.app-table td.is-mono{letter-spacing:.04em;font:700 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.app-table td.is-end,.app-table th:last-child{text-align:right}.app-usage-cell{min-width:200px}.app-pill{color:#ffffffb0;letter-spacing:.14em;text-transform:uppercase;border:1px solid #ffffff30;padding:6px 9px;font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block}.app-pill.is-off{color:#ffffffb0;border-color:#ffffff30}.app-pill.is-ok{color:#77ca3b;border-color:#77ca3b88}.app-pill.is-admin{color:#b86cff;border-color:#b86cff88}.app-pill.is-alert{color:#ffd23b;border-color:#ffd23b88}.app-pill.is-degrade{color:#ff9d3b;border-color:#ff9d3b88}.app-pill.is-stop{color:#ff6b75;border-color:#ee283588}.app-bar{background:#ffffff1a;height:8px;margin-bottom:8px;overflow:hidden}.app-bar-fill{background:#77ca3b;height:100%;box-shadow:0 0 12px #77ca3b88}.app-bar-fill.is-alert{background:#ffd23b;box-shadow:0 0 12px #ffd23b88}.app-bar-fill.is-degrade{background:#ff9d3b;box-shadow:0 0 12px #ff9d3b88}.app-bar-fill.is-stop{background:#ee2835;box-shadow:0 0 12px #ee283588}.app-member-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.app-member{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:34px 18px 26px;transition:transform .35s,border-color .35s;display:flex}.app-member:hover{border-color:rgba(var(--card-rgb), .72);transform:translateY(-6px)}.app-member-name{letter-spacing:-.03em;text-transform:uppercase;overflow-wrap:anywhere;margin-top:6px;font-size:18px;font-weight:900}.app-member-handle{color:var(--card-accent);letter-spacing:.17em;text-transform:uppercase;font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.app-avatar{object-fit:cover;border:1px solid #ffffff30;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 0 24px #77ca3b26}.app-avatar.is-initial{color:var(--acid);background:#050707;font-weight:950}.app-avatar-card{flex-flow:wrap;align-items:center;gap:22px}.app-avatar-actions{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.app-file{cursor:pointer}@media (max-width:900px){.app-split{grid-template-columns:1fr}}@media (max-width:600px){.site-shell-stage{padding-top:104px}.app-main{gap:26px}.app-member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-member{padding:26px 12px 20px}.app-input,.app-input.is-compact{font-size:16px}.app-btn.is-small{min-height:44px}.app-form.is-row .app-btn{width:100%}}@media (prefers-reduced-motion:reduce){.app-member,.app-btn{transition:none}}