:root{--cream:#fff8e8;--paper:#fffdf7;--ink:#14213d;--coral:#f05b4f;--yellow:#f6c945;--sky:#5bc0eb;--mint:#72d6a0;--muted:#6f7890;--line:#14213d24}*{box-sizing:border-box}html{background:var(--cream)}body{background:radial-gradient(circle at 16px 16px, #14213d17 1.4px, transparent 1.5px) 0 0 / 32px 32px, var(--cream);min-height:100dvh;color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0;font-family:Avenir Next Rounded,Nunito,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}button{color:inherit;font:inherit}button:focus-visible{outline-offset:3px;outline:4px solid #5bc0ebb8}.game-page{width:min(1220px,100%);min-height:100dvh;margin:0 auto;padding:34px 32px 24px;position:relative;overflow:hidden}.sun-shape{z-index:-1;border:32px solid #f6c94533;border-radius:50%;width:255px;height:255px;position:absolute;top:-88px;right:-88px}.game-header{margin-bottom:24px}.eyebrow{color:var(--coral);letter-spacing:.12em;align-items:center;gap:9px;margin-bottom:6px;font-size:.86rem;font-weight:900;display:inline-flex}.eyebrow span{font-size:.7rem}h1,h2,p{margin:0}h1{letter-spacing:-.07em;font-size:clamp(2.6rem,6vw,4.9rem);font-weight:950;line-height:.98}.game-header p{max-width:640px;color:var(--muted);margin-top:10px;font-size:clamp(.98rem,1.6vw,1.15rem);font-weight:650;line-height:1.55}.score-card{border:2px solid var(--ink);background:var(--paper);width:100%;min-height:106px;box-shadow:5px 6px 0 var(--ink);border-radius:20px;grid-template-columns:1fr auto auto;align-items:baseline;gap:10px;padding:20px 22px;font-size:1rem;font-weight:900;display:grid}.score-card strong{color:var(--coral);font-size:3.35rem;line-height:1}.game-layout{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:24px;display:grid}.board-wrap{min-width:0}.board-label{z-index:2;border:2px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);border-radius:999px;align-items:center;gap:8px;margin:0 0 -12px 20px;padding:8px 14px;font-size:.78rem;font-weight:850;display:inline-flex;position:relative}.board-label-dot{background:var(--coral);border-radius:50%;width:8px;height:8px}.game-board{aspect-ratio:1.42;border:3px solid var(--ink);background:var(--paper);isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:30px;width:100%;max-height:590px;position:relative;overflow:hidden;box-shadow:9px 11px #14213deb}.board-grid{z-index:-3;background:linear-gradient(#5bc0eb1c 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#5bc0eb1c 1px,#0000 1px) 0 0/34px 34px;position:absolute;inset:0}.board-grid:before,.board-grid:after{content:"";border:1.5px dashed #f05b4f2b;border-radius:50%;position:absolute}.board-grid:before{width:260px;height:260px;top:-120px;left:-80px}.board-grid:after{width:190px;height:190px;bottom:-90px;right:-60px}.magic-line{z-index:-1;border:2px solid var(--ink);background:var(--sky);transform-origin:0;pointer-events:none;border-radius:999px;height:8px;animation:.26s cubic-bezier(.2,.8,.2,1) both line-pop;position:absolute;box-shadow:0 3px #14213d29}.magic-line.line-1{background:var(--yellow)}.magic-line.line-2{background:var(--mint)}.game-point{z-index:3;border:3px solid var(--ink);cursor:grab;touch-action:none;border-radius:50%;place-items:center;width:clamp(50px,7vw,66px);height:clamp(50px,7vw,66px);padding:0;transition:scale .15s;display:grid;position:absolute;translate:-50% -50%}.game-point span{width:25px;height:25px;color:var(--ink);pointer-events:none;background:#ffffffc7;border-radius:50%;place-items:center;font-size:.76rem;font-weight:950;display:grid}.game-point.is-active{z-index:6;cursor:grabbing;scale:1.14}.win-badge{z-index:8;border:3px solid var(--ink);background:var(--yellow);min-width:220px;box-shadow:8px 9px 0 var(--ink);pointer-events:none;border-radius:24px;place-items:center;padding:18px 28px;animation:.54s cubic-bezier(.16,1.35,.3,1) both win-pop;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.win-badge span{color:var(--coral);filter:drop-shadow(2px 3px 0 var(--ink));margin-top:-39px;font-size:2.8rem}.win-badge strong{margin-top:-4px;font-size:1.65rem;font-weight:950}.win-badge small{margin-top:2px;font-weight:800}.confetti{z-index:7;pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{border:2px solid var(--ink);background:var(--yellow);width:10px;height:18px;display:none;position:absolute;top:-20px;left:8%;rotate:22deg}.is-complete .confetti i{animation:confetti-fall 1.4s calc(var(--i,1) * 45ms) ease-in both;display:block}.confetti i:first-child{--i:1;background:var(--coral);left:7%}.confetti i:nth-child(2){--i:2;background:var(--sky);left:15%}.confetti i:nth-child(3){--i:3;background:var(--yellow);left:23%}.confetti i:nth-child(4){--i:4;background:var(--mint);left:31%}.confetti i:nth-child(5){--i:5;background:#a98bef;left:39%}.confetti i:nth-child(6){--i:6;background:var(--coral);left:47%}.confetti i:nth-child(7){--i:7;background:var(--sky);left:55%}.confetti i:nth-child(8){--i:8;background:var(--yellow);left:63%}.confetti i:nth-child(9){--i:9;background:var(--mint);left:71%}.confetti i:nth-child(10){--i:10;background:#a98bef;left:79%}.confetti i:nth-child(11){--i:11;background:var(--coral);left:87%}.confetti i:nth-child(12){--i:12;background:var(--sky);left:94%}.game-status{min-height:45px;color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:9px;margin-top:14px;font-size:.93rem;font-weight:800;display:flex}.game-status span{color:var(--coral);font-size:1.2rem}.side-panel{gap:14px;padding-top:12px;display:grid}.panel-card{border:2px solid var(--ink);background:var(--paper);border-radius:22px;padding:20px;position:relative;overflow:hidden;box-shadow:5px 6px #14213deb}.panel-card h2{font-size:1.06rem;font-weight:950}.panel-card p{color:var(--muted);margin-top:9px;font-size:.83rem;font-weight:650;line-height:1.55}.panel-card p strong{color:var(--ink)}.mission-card{padding-right:54px}.card-number{color:#f05b4f26;font-size:3.2rem;font-weight:950;line-height:1;position:absolute;top:8px;right:10px}.mini-example{width:148px;height:27px;margin-top:14px;position:relative}.mini-example span{background:var(--ink);border-radius:10px;width:148px;height:5px;position:absolute;top:12px;left:0}.mini-example i{border:2px solid var(--ink);background:var(--yellow);border-radius:50%;width:18px;height:18px;position:absolute;top:5px}.mini-example i:first-of-type{left:9px}.mini-example i:nth-of-type(2){background:var(--sky);left:65px}.mini-example i:nth-of-type(3){background:var(--coral);right:9px}.progress-card{background:var(--ink);color:#fff}.progress-heading{justify-content:space-between;align-items:center;display:flex}.progress-heading span{color:var(--yellow);font-weight:950}.star-row{grid-template-columns:repeat(6,1fr);gap:4px;margin-top:14px;display:grid}.star-row span{color:#fff3;text-align:center;font-size:1.25rem;transition:color .18s,scale .18s}.star-row span.found{color:var(--yellow);scale:1.15}.restart-button{border:2px solid var(--ink);cursor:pointer;min-height:48px;font-weight:900}.restart-button:active{box-shadow:1px 2px 0 var(--ink);translate:2px 2px}.restart-button{background:var(--paper);width:100%;box-shadow:4px 5px 0 var(--ink);border-radius:16px;justify-content:center;align-items:center;gap:8px;display:flex}.restart-button span{font-size:1.3rem}footer{color:var(--muted);letter-spacing:.04em;justify-content:center;align-items:center;gap:12px;margin-top:16px;font-size:.74rem;font-weight:800;display:flex}footer i{background:var(--coral);border-radius:50%;width:4px;height:4px}@keyframes line-pop{0%{opacity:0;scale:0 1}to{opacity:1;scale:1}}@keyframes win-pop{0%{opacity:0;rotate:-6deg;scale:.55}to{opacity:1;scale:1;rotate:0}}@keyframes confetti-fall{0%{translate:0 -20px;rotate:0}to{translate:35px 620px;rotate:540deg}}@media (width<=900px){.game-page{padding:28px 22px 20px}.game-layout{grid-template-columns:1fr}.side-panel{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:0}.score-card,.restart-button{grid-column:1/-1}}@media (width<=640px){.game-page{padding:22px 14px 18px}.game-header{margin-bottom:18px}.game-header p{max-width:420px;font-size:.86rem}.score-card{text-align:left;grid-template-columns:1fr auto auto;gap:8px;min-height:90px;padding:16px 18px}.score-card strong{font-size:2.8rem}.game-board{aspect-ratio:1.1;border-radius:24px;min-height:390px}.game-point{width:52px;height:52px}.side-panel{grid-template-columns:1fr}.restart-button{grid-area:auto}footer{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}