:root{font-family:Arial,Microsoft YaHei,sans-serif;color:#f8fff9;background:#439c95;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}button{border:0;font:inherit;cursor:pointer;touch-action:manipulation}body{min-width:320px;min-height:100vh;overflow-x:hidden}.app-shell{width:100%;max-width:100vw;min-height:100vh;display:flex;justify-content:center;align-items:stretch;overflow-x:hidden;background:linear-gradient(135deg,rgba(255,255,255,.06) 25%,transparent 25%) 0 0 / 96px 96px,#439c95}.home-panel,.play-screen{width:min(100%,430px);min-height:100vh;margin:0 auto;padding:28px 16px calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.solo-game{width:100%;max-width:430px;padding:0;gap:0;overflow:hidden}.app-shell.is-home{background:#45b8f5}.start-screen{position:relative;width:100%;max-width:430px;min-height:100vh;min-height:100svh;margin:0 auto;overflow:hidden;display:flex;flex-direction:column;align-items:center;color:#fff;background:radial-gradient(ellipse at 50% 76%,rgba(255,255,255,.56) 0 4%,transparent 18%),linear-gradient(180deg,#3c9ded,#5bc9f5 48%,#87d758 48%,#43b22d)}.start-screen:before{content:"";position:absolute;left:-18%;right:-18%;bottom:-8px;height:230px;background:radial-gradient(ellipse at 16% 25%,#66bd37 0 10%,transparent 11%),radial-gradient(ellipse at 25% 18%,#5ab22f 0 11%,transparent 12%),radial-gradient(ellipse at 70% 20%,#64bd3a 0 13%,transparent 14%),radial-gradient(ellipse at 83% 28%,#58ac31 0 10%,transparent 11%),repeating-linear-gradient(100deg,rgba(255,255,255,.16) 0 2px,transparent 2px 9px),linear-gradient(180deg,#76d646,#35a828);border-radius:50% 50% 0 0/24% 24% 0 0}.wechat-pill{position:absolute;z-index:3;right:8px;top:28px;width:74px;height:32px;border-radius:999px;display:flex;align-items:center;justify-content:space-around;padding:0 10px;background:#1f609259;box-shadow:inset 0 0 0 1px #ffffff1a}.wechat-pill span{width:28px;height:8px;border-radius:999px;background:radial-gradient(circle at 4px 50%,#ffffff 0 3px,transparent 3.5px),radial-gradient(circle at 14px 50%,#ffffff 0 3px,transparent 3.5px),radial-gradient(circle at 24px 50%,#ffffff 0 3px,transparent 3.5px);opacity:.86}.wechat-pill i{width:19px;height:19px;border-radius:50%;border:3px solid rgba(255,255,255,.8);box-shadow:inset 0 0 0 3px #1f609252}.sky-scene{position:absolute;inset:0;pointer-events:none}.cloud{position:absolute;width:92px;height:34px;border-radius:999px;background:#ffffffd1;filter:drop-shadow(0 3px 2px rgba(57,131,170,.08))}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cloud:before{width:42px;height:42px;left:12px;top:-18px}.cloud:after{width:54px;height:54px;right:10px;top:-26px}.cloud-a{left:-34px;top:160px}.cloud-b{right:-24px;top:108px;transform:scale(.9)}.cloud-c{right:62px;top:444px;transform:scale(.72)}.floating-piece{position:absolute;display:grid;grid-template-columns:repeat(3,38px);grid-auto-rows:38px;gap:4px;filter:drop-shadow(0 12px 10px rgba(39,84,33,.22))}.floating-piece i,.stack-cube{display:block;width:100%;height:100%;border-radius:9px;box-shadow:inset 0 8px #ffffff3d,inset 0 -8px #0000002e,inset 6px 0 #ffffff14,inset -6px 0 #0000001a}.piece-yellow{left:-38px;top:260px;transform:rotate(-22deg)}.piece-yellow i{background:linear-gradient(#fff05f,#e2b52a)}.piece-yellow i:nth-child(3),.piece-yellow i:nth-child(4){grid-row:2}.piece-green{right:-48px;top:198px;transform:rotate(33deg)}.piece-green i{background:linear-gradient(#70e45c,#2aa937)}.piece-green i:nth-child(4),.piece-green i:nth-child(5),.piece-green i:nth-child(6){grid-row:2}.piece-cyan{left:42px;top:454px;transform:rotate(-36deg);grid-template-columns:repeat(2,34px);grid-auto-rows:34px}.piece-cyan i{background:linear-gradient(#62e4ff,#1aa8ce)}.piece-cyan i:nth-child(3){grid-column:2;grid-row:2}.piece-orange{right:62px;top:420px;transform:rotate(-28deg);grid-template-columns:repeat(2,38px)}.piece-orange i{background:linear-gradient(#ffad3c,#ef6d19)}.start-logo{position:relative;z-index:2;width:min(362px,calc(100vw - 40px));margin-top:clamp(82px,13vh,126px);display:grid;justify-items:center;gap:7px;text-align:center}.logo-row{display:flex;justify-content:center;gap:5px}.logo-row-bottom{margin-top:-3px}.logo-tile{width:clamp(45px,13vw,62px);height:clamp(45px,13vw,62px);display:grid;place-items:center;border-radius:12px;color:#fff;font-size:clamp(29px,8vw,43px);font-weight:900;line-height:1;-webkit-text-stroke:2px rgba(28,78,142,.22);text-shadow:0 3px 0 rgba(0,0,0,.28);box-shadow:inset 0 5px #ffffff6b,inset 0 -7px #00000029,0 4px #8b5a18,0 8px 12px #214a6f40}.tile-blue{background:linear-gradient(#5b94ff,#206ce3)}.tile-yellow{background:linear-gradient(#ffe95c,#efad1f);color:#fffaf0}.tile-red{background:linear-gradient(#ff6265,#d5202f)}.tile-orange{background:linear-gradient(#ffce44,#f28b18)}.tile-green{background:linear-gradient(#74df4b,#299d31)}.tile-purple{background:linear-gradient(#d86cff,#9830d0)}.tile-cyan{background:linear-gradient(#57ddff,#1598c8)}.start-logo strong{margin-top:-4px;padding:5px 34px 8px;border-radius:18px;background:linear-gradient(#ffe391,#c98124);color:#fff8bd;font-size:clamp(28px,8vw,42px);line-height:1;letter-spacing:0;text-shadow:0 3px 0 #8b4d12,0 -1px 0 rgba(255,255,255,.7);box-shadow:inset 0 0 0 4px #fff4a6b3,0 4px #8b5a18,0 8px 12px #214a6f38}.center-stack{position:absolute;z-index:2;left:50%;bottom:calc(174px + env(safe-area-inset-bottom));width:210px;height:164px;transform:translate(-50%)}.stack-cube{position:absolute;width:56px;height:56px;border-radius:10px;filter:drop-shadow(0 8px 4px rgba(54,94,32,.25))}.center-stack .cube-red{left:44px;top:54px}.center-stack .cube-red.left{left:0;top:104px}.center-stack .cube-purple{left:98px;top:54px}.center-stack .cube-purple.top{left:98px;top:0}.center-stack .cube-blue{left:58px;top:108px}.center-stack .cube-blue.right{left:112px;top:108px}.start-actions{position:absolute;z-index:3;left:50%;bottom:calc(93px + env(safe-area-inset-bottom));width:min(300px,calc(100% - 48px));display:grid;justify-items:center;gap:12px;transform:translate(-50%)}.loading-bar,.start-button{width:min(286px,100%);height:52px;border-radius:13px;border:4px solid #5a2d13;box-shadow:inset 0 3px #ffffff80,0 4px #00000047}.loading-bar{position:relative;overflow:hidden;background:#f07816}.loading-bar i{position:absolute;inset:0 auto 0 0;display:block;border-radius:8px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.18) 0 11px,transparent 11px 22px),linear-gradient(#ffcf3f,#ff8d16);transition:width 80ms linear}.loading-bar span{position:relative;z-index:1;height:100%;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:900;text-shadow:0 2px 0 rgba(0,0,0,.35)}.start-button{background:linear-gradient(#6bf543,#24b91b);color:#fff;font-size:26px;font-weight:900;text-shadow:0 2px 0 rgba(0,0,0,.35)}.how-start-button{justify-self:start;min-width:112px;min-height:48px;padding:0 18px;border-radius:12px;background:linear-gradient(#29cfff,#128eda);color:#fff;font-size:22px;font-weight:900;text-shadow:0 2px 0 rgba(0,0,0,.28);box-shadow:0 4px #00358180}.health-notice{position:absolute;z-index:3;left:18px;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));margin:0;color:#fff;font-size:12px;font-weight:800;line-height:1.42;text-align:center;text-shadow:0 2px 0 rgba(31,82,25,.45)}@media(max-width:400px){.health-notice{left:10px;right:10px;font-size:10px;line-height:1.35}}@media(max-height:760px){.start-logo{margin-top:70px;transform:scale(.88);transform-origin:top center}.center-stack{bottom:calc(150px + env(safe-area-inset-bottom));transform:translate(-50%) scale(.86);transform-origin:bottom center}.start-actions{bottom:calc(78px + env(safe-area-inset-bottom))}.health-notice{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));font-size:11px;line-height:1.34}}.round-settings,.icon-button{width:42px;height:42px;border-radius:50%;background:#fff;color:#439c95;box-shadow:inset 0 0 0 4px #439c9540,0 2px #00000038;font-size:24px;line-height:1}.round-settings{align-self:flex-start}.hero-card{width:min(302px,88vw);padding:10px 10px 14px;border-radius:8px;background:#f4ecdf;color:#5a432f;box-shadow:0 4px #00000040;text-align:center;font-size:26px}.hero-art{height:360px;border-radius:5px;display:grid;place-items:center;background:linear-gradient(90deg,rgba(86,52,31,.12) 50%,transparent 50%) 0 0 / 90px 90px,linear-gradient(rgba(86,52,31,.12) 50%,transparent 50%) 0 0 / 90px 90px,#b98255;overflow:hidden}.hero-art span{font-size:58px;font-weight:800;color:#532f1b40}.home-actions{width:min(330px,94vw);display:grid;grid-template-columns:58px 1fr 58px;gap:14px;align-items:center}.play-button,.primary-button{min-height:66px;border-radius:18px;background:#54d922;color:#fff;box-shadow:inset 0 0 0 4px #fff,0 4px #00000040;font-size:26px;font-weight:800;text-shadow:0 2px 0 rgba(0,0,0,.22)}.secondary-tile,.tool-button{min-height:58px;border-radius:14px;background:#f4ecdf;color:#4f6c6a;box-shadow:inset 0 0 0 3px #2d6f6b59,0 3px #0003;font-weight:800}.game-card{width:min(100%,430px);min-height:100vh;padding:20px 14px calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;color:var(--game-text);background:var(--game-bg)}.game-topbar{width:min(380px,100%);display:grid;grid-template-columns:48px 1fr 64px;gap:10px;align-items:center;color:#fff}.game-title-block{display:grid;justify-items:center;gap:5px;font-size:22px;text-shadow:0 2px 0 rgba(0,0,0,.22)}.timer-pill{padding:4px 10px;border-radius:999px;background:#224e4ba8;font-size:16px}.small-button,.back-button{min-height:38px;border-radius:12px;background:#fff;color:#439c95;font-weight:800;box-shadow:0 2px #0000002e}.phaser-host{width:min(360px,100%);aspect-ratio:360 / 510;display:grid;place-items:center}.puzzle-game .phaser-host{aspect-ratio:360 / 510}.phaser-host canvas{max-width:100%;max-height:100%}.tool-row{width:min(330px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.preview-pop,.modal-mask{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:20px;background:#00000094}.preview-pop img{width:min(78vw,320px);max-height:70vh;border-radius:8px;object-fit:cover;box-shadow:0 10px 30px #00000059}.preview-pop span{margin-top:12px;color:#fff;font-weight:800}.settings-panel{position:relative;width:min(320px,92vw);padding:28px 22px 22px;border-radius:22px;background:#d8fbf6;color:#58706d;box-shadow:inset 0 0 0 3px #2d6f6b29,0 10px 30px #0000004d;text-align:center}.settings-panel h2{margin:0 0 16px;color:#439c95}.settings-panel p{margin:10px 0;font-weight:700}.close-button{position:absolute;right:-8px;top:-10px;width:34px;height:34px;border-radius:50%;background:#f57868;color:#fff;font-size:28px;line-height:28px}.tetris-game{justify-content:flex-start;gap:10px}.tetris-topbar{margin-top:4px}.tetris-stats{width:min(372px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tetris-stats span{min-height:54px;border-radius:8px;background:#f4ecdff0;color:#5a432f;display:grid;place-items:center;padding:5px 4px;box-shadow:0 3px #0000002e}.tetris-stats b{font-size:19px;line-height:1}.tetris-stats small{font-size:12px;font-weight:800}.tetris-board-zone{width:min(386px,100%);display:grid;grid-template-columns:72px 220px 72px;gap:9px;align-items:start}.board-wrap{position:relative;width:220px;aspect-ratio:1 / 2}.tetris-host{width:220px;aspect-ratio:1 / 2}.piece-panel{min-height:108px;border-radius:8px;background:#f4ecdff0;color:#5a432f;display:grid;gap:7px;justify-items:center;align-content:start;padding:9px 5px;font-weight:800;box-shadow:0 3px #0000002e}.piece-panel strong{font-size:14px}.piece-preview{position:relative;width:56px;height:56px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:2px}.piece-preview.small{width:50px;height:44px}.piece-preview em{grid-column:1 / -1;grid-row:1 / -1;place-self:center;font-style:normal;color:#5a432f8f}.preview-cell{border-radius:3px;box-shadow:inset 0 0 0 1px #ffffff8c}.board-overlay{position:absolute;inset:0;z-index:2;display:grid;place-items:center;align-content:center;gap:12px;padding:18px;text-align:center;color:#fff;background:#153f4ac7;border-radius:4px}.board-overlay strong{font-size:26px;text-shadow:0 2px 0 rgba(0,0,0,.24)}.board-overlay span{font-size:14px;font-weight:800}.primary-button.compact{min-height:46px;padding:0 18px;border-radius:14px;font-size:18px}.tetris-controls{width:min(372px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tetris-controls button{min-height:44px;border-radius:10px;background:#f4ecdf;color:#5a432f;font-weight:800;box-shadow:0 3px #0003}.tetris-controls button.wide{grid-column:1 / -1;background:#ffb132;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.18)}.back-button{padding:0 18px}.game-footer-actions{width:min(330px,100%);display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.progress-pill{min-height:38px;padding:9px 14px;border-radius:999px;background:#ffffffe0;color:#439c95;font-weight:800;box-shadow:0 2px #00000024}.block-puzzle-game{justify-content:flex-start;gap:12px;width:100%;max-width:430px;padding:18px 10px calc(14px + env(safe-area-inset-bottom));background:radial-gradient(circle at 16% 88%,rgba(255,148,173,.42) 0 34px,transparent 35px),radial-gradient(circle at 86% 88%,rgba(180,75,230,.42) 0 38px,transparent 39px),radial-gradient(circle at 28% 78%,rgba(71,205,105,.38) 0 52px,transparent 53px),radial-gradient(circle at 78% 74%,rgba(57,179,100,.34) 0 60px,transparent 61px),linear-gradient(180deg,#0b98ec,#22c4ed 48%,#8ce5d0);overflow:hidden}.block-head{width:min(396px,100%);display:grid;grid-template-columns:1fr .82fr 1fr;gap:8px;align-items:end;margin-top:8px;color:#fff;text-align:center}.side-score,.round-score{display:grid;justify-items:center;gap:3px;text-shadow:0 2px 0 rgba(0,0,0,.32)}.side-score{min-height:66px;border-radius:14px;padding:8px 6px 7px;background:#11539dd6;align-content:center}.side-score:last-child{border-radius:14px}.side-score span,.round-score span{color:#ffe84c;font-size:15px;font-weight:900;line-height:1.05;white-space:nowrap}.round-score span{color:#fff;font-size:19px}.side-score strong{font-size:28px;line-height:1}.round-score strong{font-size:56px;line-height:.95}.progress-track{position:relative;width:min(382px,100%);height:36px;display:flex;align-items:center;margin-top:-2px}.progress-track:before{content:"";position:absolute;left:18px;right:18px;height:8px;border-radius:999px;background:#0e3a7fc7}.progress-track i{position:absolute;left:18px;height:8px;max-width:calc(100% - 36px);border-radius:999px;background:#49db63}.progress-track b{position:absolute;right:0;margin-left:auto;padding:6px 10px;border-radius:999px;background:#ffc22e;color:#fff;font-size:15px;text-shadow:0 1px 0 rgba(0,0,0,.24);z-index:1;white-space:nowrap}.progress-check{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#6cf06e;color:#fff;font-size:24px;font-weight:900;box-shadow:0 2px #00000040;z-index:1}.block-board{width:min(380px,calc(100vw - 56px),calc(100svh - 345px));min-width:0;aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:3px;padding:5px;border-radius:8px;background:#192b63;box-shadow:inset 0 0 0 4px #5baaffbf,0 5px #00000040}.block-cell{position:relative;border-radius:7px;background:#223672;box-shadow:inset 0 2px #ffffff0a,inset 0 -2px #00000029}.block-cell.preview{outline:3px solid rgba(255,232,76,.9);outline-offset:-3px;background:#ffe84c3d}.block-cell.will-clear{outline:3px solid rgba(255,218,67,.98);outline-offset:-2px;background:#ffda4333;box-shadow:inset 0 0 0 2px #ffffff47,0 0 14px #ffdc44d9}.block-cell.will-clear .block-cube{box-shadow:inset 0 7px #ffffff47,inset 0 -8px #0000002e,inset 6px 0 #ffffff14,inset -6px 0 #0000001f,0 0 12px #ffdf4ce6}.block-cell.invalid{outline-color:#ff4848e6;background:#ff484838}.block-cube{width:100%;height:100%;display:block;border-radius:5px;box-shadow:inset 0 7px #ffffff47,inset 0 -8px #0000002e,inset 6px 0 #ffffff14,inset -6px 0 #0000001f}.cube-red{background:linear-gradient(#ff555c,#c92935)}.cube-orange{background:linear-gradient(#ffb33d,#f07316)}.cube-yellow{background:linear-gradient(#ffe666,#eab827)}.cube-green{background:linear-gradient(#72e35c,#2caf3c)}.cube-cyan{background:linear-gradient(#56daf3,#18a5d0)}.cube-blue{background:linear-gradient(#617dff,#3858d9)}.cube-purple{background:linear-gradient(#d864ff,#a538df)}.cube-brown{background:linear-gradient(#9a6a56,#704635)}.piece-dock{width:min(380px,calc(100vw - 56px));min-height:128px;display:grid;place-items:center}.multi-piece-dock{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end;place-items:end center}.dock-slot{width:100%;min-height:116px;display:grid;place-items:center;touch-action:none}.dock-slot.empty{opacity:.24}.dock-piece,.drag-piece{display:grid;gap:3px;padding:9px;border-radius:12px;background:#ffe6473d;box-shadow:0 0 24px #fff241f2;touch-action:none}.dock-piece{cursor:grab}.drag-piece{position:fixed;z-index:30;pointer-events:none;opacity:.88}.block-actions{width:min(380px,calc(100vw - 56px));display:flex;justify-content:space-between;gap:12px}.block-actions button,.how-nav button{min-height:46px;padding:0 22px;border-radius:10px;background:linear-gradient(#25c9ff,#1191e5);color:#fff;font-size:22px;font-weight:900;text-shadow:0 2px 0 rgba(0,0,0,.28);box-shadow:0 4px #00358180}.how-panel{position:relative;width:min(360px,94vw);max-height:92vh;display:grid;gap:12px;justify-items:center;padding:22px 16px 18px;border-radius:18px;background:#25baf8;color:#fff36b;box-shadow:inset 0 0 0 4px #0a4aaf59,0 12px 32px #00000059}.how-panel h2{margin:0;font-size:38px;text-shadow:0 3px 0 rgba(0,0,0,.24)}.how-panel img{width:100%;max-height:68vh;object-fit:contain;border-radius:12px}.how-nav{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.how-nav button:disabled{opacity:.48;filter:grayscale(.25)}@media(max-width:370px){.game-card,.home-panel,.play-screen{padding-left:10px;padding-right:10px}.tetris-layout{grid-template-columns:46px 1fr 46px}.tetris-board-zone{grid-template-columns:54px 200px 54px;gap:6px}.board-wrap,.tetris-host{width:200px}.piece-panel{padding:7px 3px;font-size:12px}.piece-preview{width:46px;height:46px}.piece-preview.small{width:42px;height:38px}}.lobby-screen{justify-content:flex-start;padding:78px 18px calc(22px + env(safe-area-inset-bottom))}.lobby-logo{position:relative;z-index:2;margin-top:30px}.lobby-logo .logo-row{justify-content:center}.lobby-logo strong{display:block;width:max-content;margin:12px auto 0;padding:8px 28px;border-radius:18px;background:linear-gradient(#ffe6a8,#c98629);color:#72411a;font-size:24px;box-shadow:0 5px #75461b5c,inset 0 0 0 3px #ffffff6b}.lobby-cards{position:relative;z-index:2;width:min(376px,100%);display:grid;gap:14px;margin-top:24px}.lobby-card{min-height:110px;display:grid;grid-template-columns:82px 1fr;grid-template-rows:auto auto;column-gap:16px;align-items:center;padding:14px 18px;border-radius:18px;text-align:left;color:#fff;box-shadow:0 7px #16495c47,inset 0 0 0 3px #ffffff57}.lobby-card strong{align-self:end;font-size:24px;font-weight:900;text-shadow:0 3px 0 rgba(0,0,0,.24)}.lobby-card small{align-self:start;color:#ffffffe6;font-size:15px;font-weight:800}.card-blocks{background:linear-gradient(135deg,#18a9e7,#1f63de)}.card-puzzle{background:linear-gradient(135deg,#22bca5,#3d8d78)}.card-match{background:linear-gradient(135deg,#ffb52d,#f16d51)}.card-icon{grid-row:1 / span 2;width:72px;height:72px;border-radius:18px;display:grid;place-items:center;background:#ffffff3d;box-shadow:inset 0 0 0 3px #ffffff57}.block-icon{grid-template-columns:repeat(3,16px);grid-auto-rows:16px;gap:3px}.block-icon i{width:16px;height:16px;border-radius:4px;background:linear-gradient(#ffef6a,#f18a22);box-shadow:inset 0 3px #ffffff59}.block-icon i:nth-child(4),.block-icon i:nth-child(5){grid-row:2}.picture-icon{background:linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(0deg,rgba(255,255,255,.6) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(135deg,#e9f8ff,#6bb3a0 50%,#d3a75a)}.match-icon{color:#fff06e;font-size:46px;text-shadow:0 3px 0 rgba(119,70,12,.32)}.play-blocks,.play-shapePuzzle,.play-match3{position:relative;width:min(100%,430px);min-height:100svh;padding:0;gap:0;justify-content:flex-start;overflow:hidden}.floating-back{position:fixed;z-index:25;left:max(12px,calc(50vw - 202px));top:18px;min-width:66px;height:42px;border-radius:12px;background:#fff7e9;color:#276c71;font-size:20px;font-weight:900;box-shadow:0 4px #245c5e59}.mini-game-head{width:min(390px,calc(100vw - 34px));display:grid;grid-template-columns:64px 1fr 74px;align-items:center;gap:10px;margin-top:34px;margin-bottom:18px}.mini-game-title{display:grid;justify-items:center;gap:6px}.mini-game-title h1{margin:0;color:#fff;font-size:30px;line-height:1;text-shadow:0 3px 0 rgba(22,94,90,.6)}.mini-timer{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:999px;background:#19525385;color:#fff;font-size:18px;font-weight:800}.round-tool,.plain-action{height:50px;border-radius:16px;background:#fff9ef;color:#287178;font-size:20px;font-weight:900;box-shadow:0 4px #1a585852,inset 0 0 0 4px #ffffffe0}.round-tool{width:50px;border-radius:50%;font-size:34px;line-height:1}.shape-puzzle-game{width:100%;min-height:100svh;display:flex;flex-direction:column;align-items:center;gap:10px;padding:1px 0 calc(14px + env(safe-area-inset-bottom));background:linear-gradient(135deg,rgba(255,255,255,.08) 25%,transparent 25%) 0 0 / 120px 120px,#439c95}.shape-board{position:relative;width:min(340px,calc(100vw - 28px));overflow:hidden;border:4px solid rgba(21,62,60,.72);border-radius:8px;background:#2369628c;box-shadow:0 5px #13434157,inset 0 0 0 3px #ffffff2e}.shape-board-grid{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,40,42,.3) 1px,transparent 1px) 0 0 / calc(100% / var(--shape-cols)) calc(100% / var(--shape-rows)),linear-gradient(0deg,rgba(10,40,42,.3) 1px,transparent 1px) 0 0 / calc(100% / var(--shape-cols)) calc(100% / var(--shape-rows)),var(--shape-image) center / cover;opacity:.2}.shape-piece{position:absolute;overflow:hidden;border:2px solid #20373c;border-radius:7px;background:#dcefea;box-shadow:0 4px 8px #00000038;touch-action:none;transition:left .16s ease,top .16s ease,transform .08s ease,box-shadow .16s ease}.shape-piece.solved{box-shadow:0 1px 2px #0000002e}.shape-piece.dragging{opacity:.92;box-shadow:0 16px 28px #00000059;transition:none}.shape-piece img{position:absolute;max-width:none;user-select:none;pointer-events:none}.shape-level-name{margin:0;color:#604026;font-size:25px;line-height:1.1;text-shadow:0 2px 0 rgba(255,255,255,.22)}.puzzle-tools{width:min(360px,calc(100vw - 36px));display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:6px}.puzzle-tools button{min-height:78px;display:grid;place-items:center;gap:2px;border-radius:18px;background:#fff3df;color:#2e6570;font-size:17px;font-weight:900;box-shadow:0 5px #2a5d5a5c,inset 0 0 0 4px #ffffffd9}.puzzle-tools span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#dff7ff;font-size:26px}.picture-dialog{position:relative;width:min(360px,92vw);display:grid;gap:12px;justify-items:center;padding:22px 18px 20px;border-radius:18px;background:#bff0ee;color:#31565e;box-shadow:0 12px 28px #00000057,inset 0 0 0 4px #ffffff94}.picture-dialog h2{margin:0;font-size:28px}.picture-dialog img{width:min(260px,72vw);max-height:58vh;object-fit:contain;border-radius:12px;border:4px solid rgba(54,93,96,.22)}.picture-dialog p{margin:0;font-size:18px;font-weight:800}.match3-game{width:100%;min-height:100svh;display:flex;flex-direction:column;align-items:center;gap:16px;padding:26px 12px calc(18px + env(safe-area-inset-bottom));background:radial-gradient(circle at 24% 0,rgba(255,255,255,.45),transparent 18%),linear-gradient(180deg,#22b7e8,#4dd9e2 54%,#9bdd60)}.match3-top{width:min(360px,calc(100vw - 42px));display:grid;grid-template-columns:56px 1fr 106px;align-items:center;gap:12px;color:#fff}.match3-top>div:nth-child(2){display:grid;justify-items:center;gap:4px}.match3-top strong{font-size:28px;text-shadow:0 3px 0 rgba(32,96,93,.42)}.match3-top span{font-size:18px;font-weight:900;text-shadow:0 2px 0 rgba(32,96,93,.36)}.moves-badge{min-height:78px;display:grid;place-items:center;padding:8px 10px;border-radius:18px;background:#7c4a1f;color:#ffe98a;box-shadow:inset 0 0 0 5px #ffc94a,0 5px #5c361657}.moves-badge small{font-size:14px;font-weight:900}.moves-badge b{font-size:34px;line-height:1}.goal-branch{position:relative;width:min(320px,calc(100vw - 86px));height:24px;overflow:hidden;border-radius:999px;background:#63371ae0;box-shadow:inset 0 0 0 3px #ffeeb62e}.goal-branch span{position:absolute;z-index:2;inset:0;display:grid;place-items:center;color:#fff;font-size:16px;font-weight:900;text-shadow:0 2px 0 rgba(0,0,0,.32)}.goal-branch i{position:absolute;inset:0 auto 0 0;display:block;border-radius:inherit;background:linear-gradient(90deg,#ff9b1f,#fff06c)}.match3-board{width:min(340px,calc(100vw - 70px));aspect-ratio:1;display:grid;gap:3px;padding:8px;border-radius:18px;background:#1f465bb8;box-shadow:inset 0 0 0 4px #104560bf,0 7px #0f566157}.match3-slot{display:grid;place-items:center;border-radius:8px;background:#144260a8}.match3-slot.inactive{visibility:hidden}.match3-slot.selected{outline:3px solid #fff36b;outline-offset:-1px}.match3-tile{width:100%;height:100%;min-width:0;padding:0;border-radius:12px;display:grid;place-items:center;font-size:clamp(20px,7vw,36px);background:linear-gradient(#fff6b4,#f0a645);box-shadow:inset 0 7px #ffffff5c,inset 0 -7px #00000024,0 3px 3px #0000002e}.tile-0{background:linear-gradient(#ff7d5f,#d94136)}.tile-1{background:linear-gradient(#ffe777,#efb22b)}.tile-2{background:linear-gradient(#78df78,#22a94f)}.tile-3{background:linear-gradient(#ff9dca,#df528b)}.tile-4{background:linear-gradient(#fff49a,#f2c52f)}.tile-5{background:linear-gradient(#b489ff,#6f45d9)}.match3-tools{width:min(360px,calc(100vw - 42px));display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.match3-tools button{min-height:54px;border-radius:16px;background:linear-gradient(#fff0a4,#ff9a29);color:#70411d;font-size:20px;font-weight:900;box-shadow:0 5px #6f491b52,inset 0 0 0 3px #ffffff80}