.home-bg{background:linear-gradient(180deg,#c8743d,#a35a2a,#5a3b1f);background-size:100% 100%;padding:calc(env(safe-area-inset-top,0px) + 16px) 16px calc(env(safe-area-inset-bottom,0px) + 24px);display:flex;flex-direction:column;color:#f5efe0;overflow:hidden}.home-bg:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 28px,rgba(255,255,255,.04) 28px,rgba(255,255,255,.04) 30px),radial-gradient(circle at 50% 30%,rgba(255,230,180,.2),transparent 60%);pointer-events:none}.home-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.home-avatar{display:flex;align-items:center;gap:8px}.avatar-circle{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#f5efe0,#c8a87a);color:#5a3b1f;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;border:2px solid rgba(245,239,224,.6)}.coin-pill{background:#00000059;border-radius:14px;padding:4px 10px;display:flex;align-items:center;gap:4px;font-size:14px}.home-gear{width:40px;height:40px;border-radius:50%;background:#00000059;color:#f5efe0;border:none;font-size:20px;cursor:pointer}.home-gear:active{transform:scale(.92)}.home-actions{display:flex;gap:8px}.home-levels{width:40px;height:40px;border-radius:50%;background:#00000059;color:#f5efe0;border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.home-levels:active{transform:scale(.92)}.home-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;position:relative;z-index:1}.logo{text-align:center;text-shadow:0 2px 6px rgba(0,0,0,.4)}.logo-vita{font-family:Georgia,Times New Roman,serif;font-size:48px;font-style:italic;font-weight:700;letter-spacing:-1px;color:#f5efe0}.logo-mahjong{font-family:Georgia,serif;font-size:32px;letter-spacing:6px;font-weight:700;color:#ffd166;margin-top:-8px}.logo-sub{font-size:11px;opacity:.6;letter-spacing:4px;margin-top:6px}.home-mascot{font-size:96px;opacity:.9;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5))}.home-bottom{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1}.big-cta{background:linear-gradient(180deg,#f0a050,#d6802a);color:#fff;border:3px solid #6e3f15;border-radius:32px;padding:14px 56px;font-size:22px;font-weight:700;letter-spacing:2px;cursor:pointer;box-shadow:0 4px #6e3f15,0 8px 16px #0000004d;transition:transform .1s ease}.big-cta:active{transform:translateY(2px);box-shadow:0 2px #6e3f15,0 4px 8px #0000004d}.big-cta-num{font-size:26px;margin-left:6px}.home-hint{font-size:12px;opacity:.6;letter-spacing:2px}.dialog-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity .2s ease;padding:20px}.dialog-overlay.dialog-show{opacity:1}.dialog-card{background:#f5efe0;color:#2a2018;border-radius:16px;padding:24px 20px 16px;width:100%;max-width:320px;box-shadow:0 12px 36px #0006;transform:scale(.92);transition:transform .2s ease}.dialog-overlay.dialog-show .dialog-card{transform:scale(1)}.dialog-title{font-size:18px;font-weight:700;text-align:center;margin-bottom:12px;color:#5a3b1f}.dialog-body{font-size:14px;line-height:1.6;text-align:center;margin-bottom:16px;color:#4a3a28;white-space:pre-wrap}.dialog-actions{display:flex;gap:8px;flex-direction:column}.dialog-btn{padding:12px 16px;border-radius:10px;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:transform .1s ease}.dialog-btn:active{transform:scale(.97)}.dialog-btn-primary{background:linear-gradient(180deg,#6dd479,#3aa14a);color:#fff}.dialog-btn-normal{background:#e6dcc4;color:#5a3b1f}.dialog-btn-danger{background:linear-gradient(180deg,#e07260,#c3413d);color:#fff}.game-bg{background-color:#143025;background-image:radial-gradient(ellipse 80% 40% at 50% 0%,rgba(120,210,160,.32) 0%,rgba(120,210,160,.08) 35%,transparent 65%),repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 3px),repeating-linear-gradient(-45deg,rgba(0,0,0,.025) 0,rgba(0,0,0,.025) 1px,transparent 1px,transparent 3px),radial-gradient(ellipse at 50% 25%,#2e6a4d,#1e4a39 45%,#0f2419);display:flex;flex-direction:column;position:relative}.game-loading{position:absolute;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;background:#143025;color:#ffffffb3;font-size:18px;letter-spacing:.08em}.game-bg:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 130% 100% at 50% 60%,transparent 35%,rgba(0,0,0,.18) 75%,rgba(0,0,0,.45) 100%);z-index:1}.holder-bar{position:absolute;top:calc(env(safe-area-inset-top,0px) + 56px);left:50%;transform:translate(-50%);z-index:18;pointer-events:none}.holder-frame{background:linear-gradient(180deg,#24160c8c,#140c06b3);border:2px solid #8b5a2e;border-radius:14px;padding:8px;display:flex;gap:6px;box-shadow:0 4px 16px #00000073,inset 0 1px #ffc8822e,inset 0 0 12px #00000059}.holder-slot{width:44px;height:60px;border-radius:8px;background-image:url(./ui/holder/slot_bg.png);background-size:100% 100%;background-repeat:no-repeat;background-position:center;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible}.holder-slot.recent{filter:drop-shadow(0 0 6px rgba(255,209,102,.6))}.holder-tile{width:100%;height:100%;position:relative;user-select:none;transition:transform .18s ease,opacity .18s ease}.holder-tile.matching{animation:holder-tile-match .42s ease-out forwards}@keyframes holder-tile-match{0%{transform:scale(1);opacity:1}35%{transform:scale(1.18) rotate(-3deg);opacity:1;filter:brightness(1.5) drop-shadow(0 0 8px rgba(255,209,102,.85))}to{transform:scale(.4) translateY(-12px) rotate(6deg);opacity:0;filter:brightness(2)}}.flying-tile{position:absolute;z-index:30;pointer-events:none;will-change:transform,left,top,width,height;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}.tile-visual{position:relative;width:100%;height:100%;display:block}.tile-visual .tile-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}.tile-visual .tile-face{position:absolute;inset:14%;width:72%;height:72%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}.tile-visual.tile-fallback-bg{background:linear-gradient(180deg,#f5efe0,#d8c9a3);border:1px solid #6b5a3a;border-radius:6px;box-shadow:0 2px 4px #00000059,inset 0 1px #ffffff8c}.tile-visual .tile-fallback-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:calc(min(100%,1em)*1);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,serif;pointer-events:none}.game-hud{position:absolute;inset:0;pointer-events:none;z-index:10}.game-hud-top{position:absolute;top:calc(env(safe-area-inset-top,0px) + 10px);left:10px;right:10px;display:flex;gap:6px;align-items:stretch;pointer-events:auto}.hud-cell{flex:1;background:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(245,239,224,.15);border-radius:10px;padding:4px;display:flex;flex-direction:column;align-items:center;color:#f5efe0;font-feature-settings:"tnum";text-align:center}.hud-key{font-size:10px;opacity:.7;letter-spacing:1px}.hud-val{font-size:16px;font-weight:600;margin-top:1px}.hud-menu{width:38px;height:38px;border-radius:10px;background:#00000073;border:1px solid rgba(245,239,224,.15);color:#f5efe0;font-size:22px;cursor:pointer;pointer-events:auto}.hud-menu:active{transform:scale(.94)}.game-stage{position:absolute;top:calc(env(safe-area-inset-top,0px) + 150px);bottom:calc(env(safe-area-inset-bottom,0px) + 100px);left:0;right:0;z-index:5}.combo-popup{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%) scale(.4);display:flex;align-items:center;justify-content:center;gap:4px;opacity:0;pointer-events:none;z-index:20;filter:drop-shadow(0 4px 8px rgba(0,0,0,.55))}.combo-title{height:56px;margin-right:6px}.combo-x{font-size:36px;font-weight:900;color:#ffd166;text-shadow:-2px 0 0 #b9540c,2px 0 0 #b9540c,0 -2px 0 #b9540c,0 2px 0 #b9540c,0 0 12px rgba(255,209,102,.7)}.combo-num{display:inline-flex;align-items:center;gap:0}.combo-digit{height:56px;display:inline-block}.combo-popup.combo-pop{animation:combo-anim .8s ease-out forwards}@keyframes combo-anim{0%{transform:translate(-50%,-50%) scale(.4) rotate(-6deg);opacity:0}18%{transform:translate(-50%,-50%) scale(1.25) rotate(2deg);opacity:1}50%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}85%{transform:translate(-50%,-90%) scale(.95) rotate(0);opacity:1}to{transform:translate(-50%,-160%) scale(.85) rotate(0);opacity:0}}.game-hud-bottom{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);left:0;right:0;display:flex;gap:28px;justify-content:center;pointer-events:auto;z-index:12}.op-btn{background:transparent;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;color:#f5efe0;transition:transform .1s ease;-webkit-tap-highlight-color:transparent}.op-btn:active{transform:scale(.92)}.op-round{position:relative;width:60px;height:60px;background-image:url(./ui/btn/prop_round.png);background-size:100% 100%;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 3px 4px rgba(0,0,0,.45))}.op-icon{font-size:26px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.op-badge{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:linear-gradient(180deg,#ff5252,#c53030);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #f5efe0;box-shadow:0 2px 4px #0006;font-feature-settings:"tnum"}.op-label{font-size:11px;font-weight:600;letter-spacing:1px;color:#f5efe0e6;text-shadow:0 1px 2px rgba(0,0,0,.6)}.op-btn[disabled]{pointer-events:none}.op-btn[disabled] .op-round{filter:drop-shadow(0 3px 4px rgba(0,0,0,.45)) saturate(.4) brightness(.7)}.op-btn[disabled] .op-round:after{content:"";position:absolute;inset:0;background-image:url(./ui/btn/lock_top.png);background-size:60% auto;background-repeat:no-repeat;background-position:center 18%;pointer-events:none}.op-btn[disabled] .op-badge{background:linear-gradient(180deg,#888,#555)}.op-btn[disabled] .op-icon{opacity:.35}.win-celebration{position:absolute;inset:0;pointer-events:none;z-index:50;opacity:0;transition:opacity .2s ease-out}.win-celebration.show{opacity:1}.win-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.4);font-size:88px;font-weight:900;letter-spacing:16px;color:#ffd166;text-shadow:0 0 24px rgba(255,209,102,.9),0 4px 8px rgba(0,0,0,.5);font-family:PingFang SC,Hiragino Sans GB,serif;animation:win-text-pop 1.3s cubic-bezier(.4,1.5,.5,1) forwards}@keyframes win-text-pop{0%{transform:translate(-50%,-50%) scale(.3) rotate(-8deg);opacity:0}20%{transform:translate(-50%,-50%) scale(1.2) rotate(2deg);opacity:1}50%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}90%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}to{transform:translate(-50%,-80%) scale(1.05) rotate(0);opacity:0}}.win-particles{position:absolute;inset:0}.wp{position:absolute;bottom:30%;left:50%;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#fff8b3,#ffd166 70%,transparent);box-shadow:0 0 12px #ffd166cc;opacity:0;animation:wp-rise 1.3s ease-out forwards;animation-delay:calc(var(--i, 0) * .04s);--angle: calc(var(--i, 0) * 22.5deg);--dist: 120px}@keyframes wp-rise{0%{transform:translate(-50%) scale(.6);opacity:0}15%{opacity:1}to{transform:translate(calc(-50% + cos(var(--angle)) * var(--dist)),calc(-240px - (sin(var(--angle))*60px))) scale(1.1);opacity:0}}.result-bg{background:radial-gradient(ellipse at 50% 30%,#5e3a8a,#2a1f4a,#15102e);padding:calc(env(safe-area-inset-top,0px) + 32px) 20px calc(env(safe-area-inset-bottom,0px) + 24px);display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;color:#f5efe0}.result-glow{position:absolute;top:8%;left:50%;transform:translate(-50%);width:320px;height:320px;background:radial-gradient(circle,rgba(212,168,91,.5),transparent 60%);filter:blur(20px);pointer-events:none}.result-particles{position:absolute;inset:0;pointer-events:none}.particle{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffd166;opacity:0;animation:rise 3s ease-in infinite}.particle:nth-child(1){left:10%;bottom:0;animation-delay:0s}.particle:nth-child(2){left:22%;bottom:0;animation-delay:.3s}.particle:nth-child(3){left:35%;bottom:0;animation-delay:.8s}.particle:nth-child(4){left:48%;bottom:0;animation-delay:1.1s}.particle:nth-child(5){left:60%;bottom:0;animation-delay:.4s}.particle:nth-child(6){left:72%;bottom:0;animation-delay:1.4s}.particle:nth-child(7){left:85%;bottom:0;animation-delay:.6s}.particle:nth-child(8){left:16%;bottom:0;animation-delay:2s}.particle:nth-child(9){left:30%;bottom:0;animation-delay:1.7s}.particle:nth-child(10){left:55%;bottom:0;animation-delay:2.2s}.particle:nth-child(11){left:68%;bottom:0;animation-delay:.9s}.particle:nth-child(12){left:80%;bottom:0;animation-delay:1.3s}@keyframes rise{0%{transform:translateY(0);opacity:0}10%{opacity:.9}to{transform:translateY(-90vh);opacity:0}}.result-top{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;z-index:1;margin-top:8px}.result-lotus{font-size:64px;filter:drop-shadow(0 0 16px rgba(212,168,91,.8))}.result-title{font-size:36px;font-weight:800;letter-spacing:6px;color:#ffd88a;text-shadow:0 0 12px rgba(255,209,102,.6),0 2px 4px rgba(0,0,0,.4)}.result-best{background:linear-gradient(90deg,#c3413d,#d6802a);color:#fff;padding:4px 14px;border-radius:12px;font-size:12px;letter-spacing:2px}.result-stats{display:flex;gap:12px;position:relative;z-index:1}.stat{background:#0006;border:1px solid rgba(212,168,91,.4);border-radius:14px;padding:10px 18px;min-width:80px;text-align:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.stat-key{font-size:12px;opacity:.7;margin-bottom:4px}.stat-val{font-size:22px;font-weight:700;color:#ffd88a;font-feature-settings:"tnum"}.result-msg{font-size:14px;text-align:center;line-height:1.7;opacity:.9;position:relative;z-index:1;padding:0 12px}.result-msg b{color:#79e07a;font-size:16px}.result-progress{font-size:13px;opacity:.7;position:relative;z-index:1}.result-progress b{color:#ffd88a;font-size:16px;margin:0 4px}.result-actions{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;z-index:1;width:100%}.result-cta{background:linear-gradient(180deg,#6dd479,#3aa14a);border-color:#1f5b2c;box-shadow:0 4px #1f5b2c,0 8px 16px #0000004d}.result-cta:active{box-shadow:0 2px #1f5b2c,0 4px 8px #0000004d}.result-home{background:transparent;border:1px solid rgba(245,239,224,.3);color:#f5efe0;padding:8px 24px;border-radius:18px;font-size:13px;cursor:pointer}.result-home:active{background:#f5efe01a}.select-bg{background:linear-gradient(180deg,#c8743d,#a35a2a,#5a3b1f);padding:calc(env(safe-area-inset-top,0px) + 16px) 16px calc(env(safe-area-inset-bottom,0px) + 16px);display:flex;flex-direction:column;color:#f5efe0;overflow:hidden}.select-top{display:flex;align-items:center;gap:12px;z-index:1}.select-back{width:40px;height:40px;border-radius:50%;background:#00000059;color:#f5efe0;border:none;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.select-back:active{transform:scale(.92)}.select-title{font-size:20px;font-weight:700;letter-spacing:4px;flex:1;text-shadow:0 2px 4px rgba(0,0,0,.35)}.select-hint{font-size:12px;opacity:.7;letter-spacing:2px;margin-top:6px;text-align:center}.select-grid{flex:1;margin-top:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;overflow-y:auto;padding:4px 4px 16px;-webkit-overflow-scrolling:touch}.level-card{position:relative;background:linear-gradient(180deg,#f0a050,#d6802a);border:3px solid #6e3f15;border-radius:14px;padding:12px 8px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff;cursor:pointer;font-family:inherit;box-shadow:0 3px #6e3f15,0 6px 12px #00000040;transition:transform .1s ease}.level-card:active{transform:translateY(2px);box-shadow:0 1px #6e3f15,0 3px 6px #00000040}.level-card.locked{background:linear-gradient(180deg,#5a4636,#3a2e25);border-color:#2a2018;color:#a89d8d;cursor:not-allowed;box-shadow:0 2px #2a2018,0 4px 8px #00000040}.level-card.locked:active{transform:none}.level-card-num{font-size:26px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.35);line-height:1}.level-card-name{font-size:10px;opacity:.85;letter-spacing:1px}.level-stars{display:flex;gap:2px;font-size:14px;line-height:1}.level-stars .star{filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.level-stars .star.on{color:#ffd166}.level-stars .star.off{color:#ffffff40}.level-card .lock-icon{font-size:22px;margin-top:4px;opacity:.7}.scene{opacity:1;transition:opacity .18s ease-out,transform .18s ease-out}.scene.scene-enter{opacity:0;transform:scale(.985)}.scene.scene-leave{opacity:0;transform:scale(1.01)}