:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5faf5;color:#20312d;--surface: rgba(255, 255, 255, .76);--ink-soft: #65736f;--line: rgba(43, 62, 56, .12);--shadow: 0 22px 60px rgba(44, 73, 69, .16);--radius: 8px}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow:hidden;height:100vh;height:100dvh}body{min-width:320px;background:url(/assets/bg/bg_game_portrait_1440x2560.png) center/cover no-repeat,linear-gradient(135deg,rgba(122,213,184,.22),transparent 32%),linear-gradient(215deg,rgba(255,194,96,.18),transparent 36%),linear-gradient(0deg,#eef7f0,#fbfdf8)}button{font:inherit;-webkit-tap-highlight-color:transparent}.app-shell{position:relative;width:100%;max-width:520px;height:100vh;height:100dvh;margin:0 auto;padding:max(8px,env(safe-area-inset-top)) 10px max(8px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:6px;overflow:hidden}.header-bar{width:100%;display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-shrink:0}.header-left{display:flex;align-items:baseline;gap:5px;min-width:0}.header-level{color:var(--ink-soft);font-size:.72rem;font-weight:800}h1{margin:0;font-size:clamp(1rem,4vw,1.3rem);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-stats{display:flex;gap:4px;margin-left:auto}.header-chip{height:24px;padding:0 6px;border-radius:5px;background:#eef5f2d9;color:var(--ink-soft);font-size:.7rem;font-weight:800;display:inline-flex;align-items:center;white-space:nowrap}.header-chip.time{color:#223833}.header-chip.primary{background:#ffd9718c;color:#5c4408;font-size:.78rem}.header-chip.primary.is-endgame{background:#ffb060bf;animation:endgame-chip-pulse 1.1s ease-in-out infinite}@keyframes endgame-chip-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.header-help{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;color:#263b36;background:#fffc;flex-shrink:0}.board-area{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.hint-toast{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 12px;border-radius:20px;background:#ffffffeb;border:1px solid var(--line);box-shadow:0 4px 16px #263a341a;color:#2a403a;font-size:.75rem;line-height:1.2;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;animation:hint-in .25s ease-out}.hint-toast.muted{color:#667772}.hint-toast.win{color:#684e08;background:#ffd97199;border-color:#ffc83c66}.hint-toast.guide{color:#684e08;background:#ffd97159;border-color:#ffc83c59;font-weight:600}.hint-toast.conflict{color:#8a1f28;background:#ffcdcdd9;border-color:#e74c5466;font-weight:700;min-height:30px;height:auto;white-space:normal;overflow:visible;text-align:center}.win-screen{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:24px;background:#14201c6b;animation:win-screen-fade-in .25s ease-out both}@keyframes win-screen-fade-in{0%{opacity:0}to{opacity:1}}.win-screen-card{position:relative;z-index:2;width:100%;max-width:340px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 24px;border-radius:16px;background:linear-gradient(135deg,#ffd250f7,#ffaa28eb,#9ee2c7d9),url(/assets/panels/reasoning_progress_panel_1024.png) center/cover no-repeat;box-shadow:inset 0 0 50px #ffc83c80,0 12px 50px #ffb43c66,0 0 80px #ffc83c40;color:#4a3608;text-align:center;animation:win-card-enter .7s cubic-bezier(.2,.9,.2,1) both}.win-screen-title{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:900}.win-screen-stats{display:flex;gap:20px}.win-screen-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.win-screen-stat strong{font-size:1.2rem}.win-screen-stat span{font-size:.7rem;opacity:.72;font-weight:700}.win-screen-best{font-size:.74rem;font-weight:700;opacity:.7}.win-screen-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.win-badge{padding:3px 10px;border-radius:12px;background:#ffffff8c;font-size:.68rem;font-weight:800}.win-screen-next{display:flex;align-items:center;gap:4px;margin-top:6px;padding:12px 28px;border:none;border-radius:24px;background:#24382f;color:#fdf8e8;font-size:.9rem;font-weight:800;box-shadow:0 8px 20px #14201c4d}.win-screen-level-map{border:none;padding:2px 8px;background:transparent;color:#4a3608bf;font-size:.76rem;font-weight:800;text-decoration:underline}.combo-toast{position:absolute;top:44px;left:50%;z-index:5;transform:translate(-50%);pointer-events:none}.combo-toast-pop{display:inline-block;padding:4px 14px;border-radius:16px;background:#ffd971eb;color:#684e08;font-size:.72rem;font-weight:700;white-space:nowrap;box-shadow:0 4px 14px #b4821440;animation:combo-toast-in 1.4s ease-out both}@keyframes combo-toast-in{0%{opacity:0;transform:translateY(-6px) scale(.9)}12%{opacity:1;transform:translateY(0) scale(1.05)}20%{transform:translateY(0) scale(1)}78%{opacity:1}to{opacity:0;transform:translateY(-4px) scale(.98)}}@keyframes hint-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.control-bar{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-shrink:0}.ctrl-btn{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:#263b36;background:#ffffffd9}.ctrl-btn:disabled{opacity:.3}.ctrl-btn.mode{background:#2236320f;border-color:transparent}.ctrl-btn.mode.active{background:#fffffff2;border-color:var(--line);box-shadow:0 2px 8px #273d381f}.ctrl-icon{width:20px;height:20px;object-fit:contain;opacity:.5}.ctrl-btn.mode.active .ctrl-icon{opacity:1;width:24px;height:24px}.ctrl-sep{width:1px;height:24px;background:var(--line)}.ctrl-btn.share{width:auto;padding:0 12px;gap:5px;font-size:.72rem;font-weight:800}.app-fallback{justify-content:center}.fallback-panel{width:100%;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:url(/assets/board/board_paper_texture_1024.png) center/cover,#ffffffe6;box-shadow:var(--shadow)}.fallback-panel p:not(.eyebrow){margin:12px 0 0;color:var(--ink-soft);line-height:1.35}.fallback-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}.fallback-actions button{min-height:42px;border:1px solid var(--line);border-radius:var(--radius);color:#263b36;background:#ffffffc7;font-weight:900}button:disabled{opacity:.42}.board-wrap{position:relative;perspective:900px;perspective-origin:50% 42%;width:100%;max-width:476px;align-self:center;padding:9px;border:1px solid rgba(255,255,255,.76);border-radius:var(--radius);background:url(/assets/regions/region_border_soft_512.png) center/cover,url(/assets/board/board_paper_texture_1024.png) center/cover,linear-gradient(180deg,#ffffffdb,#ffffff75),#ffffff94;box-shadow:var(--shadow);flex:1;min-height:0}.board{position:relative;width:100%;height:100%;display:grid;gap:1px;padding:4px;border-radius:var(--radius);overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.28),transparent 34%),linear-gradient(315deg,rgba(26,42,38,.22),transparent 42%),#36433d33;box-shadow:inset 0 2px 5px #1526222e,0 1px #fff9}.cell{position:relative;--region-color: #e8dcb8;--cell-fx: linear-gradient(transparent, transparent);--cell-fx-size: 100% 100%;--tile-edge-top: rgba(255, 255, 255, 0);--tile-edge-left: rgba(255, 255, 255, 0);--tile-edge-right: rgba(28, 45, 41, 0);--tile-edge-bottom: rgba(28, 45, 41, 0);min-width:0;min-height:0;display:grid;place-items:center;border:0;border-radius:2px;overflow:hidden;color:#23302d;background-color:var(--region-color);background-image:var(--cell-fx),linear-gradient(to bottom,var(--tile-edge-top) 0 3px,transparent 5px),linear-gradient(to right,var(--tile-edge-left) 0 3px,transparent 5px),linear-gradient(to left,var(--tile-edge-right) 0 3px,transparent 5px),linear-gradient(to top,var(--tile-edge-bottom) 0 4px,transparent 6px),radial-gradient(circle at 25% 18%,rgba(255,255,255,.34),transparent 38%),linear-gradient(145deg,#ffffff3d,#ffffff0a 44%,#1d2d2926);background-position:center;background-repeat:no-repeat;background-size:var(--cell-fx-size),100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%;box-shadow:inset 1px 1px #ffffff2e,inset -1px -1px #1b2b271a,0 1px 2px #20322e1a;transform:translateZ(0);transition:transform .14s ease,box-shadow .14s ease,filter .14s ease;touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer}.cell>*{pointer-events:none}.board-incoming{position:absolute;inset:9px;width:auto;height:auto;z-index:0;overflow:hidden;animation:incoming-board-reveal .22s ease-out both;pointer-events:none}.board-incoming .cell{opacity:1;transform:none;animation:none}.board-outgoing{z-index:2;background-color:transparent}.completion-burst-layer{position:absolute;inset:9px;z-index:12;overflow:visible;border-radius:var(--radius);pointer-events:none}.completion-burst-canvas{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}@keyframes incoming-board-reveal{0%{opacity:.88}to{opacity:1}}.board.is-clearing{overflow:visible;pointer-events:none;animation:board-clear-impact .36s ease-out both}.board.is-clearing .cell{z-index:2;overflow:visible;animation:old-tile-burst-drop .9s linear var(--clear-delay) both;will-change:transform,opacity,filter;transform-style:preserve-3d}@keyframes old-tile-burst-drop{0%{transform:translateZ(0) rotate(0) scale(1);opacity:1;filter:brightness(1)}10%{transform:translate3d(0,-6px,18px) rotate(0) scale(1.07);opacity:1;filter:brightness(1.22)}24%{transform:translate3d(var(--clear-x),-42px,30px) rotate(8deg) scale(.96);opacity:1;filter:brightness(1.06)}42%{transform:translate3d(var(--clear-x-mid),-54px,18px) rotate(24deg) scale(.94);opacity:1}62%{transform:translate3d(var(--clear-x-late),-18px,0) rotate(48deg) scale(.91);opacity:1}84%{opacity:.92}to{transform:translate3d(var(--clear-x-end),84vh,-80px) rotate(var(--clear-rotate)) scale(.76);opacity:0;filter:brightness(.9)}}@keyframes match-tile-pop{0%{transform:scale(1);opacity:1;filter:brightness(1)}22%{transform:scale(.94);opacity:1;filter:brightness(1.04)}38%{transform:scale(1.07);opacity:1;filter:brightness(1.28) saturate(1.16)}62%{transform:scale(.72);opacity:.42;filter:brightness(1.18)}to{transform:scale(.12);opacity:0;filter:brightness(1)}}.board.is-clearing .cell:before,.board.is-clearing .cell:after{display:none}.tile-fragments{position:absolute;inset:0;z-index:8;overflow:visible;transform-style:preserve-3d;pointer-events:none}.tile-fragments:before,.tile-fragments:after{position:absolute;left:50%;top:50%;z-index:10;width:132%;aspect-ratio:1;content:"";border-radius:50%;background:radial-gradient(circle,#fff 0 9%,#fff8a8 10% 18%,rgba(255,196,45,.82) 19% 27%,transparent 53%),conic-gradient(from 8deg,transparent 0 7%,rgba(255,255,255,.95) 8% 10%,transparent 11% 22%,rgba(255,231,95,.9) 23% 26%,transparent 27% 100%);mix-blend-mode:screen;transform:translate(-50%,-50%) scale(.12);animation:match-burst-core .44s cubic-bezier(.1,.68,.2,1) var(--clear-delay) both}.tile-fragments:after{width:92%;border:5px solid rgba(255,247,157,.94);background:transparent;box-shadow:0 0 16px #fff,inset 0 0 12px #fff6a0;animation-name:match-burst-ring}.tile-fragment{position:absolute;left:50%;top:50%;width:14%;height:18%;border:1px solid rgba(255,255,255,.82);border-right:2px solid color-mix(in srgb,var(--region-color),#263b36 25%);border-bottom:3px solid color-mix(in srgb,var(--region-color),#263b36 32%);border-radius:2px;background:linear-gradient(145deg,rgba(255,255,255,.72),transparent 42%),var(--region-color);box-shadow:0 4px 5px #14221e3d,0 0 8px #fff484db;opacity:0;transform:translate3d(-50%,-50%,0) scale(.2);transform-style:preserve-3d;backface-visibility:visible;animation:tile-fragment-3d .54s cubic-bezier(.08,.72,.18,1) var(--clear-delay) both;will-change:transform,opacity}.fragment-1{--piece-x: -42px;--piece-y: -32px;--piece-z: 48px;--piece-rx: 210deg;--piece-ry: -145deg;--piece-rz: -75deg}.fragment-2{--piece-x: 2px;--piece-y: -48px;--piece-z: 62px;--piece-rx: -170deg;--piece-ry: 190deg;--piece-rz: 42deg}.fragment-3{--piece-x: 43px;--piece-y: -28px;--piece-z: 44px;--piece-rx: 225deg;--piece-ry: 135deg;--piece-rz: 110deg}.fragment-4{--piece-x: -45px;--piece-y: 39px;--piece-z: 30px;--piece-rx: -230deg;--piece-ry: -120deg;--piece-rz: 95deg}.fragment-5{--piece-x: 5px;--piece-y: 52px;--piece-z: 36px;--piece-rx: 180deg;--piece-ry: 240deg;--piece-rz: -125deg}.fragment-6{--piece-x: 46px;--piece-y: 42px;--piece-z: 32px;--piece-rx: -195deg;--piece-ry: 155deg;--piece-rz: 150deg}.board.is-clearing .cell>:not(.tile-fragments){animation:tile-content-burst .36s ease-out var(--clear-delay) both}@keyframes tile-clear-fall{0%{transform:translate(0) rotate(0) scale(1);opacity:1;filter:brightness(1)}16%{transform:translateY(-5px) rotate(0) scale(1.06);filter:brightness(1.25) saturate(1.2)}27%{transform:translateY(-12px) rotate(0) scale(1.24);opacity:1;filter:brightness(2.4) saturate(1.5) drop-shadow(0 0 16px #fff49a)}38%{transform:translate(var(--clear-x),3px) rotate(0) scale(.98);opacity:1;filter:brightness(1.7);background-color:transparent;background-image:none;box-shadow:none}to{transform:translate3d(var(--clear-x),62vh,-180px) rotate(var(--clear-rotate)) scale(.82);opacity:0;background-color:transparent;background-image:none;box-shadow:none;filter:brightness(.8)}}@keyframes tile-fragment-3d{0%,20%{transform:translate3d(-50%,-50%,0) rotateX(0) rotateY(0) rotate(0) scale(.15);opacity:0}28%{transform:translate3d(-50%,-50%,20px) rotateX(18deg) rotateY(-14deg) rotate(5deg) scale(1.2);opacity:1}68%{opacity:1}to{transform:translate3d(calc(-50% + var(--piece-x)),calc(-50% + var(--piece-y)),var(--piece-z)) rotateX(var(--piece-rx)) rotateY(var(--piece-ry)) rotate(var(--piece-rz)) scale(.82);opacity:0}}@keyframes match-burst-core{0%,16%{opacity:0;transform:translate(-50%,-50%) scale(.08) rotate(0)}27%{opacity:1;transform:translate(-50%,-50%) scale(.72) rotate(8deg)}48%{opacity:.96;transform:translate(-50%,-50%) scale(1.18) rotate(18deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.52) rotate(32deg)}}@keyframes match-burst-ring{0%,18%{opacity:0;transform:translate(-50%,-50%) scale(.15)}29%{opacity:1;transform:translate(-50%,-50%) scale(.5)}to{opacity:0;transform:translate(-50%,-50%) scale(1.45);border-width:1px}}@keyframes tile-content-burst{0%,68%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.35);filter:brightness(2)}}@keyframes board-clear-impact{0%,to{transform:translate(0)}18%{transform:translate(-3px,1px)}36%{transform:translate(3px,-2px)}54%{transform:translate(-2px,2px)}72%{transform:translate(2px,-1px)}}@media(prefers-reduced-motion:reduce){.board.is-clearing .cell{animation:tile-clear-fade .42s ease-out var(--clear-delay) both}.board.is-clearing .cell:before,.board.is-clearing .cell:after,.tile-fragments{display:none}}@keyframes tile-clear-fade{to{opacity:0;transform:scale(.9)}}.cell.region-edge-top{--tile-edge-top: rgba(255, 255, 255, .62)}.cell.region-edge-left{--tile-edge-left: rgba(255, 255, 255, .42)}.cell.region-edge-right{--tile-edge-right: rgba(25, 41, 37, .2)}.cell.region-edge-bottom{--tile-edge-bottom: rgba(24, 39, 35, .26)}.cell:hover{filter:brightness(1.045) saturate(1.03);box-shadow:inset 1px 1px #ffffff47,inset -2px -2px #1b2b271f,0 2px 4px #20322e24}.cell:active{transform:translateY(1px) scale(.985);box-shadow:inset 2px 2px 4px #1b2b2738,inset -1px -1px #ffffff38,0 1px 1px #20322e14;filter:brightness(.98) saturate(.98)}.cell.is-last{filter:brightness(1.06) saturate(1.05);box-shadow:inset 0 0 0 2px #ffffff75,inset -2px -2px #1b2b271f,0 2px 5px #20322e29}.cell.is-hinted{--cell-fx: url(/assets/fx/hint_target_ring_512.png);--cell-fx-size: 86% 86%;z-index:2}.cell.is-guide{--cell-fx: url(/assets/fx/hint_target_ring_512.png);--cell-fx-size: 86% 86%;z-index:3;animation:guide-breathe 1.4s ease-in-out infinite}.guide-tap-fx{position:absolute;inset:0;width:46%;height:46%;margin:auto;object-fit:contain;pointer-events:none;z-index:4;filter:drop-shadow(0 3px 4px rgba(20,30,27,.35));animation:guide-tap 1.1s ease-in-out infinite}@keyframes guide-breathe{0%,to{filter:brightness(1) saturate(1);transform:scale(1)}50%{filter:brightness(1.12) saturate(1.15);transform:scale(1.03)}}@keyframes guide-tap{0%,18%{transform:scale(1);opacity:.95}32%{transform:scale(.82);opacity:1}46%,to{transform:scale(1);opacity:.95}}.cell.is-candidate:not(.is-guide){animation:candidate-breathe 2.2s ease-in-out infinite}@keyframes candidate-breathe{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.05) saturate(1.08)}}.cell.is-conflict-related{z-index:1;box-shadow:inset 0 0 0 3px #e74c54b8,inset 0 0 18px #ffee6a85;filter:brightness(1.08) saturate(1.14);animation:conflict-related-pulse .9s ease-in-out infinite alternate}@keyframes conflict-related-pulse{0%{box-shadow:inset 0 0 0 2px #e74c547a,inset 0 0 10px #ffee6a4d}to{box-shadow:inset 0 0 0 4px #e74c54d1,inset 0 0 20px #ffee6a94}}.cell.is-conflict{box-shadow:inset 0 0 0 5px #e74c54,inset 1px 1px #fff6,inset -2px -2px #5f121c29,0 2px 5px #7e282f33;filter:saturate(1.3) brightness(1.08);animation:conflict-shake .4s cubic-bezier(.36,.07,.19,.97)}@keyframes conflict-shake{0%{transform:translate(0) rotate(0)}15%{transform:translate(-5px,2px) rotate(-2deg)}30%{transform:translate(5px,-2px) rotate(2deg)}45%{transform:translate(-4px,3px) rotate(-1.5deg)}60%{transform:translate(4px,-1px) rotate(1.5deg)}75%{transform:translate(-2px,1px) rotate(-.5deg)}to{transform:translate(0) rotate(0)}}.cell.is-conflict:before{position:absolute;inset:0;content:"";background:url(/assets/fx/fx_wrong_pulse_512.png) center/contain no-repeat;animation:conflict-pulse .6s ease-in-out infinite;pointer-events:none;z-index:2}.cell.is-conflict:after{position:absolute;inset:0;content:"";background:#e74c5459;animation:conflict-flash .4s ease-out;pointer-events:none;z-index:0}@keyframes conflict-pulse{0%{opacity:.5;transform:scale(.8)}50%{opacity:.8;transform:scale(1.15)}to{opacity:.5;transform:scale(.8)}}@keyframes conflict-flash{0%{opacity:.7}to{opacity:0}}.queen-mark{position:relative;z-index:4;width:76%;height:76%;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(67,49,12,.22))}.queen-mark.is-pop{animation:queen-pop-clean .22s cubic-bezier(.2,.9,.2,1) both}@keyframes queen-pop-clean{0%{opacity:0;transform:scale(.72)}55%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.auto-x-spread-fx{position:absolute;inset:-82%;z-index:3;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.72) 0 10%,rgba(255,207,103,.34) 11% 25%,transparent 52%),repeating-conic-gradient(from 8deg,rgba(53,113,103,.2) 0 8deg,transparent 8deg 22deg);opacity:0;pointer-events:none;transform:scale(.2);animation:auto-x-spread-clean .3s ease-out both;will-change:opacity,transform}@keyframes auto-x-spread-clean{0%{opacity:.34;transform:scale(.18)}75%{opacity:.18}to{opacity:0;transform:scale(1)}}.board-replay-fx{position:absolute;inset:0;z-index:6;opacity:1;pointer-events:none;animation:board-win-burst 2s ease-out forwards}@keyframes board-win-burst{0%{opacity:0;transform:scale(.8)}20%{opacity:1;transform:scale(1.05)}50%{opacity:.9;transform:scale(1)}to{opacity:.7;transform:scale(1)}}.board-win-overlay{position:absolute;inset:0;z-index:7;border-radius:var(--radius);pointer-events:none;background:radial-gradient(circle,rgba(255,220,80,.6) 0%,rgba(255,200,60,.3) 40%,transparent 70%);animation:board-flash 1s ease-out forwards}@keyframes board-flash{0%{opacity:0}15%{opacity:1}to{opacity:0}}.candidate-note{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:cover;object-position:left top;opacity:.68;mix-blend-mode:multiply;pointer-events:none}.x-mark{position:relative;z-index:2;width:45%;height:45%;object-fit:contain;mix-blend-mode:multiply}.x-mark.manual{opacity:.82;filter:drop-shadow(0 2px 2px rgba(110,31,40,.15))}.x-mark.auto{opacity:.68;filter:drop-shadow(0 1px 1px rgba(66,91,102,.15))}.cell.is-sweeping:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,transparent 0%,rgba(255,221,120,.55) 45%,transparent 75%);background-size:260% 100%;background-position:120% 0;animation:cell-sweep .55s ease-out}@keyframes cell-sweep{0%{background-position:120% 0;opacity:0}15%{opacity:1}to{background-position:-20% 0;opacity:0}}.x-mark.auto.is-spreading{opacity:0;animation:auto-x-spread-in .22s ease-out both}@keyframes auto-x-spread-in{0%{opacity:0;transform:scale(.4)}60%{opacity:.68;transform:scale(1.08)}to{opacity:.68;transform:scale(1)}}.region-0{--region-color: #f6afa0}.region-1{--region-color: #84d8cc}.region-2{--region-color: #f5d06a}.region-3{--region-color: #91c4f0}.region-4{--region-color: #a9df87}.region-5{--region-color: #f09cbe}.region-6{--region-color: #99a5ef}.region-7{--region-color: #f39b59}.region-8{--region-color: #8bd0a7}.region-9{--region-color: #d2b4f0}.hint-strip{width:100%;min-height:28px;flex-shrink:0}.hint-card,.win-card{position:relative;min-height:28px;display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(0deg,#fff3,#fff3),url(/assets/panels/reasoning_progress_panel_1024.png) center/cover no-repeat,#ffffffc7;color:#2a403a;box-shadow:0 4px 12px #263a340f;overflow:hidden}.hint-card,.win-card{position:relative;min-height:36px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(0deg,#fff3,#fff3),url(/assets/panels/reasoning_progress_panel_1024.png) center/cover no-repeat,#ffffffc7;color:#2a403a;box-shadow:0 8px 24px #263a3414;overflow:hidden}.win-message{position:relative;z-index:2;display:flex;align-items:center;gap:10px}.win-card button{position:relative;z-index:3;width:38px;height:34px;display:inline-grid;place-items:center;border:1px solid rgba(71,101,83,.2);border-radius:6px;color:#263b36;background:#ffffffb8}.hint-card span,.win-card span{position:relative;z-index:2;font-size:.78rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hint-card.muted{color:#667772}.crown-icon{width:18px;height:18px;object-fit:contain}.sparkle-icon,.hint-beam-icon{width:18px;height:18px;object-fit:contain;flex:0 0 auto}.hint-beam-icon{position:relative;z-index:2;filter:drop-shadow(0 3px 5px rgba(70,107,89,.18))}.win-card{position:relative;background:linear-gradient(135deg,#ffd250f7,#ffaa28eb,#9ee2c7d9),url(/assets/panels/reasoning_progress_panel_1024.png) center/cover no-repeat;font-weight:900;justify-content:space-between;box-shadow:inset 0 0 50px #ffc83c80,0 4px 40px #ffb43c8c,0 0 80px #ffc83c4d,0 0 120px #ffb43c26;animation:win-card-enter .7s cubic-bezier(.2,.9,.2,1) both,win-pulse 2s ease-in-out .7s infinite;overflow:visible}@keyframes win-card-enter{0%{transform:translateY(30px) scale(.85);opacity:0}50%{transform:translateY(-8px) scale(1.05);opacity:1}75%{transform:translateY(3px) scale(.98)}to{transform:translateY(0) scale(1);opacity:1}}@keyframes win-pulse{0%{box-shadow:inset 0 0 50px #ffc83c80,0 4px 40px #ffb43c8c,0 0 80px #ffc83c4d}50%{box-shadow:inset 0 0 60px #ffc83ca6,0 4px 50px #ffb43ca6,0 0 100px #ffc83c66,0 0 160px #ffb43c33}to{box-shadow:inset 0 0 50px #ffc83c80,0 4px 40px #ffb43c8c,0 0 80px #ffc83c4d}}.win-card:after{content:"";position:absolute;inset:-80px;background:radial-gradient(circle,rgba(255,220,80,.45) 0%,rgba(255,200,60,.2) 40%,transparent 65%);animation:win-halo 2s ease-out forwards;pointer-events:none;z-index:0}@keyframes win-halo{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(1)}70%{opacity:.8;transform:scale(1.1)}to{opacity:0;transform:scale(1.4)}}@keyframes win-glow{0%{filter:brightness(1)}30%{filter:brightness(1.2)}to{filter:brightness(1)}}.win-star{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(255,180,0,.5))}.win-star.earned{animation:star-pop .5s cubic-bezier(.2,.9,.2,1) both}.win-star:nth-child(2).earned{animation-delay:.2s}.win-star:nth-child(3).earned{animation-delay:.4s}@keyframes star-pop{0%{transform:scale(0) rotate(-30deg);opacity:0}50%{transform:scale(1.8) rotate(10deg);opacity:1}75%{transform:scale(.9) rotate(-5deg)}to{transform:scale(1) rotate(0);opacity:1}}.win-star.empty{opacity:.18;filter:saturate(.2) drop-shadow(0 1px 2px rgba(67,49,12,.06))}.win-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.star-row{display:flex;gap:4px}.win-star{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(67,49,12,.18))}.win-star.empty{opacity:.28;filter:saturate(.4) drop-shadow(0 1px 2px rgba(67,49,12,.08))}.win-stats{display:flex;flex-direction:column;gap:1px;font-size:.76rem;font-weight:700;line-height:1.2}.win-best{opacity:.62;font-weight:600}.hint-reasoning-fx,.win-crown-burst-fx,.win-star-award-fx{position:absolute;inset:0;pointer-events:none}.hint-reasoning-fx{z-index:1;opacity:.46;mix-blend-mode:multiply}.win-crown-burst-fx{inset:-80px -20px auto auto;z-index:1;width:340px;height:300px;opacity:1}.win-star-award-fx{inset:40% -10px auto auto;z-index:2;width:280px;height:140px;opacity:1;transform:translateY(-50%)}.bottom-panel{display:grid;gap:0}.level-select{display:flex;align-items:center;gap:4px}.level-arrow{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:#263b36;background:#fffc;flex-shrink:0}.level-arrow:disabled{opacity:.3}.level-dots-grid{display:flex;flex-wrap:wrap;gap:3px;padding:4px;border:1px solid rgba(255,255,255,.58);border-radius:var(--radius);background:linear-gradient(180deg,#ffffffc7,#ffffffe6),url(/assets/bg/bg_level_map_1440x2560.png) center 38% / cover;box-shadow:0 8px 24px #263a3414}.level-dots-grid .level-node{position:relative;flex:0 0 26px;height:26px;border:1px solid var(--line);border-radius:6px;color:#536b66;background:url(/assets/level/level_node_available_512.png) center/contain no-repeat,#ffffff9e;font-size:.78rem;font-weight:800;overflow:hidden;isolation:isolate}.level-number{position:relative;z-index:2}.level-star{position:absolute;right:-1px;bottom:-1px;z-index:1;width:18px;height:18px;object-fit:cover;object-position:center;mix-blend-mode:multiply;opacity:.48;pointer-events:none}.level-dots-grid .level-node.completed .level-star,.level-dots-grid .level-node.active .level-star{opacity:.72}.level-dots-grid .level-node.full{color:#7f4d1e;background:url(/assets/level/level_node_challenge_512.png) center/contain no-repeat,#ffe2969e}.level-dots-grid .level-node.completed{color:#fff;background:url(/assets/level/level_node_completed_512.png) center/contain no-repeat,#347c6f}.level-dots-grid .level-node.daily{box-shadow:inset 0 0 0 2px #fffffff5}.level-dots-grid .level-node.active{color:#fff;flex:0 0 34px;height:34px;background:url(/assets/level/level_node_completed_512.png) center/contain no-repeat,#148f8b;box-shadow:0 2px 8px #148f8b59;transform:scale(1.1)}.level-dots-grid .level-node.locked{color:#6d7774;background:url(/assets/level/level_node_locked_512.png) center/contain no-repeat,#ffffff85;opacity:.58}.board-replay-fx svg,.hint-reasoning-fx svg,.win-crown-burst-fx svg,.win-star-award-fx svg{width:100%!important;height:100%!important;overflow:visible}.help-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:end center;padding:16px;background:#121f1c47}.help-sheet{width:min(100%,492px);padding:14px;border:1px solid rgba(255,255,255,.74);border-radius:var(--radius);background:url(/assets/board/board_paper_texture_1024.png) center/cover,#fffffff0;box-shadow:0 24px 72px #121f1c47}.help-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.help-head h2{margin:0;font-size:1.05rem;line-height:1.1}.help-head button{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:6px;color:#263b36;background:#ffffffb8}.rules-list{display:grid;gap:8px}.rules-list div{display:grid;grid-template-columns:38px 1fr;gap:2px;column-gap:10px;align-items:center;padding:9px 10px;border-radius:6px;background:#eef5f2d1}.rule-icon{grid-row:span 2;width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(61,82,77,.16))}.diagonal-rule-icon{object-fit:cover;border-radius:6px;mix-blend-mode:multiply}.rules-list strong{color:#223833;font-size:.82rem;line-height:1.2}.rules-list span{color:#526a65;font-size:.84rem;line-height:1.28}@media(max-width:560px){.app-shell{padding-left:6px;padding-right:6px;gap:4px}.header-bar{padding:3px 5px;gap:4px}.header-chip{height:22px;padding:0 5px;font-size:.66rem}.header-chip-icon{width:14px;height:14px}h1{font-size:.95rem}.control-bar{padding:3px;gap:3px}.control-bar .mode-toggle button,.control-bar .action-row button{width:28px;height:28px}.control-bar .daily-chip,.control-bar .share-pill{height:28px;padding:0 6px;font-size:.66rem}.level-dots-grid .level-node{flex:0 0 24px;height:24px;font-size:.68rem}.level-dots-grid .level-star{width:14px;height:14px}.level-dots-grid{gap:3px;padding:4px}}@media(min-height:780px){.app-shell{justify-content:center}}