:root{color-scheme:light;--ink:#47192f;--muted:#936177;--pink:#ed3e78;--pink-dark:#cb255c;--field:#ffe2ed;--danger-y:180px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:var(--field);color:var(--ink)}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,canvas:focus-visible{outline:3px solid #931d50;outline-offset:3px}button:disabled{opacity:.45;cursor:wait}[hidden]{display:none!important}#game{position:relative;width:100%;height:100dvh;min-height:280px;overflow:hidden;background:radial-gradient(circle at 1px 1px,#da638617 1px,transparent 1.5px) 0 0/24px 24px,linear-gradient(180deg,#ffecf3 0%,#ffe0eb 58%,#ffd3e3 100%);border-left:5px solid #bd437055;border-right:5px solid #bd437055}#game-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none;outline-offset:-7px}
.toolbar{position:absolute;top:0;left:0;right:0;z-index:2;padding:calc(env(safe-area-inset-top,0px) + 15px) 17px 10px;pointer-events:none;background:linear-gradient(180deg,#ffedf5f5 76%,#ffedf500)}.title-row,.toolbar-actions,.brand,.stats-row{display:flex;align-items:center}.title-row{justify-content:space-between;gap:8px}.brand{gap:9px;min-width:0}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 5px #ed3e7814;flex:none}.brand h1{font-size:1.05rem;line-height:1.4;letter-spacing:.025em;margin:0;white-space:nowrap;font-weight:800}.toolbar-actions{gap:8px;pointer-events:auto}.icon-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #bd507229;border-radius:14px;background:#ffffffb3;color:var(--ink);padding:10px;box-shadow:0 2px 0 #69243b05}.icon-button:active{transform:translateY(1px);background:#fff}.icon-button svg{width:22px;height:22px;flex-shrink:0}.stats-row{margin-top:10px;justify-content:space-between;gap:14px}.score-stat,.best-stat{display:flex;flex-direction:column;gap:3px;min-width:0}.stat-label{color:var(--muted);font-size:.875rem;font-weight:600;letter-spacing:.03em;white-space:nowrap}.score-stat strong{font-size:2.5rem;line-height:1.05;letter-spacing:-.055em;font-variant-numeric:tabular-nums;font-weight:850}.best-stat strong{font-size:1.375rem;line-height:1.3;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.next-stat{display:flex;align-items:center;gap:10px}.next-avatar{width:57px;height:57px;background:#fff9;border:1px solid #fff;border-radius:17px;position:relative;display:grid;place-items:center}.next-avatar img{width:51px;height:51px;object-fit:contain}.level-badge{position:absolute;right:-4px;bottom:-3px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:9px;background:var(--pink);border:2px solid #ffedf5;color:#fff;font-size:.75rem;font-weight:800}
.danger-line{position:absolute;top:var(--danger-y);left:0;right:0;z-index:1;border-top:2px dashed #d23e7566;height:0;pointer-events:none}.danger-label{position:absolute;left:15px;top:-11px;padding:0 7px;background:#ffe8f1;color:#b7446f;font-size:.75rem;line-height:20px;font-weight:650;letter-spacing:.08em}#danger-countdown{position:absolute;right:16px;top:-14px;line-height:24px;padding:0 9px;border-radius:9px;background:var(--pink);color:#fff;font-weight:750;font-size:.875rem}.danger-line.is-danger{border-color:#eb275e}.danger-line.is-danger .danger-label{color:#d92055}.container-floor{position:absolute;bottom:0;left:0;right:0;height:7px;background:#8f2b5559;box-shadow:0 -5px 14px #89294d14;pointer-events:none;z-index:2}.first-tip{position:absolute;top:58%;left:15px;right:15px;text-align:center;color:#934963;pointer-events:none;transition:opacity .3s}.first-tip p{font-size:1rem;font-weight:650;letter-spacing:.035em;margin:0 0 10px}.first-tip span{font-size:.875rem;color:#ae6b82}.first-tip.is-hidden{opacity:0}.toast{position:absolute;top:calc(var(--danger-y) + 95px);left:50%;transform:translateX(-50%);background:#541d39e6;color:#fff;border-radius:18px;padding:13px 19px;z-index:3;font-size:.875rem;max-width:calc(100% - 36px);text-align:center;pointer-events:none;line-height:1.5;white-space:nowrap}.loading{position:absolute;inset:0;background:#ffe8f1;z-index:10;display:grid;place-items:center;text-align:center}.loading-inner{width:240px;display:flex;align-items:center;flex-direction:column;gap:12px}.loading-inner p{font-size:1rem;font-weight:650}.loading-mark{display:flex;align-items:center;gap:0;height:60px}.loading-mark span{width:40px;height:40px;display:block;border-radius:50%;background:#ed3e78}.loading-mark span+span{background:#ffa2bf;margin-left:-12px;animation:breathe 1.2s ease-in-out infinite alternate}progress{width:180px;height:6px;border:0;border-radius:10px;overflow:hidden;background:#f7c5d7;accent-color:var(--pink)}progress::-webkit-progress-bar{background:#f7c5d7}progress::-webkit-progress-value{background:var(--pink);border-radius:10px}.menu{border:none;border-radius:28px;background:#fff7fb;color:var(--ink);padding:0;max-width:calc(100% - 34px);width:350px;max-height:calc(100dvh - 50px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 25px 90px #4f0d3566}.menu::backdrop{background:#41192f70;backdrop-filter:blur(7px)}.menu-inner{position:relative;padding:30px 25px 22px;text-align:center}.menu-close{position:absolute;right:12px;top:12px;width:36px;height:36px;border:0;background:transparent}.menu-eyebrow{display:block;color:var(--pink);font-size:.75rem;font-weight:800;letter-spacing:.18em;margin-bottom:10px}.menu h2{font-size:1.75rem;letter-spacing:-.035em;line-height:1.25;margin:0 0 10px}.menu-description{font-size:1rem;line-height:1.6;color:var(--muted);margin:0 0 23px;min-height:25px}.menu-actions{display:flex;flex-direction:column;gap:12px}.primary-button,.secondary-button{width:100%;min-height:49px;padding:12px 18px;border-radius:16px;border:1px solid transparent;font-weight:700;font-size:1rem;line-height:1.5}.primary-button{background:var(--pink);color:#fff;box-shadow:0 5px 0 #bd28550d}.primary-button:hover{background:var(--pink-dark)}.secondary-button{background:#fff;border-color:#e8cbd6;color:#743b53}.secondary-button:hover{background:#ffedf5}.text-button{background:none;border:none;color:#8b4f68;font-size:.875rem;padding:9px 7px;line-height:1.4;font-weight:550}.rules-note{font-size:.75rem;color:#a07689;line-height:1.8;margin:6px 0 0}.atlas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px;margin:4px 0 24px}.atlas-item{display:flex;flex-direction:column;align-items:center;gap:6px}.atlas-item img{width:65px;height:65px;object-fit:contain}.atlas-item span{font-size:.75rem;font-weight:700;color:#996278}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes breathe{to{transform:translateX(10px) scale(.9)}}@media(min-width:700px){.toolbar{padding-left:32px;padding-right:32px}.title-row{justify-content:flex-start}.toolbar-actions{margin-left:auto}.stats-row{justify-content:flex-start;gap:42px}.next-stat{margin-left:auto}.brand h1{font-size:1.2rem}.first-tip{top:60%}}@media(max-width:350px){.toolbar{padding-left:11px;padding-right:11px}.brand{gap:7px}.brand h1{font-size:.95rem}.toolbar-actions{gap:5px}.stats-row{gap:9px}.next-stat{gap:6px}.score-stat strong{font-size:2.15rem}.best-stat strong{font-size:1.2rem}}@media(max-height:550px){.toolbar{padding-top:calc(env(safe-area-inset-top,0px) + 5px);padding-bottom:4px}.stats-row{margin-top:2px}.score-stat strong{font-size:1.75rem}.next-avatar{width:42px;height:42px}.next-avatar img{width:39px;height:39px}.menu-inner{padding:25px 20px 18px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}