:root{color-scheme:light;--danger-ratio: 0}*{box-sizing:border-box}body{margin:0;font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:url(/assets/SYSU-lifescience-CtGPWDz3.jpg) center/cover fixed;color:#1f2430;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:clamp(12px,3vw,32px)}.game-container{position:relative;width:min(380px,100%);background:#ffffffd9;border-radius:20px;box-shadow:0 24px 48px #2b48c22e;padding:clamp(16px,4vw,28px);display:flex;flex-direction:column;gap:14px;transition:box-shadow .25s ease,transform .25s ease}.game-container.danger{box-shadow:0 28px 64px rgba(255,69,58,calc(.35 + .45 * var(--danger-ratio)));transform:translateY(calc(-2px * var(--danger-ratio)))}header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}h1{font-size:clamp(20px,4vw,26px);margin:0;transition:color .25s ease}.status{font-size:14px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;color:#425077;font-weight:600}.status span{padding:2px 0;transition:color .2s ease,transform .2s ease}.status span.bump{animation:scoreBump .18s ease}#next{color:#6f7cb3}.game-container.danger #next,.game-container.danger #score{color:#ff6f61}canvas{width:100%;height:auto;background:radial-gradient(circle at top,#fefefe,#dceaff 75%);border-radius:14px;box-shadow:inset 0 6px 20px #496bff14}.help{text-align:center;font-size:14px;color:#5c6786;line-height:1.4}.overlay{position:absolute;inset:clamp(16px,3vw,28px);background:#10162cb8;border-radius:16px;display:none;flex-direction:column;justify-content:center;align-items:center;gap:18px;color:#fff;padding:28px;text-align:center}.overlay.active{display:flex}.overlay button{border:none;border-radius:10px;padding:10px 22px;font-size:16px;background:#ffd249;color:#292714;cursor:pointer;transition:transform .2s ease,background .2s ease}.overlay button:hover{transform:translateY(-1px);background:#ffe06f}@keyframes scoreBump{0%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes dangerPulse{0%{box-shadow:0 0 #ff564659}to{box-shadow:0 0 0 26px #ff564600}}.game-container.danger:before{content:"";position:absolute;inset:clamp(10px,3vw,18px);border-radius:inherit;pointer-events:none;border:2px solid rgba(255,104,89,calc(.3 + .5 * var(--danger-ratio)));animation:dangerPulse calc(1.2s - .4s * var(--danger-ratio)) ease infinite}@media (max-width: 520px){body{align-items:flex-start}header{flex-direction:column;align-items:flex-start}.status{flex-direction:row;width:100%;justify-content:space-between}}