:root{color-scheme:dark;--ink-950: #080f22;--ink-900: #101b38;--ink-800: #172649;--ink-600: #4e5c79;--paper-100: #fffaf0;--paper-200: #f2e9d7;--gold-300: #f3cf78;--gold-400: #e8b84f;--vermilion-500: #d84b3f;--vermilion-600: #bd332d;--vermilion-700: #8f2526;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-display: "STKaiti", "KaiTi", "FZKai-Z03", var(--font-sans);--ease-out-back: cubic-bezier(.2, 1.35, .35, 1)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}html{background:var(--ink-950)}body{display:grid;place-items:center;color:var(--paper-100);font-family:var(--font-sans);background:radial-gradient(circle at 50% 35%,rgba(48,67,110,.55),transparent 34rem),var(--ink-950)}body:before{position:fixed;inset:0;pointer-events:none;content:"";opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}button{font:inherit}.game-shell{width:min(100vw,56.25vh);width:min(100vw,56.25dvh);height:100vh;height:100dvh}.game-board{position:relative;width:100%;height:100%;overflow:hidden;background:#f1e9d7;box-shadow:0 0 4rem #0000006b;touch-action:none;-webkit-user-select:none;user-select:none}#game-canvas{display:block;width:100%;height:100%;outline:none;cursor:crosshair}#game-canvas:focus-visible{box-shadow:inset 0 0 0 3px var(--gold-300)}.score-card,.next-badge{position:absolute;top:max(.85rem,env(safe-area-inset-top));z-index:2;display:grid;place-items:center;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.score-card{left:.85rem;min-width:4.5rem;height:3.35rem;padding:0 .85rem;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:#0d1731c7;box-shadow:0 .45rem 1.2rem #101b382b}.score-card strong{color:#fff;font-size:1.5rem;font-weight:850;font-variant-numeric:tabular-nums;line-height:1}.next-badge{right:.85rem;width:3.35rem;height:3.35rem;border:1px solid rgba(16,27,56,.1);border-radius:50%;background:#fffcf4db;box-shadow:0 .45rem 1.2rem #101b3824}.next-badge img{width:2.55rem;height:2.55rem;object-fit:contain;filter:drop-shadow(0 .14rem .16rem rgba(14,24,48,.15))}.loading-panel,.game-overlay{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:#101b38ad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.loading-panel{color:#fff;transition:opacity .24s ease}.loading-panel.is-ready{opacity:0;pointer-events:none}.loading-mark{display:block;width:2.4rem;height:2.4rem;border:.22rem solid rgba(255,255,255,.22);border-top-color:var(--gold-300);border-radius:50%;animation:spin .8s linear infinite}.loading-panel.is-error .loading-mark{border-color:var(--vermilion-500);animation:none}.game-overlay{z-index:5;padding:1.4rem;background:#0c152ca3}.game-overlay[hidden],.clear-max-button[hidden],.recovery-status[hidden],.celebration[hidden]{display:none}.overlay-card{width:min(21rem,88%);padding:1.8rem 1.5rem 1.45rem;text-align:center;color:var(--ink-900);border:1px solid rgba(255,255,255,.72);border-radius:1.4rem;background:radial-gradient(circle at 20% 0%,rgba(241,189,83,.2),transparent 45%),#fffcf4f5;box-shadow:0 2rem 4rem #050b1a61;animation:card-in .42s var(--ease-out-back) both}.overlay-card h1{margin:0;font-family:var(--font-display);font-size:2rem;letter-spacing:-.04em}.overlay-card p{margin:.65rem 0 1.25rem;color:var(--ink-600)}.overlay-card p strong{color:var(--vermilion-600);font-size:1.45em;font-variant-numeric:tabular-nums}.overlay-card button{width:100%;padding:.82rem 1rem;color:#fff;font-weight:800;letter-spacing:.04em;border:0;border-radius:.85rem;background:linear-gradient(135deg,var(--vermilion-500),var(--vermilion-700));box-shadow:0 .7rem 1.4rem #b22d263d;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.overlay-card button:hover{box-shadow:0 .9rem 1.7rem #b22d264d;transform:translateY(-1px)}.overlay-card button:active{transform:translateY(1px)}.clear-max-button,.recovery-status{position:absolute;top:max(4.85rem,calc(env(safe-area-inset-top) + 4rem));left:50%;z-index:3;min-height:2.55rem;padding:.55rem 1rem;border-radius:999px;transform:translate(-50%);white-space:nowrap}.clear-max-button{color:#fff;font-weight:850;letter-spacing:.03em;border:1px solid rgba(255,255,255,.28);background:linear-gradient(135deg,#c84439,#8f211e);box-shadow:0 .65rem 1.5rem #6018164d;cursor:pointer;touch-action:manipulation;animation:max-button-in .36s var(--ease-out-back) both}.clear-max-button:hover{transform:translate(-50%) translateY(-1px)}.clear-max-button:active{transform:translate(-50%) translateY(1px)}.recovery-status{display:grid;place-items:center;color:#fff;font-size:.88rem;font-weight:800;background:#132b4de0;box-shadow:0 .65rem 1.5rem #0a162f40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.celebration{position:absolute;inset:0;z-index:4;display:grid;place-items:center;pointer-events:none;overflow:hidden}.celebration-burst{position:absolute;width:min(36rem,120%);aspect-ratio:1;border-radius:50%;opacity:0;background:repeating-conic-gradient(from 0deg,rgba(241,189,83,.72) 0 5deg,transparent 5deg 14deg);-webkit-mask-image:radial-gradient(circle,transparent 0 22%,#000 23% 47%,transparent 48%);mask-image:radial-gradient(circle,transparent 0 22%,#000 23% 47%,transparent 48%);animation:celebration-burst 1.5s ease-out both}.celebration-card{display:grid;gap:.1rem;min-width:min(22rem,80%);padding:1.15rem 1.5rem 1.3rem;text-align:center;color:#fff8dc;border:1px solid rgba(255,244,198,.58);border-radius:1.35rem;background:radial-gradient(circle at 50% 0%,rgba(255,221,127,.28),transparent 58%),linear-gradient(145deg,#9f2922f5,#661924f5);box-shadow:0 1.7rem 4rem #330f1873;animation:celebration-card 2.2s var(--ease-out-back) both}.celebration-card span{font-size:.84rem;font-weight:800;letter-spacing:.35em;opacity:.8}.celebration-card strong{font-family:var(--font-display);font-size:clamp(2rem,8vw,2.8rem);letter-spacing:-.04em}.rescue-card{border-color:#f7d277c7;box-shadow:0 0 0 .3rem #e9b1421f,0 2rem 4rem #050b1a6b}@keyframes spin{to{transform:rotate(360deg)}}@keyframes max-button-in{0%{opacity:0;transform:translate(-50%) translateY(-.35rem) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes celebration-burst{0%{opacity:0;transform:scale(.2) rotate(-20deg)}28%{opacity:.56}to{opacity:0;transform:scale(1.25) rotate(12deg)}}@keyframes celebration-card{0%{opacity:0;transform:translateY(1rem) scale(.72)}18%,72%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-.8rem) scale(.96)}}@keyframes card-in{0%{opacity:0;transform:translateY(.7rem) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}