@import"https://fonts.googleapis.com/css2?family=Handlee&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{width:100%;height:100vh;overflow-x:hidden;font-family:Inter,system-ui,sans-serif}select option{color:#000}#app{width:100%;min-height:100%;align-items:center;justify-content:center;position:relative;max-width:420px;margin:0 auto;background:url(/assets/bg-DvLvmHpe.png) center/cover no-repeat fixed}#hero-container{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100vh;overflow:hidden}.hero-button-group{position:absolute;top:150px;left:0;align-items:center;gap:12px;z-index:3;display:flex;flex-direction:row;padding:0 10px;width:100%;justify-content:space-between;max-width:420px}.lang-toggle{display:flex;gap:0px;margin-bottom:12px;position:absolute;top:32px;right:32px;z-index:10}.lang-btn{padding:4px 16px;font-size:.9rem}button#en-btn{border-radius:10px 0 0 10px}button#mr-btn{border-radius:0 10px 10px 0}.lang-btn.active{background:#fff3;border-color:#ffffff80}button{border:2px solid rgba(255,255,255,.1);background:#222224;color:#fff;padding:12px 20px;border-radius:999px;cursor:pointer;font-size:1rem;text-align:center;transition:transform .2s ease,background .2s ease;width:100%}button.prev-btn,button.next-btn{border:0;width:40px;height:40px;padding:0;background:#ffffff3b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid #fff}button.skip-btn{border:0;width:30%}button:hover{transform:translateY(-1px)}#step-indicator{color:#ffffff49;font-weight:300;letter-spacing:.05em;position:fixed;top:30px;left:0;width:100%;text-align:center;font-size:14px}.page-section{display:none;height:100%}.page-section.active{display:block}.bottom-toolbar{position:fixed;inset:auto 0 0 0;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:100;max-width:420px;margin:0 auto}.tab-btn{border:1px solid rgba(255,255,255,.18);color:#ffffff70;border-radius:10px;padding:5px;cursor:pointer;transition:background .2s ease,transform .2s ease;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;text-decoration:none;font-weight:200;gap:4px;text-align:center}.tab-btn:hover{background:#ffffff26}.tab-btn.active{background:#ffffff38;border-color:#ffffff54}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:24px}.gallery-grid img{width:100%;border-radius:16px;object-fit:cover;aspect-ratio:4 / 3;box-shadow:0 12px 28px #0000002e}.section-header{padding:36px 24px 0;color:#fff}.section-header h2{margin-bottom:12px;font-size:2rem}.section-header p{color:#ffffffb8;max-width:560px}.game-list-card,.attendance-form{background:#ffffff14;padding:24px;margin:24px;border-radius:24px;border:1px solid rgba(255,255,255,.12)}.game-list-card h3{margin-bottom:10px;color:#fff}.game-list-card p{color:#ffffffc7;margin-bottom:16px}.attendance-form{display:grid;gap:16px}.attendance-form label{display:flex;flex-direction:column;gap:8px;color:#ffffffd9}.attendance-form input{padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:#fff}.attendance-form input::placeholder{color:#ffffff80}.attendance-form select{padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:#fff;width:100%}.photo-placeholders{display:flex;gap:20px;margin:24px;justify-content:center}.photo-placeholder{text-align:center;color:#fff}.photo-placeholder h4{margin-bottom:10px}.placeholder-image{width:200px;height:150px;background:#ffffff1a;border:2px dashed rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;border-radius:10px;color:#ffffffb3}.filters{display:flex;gap:16px;margin:24px;align-items:end;flex-wrap:wrap}.filters label{display:flex;flex-direction:column;gap:8px;color:#ffffffd9;flex:1;min-width:150px}.filters input,.filters select{padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:#fff}.filters input::placeholder{color:#ffffff80}.attendance-list{margin:24px;color:#fff}.attendance-list h3{margin-bottom:16px;font-size:1.5rem}.attendance-list table{width:100%;border-collapse:collapse;background:#ffffff14;border-radius:12px;overflow:hidden}.attendance-list th,.attendance-list td{padding:12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.12)}.attendance-list th{background:#ffffff1f;font-weight:500}#more-img{max-width:100%;max-height:300px;width:auto;height:auto;opacity:0;object-fit:contain;transition:opacity .5s ease}#more-img.active{opacity:1}.quote-content{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:100px 0;opacity:0;transition:opacity .4s ease}.quote-content.active{opacity:1}.page-content{min-height:calc(100vh - 84px);padding-bottom:96px}.quote-content p{font-family:Handlee,cursive;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:300;color:#fff;text-align:left;letter-spacing:2px;padding:0 40px}#vb{width:300px;max-width:80%}p#bags-text{margin-top:100px}#bags-img{width:440px;transform:translateY(-56px)}p#book-text,p#book-text2{width:100%;text-align:left}div#meet-text{display:flex;gap:40px}div#coming-soon{width:100%;display:flex;flex-direction:column;gap:12px}div#coming-soon p{font-size:21px}div#meet-text p{opacity:1}.game-wrapper{max-width:400px;margin:0 auto;padding:1rem 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.game-header{text-align:center;margin-bottom:1.5rem}.game-title{font-size:28px;font-weight:500;color:#fff;margin-bottom:.5rem}.game-subtitle{font-size:14px;color:#fffc}.controls{display:flex;justify-content:center;gap:8px;margin-bottom:1rem;flex-wrap:wrap}.game-wrapper .controls .btn{width:auto;height:100%}.btn{padding:.5rem 1rem;font-size:14px;font-weight:500;border:.5px solid rgba(255,255,255,.3);background:#fff3;color:#fff;border-radius:8px;cursor:pointer;transition:all .15s ease}.btn:hover{background:#ffffff4d;transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn-primary{background:#f9d549;border-color:#e8c438;color:#2c2c2a}.btn-primary:hover{background:#f0cc40}.btn-back{background:#fff3;color:#fff;border-color:#ffffff4d;margin-bottom:1rem;align-self:flex-start}.btn-back:hover{background:#ffffff4d}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:1rem}.stat-card{background:#fffffff2;padding:.75rem;border-radius:8px;text-align:center}.stat-label{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-value{font-size:22px;font-weight:500;color:#2c2c2a}.game-board-container{background:#f9d549;padding:16px;border-radius:12px;box-shadow:0 4px 12px #00000014}.game-board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;aspect-ratio:1;position:relative}.tile{aspect-ratio:1;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:500;color:#2c2c2a;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 4px #0000001a;position:relative}.tile:hover:not(.empty){transform:scale(.95);box-shadow:0 4px 8px #00000026}.tile:active:not(.empty){transform:scale(.92)}.tile.moveable{cursor:grab}.tile.moveable:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid #378ADD;border-radius:8px;opacity:0;transition:opacity .2s ease}.tile.moveable.hint-active:after{opacity:1;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.tile.empty{background:transparent;box-shadow:none;cursor:default;opacity:.3}.win-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:none;align-items:center;justify-content:center;z-index:100}.win-overlay.show{display:flex;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.win-modal{background:#fff;padding:2rem;border-radius:12px;text-align:center;max-width:360px;box-shadow:0 8px 32px #0003;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.win-icon{font-size:64px;margin-bottom:1rem}.win-title{font-size:28px;font-weight:500;color:#2c2c2a;margin-bottom:.5rem}.win-stats{font-size:16px;color:#666;margin-bottom:1.5rem}.hint-info{font-size:13px;color:#ffffffe6;text-align:center;margin-top:1rem}@media (max-width: 480px){.game-wrapper{padding:.5rem}.game-title{font-size:24px}.tile{font-size:28px}.stat-value{font-size:18px}}.quote-content.step-3{align-items:end}#book-img{height:280px}.quote-content.step-2{align-items:end}main.gallery-page.page-content{display:flex;flex-direction:column;gap:20px;padding:0 0 120px;position:relative;height:100%}.gallery-container{flex-grow:1;flex-shrink:revert-layer;display:flex;align-items:center;justify-content:center}.gallery-container img{width:90%;border-radius:10px;background:#fff}