*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}img,video{-webkit-user-drag:none;user-drag:none}body{background-color:#000;color:#fff;font-family:Inter,sans-serif;overflow:hidden}#game-container{position:relative;width:100%;max-width:56.25dvh;max-height:100dvh;aspect-ratio:9 / 16;margin:0 auto;background-color:#000;overflow:hidden;box-shadow:0 0 50px #ffffff0d;container-type:inline-size}#background-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:1}#character-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}#bg-effects-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}#effects-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:hidden;transition:opacity .5s ease}.effect-sun-flare{position:absolute;top:-20%;left:-20%;width:150%;height:150%;background:radial-gradient(circle at 25% 25%,rgba(255,240,180,.7) 0%,rgba(255,210,120,.3) 30%,transparent 65%);mix-blend-mode:screen;animation:pulseFlare 8s infinite alternate ease-in-out;pointer-events:none}@keyframes pulseFlare{0%{transform:scale(1) translate(0);opacity:.8}to{transform:scale(1.1) translate(2%,2%);opacity:1}}.character-canvas{position:absolute;bottom:0;left:0;width:100%;height:100%;transform-origin:bottom center;transition:transform .5s ease,left .5s ease,opacity .5s ease;pointer-events:none;display:flex;justify-content:center}.character-canvas canvas{height:100%!important;width:auto!important}#ui-layer{position:absolute;bottom:0;left:0;width:100%;padding:5cqw 5cqw 10cqw;z-index:10;display:flex;flex-direction:column;gap:5cqw;align-items:center;pointer-events:none}#ui-layer>*{pointer-events:auto}#menu-btn{position:absolute;top:5cqw;right:5cqw;width:12cqw;height:12cqw;border-radius:50%;background:#fff0f5d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:.5cqw solid rgba(216,17,89,.3);color:#4a0e17;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:100;box-shadow:0 1cqw 3cqw #4a0e1740;transition:all .2s}#menu-btn:hover{background:#fff;transform:scale(1.05)}#menu-btn svg{width:6cqw;height:6cqw}#settings-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center}#settings-modal{background:#fff0f5f2;border:.5cqw solid rgba(74,14,23,.3);border-radius:6cqw;padding:8cqw 10cqw;width:85%;box-shadow:0 4cqw 12cqw #00000080;display:flex;flex-direction:column;gap:6cqw;animation:modalPop .3s cubic-bezier(.175,.885,.32,1.2) forwards}@keyframes modalPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}#settings-modal h2{color:#d81159;font-size:6cqw;text-align:center;margin-bottom:2cqw;text-transform:uppercase;letter-spacing:.2cqw;font-weight:800}.setting-group{display:flex;flex-direction:column;gap:2cqw}.setting-group label{color:#4a0e17;font-weight:700;font-size:4cqw}input[type=range]{-webkit-appearance:none;width:100%;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:2cqw;cursor:pointer;background:#4a0e1726;border-radius:1cqw;border:.2cqw solid rgba(74,14,23,.05)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:12cqw;width:12cqw;border-radius:50%;cursor:pointer;margin-top:-5cqw;border:3.5cqw solid transparent;background:#d81159;background-clip:content-box;box-shadow:inset 0 0 0 .4cqw #4a0e17;filter:drop-shadow(0 .5cqw .5cqw rgba(0,0,0,.3));transition:transform .1s}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.1)}#close-settings-btn{margin-top:4cqw}#dialogue-box{background:#fff0f5d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:.5cqw solid rgba(74,14,23,.2);border-radius:6cqw;padding:6cqw 7.5cqw;width:90%;position:relative;box-shadow:0 2cqw 8cqw #4a0e1740;display:none;animation:slideUp .4s ease-out forwards}@keyframes slideUp{0%{transform:translateY(5cqw);opacity:0}to{transform:translateY(0);opacity:1}}#dialogue-box.thought-bubble{border-radius:12cqw;border:none;background:#ffffffd9}#dialogue-box.thought-bubble:before{content:"";position:absolute;width:6cqw;height:6cqw;top:-3cqw;right:20cqw;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:50%;box-shadow:0 1cqw 2cqw #4a0e1726}#dialogue-box.thought-bubble:after{content:"";position:absolute;width:3.5cqw;height:3.5cqw;top:-7cqw;right:28cqw;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:50%;box-shadow:0 .5cqw 1cqw #4a0e1726}#dialogue-box.thought-bubble #dialogue-text{font-style:italic;color:#4a0e17e6}#speaker-name{font-weight:800;font-size:4.5cqw;text-transform:uppercase;letter-spacing:.3cqw;color:#fff;background:#d81159;border:.5cqw solid #FFF0F5;display:inline-block;padding:1cqw 4.8cqw;border-radius:7.5cqw;position:absolute;top:-4cqw;left:6cqw;box-shadow:0 1cqw 3cqw #d811594d}#dialogue-text{font-size:4.6cqw;line-height:1.6;color:#4a0e17;font-weight:600}#next-indicator{position:absolute;bottom:4cqw;right:5cqw;width:0;height:0;border-left:2cqw solid transparent;border-right:2cqw solid transparent;border-top:3cqw solid rgba(74,14,23,.7);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}#next-btn{position:absolute;bottom:10cqw;right:10cqw;background:#fff0f5e6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#d81159;border:.5cqw solid rgba(216,17,89,.3);padding:3cqw 7.5cqw;border-radius:4cqw;cursor:pointer;font-size:4.5cqw;font-weight:800;transition:all .2s;z-index:100;box-shadow:0 1cqw 3cqw #0000001a;display:none}.btn-fade-in{animation:fadeInBtn .6s ease-out forwards}@keyframes fadeInBtn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}#next-btn:hover{background:#fff;transform:scale(1.05)}#options-container{width:85%;margin:0 auto;display:flex;flex-direction:column;gap:3cqw;max-height:0;opacity:0;pointer-events:none;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .4s ease-out}#options-container.show{max-height:100cqw;opacity:1;pointer-events:auto}.choice-btn{background:linear-gradient(to right,#ff4d6d,#d81159);color:#fff;border:none;outline:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;border-bottom:1cqw solid rgba(74,14,23,.3);padding:4cqw 6cqw;border-radius:4cqw;font-size:4.5cqw;font-weight:700;font-family:Inter,sans-serif;width:100%;text-align:center;cursor:pointer;box-shadow:0 1.5cqw 3.5cqw #d8115940;position:relative;transition:transform .15s cubic-bezier(.4,0,.2,1)}.choice-btn:hover{transform:translateY(-.5cqw);filter:brightness(1.1);box-shadow:0 2cqw 5cqw #d8115959}.choice-btn:active{transform:scale(.98);border-bottom-width:.5cqw;margin-top:.5cqw}.choice-btn-enter{animation:slideUpChoice .6s cubic-bezier(.175,.885,.32,1.2) both}@keyframes slideUpChoice{0%{opacity:0;transform:translateY(4cqw)}to{opacity:1;transform:translateY(0)}}.choice-btn-selected{animation:pulseSelect .6s ease-out forwards;pointer-events:none}@keyframes pulseSelect{0%{transform:scale(1);filter:brightness(1)}20%{transform:scale(.95);filter:brightness(1.5)}60%{transform:scale(1.05);filter:brightness(2);opacity:1}to{transform:scale(1.1);filter:brightness(2);opacity:0}}.click-particle{position:absolute;width:1.5cqw;height:1.5cqw;background:#fff;border-radius:50%;pointer-events:none;animation:particleBurst .6s ease-out forwards;z-index:1000;box-shadow:0 0 2cqw #fffc}@keyframes particleBurst{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(0);opacity:0}}#start-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center}#start-overlay h1{margin-bottom:30px;font-size:2.5rem;text-align:center}#start-btn{background:#fca311;color:#000;border:none;padding:15px 40px;font-size:1.5rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s}#start-btn:hover{transform:scale(1.05)}#overtext-layer{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:50;pointer-events:none}#overtext-content{font-size:8cqw;font-weight:800;text-align:center;color:#fff;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:3cqw 6cqw;border-radius:2cqw;box-shadow:0 1cqw 4cqw #00000080;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:5px;max-width:90%;animation:fadeinout 4s forwards}@keyframes fadeinout{0%{opacity:0;transform:scale(.9)}20%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.anim-zoom-in{animation:slowzoom 10s ease-out forwards}@keyframes slowzoom{0%{transform:scale(1)}to{transform:scale(1.15)}}