#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}.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}.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}.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}.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}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#0d1117}