:root{--mono: "Space Mono", ui-monospace, monospace;--display: "Bungee", "Archivo Black", sans-serif;--shade: "Bungee Shade", "Bungee", sans-serif;--color-magenta: #ff2bd6;--color-cyan: #22e6ff;--color-yellow: #ffe53d;--color-portal: #2bff7a;--color-bg-deep: #0a0014;--color-bg-black: #000;--glow-magenta-10: rgba(255, 43, 214, .1);--glow-magenta-14: rgba(255, 43, 214, .14);--glow-magenta-16: rgba(255, 43, 214, .16);--glow-magenta-20: rgba(255, 43, 214, .2);--glow-magenta-22: rgba(255, 43, 214, .22);--glow-magenta-24: rgba(255, 43, 214, .24);--glow-magenta-28: rgba(255, 43, 214, .28);--glow-magenta-40: rgba(255, 43, 214, .4);--glow-cyan-12: rgba(34, 230, 255, .12);--glow-cyan-14: rgba(34, 230, 255, .14);--glow-cyan-18: rgba(34, 230, 255, .18);--glow-cyan-24: rgba(34, 230, 255, .24);--glow-cyan-28: rgba(34, 230, 255, .28);--glow-cyan-30: rgba(34, 230, 255, .3);--glow-cyan-50: rgba(34, 230, 255, .5);--glow-portal-10: rgba(43, 255, 122, .1);--glow-portal-25: rgba(43, 255, 122, .25);--glow-portal-40: rgba(43, 255, 122, .4);--glow-portal-50: rgba(43, 255, 122, .5);--shadow-glow-magenta-sm: 0 0 16px var(--glow-magenta-14);--shadow-glow-magenta-md: 0 0 18px var(--glow-magenta-16);--shadow-glow-cyan-sm: 0 0 16px var(--glow-cyan-14);--shadow-glow-dual-soft: 0 0 18px var(--glow-cyan-14), 0 0 12px var(--glow-magenta-10);--shadow-glow-dual-knob: 0 0 16px var(--glow-magenta-22), 0 0 10px var(--glow-cyan-14);--shadow-glow-toast: 0 0 18px var(--glow-magenta-16), 0 0 10px var(--glow-cyan-12);--blur-sm: 6px;--blur-md: 8px;--blur-lg: 10px;--border-white-10: rgba(255, 255, 255, .1);--border-white-12: rgba(255, 255, 255, .12);--border-white-14: rgba(255, 255, 255, .14);--border-white-15: rgba(255, 255, 255, .15);--border-white-20: rgba(255, 255, 255, .2);--border-white-05-inset: rgba(255, 255, 255, .05);--surface-dark-30: rgba(0, 0, 0, .3);--surface-dark-40: rgba(0, 0, 0, .4);--surface-dark-55: rgba(0, 0, 0, .55);--surface-dark-60: rgba(0, 0, 0, .6);--surface-dark-70: rgba(0, 0, 0, .7);--surface-white-06: rgba(255, 255, 255, .06);--surface-white-12: rgba(255, 255, 255, .12);--surface-panel-top: rgba(255, 255, 255, .03);--surface-panel-bottom: rgba(0, 0, 0, .5);--transform-hover-lift: translateY(-2px) scale(1.02);--transform-hover-lift-sm: translateY(-2px);--transform-active-press: translateY(1px);--transform-active-btn: translateY(0) scale(.99);--transition-btn: transform .12s ease, box-shadow .18s ease, background .18s ease;--transition-btn-shimmer: .55s ease;--transition-interactive: all .15s ease;--transition-scale-hover: transform .15s, background .15s, border-color .15s;--space-xs: clamp(4px, .8vw, 6px);--space-sm: clamp(6px, 1vw, 8px);--space-md: clamp(8px, 1.2vw, 10px);--space-lg: clamp(10px, 1.5vw, 12px);--space-xl: clamp(12px, 1.8vw, 14px);--space-2xl: clamp(14px, 2vw, 16px);--space-3xl: clamp(16px, 2.5vw, 18px);--space-4xl: clamp(20px, 3vw, 24px);--gap-section: clamp(16px, 2.5vw, 24px);--gap-controls: clamp(10px, 1.5vw, 14px);--gap-buttons: clamp(8px, 1.2vw, 12px);--pad-btn: clamp(10px, 1.5vw, 14px) clamp(16px, 3vw, 24px);--pad-card: clamp(14px, 2vw, 18px) clamp(14px, 2vw, 18px) clamp(12px, 1.5vw, 16px);--pad-panel: clamp(12px, 1.5vw, 14px) clamp(14px, 2vw, 16px) clamp(14px, 2vw, 16px);--pad-audio: clamp(8px, 1vw, 10px) clamp(12px, 1.5vw, 14px);--pad-copy-btn: clamp(8px, 1vw, 10px) clamp(14px, 2vw, 18px);--pad-content: clamp(20px, 4vw, 48px) clamp(24px, 5vw, 56px);--radius-pill: 999px;--radius-sm: 8px;--radius-panel: 10px;--radius-chip: 10px;--radius-lg: 14px;--radius-card: 16px;--radius-btn: 6px}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--color-bg-black);color:#fff;font-family:var(--mono);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cr-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at center 40%,var(--color-bg-deep) 0%,var(--color-bg-black) 90%)}.cr-root.cr-menu-enter-pending .cr-tagline,.cr-root.cr-menu-enter-pending .cr-title-word,.cr-root.cr-menu-enter-pending .cr-buttons .cr-btn,.cr-root.cr-menu-enter-pending .cr-levels-hd,.cr-root.cr-menu-enter-pending .cr-level-btn:not(.cr-level-btn--disabled),.cr-root.cr-menu-enter-pending #cr-player-card,.cr-root.cr-menu-enter-pending #cr-stats-local,.cr-root.cr-menu-enter-pending #cr-audio-panel,.cr-root.cr-menu-enter-pending #cr-controls,.cr-root.cr-menu-enter-pending .cr-cart-wrap{opacity:0}.cr-btn.cr-btn--boot-pending{opacity:.45;pointer-events:none;cursor:wait;transition:opacity .28s ease}.cr-buttons .cr-btn:not(.cr-btn--boot-pending){transition:opacity .28s ease}.cr-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:center;justify-items:center;padding:var(--pad-content);gap:clamp(16px,3vw,32px);width:100%;max-width:1600px;margin:0 auto}.cr-left{display:flex;flex-direction:column;align-items:center;gap:var(--gap-section);width:100%;max-width:360px;overflow:visible}.cr-center{display:flex;flex-direction:column;align-items:center;gap:var(--gap-section);width:100%}.cr-right{display:flex;flex-direction:column;gap:var(--gap-controls);width:100%;max-width:420px}.cr-floor{position:absolute;left:0;right:0;bottom:0;height:55%;perspective:700px;perspective-origin:50% 0%;pointer-events:none;z-index:1;mask-image:linear-gradient(to bottom,transparent 0%,#000 25%,#000 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 25%,#000 100%)}.cr-floor-grid{position:absolute;left:-20%;right:-20%;top:0;height:180%;background-image:linear-gradient(to right,var(--c1, var(--color-magenta)) 1px,transparent 1px),linear-gradient(to bottom,var(--c2, var(--color-cyan)) 1px,transparent 1px);background-size:60px 60px;transform-origin:50% 0%;transform:rotateX(62deg);opacity:.45;animation:cr-floor-scroll 1.8s linear infinite;filter:drop-shadow(0 0 4px var(--c1, var(--color-magenta)))}@keyframes cr-floor-scroll{0%{background-position:0 0,0 0}to{background-position:0 60px,0 60px}}.cr-lights{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;mix-blend-mode:screen;overflow:hidden}.cr-light{position:absolute;top:-10%;width:280px;height:140%;background:radial-gradient(ellipse at top,var(--col) 0%,transparent 60%);filter:blur(18px);mix-blend-mode:screen;transform-origin:50% 0%;animation:cr-light-sway var(--dur) ease-in-out infinite alternate;animation-delay:var(--delay);will-change:transform,opacity;isolation:isolate}@keyframes cr-light-sway{0%{transform:rotate(-18deg) translate(-30px);opacity:.5}50%{opacity:.9}to{transform:rotate(18deg) translate(30px);opacity:.5}}.cr-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.7) 100%)}.cr-scan{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.06) 0,rgba(255,255,255,.06) 1px,transparent 1px,transparent 3px);mix-blend-mode:overlay;opacity:.12}.cr-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;overflow:hidden}.cr-particle{position:absolute;bottom:-10px;border-radius:50%;animation:cr-float linear infinite}@keyframes cr-float{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-110vh) translate(30px);opacity:0}}.cr-kbm-toast{position:absolute;top:var(--space-2xl);left:50%;transform:translate(-50%);z-index:60;display:inline-flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-pill);background:var(--surface-dark-55);border:1px solid var(--glow-magenta-28);box-shadow:var(--shadow-glow-toast);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));color:#ffffffd1;font-family:var(--mono);font-size:clamp(10px,1.2vw,11px);letter-spacing:.08em;text-transform:uppercase;-webkit-user-select:none;user-select:none}.cr-kbm-toast-text{text-shadow:0 0 10px var(--glow-cyan-18)}.cr-kbm-toast-close{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:var(--surface-white-06);color:#ffffffd9;width:22px;height:22px;line-height:22px;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:14px;box-shadow:0 0 10px var(--glow-magenta-14)}.cr-kbm-toast-close:hover{background:var(--surface-white-12)}.cr-kbm-toast-close:active{transform:var(--transform-active-press)}@media(pointer:coarse)and (max-width:1024px){.cr-kbm-toast{top:clamp(14px,3.2vw,22px);gap:clamp(10px,2.6vw,14px);padding:clamp(12px,3.2vw,18px) clamp(14px,3.8vw,22px);border-width:1px;max-width:min(92vw,560px);justify-content:center;text-align:center;font-size:clamp(13px,3.6vw,16px);letter-spacing:.09em}.cr-kbm-toast-text{line-height:1.25}.cr-kbm-toast-close{width:clamp(28px,7.5vw,36px);height:clamp(28px,7.5vw,36px);line-height:clamp(28px,7.5vw,36px);font-size:clamp(16px,4.8vw,20px)}}.cr-touch{position:absolute;top:0;right:0;bottom:0;left:0;z-index:55;pointer-events:none}.cr-joy{position:absolute;left:var(--gap-section);bottom:var(--gap-section);width:140px;height:140px;border-radius:var(--radius-pill);background:#00000040;border:1px solid var(--glow-cyan-28);box-shadow:var(--shadow-glow-dual-soft);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));pointer-events:auto;touch-action:none}.cr-joy-knob{position:absolute;left:50%;top:50%;width:56px;height:56px;transform:translate(-50%,-50%);border-radius:var(--radius-pill);background:var(--surface-white-06);border:1px solid var(--glow-magenta-28);box-shadow:var(--shadow-glow-dual-knob)}.cr-touch-btns{position:absolute;right:var(--gap-section);bottom:var(--gap-section);display:grid;gap:var(--gap-controls);pointer-events:auto}.cr-touch-btn{width:108px;height:54px;border-radius:var(--radius-pill);border:1px solid var(--border-white-14);background:var(--surface-dark-30);color:#ffffffe0;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;box-shadow:var(--shadow-glow-magenta-sm);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));touch-action:none}.cr-touch-btn--boost{border-color:var(--glow-cyan-24);box-shadow:var(--shadow-glow-cyan-sm)}.cr-touch-btn--hop{border-color:var(--glow-magenta-24);box-shadow:var(--shadow-glow-magenta-sm)}.cr-touch-btn:active{transform:var(--transform-active-press);background:var(--surface-white-06)}.cr-tooltip-footer--touch{display:none}@media(pointer:coarse){.cr-touch{display:none}#cr-controls{display:none!important}.cr-tooltip-footer--keyboard{display:none}.cr-tooltip-footer--touch{display:block}}@media(pointer:fine){.cr-touch{display:none}}.cr-cart-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:0}.cr-cart-stage{position:relative;width:clamp(220px,30vw,320px);height:clamp(200px,25vw,280px);display:flex;align-items:center;justify-content:center;cursor:help}.cr-cart-shadow{position:absolute;bottom:-10px;left:50%;width:clamp(180px,22vw,240px);height:clamp(30px,4vw,40px);transform:translate(-50%);border-radius:50%;transition:transform .12s ease-out;pointer-events:none;filter:blur(6px)}#cr-cart-holder svg{transition:transform 90ms linear;overflow:visible;width:100%;height:100%}.cr-tooltip{display:none;width:100%;margin-top:var(--space-sm);padding:var(--pad-panel);background:linear-gradient(180deg,var(--surface-panel-top),var(--surface-panel-bottom));border:1px solid var(--glow-magenta-28);border-radius:var(--radius-panel);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));box-shadow:inset 0 1px #ffffff14,0 0 0 1px var(--glow-magenta-14),var(--shadow-glow-dual-soft);font-family:var(--mono);color:#ffffffd1;font-size:clamp(10px,1.15vw,12px);line-height:1.55;text-align:left;z-index:30}@media(hover:hover){.cr-cart-wrap:hover .cr-tooltip{display:block;animation:cr-tooltip-in .2s ease}}.cr-cart-tooltip-backdrop{display:none}.cr-cart-stage--tappable{cursor:pointer}.cr-cart-tap-hint{display:none}@media(pointer:coarse){.cr-cart-stage{cursor:pointer}.cr-cart-tap-hint{display:flex;position:absolute;top:0;right:0;width:clamp(22px,6vw,28px);height:clamp(22px,6vw,28px);align-items:center;justify-content:center;border-radius:var(--radius-pill);background:#000000b8;border:1px solid var(--glow-magenta-28);color:var(--color-magenta);font-family:var(--mono);font-size:clamp(10px,2.8vw,12px);font-weight:700;letter-spacing:0;box-shadow:var(--shadow-glow-magenta-sm);pointer-events:none;z-index:2}.cr-cart-tooltip-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0000009e;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.cr-cart-wrap--tooltip-open .cr-cart-tooltip-backdrop{display:block}.cr-cart-wrap--tooltip-open .cr-tooltip{display:block;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,360px);max-height:min(72dvh,440px);margin-top:0;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:100;animation:cr-tooltip-modal-in .2s ease}}@keyframes cr-tooltip-modal-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 8px))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes cr-tooltip-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cr-tooltip-hd{font-size:clamp(8px,1vw,9px);letter-spacing:.22em;color:#ffffff80;padding-bottom:var(--space-sm);border-bottom:1px dashed var(--border-white-10);margin-bottom:var(--gap-controls)}.cr-tooltip-headline{font-family:var(--display);font-size:clamp(11px,1.35vw,13px);font-weight:400;letter-spacing:.02em;color:var(--color-magenta);text-shadow:0 0 10px var(--glow-magenta-20);margin:0 0 var(--space-sm) 0;line-height:1.35}.cr-tooltip-list{margin:0 0 var(--space-sm) 0;padding-left:clamp(14px,2vw,18px)}.cr-tooltip-list li{margin-bottom:clamp(3px,.5vw,5px)}.cr-tooltip-list li:last-child{margin-bottom:0}.cr-tooltip-list strong{color:var(--color-cyan);text-shadow:0 0 6px var(--glow-cyan-18);font-weight:700}.cr-tooltip-white{color:#fff;font-weight:700;text-shadow:0 0 8px rgba(255,255,255,.75)}.cr-tooltip-footer{margin:0;padding-top:var(--space-sm);border-top:1px dashed var(--border-white-10);font-size:clamp(9px,1.05vw,10px);color:#ffffff73;letter-spacing:.04em;line-height:1.6}.cr-stats{display:flex;align-items:center;gap:var(--space-2xl);padding:var(--space-2xl) clamp(12px,2vw,22px);background:var(--surface-dark-55);border:1px solid var(--border-white-12);border-radius:var(--radius-lg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));width:100%;justify-content:center}.cr-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.cr-stat-num{font-family:var(--display);font-size:clamp(20px,3vw,28px);line-height:1;text-shadow:0 0 10px currentColor;letter-spacing:.02em}.cr-stat-lbl{font-family:var(--mono);font-size:clamp(8px,1vw,9px);letter-spacing:.18em;color:#ffffff8c}#cr-stats-local,.cr-stats-global{position:relative;padding-top:26px}.cr-stats-global .cr-stat-num{font-size:clamp(16px,2.5vw,22px)}.cr-stats-tag{position:absolute;top:-9px;left:var(--space-2xl);display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px var(--space-md);background:#000000d9;border:1px solid var(--border-white-15);border-radius:var(--radius-panel);font-family:var(--mono);font-size:9px;letter-spacing:.22em;color:#ffffffa6}.cr-stat-div{width:1px;height:clamp(24px,3vw,28px);background:var(--border-white-15)}.cr-tagline{display:flex;align-items:center;gap:var(--gap-controls);font-family:var(--mono);font-size:clamp(9px,1.2vw,11px);letter-spacing:.32em;color:#ffffffb3;text-transform:uppercase}.cr-tagline span:nth-child(2){color:var(--color-cyan);text-shadow:0 0 8px var(--color-cyan)}.cr-tagline span:nth-child(odd){color:#ffffff59;font-size:8px}.cr-title{font-family:var(--display);font-size:clamp(48px,8vw,112px);line-height:.9;margin:4px 0 var(--space-xl);text-align:center;letter-spacing:-.01em;transition:transform 90ms linear;text-wrap:balance}.cr-title-word{display:inline-block;margin:0 var(--space-xs)}.cr-title-stack{display:flex;flex-direction:column;gap:0;font-size:clamp(56px,9vw,140px)}.cr-title-stack .cr-title-word{margin:0}.cr-title-stack .cr-title-word:nth-child(1){color:var(--t1, var(--color-magenta));text-shadow:4px 4px 0 var(--t2, var(--color-cyan)),0 0 24px var(--t1, var(--color-magenta))}.cr-title-stack .cr-title-word:nth-child(2){color:var(--t3, var(--color-yellow));text-shadow:-4px 4px 0 var(--t1, var(--color-magenta)),0 0 24px var(--t3, var(--color-yellow));margin-top:-8px}.cr-buttons{display:flex;flex-direction:column;gap:var(--gap-buttons);width:100%;max-width:420px;margin-top:var(--space-xs)}.cr-btn{position:relative;display:block;width:100%;padding:var(--pad-btn);background:var(--surface-dark-55);border:2px solid var(--glow);border-radius:var(--radius-btn);color:#fff;font-family:var(--display);font-size:clamp(14px,2vw,18px);letter-spacing:.06em;cursor:pointer;transition:var(--transition-btn);box-shadow:0 0 0 1px var(--border-white-05-inset) inset,0 0 12px var(--glow),0 0 28px color-mix(in oklab,var(--glow),transparent 60%);text-shadow:0 0 8px var(--glow);overflow:hidden}.cr-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--glow),transparent 75%),transparent);transform:translate(-100%);transition:transform var(--transition-btn-shimmer);pointer-events:none}.cr-btn:hover:before{transform:translate(100%)}.cr-btn:hover{transform:var(--transform-hover-lift);background:#00000059;box-shadow:0 0 0 1px #ffffff1a inset,0 0 20px var(--glow),0 0 44px var(--glow),0 8px 24px #00000080}.cr-btn-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2xl);transform-origin:center center}.cr-btn-label{color:var(--glow);text-shadow:0 0 12px var(--glow),0 0 28px var(--glow)}.cr-btn-corner{position:absolute;width:var(--space-md);height:var(--space-md);border:2px solid var(--glow);filter:drop-shadow(0 0 var(--space-xs) var(--glow))}.cr-btn-corner.tl{top:-2px;left:-2px;border-right:0;border-bottom:0}.cr-btn-corner.tr{top:-2px;right:-2px;border-left:0;border-bottom:0}.cr-btn-corner.bl{bottom:-2px;left:-2px;border-right:0;border-top:0}.cr-btn-corner.br{bottom:-2px;right:-2px;border-left:0;border-top:0}.cr-levels{display:flex;flex-direction:column;gap:var(--space-sm);width:100%;max-width:420px;margin-top:var(--space-xs)}.cr-levels-hd{font-family:var(--mono);font-size:clamp(8px,1vw,9px);letter-spacing:.22em;color:#ffffff73;text-align:center}.cr-level-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-buttons);width:100%;min-width:0}.cr-level-btn{position:relative;display:block;width:100%;min-width:0;padding:clamp(8px,1.2vw,10px) clamp(10px,1.5vw,14px);background:var(--surface-dark-55);border:2px solid var(--glow, var(--color-cyan));border-radius:var(--radius-btn);color:#fff;font-family:var(--display);cursor:pointer;transition:var(--transition-btn);box-shadow:0 0 0 1px var(--border-white-05-inset) inset,0 0 10px var(--glow, var(--color-cyan)),0 0 22px color-mix(in oklab,var(--glow, var(--color-cyan)),transparent 65%);text-align:left;overflow:hidden}.cr-level-btn-inner{display:flex;flex-direction:column;gap:2px;position:relative;z-index:1;transform-origin:center center}.cr-level-btn-label{font-size:clamp(9px,1.35vw,11px);letter-spacing:.05em;line-height:1.2;color:var(--glow, var(--color-cyan));text-shadow:0 0 8px var(--glow, var(--color-cyan))}.cr-level-btn-sub{font-family:var(--mono);font-size:clamp(7px,1vw,8px);letter-spacing:.08em;color:#ffffff80;text-transform:uppercase}.cr-level-btn:hover:not(.cr-level-btn--disabled){transform:var(--transform-hover-lift-sm);background:#00000059;box-shadow:0 0 0 1px #ffffff1a inset,0 0 16px var(--glow, var(--color-cyan)),0 0 32px var(--glow, var(--color-cyan))}.cr-level-btn.active{background:color-mix(in oklab,var(--glow, var(--color-cyan)),transparent 88%);box-shadow:0 0 0 1px var(--glow, var(--color-cyan)) inset,0 0 18px var(--glow, var(--color-cyan)),0 0 36px color-mix(in oklab,var(--glow, var(--color-cyan)),transparent 35%)}.cr-level-btn.active .cr-level-btn-sub{color:#ffffffb8}.cr-level-btn--disabled{--glow: rgba(255, 255, 255, .18);cursor:not-allowed;opacity:.55;border-color:var(--border-white-15);box-shadow:0 0 0 1px var(--border-white-05-inset) inset,0 0 8px #ffffff0f}.cr-level-btn--disabled .cr-level-btn-label{color:#ffffff73;text-shadow:none}.cr-level-soon{color:var(--color-yellow)!important;text-shadow:0 0 8px rgba(255,229,61,.45);font-weight:700}.cr-player-card{position:relative;z-index:5;padding:var(--pad-card);background:linear-gradient(180deg,var(--surface-panel-top),var(--surface-panel-bottom));border:1px solid color-mix(in oklab,var(--pc),transparent 60%);border-radius:var(--radius-card);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));box-shadow:inset 0 1px #ffffff14,0 0 0 1px color-mix(in oklab,var(--pc),transparent 80%),0 0 30px color-mix(in oklab,var(--pc),transparent 75%);width:100%}.cr-player-hd{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:clamp(9px,1.1vw,10px);letter-spacing:.2em;color:#fff9;margin-bottom:var(--gap-controls)}.cr-player-status{display:flex;align-items:center;gap:var(--space-xs);color:#ffffffbf}.cr-pulse{display:inline-block;width:7px;height:7px;border-radius:50%;box-shadow:0 0 var(--space-sm) currentColor;animation:cr-pulse 1.2s ease-in-out infinite}.cr-pulse--online{background:var(--color-portal)}.cr-pulse--stats{background:#f0f}@keyframes cr-pulse{0%,to{opacity:1}50%{opacity:.4}}.cr-name-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:0}.cr-name-display{flex:1;font-family:var(--display);font-size:clamp(16px,2.5vw,22px);letter-spacing:.02em;cursor:text;text-shadow:0 0 10px currentColor;padding:var(--space-xs) var(--space-md);border:1px dashed transparent;border-radius:var(--radius-btn);transition:border-color .15s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.cr-name-display:hover{border-color:#fff3}.cr-tag{opacity:.6;margin-right:2px}.cr-edit-hint{font-family:var(--mono);font-size:clamp(9px,1.1vw,11px);opacity:.4;margin-left:var(--space-xs)}.cr-name-input{flex:1;background:var(--surface-dark-60);border:1px solid;border-radius:var(--radius-btn);padding:var(--space-xs) var(--space-md);font-family:var(--display);font-size:clamp(16px,2.5vw,22px);letter-spacing:.02em;outline:none;text-shadow:0 0 10px currentColor;min-width:0}.cr-reroll{width:clamp(28px,4vw,34px);height:clamp(28px,4vw,34px);border-radius:var(--radius-sm);background:var(--surface-white-06);border:1px solid var(--border-white-15);color:#fff;font-size:clamp(14px,2vw,18px);cursor:pointer;transition:transform .2s ease,background .15s;flex-shrink:0}.cr-reroll:hover{background:var(--surface-white-12);transform:rotate(180deg)}.cr-color-label{font-family:var(--mono);font-size:clamp(8px,1vw,9px);letter-spacing:.22em;color:#ffffff73;margin-bottom:var(--space-sm)}.cr-color-row{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-xs);margin-bottom:4px}.cr-color-row--customize{grid-template-columns:repeat(6,1fr)}.cr-color-chip--custom{font-family:var(--mono);font-size:clamp(6px,.9vw,8px);letter-spacing:.08em;color:#ffffffd9;text-shadow:0 0 8px var(--cc, var(--color-cyan))}.cr-color-chip--custom .cr-color-chip-custom-label{pointer-events:none;line-height:1.1}.cr-custom-hue-wrap{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-white-10)}.cr-custom-hue-wrap[hidden]{display:none!important}.cr-custom-hue-row{display:flex;align-items:center;gap:var(--space-sm)}.cr-custom-hue-slider{flex:1;min-width:0;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);cursor:pointer}.cr-custom-hue-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;border:2px solid #fff;background:var(--cr-hue-thumb, var(--color-cyan));box-shadow:0 0 10px var(--cr-hue-thumb, var(--color-cyan)),0 0 4px #00000080;cursor:grab}.cr-custom-hue-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:2px solid #fff;background:var(--cr-hue-thumb, var(--color-cyan));box-shadow:0 0 10px var(--cr-hue-thumb, var(--color-cyan)),0 0 4px #00000080;cursor:grab}.cr-custom-hue-slider::-webkit-slider-runnable-track{height:8px;border-radius:4px}.cr-custom-hue-slider::-moz-range-track{height:8px;border-radius:4px;background:transparent}.cr-custom-hue-val{font-family:var(--mono);font-size:clamp(9px,1.1vw,11px);letter-spacing:.08em;color:var(--cr-hue-thumb, var(--color-cyan));text-shadow:0 0 8px var(--cr-hue-thumb, var(--color-cyan));min-width:36px;text-align:right;flex-shrink:0}.cr-color-chip{position:relative;display:flex;align-items:center;justify-content:center;height:clamp(36px,5vw,44px);border-radius:var(--radius-chip);background:var(--surface-dark-40);border:2px solid color-mix(in oklab,var(--cc),transparent 75%);cursor:pointer;transition:var(--transition-interactive)}.cr-color-chip:hover{border-color:var(--cc);transform:var(--transform-hover-lift-sm)}.cr-color-chip.active{border-color:var(--cc);background:color-mix(in oklab,var(--cc),transparent 85%);box-shadow:0 0 0 1px var(--cc) inset,0 0 14px var(--cc)}.cr-color-chip.active:after{content:"";position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:50%;background:var(--cc);box-shadow:0 0 var(--space-xs) var(--cc)}.cr-audio-panel{position:relative;z-index:5;display:flex;flex-direction:column;gap:var(--gap-controls);width:100%;padding:var(--pad-card);background:linear-gradient(180deg,var(--surface-panel-top),var(--surface-panel-bottom));border:1px solid var(--border-white-10);border-radius:var(--radius-card);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));box-shadow:inset 0 1px #ffffff14,0 0 0 1px #ffffff0a}.cr-audio-hd{font-family:var(--mono);font-size:clamp(9px,1.1vw,10px);letter-spacing:.2em;color:#fff9}.cr-audio{display:flex;align-items:center;gap:var(--space-md);width:100%;box-sizing:border-box;padding:var(--pad-audio);background:var(--surface-dark-40);border:1px solid var(--border-white-10);border-radius:var(--radius-panel)}.cr-mute-btn{display:flex;align-items:center;justify-content:center;width:clamp(26px,3.5vw,30px);height:clamp(26px,3.5vw,30px);border-radius:var(--radius-sm);border:1px solid var(--border-white-12);background:var(--surface-dark-40);color:var(--mc, var(--color-cyan));cursor:pointer;transition:var(--transition-scale-hover);flex-shrink:0}.cr-mute-btn:hover{transform:scale(1.08);background:var(--surface-white-06);border-color:var(--mc, var(--color-cyan))}.cr-mute-btn.muted{background:#ff000014;border-color:#ff50504d;color:#888}.cr-vol-stack{display:flex;flex-direction:column;flex:1 1 auto;gap:var(--space-xs);min-width:0}.cr-vol-row{display:flex;align-items:center;width:100%;gap:7px}.cr-vol-label{width:var(--space-xl);text-align:center;color:var(--mc, var(--color-cyan));font-size:clamp(10px,1.2vw,12px);text-shadow:0 0 var(--space-xs) var(--mc, var(--color-cyan))}.cr-vol-track{flex:1 1 auto;height:var(--space-xs);min-width:0;background:var(--border-white-10);border-radius:3px;cursor:pointer;overflow:hidden}.cr-vol-fill{height:100%;width:100%;border-radius:3px;transform-origin:left center;transform:scaleX(var(--vol-scale, .25));transition:transform .1s ease}.cr-vol-val{font-family:var(--mono);font-size:clamp(9px,1.1vw,10px);font-weight:700;letter-spacing:.1em;color:#ffffffa6;min-width:26px;text-align:right}.cr-controls{position:relative;z-index:5;display:flex;flex-direction:column;gap:var(--gap-buttons);padding:var(--pad-panel);background:linear-gradient(180deg,var(--surface-panel-top),var(--surface-panel-bottom));border:1px solid var(--border-white-10);border-radius:var(--radius-panel);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));width:100%}.cr-controls-hd{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:clamp(9px,1.1vw,10px);letter-spacing:.22em;color:#ffffff80;padding-bottom:var(--space-sm);border-bottom:1px dashed var(--border-white-10);margin-bottom:2px}.cr-ctl-row{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-controls)}.cr-ctl-keys{display:flex;gap:4px;flex-shrink:0}.cr-ctl-keys kbd{display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-4xl);height:var(--space-4xl);padding:0 7px;background:var(--surface-dark-55);border:1.5px solid var(--kc, rgba(255,255,255,.35));border-radius:4px;font-family:var(--display);font-size:clamp(9px,1.2vw,11px);font-weight:400;color:var(--kc, #fff);letter-spacing:.04em;box-shadow:0 0 var(--space-sm) color-mix(in oklab,var(--kc, #fff),transparent 55%),inset 0 0 4px color-mix(in oklab,var(--kc, #fff),transparent 75%);text-shadow:0 0 var(--space-xs) var(--kc, #fff)}.cr-ctl-keys kbd.wide{min-width:60px;font-size:10px;letter-spacing:.12em}.cr-ctl-lbl{font-family:var(--mono);font-size:clamp(9px,1.2vw,11px);color:#ffffffbf;letter-spacing:.1em;text-transform:uppercase;text-align:right}#cr-friends-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,var(--color-bg-deep) 0%,var(--color-bg-black) 90%)}.cr-friends-panel{display:flex;flex-direction:column;align-items:center;gap:var(--gap-section);max-width:520px;width:90%;padding:clamp(24px,4vw,40px) clamp(20px,3vw,36px);background:var(--surface-dark-60);border:1px solid var(--border-white-12);border-radius:var(--radius-card);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));box-shadow:0 0 40px var(--glow-portal-10)}.cr-friends-title{font-family:var(--display);font-size:clamp(24px,4vw,32px);color:var(--color-yellow);text-shadow:0 0 var(--gap-controls) var(--color-yellow),0 0 28px rgba(255,229,61,.4);letter-spacing:.06em;margin:0}.cr-friends-desc{font-family:var(--mono);font-size:clamp(11px,1.5vw,12px);line-height:1.7;color:#ffffffa6;text-align:center;letter-spacing:.03em;margin:0}.cr-friends-link-row{display:flex;width:100%;gap:var(--space-sm)}.cr-friends-link{flex:1;padding:var(--pad-audio);background:#00000080;border:1px solid var(--border-white-20);border-radius:var(--radius-sm);color:var(--color-cyan);font-family:var(--mono);font-size:clamp(11px,1.5vw,13px);outline:none;text-shadow:0 0 var(--space-xs) var(--color-cyan);min-width:0}.cr-friends-copy{padding:var(--pad-copy-btn);background:var(--surface-dark-40);border:1px solid var(--color-cyan);border-radius:var(--radius-sm);color:var(--color-cyan);font-family:var(--display);font-size:clamp(11px,1.5vw,13px);cursor:pointer;letter-spacing:.08em;transition:var(--transition-interactive);box-shadow:0 0 var(--space-sm) var(--glow-cyan-30);flex-shrink:0}.cr-friends-copy:hover{background:#22e6ff1a;box-shadow:0 0 var(--space-2xl) var(--glow-cyan-50)}.cr-friends-enter{width:100%;padding:var(--pad-btn);background:var(--surface-dark-55);border:2px solid var(--color-portal);border-radius:var(--radius-btn);color:var(--color-portal);font-family:var(--display);font-size:clamp(14px,2vw,18px);letter-spacing:.06em;cursor:pointer;transition:transform .12s ease,box-shadow .18s ease;box-shadow:0 0 var(--gap-controls) var(--color-portal),0 0 28px var(--glow-portal-40);text-shadow:0 0 var(--gap-controls) var(--color-portal)}.cr-friends-enter:hover{transform:var(--transform-hover-lift);box-shadow:0 0 20px var(--color-portal),0 0 44px var(--color-portal)}.cr-friends-back{padding:var(--space-sm) 20px;background:transparent;border:1px solid var(--border-white-20);border-radius:var(--radius-btn);color:#ffffff80;font-family:var(--mono);font-size:clamp(11px,1.2vw,12px);cursor:pointer;letter-spacing:.1em;transition:color .15s,border-color .15s}.cr-friends-back:hover{color:#fff;border-color:#fff6}#cr-customize-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,var(--color-bg-deep) 0%,var(--color-bg-black) 92%)}.cr-customize-panel{display:flex;flex-direction:column;align-items:stretch;gap:var(--gap-section);max-width:520px;width:92%;max-height:min(92dvh,720px);overflow-y:auto;padding:clamp(20px,3.5vw,36px) clamp(18px,3vw,32px);background:var(--surface-dark-60);border:1px solid var(--border-white-12);border-radius:var(--radius-card);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));box-shadow:0 0 40px var(--glow-portal-10)}.cr-customize-title{font-family:var(--display);font-size:clamp(22px,4vw,30px);color:var(--color-magenta);text-shadow:0 0 var(--gap-controls) var(--color-magenta),0 0 24px rgba(255,43,214,.35);letter-spacing:.06em;margin:0;text-align:center}.cr-customize-desc{font-family:var(--mono);font-size:clamp(10px,1.4vw,12px);line-height:1.6;color:#ffffff8c;text-align:center;letter-spacing:.04em;margin:-8px 0 0}.cr-customize-preview{position:relative;display:flex;align-items:center;justify-content:center;min-height:clamp(160px,28vw,200px);margin:4px 0}.cr-customize-preview-shadow{position:absolute;bottom:6%;left:50%;transform:translate(-50%);width:72%;height:28px;border-radius:50%;pointer-events:none}.cr-customize-preview-cart{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:min(100%,280px);max-height:clamp(160px,28vw,200px);aspect-ratio:4 / 3;margin:0 auto;padding:var(--space-sm);overflow:hidden;background:linear-gradient(165deg,#0e0816f5,#08040efa 55%,#06040c);border:1px solid var(--glow-magenta-28);border-radius:var(--radius-card);box-shadow:inset 0 0 28px #0000008c,inset 0 1px 0 var(--border-white-05-inset),0 0 20px var(--glow-magenta-14),0 0 12px var(--glow-cyan-12)}.cr-customize-preview-cart svg{width:clamp(160px,38vw,220px);height:auto}.cr-customize-preview-cart canvas,.cr-customize-preview-cart .cr-cart-preview-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border-radius:calc(var(--radius-card) - var(--space-sm))}.cr-customize-preview-cart.cr-cart-preview-loading .cr-cart-preview-canvas{opacity:.88;animation:cr-cart-preview-pulse 1.4s ease-in-out infinite}@keyframes cr-cart-preview-pulse{0%,to{filter:brightness(.92)}50%{filter:brightness(1.08)}}.cr-customize-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.cr-customize-tab{padding:var(--space-sm) var(--space-xs);background:var(--surface-dark-40);border:1px solid var(--border-white-15);border-radius:var(--radius-sm);color:#ffffffbf;font-family:var(--mono);font-size:clamp(7px,1.1vw,9px);letter-spacing:.12em;cursor:pointer;transition:var(--transition-interactive)}.cr-customize-tab.active{color:var(--color-cyan);border-color:var(--color-cyan);box-shadow:0 0 10px var(--glow-cyan-30)}.cr-customize-tab--soon{opacity:.35;cursor:not-allowed}.cr-customize-section{padding:var(--space-sm) 0 0}.cr-customize-section .cr-color-row{margin-bottom:0}.cr-sunglasses-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs);margin-bottom:0}.cr-sunglasses-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:72px;padding:8px 6px;background:var(--surface-dark-55);border:2px solid var(--border-white-15);border-radius:var(--radius-btn);cursor:pointer;transition:transform .12s ease,border-color .15s ease,box-shadow .18s ease}.cr-sunglasses-chip-swatch{display:block;width:clamp(28px,7.5vw,36px);height:clamp(28px,7.5vw,36px);border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.92) 0%,rgba(255,255,255,.15) 22%,transparent 45%),linear-gradient(135deg,var(--mc, #c8c8d0) 0%,color-mix(in srgb,var(--mc, #c8c8d0) 55%,#000) 100%);box-shadow:0 0 8px color-mix(in srgb,var(--mc, #c8c8d0) 55%,transparent),inset 0 0 4px #ffffff40}.cr-sunglasses-chip:hover{transform:var(--transform-hover-lift);border-color:var(--border-white-30)}.cr-sunglasses-chip.active{border-color:var(--color-cyan);box-shadow:0 0 12px var(--glow-cyan-30),0 0 6px var(--glow-magenta-14)}.cr-sunglasses-chip-label{font-family:var(--mono);font-size:clamp(7px,1vw,9px);letter-spacing:.05em;color:#fffc;text-align:center;line-height:1.15}.cr-customize-done{width:100%;padding:var(--pad-btn);background:var(--surface-dark-55);border:2px solid var(--color-portal);border-radius:var(--radius-btn);color:var(--color-portal);font-family:var(--display);font-size:clamp(14px,2vw,18px);letter-spacing:.06em;cursor:pointer;transition:transform .12s ease,box-shadow .18s ease;box-shadow:0 0 var(--gap-controls) var(--color-portal),0 0 28px var(--glow-portal-40);text-shadow:0 0 var(--gap-controls) var(--color-portal)}.cr-customize-done:hover{transform:var(--transform-hover-lift);box-shadow:0 0 20px var(--color-portal),0 0 44px var(--color-portal)}.cr-customize-back{padding:var(--space-sm) 20px;background:transparent;border:1px solid var(--border-white-20);border-radius:var(--radius-btn);color:#ffffff80;font-family:var(--mono);font-size:clamp(11px,1.2vw,12px);cursor:pointer;letter-spacing:.1em;transition:color .15s,border-color .15s;align-self:center}.cr-customize-back:hover{color:#fff;border-color:#fff6}.cr-btn--customize{border-style:dashed;opacity:.92}.cr-btn--testdrive{margin-top:clamp(8px,1.4dvh,12px);max-width:clamp(140px,22vw,180px);align-self:center;font-size:clamp(9px,1.1vw,11px);opacity:.78;border-style:dotted}.cr-btn--testdrive .cr-btn-inner{padding:clamp(6px,1dvh,8px) clamp(10px,1.6vw,14px)}.cr-btn--testdrive .cr-btn-label{letter-spacing:.18em}.cr-btn:focus-visible,.cr-level-btn:focus-visible,.cr-color-chip:focus-visible,.cr-sunglasses-chip:focus-visible,.cr-reroll:focus-visible,.cr-friends-enter:focus-visible,.cr-customize-done:focus-visible,.cr-customize-back:focus-visible{outline:2px solid var(--color-cyan);outline-offset:4px;box-shadow:0 0 12px var(--glow-cyan-50)}@media(max-width:1024px){.cr-content{grid-template-columns:minmax(0,.8fr) 1.05fr minmax(0,.9fr);padding:clamp(14px,2.5vw,28px);gap:clamp(10px,2vw,18px)}.cr-left,.cr-right{max-width:100%}.cr-cart-stage{width:clamp(130px,16vw,200px);height:clamp(115px,14vw,175px)}.cr-cart-shadow{width:clamp(110px,14vw,170px);height:clamp(22px,2.8vw,32px)}.cr-stats{gap:clamp(6px,1vw,12px);padding:clamp(10px,1.5vw,14px) clamp(8px,1.2vw,14px)}.cr-stat-num{font-size:clamp(15px,2vw,22px)}.cr-stat-lbl{font-size:clamp(7px,.9vw,8px);letter-spacing:.14em}#cr-stats-local,.cr-stats-global{padding-top:clamp(18px,2.2vw,22px)}.cr-stats-tag{font-size:clamp(7px,.85vw,8px);top:-8px;left:clamp(8px,1.2vw,12px)}.cr-stat-div{height:clamp(18px,2.5vw,24px)}.cr-title-stack{font-size:clamp(44px,7.5vw,96px)}.cr-buttons,.cr-levels{max-width:100%}}@media(max-width:768px),(max-width:1024px)and (pointer:coarse){html,body{height:100%;min-height:100dvh;overflow:hidden}.cr-root{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;max-height:100dvh;overflow:hidden}.cr-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-padding-bottom:max(24px,calc(env(safe-area-inset-bottom,0px) + 16px));grid-template-columns:unset;padding:max(1.2dvh,env(safe-area-inset-top,0px)) clamp(16px,4.5vw,22px) max(2.4dvh,calc(env(safe-area-inset-bottom,0px) + 20px));gap:clamp(12px,2.2dvh,18px)}.cr-center,.cr-left,.cr-right{width:100%;max-width:min(100%,440px);margin-inline:auto;flex-shrink:0;min-height:0}.cr-center{order:1;display:flex;flex-direction:column;gap:clamp(10px,1.8dvh,14px)}.cr-right{order:2;display:flex;flex-direction:column;gap:clamp(10px,1.6dvh,14px)}.cr-left{order:3;display:flex;flex-direction:column;align-items:stretch;gap:clamp(10px,1.8dvh,14px)}.cr-cart-wrap{align-self:center;width:auto}.cr-tagline{font-size:clamp(8px,2.2vw,10px);letter-spacing:.16em;line-height:1.3;gap:clamp(6px,1.6vw,8px)}.cr-title{margin:0 0 clamp(2px,.6dvh,6px)}.cr-title-stack{font-size:clamp(28px,7.2dvh,52px);line-height:.92}.cr-title-stack .cr-title-word:nth-child(2){margin-top:-3px}.cr-buttons,.cr-levels{width:100%;gap:clamp(8px,1.5dvh,10px);margin-top:0}.cr-buttons{flex-direction:column}.cr-btn{flex:none;width:100%;min-height:54px;padding:14px 18px;font-size:clamp(12px,3.6vw,15px);line-height:1.2;border-radius:8px;border-width:2px}.cr-btn-inner{justify-content:center}.cr-btn-corner{width:7px;height:7px;border-width:2px}.cr-levels-hd{font-size:clamp(8px,2.2vw,10px);letter-spacing:.18em;margin-bottom:clamp(2px,.5dvh,4px);line-height:1.3}.cr-level-row{grid-template-columns:1fr 1fr;gap:clamp(8px,1.5dvh,10px)}.cr-level-btn{min-height:54px;padding:12px 14px;display:flex;align-items:center;border-radius:8px;border-width:2px}.cr-level-btn-inner{gap:3px;width:100%}.cr-level-btn-label{font-size:clamp(11px,3.2vw,13px);overflow-wrap:anywhere}.cr-level-btn-sub{font-size:clamp(9px,2.5vw,11px);overflow-wrap:anywhere}.cr-cart-stage{width:clamp(72px,20vw,104px);height:clamp(64px,18vw,92px)}.cr-cart-shadow{width:clamp(60px,17vw,88px);height:clamp(14px,3.8vw,18px);bottom:-5px}.cr-cart-tap-hint{width:clamp(20px,5.5vw,24px);height:clamp(20px,5.5vw,24px);font-size:clamp(10px,2.8vw,12px)}.cr-stats{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,2.2vw,14px) clamp(8px,2.5vw,12px);padding:clamp(20px,4.5vw,24px) clamp(14px,3.8vw,18px) clamp(14px,3.2vw,16px);border-radius:var(--radius-panel);justify-items:center;align-items:center}.cr-stat-div{display:none}.cr-stat{gap:4px;min-height:44px;justify-content:center;width:100%}.cr-stat-num{font-size:clamp(18px,5.2vw,24px);line-height:1.1}.cr-stat-lbl{font-size:clamp(8px,2.2vw,10px);text-align:center}#cr-stats-local,.cr-stats-global{padding-top:clamp(18px,4vw,22px)}.cr-stats-tag{font-size:clamp(7px,2vw,9px);top:-8px;left:clamp(10px,3vw,14px);white-space:nowrap}.cr-player-card{padding:clamp(14px,3.8vw,18px);border-radius:var(--radius-panel)}.cr-player-hd{font-size:clamp(8px,2.2vw,10px);margin-bottom:clamp(8px,1.6dvh,10px)}.cr-name-row{margin-bottom:clamp(10px,2dvh,12px);gap:clamp(8px,2.2vw,10px)}.cr-name-display,.cr-name-input{font-size:clamp(15px,4.2vw,19px);line-height:1.25}.cr-reroll{width:44px;height:44px;min-width:44px;min-height:44px;font-size:clamp(14px,3.6vw,16px)}.cr-customize-tabs{grid-template-columns:repeat(2,1fr)}.cr-customize-tab{min-height:40px}.cr-sunglasses-row{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-color-label{font-size:clamp(8px,2.2vw,10px);margin-bottom:clamp(8px,1.6dvh,10px);letter-spacing:.16em}.cr-color-row{gap:clamp(6px,1.8vw,8px)}.cr-color-row--customize{grid-template-columns:repeat(3,1fr)}.cr-color-chip{min-height:44px;height:clamp(42px,11vw,50px)}.cr-color-chip svg{width:clamp(28px,7.5vw,36px)!important;height:auto!important}.cr-audio-panel,.cr-audio{padding:clamp(10px,2.6vw,12px) clamp(12px,3.2vw,14px);flex-shrink:0}.cr-mute-btn{width:44px;height:44px;min-width:44px;min-height:44px}.cr-vol-row{min-height:44px;gap:clamp(8px,2vw,10px)}.cr-vol-track{height:10px;min-height:10px;border-radius:5px;flex:1 1 auto;min-width:64px}.cr-vol-label{width:auto;min-width:18px;font-size:clamp(12px,3.2vw,14px)}.cr-vol-val{font-size:clamp(10px,2.6vw,12px);min-width:28px}}@media(orientation:landscape)and (max-height:600px)and (max-width:1024px){.cr-content{display:grid;grid-template-columns:minmax(76px,17vw) minmax(0,1fr) minmax(148px,28vw);grid-template-rows:minmax(0,1fr);align-items:center;align-content:center;justify-content:stretch;gap:clamp(6px,1.2dvh,10px) clamp(10px,2.4vw,14px);padding:max(.6dvh,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(.8dvh,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))}.cr-center,.cr-left,.cr-right{order:unset;max-width:none;margin:0;width:100%}.cr-left{grid-column:1;grid-row:1;flex-direction:column;justify-content:center;gap:clamp(6px,1.2dvh,8px);min-width:0}.cr-cart-stage{width:clamp(56px,12vh,76px);height:clamp(48px,10vh,66px)}.cr-cart-shadow{width:clamp(48px,10vh,64px);height:clamp(10px,2.2vh,14px)}.cr-stats{grid-template-columns:repeat(2,minmax(0,1fr));padding:clamp(12px,2.6vh,16px) clamp(6px,1.6vw,8px) clamp(8px,1.8vh,10px);gap:clamp(6px,1.4vh,8px)}.cr-stat-num{font-size:clamp(12px,3.2vh,16px)}.cr-stat-lbl{font-size:clamp(6px,1.6vh,8px)}.cr-stats-tag{font-size:clamp(6px,1.6vh,8px);top:-7px}.cr-center{grid-column:2;grid-row:1;gap:clamp(5px,1dvh,8px);justify-content:center;min-width:0}.cr-right{grid-column:3;grid-row:1;gap:clamp(6px,1.2dvh,10px);justify-content:center;min-width:0}.cr-title-stack{font-size:clamp(18px,4.8dvh,28px);line-height:.9;margin:0}.cr-tagline{font-size:clamp(6px,1.6dvh,8px);letter-spacing:.12em}.cr-buttons{flex-direction:row;flex-wrap:nowrap;width:100%;gap:clamp(6px,1.2dvh,8px)}.cr-btn{flex:1 1 0;width:auto;min-width:0;min-height:44px;padding:8px 6px;font-size:clamp(9px,2.4vw,11px)}.cr-levels-hd{font-size:clamp(6px,1.6dvh,8px);margin-bottom:2px}.cr-level-row{grid-template-columns:1fr 1fr;gap:clamp(5px,1dvh,7px)}.cr-level-btn{min-height:44px;padding:6px 8px}.cr-level-btn-label{font-size:clamp(8px,2.2vw,10px)}.cr-level-btn-sub{font-size:clamp(6px,1.6vw,8px)}.cr-player-card{padding:clamp(8px,1.8vh,10px) clamp(8px,2vw,10px)}.cr-player-hd{font-size:clamp(6px,1.6dvh,8px);margin-bottom:clamp(4px,1dvh,6px)}.cr-name-row{margin-bottom:0;gap:6px}.cr-name-display,.cr-name-input{font-size:clamp(11px,2.8vw,14px);padding:2px 6px}.cr-reroll{width:36px;height:36px;min-width:36px;min-height:36px;font-size:13px}.cr-color-label{font-size:clamp(6px,1.6dvh,8px);margin-bottom:clamp(4px,1dvh,6px)}.cr-color-chip{height:clamp(32px,7.5vh,38px);min-height:32px}.cr-color-chip svg{width:clamp(18px,5vh,24px)!important}.cr-audio-panel{padding:clamp(8px,1.8vh,10px) clamp(8px,2vw,10px)}.cr-audio-hd{font-size:clamp(6px,1.6dvh,8px)}.cr-audio{padding:clamp(6px,1.4vh,8px) clamp(8px,2vw,10px)}.cr-mute-btn{width:36px;height:36px;min-width:36px;min-height:36px}.cr-vol-row{min-height:36px}.cr-vol-track{height:8px;min-height:8px;min-width:48px}.cr-vol-val{font-size:clamp(8px,2vh,10px);min-width:24px}}@media(max-height:680px)and (min-width:1025px){html,body{overflow:auto;height:auto}.cr-root{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.cr-content{align-items:start;align-content:start;padding-top:clamp(10px,2vh,18px);padding-bottom:max(clamp(10px,2vh,18px),env(safe-area-inset-bottom,0px))}}.cr-load{--cr-load-magenta: #ff2bd6;--cr-load-cyan: #22e6ff;--cr-load-yellow: #ffe53d;--cr-load-backrooms: #c8d86a;--cr-load-backrooms-dim: #8a9a4a;--cr-load-mono: "Space Mono", ui-monospace, monospace;--cr-load-display: "Bungee", "Archivo Black", sans-serif;--cr-load-fade-ms: .42s;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999990;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;font-family:var(--cr-load-mono);-webkit-font-smoothing:antialiased;opacity:1;visibility:visible;transition:opacity var(--cr-load-fade-ms) ease,visibility var(--cr-load-fade-ms) ease}.cr-load.cr-load--hidden{opacity:0;visibility:hidden;pointer-events:none}.cr-load__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center 38%,#0a0014,#000 88%)}.cr-load__scan{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.06;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.04) 2px,rgba(255,255,255,.04) 4px);animation:cr-load-scan 8s linear infinite}.cr-load__vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.65) 100%)}.cr-load__panel{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:clamp(14px,3vh,22px);padding:clamp(20px,4vw,36px);text-align:center;max-width:min(92vw,520px);transform:scale(1);transition:transform var(--cr-load-fade-ms) ease,opacity var(--cr-load-fade-ms) ease}.cr-load.cr-load--exit .cr-load__panel{transform:scale(1.04);opacity:0}.cr-load__tag{font-size:clamp(9px,2.2vw,11px);letter-spacing:.28em;color:#ffffff73}.cr-load__title{font-family:var(--cr-load-display);font-size:clamp(2rem,8vw,3.4rem);line-height:.95;letter-spacing:.04em;color:#fff;text-shadow:0 0 18px rgba(255,43,214,.45),0 0 32px rgba(34,230,255,.25);animation:cr-load-title-pulse 2.4s ease-in-out infinite}.cr-load__subtitle{font-size:clamp(10px,2.4vw,12px);letter-spacing:.22em;color:#ffffff8c;min-height:1.2em}.cr-load__visual{position:relative;width:clamp(88px,22vw,128px);height:clamp(88px,22vw,128px);margin:clamp(4px,1vh,8px) 0}.cr-load__vinyl{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at center,#111 0%,#111 18%,transparent 19%),repeating-radial-gradient(circle at center,#1a1a1a 0,#1a1a1a 2px,#0d0d0d 2px,#0d0d0d 4px);box-shadow:0 0 0 2px #ffffff14,0 0 24px #ff2bd640;animation:cr-load-spin 3.2s linear infinite}.cr-load__vinyl:after{content:"";position:absolute;top:38%;right:38%;bottom:38%;left:38%;border-radius:50%;background:radial-gradient(circle,var(--cr-load-magenta) 0%,#ff6be8 40%,#220018 100%);box-shadow:0 0 12px #ff2bd699}.cr-load__progress-wrap{width:min(280px,72vw);display:flex;flex-direction:column;gap:8px;align-items:stretch}.cr-load__progress-track{position:relative;height:3px;border-radius:999px;background:#ffffff14;overflow:hidden}.cr-load__progress-fill{height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,var(--cr-load-cyan),var(--cr-load-magenta));box-shadow:0 0 12px #22e6ff73;transition:width .12s ease-out}.cr-load__progress-label{font-size:clamp(8px,2vw,10px);letter-spacing:.18em;color:#ffffff6b;text-align:center}#cr-mode-load{z-index:999995}.cr-load--solo .cr-load__title{text-shadow:0 0 14px rgba(34,230,255,.55),0 0 24px rgba(255,43,214,.2)}.cr-load--solo .cr-load__vinyl{animation-duration:2.2s;box-shadow:0 0 0 2px #ffffff0f,0 0 18px #22e6ff59}.cr-load--solo .cr-load__vinyl:after{background:radial-gradient(circle,var(--cr-load-cyan) 0%,#66f0ff 45%,#001822 100%);box-shadow:0 0 10px #22e6ff8c}.cr-load--classic .cr-load__lasers{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none}.cr-load--classic .cr-load__laser{position:absolute;left:50%;top:50%;width:140%;height:2px;transform-origin:center;background:linear-gradient(90deg,transparent,rgba(255,43,214,.5),transparent);opacity:.35;animation:cr-load-laser 2.8s ease-in-out infinite}.cr-load--classic .cr-load__laser:nth-child(1){transform:translate(-50%,-50%) rotate(18deg)}.cr-load--classic .cr-load__laser:nth-child(2){transform:translate(-50%,-50%) rotate(-24deg);animation-delay:.6s;background:linear-gradient(90deg,transparent,rgba(34,230,255,.45),transparent)}.cr-load--classic .cr-load__laser:nth-child(3){transform:translate(-50%,-50%) rotate(52deg);animation-delay:1.1s}.cr-load--classic .cr-load__crowd{position:absolute;bottom:8%;left:50%;transform:translate(-50%);display:flex;gap:6px;opacity:.25}.cr-load--classic .cr-load__crowd span{display:block;width:8px;height:clamp(12px,3vh,18px);background:linear-gradient(180deg,var(--cr-load-magenta),transparent);border-radius:2px 2px 0 0;animation:cr-load-crowd 1.6s ease-in-out infinite}.cr-load--classic .cr-load__crowd span:nth-child(2){animation-delay:.2s;height:clamp(16px,4vh,22px);background:linear-gradient(180deg,var(--cr-load-cyan),transparent)}.cr-load--classic .cr-load__crowd span:nth-child(3){animation-delay:.35s}.cr-load--classic .cr-load__crowd span:nth-child(4){animation-delay:.15s;height:clamp(14px,3.5vh,20px)}.cr-load--classic .cr-load__crowd span:nth-child(5){animation-delay:.45s}.cr-load--backrooms .cr-load__bg{background:radial-gradient(ellipse at center 30%,#2a2a18,#141408 55%,#0a0a06)}.cr-load--backrooms .cr-load__title{color:#e8e4c8;text-shadow:0 0 8px rgba(200,216,106,.35);animation:cr-load-backrooms-flicker 4.5s steps(1) infinite}.cr-load--backrooms .cr-load__subtitle{color:#c8d86a8c}.cr-load--backrooms .cr-load__visual{width:clamp(96px,24vw,140px);height:clamp(72px,18vw,96px)}.cr-load--backrooms .cr-load__vinyl{display:none}.cr-load--backrooms .cr-load__fluoro{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(200,216,106,.35);border-radius:2px;background:repeating-linear-gradient(90deg,#c8d86a0a 0,#c8d86a0a 12px,#00000014 12px,#00000014 24px);box-shadow:inset 0 0 24px #00000059;animation:cr-load-backrooms-flicker 3.2s steps(1) infinite}.cr-load--backrooms .cr-load__fluoro:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.12) 3px 4px);pointer-events:none}.cr-load--backrooms .cr-load__progress-fill{background:linear-gradient(90deg,var(--cr-load-backrooms-dim),var(--cr-load-backrooms));box-shadow:0 0 10px #c8d86a59}.cr-load--backrooms .cr-load__scan{opacity:.12}@keyframes cr-load-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cr-load-title-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.12)}}@keyframes cr-load-scan{0%{transform:translateY(0)}to{transform:translateY(4px)}}@keyframes cr-load-laser{0%,to{opacity:.15}50%{opacity:.55}}@keyframes cr-load-crowd{0%,to{transform:scaleY(.85);opacity:.5}50%{transform:scaleY(1.15);opacity:1}}@keyframes cr-load-backrooms-flicker{0%,92%,to{opacity:1}93%{opacity:.72}94%{opacity:1}96%{opacity:.55}97%{opacity:.9}}@media(prefers-reduced-motion:reduce){.cr-load__vinyl,.cr-load__title,.cr-load__laser,.cr-load__crowd span,.cr-load__fluoro,.cr-load__scan{animation:none!important}}