@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Arial,sans-serif;color:#f4f3f2;background:#101114;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#101114;--surface:#18191d;--line:#2b2c31;--muted:#898990;--orange:#ff6038;--pink:#fc8780}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.home{max-width:1440px;margin:auto;padding:0 7.2vw}.nav{height:86px;border-bottom:1px solid #2a2b2f;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700;letter-spacing:-.035em}.brand>b,.brand b{font-weight:400;color:#aaa9ad}.brand-mark{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#111;font-size:17px;font-weight:800;font-style:italic}.nav nav{margin-left:auto;margin-right:40px;color:#b0afb3;font-size:12px}.discord{display:flex;align-items:center;gap:9px;background:#1a1b1f;border:1px solid #393a3f;border-radius:4px;padding:11px 15px;font-size:11px;font-weight:600;transition:.2s}.discord:hover{border-color:var(--orange);color:var(--orange)}.hero{height:480px;position:relative;border-bottom:1px solid #2b2c31;display:flex;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:2;padding-bottom:15px}.hero h1{font-size:clamp(64px,8vw,112px);line-height:.91;letter-spacing:-.085em;margin:0;font-weight:700}.hero h1 em{font-weight:500;color:var(--orange);font-style:normal}.hero-copy p{font-size:14px;color:#aaa9ad;margin:25px 0 28px}.text-link{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:700}.text-link svg{color:var(--orange)}.hero-art{position:absolute;right:3%;top:8%;height:370px;width:54%;overflow:hidden}.art-word{position:absolute;right:25%;top:-100px;font-size:430px;line-height:1;font-weight:800;letter-spacing:-.13em;color:#1b1c20;transform:rotate(-8deg);-webkit-user-select:none;user-select:none}.orbit{position:absolute;border:1px solid #38393e;border-radius:50%;width:350px;height:350px;right:17%;top:8px}.orbit-two{width:260px;height:260px;right:24%;top:52px;border-color:#292a2f}.live-dot{position:absolute;width:11px;height:11px;background:var(--orange);border-radius:50%;right:29%;top:61px;box-shadow:0 0 0 6px #ff60381a}.frame{position:absolute;width:125px;height:160px;border:1px solid #55565b;transform:rotate(14deg);right:4%;top:130px}.frame-b{right:44%;top:45px;width:60px;height:60px;transform:rotate(45deg);border-color:var(--orange)}.quiz-lines{position:absolute;right:17%;top:110px;width:1px;height:165px;background:#3c3d41;transform:rotate(-25deg)}.art-note{position:absolute;right:0;bottom:26px;font:10px/1.8 DM Mono,monospace;color:#8a898f;letter-spacing:.1em}.art-note span{display:inline-block;color:var(--orange);font-size:20px;margin-left:10px}.hero-index{position:absolute;bottom:17px;left:0;right:0;display:flex;justify-content:space-between;font:9px DM Mono,monospace;color:#686970;letter-spacing:.12em}.events{padding:75px 0 0}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-title>div{display:flex;align-items:baseline;gap:17px}.section-no{font:10px DM Mono,monospace;color:var(--orange);letter-spacing:.1em}.section-title h2{font-size:30px;letter-spacing:-.06em;margin:0;font-weight:600}.section-aside{font:9px DM Mono,monospace;color:#686970;letter-spacing:.1em;padding-bottom:5px}.event-feature{display:grid;grid-template-columns:1.08fr .92fr;min-height:310px;background:#17181c;border:1px solid #2a2b2f;cursor:pointer;transition:border .2s}.event-feature:hover{border-color:#505056}.feature-art{position:relative;background:#202125;overflow:hidden;min-height:310px;display:flex;align-items:center;justify-content:center}.feature-art:after{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:1px solid #393a3f}.quiz-shape{position:absolute;font-size:260px;line-height:1;font-weight:800;letter-spacing:-.13em;color:var(--orange);transform:rotate(-9deg);z-index:1}.shape-two{font-size:140px;color:#f38b80;transform:rotate(14deg);right:17%;top:26px;opacity:.85}.quiz-lines{pointer-events:none}.feature-art .quiz-lines{right:auto;top:-30px;left:52%;height:380px;background:#4b3b38;transform:rotate(35deg)}.feature-art-label{position:absolute;z-index:2;left:31px;right:31px;bottom:29px;display:flex;justify-content:space-between;font:9px DM Mono,monospace;letter-spacing:.12em;color:#c0bec1}.feature-info{padding:34px 38px 24px;display:flex;flex-direction:column}.event-status{display:flex;align-items:center;gap:8px;font:10px DM Mono,monospace;letter-spacing:.02em;color:#b8b7bb}.event-status i,.room-mode span,.live-indicator span{width:6px;height:6px;border-radius:50%;background:#a5d69c;display:inline-block;box-shadow:0 0 0 3px #a5d69c1a}.feature-info h3{font-size:45px;line-height:1;letter-spacing:-.07em;margin:24px 0 12px}.feature-info p{font-size:12px;line-height:1.9;color:#a7a6aa;margin:0}.feature-cta{margin-top:23px;align-self:flex-start;background:var(--orange);border:0;border-radius:3px;color:#151517;padding:11px 14px;font-weight:700;font-size:11px;display:flex;align-items:center;gap:15px}.feature-cta:hover{background:#ff7955}.feature-foot{display:flex;justify-content:space-between;margin-top:auto;padding-top:18px;border-top:1px solid #303136;font:9px DM Mono,monospace;color:#77777d;letter-spacing:.04em}.feature-foot span:first-child{display:flex;gap:7px;align-items:center}.feature-foot svg{color:#aaa9ad}.coming-row{height:65px;border-bottom:1px solid #2b2c31;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;font:9px DM Mono,monospace;letter-spacing:.08em;color:#74747b}.coming-row span:nth-child(2){font:11px Manrope,sans-serif;letter-spacing:0;color:#99989d}.coming-row span:last-child{text-align:right}footer{display:flex;align-items:center;justify-content:space-between;padding:27px 0 31px;font:9px DM Mono,monospace;color:#696a70;letter-spacing:.05em}footer .brand{font:11px Manrope,sans-serif;color:#aaa9ad;letter-spacing:-.02em}footer .brand-mark{width:20px;height:20px;font-size:14px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:#292a2f;border:1px solid #4a4b50;color:#eee;padding:12px 14px;border-radius:5px;display:flex;align-items:center;gap:20px;z-index:20;font-size:12px;box-shadow:0 8px 36px #0008}.toast button{border:0;background:none;display:flex;color:#aaa}.room{height:100vh;min-height:620px;background:#101114;color:#f5f4f2;display:flex;flex-direction:column;padding:0 4vw}.room-head{height:62px;flex:none;border-bottom:1px solid #2a2b2f;display:flex;align-items:center;justify-content:space-between}.room-head .brand{font-size:12px}.room-head .brand-mark{width:21px;height:21px;font-size:15px}.slash{color:#4c4c52;margin:0 4px 0 7px}.room-name{color:#aaa9ad;font-size:11px;font-weight:500}.back{display:flex;align-items:center;gap:8px;color:#98989e;background:none;border:0;font-size:11px;padding:6px 0}.back:hover{color:#fff}.room-mode{font:9px DM Mono,monospace;color:#aaa9ad;letter-spacing:.1em;display:flex;gap:10px;align-items:center}.room-mode span{background:#f4a65e}.mode-host span{background:var(--orange)}.guest-stage{width:min(1360px,100%);margin:0 auto;flex:1;min-height:0;display:flex;flex-direction:column;padding:20px 0 18px}.stage-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.stage-top h1{font-size:22px;letter-spacing:-.055em;margin:0}.live-indicator{font:9px DM Mono,monospace;color:#909096;letter-spacing:.1em;display:flex;gap:9px;align-items:center}.live-indicator span{width:6px;height:6px;background:var(--orange);box-shadow:0 0 0 3px #ff60381a}.cam-grid{--cols:4;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-auto-rows:minmax(150px,1fr);gap:var(--cam-gap,10px);max-width:var(--grid-max-width,100%);width:100%;margin-inline:auto;flex:1;min-height:0}.cam-tile{position:relative;overflow:hidden;background:#1b1c20;border:1px solid #303137;min-height:0}.cam-fill,.cam-fill video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cam-fill video{transform:scaleX(-1)}.cam-placeholder{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#6f7078}.cam-placeholder>span{width:53px;height:53px;display:grid;place-items:center;border:1px solid #414249;border-radius:50%;color:#96969c;font-size:18px;font-weight:600}.cam-placeholder small{font:9px DM Mono,monospace;letter-spacing:.06em;color:#717178}.tile-video .cam-fill{background:#25262a}.tile-offline{opacity:.75}.tile-overlay{position:absolute;left:0;right:0;bottom:0;padding:29px 13px 11px;background:linear-gradient(0deg,#101114d9,transparent);display:flex;align-items:center;justify-content:space-between}.tile-name{font-size:11px;font-weight:600}.tile-name small{font:8px DM Mono,monospace;color:#ff977d;letter-spacing:.05em}.tile-hearts{display:flex;gap:4px;color:var(--pink)}.guest-bottom{display:flex;align-items:stretch;justify-content:space-between;padding-top:13px;gap:24px;min-height:80px}.join-bar,.media-bar{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.join-bar>div{display:flex;flex-direction:column;gap:4px;margin-right:8px}.join-bar strong{font-size:11px}.join-bar>div span{font-size:9px;color:#85858b}.join-bar input{height:36px;width:min(180px,25vw);background:#1b1c20;border:1px solid #35363b;border-radius:3px;color:#fff;padding:0 11px;font-size:10px;outline:none}.join-bar input:focus{border-color:#ff6038}.primary{height:36px;background:var(--orange);border:0;border-radius:3px;color:#151517;padding:0 13px;display:flex;align-items:center;gap:11px;font-size:10px;font-weight:700;white-space:nowrap}.media-bar{justify-content:space-between}.joined-label{display:flex;align-items:center;gap:8px;color:#a5d69c;font:10px DM Mono,monospace}.media-actions{display:flex;align-items:center;gap:9px}.round-control{width:36px;height:36px;background:#28292e;border:1px solid #3b3c42;border-radius:50%;display:grid;place-items:center}.round-control:hover{border-color:#777}.round-control.control-off{background:#512c2d;border-color:#794144;color:#ffb1ab}.leave{background:none;border:1px solid #424349;border-radius:3px;height:34px;padding:0 12px;color:#c9c8cb;font-size:10px}.timer-pair{display:flex;gap:28px;border-left:1px solid #33343a;padding-left:22px;align-items:center}.timer-view{display:flex;flex-direction:column;gap:6px;min-width:75px}.timer-view span{font:8px DM Mono,monospace;letter-spacing:.08em;color:#787980}.timer-view b{font:21px DM Mono,monospace;letter-spacing:-.04em;font-weight:400}.timer-view b.timer-running{color:var(--orange)}.host-dashboard{width:min(1220px,100%);margin:0 auto;padding:35px 0 24px;overflow:auto}.host-heading{display:flex;align-items:end;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid #2b2c31}.host-heading h1{font-size:38px;letter-spacing:-.07em;margin:9px 0 3px}.host-heading p{margin:0;color:#929198;font-size:11px}.guest-view{height:34px;border:1px solid #393a40;border-radius:3px;padding:0 11px;display:flex;gap:9px;align-items:center;font-size:10px;color:#c5c4c7}.guest-view:hover{border-color:#777}.host-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr);gap:46px;padding-top:24px}.dashboard-label{display:flex;align-items:center;justify-content:space-between;font:9px DM Mono,monospace;color:#85858c;letter-spacing:.1em;margin-bottom:12px}.dashboard-label svg{color:#a1a0a6}.player-list{border-top:1px solid #2f3035}.player-row{height:58px;border-bottom:1px solid #2f3035;display:flex;align-items:center;gap:12px}.player-num{width:22px;color:#707078;font:9px DM Mono,monospace}.avatar{width:29px;height:29px;border-radius:50%;background:#292a2f;color:#d5d4d5;display:grid;place-items:center;font-size:11px;font-weight:600}.player-meta{display:flex;flex-direction:column;gap:4px;flex:1}.player-meta strong{font-size:10px;font-weight:600}.player-meta small{font:8px DM Mono,monospace;color:#7e7e85}.player-row.empty .player-meta strong{color:#77777e;font-weight:500}.host-hearts{display:flex;gap:4px}.host-hearts button{display:grid;place-items:center;background:none;border:0;padding:4px;color:var(--pink)}.host-hearts button:disabled{color:#49494f;cursor:default}.host-side{display:flex;flex-direction:column;gap:26px}.control-block .dashboard-label{padding-bottom:11px;border-bottom:1px solid #2f3035}.timer-control{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid #2f3035}.timer-control>div:first-child{display:flex;flex-direction:column;gap:5px}.timer-control span{font-size:10px;color:#aaa9ae}.timer-control b{font:20px DM Mono,monospace;font-weight:400}.timer-buttons{display:flex;gap:7px}.timer-buttons button{width:30px;height:30px;border:1px solid #393a40;background:#1b1c20;border-radius:3px;display:grid;place-items:center;color:#c9c8ca}.timer-buttons button:first-child{background:#ff6038;border-color:#ff6038;color:#151517}.timer-buttons button:hover{filter:brightness(1.16)}.stop-icon{width:9px;height:9px;background:currentColor;display:block}.settings-block label{display:flex;align-items:center;justify-content:space-between;border:1px solid #35363b;border-radius:3px;height:38px;padding:0 10px;font-size:10px;color:#bdbcc0;position:relative}.settings-block input[type=number]{width:64px;margin-left:auto;margin-right:4px;background:#1b1c20;color:#f1f0ef;border:1px solid #414249;border-radius:3px;outline:none;font:12px DM Mono,monospace;text-align:center;padding:6px 4px}.settings-block input[type=number]:focus{border-color:var(--orange)}.settings-block option{background:#1b1c20}.settings-block label>svg{pointer-events:none}.settings-block p{font-size:9px;line-height:1.7;color:#78787f;margin:9px 0 0}.host-note{border-top:1px solid #2f3035;padding-top:15px;display:flex;align-items:flex-start;gap:10px;color:#85858b;font-size:9px;line-height:1.6}.host-note svg{color:#a5d69c;flex:none}.room:has(.host-dashboard){min-height:100vh;height:auto}@media(max-width:760px){.home{padding:0 22px}.nav{height:68px}.nav nav{margin-right:15px}.discord{padding:10px;font-size:0;gap:0}.discord svg{width:17px;height:17px}.hero{height:410px}.hero-art{right:-23%;top:12%;width:80%;opacity:.74}.hero h1{font-size:68px}.hero-copy{padding-bottom:0}.hero-copy p{font-size:12px}.events{padding-top:55px}.section-title h2{font-size:25px}.event-feature{grid-template-columns:1fr}.feature-art{min-height:210px}.quiz-shape{font-size:200px}.shape-two{font-size:110px}.feature-info{min-height:255px;padding:25px 22px 19px}.feature-info h3{font-size:38px;margin-top:17px}.coming-row{grid-template-columns:1fr auto;gap:12px}.coming-row span:nth-child(2){display:none}footer{gap:14px;font-size:8px}footer>span:nth-child(2){display:none}.room{padding:0 14px;min-height:100vh;height:auto}.room-head{height:56px}.room-head .brand{gap:5px}.room-head .back{font-size:0;gap:0}.guest-stage{padding:17px 0;min-height:calc(100vh - 56px)}.stage-top h1{font-size:19px}.live-indicator{font-size:7px}.cam-grid{grid-template-columns:repeat(var(--mobile-cols,2),minmax(0,1fr));grid-auto-rows:minmax(130px,1fr);gap:7px;min-height:50vh;flex:none}.cam-tile{min-height:130px}.guest-bottom{flex-direction:column;gap:13px}.join-bar{flex-wrap:wrap}.join-bar>div{width:100%;margin:0}.join-bar input{width:auto;flex:1}.timer-pair{border:0;border-top:1px solid #33343a;padding:12px 0 0;justify-content:center;gap:45px}.timer-view{min-width:85px}.host-dashboard{padding-top:25px}.host-layout{grid-template-columns:1fr;gap:28px;padding-top:19px}.host-heading h1{font-size:32px}.host-heading p{font-size:10px}.guest-view{font-size:0;width:35px;justify-content:center;gap:0;padding:0}.guest-view svg:last-child{display:none}.host-side{display:grid;grid-template-columns:1fr 1fr;gap:20px}.host-note{grid-column:1/-1}.host-hearts{gap:0}.host-hearts button{padding:3px}.player-row{gap:8px}.room:has(.host-dashboard){min-height:100vh}.cam-grid{max-height:none}}@media(max-width:430px){.hero h1{font-size:60px}.hero-art{right:-50%;width:100%}.event-status{font-size:9px}.feature-info p{font-size:11px}.host-side{grid-template-columns:1fr}.host-note{grid-column:auto}.room-head .room-name{font-size:10px}.timer-pair{justify-content:space-between}.cam-grid{grid-auto-rows:145px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.cam-grid{grid-auto-rows:auto;align-content:start}.cam-tile{aspect-ratio:16/9;min-height:0}.tile-overlay{left:8px;right:auto;top:8px;bottom:auto;width:max-content;max-width:calc(100% - 16px);padding:6px 8px;background:#101114d1;border:1px solid #ffffff1c;border-radius:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:inline-flex;align-items:center;justify-content:flex-start;gap:9px}.tile-name{min-width:0;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-hearts{flex:none;gap:3px}.tile-hearts svg{width:13px;height:13px}@media(max-width:760px){.cam-tile{min-height:0}}@media(max-width:430px){.cam-grid{grid-auto-rows:auto}}.host-preview{width:112px;aspect-ratio:16/9;flex:none;overflow:hidden;border:1px solid #ffffff16;border-radius:3px;background:#111214;display:grid;place-items:center}.host-preview video{width:100%;height:100%;object-fit:cover}.host-preview-empty{font-size:8px;color:#777980;text-align:center;padding:4px}.player-row{height:auto;min-height:72px;padding:7px 0}.auth-loading{min-height:100vh;display:grid;place-items:center;color:#a8a7ad}.host-slot-status{display:flex;align-items:center;gap:8px;color:#a5d69c;font:10px DM Mono,monospace;padding:4px 0 12px}.host-slot-actions{display:flex;align-items:center;gap:9px}.host-slot-join{display:flex;align-items:center;gap:10px;font-size:10px;color:#bdbcc0}.host-slot-join input{flex:1;min-width:0;height:36px;background:#1b1c20;border:1px solid #35363b;border-radius:3px;color:#fff;padding:0 10px;font-size:10px;outline:none}.host-slot-join input:focus{border-color:var(--orange)}.host-slot-button{margin-top:10px;width:100%;justify-content:center}.tile-host-label{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:2px 7px;border:1px solid #ff603855;border-radius:3px;background:#ff60381f;color:#ff977d;font:9px DM Mono,monospace;letter-spacing:.1em}.host-list-badge{margin-left:auto;margin-right:5px}.settings-block .host-badge-toggle{height:auto;min-height:36px;border:0;padding:10px 0 0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.host-badge-toggle span{font-size:9px;color:#bdbcc0}.host-badge-toggle input{position:absolute;opacity:0;width:1px;height:1px}.host-badge-toggle i{position:relative;width:34px;height:18px;flex:none;border-radius:10px;background:#34353b;transition:background .18s}.host-badge-toggle i:after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#b6b5bb;transition:transform .18s}.host-badge-toggle input:checked+i{background:var(--orange)}.host-badge-toggle input:checked+i:after{transform:translate(16px);background:#171719}.host-badge-toggle input:focus-visible+i{outline:2px solid white;outline-offset:2px}
