:root{--pink-0: #fff0f8;--pink-1: #ffd6ee;--pink-2: #ffb3df;--pink-3: #ff7ac8;--pink-4: #ff4fb3;--board-0: rgba(255, 214, 238, .72);--board-1: rgba(255, 240, 248, .55);--grid-line: rgba(255, 79, 179, .12);--ink: rgba(30, 16, 24, .92);--glass: rgba(255, 255, 255, .7);--shadow: 0 18px 40px rgba(40, 10, 30, .16);--shadow-soft: 0 10px 24px rgba(40, 10, 30, .12);--ring: rgba(255, 79, 179, .35);font-family:ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.2;font-weight:700;color:var(--ink);background:radial-gradient(1200px 800px at 20% 10%,#fff,var(--pink-0) 40%,var(--pink-1) 100%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;width:100%;margin:0;padding:0;overscroll-behavior:none}body{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#app{height:100%}.root{height:100%;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px}.cc-logo{width:56px;height:40px;border-radius:18px;background:linear-gradient(135deg,var(--pink-3),var(--pink-2));color:#fffffffa;box-shadow:var(--shadow-soft);display:flex;align-items:center;justify-content:center;letter-spacing:1px;font-size:18px}.chips{display:flex;gap:10px}.chip{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:18px;background:var(--glass);box-shadow:var(--shadow-soft);backdrop-filter:blur(8px)}.chip-icon{width:28px;height:28px;border-radius:999px;background:#fffc;display:grid;place-items:center;font-size:16px}.chip-value{min-width:24px;text-align:center;font-size:18px}.main{flex:1;display:grid;grid-template-columns:1fr 340px;gap:14px;padding:8px 14px 14px;align-items:stretch;min-height:0}.stage{display:flex;align-items:stretch;justify-content:stretch;min-height:0}.board-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex:1}.board{width:100%;height:100%;border-radius:28px;background:linear-gradient(180deg,#ffb3df59,#fff0f88c);box-shadow:var(--shadow);position:relative;overflow:hidden;touch-action:none;--cell: 90px;--bw: calc(var(--cell) * 5);--bh: calc(var(--cell) * 4);--gx: 0px;--gy: 0px;--goalx: 0px;--goaly: 0px;border:2px solid rgba(255,255,255,.7)}.board:before{content:"";position:absolute;inset:0;background:radial-gradient(1000px 600px at 20% 0%,rgba(255,122,200,.18),transparent 55%),radial-gradient(900px 520px at 90% 80%,rgba(255,79,179,.16),transparent 55%);pointer-events:none;z-index:0}.grid{position:absolute;left:var(--gx);top:var(--gy);width:var(--bw);height:var(--bh);border-radius:22px;background:repeating-linear-gradient(0deg,var(--grid-line) 0 1px,transparent 1px var(--cell)),repeating-linear-gradient(90deg,var(--grid-line) 0 1px,transparent 1px var(--cell)),linear-gradient(180deg,var(--board-0),var(--board-1));box-shadow:inset 0 0 0 2px #ffffffbd,inset 0 18px 28px #ff4fb30f;pointer-events:none;z-index:0}.fx-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:40}.goal{position:absolute;left:var(--goalx);top:var(--goaly);width:calc(var(--cell) * 2);height:calc(var(--cell) * 2);border-radius:26px;background:radial-gradient(closest-side at 50% 45%,rgba(255,79,179,.28),transparent 72%),linear-gradient(180deg,#ffffffc7,#ffd6ee9e);outline:6px dashed rgba(255,79,179,.62);outline-offset:-12px;box-shadow:inset 0 0 0 3px #ffffffc7,0 12px 22px #280a1e1a,0 0 0 10px #ff4fb314,0 0 34px #ff4fb338;animation:goalPulse .9s ease-in-out infinite;pointer-events:none;z-index:2}.goal:before{content:"";position:absolute;left:50%;bottom:10px;transform:translate(-50%);width:56%;height:38%;border-radius:18px;background:linear-gradient(180deg,#ff4fb352,#ff4fb324);box-shadow:inset 0 0 0 2px #ffffff8c,0 10px 18px #280a1e14}.goal:after{content:"➜";position:absolute;top:50%;right:-28px;transform:translateY(-50%);font-size:30px;color:#ff4fb3e6;text-shadow:0 12px 22px rgba(40,10,30,.18);animation:goalBounceX .72s ease-in-out infinite}@keyframes goalBounceX{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(4px)}}@keyframes goalPulse{0%,to{filter:saturate(1) brightness(1)}50%{filter:saturate(1.08) brightness(1.03)}}.panel{display:flex;flex-direction:column;gap:12px;padding:8px}.btn{appearance:none;-webkit-appearance:none;border:none;border-radius:22px;padding:16px 14px;font-size:18px;font-weight:800;color:var(--ink);background:#ffffffd1;box-shadow:var(--shadow-soft);cursor:pointer;text-transform:lowercase;letter-spacing:.3px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;touch-action:manipulation}.btn:before{content:attr(data-icon);width:30px;height:30px;display:grid;place-items:center;background:#ffffffe6;border-radius:999px;box-shadow:0 6px 12px #280a1e14}.btn:active{transform:translateY(1px) scale(.995)}.btn-primary{background:linear-gradient(135deg,var(--pink-3),var(--pink-2));color:#fffffffa}.btn-primary:before{background:#ffffff2e;color:#fffffffa}.btn-small{min-height:48px;padding:12px 10px;border-radius:18px}.btn-small:before{content:"";display:none}.btn-ghost{background:#ffffff8c;box-shadow:0 8px 16px #280a1e1a}.btn-toggle{background:#ffffffb3}.btn-toggle-on{background:linear-gradient(135deg,#ff7ac8e6,#ffb3dfe6);color:#fffffffa}.btn-toggle-on:before{background:#ffffff2e;color:#fffffffa}.nandu{padding:14px 14px 12px;border-radius:22px;background:#ffffffbd;box-shadow:var(--shadow-soft)}.nandu-title{font-size:14px;opacity:.72;letter-spacing:.6px;margin-bottom:10px}.nandu-row{display:grid;grid-template-columns:1fr 72px 1fr;gap:10px;align-items:center}.nandu-value{height:48px;border-radius:18px;background:#ffffffe6;box-shadow:0 10px 18px #280a1e14;display:grid;place-items:center;font-size:22px}.nandu-dots{display:flex;gap:8px;justify-content:center;margin-top:12px}.dot{width:10px;height:10px;border-radius:999px;background:#ff4fb32e}.dot-on{background:#ff4fb39e}.block{position:absolute;width:calc(var(--w) * var(--cell));height:calc(var(--h) * var(--cell));transform:translate(calc(var(--gx) + var(--tx) + var(--ox)),calc(var(--gy) + var(--ty) + var(--oy)));transition:transform .12s cubic-bezier(.2,.9,.2,1);border-radius:22px;box-shadow:0 14px 24px #280a1e21;border:2px solid rgba(255,255,255,.82);background:#ffffffbf;display:grid;place-items:center;z-index:10}.block:after{content:"";width:42%;height:42%;border-radius:18px;background:#ffffff80;box-shadow:inset 0 0 0 2px #fff9}.block-main{background:linear-gradient(135deg,#ff4fb3f2,#ffb3dfeb);border-color:#ffffffd1}.block-main:after{background:#fff3;box-shadow:inset 0 0 0 2px #fff6}.block-v{background:linear-gradient(135deg,#ffffffe0,#ffd6eef2)}.block-h{background:linear-gradient(135deg,#ffffffdb,#fff0f8fa)}.block-s{background:linear-gradient(135deg,#ffffffe6,#ffd6eeeb)}.block-movable{box-shadow:0 16px 26px #ff4fb324,0 14px 24px #280a1e1f}.block-dragging{transition:none;z-index:20;box-shadow:0 26px 48px #280a1e33}.block-hint{outline:5px solid var(--ring);outline-offset:3px;animation:hintPulse .7s ease-in-out infinite}@keyframes hintPulse{0%,to{outline-color:#ff4fb338}50%{outline-color:#ff4fb37a}}.hint-arrow{position:absolute;left:var(--ax);top:var(--ay);transform:translate(-50%,-50%) rotate(var(--ar));width:56px;height:56px;border-radius:999px;background:#ffffffc7;box-shadow:0 18px 36px #280a1e29;display:grid;place-items:center;pointer-events:none;animation:arrowBounce .65s ease-in-out infinite;z-index:30}.hint-arrow:before{content:"➜";font-size:26px;color:#ff4fb3eb}@keyframes arrowBounce{0%,to{transform:translate(-50%,-50%) rotate(var(--ar)) scale(1)}50%{transform:translate(-50%,-50%) rotate(var(--ar)) scale(1.08)}}.hidden{display:none!important}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:#fff0f8b8;backdrop-filter:blur(10px);z-index:50}.overlay-card{width:min(520px,calc(100% - 44px));border-radius:28px;background:#ffffffd1;box-shadow:var(--shadow);padding:24px 22px;display:grid;gap:14px;justify-items:center;text-align:center}.overlay-big{width:86px;height:86px;border-radius:28px;background:linear-gradient(135deg,var(--pink-3),var(--pink-2));display:grid;place-items:center;font-size:44px;color:#fffffffa}.overlay-sub{font-size:18px;opacity:.7}.win-card{gap:16px}.win-title{font-size:36px;color:#ff4fb3f5}.win-sub{font-size:18px;opacity:.72}@media(max-width:980px){.main{grid-template-columns:1fr;grid-template-rows:1fr auto}.panel{flex-direction:row;flex-wrap:wrap;justify-content:center;padding:0 4px 10px}.btn{flex:1 1 180px;min-width:160px}.nandu{flex:1 1 260px}}