@font-face{font-family:GigaSaturn;src:url(/assets/fonts/Alphabet%20Minus%20Eighty.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:VCR;src:url(/assets/fonts/VCRosdNEUE.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DirtyHarold;src:url(/assets/fonts/DirtyHarold.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg-primary:#130f04;--bg-secondary:#201c11;--bg-panel:#100c04;--bg-overlay:#000000b3;--text-primary:#f0e6d3;--text-secondary:#a89b8c;--text-dim:#5a5068;--accent-orange:#e4cfc0;--accent-orange-bright:#ff9a4a;--accent-red:#e63946;--accent-red-dark:#9e1b32;--accent-gold:gold;--accent-gold-dim:#b8960f;--accent-green:#2ecc71;--accent-green-dark:#1a8a4a;--accent-blue:#3a86c8;--accent-purple:#7b2d8e;--glow-orange:0 0 10px #ff6b1a66, 0 0 20px #ff6b1a33, 0 0 40px #ff6b1a1a;--glow-orange-strong:0 0 10px #ff6b1a99, 0 0 25px #ff6b1a66, 0 0 50px #ff6b1a33;--glow-red:0 0 10px #e6394680, 0 0 20px #e639464d;--glow-gold:0 0 10px #ffd70080, 0 0 20px #ffd7004d, 0 0 40px #ffd70026;--glow-green:0 0 10px #2ecc7180, 0 0 20px #2ecc714d;--glow-white:0 0 10px #ffffff5e, 0 0 20px #ffffff4d, 0 0 40px #ffffff26;--font-ui:"VCR", "Courier New", monospace;--font-display:"GigaSaturn", "Courier New", monospace;--text-xs:clamp(.6rem, 1.5vw, .75rem);--text-sm:clamp(.75rem, 2vw, .9rem);--text-base:clamp(.9rem, 2.5vw, 1.1rem);--text-lg:clamp(1.1rem, 3vw, 1.4rem);--text-xl:clamp(1.4rem, 4vw, 2rem);--text-2xl:clamp(1.8rem, 5vw, 2.8rem);--text-3xl:clamp(2.2rem, 6vw, 3.5rem);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--border-pixel:2px solid white;--border-glow:2px solid #fffc;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--z-base:1;--z-menu:10;--z-overlay:100;--z-modal:200;--z-loading:1000;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color:var(--bg-primary);font-size:16px}html,body{background-color:var(--bg-primary);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%;height:100dvh;overflow:hidden}body{font-family:var(--font-ui);color:var(--text-primary);background-color:var(--bg-primary);image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor;cursor:url(/assets/ui/pointer.png),auto;line-height:1.4}img{image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}button{font-family:var(--font-ui);cursor:url(/assets/ui/pointer.png),pointer;color:inherit;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;font-size:inherit;background:0 0;border:none;min-width:44px;min-height:44px}a,[role=button],.ch-flip-wrapper,.leaderboard-tab,.htp-slide,.char-option,.gesture-sample-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:hover,button:active,a:hover,[role=button]:hover,.ch-flip-wrapper:hover,.leaderboard-tab:hover,.htp-slide:hover,.char-option:hover,.gesture-sample-btn:hover{cursor:url(/assets/ui/pointer_click.png),pointer}input,textarea{-webkit-user-select:auto;user-select:auto}a{color:var(--accent-orange);text-decoration:none}#app{width:100%;height:100dvh;position:relative;overflow:hidden}#screen-container{width:100%;height:100dvh;position:relative}.screen{opacity:0;width:100%;height:100%;transition:opacity var(--transition-slow), transform var(--transition-slow);pointer-events:none;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0;transform:scale(.98)}.screen.active{opacity:1;pointer-events:auto;z-index:var(--z-menu);transform:scale(1)}.screen.entering{opacity:0;transform:scale(1.02)}.screen.leaving{opacity:0;transform:scale(.96)}.loading-overlay{background:var(--bg-primary);width:100%;height:100%;z-index:var(--z-loading);justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;top:0;left:0}.loading-overlay.hidden{opacity:0;pointer-events:none}.loading-content{text-align:center}.loading-spinner{border:4px solid var(--text-dim);border-top-color:var(--accent-orange);width:48px;height:48px;margin:0 auto var(--space-md);border-radius:50%;animation:.8s linear infinite spin}.loading-text{font-size:var(--text-lg);color:var(--text-secondary);letter-spacing:2px}.menu-btn{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);letter-spacing:2px;text-transform:uppercase;text-align:center;cursor:pointer;transition:color var(--transition-normal), transform var(--transition-normal);text-shadow:0 0 #0000;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:none;line-height:1.2;display:block;position:relative}.main-menu .menu-btn:before{content:"";width:24px;height:24px;image-rendering:pixelated;transition:transform var(--transition-normal), opacity var(--transition-normal);opacity:0;background-image:url(/assets/ui/skull.png);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;top:50%;left:-5px;transform:translateY(-50%)scale(0)}.menu-btn:hover,.menu-btn:focus-visible{color:var(--accent-orange-bright);transform:scale(1.05)}.main-menu .menu-btn:hover,.main-menu .menu-btn:focus-visible{color:var(--text-primary);transform:none}.main-menu .menu-btn:hover:before,.main-menu .menu-btn:focus-visible:before{opacity:1;transform:translateY(-50%)scale(1)}.menu-btn:active{color:var(--accent-gold);transform:scale(.97)}.menu-btn:focus-visible{outline:2px solid var(--accent-orange);outline-offset:4px;border-radius:var(--radius-sm)}.back-btn{top:var(--space-lg);left:var(--space-lg);align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-family:var(--font-ui);font-size:var(--text-base);color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;background:var(--bg-panel);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-normal), border-color var(--transition-normal), background-color var(--transition-normal), transform var(--transition-normal);z-index:10000;touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:auto;border:2px solid #fff;min-width:44px;min-height:44px;display:flex;position:fixed}.back-btn:hover{color:var(--accent-orange);border-color:var(--accent-orange);background:#ff6b1a1a;transform:scale(1.04)}.back-btn:before{content:"◀";font-size:var(--text-base)}.panel{background:var(--bg-panel);border-radius:var(--radius-lg);padding:var(--space-lg);-webkit-backdrop-filter:blur(10px);border:2px solid #fff}.panel-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--accent-orange);text-shadow:var(--glow-orange);text-align:center;margin-bottom:var(--space-lg);letter-spacing:3px}.scrollable{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--accent-orange) transparent;overflow-y:auto}.scrollable::-webkit-scrollbar{width:6px}.scrollable::-webkit-scrollbar-track{background:0 0}.scrollable::-webkit-scrollbar-thumb{background:var(--accent-orange);border-radius:3px}.screen-title{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--accent-orange);text-shadow:4px 4px #000;text-align:center;letter-spacing:4px;text-transform:uppercase}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulseGlow{0%,to{text-shadow:0 0 10px #ff6b1a66,0 0 20px #ff6b1a33}50%{text-shadow:0 0 15px #ff6b1ab3,0 0 30px #ff6b1a66,0 0 50px #ff6b1a33}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes flashWhite{0%{filter:brightness()}50%{filter:brightness(2.5)}to{filter:brightness()}}@keyframes glowPulse{0%,to{box-shadow:0 0 15px #ff6b1a4d}50%{box-shadow:0 0 30px #ff6b1a99,0 0 60px #ff6b1a33}}@keyframes borderGlow{0%,to{border-color:#ff6b1a33}50%{border-color:#ff6b1a99}}@keyframes particleFade{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-40px)scale(.5)}}@keyframes textFlicker{0%{opacity:.9;text-shadow:var(--glow-orange)}25%{opacity:.7;text-shadow:0 0 10px #ff6b1a66}50%{opacity:.8;text-shadow:var(--glow-orange)}75%{opacity:.6;text-shadow:0 0 5px #ff6b1a4d}to{opacity:.9;text-shadow:var(--glow-orange)}}@keyframes dotBlink{0%,20%{opacity:.3;transform:scale(.8)}40%{opacity:1;box-shadow:var(--glow-orange);transform:scale(1.2)}to{opacity:.3;transform:scale(.8)}}@keyframes pauseOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes pauseSlideIn{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes pauseTitleStamp{0%{opacity:0;letter-spacing:12px;transform:scale(1.4)translate(-20px)}60%{opacity:1;letter-spacing:3px;transform:scale(1.02)translate(0)}80%{letter-spacing:1px;transform:scale(.98)}to{letter-spacing:2px;transform:scale(1)}}#pause-menu.animating-in{animation:.35s forwards pauseOverlayIn}#pause-menu.animating-in .pause-content{animation:.45s cubic-bezier(.22,1,.36,1) .1s both pauseSlideIn}#pause-menu.animating-in .pause-title{animation:.55s cubic-bezier(.22,1,.36,1) 80ms both pauseTitleStamp}#pause-menu.animating-in .pause-btn-group>*{opacity:0;animation:.35s forwards fadeInUp}#pause-menu.animating-in .pause-btn-group>:first-child{animation-delay:.28s}#pause-menu.animating-in .pause-btn-group>:nth-child(2){animation-delay:.36s}#pause-menu.animating-in .pause-btn-group>:nth-child(3){animation-delay:.44s}#pause-menu.animating-in .pause-settings{opacity:0;animation:.4s .52s forwards fadeInUp}@keyframes gameOverFlicker{0%{opacity:0}8%{opacity:1}12%{opacity:0}18%{opacity:1}22%{opacity:0}30%{opacity:1;filter:brightness(3)blur(2px)}50%{opacity:1;filter:brightness(1.5)blur()}to{opacity:1;filter:brightness()blur()}}@keyframes gameOverBgReveal{0%{filter:grayscale()brightness(0)blur(8px);transform:rotate(-5deg)scale(1.18)}to{filter:grayscale()brightness(.55)blur();transform:rotate(-5deg)scale(1.12)}}@keyframes gameOverStatsIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.results-screen.gameover-enter #kill-cam-bg{animation:1.2s cubic-bezier(.22,1,.36,1) both gameOverBgReveal}.results-screen.gameover-enter .results-title{animation:1.6s forwards gameOverFlicker}.results-screen.gameover-enter .results-stats>*{opacity:0;animation:.4s forwards gameOverStatsIn}.results-screen.gameover-enter .results-stats>:first-child{animation-delay:1.2s}.results-screen.gameover-enter .results-stats>:nth-child(2){animation-delay:1.45s}.results-screen.gameover-enter .results-separator{opacity:0;animation:.3s 1.65s forwards gameOverStatsIn}.results-screen.gameover-enter .results-actions{opacity:0;animation:.4s 1.75s forwards gameOverStatsIn}@keyframes victoryTitleIn{0%{opacity:0;letter-spacing:0;filter:brightness(4);transform:scale(.6)translateY(30px)}50%{opacity:1;letter-spacing:3px;filter:brightness(1.8);transform:scale(1.06)translateY(-4px)}75%{transform:scale(.98)translateY(0)}to{opacity:1;letter-spacing:2px;filter:brightness();transform:scale(1)translateY(0)}}@keyframes victoryGoldGlow{0%,to{text-shadow:0 0 20px #ffd70080,0 0 40px #ffd70040}50%{text-shadow:0 0 40px #ffd700e6,0 0 80px #ffd70080,0 0 120px #ffd70033}}@keyframes victoryBgReveal{0%{filter:sepia(60%)brightness(0)blur(8px);transform:rotate(-5deg)scale(1.18)}to{filter:sepia(60%)brightness(.5)saturate(1.4)blur();transform:rotate(-5deg)scale(1.12)}}@keyframes victoryStatsIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.results-screen.victory-enter #kill-cam-bg{animation:1s cubic-bezier(.22,1,.36,1) both victoryBgReveal}.results-screen.victory-enter .results-title{animation:.9s cubic-bezier(.22,1,.36,1) .2s both victoryTitleIn,2.5s ease-in-out 1.1s infinite victoryGoldGlow}.results-screen.victory-enter .results-stats>*{opacity:0;animation:.4s forwards victoryStatsIn}.results-screen.victory-enter .results-stats>:first-child{animation-delay:.85s}.results-screen.victory-enter .results-stats>:nth-child(2){animation-delay:1.05s}.results-screen.victory-enter .results-separator{opacity:0;animation:.3s 1.2s forwards victoryStatsIn}.results-screen.victory-enter .results-actions{opacity:0;animation:.4s 1.3s forwards victoryStatsIn}.loading-flicker{animation:3s ease-in-out infinite textFlicker}.loading-dots-container{justify-content:center;gap:12px;margin-top:20px;margin-bottom:20px;display:flex}.loading-dot{background-color:var(--accent-orange);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite dotBlink}.loading-dot:first-child{animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}.stagger-children>*{opacity:0;animation:.4s forwards fadeInUp}.stagger-children>:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.35s}.stagger-children>:nth-child(8){animation-delay:.4s}.main-menu{width:100%;height:100%;position:relative;overflow:hidden}.main-menu__bg{z-index:0;background-image:url(/assets/ui/backgrounds/background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.main-menu__bg:after{content:"";background:linear-gradient(#0a0a1a4d 0%,#0a0a1a1a 30%,#14141466 70%,#000c 100%);width:100%;height:100%;position:absolute;top:0;left:0}.main-menu__content{z-index:var(--z-base);width:100%;height:100%;padding:var(--space-lg);justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex;position:relative}@media (orientation:landscape){.main-menu__content{flex-direction:column;justify-content:center;align-items:center;width:58%;margin-right:auto;padding-top:2vw;padding-left:3vw}}.main-menu__title-wrapper{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.main-menu__title{pointer-events:none;width:clamp(220px,35vw,420px);height:auto}@media (orientation:portrait){.main-menu__title{width:clamp(250px,70vw,480px);margin-bottom:var(--space-md)}}@media (orientation:portrait) and (width<=480px){.main-menu__title{width:clamp(220px,65vw,340px);margin-bottom:2px}.main-menu__content{padding:var(--space-xs);gap:2px}.main-menu__nav .menu-btn{min-height:44px;padding:4px var(--space-md);font-size:clamp(1rem,4vw,1.3rem);line-height:1.2}}@media (orientation:landscape) and (height<=480px){.main-menu__title{width:clamp(160px,28vw,280px);margin-bottom:0}.main-menu__content{padding:var(--space-xs);gap:0}.main-menu__nav{gap:0}.main-menu__nav .menu-btn{min-height:28px;padding:1px var(--space-lg);font-size:clamp(.85rem,2.5vmin,1.2rem);line-height:1}}.main-menu__subtitle{font-family:var(--font-display);font-size:var(--text-xs);color:var(--text-dim);letter-spacing:4px;text-transform:uppercase;margin-top:var(--space-xs);opacity:.7}.main-menu__nav{flex-direction:column;align-items:center;gap:0;display:flex}.main-menu__nav .menu-btn{padding:2px var(--space-xl);line-height:1}@media (orientation:landscape){.main-menu__nav{align-items:center}}.main-menu__separator{width:60%;height:1px;margin:var(--space-xs) 0;background:linear-gradient(90deg,#0000,#ff6b1a4d,#0000)}.main-menu__version{bottom:var(--space-sm);right:var(--space-md);font-size:var(--text-xs);color:var(--text-dim);letter-spacing:1px;opacity:.5;z-index:1;position:absolute}.main-menu__top-right{top:var(--space-md);right:var(--space-md);align-items:center;gap:var(--space-sm);z-index:10;display:flex;position:absolute}.main-menu__top-right #icon-profile{cursor:pointer;width:clamp(44px,7vw,56px);height:clamp(44px,7vw,56px);transition:border-color var(--transition-normal);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:2px solid #fff3;border-radius:50%}.main-menu__top-right #icon-profile:hover{border-color:var(--accent-orange)}.main-menu__logout-btn{width:clamp(44px,7vw,52px);height:clamp(44px,7vw,52px);min-width:unset;min-height:unset;color:var(--text-secondary);background:var(--bg-panel);cursor:pointer;transition:color var(--transition-normal), border-color var(--transition-normal), background var(--transition-normal);touch-action:manipulation;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;font-size:clamp(18px,3vw,24px);display:flex;border:2px solid #fff3!important;border-radius:50%!important;padding:0!important}.main-menu__logout-btn:hover{color:#f44;background:#ff44441a;border-color:#f44!important}.chapter-select{width:100%;height:100%;padding:var(--space-xl);background-image:url(/assets/ui/backgrounds/chapterselect_background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.ambient-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#00ff8808 0%,#0000 60%);width:80vw;height:80vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ambient-stars{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:15vw 25vh 0 1px #fff3,85vw 35vh 0 1px #ffffff1a,20vw 75vh 0 1px #ffffff1a,75vw 65vh 0 1px #fff3,45vw 20vh 0 1px #ffffff26}.chapter-select__cards{margin-top:var(--space-lg);z-index:2;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(16px,3vw,40px);display:flex}.ch-flip-wrapper{aspect-ratio:735/1260;cursor:pointer;perspective:1000px;opacity:0;width:clamp(130px,18vw,220px);transition:transform .3s,filter .3s;animation:.8s cubic-bezier(.34,1.56,.64,1) forwards cardDeal;transform:translateY(60px)rotate(-5deg)}.ch-flip-wrapper.locked{cursor:default}.ch-flip-wrapper:hover{z-index:10;transform:scale(1.05)}@keyframes cardDeal{0%{opacity:0;transform:translateY(-180px)translate(-40px)rotate(-25deg)scale(.7)}60%{opacity:1;transform:translateY(8px)translate(0)rotate(2deg)scale(1.02)}to{opacity:1;transform:translateY(0)translate(0)rotate(0)scale(1)}}.ch-flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.ch-flip-wrapper .ch-flip-inner{transform:rotateY(0)}.ch-flip-wrapper.unlocked .ch-flip-inner,.ch-flip-wrapper.locked:hover .ch-flip-inner,.ch-flip-wrapper.flipped .ch-flip-inner{transform:rotateY(180deg)}.ch-hint{font-family:var(--font-ui);color:#ffffff8c;letter-spacing:2px;text-transform:uppercase;text-align:center;margin:0 0 var(--space-md);font-size:clamp(.65rem,2vw,.85rem);transition:opacity .4s}.ch-face{backface-visibility:hidden;border-radius:6px;position:absolute;inset:0;overflow:hidden}.ch-face img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.ch-face--back{z-index:2;transform:rotateY(0)}.ch-face--front{z-index:1;transform:rotateY(180deg)}.ch-front-static{opacity:1;transition:opacity .4s;position:absolute;inset:0}.ch-front-idle-canvas{opacity:0;pointer-events:none;width:100%;height:100%;image-rendering:pixelated;transition:opacity .35s;position:absolute;inset:0}.ch-flip-wrapper.unlocked:hover .ch-front-static,.ch-flip-wrapper.unlocked.flipped .ch-front-static{opacity:0}.ch-flip-wrapper.unlocked:hover .ch-front-idle-canvas,.ch-flip-wrapper.unlocked.flipped .ch-front-idle-canvas{opacity:1}@media (hover:none){.ch-flip-wrapper.unlocked .ch-front-static{opacity:0}.ch-flip-wrapper.unlocked .ch-front-idle-canvas{opacity:1}}.ch-flip-wrapper.unlocked:hover,.ch-flip-wrapper.unlocked.flipped{filter:drop-shadow(0 0 22px #ff88008c)drop-shadow(0 12px 24px #000000b3)}.ch-flip-wrapper.locked .ch-face--front img{filter:grayscale(.85)brightness(.45)}.ch-endless-front{background:radial-gradient(#1a0a2e 0%,#0a0a1a 100%);border-radius:8px;justify-content:center;align-items:center;display:flex}.ch-endless-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 8px;display:flex}.ch-endless-icon{font-family:var(--font-display);color:gold;text-shadow:0 0 20px #ffd700b3,0 0 40px #ff8c0066;font-size:clamp(2.5rem,7vw,4rem);line-height:1;animation:2.4s ease-in-out infinite endlessPulse}.ch-endless-title{font-family:var(--font-display);color:gold;letter-spacing:2px;text-shadow:0 0 8px #ffd70080;font-size:clamp(.55rem,1.4vw,.85rem);line-height:1.2}.ch-endless-subtitle{font-family:var(--font-ui);color:#ffffffd9;letter-spacing:1px;font-size:clamp(.6rem,1.5vw,.9rem)}.ch-endless-desc{font-family:var(--font-ui);color:#ffffff73;letter-spacing:.5px;margin-top:4px;font-size:clamp(.5rem,1.2vw,.7rem)}.ch-endless-locked-content{gap:10px}.ch-endless-lock{opacity:.4;font-size:clamp(1.8rem,5vw,3rem)}.ch-endless-locked-text{font-family:var(--font-ui);color:#ffffff59;letter-spacing:.5px;font-size:clamp(.5rem,1.2vw,.7rem);line-height:1.3}.ch-endless-wrapper.unlocked:hover{filter:drop-shadow(0 0 28px #ffd700b3)drop-shadow(0 12px 24px #000000b3)}@keyframes endlessPulse{0%,to{opacity:1;text-shadow:0 0 20px #ffd700b3,0 0 40px #ff8c0066}50%{opacity:.75;text-shadow:0 0 30px gold,0 0 60px #ff8c00b3}}.ch-face__label{text-align:center;background:#0a0a1ad1;flex-direction:column;align-items:center;gap:2px;width:100%;padding:8px 6px;display:flex;position:absolute;bottom:0;left:0}.ch-face__number{font-family:var(--font-ui);color:#ff6a00;letter-spacing:2px;text-shadow:1px 1px #000;font-size:clamp(.55rem,1.5vw,.8rem)}.ch-face__name{font-family:var(--font-display);color:#fff;text-shadow:2px 2px #000;font-size:clamp(.85rem,2.5vw,1.5rem);line-height:1.1}.ch-face__locked-text{text-align:center;width:100%;font-family:var(--font-ui);color:#888;letter-spacing:3px;text-shadow:1px 1px #000;font-size:clamp(.65rem,1.8vw,.95rem);position:absolute;bottom:10%}.settings-screen{background-image:url(/assets/ui/backgrounds/settings_background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex;overflow:hidden;padding:0!important}.settings-screen__content{gap:var(--space-lg);width:100%;max-width:none;height:100%;padding:var(--space-sm) var(--space-lg) var(--space-lg);flex-direction:row;flex:1;margin:0 auto;display:flex;overflow:hidden}.settings-quality-btn{color:#555;font-family:VCR,monospace;font-size:var(--text-sm);padding:var(--space-sm);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:#00000026;border:2px solid #999;border-radius:4px;transition:all .2s}.settings-quality-btn:hover{color:#111;background:#00000014;border-color:#333}.settings-quality-btn.active{color:#f0e6d3;background:#111;border-color:#111;font-weight:700}.settings-group{margin-bottom:var(--space-xl)}.settings-group__title{font-family:var(--font-ui);font-size:var(--text-base);color:var(--accent-orange);letter-spacing:2px;text-transform:uppercase;margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:1px solid #ff6b1a33}.setting-row{padding:var(--space-sm) 0;justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.setting-row__label{font-size:var(--text-sm);color:var(--text-secondary);flex-shrink:0}.toggle{background:var(--bg-secondary);border:2px solid var(--text-dim);cursor:pointer;width:48px;height:26px;transition:background-color var(--transition-normal), border-color var(--transition-normal);border-radius:13px;flex-shrink:0;position:relative}.toggle.active{background:#ff6b1a;border-color:#ff9a4a}.toggle__knob{background:var(--text-primary);width:18px;height:18px;transition:transform var(--transition-normal);border-radius:50%;position:absolute;top:2px;left:2px}.toggle.active .toggle__knob{transform:translate(22px)}.slider-container{align-items:center;gap:var(--space-sm);flex:1;max-width:200px;display:flex}.slider{appearance:none;background:var(--text-secondary);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.slider::-webkit-slider-thumb{appearance:none;background:var(--accent-orange);cursor:pointer;border:2px solid var(--accent-orange-bright);border-radius:50%;width:18px;height:18px;box-shadow:0 0 8px #ff6b1a66}.slider::-moz-range-thumb{background:var(--accent-orange);cursor:pointer;border:2px solid var(--accent-orange-bright);border-radius:50%;width:18px;height:18px}.slider-value{font-size:var(--text-xs);color:var(--text-primary);text-align:right;min-width:35px}.about-screen{width:100%;height:100%;padding:var(--space-xl);padding-top:calc(var(--space-2xl) + var(--space-xl));background-image:url(/assets/ui/backgrounds/about_background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;align-items:center;display:flex}.about-screen__content{-webkit-overflow-scrolling:touch;width:100%;max-width:700px;padding:var(--space-md);flex:1;overflow-y:auto}.about-section{margin-bottom:var(--space-xl)}.about-section__title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--accent-orange);text-shadow:var(--glow-orange);margin-bottom:var(--space-sm)}.about-section__text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.leaderboard-screen{width:100%;height:100%;padding:var(--space-xl);padding-top:calc(var(--space-2xl) + var(--space-xl));background-image:url(/assets/ui/backgrounds/leaderboard_background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;align-items:center;display:flex}.leaderboard-tabs{gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.leaderboard-tab{padding:var(--space-sm) var(--space-lg);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-panel);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-normal), border-color var(--transition-normal), background-color var(--transition-normal), transform var(--transition-normal);letter-spacing:1px;border:2px solid #fff}.leaderboard-tab.active{color:var(--accent-orange);border-color:var(--accent-orange);background:#ff6b1a1a}.leaderboard-tab:hover{color:var(--accent-orange);border-color:var(--accent-orange);background:#ff6b1a1a;transform:scale(1.04)}.leaderboard-list{flex:1;width:100%;max-width:500px;overflow-y:auto}.leaderboard-entry{padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xs);background:var(--bg-panel);border-radius:var(--radius-md);transition:border-color var(--transition-normal), transform var(--transition-normal);border:2px solid #fff;align-items:center;display:flex}.leaderboard-entry:hover{border-color:#ff6b1a40;transform:scale(1.01)}.leaderboard-entry__rank{font-size:var(--text-lg);color:var(--accent-gold);text-align:center;min-width:40px;font-weight:700}.leaderboard-entry__rank.top-3{text-shadow:var(--glow-gold)}.leaderboard-entry__name{font-size:var(--text-sm);color:var(--text-primary);margin-left:var(--space-sm);flex:1}.leaderboard-entry__score{font-size:var(--text-sm);color:var(--accent-orange);letter-spacing:1px}.lb-time{font-family:var(--font-display);font-size:var(--text-md);color:gold;letter-spacing:2px;text-shadow:0 0 8px #ffd70066}.leaderboard-entry--top{background:#ffd7000a;border-color:#ffd70033}.lb-tab-icon{margin-right:4px;font-size:1.1em}.lb-subtitle{font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:2px;margin-bottom:var(--space-md);text-transform:uppercase}.lb-bottom-bar{justify-content:center;align-items:stretch;gap:var(--space-md);padding:var(--space-sm);border-radius:var(--radius-lg);background:#00000080;border:2px solid #ffffff26;flex-wrap:wrap;margin-top:auto;margin-bottom:0;display:flex;box-shadow:0 -4px 20px #0006}.lb-personal-stats{background:#1a1a1a;border:2px solid #333;border-radius:8px;align-items:center;gap:12px;min-width:280px;padding:8px 16px;display:flex}.lb-personal-stats.lb-personal-stats--empty{opacity:.5}.lb-personal-avatar{object-fit:cover;background:#2a2a2a;border:2px solid #444;border-radius:50%;width:44px;height:44px}.lb-personal-info{flex-direction:column;gap:2px;display:flex}.lb-personal-label{font-family:var(--font-ui);color:#666;text-transform:uppercase;letter-spacing:1.5px;font-size:.6rem}.lb-personal-rank{font-family:var(--font-display);color:var(--accent-orange);font-size:1.3rem;font-weight:700;line-height:1}.lb-personal-divider-v{background:#333;width:1px;height:36px;margin:0 4px}.lb-personal-stats-col{align-items:center;gap:16px;display:flex}.lb-personal-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.lb-personal-val{font-family:var(--font-display);color:#fff;font-size:.95rem;font-weight:500;line-height:1}.lb-personal-stat-label{font-family:var(--font-ui);color:#666;text-transform:uppercase;letter-spacing:1px;font-size:.55rem}.lb-filters-container{justify-content:center;gap:var(--space-md) var(--space-xl);padding:var(--space-xs) var(--space-sm);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;flex-wrap:wrap;display:flex}.lb-filter-group{align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.lb-filter-label{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-dim);letter-spacing:1px;text-transform:uppercase}.lb-filter-group .leaderboard-tabs{gap:var(--space-xs);margin-bottom:0}.lb-filter-group .leaderboard-tab{padding:var(--space-xs) var(--space-md);font-size:var(--text-xs);border-width:1px}.lb-icon-btn{justify-content:center;align-items:center;width:32px;height:32px;display:flex;padding:0!important}.lb-control-icon{object-fit:contain;width:18px;height:18px;image-rendering:pixelated;opacity:.7;transition:opacity .2s}.lb-icon-btn.active .lb-control-icon,.lb-icon-btn:hover .lb-control-icon{opacity:1}@media (width<=640px){.lb-icon-btn{width:28px;height:28px}.lb-control-icon{width:16px;height:16px}.lb-bottom-bar{-webkit-overflow-scrolling:touch;justify-content:space-between;align-items:center;gap:6px;padding:6px 8px;overflow-x:auto;flex-flow:row!important}.lb-personal-stats{flex-flow:row;flex-shrink:0;gap:8px;min-width:fit-content;padding:6px 10px}.lb-personal-avatar{width:32px;height:32px}.lb-personal-info{align-items:flex-start}.lb-personal-label{font-size:.5rem}.lb-personal-rank{font-size:1rem}.lb-personal-divider-v{height:28px;display:block}.lb-personal-stats-col{border-top:none;gap:8px;width:auto;margin-top:0;padding-top:0}.lb-personal-val{font-size:.8rem}.lb-personal-stat-label{font-size:.45rem}.lb-filters-container{flex-shrink:1;justify-content:flex-end;gap:6px;min-width:0;padding:0}.lb-filter-group{gap:2px}.lb-filter-label{font-size:.5rem}.lb-filter-group .leaderboard-tab{padding:4px 8px;font-size:.6rem}.lb-tab-icon{font-size:.7em}}.leaderboard-container{gap:var(--space-xs);width:100%;max-width:800px;padding:0 var(--space-sm);flex-direction:column;flex:1;display:flex;overflow-y:auto}.lb-entry{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-normal);border:2px solid #0000;align-items:center;min-height:60px;display:flex}.lb-entry:hover{transform:translate(4px);box-shadow:0 4px 12px #0000004d}.lb-row-gold{background:linear-gradient(90deg,#ffd70040 0%,#ffd70026 50%,#ffd7000d 100%);border-color:#ffd70080;box-shadow:0 0 20px #ffd70033,inset 0 1px #ffffff1a}.lb-row-gold:hover{border-color:#ffd700cc;box-shadow:0 0 30px #ffd7004d,inset 0 1px #fff3}.lb-row-silver{background:linear-gradient(90deg,#c0c0c040 0%,#c0c0c026 50%,#c0c0c00d 100%);border-color:#c0c0c080;box-shadow:0 0 20px #c0c0c026,inset 0 1px #ffffff1a}.lb-row-silver:hover{border-color:#c0c0c0cc;box-shadow:0 0 30px #c0c0c040,inset 0 1px #fff3}.lb-row-bronze{background:linear-gradient(90deg,#cd7f3240 0%,#cd7f3226 50%,#cd7f320d 100%);border-color:#cd7f3280;box-shadow:0 0 20px #cd7f3226,inset 0 1px #ffffff1a}.lb-row-bronze:hover{border-color:#cd7f32cc;box-shadow:0 0 30px #cd7f3240,inset 0 1px #fff3}.lb-entry:not(.lb-row-gold):not(.lb-row-silver):not(.lb-row-bronze){background:#ffffff08;border-color:#ffffff1a}.lb-entry:not(.lb-row-gold):not(.lb-row-silver):not(.lb-row-bronze):hover{background:#ffffff0f;border-color:#ff6b1a4d}.lb-entry--me{border-color:#ff6b1a99!important;box-shadow:0 0 15px #ff6b1a33,inset 0 0 20px #ff6b1a0d!important}.lb-rank-total{font-family:var(--font-display);font-size:var(--text-xs);color:#fff6;text-transform:uppercase;letter-spacing:1px}.lb-rank{flex-direction:column;justify-content:center;align-items:center;gap:2px;width:70px;display:flex}.lb-medal{object-fit:contain;filter:drop-shadow(0 2px 4px #0000004d);width:28px;height:28px}.lb-place{font-family:var(--font-display);font-size:var(--text-base);color:var(--text-primary);font-weight:700;line-height:1}.lb-ordinal{vertical-align:super;margin-left:1px;font-size:.65em}.lb-row-gold .lb-place{color:gold;text-shadow:0 0 8px #ffd70080}.lb-row-silver .lb-place{color:silver}.lb-row-bronze .lb-place{color:#cd7f32}.lb-rank-num{font-family:var(--font-display);font-size:var(--text-base);color:var(--text-dim);font-weight:700}.lb-avatar{width:44px;height:44px;margin-right:var(--space-md);background:linear-gradient(135deg,#3a3a3a 0%,#1a1a1a 100%);border:2px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000004d}.lb-row-gold .lb-avatar{border-color:#ffd70099;box-shadow:0 0 15px #ffd7004d}.lb-row-silver .lb-avatar{border-color:#c0c0c099;box-shadow:0 0 12px #c0c0c033}.lb-row-bronze .lb-avatar{border-color:#cd7f3299;box-shadow:0 0 10px #cd7f3233}.lb-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.lb-avatar-img[src*=User\ Profiles]{image-rendering:pixelated}.lb-avatar-text{font-family:var(--font-display);font-size:var(--text-lg);color:#fff;text-shadow:0 1px 3px #00000080;font-weight:700}.lb-player{flex:1;min-width:100px}.lb-player-name{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-primary);letter-spacing:.5px;font-weight:600}.lb-row-gold .lb-player-name{color:gold;text-shadow:0 0 10px #ffd7004d}.lb-row-silver .lb-player-name{color:silver}.lb-row-bronze .lb-player-name{color:#cd7f32}.lb-you{color:var(--accent-orange);margin-left:var(--space-xs);font-size:.7em;font-weight:700}.lb-stats{gap:var(--space-xl);justify-content:flex-end;align-items:flex-start;display:flex}.lb-stat{flex-direction:column;justify-content:flex-start;align-items:center;width:70px;display:flex}.lb-stat-label{font-family:var(--font-ui);color:#fff;letter-spacing:1.5px;text-transform:uppercase;opacity:.9;text-align:center;margin-bottom:4px;font-size:.75rem}.lb-stat-val{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);text-align:center;line-height:1.2}.lb-val-highlight{color:gold;text-shadow:0 0 10px #ffd70066;font-weight:700;font-size:var(--text-xl)}.lb-val-normal{color:var(--text-primary)}.lb-loading{padding:var(--space-xl);color:var(--text-secondary);font-family:var(--font-display);font-size:var(--text-sm);justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.lb-loading-spinner{border:3px solid #ffffff1a;border-top-color:var(--accent-orange);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.lb-empty-state{padding:var(--space-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.lb-empty-icon{font-size:var(--text-2xl);margin-bottom:var(--space-md);opacity:.5;font-family:var(--font-display)}.lb-empty-state p{font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-xs)}.lb-empty-sub{font-size:var(--text-xs);color:var(--text-dim);font-style:italic}.lb-list-end{text-align:center;padding:var(--space-md);color:var(--text-dim);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:1px;opacity:.5}.lb-error{padding:var(--space-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.lb-error-icon{font-size:var(--text-xl);margin-bottom:var(--space-md);font-family:var(--font-display)}.lb-error p{font-family:var(--font-display);font-size:var(--text-sm);color:var(--accent-red);margin-bottom:var(--space-md)}.lb-retry-btn{padding:var(--space-sm) var(--space-lg);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-panel);border:2px solid var(--accent-orange);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal)}.lb-retry-btn:hover{background:var(--accent-orange);color:#000;transform:scale(1.05)}.lb-guest-notice{margin-top:var(--space-md);text-align:center;width:100%;max-width:600px;padding:var(--space-md);border-radius:var(--radius-lg);background:#0003;border:1px solid #ffffff1a;flex-direction:column;justify-content:center;align-items:center;display:none}.lb-guest-notice p{font-family:var(--font-display);font-size:var(--text-xs);color:#ffffff80;margin-bottom:var(--space-sm)}@media (width<=640px){.lb-filters-container{gap:var(--space-sm);padding:var(--space-sm)}.lb-filter-group .leaderboard-tab{padding:var(--space-xs) var(--space-sm);font-size:.7rem}.leaderboard-container{max-width:100%;padding:0}.lb-entry{padding:var(--space-sm);gap:var(--space-xs);flex-wrap:wrap}.lb-stats{justify-content:flex-end;gap:var(--space-md);width:100%}.lb-stat{min-width:55px}.lb-stat-label{font-size:.65rem}.lb-stat-val{font-size:var(--text-base)}.lb-val-highlight{font-size:var(--text-lg)}.lb-avatar{width:36px;height:36px;margin-right:var(--space-sm)}.lb-medal{width:22px;height:22px}.lb-rank{width:50px}.lb-place{font-size:var(--text-sm)}}.spellbook-screen{width:100%;height:100%;padding:var(--space-xl);padding-top:calc(var(--space-2xl) + var(--space-xl));background-image:url(/assets/ui/backgrounds/spellbook_background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;align-items:center;display:flex}.spellbook-entries{gap:var(--space-md);flex-direction:column;flex:1;width:100%;max-width:600px;display:flex;overflow-y:auto}.spellbook-entry{background:var(--bg-panel);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-normal);border:2px solid #fff}.spellbook-entry.locked{opacity:.4;filter:grayscale(.6)}.spellbook-entry__boss-name{font-family:var(--font-display);font-size:var(--text-xl);color:var(--accent-orange);text-shadow:var(--glow-orange);margin-bottom:var(--space-sm)}.spellbook-entry__desc{font-size:var(--text-sm);color:var(--text-secondary);font-style:italic;line-height:1.5}.how-to-play{width:100%;height:100%;padding:var(--space-lg);padding-top:calc(var(--space-2xl) + var(--space-xl));flex-direction:column;align-items:center;display:flex}.htp-container{justify-content:center;align-items:center;gap:var(--space-md);flex:1;width:100%;max-width:800px;display:flex}.htp-slides{flex:1;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative}.htp-slide{opacity:0;pointer-events:none;width:100%;transition:all .4s;position:absolute;transform:translate(30px)}.htp-slide.active{opacity:1;pointer-events:auto;transform:translate(0)}.htp-slide-content{align-items:center;gap:var(--space-md);text-align:center;flex-direction:column;display:flex}.htp-slide-img{border-radius:var(--radius-lg);border:2px solid var(--accent-orange);cursor:zoom-in;max-width:100%;max-height:300px;box-shadow:0 4px 20px #00000080}.htp-slide-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--accent-orange);text-transform:uppercase;letter-spacing:2px}.htp-slide-desc{font-size:var(--text-base);color:var(--text-secondary);max-width:500px;line-height:1.6}.htp-nav-btn{border:2px solid var(--accent-orange);background:var(--bg-panel);width:50px;height:50px;color:var(--accent-orange);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:2rem;display:flex}.htp-nav-btn:hover{background:var(--accent-orange);color:var(--bg-primary);transform:scale(1.1)}.htp-dots{gap:var(--space-sm);margin-top:var(--space-lg);margin-bottom:var(--space-xl);display:flex}.htp-dot{border:2px solid var(--accent-orange);cursor:pointer;width:8px;min-width:8px;height:8px;min-height:8px;transition:all var(--transition-fast);background:0 0;border-radius:50%;flex-shrink:0;padding:0}.htp-dot.active{background:var(--accent-orange);transform:scale(1.2)}@media (orientation:portrait) and (width<=480px){.how-to-play{padding:var(--space-sm);padding-top:calc(var(--space-xl) + var(--space-md))}.htp-container{gap:var(--space-sm);flex-direction:column}.htp-slides{order:1;min-height:auto}.htp-nav-btn{order:2;width:40px;height:40px;font-size:1.5rem}.htp-nav-btn.htp-prev{left:var(--space-sm);position:fixed;top:50%;transform:translateY(-50%)}.htp-nav-btn.htp-next{right:var(--space-sm);position:fixed;top:50%;transform:translateY(-50%)}.htp-slide-img{cursor:zoom-in;border-width:1px;max-height:220px}.htp-slide-title{font-size:var(--text-lg)}.htp-slide-desc{font-size:var(--text-sm);max-width:100%;padding:0 var(--space-sm)}.htp-dots{margin-top:var(--space-md);margin-bottom:var(--space-md);gap:var(--space-xs)}.htp-dot{border-width:1px;width:1px;height:1px}}@media (orientation:landscape) and (height<=500px){.how-to-play{padding:var(--space-sm);padding-top:calc(var(--space-xl) + var(--space-md))}.htp-slides{min-height:200px}.htp-slide-img{cursor:zoom-in;max-height:160px}.htp-slide-title{font-size:var(--text-lg)}.htp-slide-desc{font-size:var(--text-sm)}.htp-nav-btn{width:36px;height:36px;font-size:1.25rem}.htp-dots{margin-top:var(--space-sm);margin-bottom:var(--space-sm)}}.htp-dot:hover{background:var(--accent-orange-hover)}.gesture-screen{width:100%;height:100%;padding:var(--space-lg);padding-top:calc(var(--space-2xl) + var(--space-lg));background-image:url(/assets/ui/backgrounds/gesturesetup_background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;align-items:center;display:flex;overflow-y:auto}.gesture-screen__title{flex-shrink:0}.gesture-screen__layout{align-items:center;gap:var(--space-md);flex-direction:column;flex:1;width:100%;min-height:0;display:flex}@media (width>=768px){.gesture-screen__layout{justify-content:center;align-items:center;gap:var(--space-xl);flex-direction:row;max-width:1200px;margin:0 auto}}.gesture-screen__left{flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (width>=768px){.gesture-screen__left{flex:1;align-items:center;max-width:50%}}.gesture-screen__right{flex-direction:column;flex:1;align-items:center;width:100%;min-height:0;display:flex}@media (width>=768px){.gesture-screen__right{max-width:50%;padding-top:var(--space-md);flex:1;align-items:flex-start}}.gesture-screen__actions{gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}@media (width>=768px){.gesture-screen__actions{justify-content:flex-start}}.gesture-screen__camera{aspect-ratio:16/9;background:var(--bg-secondary);border-radius:var(--radius-lg);width:clamp(200px,40vw,400px);margin:0 auto var(--space-md) auto;border:2px solid #fff;position:relative;overflow:hidden}@media (width>=768px){.gesture-screen__camera{width:100%;max-width:640px;margin:0 auto}}@media (orientation:landscape) and (height<=500px){.gesture-screen{padding-top:var(--space-lg);padding-left:calc(var(--space-2xl) + var(--space-sm));flex-flow:wrap;align-items:flex-start;gap:0;overflow:hidden}.gesture-screen__title{width:100%;margin-bottom:var(--space-xs);letter-spacing:2px;flex-shrink:0;font-size:clamp(1rem,3vw,1.4rem)}.gesture-screen__layout{align-items:flex-start;gap:var(--space-sm);flex-direction:row;flex:1;width:100%;overflow:hidden}.gesture-screen__left{flex:1;align-items:flex-start;height:100%}.gesture-screen__camera{aspect-ratio:16/9;width:100%;max-width:none;max-height:180px;margin-bottom:0}.gesture-screen__right{height:100%;padding-right:var(--space-sm);align-items:flex-start;gap:var(--space-xs);flex:1;overflow-y:auto}.gesture-screen__hint{line-height:1.2;margin-top:var(--space-xs)!important;font-size:.65rem!important}.gesture-screen__hint br{display:none}.gesture-directions{gap:var(--space-xs);margin-bottom:var(--space-xs);flex-wrap:wrap;justify-content:flex-start}.gesture-dir-btn{min-width:52px;padding:var(--space-xs)}.gesture-record-btn{padding:var(--space-xs) var(--space-lg);font-size:var(--text-sm);margin-bottom:0}.gesture-screen__actions{margin-top:var(--space-xs);gap:var(--space-xs);flex-wrap:wrap;justify-content:center}.gesture-screen__actions .menu-btn{font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm)}}.gesture-screen__camera video,.gesture-screen__camera canvas{object-fit:cover;width:100%;height:100%}.gesture-directions{gap:var(--space-xs);margin-bottom:var(--space-xs);flex-wrap:wrap;justify-content:center;display:flex}.gesture-dir-btn{padding:var(--space-sm) var(--space-md);background:var(--bg-panel);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:2px solid #fff;flex-direction:column;align-items:center;min-width:70px;display:flex}.gesture-dir-btn.active{border-color:var(--accent-orange);background:#ff6b1a26}.gesture-dir-btn.trained{border-color:var(--accent-gold)}.gesture-dir-btn__arrow{font-size:var(--text-xl);margin-bottom:var(--space-xs);justify-content:center;align-items:center;height:1.2em;display:flex}.gesture-dir-btn__icon{object-fit:contain;width:1.2em;height:1.2em;image-rendering:pixelated;display:block}.gesture-dir-btn__count{font-size:var(--text-xs);color:var(--text-primary)}.gesture-record-btn{padding:var(--space-md) var(--space-2xl);font-family:var(--font-ui);font-size:var(--text-base);color:#111;background:var(--accent-orange);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal);letter-spacing:2px;text-transform:uppercase;border:none}.gesture-record-btn:hover{background:var(--bg-primary);color:var(--accent-orange);transform:scale(1.05)}.gesture-record-btn.recording{box-shadow:var(--glow-white);animation:.5s infinite pulse}.progress-bar{background:var(--bg-secondary);width:100%;max-width:none;height:8px;margin:var(--space-sm) 0;border-radius:4px;overflow:hidden}.progress-bar__fill{background:linear-gradient(90deg, var(--accent-orange), var(--accent-gold));height:100%;transition:width var(--transition-normal);border-radius:4px}.placeholder-content{justify-content:center;align-items:center;gap:var(--space-md);text-align:center;flex-direction:column;display:flex}.placeholder-icon{font-size:3rem;animation:3s ease-in-out infinite float}.placeholder-text{font-size:var(--text-base);color:var(--text-secondary);letter-spacing:2px}.admin-tab{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-ui);font-size:var(--text-sm);letter-spacing:1px;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #e4cfc04d}.admin-tab:hover{color:var(--text-primary);border-color:var(--accent-orange);background:#e4cfc014}.admin-tab.active{background:var(--accent-orange);color:#111;border-color:var(--accent-orange);font-weight:700}.admin-btn{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-sm);letter-spacing:1px;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);white-space:nowrap;background:#e4cfc014;border:1px solid #e4cfc04d}.admin-btn:hover:not(:disabled){border-color:var(--accent-orange);background:#e4cfc029;transform:translateY(-1px)}.admin-btn:active:not(:disabled){transform:translateY(0)}.admin-btn.ban{color:var(--accent-red);border-color:#e6394680}.admin-btn.ban:hover:not(:disabled){border-color:var(--accent-red);background:#e6394626}.admin-btn.unban{color:var(--accent-green);border-color:#2ecc7180}.admin-btn.unban:hover:not(:disabled){border-color:var(--accent-green);background:#2ecc7126}.admin-btn.reset{color:var(--accent-gold);border-color:#ffd70066}.admin-btn.reset:hover:not(:disabled){border-color:var(--accent-gold);background:#ffd7001a}.admin-btn.delete{color:var(--accent-red);border-color:#e6394680}.admin-btn.delete:hover:not(:disabled){border-color:var(--accent-red);background:#e6394626}.admin-btn.mark-cheat{color:var(--accent-red);border-color:#e6394666}.admin-btn.mark-cheat:hover{border-color:var(--accent-red);background:#e639461f}.admin-btn.clear-cheat{color:var(--accent-green);border-color:#2ecc7166}.admin-btn.clear-cheat:hover{border-color:var(--accent-green);background:#2ecc711f}.admin-filter-btn{padding:3px var(--space-sm);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:1px;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #e4cfc040}.admin-filter-btn:hover{color:var(--text-primary);background:#e4cfc014}.admin-filter-btn.active{border-color:var(--accent-orange);color:var(--accent-orange);background:#e4cfc026}.admin-action-btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-sm);letter-spacing:1px;text-align:left;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:#e4cfc00f;border:1px solid #e4cfc033;width:100%}.admin-action-btn:hover{border-color:var(--accent-orange);background:#e4cfc024;transform:translate(4px)}.admin-action-btn:active{transform:translate(2px)}.text-center{text-align:center}.text-orange{color:var(--accent-orange)}.text-gold{color:var(--accent-gold)}.text-red{color:var(--accent-red)}.text-green{color:var(--accent-green)}.text-dim{color:var(--text-dim)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.hidden{display:none!important}@media (height<=500px){.main-menu__title{width:clamp(150px,25vw,260px)}.menu-btn{padding:var(--space-xs) var(--space-lg);font-size:var(--text-sm)}.settings-screen,.about-screen,.leaderboard-screen,.how-to-play{padding-top:calc(var(--space-xl) + var(--space-md))}.panel-title,.screen-title{margin-bottom:var(--space-sm);font-size:clamp(1rem,4vw,1.6rem)}.back-btn{padding:var(--space-xs) var(--space-md);font-size:var(--text-xs)}.gesture-screen{padding-top:calc(var(--space-xl) + var(--space-md));gap:var(--space-sm)}.gesture-screen__camera{width:clamp(180px,36vw,360px);margin-bottom:var(--space-xs)}.gesture-directions{gap:var(--space-xs);margin-bottom:var(--space-sm)}.gesture-dir-btn{min-width:56px;padding:var(--space-xs)}.gesture-record-btn{padding:var(--space-sm) var(--space-xl);font-size:var(--text-sm)}.cs-items{gap:clamp(16px,3vw,48px)}.cs-portrait,.cs-ctrl-icon{width:clamp(120px,18vw,200px)}.ch-flip-wrapper{width:clamp(110px,16vw,180px)}.settings-group{margin-bottom:var(--space-md)}.leaderboard-entry{padding:var(--space-xs) var(--space-sm)}.dialogue-box{padding:var(--space-sm);gap:var(--space-sm);max-height:80vh}.dialogue-box__portrait-container{width:48px;height:48px}.dialogue-box__text{font-size:var(--text-base)}}@media (height>=501px) and (height<=768px){.gesture-screen__camera{width:clamp(200px,40vw,400px)}.ch-flip-wrapper{width:clamp(140px,18vw,220px)}}@media (width>=1024px){.main-menu__title{width:500px}}.login-card{gap:var(--space-md);width:100%;max-width:480px;padding:var(--space-xl);flex-direction:column;display:flex}.login-card__header{text-align:center}.login-card__title{margin-bottom:var(--space-xs)!important}.login-card__subtitle{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-dim);letter-spacing:2px;text-transform:uppercase}.login-card__divider{width:100%;height:1px;margin:var(--space-xs) 0;background:linear-gradient(90deg,#0000,#ff6b1a4d,#0000)}.login-card__body{gap:var(--space-md);flex-direction:column;display:flex}.login-card__input{width:100%;padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-sm);transition:border-color var(--transition-normal);text-align:center;border:2px solid #fff;outline:none}.login-card__input::placeholder{color:#fff9;font-size:.7rem}.login-card__input:focus{border-color:var(--accent-orange);background:#ff6b1a0d}.login-card__privacy{color:var(--text-dim);text-align:center;margin-top:var(--space-sm);letter-spacing:.5px;font-size:.65rem}.legal-panel{background:#100c04f2;border:2px solid #fff6;border-radius:12px;width:85%;max-width:900px;height:85%;max-height:800px;margin-top:3rem;padding:2.5rem 3rem;box-shadow:0 8px 32px #0009}.legal-title{font-family:var(--font-display);color:var(--text-primary);text-align:center;letter-spacing:3px;text-transform:uppercase;border-bottom:2px solid #ff6b1a66;margin-bottom:2rem;padding-bottom:1rem;font-size:clamp(1.8rem,4vw,2.8rem)}.legal-section{margin-bottom:2rem}.legal-section-title{font-family:var(--font-display);color:var(--accent-orange);letter-spacing:1px;text-transform:uppercase;margin-bottom:1rem;font-size:clamp(1.2rem,2.5vw,1.6rem)}.legal-text{color:var(--text-primary);font-family:var(--font-ui);text-align:justify;margin-bottom:.75rem;font-size:clamp(.85rem,1.5vw,1rem);line-height:1.7}.legal-highlight{color:var(--accent-orange);font-weight:600}.legal-footer{text-align:center;border-top:1px solid #ff6b1a33;margin-top:2rem;padding-top:1.5rem}.legal-footer p{color:var(--text-dim);font-family:var(--font-ui);margin-bottom:.5rem;font-size:clamp(.75rem,1.3vw,.9rem)}.legal-footer p:last-child{color:var(--accent-orange);margin-top:1rem;font-weight:500}@media screen and (width<=768px){.legal-panel{width:92%;height:88%;margin-top:2.5rem;padding:1.5rem 2rem}.legal-title{margin-bottom:1.5rem;font-size:1.4rem}.legal-section-title{font-size:1.1rem}.legal-text{font-size:.8rem;line-height:1.6}}@media screen and (width<=480px){.legal-panel{width:95%;height:90%;padding:1.25rem 1.5rem}.legal-title{letter-spacing:2px;font-size:1.2rem}.legal-section{margin-bottom:1.5rem}.legal-section-title{font-size:1rem}}.pw-requirements-grid{color:#a89b8c;grid-template-columns:1fr 1fr;gap:2px 8px;width:100%;margin-top:.1rem;margin-bottom:.1rem;font-family:VCR,sans-serif;font-size:clamp(.6rem,1.1vw,.8rem);display:grid}.pw-req-right{text-align:right}.reg-terms-label{color:#fff;text-align:center;cursor:pointer;letter-spacing:.3px;white-space:nowrap;flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;margin-top:1rem;font-family:VCR,sans-serif;font-size:clamp(.55rem,1vw,.7rem);line-height:1;display:flex}.reg-terms-label input[type=checkbox]{flex-shrink:0;width:14px;height:14px;margin:0;padding:0}.reg-terms-label span{text-align:center;white-space:nowrap}.reg-login-link{color:var(--accent-orange);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;text-align:center;background:0 0;border:none;width:100%;margin-top:.2rem;padding:0;font-family:VCR,sans-serif;font-size:clamp(.55rem,1vw,.7rem);text-decoration:underline}@media screen and (width<=480px){.reg-terms-label{letter-spacing:.2px;gap:6px;margin-top:.8rem;font-size:.5rem;line-height:1}.reg-terms-label input[type=checkbox]{width:12px;height:12px}.reg-login-link{font-size:.5rem}}.login-card__footer{width:100%}.login-card__join-btn{width:100%;padding:var(--space-md);background:var(--accent-orange);color:#111;border-radius:var(--radius-md);font-family:VCR,sans-serif;font-size:var(--text-base);letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:color var(--transition-normal), background-color var(--transition-normal), transform var(--transition-normal);text-shadow:0 1px 2px #0000004d;border:none;font-weight:700}.login-card__join-btn:hover{background:var(--accent-orange-bright);color:#111;transform:scale(1.03)}.login-card__join-btn:active{transform:scale(1)}.login-card__footer--split{gap:var(--space-sm);width:100%;display:flex}.login-card__footer--split .login-card__join-btn{padding:var(--space-md) var(--space-xs);font-size:var(--text-sm);letter-spacing:1px;flex:1}.login-logo{pointer-events:none;z-index:1;width:clamp(80px,11vw,150px);height:auto;position:absolute;top:5%;left:3%}@media screen and (width<=768px){.login-logo{width:clamp(70px,18vw,100px);top:4%;left:4%}}@media screen and (width<=480px){.login-logo{width:70px;top:3%;left:5%}}.login-ref-panel{box-sizing:border-box;scrollbar-width:none;flex-direction:column;align-items:center;width:42%;min-width:300px;max-width:520px;max-height:88vh;padding:.5rem .25rem;display:flex;position:absolute;bottom:8%;right:8%;overflow:hidden auto}.login-ref-panel::-webkit-scrollbar{display:none}.login-ref-panel__title{color:#fff;text-align:center;letter-spacing:2px;text-shadow:2px 2px 4px #000c;margin-bottom:clamp(1rem,2.5vh,1.8rem);font-family:GigaSaturn,sans-serif;font-size:clamp(1.6rem,3.5vw,3.2rem);line-height:1}.login-ref-input{color:#fff;text-align:center;box-sizing:border-box;background:#0000004d;border:2px solid #fff;outline:none;width:100%;height:clamp(38px,5.5vh,48px);padding:0 44px 0 12px;font-family:GigaSaturn,sans-serif;font-size:clamp(.8rem,1.5vw,1.1rem);transition:border-color .2s;box-shadow:0 4px 6px #00000080}.login-ref-input::placeholder{color:#ffffff8c;letter-spacing:1px}.login-ref-input:focus{background:#00000073;border-color:#ffffffe6}.login-ref-input-wrap{width:100%;position:relative}.login-ref-toggle-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-ref-actions{justify-content:center;gap:clamp(1.5rem,5vw,4rem);width:100%;margin-top:clamp(1.2rem,3vh,2rem);display:flex}.login-ref-action-btn{color:#fff;cursor:pointer;letter-spacing:2px;text-shadow:2px 2px 4px #000c;background:0 0;border:none;font-family:GigaSaturn,sans-serif;font-size:clamp(1rem,2vw,2rem);transition:transform .2s}.login-ref-action-btn:hover{transform:scale(1.1)}@media (width<=700px){.login-ref-panel{width:90%;min-width:unset;max-width:420px;margin:auto;position:static}.login-reference-layout{justify-content:center;align-items:center;display:flex}.login-ref-panel__title{margin-bottom:1rem;font-size:clamp(1.4rem,7vw,2rem)}}.dialogue-box{background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);border-radius:var(--radius-lg);width:min(90vw,600px);max-width:600px;padding:var(--space-md);z-index:9999;gap:var(--space-md);box-sizing:border-box;pointer-events:auto;border:2px solid #fff;flex-direction:column;animation:.4s forwards slideUpFade;display:flex;position:fixed;left:50%;transform:translate(-50%)}.dialogue-box--bottom{bottom:clamp(8px,3vh,50px)}.dialogue-box--center{max-height:80vh;animation:.3s forwards scaleIn;top:50%;overflow-y:auto;transform:translate(-50%,-50%)}.dialogue-box--top{top:clamp(8px,3vh,50px);bottom:auto}.dialogue-box__content-wrapper{gap:var(--space-md);align-items:center;display:flex}.dialogue-box__portrait-container{border-radius:var(--radius-sm);background:#00000080;border:none;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.dialogue-box__portrait{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.dialogue-box__portrait--sheet{image-rendering:pixelated;background-position:0 0;background-repeat:no-repeat}.dialogue-box__text-area{gap:var(--space-xs);flex-direction:column;flex:1;display:flex}.dialogue-box__text{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);line-height:1.4}.dialogue-box__subtext{font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-dim)}.dialogue-box__buttons{justify-content:flex-end;gap:var(--space-sm);display:flex}.dialogue-box__buttons .menu-btn{font-size:var(--text-sm);padding:var(--space-sm) var(--space-md)}.dialogue-box__buttons .menu-btn--subtle{opacity:.6;font-size:var(--text-xs)}.tutorial-highlight{outline-offset:4px;z-index:calc(var(--z-modal) + 1);position:relative;outline:2px solid var(--accent-orange)!important;pointer-events:auto!important;animation:1s infinite alternate glowPulse!important}.tutorial-overlay{z-index:9998;pointer-events:auto;background:#000000bf;width:100%;height:100%;animation:.3s fadeIn;position:fixed;top:0;left:0}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.cs-screen{width:100%;height:100%;padding:var(--space-xl);background-image:url(/assets/ui/backgrounds/chapterselect_background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.cs-step{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:clamp(12px,2.5vh,28px);width:100%;display:flex}.cs-step--hidden{display:none}.cs-sub{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:1.5px;text-align:center;opacity:0;margin:0;animation:.5s .15s forwards fadeInUp}.cs-items{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(24px,5vw,80px);margin-top:clamp(8px,2vh,20px);display:flex}@keyframes csItemIn{0%{opacity:0;transform:translateY(32px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.cs-item{cursor:pointer;opacity:0;filter:drop-shadow(0 8px 20px #000000b3);flex-direction:column;align-items:center;gap:10px;transition:transform .2s,filter .2s;animation:.55s cubic-bezier(.22,1,.36,1) forwards csItemIn;display:flex}.cs-item:hover{filter:drop-shadow(0 12px 28px #000c)drop-shadow(0 0 12px #ffd70040);transform:translateY(-6px)scale(1.08)}.cs-item:active{transform:scale(.96)}.cs-portrait{aspect-ratio:1;border-radius:var(--radius-md);filter:grayscale();background:#0006;justify-content:center;align-items:center;width:clamp(140px,19vw,220px);transition:transform .2s,filter .3s;display:flex;overflow:hidden}.cs-item:hover .cs-portrait{filter:grayscale(0)drop-shadow(0 0 20px #e4cfc066)drop-shadow(0 0 40px #ff6b1a33);animation:1.5s ease-in-out infinite portraitPulse;transform:scale(1.05)}@keyframes portraitPulse{0%,to{filter:grayscale(0)drop-shadow(0 0 20px #e4cfc066)drop-shadow(0 0 40px #ff6b1a33)}50%{filter:grayscale(0)drop-shadow(0 0 30px #e4cfc099)drop-shadow(0 0 60px #ff6b1a66)}}.cs-portrait-img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.cs-canvas{image-rendering:pixelated;width:auto;max-width:100%;height:auto;max-height:100%}.cs-ctrl-icon{object-fit:contain;width:clamp(140px,19vw,220px);height:auto;image-rendering:pixelated;filter:grayscale();transition:transform .2s,filter .3s,drop-shadow .2s}.cs-item:hover .cs-ctrl-icon{filter:grayscale(0)drop-shadow(0 0 20px #e4cfc066)drop-shadow(0 0 40px #ff6b1a33);animation:1.5s ease-in-out infinite ctrlIconPulse;transform:scale(1.05)}@keyframes ctrlIconPulse{0%,to{filter:grayscale(0)drop-shadow(0 0 20px #e4cfc066)drop-shadow(0 0 40px #ff6b1a33)}50%{filter:grayscale(0)drop-shadow(0 0 30px #e4cfc099)drop-shadow(0 0 60px #ff6b1a66)}}@media (hover:none){.cs-portrait,.cs-ctrl-icon{filter:grayscale(0)drop-shadow(0 0 20px #e4cfc066)drop-shadow(0 0 40px #ff6b1a33)}.cs-portrait{animation:1.5s ease-in-out infinite portraitPulse}.cs-ctrl-icon{animation:1.5s ease-in-out infinite ctrlIconPulse}}.cs-name{font-family:var(--font-display);color:var(--text-primary);letter-spacing:3px;text-shadow:2px 2px #000;text-align:center;font-size:clamp(1.4rem,3.5vw,2.2rem)}.cs-tag{font-family:var(--font-ui);color:var(--accent-orange-bright);letter-spacing:2px;text-align:center;font-size:clamp(.4rem,.9vw,.55rem)}.game-dpad{z-index:50;pointer-events:auto;box-sizing:border-box;background:0 0;grid-template:".up."1fr"left down right"1fr/1fr 1fr 1fr;gap:4px;padding:0 0 16px;display:grid;position:absolute}.dpad-btn{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:2px;display:flex}.dpad-arrow-icon{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;transition:transform var(--transition-fast), filter var(--transition-fast);filter:drop-shadow(1px 1px #000c);-webkit-user-select:none;user-select:none;pointer-events:none;display:block}.dpad-btn:active .dpad-arrow-icon,.dpad-btn--active .dpad-arrow-icon{filter:brightness(1.4);transform:scale(.88)}.dpad-up{grid-area:up}.dpad-left{grid-area:left}.dpad-right{grid-area:right}.dpad-down{grid-area:down}.orientation-lock{z-index:99999;padding:var(--space-lg);color:var(--text-primary);font-family:var(--font-ui);text-align:center;image-rendering:pixelated;background-image:url(/assets/ui/backgrounds/landscape_orientation.png);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;animation:.3s forwards fadeIn;display:flex;position:fixed;inset:0}.orientation-lock.hidden{display:none}.orientation-content{align-items:center;gap:var(--space-sm);max-width:320px;padding:var(--space-lg) var(--space-md);flex-direction:column;display:flex;position:absolute;bottom:15vh;left:50%;transform:translate(-50%)}.orientation-icon{opacity:.85;font-size:56px;line-height:1;animation:2.4s ease-in-out infinite rotateHint}.orientation-title{font-family:var(--font-display);letter-spacing:2px;color:var(--text-primary);text-shadow:2px 2px 4px #000c;text-transform:uppercase;margin:0;font-size:clamp(1.6rem,5vw,2rem);font-weight:400}.orientation-message{font-family:var(--font-ui);color:var(--text-primary);letter-spacing:1px;text-transform:uppercase;opacity:.95;text-align:center;margin:0;font-size:clamp(.65rem,2vw,.85rem);line-height:1.4}.orientation-animation{margin-top:var(--space-sm)}.phone-mockup{border:2px solid var(--text-primary);border-radius:var(--radius-md);background:#0009;justify-content:center;align-items:center;width:60px;height:100px;animation:2.4s ease-in-out infinite rotatePhone;display:flex}.phone-inner{color:var(--text-primary);font-size:24px}.rotate-arrow{animation:2.4s ease-in-out infinite spinArrow;display:inline-block}@keyframes rotateHint{0%,to{transform:rotate(0)}50%{transform:rotate(-90deg)}}@keyframes rotatePhone{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@keyframes spinArrow{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}@media screen and (width<=768px){.dialogue-box{width:92%;max-width:480px;padding:var(--space-sm);gap:var(--space-sm);max-height:70vh;overflow-y:auto}.dialogue-box__content-wrapper{gap:var(--space-sm)}.dialogue-box__portrait-container{width:52px;height:52px}.dialogue-box__text{font-size:var(--text-base);line-height:1.35}.dialogue-box__subtext{font-size:var(--text-xs)}.dialogue-box__buttons .menu-btn{font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm)}}@media screen and (width<=480px){.dialogue-box{width:95%;padding:var(--space-xs) var(--space-sm)}.dialogue-box__portrait-container{width:44px;height:44px}}@media screen and (height<=500px){.dialogue-box{width:60%;max-width:520px;padding:var(--space-xs) var(--space-sm);gap:var(--space-xs);max-height:90vh;left:50%;transform:translate(-50%)}.dialogue-box--bottom{bottom:clamp(4px,1vh,16px)}.dialogue-box--center{top:50%;transform:translate(-50%,-50%)}.dialogue-box__portrait-container{width:36px;height:36px}.dialogue-box__text{font-size:var(--text-sm);line-height:1.3}.dialogue-box__subtext{display:none}.dialogue-box__buttons .menu-btn{font-size:var(--text-xs);padding:4px var(--space-sm);min-height:36px}}#profile-content-wrapper{gap:var(--space-xl);align-items:stretch;width:100%;max-width:none;padding:var(--space-xl)!important;box-shadow:none!important;box-sizing:border-box!important;background:0 0!important;border:none!important;flex-direction:row!important;height:100vh!important;max-height:100vh!important;display:flex!important;overflow:hidden!important}.profile-sidebar{border-radius:var(--radius-sm);width:25%;min-width:240px;padding:var(--space-md);gap:var(--space-sm);background:#1a1512d9;border:4px solid #111;flex-direction:column;flex-shrink:0;display:flex;box-shadow:6px 6px #000}.profile-sidebar .back-btn{width:100%;margin-bottom:var(--space-md);color:#e4cfc0;box-shadow:none;text-align:center;background:0 0;border:2px solid #e4cfc0;border-radius:4px;position:static}.profile-sidebar .back-btn:hover{color:#111;background:#e4cfc0}.profile-tab-btn{width:100%;color:var(--text-secondary);font-family:VCR,sans-serif;font-size:var(--text-sm);letter-spacing:1px;padding:var(--space-md);cursor:pointer;text-transform:uppercase;text-align:left;background:0 0;border:2px solid #0000;border-radius:4px;transition:all .2s}.profile-tab-btn:hover{color:var(--text-primary);background:#ffffff0d;border-color:#ffffff1a}.profile-tab-btn.active{color:#111;background:#e4cfc0;border-color:#111;font-weight:700}.profile-content-area{flex-direction:column;flex-grow:1;width:75%;display:flex}.profile-panel{padding:var(--space-xl);color:#111;-webkit-overflow-scrolling:touch;background:#e4cfc0 repeating-linear-gradient(45deg,#0000,#0000 10px,#00000008 10px 20px);border:4px solid #111;border-radius:12px;flex-grow:1;display:none;position:relative;overflow:hidden auto;box-shadow:8px 8px #000}.profile-panel>*{z-index:1;position:relative}.profile-panel.active{flex-direction:column;display:flex}.id-card-header{align-items:stretch;gap:var(--space-md);padding-bottom:var(--space-lg);margin-bottom:var(--space-lg);border-bottom:4px solid #111;display:flex}.id-card-avatar{border:4px solid var(--accent-orange);width:96px;height:96px;color:var(--accent-orange);text-transform:uppercase;background:#111;border-radius:8px;justify-content:center;align-self:center;align-items:center;font-size:3rem;font-weight:700;display:flex;box-shadow:4px 4px #0000004d}.id-card-info{flex-direction:column;justify-content:center;gap:10px;min-width:0;height:96px;display:flex}.id-card-info h2{font-family:var(--font-display);font-size:var(--text-xl);color:#111;text-shadow:none;margin:0;line-height:1.2}.id-card-info #profile-bio{font-family:VCR,sans-serif;font-size:var(--text-sm);color:#666;word-wrap:break-word;max-width:220px;margin:0;font-style:italic;line-height:1.3}.id-card-badge{color:#fff;font-family:VCR,sans-serif;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:1px;background:#111;border-radius:4px;padding:4px 12px;display:inline-block}.profile-card{padding:var(--space-md);margin-bottom:var(--space-md);background:#fff6;border:2px solid #111;border-radius:6px;justify-content:space-between;align-items:center;display:flex;box-shadow:4px 4px #00000026}.profile-card h3{color:#111;text-transform:uppercase;letter-spacing:1px;margin:0;font-family:VCR,sans-serif}.profile-card button{color:#fff;width:auto;min-width:140px;box-shadow:2px 2px 0px var(--accent-orange);background:#111;border:2px solid #111;border-radius:4px}.profile-card button:hover{background:var(--accent-orange);color:#111}.profile-stat-box{padding:var(--space-sm) var(--space-md);box-sizing:border-box;background:#ffffff73;border:2px solid #111;border-radius:6px;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;min-height:56px;display:flex}.profile-stat-label{font-family:VCR,sans-serif;font-size:var(--text-sm);color:#555;letter-spacing:1px;text-transform:uppercase;flex-shrink:0;font-weight:700}.profile-stat-value{font-family:VCR,sans-serif;font-size:var(--text-base);color:#111;word-break:break-word;font-weight:700;line-height:1.3}.profile-stat-value.highlight{color:#d9480f}.inf-stats-container{margin-top:var(--space-md);background:#ffffff4d;border:2px solid #111;border-radius:6px}.inf-stats-header{padding:var(--space-sm) var(--space-md);font-family:VCR,sans-serif;font-size:var(--text-xs);color:#333;background:#0000000d;border-bottom:2px solid #111;grid-template-columns:1fr 1.5fr 1fr;font-weight:700;display:grid}.inf-stat-row{padding:var(--space-sm) var(--space-md);font-family:VCR,sans-serif;font-size:var(--text-sm);color:#111;border-bottom:1px solid #0000001a;grid-template-columns:1fr 1.5fr 1fr;align-items:center;display:grid}.inf-stat-row:last-child{border-bottom:none}.inf-stat-chapter{color:#111;font-weight:700}.inf-stat-time{color:#d9480f;font-weight:700}.inf-stat-rank{color:#555}@media screen and (width<=768px){#profile-content-wrapper{gap:var(--space-sm);flex-direction:column!important;height:100dvh!important;max-height:100dvh!important;padding:8px 10px 10px!important}.profile-sidebar{scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%;padding:var(--space-sm);flex-flow:row;overflow:auto hidden;box-shadow:4px 4px #000}.profile-sidebar::-webkit-scrollbar{display:none}.profile-sidebar .back-btn,.profile-tab-btn{width:auto;min-width:max-content;padding:var(--space-sm) var(--space-md);text-align:center;flex:none;margin-bottom:0}.profile-content-area{flex-grow:1;min-height:0;width:100%!important}.profile-panel{padding:16px!important}.id-card-header{gap:var(--space-md)!important;padding-bottom:var(--space-sm)!important;margin-bottom:var(--space-sm)!important;align-items:flex-start!important}.id-card-header>div:first-child{flex:1;min-width:0}.id-card-header .id-card-info{flex:0 auto!important}.id-card-avatar{border-width:3px!important;width:80px!important;height:80px!important}.id-card-info{justify-content:center;gap:8px;height:80px}.id-card-info h2{line-height:1.1;font-size:var(--text-xl)!important}.id-card-info #profile-bio{font-size:var(--text-sm);max-width:180px;line-height:1.3}.id-card-badge{letter-spacing:.5px;border-radius:3px;margin-top:4px;padding:3px 8px!important;font-size:10px!important}#profile-stats-container{grid-template-columns:1fr!important}#profile-stats-container .profile-stat-box{grid-column:span 1!important}.profile-card{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.profile-card button{width:100%}}@media screen and (height<=500px) and (orientation:landscape){#profile-content-wrapper{gap:var(--space-sm);padding:var(--space-xs) var(--space-sm)!important}.profile-sidebar{width:18%;min-width:160px;padding:var(--space-sm);gap:2px}.profile-sidebar .back-btn{margin-bottom:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.profile-tab-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.profile-content-area{width:82%!important}.profile-panel{padding:var(--space-sm) var(--space-md);border-radius:8px;box-shadow:4px 4px #000}.id-card-header{margin-bottom:var(--space-xs);gap:var(--space-xs)!important}.id-card-avatar{width:45px!important;height:45px!important}#profile-username{font-size:var(--text-sm)!important}#profile-bio{max-width:120px!important;font-size:9px!important}.id-card-badge{padding:2px 6px!important;font-size:9px!important}.profile-stat-box{padding:var(--space-xs) var(--space-sm);gap:8px;min-height:48px}.profile-stat-label{font-size:var(--text-xs)}.profile-stat-value{font-size:var(--text-sm);word-break:break-all}#profile-stats-container{gap:var(--space-xs)!important;margin-bottom:var(--space-xs)!important}.profile-card{padding:var(--space-sm)!important}.profile-card h3{font-size:var(--text-sm)!important}}.profile-modal-overlay{z-index:9999;box-sizing:border-box;background:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.profile-modal-box{padding:var(--space-xl) var(--space-lg);gap:var(--space-sm);background:#1a1512;border:4px solid #111;border-radius:8px;flex-direction:column;width:90%;max-width:400px;display:flex;box-shadow:8px 8px #000}.profile-modal-box.avatar-modal{gap:14px;width:92vw;max-width:700px;max-height:calc(100dvh - 32px);padding:24px 20px;overflow-y:auto}.avatar-preview-box{color:#e4cfc0;background:#222;border:3px solid #e4cfc0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:130px;height:130px;margin:0 auto;font-size:2.5rem;display:flex;overflow:hidden}.avatar-preview-box img{object-fit:contain;border-radius:6px;width:100%;height:100%}.avatar-upload-row{flex-shrink:0;align-items:center;gap:12px;display:flex}.avatar-preset-grid{scrollbar-width:thin;scrollbar-color:#e4cfc0 #333;background:#0000004d;border-radius:10px;grid-template-columns:repeat(8,1fr);grid-auto-rows:auto;gap:10px;max-height:340px;padding:12px;display:grid;overflow-y:auto}.avatar-preset-grid .preset-avatar-option{aspect-ratio:1;min-height:0}.avatar-modal-actions{flex-shrink:0;gap:12px;display:flex}.avatar-modal-content{flex-direction:column;flex:1;gap:14px;min-height:0;display:flex}.avatar-preview-column{flex-shrink:0;justify-content:center;display:flex}.avatar-selection-column{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}@media screen and (width<=680px){.profile-modal-box.avatar-modal{gap:12px;width:96vw;height:calc(100dvh - 32px);max-height:none;padding:16px 14px;overflow-y:hidden}.avatar-modal-content{flex-direction:row;align-items:stretch;gap:16px}.avatar-preview-column{flex-shrink:0;justify-content:center;align-items:flex-start;width:100px;display:flex}.avatar-preview-box{width:100px;height:100px;font-size:2rem}.avatar-selection-column{flex:1;gap:10px;min-width:0}.avatar-upload-row{flex-wrap:wrap;gap:8px}.avatar-upload-row span{font-size:9px}.avatar-preset-grid{flex:1;grid-template-columns:repeat(10,1fr);grid-auto-rows:auto;gap:12px 4px;max-height:none;padding:6px}}@media screen and (width<=420px){.profile-modal-box.avatar-modal{gap:8px;width:98vw;padding:10px 8px}.avatar-preview-column{width:64px}.avatar-preview-box{width:64px;height:64px;font-size:1.2rem}.avatar-modal-content{gap:8px}.avatar-preset-grid{grid-template-columns:repeat(10,1fr);gap:8px 3px;padding:4px}.avatar-modal-actions button{padding:8px 4px!important;font-size:10px!important}}@media screen and (height<=500px){.profile-modal-box.avatar-modal{gap:10px;padding:12px 16px}.avatar-modal-content{flex-direction:row;gap:16px}.avatar-preview-column{align-items:flex-start;width:72px}.avatar-preview-box{width:72px;height:72px;font-size:1.4rem}.avatar-preset-grid{grid-template-columns:repeat(10,1fr);grid-auto-rows:auto;gap:10px 6px;padding:6px}.avatar-upload-row span{display:none}.avatar-modal-actions button{padding:8px 10px!important}}@media screen and (width<=680px) and (height<=500px){.avatar-preview-column{width:52px}.avatar-preview-box{width:52px;height:52px;font-size:1rem}.avatar-preset-grid{grid-template-columns:repeat(10,1fr);grid-auto-rows:auto;gap:8px 4px}}