#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}nav.app-navbar{width:100%;padding:1rem 2rem;background:#181818;color:#fff;display:flex;align-items:center;gap:1.5rem;box-shadow:0 2px 8px #0002}.app-navbar-link{color:#fff;text-decoration:none;font-weight:600;font-size:1.2rem}.menu{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;font-family:Arial,sans-serif;color:#fff;transition:top .5s cubic-bezier(.4,0,.2,1)}.menu--show{top:0}.menu--hidden{top:-100vh}.menu{width:100vw;height:100vh;flex-shrink:0;position:relative;background-color:#0000;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Arial,sans-serif;color:#fff}.menu__container{text-align:center;padding:40px;display:flex;flex-direction:column;background-color:#ffffff1a;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.menu__title{font-size:3rem;margin:0 0 30px;text-shadow:2px 2px 4px rgba(0,0,0,.5);color:#fe0}.menu__button{font-size:1.5rem;padding:15px 40px;background-color:#fe0;color:#000;border:none;border-radius:10px;cursor:pointer;font-weight:700;transition:all .3s ease;box-shadow:0 4px 8px #0000004d}.menu__button:not(:last-child){margin-bottom:15px}.menu__button:hover{transform:scale(1.05);box-shadow:0 6px 12px #0006}.menu__button--disabled{background-color:#666;color:#999;cursor:not-allowed;opacity:.6}.menu__button--disabled:hover{transform:none;box-shadow:0 4px 8px #0000004d}.root-slider{position:fixed;right:0;bottom:0;left:0;width:100vw;height:200vh;top:0;display:flex;flex-direction:column;transition:top 1s cubic-bezier(.4,0,.2,1)}.root-slider--show-menu{top:0}.root-slider--show-game{top:-100vh}.root-slider{position:fixed;right:0;bottom:0;left:0;width:100vw;height:200vh;top:0;display:grid;grid-template-rows:100vh 100vh;grid-template-columns:1fr 1fr;transition:top 1s cubic-bezier(.4,0,.2,1),left 1s cubic-bezier(.4,0,.2,1)}.root-slider--show-mainmenu{top:0;left:0}.root-slider--show-options{top:-100vh;left:0}.root-slider--show-game{top:0;left:-100vw}.root-slider>div:first-child{grid-row:1;grid-column:1}.root-slider>div:nth-child(2){grid-row:1;grid-column:2}.root-slider>div:last-child{grid-row:2;grid-column:1/-1}.score-board{padding:24px 16px;background-color:#161b22;border:2px solid #C5B3E6;border-radius:12px;box-sizing:border-box;text-align:left;display:flex;flex-direction:column;gap:6px}.score-board__title{font-family:Montserrat,Arial,sans-serif;font-size:20px;font-weight:700;color:#c5b3e6;text-shadow:0 0 8px rgba(197,179,230,.8),0 0 20px rgba(197,179,230,.5);margin-bottom:8px}.score-board__row{font-family:Inter,Roboto,Arial,sans-serif;font-size:16px;font-weight:600;color:#f1f1f1}.game-view .score-board{position:absolute;left:0;top:80px;z-index:10}.main-menu{width:100vw;height:100vh;flex-shrink:0;position:relative;background-color:#0000;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Inter,Roboto,Arial,sans-serif;color:#f1f1f1}.main-menu__container{text-align:center;padding:40px;display:flex;flex-direction:column;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.main-menu__title{font-family:Montserrat,Arial,sans-serif;font-size:6rem;font-weight:700;margin:0 0 30px;text-transform:uppercase;letter-spacing:2px;color:#c5b3e6;text-shadow:0 0 .01px rgba(197,179,230,.8),0 0 15px rgba(197,179,230,.5);background-image:var(--paper-texture);background-repeat:repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:2px rgba(197,179,230,.8)}.main-menu__button{font-family:Inter,Roboto,Arial,sans-serif;font-size:1.5rem;font-weight:600;padding:15px 40px;color:#0d1117;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.main-menu__button:not(:last-child){margin-bottom:15px}.main-menu__button--cyan{background-color:#4a9b7a;color:#0a4a3a;box-shadow:0 .1px .1px #6ed5b366,0 0 15px #6ed5b333}.main-menu__button--cyan:hover{box-shadow:0 1px 2px #6ed5b380,0 0 15px #6ed5b34d;filter:brightness(1.15)}.main-menu__button--lavender{background-color:#9b7ab3;color:#4a3a5c;box-shadow:0 .1px .1px #c5b3e666,0 0 15px #c5b3e633}.main-menu__button--lavender:hover{box-shadow:0 1px 2px #c5b3e680,0 0 15px #c5b3e64d;filter:brightness(1.15)}.main-menu__button--peach{background-color:#c48a6b;color:#8b4a3a;box-shadow:0 .1px .1px #f4a78d66,0 0 15px #f4a78d33}.main-menu__button--peach:hover{box-shadow:0 1px 2px #f4a78d80,0 0 15px #f4a78d4d;filter:brightness(1.15)}.main-menu__button--disabled{background-color:#161b22;color:#b8bfc7;cursor:not-allowed;opacity:.7;box-shadow:0 4px 8px #161b2280}.main-menu__button--disabled:hover{transform:none;box-shadow:0 4px 8px #161b2280;filter:none}.main-menu__warning-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0d1117bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.main-menu__warning-modal{position:fixed;z-index:1001;left:50%;top:50%;transform:translate(-50%,-50%);min-width:min(360px,100vw - 48px);max-width:420px;padding:28px 32px;border-radius:16px;background:#161b22;border:2px solid rgba(242,200,121,.55);box-shadow:0 0 0 1px #f2c87926,0 20px 50px #00000073;text-align:center}.main-menu__warning-title{font-family:Montserrat,Arial,sans-serif;font-size:1.75rem;font-weight:700;margin:0 0 12px;color:#f2c879;text-transform:uppercase;letter-spacing:.06em}.main-menu__warning-body{margin:0 0 22px;font-size:1rem;line-height:1.5;color:#b8bfc7}.main-menu__warning-dismiss{margin:0 auto;display:block}.main-menu__warning-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.main-menu__warning-action{flex:1 1 auto;min-width:140px;margin:0}.options-menu{width:100vw;height:100vh;flex-shrink:0;position:relative;background-color:#0000;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Inter,Roboto,Arial,sans-serif;color:#f1f1f1}.options-menu__container{text-align:center;padding:40px;display:flex;flex-direction:column;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.options-menu__title{font-family:Montserrat,Arial,sans-serif;font-size:6rem;font-weight:700;margin:0 0 30px;text-transform:uppercase;letter-spacing:2px;color:#c5b3e6;text-shadow:0 0 .01px rgba(197,179,230,.8),0 0 15px rgba(197,179,230,.5);background-image:var(--paper-texture);background-repeat:repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:2px rgba(197,179,230,.8)}.options-menu__content{margin-bottom:40px;display:flex;flex-direction:column;gap:30px}.options-menu__button{font-family:Inter,Roboto,Arial,sans-serif;font-size:1.5rem;font-weight:600;padding:15px 40px;color:#0d1117;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.options-menu__button:not(:last-child){margin-bottom:15px}.options-menu__button--cyan{background-color:#4a9b7a;color:#0a4a3a;box-shadow:0 .1px .1px #6ed5b366,0 0 15px #6ed5b333}.options-menu__button--cyan:hover{box-shadow:0 1px 2px #6ed5b380,0 0 15px #6ed5b34d;filter:brightness(1.15)}.options-menu__button--lavender{background-color:#9b7ab3;color:#4a3a5c;box-shadow:0 .1px .1px #c5b3e666,0 0 15px #c5b3e633}.options-menu__button--lavender:hover{box-shadow:0 1px 2px #c5b3e680,0 0 15px #c5b3e64d;filter:brightness(1.15)}.options-menu__button--peach{background-color:#c48a6b;color:#8b4a3a;box-shadow:0 .1px .1px #f4a78d66,0 0 15px #f4a78d33}.options-menu__button--peach:hover{box-shadow:0 1px 2px #f4a78d80,0 0 15px #f4a78d4d;filter:brightness(1.15)}.options-menu__button--disabled{background-color:#161b22;color:#b8bfc7;cursor:not-allowed;opacity:.7;box-shadow:0 4px 8px #161b2280}.options-menu__button--disabled:hover{transform:none;box-shadow:0 4px 8px #161b2280;filter:none}.volume-control{display:flex;flex-direction:column;align-items:center;gap:15px}.volume-control--horizontal{flex-direction:row;align-items:center;justify-content:space-between;gap:20px}.volume-control--horizontal .volume-control__label{min-width:60px;text-align:left;margin:0}.volume-control--horizontal .volume-control__slider-container{flex:1;max-width:300px}.volume-control--full-width{width:100%}.volume-control--full-width .volume-control__slider-container{width:100%;max-width:none}.volume-control__label{font-family:Inter,Roboto,Arial,sans-serif;font-size:1.2rem;font-weight:600;color:#f1f1f1;text-transform:uppercase;letter-spacing:1px}.volume-control__slider-container{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;max-width:400px}.volume-control__slider{flex:1;height:8px;background:linear-gradient(90deg,#161b22,#161b22);border-radius:4px;outline:none;cursor:pointer;position:relative;-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;padding:0}.volume-control__slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#4a9b7a;cursor:pointer;box-shadow:0 0 10px #4cb6b680;border:2px solid #0D1117;transition:all .2s ease;margin-top:-8px;position:relative}.volume-control__slider::-webkit-slider-thumb:hover{box-shadow:0 0 15px #4cb6b6cc;transform:scale(1.1)}.volume-control__slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#4a9b7a;cursor:pointer;box-shadow:0 0 10px #4cb6b680;border:2px solid #0D1117;transition:all .2s ease;margin-top:-8px}.volume-control__slider::-moz-range-thumb:hover{box-shadow:0 0 15px #4cb6b6cc;transform:scale(1.1)}.volume-control__slider::-webkit-slider-track{height:8px;background:linear-gradient(90deg,#161b22,#161b22);border-radius:4px}.volume-control__slider::-moz-range-track{height:8px;background:linear-gradient(90deg,#161b22,#161b22);border-radius:4px;border:none}.volume-control__slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#6ed5b3,#c5b3e6,#f4a78d);height:8px;border-radius:4px}.volume-control__slider::-moz-range-progress{background:linear-gradient(90deg,#6ed5b3,#c5b3e6,#f4a78d);height:8px;border-radius:4px}.volume-control__value{font-family:Inter,Roboto,Arial,sans-serif;font-size:1rem;font-weight:600;color:#6ed5b3;min-width:50px;text-align:center;background:#6ed5b31a;padding:5px 10px;border-radius:6px;border:1px solid rgba(110,213,179,.3)}.pixi-container{width:100vw;height:100vh;flex-shrink:0;position:relative;overflow:hidden;margin:0;padding:0}.debug-panel{padding:24px 16px;background-color:#161b22;border:2px solid #C5B3E6;border-radius:12px;box-sizing:border-box;text-align:left;display:flex;flex-direction:column;gap:6px}.debug-panel__title{font-family:Montserrat,Arial,sans-serif;font-size:20px;font-weight:700;color:#c5b3e6;text-shadow:0 0 8px rgba(197,179,230,.8),0 0 20px rgba(197,179,230,.5);margin-bottom:8px}.debug-panel__row{font-family:Inter,Roboto,Arial,sans-serif;font-size:16px;font-weight:600;color:#f1f1f1}.top-score-bar{position:absolute;left:50%;top:20px;transform:translate(-50%);z-index:10;display:flex;align-items:stretch;gap:0;padding:10px 20px;background-color:#161b22;border:2px solid #C5B3E6;border-radius:12px;box-shadow:0 4px 12px #c5b3e666,0 0 20px #c5b3e633}.top-score-bar__stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 16px}.top-score-bar__stat:not(:last-child){border-right:1px solid rgba(197,179,230,.35)}.top-score-bar__label{font-family:Inter,Roboto,Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#b8bfc7}.top-score-bar__value{font-family:Montserrat,Arial,sans-serif;font-size:18px;font-weight:700;color:#f1f1f1;text-shadow:0 0 8px rgba(197,179,230,.8),0 0 20px rgba(197,179,230,.5);min-width:2.5ch;text-align:center}.bottom-score-bar{position:absolute;left:50%;bottom:20px;transform:translate(-50%);z-index:10;display:flex;align-items:stretch;gap:0;padding:10px 20px;background-color:#161b22;border:2px solid #6ED5B3;border-radius:12px;box-shadow:0 4px 12px #6ed5b366,0 0 20px #6ed5b333}.bottom-score-bar__stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 20px}.bottom-score-bar__stat:not(:last-child){border-right:1px solid rgba(110,213,179,.35)}.bottom-score-bar__label{font-family:Inter,Roboto,Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#b8bfc7}.bottom-score-bar__value{font-family:Montserrat,Arial,sans-serif;font-size:18px;font-weight:700;color:#f1f1f1;text-shadow:0 0 8px rgba(110,213,179,.75),0 0 18px rgba(110,213,179,.45);min-width:2.5ch;text-align:center}.upgrade-modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;min-height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;background-color:#161b22fa;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;color:#f1f1f1;padding:clamp(24px,5vh,48px) clamp(16px,4vw,56px);border:none;border-radius:0;box-shadow:inset 0 0 80px #c5b3e60f;font-family:Inter,Roboto,Arial,sans-serif,system-ui,Avenir,Helvetica,Arial,sans-serif}.upgrade-modal__title{margin:0 0 clamp(20px,4vh,36px) 0;font-size:clamp(20px,3.5vw,28px);font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:2px;color:#c5b3e6;text-shadow:0 0 8px rgba(197,179,230,.8),0 0 20px rgba(197,179,230,.5)}.upgrade-modal__options{display:flex;gap:clamp(10px,2vw,18px);align-items:stretch;flex-wrap:wrap;justify-content:center}.upgrade-modal__option{flex:1 1 200px;max-width:420px;padding:clamp(16px,3vh,28px);border:2px solid rgba(110,213,179,.4);border-radius:10px;cursor:pointer;background-color:#161b2299;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease;outline:none;display:flex;flex-direction:column;justify-content:center;-webkit-user-select:none;user-select:none;box-shadow:0 4px 12px #6ed5b34d}.upgrade-modal__option:hover,.upgrade-modal__option:focus-visible{transform:translateY(-3px);border-color:#6ed5b3cc;box-shadow:0 6px 20px #6ed5b380,0 0 30px #6ed5b34d;background-color:#161b22cc}.upgrade-modal__option-label{font-size:clamp(16px,2.2vw,18px);font-weight:700;margin-bottom:8px;color:#6ed5b3;letter-spacing:1px}.upgrade-modal__option-desc{font-size:clamp(13px,1.8vw,14px);color:#b8bfc7;line-height:1.4;font-weight:500}.upgrade-modal__box-range{margin-top:clamp(20px,3.5vh,32px);padding:clamp(14px,2.5vh,22px) clamp(16px,3vw,28px);border:1px solid rgba(110,213,179,.2);border-radius:10px;background-color:#161b2280;display:flex;flex-direction:column;align-items:center;gap:10px}.upgrade-modal__box-range-title{font-size:clamp(13px,1.8vw,15px);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#6ed5b3}.upgrade-modal__box-range-hint{font-size:12px;color:#b8bfc7}.upgrade-modal__box-range-sliders{width:100%;max-width:420px;display:flex;flex-direction:column;gap:14px}.upgrade-modal__range-row{display:flex;align-items:center;gap:12px;width:100%;cursor:pointer}.upgrade-modal__range-label{flex:0 0 36px;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#b8bfc7}.upgrade-modal__range-slider{flex:1;min-width:0;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#6ed5b333;border-radius:4px;outline:none;cursor:pointer}.upgrade-modal__range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#6ed5b3;border:2px solid rgba(22,27,34,.9);box-shadow:0 2px 8px #6ed5b373;transition:transform .12s ease,box-shadow .12s ease}.upgrade-modal__range-slider::-webkit-slider-thumb:hover,.upgrade-modal__range-slider::-webkit-slider-thumb:active{transform:scale(1.08);box-shadow:0 2px 12px #6ed5b3a6}.upgrade-modal__range-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#6ed5b3;border:2px solid rgba(22,27,34,.9);box-shadow:0 2px 8px #6ed5b373}.upgrade-modal__range-slider::-moz-range-track{height:8px;background:#6ed5b333;border-radius:4px}.upgrade-modal__range-slider:focus-visible{box-shadow:0 0 0 2px #6ed5b340}.upgrade-modal__range-value{flex:0 0 2.25rem;font-size:14px;font-weight:700;text-align:right;color:#f1f1f1;font-variant-numeric:tabular-nums}.upgrade-modal__hint{text-align:center;margin-top:clamp(20px,4vh,32px);font-size:13px;color:#8b949e;letter-spacing:.5px}.game-view .pixi-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.game-view .debug-panel{position:absolute;left:0;top:80px;z-index:10}.game-backbutton{position:fixed;top:20px;width:50px;height:50px;background-color:#f27b7b;z-index:1000;border:none;border-radius:8px;cursor:pointer;transition:left .5s ease-in-out,transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #f27b7b66,0 0 20px #f27b7b33;font-family:Inter,Roboto,Arial,sans-serif;font-weight:600;color:#f1f1f1}.game-backbutton:hover{box-shadow:0 6px 16px #f27b7b80,0 0 25px #f27b7b4d}.game-backbutton--show{left:20px}.game-backbutton--hide{left:-100px}.options-backbutton{position:fixed;left:20px;width:50px;height:50px;background-color:#f27b7b;z-index:1000;border:none;border-radius:8px;cursor:pointer;transition:top .5s ease-in-out,transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #f27b7b66,0 0 20px #f27b7b33;font-family:Inter,Roboto,Arial,sans-serif;font-weight:600;color:#f1f1f1}.options-backbutton:hover{box-shadow:0 6px 16px #f27b7b80,0 0 25px #f27b7b4d}.options-backbutton--show{top:20px}.options-backbutton--hide{top:-100px}.menu-slider{position:fixed;top:0;left:0;width:100vw;height:200vh;display:grid;grid-template-rows:100vh 100vh;grid-template-columns:100vw;transition:top 1s cubic-bezier(.4,0,.2,1)}.menu-slider--show-mainmenu{top:0}.menu-slider--show-options{top:-100vh}.menu-slider>div:first-child{grid-row:1;grid-column:1}.menu-slider>div:last-child{grid-row:2;grid-column:1}.game-view{position:fixed;top:0;right:0;bottom:0;left:0}.transition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d1117;opacity:0;pointer-events:none;z-index:900;transition:opacity .5s ease}.transition-overlay--active{opacity:1;pointer-events:all}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#0d1117}