@font-face{font-family:IBM Plex Sans Thai;src:url(./ibmplexsans-EhVLNonF.ttf) format("truetype");font-weight:100 700;font-style:normal}@font-face{font-family:Mogra;src:url(./mogra-DLLmbdiA.ttf) format("truetype");font-weight:400;font-style:normal}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:IBM Plex Sans Thai,sans-serif!important;background-color:#000;color:#fff;cursor:url(../images/ui/play.png) 24 24,auto}#root,main{width:100%;height:100%;display:flex;font-family:IBM Plex Sans Thai,sans-serif!important;justify-content:center;align-items:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.view-wrapper{width:100%;height:100%;animation:fadeIn .5s ease-in-out}.loading-tint-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ff8c0066;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:200;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.7)}.loading-text{font-family:Mogra,serif;font-size:5rem;font-weight:400;letter-spacing:.1em}.loading-progress{font-size:3rem;font-weight:500;margin-top:1rem}.language-selection-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background-color:#000;gap:3rem}.language-selection-title{font-size:3rem;font-weight:500;color:#fff;text-align:center}.language-options{display:flex;flex-direction:column;gap:1.5rem;width:300px}.parallax-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden}.parallax-bg{position:absolute;background-size:cover;background-position:center center;will-change:transform;transition:transform .1s linear}.title-screen-container{position:relative;z-index:10;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:2rem;box-sizing:border-box}.game-logo{width:40%;margin-top:2rem;object-fit:contain;filter:drop-shadow(0 0 15px rgba(0,0,0,.9))}.bottom-menu-options{display:flex;flex-direction:column;gap:.8rem;width:25%}.bottom-container{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;margin-bottom:1rem}.credit-footer{font-size:.8rem;color:#ffffffb3;text-align:center}.menu-button{background:#ff0f0f;border:3px solid white;color:#fff;padding:.2rem;font-family:IBM Plex Sans Thai,sans-serif;font-size:1.5rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;border-radius:8px;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 15px #0006}.menu-button:hover{background:red;color:#ff0;border-color:#ff0;transform:scale(1.05);box-shadow:0 6px 20px #00000080}.options-button{position:absolute;top:2rem;right:2rem;z-index:20;padding:.8rem 1.5rem;font-size:1.2rem}.options-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:100}.options-modal{background:#222;border:2px solid orange;border-radius:15px;padding:2rem 3rem;display:flex;flex-direction:column;gap:2rem;width:90%;max-width:500px;color:#fff}.options-modal h2{text-align:center;font-size:2.5rem;margin:0;color:orange}.slider-container{display:flex;flex-direction:column;gap:.5rem}.slider-container label{font-size:1.2rem;font-weight:500}.slider{-webkit-appearance:none;width:100%;height:15px;background:#555;outline:none;opacity:.7;transition:opacity .2s;border-radius:5px}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:25px;height:25px;background:orange;cursor:pointer;border-radius:50%}.slider::-moz-range-thumb{width:25px;height:25px;background:orange;cursor:pointer;border-radius:50%}.language-selector-container{display:flex;flex-direction:column;gap:.5rem}.language-selector-container label{font-size:1.2rem;font-weight:500}.language-buttons{display:flex;gap:1rem;justify-content:space-between}.lang-button{flex:1;background:#555;border:2px solid #777;color:#fff;padding:.5rem;font-family:IBM Plex Sans Thai,sans-serif;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;border-radius:8px}.lang-button.active{background:orange;border-color:#fff}.lang-button:not(.active):hover{background:#777;border-color:#999}.story-container{width:100%;height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.story-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:1}.character-sprite{position:absolute;bottom:0;height:72vh;max-width:50%;object-fit:contain;z-index:3;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.character-main{left:5%;transform:translate(0)}.character-other{right:5%;transform:translate(0)}.dialogue-box{position:relative;z-index:10;width:90%;margin:0 auto 2rem;background-color:#000000bf;border:2px solid #ff530f;border-radius:15px;padding:1.5rem 2rem;box-sizing:border-box;color:#fff;cursor:pointer}.character-name{font-size:1.8rem;font-weight:700;color:#ff530f;margin-bottom:.5rem}.dialogue-text{font-size:1.4rem;line-height:1.6}.dialogue-text.finished:after{content:" ▼";animation:blink 1.5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.choices-container{margin-top:1rem;display:flex;flex-direction:column;gap:.8rem;align-items:center}.choice-button{background-color:#ff530fcc;border:2px solid white;color:#fff;padding:.8rem 1.5rem;font-family:IBM Plex Sans Thai,sans-serif;font-size:1.2rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;border-radius:8px;width:80%;text-align:center}.choice-button:hover{background-color:red;border-color:#ff0;transform:scale(1.02)}.back-button{position:absolute;top:2rem;left:2rem;z-index:20}.skip-button{position:absolute;top:2rem;right:2rem;z-index:20}.skip-confirm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:100}.skip-confirm-modal{background:#222;border:2px solid orange;border-radius:15px;padding:2rem 3rem;display:flex;flex-direction:column;gap:1rem;align-items:center;color:#fff;text-align:center;box-shadow:0 0 25px #ffa50080}.skip-confirm-modal p{font-size:1.5rem;margin:0 0 1rem;max-width:400px}.skip-confirm-modal .button-group{display:flex;gap:1rem}.level-select-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:transparent;padding:25%;box-sizing:border-box;position:relative;z-index:10}.level-select-title{font-size:3.5rem;color:#fff;margin-bottom:2rem;font-weight:700}.level-select-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;max-width:1200px}.level-card{aspect-ratio:16 / 9;background-size:cover;background-position:center;border-radius:10px;border:3px solid #555;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.level-card:hover{transform:scale(1.05);border-color:orange;box-shadow:0 0 20px #ffa50099}.level-card-title{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);color:#fff;text-align:center;padding:1rem;font-size:1.5rem;font-weight:600;text-shadow:0 1px 3px black;transition:opacity .3s ease}.level-card:hover .level-card-title{opacity:0}.minigame-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000}.minigame-viewport{position:relative;width:100%;height:100%;max-width:calc(100vh * (16 / 9));max-height:56.25vw;aspect-ratio:16 / 9;overflow:hidden}.minigame-container{position:relative;width:100%;height:100%;overflow:hidden}.minigame-container.shake{animation:screen-shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes screen-shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.walkthrough-modal-overlay,.game-end-overlay,.pre-game-countdown-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:100;flex-direction:column;gap:1.5rem}.pre-game-countdown-overlay{background:#00000080;z-index:105}.pre-game-countdown-text{font-size:12rem;font-weight:700;color:#fff;text-shadow:0 0 25px orange;animation:pop-in .4s ease-out forwards}.walkthrough-modal{background-color:#fff;padding:1rem;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:1rem}.walkthrough-modal img{max-width:90vw;max-height:60vh}.walkthrough-controls{display:flex;flex-direction:column;align-items:center;gap:1rem}.walkthrough-checkbox{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#333}.minigame-hud{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;text-shadow:0 2px 5px black;z-index:50;font-size:1.8rem;font-weight:600;pointer-events:none}.hud-item{background-color:#00000080;padding:.5rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;margin:.2rem}.hud-item.small{font-size:1.4rem;padding:.4rem .8rem}.hud-top-left{position:absolute;top:3rem;left:4rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.rec-indicator{gap:.8rem}.rec-dot{width:1.2rem;height:1.2rem;background-color:red;border-radius:50%;animation:blink 1.5s infinite}.hud-top-center{position:absolute;top:2rem;left:50%;transform:translate(-50%)}.hud-top-right{position:absolute;top:3rem;right:4rem;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.video-quality.hud-item{background-color:transparent;gap:.8rem}.video-quality span{border:2px solid rgba(255,255,255,.8);padding:.1rem .5rem;border-radius:4px;font-size:1.2rem;font-weight:500;color:#fffc}.hud-target-container{background-color:transparent;padding:0;margin:0;gap:.8rem}.hud-target-text-box{border:2px solid white;background-color:#000000b3;padding:.2rem .8rem;border-radius:6px;text-transform:capitalize}.hud-bottom-center{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:1.5rem;align-items:center}@keyframes pop-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.shot-icon{position:absolute;width:100px;height:100px;cursor:pointer;transition:transform .2s ease;z-index:40;animation:pop-in .3s ease-out}.shot-icon:hover{transform:scale(1.1)}.game-end-text{font-size:5rem;font-weight:700;color:orange;text-shadow:0 0 15px red}.game-end-overlay .button-group{display:flex;gap:1rem}.coming-soon-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;position:relative;z-index:10}.coming-soon-text{font-size:4rem;color:#eee}.minigame-foreground-camera{position:absolute;top:0;left:0;width:100%;height:100%;background-size:100% 100%;background-repeat:no-repeat;pointer-events:none;z-index:60}.minigame-character-sprite{position:absolute;bottom:0;left:2rem;height:48vh;z-index:70;transform:scaleX(-1);pointer-events:none;transition:transform .2s ease-out}.feedback-text{position:fixed;transform:translate(-50%);font-size:3rem;font-weight:700;pointer-events:none;z-index:110;animation:float-up .4s ease-out forwards}@keyframes float-up{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-60px);opacity:0}}.feedback-good{color:#4caf50;text-shadow:-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff,0 0 10px rgba(0,0,0,.5)}.feedback-sorry{color:#f44336;text-shadow:-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff,0 0 10px rgba(0,0,0,.5)}.minigameB-container{position:relative;width:100%;height:100%;overflow:hidden;background-repeat:repeat}.game-board{position:relative;width:100%;height:100%}.game-character{position:absolute;image-rendering:pixelated;width:60px;height:60px;object-fit:contain;transition:opacity .1s linear}.minigame-obstacle{position:absolute;background-size:300% 200%;background-repeat:no-repeat}.minigame-collectible{position:absolute;width:40px;height:40px;background-color:#ff0;border-radius:50%;box-shadow:0 0 10px #ff0,0 0 20px gold}.minigameB-hud{position:absolute;top:2rem;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:row;gap:2rem;align-items:center;color:#fff;text-shadow:0 1px 3px black}.minigameB-score{background-color:#0009;padding:.5rem 1rem;border-radius:8px;font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 1px 3px black}.character-switch-container{position:absolute;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:.5rem;z-index:100}.char-switch-button{width:70px;height:70px;border:3px solid #ccc;border-radius:50%;background-size:cover;background-position:center 20%;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px #00000080;position:relative}.char-switch-button:hover{transform:scale(1.1);border-color:#ffc107}.char-switch-button.active{border-color:#ff5722;transform:scale(1.15);box-shadow:0 0 15px #ff5722}.char-name-label{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:2px 8px;border-radius:10px;font-size:.8rem;font-weight:700;text-transform:uppercase}.char-shield-label{position:absolute;top:0;right:0;background-color:#2196f3;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1rem;border:2px solid white}.joystick-base{position:absolute;width:120px;height:120px;background-color:#fff3;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;border:2px solid rgba(255,255,255,.4);z-index:110}.joystick-handle{position:absolute;width:60px;height:60px;background-color:#ffffff80;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;border:2px solid rgba(255,255,255,.8);z-index:111}:root{--color-yellow: #FFEB3B;--color-blue: #2196F3;--color-orange: #FF9800;--color-green: #4CAF50;--color-border-yellow: #FBC02D;--color-border-blue: #1976D2;--color-border-orange: #F57C00;--color-border-green: #388E3C}.minigameC-container{width:100%;height:100%;background:url(../images/level/bangkok/officework.png) center/cover no-repeat;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.minigameC-hud{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:1rem}.minigameC-score{background-color:#000000b3;color:#fff;padding:.5rem 1.5rem;border-radius:10px;font-size:1.5rem;font-weight:700;border:2px solid white}.minigameC-game-area{flex-grow:1;width:100%;display:flex;justify-content:center;align-items:center;position:relative;padding-top:4rem;padding-bottom:150px}.minigameC-grid-container{position:relative;display:grid;grid-template-columns:repeat(var(--grid-width),1fr);grid-template-rows:repeat(var(--grid-height),1fr);width:80%;max-width:540px;aspect-ratio:var(--grid-width) / var(--grid-height);gap:4px;background-color:#0000004d;border:2px solid rgba(255,255,255,.5);border-radius:8px;padding:4px}.grid-cell{background-color:#ffffff1a;border-radius:4px;position:relative;cursor:pointer;transition:background-color .2s}.grid-cell:hover{background-color:#fff3}.node{position:absolute;top:50%;left:50%;width:80%;height:80%;transform:translate(-50%,-50%);border-radius:4px;box-shadow:inset 0 0 10px #00000080;animation:node-pulse 2s infinite ease-in-out}@keyframes node-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(.9)}}.blocker{width:100%;height:100%;background-color:#555;border:2px solid #333;box-sizing:border-box;border-radius:4px;background-image:linear-gradient(45deg,#444 25%,transparent 25%),linear-gradient(-45deg,#444 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#444 75%),linear-gradient(-45deg,transparent 75%,#444 75%);background-size:20px 20px}.pulse-effect{position:absolute;background:var(--pulse-color);box-shadow:0 0 15px var(--pulse-color),0 0 25px var(--pulse-color);width:calc(100% / var(--grid-width));height:calc(100% / var(--grid-height));pointer-events:none;z-index:20}.pulse-effect.up{animation:pulse-up .25s linear;transform-origin:bottom}.pulse-effect.down{animation:pulse-down .25s linear;transform-origin:top}.pulse-effect.left{animation:pulse-left .25s linear;transform-origin:right}.pulse-effect.right{animation:pulse-right .25s linear;transform-origin:left}@keyframes pulse-up{0%{transform:scaleY(0)}to{transform:scaleY(calc(var(--grid-height) * 2))}}@keyframes pulse-down{0%{transform:scaleY(0)}to{transform:scaleY(calc(var(--grid-height) * 2))}}@keyframes pulse-left{0%{transform:scaleX(0)}to{transform:scaleX(calc(var(--grid-width) * 2))}}@keyframes pulse-right{0%{transform:scaleX(0)}to{transform:scaleX(calc(var(--grid-width) * 2))}}.minigameC-controls{position:absolute;bottom:0;width:100%;display:flex;justify-content:center;gap:1.5rem;padding:1.5rem;background-image:linear-gradient(to top,rgba(0,0,0,.8),transparent);z-index:10}.character-button{background-color:#fff;border:5px solid #555;width:120px;height:120px;border-radius:20px;cursor:pointer;transition:all .2s ease-out;display:flex;justify-content:center;align-items:center;padding:.5rem}.character-button:hover:not(:disabled){transform:translateY(-10px);border-color:#fff}.character-button.active{transform:translateY(-15px) scale(1.1);border-color:#fff;box-shadow:0 0 25px #fff}.character-button:disabled{cursor:not-allowed;filter:grayscale(80%)}.character-button img{width:100%;height:100%;object-fit:contain}.node.yellow,.character-button.yellow{background-color:var(--color-yellow);border-color:var(--color-border-yellow)}.node.blue,.character-button.blue{background-color:var(--color-blue);border-color:var(--color-border-blue)}.node.orange,.character-button.orange{background-color:var(--color-orange);border-color:var(--color-border-orange)}.node.green,.character-button.green{background-color:var(--color-green);border-color:var(--color-border-green)}.character-button.yellow.active{box-shadow:0 0 25px var(--color-yellow)}.character-button.blue.active{box-shadow:0 0 25px var(--color-blue)}.character-button.orange.active{box-shadow:0 0 25px var(--color-orange)}.character-button.green.active{box-shadow:0 0 25px var(--color-green)}.minigameD-container{width:100%;height:100%;background:url(../images/level/bangkok/officework.png) center/cover no-repeat;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Arial,sans-serif}.minigameD-walkthrough{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:200}.minigameD-walkthrough-content{position:relative;text-align:center}.minigameD-walkthrough img{max-width:95%;max-height:95%;object-fit:contain}.minigameD-walkthrough-controls{position:absolute;bottom:5%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem}.minigameD-ui-wrapper{width:100%;height:100%;position:relative;padding:2rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.minigameD-hud{position:absolute;top:2rem;left:2rem;width:18%;background-color:#000000b3;border-radius:8px;padding:1rem;border:1px solid #666;z-index:10}.progress-bar-container{margin-bottom:.8rem}.progress-bar-label{color:#fff;font-size:1rem;font-weight:700;margin-bottom:.25rem}.progress-bar-bg{width:100%;height:20px;background-color:#333;border-radius:10px;overflow:hidden;border:1px solid #555}.progress-bar-fill{height:100%;border-radius:10px;transition:width .2s ease-in-out}.progress-bar-fill.progress{background-color:#4caf50}.progress-bar-fill.energy{background-color:#f44336}.progress-bar-fill.budget{background-color:#ffc107}.video-editor-mockup{margin:0 auto;width:60%;height:55%;background-color:#0a0a14cc;border:3px solid #555;border-radius:10px;display:flex;justify-content:center;align-items:center;position:relative;box-shadow:0 0 20px #00000080;overflow:hidden;transition:border-color .5s,box-shadow .5s}@keyframes pulse-red-border{0%,to{box-shadow:0 0 20px #00000080,0 0 10px #f4433666;border-color:#f44336}50%{box-shadow:0 0 20px #00000080,0 0 20px #f44336cc;border-color:#ff8a80}}.video-editor-mockup.problem-active{animation:pulse-red-border 1.5s ease-in-out infinite}.video-editor-screen,.video-editor-overlay{position:absolute;top:0;left:0;width:100%;height:100%;animation:fadeIn .7s}.video-editor-screen{object-fit:cover;z-index:1}.video-editor-overlay{object-fit:contain;mix-blend-mode:screen;opacity:.6;z-index:2}.video-editor-mockup h2{position:relative;z-index:3;color:#ccc;font-weight:400;background-color:#0a0a14cc;padding:1rem 2rem;border-radius:8px}.problem-modal{background-color:#fff;color:#111;padding:1.5rem;border-radius:8px;border:4px solid #f44336;text-align:center;width:80%;max-width:450px;box-shadow:0 0 25px #f44336;animation:pop-in .3s ease;position:relative;z-index:3}.problem-title{font-size:1.2rem;font-weight:700;color:#d32f2f;margin:0 0 .5rem}.problem-text{font-size:1.5rem;font-weight:500;margin:0 0 1rem}.add-budget-button{background-color:#e91e63;border-color:#fff;font-size:1rem;padding:.5rem 1rem}.add-budget-button:hover{background-color:#c2185b}.minigameD-controls{display:flex;justify-content:center;gap:1rem;width:100%;padding-bottom:1rem}.solve-button{display:flex;flex-direction:column;align-items:center;gap:.5rem;background-color:#1e1e1eb3;border:2px solid #555;color:#fff;padding:.5rem;width:120px;border-radius:10px;cursor:pointer;transition:all .2s ease}.solve-button:hover{transform:translateY(-5px)}.solve-button img{width:60px;height:60px;object-fit:contain;border-radius:8px}.solve-button-label{font-weight:700;font-size:.9rem;text-transform:uppercase}.solve-button.yellow{background-color:#ffeb3b99;border-color:var(--color-border-yellow)}.solve-button.blue{background-color:#2196f399;border-color:var(--color-border-blue)}.solve-button.orange{background-color:#ff980099;border-color:var(--color-border-orange)}.solve-button.green{background-color:#4caf5099;border-color:var(--color-border-green)}.solve-button.yellow:hover{background-color:#ffeb3bd9;box-shadow:0 0 15px var(--color-yellow);border-color:var(--color-yellow)}.solve-button.blue:hover{background-color:#2196f3d9;box-shadow:0 0 15px var(--color-blue);border-color:var(--color-blue)}.solve-button.orange:hover{background-color:#ff9800d9;box-shadow:0 0 15px var(--color-orange);border-color:var(--color-orange)}.solve-button.green:hover{background-color:#4caf50d9;box-shadow:0 0 15px var(--color-green);border-color:var(--color-green)}.minigameE-container{width:100%;height:100%;background:url(../images/level/bangkok/main.png) center/cover no-repeat;position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:1rem;box-sizing:border-box}.minigameE-hud{display:flex;justify-content:space-between;width:100%;max-width:1000px;padding:.5rem;background-color:#0009;border-radius:10px;margin-bottom:1rem;font-size:1.2rem}.minigameE-video-preview{width:100%;max-width:800px;aspect-ratio:16 / 9;background-color:#000;border:3px solid #666;border-radius:8px;position:relative;overflow:hidden;margin-bottom:1rem;box-shadow:0 0 15px #00000080;transition:box-shadow .3s ease,border-color .3s ease}.minigameE-video-preview.boosting{border-color:#ffeb3b;box-shadow:0 0 25px #ffeb3b,0 0 40px #ffc107;animation:pulse-yellow-border 1.2s infinite ease-in-out}@keyframes pulse-yellow-border{0%,to{box-shadow:0 0 25px #ffeb3b,0 0 40px #ffc107}50%{box-shadow:0 0 35px #fff176,0 0 55px #ffd54f}}.minigameE-video-bg,.minigameE-video-fg{position:absolute;top:0;left:0;width:100%;height:100%;animation:fadeIn 1s}.minigameE-video-bg{object-fit:cover}.minigameE-video-fg{object-fit:contain}.minigameE-mae{position:absolute;bottom:0;right:2%;height:40vh;z-index:20;transition:transform .2s ease-out}.minigameE-comments-area{position:absolute;top:15%;left:5%;width:30%;height:70%;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.comment-popup{background-color:#ffffffe6;color:#222;border-radius:8px;padding:.5rem;animation:pop-in .3s;pointer-events:all;box-shadow:0 2px 8px #0006}.comment-popup.positive{border-left:5px solid #4CAF50}.comment-popup.negative{border-left:5px solid #F44336}.comment-text{font-size:1rem;margin-bottom:.5rem}.comment-actions{display:flex;gap:.5rem}.comment-button{flex-grow:1;border:none;color:#fff;padding:.3rem;font-size:.8rem;border-radius:4px;cursor:pointer}.comment-button.reply{background-color:#2196f3}.comment-button.delete{background-color:#757575}.comment-timer-bar{height:4px;background-color:#ccc;border-radius:2px;overflow:hidden}.comment-timer-fill{height:100%;background-color:#f44336;transition:width .1s linear}.minigameE-controls{display:flex;gap:1rem;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.boost-button{padding:.8rem 1.5rem;font-size:1.2rem;position:relative}.boost-timer{position:absolute;top:-10px;right:-10px;background-color:#e91e63;color:#fff;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid white}.rewards-container{width:100%;height:85%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0rem;position:relative;z-index:10;padding:25%;box-sizing:border-box}.rewards-title{font-size:3.5rem;color:#fff;margin-bottom:1rem;font-weight:700}.rewards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:60%;max-width:800px}.reward-card{aspect-ratio:1 / 1;background-size:cover;background-position:center;border-radius:10px;border:3px solid #555;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#222;padding:0;font-family:inherit;color:inherit}.reward-card:not(:disabled){cursor:pointer;transition:all .2s ease-in-out}.reward-card:not(:disabled):hover{transform:scale(1.05);box-shadow:0 0 15px orange}.reward-card.unlocked{border-color:orange}.reward-card-locked-icon{font-size:4rem;color:#777}.reward-card-title{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);color:#fff;text-align:center;padding:.8rem;font-size:.8rem;font-weight:500}.reward-screen-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:100;flex-direction:column;gap:2rem;animation:fadeIn .5s}.reward-screen-title{font-size:3rem;color:orange;text-shadow:0 0 10px red}.reward-screen-image{width:25%;height:40%;border:4px solid orange;border-radius:15px;box-shadow:0 0 25px orange}.reward-detail-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:150;animation:fadeIn .3s}.reward-detail-modal{background-color:#1a1a1a;border:2px solid orange;border-radius:15px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;width:90%;max-width:800px;box-shadow:0 0 25px #ffa50080}.reward-detail-image-container{width:100%;aspect-ratio:16 / 9;position:relative;overflow:hidden;background-color:#000;border-radius:8px}.reward-detail-bg,.reward-detail-fg{position:absolute;top:0;left:0;width:100%;height:100%;animation:fadeIn .5s}.reward-detail-bg{object-fit:cover}.reward-detail-fg{object-fit:contain}.reward-detail-summary{font-size:1.1rem;line-height:1.6;color:#eee;max-height:20vh;overflow-y:auto;padding-right:.5rem;margin:0}.reward-detail-close-button{align-self:center;padding:.5rem 2rem}.game-over-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:200}.game-over-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../images//ui/uhh.png);background-size:cover;background-position:center;animation:subtle-shake .5s infinite linear}@keyframes subtle-shake{0%,to{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(1px,1px)}}.game-over-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center}.game-over-title{font-size:6rem;font-weight:700;color:#000;text-shadow:-3px -3px 0 #fff,3px -3px 0 #fff,-3px 3px 0 #fff,3px 3px 0 #fff,0 0 20px rgba(0,0,0,.8)}.game-over-buttons{display:flex;flex-direction:column;gap:1rem;width:350px}