:root{color:#243044;font-synthesis:none;text-rendering:optimizelegibility;background:#16324f;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%}body{min-height:100dvh;margin:0}button,strong,p,h1,h2,ul{margin:0}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0}button:focus-visible{outline-offset:2px;outline:3px solid #1d4ed8}.home,.result{background:radial-gradient(circle at 18% 12%,#fff4bf 0 42px,#0000 46px),linear-gradient(#7ec8ff,#d7f3ff 70%,#8ed36a);min-height:100%;overflow:auto}.home{place-items:center;padding:24px 16px;display:grid}.result{place-items:start center;padding:28px 16px 40px;display:grid}.home-card,.result-card{background:#fffaf0f0;border:4px solid #f0c36a;border-radius:28px;width:min(560px,100%);padding:28px 24px 22px;box-shadow:0 16px #2430441f}.eyebrow{color:#c2410c;letter-spacing:.12em;font-weight:800}h1{margin:4px 0 8px;font-size:44px;line-height:1.15}.lede,.rules{color:#3d4b63}.lede{font-size:18px;line-height:1.5}.rules{gap:6px;margin:14px 0 18px;padding-left:1.2em;line-height:1.45;display:grid}.setting{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-weight:700;display:flex}.setting.column{flex-direction:column;align-items:stretch}.stepper{align-items:center;gap:8px;display:flex}.stepper button,.ghost,.kind,.keypad button,.start{border-radius:14px}.stepper button{background:#ffe08a;width:44px;height:44px;font-size:24px;font-weight:800}.stepper strong{text-align:center;min-width:2ch;font-size:28px}.kinds{gap:8px;display:grid}.kind{text-align:left;background:#fff;border:3px solid #ead7b0;padding:12px 14px;font-weight:800}.kind.selected{background:#fff4d6;border-color:#f08a24}.home-actions,.result-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.ghost{background:#fff;border:3px solid #d5dbe8;padding:8px 12px;font-weight:800}.ghost[aria-pressed=true]{color:#667;background:#e8edf5}.start{color:#fff;background:#ff5a36;width:100%;min-height:64px;margin-top:16px;font-size:28px;font-weight:900;box-shadow:0 6px #c2410c}.start:active{transform:translateY(2px);box-shadow:0 3px #c2410c}.result-actions .start{flex:1;width:auto;margin-top:0}.keyboard-hint{color:#6b728d;text-align:center;margin-top:10px;font-size:14px}.last-block{margin-top:18px}.last-block h2,.result-card h2{margin:8px 0;font-size:18px}.play{background:#102033;grid-template-rows:auto minmax(220px,1fr) auto;height:100dvh;display:grid;overflow:auto}.play[hidden],.home[hidden],.result[hidden]{display:none}.hud{color:#fff;background:#243044;align-items:center;gap:14px;padding:8px 14px;display:flex}.stat{flex-direction:column;min-width:64px;display:flex}.stat span,.answer-label{opacity:.75;font-size:12px;font-weight:700}.stat strong{font-size:26px;line-height:1}.stat strong.hot{color:#ffd15c}.gates{align-items:center;gap:6px;margin-left:auto;display:flex}.pip{background:linear-gradient(#e7b56a,#c4843c);border-radius:3px 3px 5px 5px;width:22px;height:26px;box-shadow:inset 0 0 0 2px #8a5522}.pip.hurt{opacity:.7;background:#6d5438;box-shadow:inset 0 0 0 2px #4b3824}#half-label{color:#ffb4a2;font-style:normal;font-weight:900}.ghost.tiny{padding:6px 8px;font-size:14px}.field{background:linear-gradient(#79c4ff 0%,#dff6ff 40%,#b7e38a 40%,#67b34a 100%);position:relative;overflow:hidden}.field.hit{animation:.35s linear field-shake}.sun{background:#ffe38a;border-radius:50%;width:54px;height:54px;position:absolute;top:8%;left:6%;box-shadow:0 0 0 10px #ffe38a59}.cloud{opacity:.9;background:#fff;border-radius:20px;width:70px;height:22px;position:absolute}.cloud:before,.cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.cloud:before{width:26px;height:26px;top:-12px;left:12px}.cloud:after{width:18px;height:18px;top:-8px;left:32px}.cloud-a{animation:22s linear infinite drift;top:12%;left:28%}.cloud-b{width:90px;animation:28s linear infinite reverse drift;top:22%;left:52%}.actors{z-index:2;position:absolute;inset:0}.castle{z-index:3;width:max(112px,22%);height:86%;position:absolute;bottom:0;right:0}.wall{background:linear-gradient(90deg,#ffffff24 1px,#0000 1px) 0 0/18px 100%,linear-gradient(#9aa3b8,#6f7890);border-radius:8px 8px 0 0;position:absolute;inset:18% 8% 0 0;box-shadow:inset 0 0 0 4px #5c657a}.merlons{justify-content:space-between;display:flex;position:absolute;top:-16px;left:8px;right:8px}.merlons i{background:#8b93a8;border-radius:3px 3px 0 0;width:16%;height:18px}.cannon{z-index:4;width:78px;position:absolute;top:18px;left:-8px}.barrel{transform-origin:100%;background:linear-gradient(#5c6b82,#2f3b4e);border-radius:10px;height:18px;position:relative}.muzzle{background:#243044;border-radius:4px;width:16px;height:26px;position:absolute;top:-4px;left:-8px}.cannon.recoil .barrel{animation:.24s ease-out recoil}.gate{position:absolute;inset:28% 18% 0}.opening{background:#1b2433;border-radius:40px 40px 0 0;position:absolute;inset:8% 6% 0}.door{background:linear-gradient(90deg,#00000014 0 8%,#0000 8% 50%,#ffffff1f 50% 58%,#0000 58%),linear-gradient(#d79a52,#a86b32);border-radius:36px 36px 0 0;position:absolute;inset:8% 6% 0;overflow:hidden;box-shadow:inset 0 0 0 4px #7a4e22}.iron{background:#d7dbe6;border-radius:4px;height:8px;position:absolute;top:28%;left:8%;right:8%}.iron.low{top:62%}.crack,.hole{display:none;position:absolute}.crack.small{background:#4a3422;border-radius:4px;width:8px;height:34%;top:16%;left:18%;transform:rotate(18deg)}.crack.big{background:#3a2818;border-radius:6px;width:10px;height:70%;top:10%;left:42%;transform:rotate(-8deg)}.hole{background:#1b2433;border-radius:50%;width:42%;height:28%;top:34%;left:30%;box-shadow:inset 0 0 0 4px #6b4424}.castle[data-durability="2"] .crack.small,.castle[data-durability="1"] .crack.big,.castle[data-durability="1"] .hole{display:block}.castle[data-durability="0"] .door{clip-path:polygon(0 0,62% 0,48% 100%,0 100%);transform-origin:0;transform:rotate(-7deg)}.castle[data-durability="0"] .crack.big{display:block}.castle.is-breaching .door{animation:.8s ease-in forwards door-fall}.breach-banner{color:#fff;white-space:nowrap;background:#ff5a36;border-radius:12px;padding:8px 12px;font-size:22px;font-weight:900;display:none;position:absolute;top:8%;left:50%;transform:translate(-70%)}.castle.is-breaching .breach-banner{display:block}.ram{width:var(--ram-w,220px);z-index:2;filter:drop-shadow(0 8px #2430441f);align-items:center;gap:4px;height:78px;display:flex;position:absolute;top:0;left:0}.bandit{flex:none;width:54px;height:68px;position:relative}.hat{background:#e23b3b;border-radius:8px 8px 2px 2px;width:40px;height:12px;position:absolute;top:0;left:6px}.hat:after{content:"";background:#c42323;border-radius:4px;width:52px;height:6px;position:absolute;bottom:-2px;left:-6px}.face{background:#ffd0a6;border-radius:50%;width:34px;height:30px;position:absolute;top:16px;left:10px}.face b{background:#243044;border-radius:50%;width:5px;height:5px;position:absolute;top:11px}.face b:first-child{left:7px}.face b:last-of-type{right:7px}.face em{border-bottom:3px solid #d4724a;border-radius:0 0 10px 10px;width:14px;height:7px;position:absolute;bottom:6px;left:10px}.torso{background:#3d6fd8;border-radius:8px 8px 6px 6px;width:30px;height:20px;position:absolute;top:44px;left:12px}.log{background:linear-gradient(#e0a45a,#c4843c 45%,#a86b2d);border:3px solid #8a5522;border-radius:12px 20px 20px 12px;flex:1;justify-content:center;align-items:center;height:48px;display:flex;position:relative}.log:after{content:"";clip-path:polygon(0 35%,100% 0,100% 100%,0 65%);background:#8d93a3;width:18px;height:18px;position:absolute;right:-12px}.eq{z-index:1;color:#3a2412;background:#fff4d2;border-radius:8px;max-width:calc(100% - 8px);padding:2px 6px;font-size:clamp(15px,2vw,22px);font-weight:800;line-height:1.2;position:relative}.rush{color:#fff;background:#ff5a36;border-radius:999px;padding:2px 6px;font-size:12px;font-style:normal;font-weight:800;display:none;position:absolute;top:-22px;left:8px}.ram.urgent .log{animation:.45s ease-in-out infinite warn}.ram.danger .log{animation-duration:.22s}.ram.danger .rush{display:block}.ram.reveal{z-index:6}.ram.reveal .eq{color:#9d1c1c;white-space:nowrap;background:#fff;font-size:15px}.ram.exploding{animation:.45s ease-in forwards fade-ram}.boom,.floater,.ball{pointer-events:none;position:absolute}.boom{z-index:6;width:86px;height:86px;margin:-28px 0 0 -43px}.boom span{background:radial-gradient(circle,#fff6c2,#ffb703 40%,#ff5a36 70%,#0000 74%);border-radius:50%;animation:.55s ease-out forwards boom;position:absolute;inset:12px}.boom span:nth-child(2){background:#ffe08a;animation-delay:50ms;inset:22px}.boom span:nth-child(3){background:0 0;inset:4px;box-shadow:0 0 0 6px #ff5a3673}.floater{z-index:7;color:#fff;text-shadow:0 2px #c45b00;font-size:22px;font-weight:900;animation:.9s ease-out forwards float-up}.ball{z-index:5;background:radial-gradient(circle at 35% 35%,#fff,#ffb703 42%,#c2410c);border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;box-shadow:0 0 12px #ff8a00}.dock{background:#fff8ec;border-top:4px solid #f0c36a;padding:10px 16px 14px}.answer-wrap{grid-template-columns:auto 1fr;grid-template-areas:"label answer""feedback feedback";align-items:center;gap:4px 10px;width:min(520px,100%);margin:0 auto 8px;display:grid}.answer-label{grid-area:label}.answer{grid-area:answer}.feedback{color:#9d1c1c;grid-area:feedback;min-height:1.2em;font-weight:800}.answer{letter-spacing:.06em;background:#fff;border:3px solid #ead7b0;border-radius:16px;place-items:center;min-height:56px;font-size:36px;font-weight:900;display:grid}.answer.placeholder{color:#b0a898;letter-spacing:0;font-size:22px;font-weight:700}.dock.wrong .answer{color:#9d1c1c;background:#ffe1e1;border-color:#e35b5b}.dock.shake .answer{animation:.4s linear shake}.dock.locked{opacity:.62;pointer-events:none}.keypad{grid-template-columns:repeat(3,1fr);gap:8px;width:min(520px,100%);margin:0 auto;display:grid}.keypad button{background:#ffe08a;min-height:56px;font-size:28px;font-weight:900;box-shadow:0 4px #e0b44a}.keypad button:active{transform:translateY(2px);box-shadow:0 1px #e0b44a}.keypad button:disabled{opacity:.55}.keypad button[data-action=back]{background:#f3efe4;font-size:20px}.keypad button[data-action=fire]{color:#fff;background:#ff5a36;font-size:22px;box-shadow:0 4px #c2410c}.result-card h1.lost{color:#c2410c}.result-kind{color:#667085;margin-bottom:8px}.stars{color:#d5dbe8;gap:8px;font-size:42px;display:flex}.stars .on{color:#f5b400}.record{color:#c2410c;margin-top:6px;font-weight:900}.stats{grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0;display:grid}.stats div{text-align:center;background:#fff;border-radius:12px;padding:8px}.stats dt{color:#667085;font-size:12px}.stats dd{margin:0;font-size:24px;font-weight:900}.missed{gap:6px;padding:0;list-style:none;display:grid}.missed li,.empty-miss{background:#fff;border-radius:12px;padding:8px 12px}.missed li{justify-content:space-between;font-size:18px;font-weight:800;display:flex}.empty-miss{color:#3d6b32}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes warn{50%{box-shadow:0 0 0 4px #ff5a36}}@keyframes boom{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1.7)}}@keyframes float-up{to{opacity:0;transform:translateY(-36px)}}@keyframes fade-ram{to{opacity:0}}@keyframes door-fall{to{opacity:.15;transform:translateY(46px)rotate(16deg)}}@keyframes recoil{30%{transform:translate(10px)}}@keyframes field-shake{20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes drift{0%{transform:translate(0)}to{transform:translate(40px)}}@media (width<=760px){h1{font-size:34px}.hud{gap:8px;padding:8px}.stat strong{font-size:20px}.stats{grid-template-columns:repeat(2,1fr)}.breach-banner{font-size:16px}}@media (height<=760px){.dock{padding:6px 10px 8px}.answer{min-height:52px;font-size:30px}.keypad{gap:6px}.home-card,.result-card{padding:18px 16px}}