@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#06070a;--surface:#0e0f14;--surface-raised:#14151c;--surface-soft:#1a1b24;--text:#f4f4f8;--text2:#c8c0d4;--muted:#9a9aaa;--border:#2a2b36;--gold:#f0c040;--gold2:#e8a820;--gold-deep:#8a6410;--platinum:#c8d4f0;--indigo:#0221ed;--indigo-faint:#0a1433;--teal:#14b8a6;--cyan:#22d3ee;--purple:#8b5cf6;--rose:#f472b6;--amber:#f59e0b;--creation:#f0c040;--elevation:#22d3ee;--collaboration:#8b5cf6;--communication:#f472b6;--c:var(--creation);--font-body:"Montserrat", sans-serif;--font-display:"Bebas Neue", sans-serif;--radius-lg:12px;--radius-md:8px;--radius-sm:6px;--shell-max:460px;--hud-h:56px;--nav-h:64px;--edge-w:30px;--glow:0 0 14px color-mix(in srgb, var(--c) 55%, transparent);font-family:var(--font-body);-webkit-font-smoothing:antialiased}html,body{font-family:var(--font-body);color:var(--text);background:radial-gradient(ellipse 85% 70% at 50% 26%, color-mix(in srgb, var(--c) 12%, transparent) 0%, transparent 55%), radial-gradient(ellipse 70% 55% at 50% 100%, var(--indigo-faint) 0%, transparent 50%), var(--bg);min-height:100svh;margin:0;font-weight:500;transition:background .5s;overflow:hidden}#root{min-height:100svh}h1,h2,h3,h4,p{margin:0}button,select,input,textarea{font-family:var(--font-body);color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted);font-size:12px}.dim{color:var(--text2)}.shell{height:100svh;max-height:100svh;max-width:var(--shell-max);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.shell:before,.shell:after{content:"";background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--c) 30%, transparent), transparent);pointer-events:none;z-index:1;width:1px;position:absolute;top:0;bottom:0}.shell:before{left:0}.shell:after{right:0}.scanlines{pointer-events:none;z-index:60;opacity:.035;background:repeating-linear-gradient(#fff9 0 1px,#0000 1px 3px);position:absolute;inset:0}.scroll{min-height:0;padding:calc(var(--hud-h) + 48px) calc(var(--edge-w) + 8px) calc(var(--nav-h) + var(--edge-w) + 34px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.scroll::-webkit-scrollbar{width:2px}.scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--c) 45%, transparent);border-radius:999px}.hud{z-index:50;padding-top:env(safe-area-inset-top);border-bottom:1px solid color-mix(in srgb, var(--c) 30%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#06070ae6;position:absolute;top:0;left:0;right:0}.hud:before,.hud:after{content:"";border-bottom:2px solid var(--c);pointer-events:none;width:22px;height:10px;position:absolute;bottom:-1px}.hud:before{border-left:2px solid var(--c);left:0}.hud:after{border-right:2px solid var(--c);right:0}.hud-row{height:var(--hud-h);justify-content:space-between;align-items:center;gap:8px;padding:0 12px;display:flex}.hud-brand{align-items:center;gap:9px;min-width:0;display:flex}.hud-mark{background:conic-gradient(from 210deg, #ffe9ae, var(--platinum), var(--c), #ffe9ae);color:#0a0b0f;width:28px;height:28px;box-shadow:var(--glow);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.hud-title{font-family:var(--font-display);letter-spacing:.12em;color:var(--c);text-shadow:0 0 12px color-mix(in srgb, var(--c) 60%, transparent);white-space:nowrap;font-size:22px;line-height:1}.hud-sub{letter-spacing:.22em;color:var(--muted);text-transform:uppercase;font-size:9px}.hud-right{flex-shrink:0;align-items:center;gap:7px;display:flex}.hud-level{font-family:var(--font-display);letter-spacing:.08em;background:linear-gradient(135deg, color-mix(in srgb, var(--c) 22%, transparent), transparent);border:1px solid color-mix(in srgb, var(--c) 55%, transparent);color:var(--c);box-shadow:inset 0 0 10px color-mix(in srgb, var(--c) 12%, transparent);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:14px}.avatar{color:#0a0b0f;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:grid}.avatar.sm{width:24px;height:24px;font-size:9px}.avatar.lg{width:52px;height:52px;font-size:17px}.edge{z-index:45;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06070ae6;justify-content:center;align-items:center;transition:all .22s;display:flex;position:absolute}.edge:active{transform:scale(.97)}.edge-v{width:var(--edge-w);height:190px;top:50%;transform:translateY(-50%)}.edge-l{border:1px solid color-mix(in srgb, var(--e) 60%, transparent);box-shadow:4px 0 20px color-mix(in srgb, var(--e) 30%, transparent);border-left:none;border-radius:0 14px 14px 0;left:0}.edge-r{border:1px solid color-mix(in srgb, var(--e) 60%, transparent);box-shadow:-4px 0 20px color-mix(in srgb, var(--e) 30%, transparent);border-right:none;border-radius:14px 0 0 14px;right:0}.edge-b{width:196px;height:var(--edge-w);left:50%;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));border:1px solid color-mix(in srgb, var(--e) 60%, transparent);box-shadow:0 -4px 20px color-mix(in srgb, var(--e) 30%, transparent);border-bottom:none;border-radius:14px 14px 0 0;transform:translate(-50%)}.edge-label{font-family:var(--font-display);letter-spacing:.28em;color:var(--e);text-shadow:0 0 10px color-mix(in srgb, var(--e) 60%, transparent);text-transform:uppercase;white-space:nowrap;font-size:13px}.edge-v .edge-label{flex-direction:column;align-items:center;line-height:1.02;display:flex}.edge-v .edge-label i{letter-spacing:0;font-size:11px;font-style:normal;display:block}.edge-glyph{opacity:.9;filter:drop-shadow(0 0 6px var(--e));position:absolute}.edge-l .edge-glyph,.edge-r .edge-glyph{top:8px}.edge-b .edge-glyph{left:10px}.popout{z-index:70;border:1px solid color-mix(in srgb, var(--e) 50%, transparent);box-shadow:0 0 44px #000000bf, 0 0 22px color-mix(in srgb, var(--e) 25%, transparent);background:#0a0b10f7;flex-direction:column;gap:12px;padding:16px 16px 18px;display:flex;position:absolute}.popout:before{content:"";border-top:2px solid var(--e);border-left:2px solid var(--e);width:20px;height:20px;position:absolute;top:-1px;left:-1px}.popout:after{content:"";border-bottom:2px solid var(--e);border-right:2px solid var(--e);width:20px;height:20px;position:absolute;bottom:-1px;right:-1px}.popout-l{border-radius:0 16px 16px 0;width:78%;animation:.26s cubic-bezier(.2,.9,.3,1) slideL;top:50%;left:0;transform:translateY(-50%)}.popout-r{border-radius:16px 0 0 16px;width:78%;animation:.26s cubic-bezier(.2,.9,.3,1) slideR;top:50%;right:0;transform:translateY(-50%)}.popout-b{left:0;right:0;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;animation:.26s cubic-bezier(.2,.9,.3,1) slideB}@keyframes slideL{0%{opacity:0;transform:translate(-100%,-50%)}}@keyframes slideR{0%{opacity:0;transform:translate(100%,-50%)}}@keyframes slideB{0%{opacity:0;transform:translateY(100%)}}.popout-kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:10px}.popout-title{font-family:var(--font-display);letter-spacing:.06em;color:var(--e);text-shadow:0 0 16px color-mix(in srgb, var(--e) 50%, transparent);font-size:30px;line-height:1}.popout-body{color:var(--text2);font-size:13px;line-height:1.5}.popout-stats{flex-wrap:wrap;gap:8px;display:flex}.scrim{z-index:65;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0304069e;position:absolute;inset:0}.nav{z-index:55;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid color-mix(in srgb, var(--c) 28%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#06070af2;align-items:stretch;display:flex;position:absolute;bottom:0;left:0;right:0}.nav:before,.nav:after{content:"";border-top:2px solid var(--c);pointer-events:none;width:22px;height:10px;position:absolute;top:-1px}.nav:before{border-left:2px solid var(--c);left:0}.nav:after{border-right:2px solid var(--c);right:0}.nav button{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 2px;font-size:9px;font-weight:700;transition:color .18s;display:flex}.nav button.on{color:var(--c)}.nav button.on .navdot{opacity:1;box-shadow:0 0 10px var(--c)}.navdot{background:var(--c);opacity:0;border-radius:2px;width:16px;height:2px;transition:opacity .18s}.nav .home{color:var(--gold)}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:#14151cb8;padding:13px}.card+.card{margin-top:10px}.card--live{border-color:color-mix(in srgb, var(--c) 45%, transparent);box-shadow:inset 0 0 22px color-mix(in srgb, var(--c) 7%, transparent)}.kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:10px}.title{font-family:var(--font-display);letter-spacing:.05em;font-size:26px;line-height:1.05}.title-sm{font-family:var(--font-display);letter-spacing:.06em;font-size:19px}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.stack{flex-direction:column;gap:10px;display:flex}.hr{background:var(--border);border:0;height:1px;margin:12px 0}.chip{color:var(--text2);white-space:nowrap;background:#06070acc;border:1px solid #ffffff1f;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.chip.on{color:var(--c);border-color:var(--c);box-shadow:0 0 12px color-mix(in srgb, var(--c) 45%, transparent);background:#06070af0}.chip.subject{color:var(--c);border-style:dashed}.chips{scrollbar-width:none;gap:6px;padding:2px 0 6px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.btn{border:1px solid var(--border);background:var(--surface-raised);color:var(--text);border-radius:var(--radius-md);padding:8px 13px;font-size:12.5px;font-weight:700}.btn.on,.btn--go{border-color:var(--c);color:#14100a;background:linear-gradient(180deg, #ffe9ae, var(--c));box-shadow:var(--glow)}.btn.ghost{color:var(--text2);background:0 0}.btn.sm{padding:5px 10px;font-size:11.5px}.btn:disabled{opacity:.4}input,textarea,select{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text);background:#0006;outline:none;padding:9px 11px;font-size:13px}input:focus,textarea:focus,select:focus{border-color:color-mix(in srgb, var(--c) 60%, transparent)}textarea{resize:vertical;min-height:74px}select option{background:var(--surface-raised)}label.field{display:block}label.field>span{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:10px;display:block}.meter{background:#ffffff14;border-radius:999px;height:5px;overflow:hidden}.meter>i{background:linear-gradient(90deg, var(--gold2), var(--c));height:100%;display:block}.meter.rainbow>i{background:linear-gradient(90deg, var(--rose), var(--amber), var(--teal), var(--cyan), var(--purple))}.stat{border:1px solid var(--border);border-radius:var(--radius-md);background:#14151c99;padding:9px 10px}.stat b{font-family:var(--font-display);color:var(--c);letter-spacing:.04em;font-size:21px;display:block}.stat span{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:9px}.grid2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.grid3{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.post-body{color:var(--text2);white-space:pre-wrap;font-size:13.5px;line-height:1.55}.comment{border-left:2px solid color-mix(in srgb, var(--c) 40%, transparent);margin-top:8px;padding:6px 0 6px 10px}.empty{text-align:center;color:var(--muted);padding:26px 10px;font-size:12.5px}.media{border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--c) 32%, transparent);background:radial-gradient(520px 200px at 50% 0%, color-mix(in srgb, var(--c) 14%, transparent), #0000006b);place-items:center;display:grid;overflow:hidden}.media .play{color:var(--c);text-shadow:0 0 18px var(--c);font-size:26px}.world-enter{animation:.42s cubic-bezier(.2,.9,.3,1) worldIn}@keyframes worldIn{0%{opacity:0;filter:blur(6px);transform:scale(.985)}to{opacity:1;filter:none;transform:none}}.flash{z-index:80;pointer-events:none;background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--c) 26%, transparent), transparent 62%);animation:.46s ease-out forwards flash;position:absolute;inset:0}@keyframes flash{to{opacity:0}}@media (width>=520px){.shell{border-left:1px solid var(--border);border-right:1px solid var(--border)}}.overlay{z-index:75;background:#06070afb;flex-direction:column;animation:.3s cubic-bezier(.2,.9,.3,1) ovIn;display:flex;position:absolute;inset:0}.overlay--l{transform-origin:0}.overlay--r{transform-origin:100%}.overlay--b{transform-origin:bottom}@keyframes ovIn{0%{opacity:0;filter:blur(8px);transform:scale(.94)}}.overlay:before,.overlay:after{content:"";pointer-events:none;width:26px;height:26px;position:absolute}.overlay:before{border-top:2px solid var(--e);border-left:2px solid var(--e);top:0;left:0}.overlay:after{border-bottom:2px solid var(--e);border-right:2px solid var(--e);bottom:0;right:0}.ov-bar{padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top));border-bottom:1px solid color-mix(in srgb, var(--e) 40%, transparent);background:#06070af5;flex:none;align-items:center;gap:8px;display:flex}.ov-glyph{border:1px solid var(--e);width:26px;height:26px;color:var(--e);box-shadow:0 0 12px color-mix(in srgb, var(--e) 45%, transparent);border-radius:50%;flex:none;place-items:center;font-size:12px;display:grid}.ov-name{font-family:var(--font-display);letter-spacing:.1em;color:var(--e);text-shadow:0 0 12px color-mix(in srgb, var(--e) 50%, transparent);font-size:19px;line-height:1}.ov-sub{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:9px}.ov-body{min-height:0;padding:14px 14px calc(var(--nav-h) + 20px);flex:1;overflow-y:auto}.ov-body::-webkit-scrollbar{width:2px}.ov-body::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--e) 45%, transparent)}.ov-nav{border-top:1px solid color-mix(in srgb, var(--e) 32%, transparent);padding-bottom:env(safe-area-inset-bottom);background:#06070af7;flex:none;display:flex}.ov-nav button{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:3px;padding:11px 2px;font-size:9px;font-weight:700;display:flex}.ov-nav button.on{color:var(--e)}.ov-nav .dot{background:var(--e);opacity:0;border-radius:2px;width:15px;height:2px}.ov-nav button.on .dot{opacity:1;box-shadow:0 0 8px var(--e)}.btn-expand{border:1px solid var(--e);color:var(--e);letter-spacing:.08em;white-space:nowrap;background:color-mix(in srgb, var(--e) 12%, transparent);border-radius:999px;padding:5px 11px;font-size:10.5px;font-weight:800}.ext-rail{z-index:46;left:50%;top:calc(var(--hud-h) + env(safe-area-inset-top) + 8px);align-items:center;gap:7px;display:flex;position:absolute;transform:translate(-50%)}.ext{border:1px solid color-mix(in srgb, var(--x) 55%, transparent);width:26px;height:26px;color:var(--x);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 10px color-mix(in srgb, var(--x) 32%, transparent);background:#06070ae0;border-radius:50%;flex:none;place-items:center;font-size:11px;transition:transform .16s;display:grid}.ext:active{transform:scale(.9)}.ext--add{color:var(--muted);border-style:dashed;border-color:var(--border)}.ext-sheet{z-index:78;left:10px;right:10px;top:calc(var(--hud-h) + env(safe-area-inset-top) + 44px);border:1px solid var(--border);border-radius:var(--radius-lg);background:#0a0b10fa;padding:12px;animation:.2s ease-out rise;position:absolute;box-shadow:0 16px 44px #000000b3}@keyframes rise{0%{opacity:0;transform:translateY(-10px)}}.cal-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.cal-h{text-align:center;letter-spacing:.1em;color:var(--muted);padding-bottom:4px;font-size:9px}.cal-d{aspect-ratio:1;border:1px solid var(--border);background:#14151c80;border-radius:7px;flex-direction:column;gap:2px;padding:3px 4px;display:flex;position:relative}.cal-d.out{opacity:.3}.cal-d.today{border-color:var(--c);box-shadow:inset 0 0 12px color-mix(in srgb, var(--c) 18%, transparent)}.cal-d.has{border-color:color-mix(in srgb, var(--c) 55%, transparent)}.cal-n{color:var(--text2);font-size:10px;font-weight:700}.cal-d.today .cal-n{color:var(--c)}.cal-dot{background:var(--c);opacity:.85;border-radius:2px;width:100%;height:3px}.cal-more{color:var(--muted);font-size:8px}.cal-sel{margin-top:12px}.mc-row{border-bottom:1px solid var(--line,#ffffff1f);width:100%;color:inherit;text-align:left;background:0 0;align-items:center;gap:8px;padding:10px 0;font-size:12px;display:flex}.mc-row:last-child{border-bottom:0}.mc-row b{font-size:12.5px}.mc-cover{z-index:1000;background:#000000c7;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.mc-sheet{flex-direction:column;width:min(600px,100%);max-height:calc(100dvh - 24px);display:flex;overflow:hidden}.mc-scroll{overscroll-behavior:contain;padding:0 2px 12px;overflow:auto}.mc-swatch{border:1px solid #fff3;border-radius:6px;width:34px;height:34px}.mc-score{padding:8px 0;font-size:11px}.mc-track{background:#ffffff24;height:3px;margin-top:5px}.mc-track span{background:var(--c,var(--gold));height:100%;display:block}.mc-filters{flex-wrap:wrap;gap:4px;display:flex}.mc-filters select{flex:105px;min-width:0;font-size:11px}.mc-sheet input,.mc-sheet select{max-width:100%}.mc-solo-hud .hud-row{height:56px}.mc-solo-hud .hud-brand{flex:1;min-width:0}.mc-solo-hud .hud-title{letter-spacing:.08em;font-size:clamp(17px,4vw,22px)}.mc-member-row{justify-content:flex-end;padding:0 12px 7px;display:flex}.mc-member-row select{max-width:180px;font-size:11px}.mc-solo-hud+.scroll{padding-top:calc(var(--hud-h) + 48px)!important}