*{box-sizing:border-box}body{margin:0;background:#f4eedf;color:#203e3a;font:16px/1.5 Arial,sans-serif}main{max-width:820px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:16px;font-size:12px}a{color:inherit}header span{letter-spacing:2px}.intro{margin:32px 0 22px}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:2px;color:#9d593e;margin:0 0 8px}h1{font-size:clamp(38px,7vw,64px);letter-spacing:-2px;line-height:1.05;margin:0}h1 em{color:#ae563d;font-style:normal}.intro>p:last-child{margin:10px 0 0;color:#65726a}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.stats>div{padding:10px 14px;background:#fffaf0;border:1px solid #d8d9c6;border-radius:12px;font-size:12px}.stats strong{display:block;font-size:28px;font-variant-numeric:tabular-nums}.stats small{font-size:11px;font-weight:normal}.room{position:relative;background:#203e3a;padding:16px;border-radius:22px;box-shadow:0 7px 0 #c5c5ac}.room-label{display:flex;justify-content:space-between;align-items:center;color:#e8dfba;min-height:38px;gap:10px;font-size:11px;letter-spacing:1px;margin-bottom:10px}button{font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}.room-label button{background:transparent;border:1px solid #738b79;color:#eee7d3;border-radius:8px;padding:5px 12px}.room-label button:disabled{opacity:.4}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tile{position:relative;aspect-ratio:1.5;border-radius:16px;border:1px solid #658275;background:#35564b;color:#f6e5bb;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;min-height:90px;transition:background .12s}.tile::before{content:'';position:absolute;inset:auto 10% 12%;height:6%;background:#203e3a55;border-radius:50%}.tile .number{position:absolute;left:8px;top:5px;opacity:.5;font-size:11px}.tile svg{width:65%;height:64%;z-index:1;pointer-events:none}.tile .target-label{font-size:11px;z-index:1;pointer-events:none}.tile[data-kind=mosquito]{background:#526c50}.tile[data-kind=boss]{background:#8b553a;border-color:#e7b66a}.tile[data-kind=dragon]{background:#2b4a45}.dragon{font-size:clamp(28px,7vw,54px);line-height:1.1;z-index:1;pointer-events:none}.tile.hit{background:#96a764}.tile.miss{background:#9b634e}.cover{position:absolute;inset:0;background:#182f2bdc;border-radius:22px;display:grid;place-items:center;padding:20px;z-index:3}.cover[hidden]{display:none}.cover-card{max-width:440px;text-align:center;background:#fffaf0;padding:24px;border-radius:18px;box-shadow:0 12px 40px #0003}.cover h2{font-size:28px;line-height:1.12;margin:7px 0 12px}.cover p:not(.eyebrow){font-size:14px;margin:12px 0 18px}.primary{border:0;border-radius:10px;background:#ae563d;color:#fffaf0;font-weight:bold;padding:12px 20px}.other{display:block;margin-top:12px;font-size:12px}#feedback{min-height:48px;margin:20px 0 8px;font-weight:bold;font-size:14px}.guide{border-top:1px solid #d8d9c6;padding-top:8px;font-size:13px}.guide p{margin:6px 0}.muted{color:#69746c}button:focus-visible,a:focus-visible{outline:3px solid #e4ac52;outline-offset:3px}@media(max-width:500px){main{padding:16px}header{font-size:10px}header span{letter-spacing:1px}.intro{margin:26px 0 20px}.stats>div{padding:8px}.stats strong{font-size:23px}.room{padding:10px}.board{gap:7px}.tile{aspect-ratio:1;min-height:0;border-radius:12px}.cover{padding:12px}.cover-card{padding:18px}.cover h2{font-size:24px}.cover p:not(.eyebrow){font-size:13px}.room-label{font-size:10px}}@media(prefers-reduced-motion:reduce){.tile{transition:none}}