:root{--dj-sun:#ffd23a;--dj-sun-lip:#d99a06;--dj-coral:#ff5c78;--dj-coral-lip:#c32c4b;--dj-mint:#34e0a6;--dj-mint-lip:#129769;--dj-sky:#4cb8ff;--dj-sky-lip:#1b74c6;--dj-grape:#a874ff;--dj-grape-lip:#6c3dd1;--dj-ink:#1d0f3f;--dj-night:#2b1567;--dj-night-hi:#4422a0;--dj-night-lo:#170a3c;--dj-plum:#3a1d86;--dj-lilac:#cbb9ff;--dj-lilac-dim:#a993ec;--dj-paper:#ffffff;--dj-paper-2:#f2ecff;--dj-paper-lip:#b9a8e8;--dj-ink-muted:#6b55a8;--dj-rule-lilac:#d9ccff;--dj-font-logo:var(--font-lilita),var(--font-fredoka),system-ui,sans-serif;--dj-font-display:var(--font-lilita),var(--font-fredoka),var(--font-noto-tc),"PingFang HK","Microsoft JhengHei",system-ui,sans-serif;--dj-font-ui:var(--font-fredoka),var(--font-noto-tc),"PingFang HK","Microsoft JhengHei",system-ui,sans-serif;--dj-font-tc:var(--font-noto-tc),"PingFang HK","Microsoft JhengHei",sans-serif;--dj-display-weight:400;--dj-r-sm:12px;--dj-r-md:18px;--dj-r-lg:26px;--dj-stage-gutter:clamp(16px,2.4vw,32px);--dj-lift:0 6px 0 var(--dj-ink),0 16px 28px rgba(8,0,36,0.45);--dj-lift-sm:0 4px 0 var(--dj-ink),0 10px 18px rgba(8,0,36,0.4);--dj-nub:0 3px 0 var(--dj-ink);--dj-night-panel:inset 0 2px 0 rgba(255,255,255,0.06),0 18px 40px rgba(8,0,36,0.35);--dj-lip-paper:inset 0 -4px 0 var(--dj-paper-lip),inset 0 2px 0 rgba(255,255,255,0.6),0 4px 0 var(--dj-ink),0 9px 16px rgba(8,0,36,0.36);--dj-lip-paper-pressed:inset 0 -2px 0 var(--dj-paper-lip),0 1px 0 var(--dj-ink),0 3px 6px rgba(8,0,36,0.3);--dj-selected-ring:0 0 0 5px var(--dj-sun),0 9px 0 5px var(--dj-ink),0 24px 34px rgba(8,0,36,0.5);--dj-outline-text:-2px -2px 0 var(--dj-ink),2px -2px 0 var(--dj-ink),-2px 2px 0 var(--dj-ink),2px 2px 0 var(--dj-ink),0 -3px 0 var(--dj-ink),0 3px 0 var(--dj-ink),-3px 0 0 var(--dj-ink),3px 0 0 var(--dj-ink),0 5px 0 var(--dj-ink);--dj-ease-out:cubic-bezier(0.16,1,0.3,1);--dj-ease-spring:cubic-bezier(0.34,1.56,0.64,1)}html:has(.dj-stage){background-color:var(--dj-night-lo);scrollbar-color:var(--dj-grape) var(--dj-night-lo)}html:has(.dj-stage) body{background:var(--dj-night);color:#fff}.dj-stage{color:#fff;font-family:var(--dj-font-ui);font-synthesis-weight:none;background-color:var(--dj-night);background-image:radial-gradient(ellipse 60% 50% at 28% 8%,rgba(168,116,255,.55),transparent 70%),radial-gradient(ellipse 50% 45% at 85% 100%,rgba(255,92,120,.28),transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220' fill='none' stroke='%23ffffff' stroke-opacity='.07' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 40q10-14 20 0t20 0 20 0'/%3E%3Cpath d='M160 30l6 12 13 2-9 9 2 13-12-6-12 6 2-13-9-9 13-2z'/%3E%3Ccircle cx='60' cy='150' r='12'/%3E%3Cpath d='M140 140l40 40M150 180l-10 10-6-16z'/%3E%3Cpath d='M100 90q8-18 16 0t16 0'/%3E%3Cpath d='M30 200l14-14M30 186l14 14'/%3E%3C/svg%3E"),linear-gradient(180deg,var(--dj-night-hi) 0,var(--dj-night) 45%,var(--dj-night-lo) 100%);-webkit-font-smoothing:antialiased}.dj-stage ::selection{background:var(--dj-sun);color:var(--dj-ink)}.dj-stage :focus-visible{outline:4px solid var(--dj-sun);outline-offset:3px}.dj-stage :lang(zh) :is(h1,h2,h3,b,strong,legend),.dj-stage:lang(zh) :is(h1,h2,h3,b,strong,legend){font-weight:900}.dj-wordmark{display:inline-flex;align-items:flex-end;font-family:var(--dj-font-logo);font-weight:400;letter-spacing:0;line-height:inherit;white-space:nowrap}.dj-wordmark>span{display:inline-block;text-shadow:calc(-1 * max(2px, .042em)) calc(-1 * max(2px, .042em)) 0 var(--dj-ink),max(2px,.042em) calc(-1 * max(2px, .042em)) 0 var(--dj-ink),calc(-1 * max(2px, .042em)) max(2px,.042em) 0 var(--dj-ink),max(2px,.042em) max(2px,.042em) 0 var(--dj-ink),0 calc(-1 * max(3px, .05em)) 0 var(--dj-ink),0 max(3px,.05em) 0 var(--dj-ink),calc(-1 * max(3px, .05em)) 0 0 var(--dj-ink),max(3px,.05em) 0 0 var(--dj-ink),0 max(4px,.1em) 0 var(--dj-ink),max(2px,.042em) max(4px,.1em) 0 var(--dj-ink),calc(-1 * max(2px, .042em)) max(4px,.1em) 0 var(--dj-ink)}.dj-wordmark-draw{color:var(--dj-sun);transform:rotate(-4deg) translateY(.04em)}.dj-wordmark-jury{color:#fff;transform:rotate(3deg)}.dj-bubble{position:relative;margin:0;border:3px solid var(--dj-ink);border-radius:var(--dj-r-md);background:var(--dj-paper);padding:12px 16px;color:var(--dj-ink);font-family:var(--dj-font-ui);font-size:16px;font-weight:600;line-height:1.35;text-align:left;box-shadow:var(--dj-lift-sm)}.dj-bubble-tail{position:absolute;bottom:-14px;left:var(--dj-tail,50%);width:28px;height:16px;overflow:visible;transform:translateX(-50%)}.dj-bubble-tail path:first-child{fill:var(--dj-paper)}.dj-bubble-tail path:last-child{fill:none;stroke:var(--dj-ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.dj-bubble>b{color:var(--dj-grape-lip);font-family:var(--dj-font-display);font-weight:var(--dj-display-weight)}@keyframes dj-bubble-pop{0%{opacity:0;scale:.6;rotate:-6deg}}.dj-judge{display:block;overflow:visible}.dj-judge-art .dj-judge-bob{transform-box:fill-box;transform-origin:50% 100%;animation:dj-judge-bob 3.2s ease-in-out infinite}.dj-bench-seat.is-inky .dj-judge-bob{animation-delay:-1.1s}.dj-bench-seat.is-byte .dj-judge-bob{animation-delay:-2.1s}.dj-judge-lids{transform:scaleY(0);transform-box:fill-box;transform-origin:center;animation:dj-judge-blink 5.6s ease-in-out infinite}.dj-bench-seat.is-inky .dj-judge-lids{animation-duration:6.4s;animation-delay:-2.3s}.dj-bench-seat.is-byte .dj-judge-lids{animation-duration:7.3s;animation-delay:-4.1s}.dj-judge-react{transform-box:fill-box;transform-origin:50% 90%;animation:dj-judge-react .55s var(--dj-ease-spring)}.dj-judge-react.is-neutral{animation:none}.dj-judge-react.is-shocked{animation:dj-judge-jump .6s cubic-bezier(.2,.9,.3,1.4)}.dj-judge-react.is-laughing{animation:dj-judge-shake .7s ease-in-out}.dj-judge-react.is-sad{animation:dj-judge-droop .9s var(--dj-ease-out) both}.dj-judge-react.is-delighted{animation:dj-judge-spin .75s var(--dj-ease-spring)}.dj-judge-react.is-stern{animation:dj-judge-lean .45s var(--dj-ease-out)}.dj-judge-react.is-asleep{transform-origin:50% 100%;animation:dj-judge-breathe 3s ease-in-out infinite}.dj-judge-zz{animation:dj-judge-zz 2.2s ease-in-out infinite}.dj-judge-sparkle{transform-box:fill-box;transform-origin:center;animation:dj-judge-twinkle 1.2s ease-in-out infinite}@keyframes dj-judge-bob{50%{transform:translateY(-4px) scaleY(1.02)}}@keyframes dj-judge-blink{0%,95%,to{transform:scaleY(0)}97.5%{transform:scaleY(1)}}@keyframes dj-judge-react{0%{transform:scale(.86) rotate(-4deg)}55%{transform:scale(1.1) rotate(2deg)}to{transform:none}}@keyframes dj-judge-jump{18%{transform:translateY(4px) scale(1.08,.9)}45%{transform:translateY(-22px) scale(.94,1.08)}75%{transform:scale(1.05,.95)}to{transform:none}}@keyframes dj-judge-shake{15%{transform:rotate(-7deg) translateY(-3px)}30%{transform:rotate(6deg)}45%{transform:rotate(-5deg) translateY(-2px)}60%{transform:rotate(4deg)}80%{transform:rotate(-2deg)}}@keyframes dj-judge-droop{to{transform:translateY(6px) scaleY(.96) rotate(-2deg)}}@keyframes dj-judge-spin{0%{transform:scale(.8) rotate(-12deg)}50%{transform:scale(1.14) rotate(6deg) translateY(-10px)}to{transform:none}}@keyframes dj-judge-lean{40%{transform:translateY(4px) scale(1.04)}}@keyframes dj-judge-breathe{50%{transform:scale(1.03,.97) translateY(2px)}}@keyframes dj-judge-zz{50%{transform:translate(4px,-6px);opacity:.6}}@keyframes dj-judge-twinkle{50%{opacity:.5;transform:scale(.8)}}.ai-jury-desk>svg{overflow:visible}.dj-desk-spotlight{fill:rgba(255,233,160,.16)}.ai-jury-desk.is-deliberating .dj-judge-bob{animation-duration:1.6s}.arena-hero-art{transform:none;animation:none}.dj-stage-beams path{fill:rgba(255,233,160,.13)}.dj-stage-beams path.is-side{fill:rgba(203,185,255,.08)}.dj-stage-pool{fill:rgba(255,210,58,.1)}.dj-stage-doodles{fill:none;stroke:rgba(255,255,255,.14);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.dj-stage .game-play-button{--dj-fill:var(--dj-sun);--dj-lip:var(--dj-sun-lip);display:inline-flex;min-height:64px;align-items:center;justify-content:flex-start;gap:12px;border:4px solid var(--dj-ink);border-radius:22px;background:var(--dj-fill);padding:0 22px;color:var(--dj-ink);font-family:var(--dj-font-display);font-size:24px;font-weight:var(--dj-display-weight);letter-spacing:.01em;line-height:1.1;text-decoration:none;box-shadow:inset 0 -6px 0 var(--dj-lip),inset 0 3px 0 rgba(255,255,255,.6),0 5px 0 var(--dj-ink),0 12px 20px rgba(8,0,36,.4);translate:none;transition:transform .12s var(--dj-ease-out),box-shadow .12s var(--dj-ease-out),filter .2s}.dj-stage:lang(zh) .game-play-button{font-weight:900}.dj-stage .game-play-button>svg:last-child{margin-left:auto}.dj-stage .game-play-button:hover{filter:brightness(1.05);translate:none;transform:translateY(-2px);box-shadow:inset 0 -6px 0 var(--dj-lip),inset 0 3px 0 rgba(255,255,255,.6),0 7px 0 var(--dj-ink),0 16px 24px rgba(8,0,36,.45)}.dj-stage .game-play-button:active{translate:none;transform:translateY(4px);box-shadow:inset 0 -3px 0 var(--dj-lip),inset 0 2px 0 rgba(255,255,255,.5),0 1px 0 var(--dj-ink),0 4px 8px rgba(8,0,36,.35)}.dj-home .game-intro{background-color:var(--dj-night);background-image:radial-gradient(ellipse 60% 50% at 50% 0,rgba(168,116,255,.5),transparent 70%),linear-gradient(180deg,var(--dj-night-hi),var(--dj-night) 50%,var(--dj-night-lo));font-family:var(--dj-font-ui)}.dj-home .game-intro>.arena-hero-art{opacity:.5;filter:none}.dj-home .game-intro-vignette{background:radial-gradient(circle,rgba(23,10,60,.05),rgba(23,10,60,.86))}.dj-home .game-intro-story{text-shadow:none}.dj-home .game-intro-story>p{color:#fff;font-size:clamp(17px,2vw,20px);font-weight:600}.dj-home .game-intro-card{border:3px solid var(--dj-ink);border-radius:22px;background:var(--dj-paper);color:var(--dj-ink);box-shadow:var(--dj-lift)}.dj-home .game-intro-beat-label{border:2.5px solid var(--dj-ink);border-radius:99px;background:var(--dj-paper-2);padding:2px 10px;color:var(--dj-ink);font:var(--dj-display-weight) 14px/1.2 var(--dj-font-display);letter-spacing:0}.dj-home .game-intro-jury-card{background:var(--dj-sun);box-shadow:inset 0 -7px 0 var(--dj-sun-lip),var(--dj-lift)}.dj-home .game-intro-jury-card>strong{font-family:var(--dj-font-display);font-size:clamp(14px,1.7vw,17px);font-weight:var(--dj-display-weight);line-height:1.1}.dj-home .game-intro-jury-score{border:3px solid var(--dj-ink);border-radius:14px;background:var(--dj-paper);font-family:var(--dj-font-display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;box-shadow:var(--dj-nub)}.dj-home .game-intro-to-jury{border:3px solid var(--dj-ink);background:var(--dj-coral);color:var(--dj-ink);box-shadow:var(--dj-nub)}.dj-home .game-intro-story>strong{font-family:var(--dj-font-display);font-size:clamp(44px,6vw,76px);font-weight:400;letter-spacing:0;line-height:1;text-transform:none}.dj-home .game-intro-skip{min-height:var(--dj-target);border:3px solid var(--dj-ink);border-radius:14px;background:var(--dj-paper);padding:0 14px;color:var(--dj-ink);font-family:var(--dj-font-display);font-size:17px;font-weight:var(--dj-display-weight);box-shadow:var(--dj-lip-paper)}.dj-home .game-intro-progress{height:8px;border-top:3px solid var(--dj-ink);background:var(--dj-sun)}.dj-stage.solo-room-launcher{display:grid;width:100%;max-width:none;min-height:100svh;margin:0;place-items:center;padding:24px var(--dj-stage-gutter);text-align:center}.dj-stage.solo-room-launcher>section{display:grid;justify-items:center;gap:12px;max-width:34rem}.dj-stage.solo-room-launcher>section>svg{color:var(--dj-sun)}.dj-stage.solo-room-launcher .dj-launch-icon{border:3px solid var(--dj-ink);border-radius:18px;box-shadow:var(--dj-nub)}.dj-stage.solo-room-launcher h1{margin:0;font-family:var(--dj-font-display);font-size:clamp(2rem,5vw,3rem);font-weight:var(--dj-display-weight);line-height:1.05;text-shadow:var(--dj-outline-text)}.dj-stage.solo-room-launcher:lang(zh){--dj-font-display:var(--dj-font-tc);--dj-display-weight:900}.dj-stage.solo-room-launcher p{margin:0;color:var(--dj-lilac);font-size:17px;font-weight:500;line-height:1.45}.dj-stage .solo-challenge-preview .challenge-back{min-height:var(--dj-target);border-radius:14px;color:var(--dj-sun);font-family:var(--dj-font-display);font-size:17px;font-weight:var(--dj-display-weight)}.dj-stage .solo-challenge-preview .challenge-stage-meta>span{min-height:32px;border:2.5px solid rgba(203,185,255,.4);background:var(--dj-night-lo);color:#fff;font-family:var(--dj-font-ui);font-size:14px;font-weight:600;text-transform:none}.dj-stage .solo-challenge-preview .challenge-live-seal{border-color:var(--dj-ink);background:var(--dj-sun);color:var(--dj-ink)}.dj-stage .solo-challenge-preview .challenge-stage-copy>h1{color:#fff;font-family:var(--dj-font-display);font-weight:var(--dj-display-weight);letter-spacing:0;line-height:1.02;text-shadow:var(--dj-outline-text)}.dj-stage .solo-challenge-preview .challenge-stage-copy>p{color:var(--dj-lilac);font-size:18px;font-weight:500}.dj-stage .solo-challenge-preview .challenge-rubric-drawer{border:3px solid rgba(203,185,255,.28);border-radius:18px;background:rgba(23,10,60,.72);padding:0 14px;box-shadow:var(--dj-night-panel)}.dj-stage .solo-challenge-preview .challenge-rubric-drawer summary{color:#fff}.dj-stage .solo-challenge-preview .challenge-rubric-drawer summary b{font-family:var(--dj-font-display);font-weight:var(--dj-display-weight);font-size:18px}.dj-stage .solo-challenge-preview .challenge-rubric-drawer summary small{color:var(--dj-sun);font-family:var(--dj-font-display);font-size:18px}.dj-stage .solo-challenge-preview .challenge-rubric-drawer>div span{border:2.5px solid var(--dj-ink);border-radius:14px;background:var(--dj-paper);padding:8px 10px;color:var(--dj-ink);box-shadow:var(--dj-nub)}.dj-stage .solo-challenge-preview .challenge-rubric-drawer>div b{color:var(--dj-grape-lip);font-family:var(--dj-font-display);font-weight:var(--dj-display-weight)}.dj-stage .solo-challenge-preview .challenge-rubric-drawer>div small{color:var(--dj-ink-muted);font-size:14px}@media (prefers-reduced-motion:reduce){.dj-judge-art .dj-judge-bob,.dj-judge-lids,.dj-judge-react,.dj-judge-sparkle,.dj-judge-zz{animation:none!important}.dj-judge-lids{transform:scaleY(0)}.dj-stage .game-play-button{transition:none}}.dj-entry{--dj-display-weight:400;position:relative;min-height:100svh;overflow-x:clip}.dj-entry:lang(zh){--dj-font-display:var(--dj-font-tc);--dj-display-weight:900;line-break:strict}body:has(.dj-entry)>a[aria-label="Feedback and support"]{display:none}.dj-entry .dj-outlined{color:#fff;text-shadow:var(--dj-outline-text)}.dj-btn,.dj-entry .dj-outlined{font-family:var(--dj-font-display);font-weight:var(--dj-display-weight)}.dj-btn{--bg:var(--dj-paper);--lip:var(--dj-paper-lip);--fg:var(--dj-ink);position:relative;display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:10px;border:3px solid var(--dj-ink);border-radius:var(--dj-r-md);background:var(--bg);padding:0 22px;color:var(--fg);font-size:20px;letter-spacing:.01em;line-height:1.15;text-align:center;text-decoration:none;box-shadow:inset 0 -6px 0 var(--lip),inset 0 3px 0 rgba(255,255,255,.6),0 5px 0 var(--dj-ink),0 12px 20px rgba(8,0,36,.4);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .12s var(--dj-ease-out),box-shadow .12s var(--dj-ease-out),filter .2s}.dj-btn:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:inset 0 -6px 0 var(--lip),inset 0 3px 0 rgba(255,255,255,.6),0 7px 0 var(--dj-ink),0 16px 24px rgba(8,0,36,.45)}.dj-btn:active{transform:translateY(4px);box-shadow:inset 0 -3px 0 var(--lip),inset 0 2px 0 rgba(255,255,255,.5),0 1px 0 var(--dj-ink),0 4px 8px rgba(8,0,36,.35)}.dj-btn:disabled,.dj-btn[aria-disabled=true]{cursor:not-allowed;filter:grayscale(.7) brightness(.85);transform:none}.dj-btn[aria-busy=true]{cursor:progress}.dj-btn>svg{flex:none}.dj-btn .dj-icon-solid{fill:currentColor}.dj-btn-sun{--bg:var(--dj-sun);--lip:var(--dj-sun-lip)}.dj-btn-sky{--bg:var(--dj-sky);--lip:var(--dj-sky-lip)}.dj-btn-grape{--bg:var(--dj-grape);--lip:var(--dj-grape-lip)}.dj-btn-paper{--bg:var(--dj-paper);--lip:var(--dj-paper-lip)}.dj-btn-xl{min-height:76px;padding:0 24px;font-size:30px}.dj-btn-lg,.dj-btn-xl{border-width:4px;border-radius:22px}.dj-btn-lg{min-height:64px;font-size:24px}.dj-btn-sm{min-height:48px;gap:8px;border-radius:14px;padding:0 14px;font-size:18px}.dj-btn .apple-auth-mark,.dj-btn .google-auth-mark{display:grid;width:34px;height:34px;flex:none;place-items:center;border:2.5px solid var(--dj-ink);border-radius:50%;background:var(--dj-paper);color:var(--dj-ink);font-family:var(--dj-font-logo);font-size:20px}.dj-btn .apple-auth-mark{overflow:hidden;border:0;border-radius:0;background:#000}.dj-btn .apple-auth-mark>img{display:block;width:100%;height:100%}.dj-entry .native-auth-choice-group{display:grid;width:100%;grid-template-columns:minmax(0,1fr);gap:10px}.dj-entry .native-auth-choice-group>a.dj-btn{width:100%;min-width:0;min-height:56px;border-width:3px;border-radius:var(--dj-r-md);padding:0 16px;font-size:22px}.dj-entry .native-auth-choice-group>a.native-google-auth-choice{--bg:var(--dj-paper);--lip:var(--dj-paper-lip)}.dj-entry .native-auth-choice-group>a.native-apple-auth-choice{--bg:#000;--fg:#fff;gap:6px;border-color:#000;padding-left:4px;box-shadow:inset 0 2px 0 rgba(255,255,255,.2),0 5px 0 var(--dj-ink),0 12px 20px rgba(8,0,36,.4)}.dj-entry .native-auth-choice-group>a.native-apple-auth-choice:hover{box-shadow:inset 0 2px 0 rgba(255,255,255,.2),0 7px 0 var(--dj-ink),0 16px 24px rgba(8,0,36,.45)}.dj-entry .native-auth-choice-group>a.native-apple-auth-choice:active{box-shadow:inset 0 2px 0 rgba(255,255,255,.12),0 1px 0 var(--dj-ink),0 4px 8px rgba(8,0,36,.35)}.dj-entry .native-auth-choice-group .apple-auth-mark{width:50px;height:50px}.dj-entry .native-auth-choice-group .google-auth-mark{width:30px;height:30px;font-size:18px}.dj-lobby{display:grid;width:min(100%,1544px);grid-template-columns:minmax(0,1fr) minmax(360px,420px);align-items:start;gap:clamp(20px,2.4vw,36px);margin:0 auto;padding:4px var(--dj-stage-gutter) 40px}.dj-lobby>*{min-width:0}.dj-lobby-main{display:grid;min-width:0;grid-template-columns:minmax(0,1fr);align-content:start}.dj-lobby-stage{position:relative;display:grid;min-height:330px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:end;gap:12px;padding:18px 8px 0}.dj-lobby-stage:before{position:absolute;top:-40px;right:6%;width:420px;height:420px;background:conic-gradient(from 160deg at 50% 0,transparent 0deg,rgba(255,233,160,.22) 14deg,transparent 28deg,transparent 44deg,rgba(255,233,160,.16) 56deg,transparent 70deg);content:"";filter:blur(2px);pointer-events:none}.dj-lobby-brand{position:relative;z-index:1;display:grid;min-width:0;justify-items:start;gap:18px;padding-bottom:26px}.dj-logo{display:inline-grid;justify-items:center;margin:0;font-size:clamp(52px,5.6vw,108px);font-weight:400;line-height:.9}.dj-ribbon{position:relative;margin-top:10px;border:3px solid var(--dj-ink);border-radius:10px;background:var(--dj-coral);padding:6px 30px 8px;color:#fff;font-family:var(--dj-font-tc);font-size:clamp(20px,2vw,26px);font-weight:900;letter-spacing:.3em;line-height:1.25;text-indent:.3em;text-shadow:-2px -2px 0 var(--dj-ink),2px -2px 0 var(--dj-ink),-2px 2px 0 var(--dj-ink),2px 2px 0 var(--dj-ink),0 3px 0 var(--dj-ink);box-shadow:inset 0 -5px 0 var(--dj-coral-lip),0 4px 0 var(--dj-ink);transform:rotate(-2deg)}.dj-task-title{margin:0;color:#fff;font-family:var(--dj-font-display);font-size:clamp(40px,4.6vw,64px);font-weight:var(--dj-display-weight);line-height:1.05;text-wrap:balance;text-shadow:var(--dj-outline-text)}.dj-task-title:focus{outline:none}.dj-tagline{max-width:34ch;margin:0;color:var(--dj-lilac);font-size:19px;font-weight:500;line-height:1.45;text-wrap:pretty}.dj-tagline strong{color:#fff;font-weight:700}.dj-how{display:inline-flex;min-height:44px;align-items:center;gap:8px;border-radius:10px;color:var(--dj-sun);font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.dj-lobby-bench{position:relative;z-index:1;display:grid;min-width:0;grid-template-columns:minmax(0,1fr);justify-items:center;padding-top:96px}.dj-lobby-line{--dj-tail:60%;position:absolute;z-index:3;top:0;right:4%;max-width:270px;transform:rotate(1.5deg);animation:dj-bubble-pop .6s var(--dj-ease-spring) .2s both}.dj-lobby-jury{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:center;gap:6px;width:100%}.dj-lobby-judge{width:128px;min-width:0;height:auto;flex:0 1 128px;aspect-ratio:136/150}.dj-lobby-judge.is-inky{width:140px;flex-basis:140px;margin-bottom:6px}.dj-lobby-judge.is-inky .dj-judge-bob{animation-delay:-1.1s}.dj-lobby-judge.is-byte .dj-judge-bob{animation-delay:-2.1s}.dj-lobby-judge.is-inky .dj-judge-lids{animation-duration:6.4s;animation-delay:-2.3s}.dj-lobby-judge.is-byte .dj-judge-lids{animation-duration:7.3s;animation-delay:-4.1s}.dj-lobby-desk{position:relative;z-index:2;display:flex;width:min(100%,470px);height:64px;align-items:center;justify-content:center;margin-top:-34px;border:3px solid var(--dj-ink);border-radius:18px 18px 10px 10px;background:linear-gradient(180deg,var(--dj-grape) 0 28%,var(--dj-grape-lip) 28% 100%);box-shadow:0 6px 0 var(--dj-ink),0 20px 30px rgba(8,0,36,.5)}.dj-lobby-plate{margin-top:14px;border:2.5px solid var(--dj-ink);border-radius:8px;background:var(--dj-sun);padding:2px 14px;color:var(--dj-ink);font-family:var(--dj-font-display);font-size:18px;font-weight:var(--dj-display-weight);line-height:1.3;box-shadow:inset 0 -3px 0 var(--dj-sun-lip)}.dj-section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin:26px 4px 14px}.dj-section-head h2,.dj-section-head h3{margin:0;font-size:30px;line-height:1.1}.dj-section-head p{margin:0;color:var(--dj-lilac);font-size:16px;font-weight:500}.dj-modes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.dj-mode{--c:var(--dj-sun);--lip:var(--dj-sun-lip);position:relative;display:grid;min-width:0;grid-template-rows:auto 1fr;overflow:hidden;border:3px solid var(--dj-ink);border-radius:22px;background:var(--dj-paper);padding:0;color:var(--dj-ink);font:inherit;text-align:left;box-shadow:0 5px 0 var(--dj-ink),0 14px 24px rgba(8,0,36,.4);cursor:pointer;transition:transform .25s var(--dj-ease-spring),box-shadow .2s var(--dj-ease-out)}.dj-mode.is-sky{--c:var(--dj-sky);--lip:var(--dj-sky-lip)}.dj-mode.is-coral{--c:var(--dj-coral);--lip:var(--dj-coral-lip)}.dj-mode.is-mint{--c:var(--dj-mint);--lip:var(--dj-mint-lip)}.dj-mode.is-grape{--c:var(--dj-grape);--lip:var(--dj-grape-lip)}.dj-mode:hover:not(:disabled){transform:translateY(-5px) rotate(-.6deg)}.dj-mode[aria-pressed=true]{transform:translateY(-8px);box-shadow:var(--dj-selected-ring)}.dj-mode:disabled{cursor:progress}.dj-mode-art{position:relative;display:grid;height:132px;place-items:center;overflow:hidden;border-bottom:3px solid var(--dj-ink);background:var(--c);box-shadow:inset 0 -8px 0 var(--lip)}.dj-mode-art:before{position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.45),transparent 50%),repeating-linear-gradient(-45deg,rgba(255,255,255,.12) 0 10px,transparent 10px 20px);content:""}.dj-mode-art>svg{position:relative;width:82%;height:112px}.dj-mode-body{display:grid;min-width:0;align-content:start;gap:4px;padding:12px 14px 14px}.dj-mode-name{color:var(--dj-grape-lip);font-family:var(--dj-font-display);font-size:18px;font-weight:var(--dj-display-weight);line-height:1.15;overflow-wrap:anywhere}.dj-mode-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.dj-chip{display:inline-flex;min-height:30px;align-items:center;gap:6px;border:2.5px solid var(--dj-ink);border-radius:99px;background:var(--dj-paper-2);padding:0 10px;color:var(--dj-ink);font-size:14px;font-weight:600;line-height:1.2}.dj-mode-tick{position:absolute;z-index:2;top:10px;right:10px;display:grid;width:38px;height:38px;place-items:center;border:3px solid var(--dj-ink);border-radius:50%;background:var(--dj-mint);color:var(--dj-ink);box-shadow:inset 0 -4px 0 var(--dj-mint-lip),0 3px 0 var(--dj-ink);transform:scale(0);transition:transform .35s var(--dj-ease-spring)}.dj-mode[aria-pressed=true] .dj-mode-tick{transform:scale(1)}.dj-rubric{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px 24px;margin-top:22px;border:3px solid rgba(203,185,255,.28);border-radius:var(--dj-r-lg);background:rgba(23,10,60,.72);padding:18px 22px;box-shadow:var(--dj-night-panel)}.dj-rubric-title{display:flex;min-width:0;align-items:center;gap:12px}.dj-seal{display:grid;width:56px;height:56px;flex:none;place-items:center;border:3px solid var(--dj-ink);border-radius:50%;background:var(--dj-sun);color:var(--dj-ink);box-shadow:inset 0 -5px 0 var(--dj-sun-lip),0 4px 0 var(--dj-ink)}.dj-rubric-title h3{margin:0;color:#fff;font-family:var(--dj-font-display);font-size:22px;font-weight:var(--dj-display-weight);line-height:1.15}.dj-rubric-title p{max-width:15em;margin:2px 0 0;color:var(--dj-lilac);font-size:16px;font-weight:500;line-height:1.3;text-wrap:balance}.dj-rubric-viz{display:grid;min-width:0;gap:10px}.dj-weights{display:flex;height:26px;gap:3px;overflow:hidden;border:3px solid var(--dj-ink);border-radius:99px;background:var(--dj-ink);box-shadow:0 4px 0 var(--dj-ink)}.dj-weights>i{flex-basis:0;min-width:0;box-shadow:inset 0 -6px 0 var(--seg-lip);transition:flex-grow .6s var(--dj-ease-out)}.dj-weights>i.is-wild{flex-grow:1}.is-w1{--seg-lip:var(--dj-sun-lip);background:var(--dj-sun)}.is-w2{--seg-lip:var(--dj-sky-lip);background:var(--dj-sky)}.is-w3{--seg-lip:var(--dj-coral-lip);background:var(--dj-coral)}.is-w4{--seg-lip:var(--dj-mint-lip);background:var(--dj-mint)}.is-wild{--seg-lip:var(--dj-grape-lip);background:var(--dj-grape)}.dj-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;list-style:none}.dj-legend li,.dj-legend-hidden{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:16px;font-weight:600}.dj-legend-hidden{margin:0}:is(.dj-legend li,.dj-legend-hidden)>i{width:16px;height:16px;flex:none;border:2.5px solid var(--dj-ink);border-radius:5px}.dj-legend li>b{color:var(--dj-sun);font-family:var(--dj-font-display);font-size:19px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:var(--dj-display-weight)}.dj-room-form{display:contents}.dj-room{position:relative;display:grid;align-self:start;overflow:clip;border:3px solid var(--dj-ink);border-radius:var(--dj-r-lg);background:var(--dj-paper);color:var(--dj-ink);box-shadow:var(--dj-lift)}.dj-room-head{display:flex;align-items:center;gap:12px;border-bottom:3px solid var(--dj-ink);background:var(--dj-paper-2);padding:14px 18px}.dj-room-head h2{margin:0;font-family:var(--dj-font-display);font-size:26px;font-weight:var(--dj-display-weight);line-height:1.1;overflow-wrap:anywhere}.dj-room-sub{display:block;margin-top:4px;color:var(--dj-grape-lip);font-size:15px;font-weight:600}.dj-room-body{container:dj-room/inline-size;display:grid;align-content:start;gap:14px;padding:14px 18px 18px}.dj-room-foot{position:sticky;z-index:2;bottom:0;display:grid;gap:10px;border-top:3px solid var(--dj-ink);background:var(--dj-paper-2);padding:12px 18px 14px}.dj-room-foot:before{position:absolute;right:0;bottom:calc(100% + 3px);left:0;height:30px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.92) 70%,var(--dj-paper));content:"";pointer-events:none}@media (min-width:1021px){html:has(.dj-entry .dj-room-foot){scroll-padding-bottom:210px}.dj-room-body{padding-bottom:30px}}.dj-dock{display:grid;gap:8px}.dj-dock>.dj-btn{width:100%}.dj-dock-alert{display:flex;align-items:flex-start;gap:6px;border:3px solid var(--dj-coral-lip);border-radius:16px;background:#ffe3ea;padding:4px 4px 4px 0;color:var(--dj-ink);box-shadow:var(--dj-nub)}.dj-dock-alert>.dj-error{flex:1 1;border:0;background:transparent;padding:8px 4px 8px 12px;box-shadow:none}.dj-dock-alert-close{display:grid;width:44px;height:44px;flex:none;place-items:center;border:0;border-radius:12px;background:transparent;color:var(--dj-coral-lip);cursor:pointer}.dj-dock-alert-close:hover{background:rgba(195,44,75,.12)}.dj-room-row{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:10px}.dj-room-row>.dj-btn{width:100%;min-height:46px;padding:0 10px;white-space:nowrap}.dj-room-note{margin:0;color:var(--dj-ink-muted);font-size:15px;font-weight:600;line-height:1.35;text-align:center}.dj-room-note a{color:var(--dj-grape-lip);text-decoration-thickness:2px;text-underline-offset:3px}@media (min-width:360px){.dj-room-note[data-echo]{display:none}}.dj-panel-label{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 10px;margin:0 0 10px}.dj-panel-label h3{margin:0;font-family:var(--dj-font-display);font-size:20px;font-weight:var(--dj-display-weight);line-height:1.15}.dj-panel-label small{color:var(--dj-ink-muted);font-size:14px;font-weight:600}.dj-seats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;margin:0;padding:10px 0 0;list-style:none}.dj-seat{position:relative;display:grid;min-height:92px;border:2.5px solid var(--dj-ink);border-radius:16px;background:var(--dj-paper-2);box-shadow:0 3px 0 var(--dj-ink)}.dj-seat.is-you{justify-items:center;align-content:center;gap:4px;padding:14px 8px 8px;text-align:center}.dj-seat.is-empty{border-style:dashed;background:transparent;color:var(--dj-ink-muted);box-shadow:none}.dj-seat-inner{display:grid;width:100%;min-height:44px;align-content:center;justify-items:center;gap:4px;border-radius:13px;padding:10px 6px 8px;color:inherit;text-align:center;text-decoration:none}a.dj-seat-inner:hover{background:var(--dj-paper-2);color:var(--dj-grape-lip)}a.dj-seat-inner:focus-visible{outline:4px solid var(--dj-grape-lip);outline-offset:2px}.dj-seat-avatar{display:grid;width:42px;height:42px;place-items:center;overflow:hidden;border:3px solid var(--dj-ink);border-radius:13px;background:var(--dj-sun);color:var(--dj-ink);font-family:var(--dj-font-logo);font-size:20px;box-shadow:inset 0 -4px 0 rgba(0,0,0,.18)}.dj-seat-avatar img{width:100%;height:100%;object-fit:cover}.dj-seat-avatar.is-empty{border-style:dashed;border-color:#8b78c8;background:transparent;color:#8b78c8;box-shadow:none}.dj-seat-name{max-width:100%;font-size:16px;font-weight:700;line-height:1.15;overflow-wrap:anywhere}.dj-seat-state{display:inline-flex;align-items:center;gap:4px;color:var(--dj-ink-muted);font-size:14px;font-weight:600}.dj-seat-state.is-ok{color:#0a6e4c}.dj-seat-host{position:absolute;top:-11px;left:50%;border:2px solid var(--dj-ink);border-radius:8px;background:var(--dj-sun);padding:0 7px;color:var(--dj-ink);font-family:var(--dj-font-display);font-size:13px;font-weight:var(--dj-display-weight);line-height:18px;white-space:nowrap;transform:translateX(-50%)}@container dj-room (min-width: 340px){.dj-seats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px}.dj-seats:has(>li:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}.dj-seats:has(>li:nth-child(2):last-child),.dj-seats:has(>li:only-child){grid-template-columns:repeat(2,minmax(0,1fr))}.dj-seat-inner,.dj-seat.is-you{padding-inline:4px}}.dj-mods{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.dj-mod{display:inline-flex;min-height:44px;align-items:center;gap:6px;border:2.5px solid var(--dj-ink);border-radius:14px;background:var(--dj-paper);padding:4px 11px 4px 8px;color:var(--dj-ink);font:600 15px/1.2 var(--dj-font-ui);text-align:left;box-shadow:0 3px 0 var(--dj-ink);cursor:pointer;transition:transform .15s var(--dj-ease-out),background .15s}.dj-mod>svg{flex:none}.dj-mod:hover:not(:disabled){transform:translateY(-2px)}.dj-mod:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--dj-ink)}.dj-mod[aria-pressed=true]{background:var(--dj-sun);box-shadow:inset 0 -4px 0 var(--dj-sun-lip),0 3px 0 var(--dj-ink)}.dj-mod:disabled{cursor:not-allowed;opacity:.6}.dj-seg-rows{display:grid;gap:8px}.dj-seg-row{display:grid;min-width:0;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;margin:0;border:0;padding:0}.dj-seg-label{font-family:var(--dj-font-display);font-size:17px;font-weight:var(--dj-display-weight)}.dj-seg{display:grid;min-width:0;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;border:2.5px solid var(--dj-ink);border-radius:14px;background:var(--dj-paper-2);padding:3px}.dj-seg>button{min-width:0;min-height:44px;border:0;border-radius:10px;background:transparent;padding:0 6px;color:var(--dj-ink);font-family:var(--dj-font-display);font-size:18px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:var(--dj-display-weight);cursor:pointer}.dj-seg>button:hover:not([aria-pressed=true]):not(:disabled){background:var(--dj-paper)}.dj-seg>button[aria-pressed=true]{background:var(--dj-sun);box-shadow:inset 0 -4px 0 var(--dj-sun-lip),0 2px 0 var(--dj-ink)}.dj-seg>button:disabled{cursor:not-allowed}.dj-field{display:grid;gap:6px}.dj-choice-set>legend,.dj-field>span{padding:0;font-family:var(--dj-font-display);font-size:18px;font-weight:var(--dj-display-weight)}.dj-field input{min-height:52px;border:3px solid var(--dj-ink);border-radius:14px;background:var(--dj-paper);padding:0 14px;color:var(--dj-ink);font:600 17px var(--dj-font-ui)}.dj-field input:focus-visible{outline:4px solid var(--dj-grape-lip);outline-offset:2px}.dj-field input::placeholder{color:var(--dj-ink-muted)}.dj-choice-set{display:grid;min-width:0;gap:8px;margin:0;border:0;padding:0}.dj-choice-set>legend{margin-bottom:8px}.dj-choice-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dj-choice-row>button{display:flex;min-width:0;min-height:60px;align-items:center;gap:10px;border:2.5px solid var(--dj-ink);border-radius:16px;background:var(--dj-paper);padding:8px 12px;color:var(--dj-ink);text-align:left;box-shadow:0 3px 0 var(--dj-ink);cursor:pointer}.dj-choice-row>button>svg{flex:none;color:var(--dj-grape-lip)}.dj-choice-row>button>span{display:grid;min-width:0}.dj-choice-row b{font-family:var(--dj-font-display);font-size:17px;font-weight:var(--dj-display-weight);line-height:1.15}.dj-choice-row small{color:var(--dj-ink-muted);font-size:14px;font-weight:600}.dj-choice-row>button[aria-pressed=true]{background:var(--dj-sun);box-shadow:inset 0 -4px 0 var(--dj-sun-lip),0 3px 0 var(--dj-ink)}.dj-choice-row>button[aria-pressed=true] :is(svg,small){color:var(--dj-ink)}.dj-pass-rule{display:flex;gap:8px;margin:0;color:var(--dj-ink-muted);font-size:15px;font-weight:500;line-height:1.4}.dj-pass-rule>svg{flex:none;margin-top:1px;color:var(--dj-grape-lip)}.dj-error{margin:0;border:3px solid var(--dj-coral-lip);border-radius:16px;background:#ffe3ea;padding:10px 14px;color:var(--dj-ink);font-size:16px;font-weight:600;line-height:1.35;box-shadow:var(--dj-nub)}.dj-entry.dj-gate{display:block;overflow:visible;place-items:normal;padding:0 0 40px}.dj-gate .dj-gate-card{display:grid;width:min(100% - 32px,480px);max-width:none;justify-items:center;gap:14px;margin:clamp(24px,8vh,80px) auto 120px;border:3px solid var(--dj-ink);border-radius:var(--dj-r-lg);background:var(--dj-paper);padding:28px 24px;color:var(--dj-ink);text-align:center;box-shadow:var(--dj-lift)}.dj-gate-icon{border:3px solid var(--dj-ink);border-radius:18px;box-shadow:var(--dj-nub)}.dj-gate-glyph{color:var(--dj-grape-lip)}.dj-gate .dj-gate-card h1{max-width:none;margin:0;font-family:var(--dj-font-display);font-size:30px;font-weight:var(--dj-display-weight);line-height:1.1}.dj-gate .dj-gate-card p{margin:0;color:var(--dj-ink-muted);font-size:17px;font-weight:500;line-height:1.45}.dj-gate-card .dj-btn{width:100%}.dj-bottom-nav{display:none}@media (min-width:761px){.dj-room-foot .dj-btn-xl{min-height:66px;font-size:28px}}@media (max-width:1240px){.dj-modes{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1020px){.dj-lobby{grid-template-columns:minmax(0,1fr)}.dj-room,.dj-room-foot{position:static}.dj-room-foot:before{display:none}}@media (max-width:760px){.dj-entry:has(.dj-dock){padding-bottom:calc(176px + env(safe-area-inset-bottom))}.dj-entry:has(.dj-dock .native-auth-choice-group){padding-bottom:calc(232px + env(safe-area-inset-bottom))}.dj-entry:not(:has(.dj-dock)){padding-bottom:calc(84px + env(safe-area-inset-bottom))}html:has(.dj-entry .dj-bottom-nav){scroll-padding-bottom:calc(84px + env(safe-area-inset-bottom))}html:has(.dj-entry .dj-dock){scroll-padding-bottom:calc(176px + env(safe-area-inset-bottom))}html:has(.dj-entry .dj-dock .native-auth-choice-group){scroll-padding-bottom:calc(232px + env(safe-area-inset-bottom))}.dj-lobby{gap:8px;padding:0 16px 24px}.dj-lobby-stage{min-height:0;grid-template-columns:minmax(0,1fr);gap:4px;padding-top:4px}.dj-lobby-stage:before{display:none}.dj-lobby-brand{justify-items:center;gap:12px;padding-bottom:0;text-align:center}.dj-tagline{font-size:17px}.dj-how{display:none}.dj-task-title{font-size:clamp(34px,10vw,44px)}.dj-lobby-bench{padding-top:84px}.dj-multiplayer .dj-lobby-bench{display:none}.dj-lobby-line{--dj-tail:50%;right:auto;left:50%;width:max-content;max-width:min(300px,calc(100% - 16px));transform:translateX(-50%) rotate(1deg)}.dj-logo{font-size:clamp(52px,17vw,76px)}.dj-lobby-judge{width:96px;flex-basis:96px}.dj-lobby-judge.is-inky{width:106px;flex-basis:106px}.dj-lobby-desk{height:54px}.dj-section-head{margin-top:22px}.dj-section-head h2,.dj-section-head h3{font-size:26px}.dj-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.dj-mode-art{height:96px}.dj-mode-art>svg{height:84px}.dj-mode-body{padding:10px 12px 12px}.dj-mode-tick{width:32px;height:32px}.dj-mode[data-mode=wildcard]{grid-column:1/-1;grid-template-columns:minmax(0,42%) minmax(0,1fr);grid-template-rows:auto;column-gap:3px;background:var(--dj-ink)}.dj-mode[data-mode=wildcard] .dj-mode-art{height:auto;min-height:104px;border-bottom:0}.dj-mode[data-mode=wildcard] .dj-mode-body{align-content:center;background:var(--dj-paper)}.dj-rubric{grid-template-columns:minmax(0,1fr);margin-top:18px;padding:16px}.dj-legend li{font-size:16px}.dj-room-head{padding:14px 16px}.dj-room-head h2{font-size:24px}.dj-room-body{padding:14px 16px 18px}.dj-room-foot{padding:12px 16px 14px}.dj-room-foot .dj-dock{position:fixed;z-index:30;right:0;bottom:calc(75px + env(safe-area-inset-bottom));left:0;background:linear-gradient(180deg,transparent,rgba(23,10,60,.92) 30%);padding:12px 16px}.dj-btn-xl{min-height:64px;font-size:26px}.dj-room-row>.dj-btn{font-size:17px}.dj-bottom-nav{position:fixed;z-index:40;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;border-top:3px solid var(--dj-ink);background:var(--dj-night-lo);padding:8px 10px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px rgba(8,0,36,.5)}.dj-bottom-nav a{display:grid;min-height:56px;align-content:center;justify-items:center;gap:2px;border-radius:14px;color:var(--dj-lilac);font-family:var(--dj-font-display);font-size:14px;font-weight:var(--dj-display-weight);line-height:1.15;text-decoration:none}.dj-bottom-nav a[aria-current=page]{background:var(--dj-sun);color:var(--dj-ink);box-shadow:inset 0 -4px 0 var(--dj-sun-lip)}.dj-bottom-nav-icon{position:relative;display:grid}.dj-bottom-nav .dj-dot{position:absolute;top:-2px;right:-7px;width:10px;height:10px;border:2px solid var(--dj-ink);border-radius:50%;background:var(--dj-coral)}}@media (max-width:380px){.dj-modes{gap:12px 10px}.dj-mode-name{font-size:17px}.dj-chip{padding:0 8px}.dj-seg-row{gap:6px}.dj-choice-row,.dj-seg-row{grid-template-columns:minmax(0,1fr)}.dj-room-row{grid-auto-flow:row}.dj-btn-xl{font-size:24px}}@media (max-width:760px) and (max-height:700px){.dj-lobby-stage{gap:2px;padding-top:0}.dj-lobby-brand{gap:6px}.dj-logo{font-size:clamp(42px,13.5vw,56px)}.dj-ribbon{margin-top:2px;border-width:2.5px;padding:1px 18px 3px;font-size:17px}.dj-tagline{font-size:16px;line-height:1.35}.dj-lobby-bench{padding-top:0}.dj-lobby-line{position:relative;top:auto;left:auto;width:auto;max-width:100%;margin-bottom:-10px;padding:8px 12px;transform:rotate(1deg)}.dj-lobby-judge{width:76px;flex-basis:76px}.dj-lobby-judge.is-inky{width:84px;flex-basis:84px}.dj-lobby-desk{height:46px;margin-top:-28px}.dj-room-foot .dj-dock{padding-block:10px}}@media (max-width:359px) and (max-height:700px){.dj-entry .native-auth-choice-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dj-entry .native-auth-choice-group>a.dj-btn{gap:4px;padding:0 8px;font-size:16px;line-height:1.1}.dj-entry .native-auth-choice-group>a.native-apple-auth-choice{padding-left:2px}.dj-entry .native-auth-choice-group .apple-auth-mark{width:40px;height:40px}.dj-entry .native-auth-choice-group .google-auth-mark{width:26px;height:26px;font-size:16px}.dj-entry:has(.dj-dock .native-auth-choice-group){padding-bottom:calc(176px + env(safe-area-inset-bottom))}html:has(.dj-entry .dj-dock .native-auth-choice-group){scroll-padding-bottom:calc(176px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.dj-lobby-line{animation:none}.dj-btn,.dj-mod,.dj-mode,.dj-mode-tick,.dj-weights>i{transition:none}.dj-mode:hover:not(:disabled){transform:none}}