:root{font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:#16334c;background:#f3e8d3;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#fff9e9,transparent 65%),#f3e8d3}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:3px solid #e85527;outline-offset:3px}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}.app{width:min(100%,470px);margin:auto;padding:14px 16px 10px}header{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px}.eyebrow{font-size:10px;font-weight:700;margin:0 0 3px;letter-spacing:.08em}h1{font-size:26px;letter-spacing:-.07em;margin:0;font-weight:900;line-height:1.2}h1 span{color:#d94e25}.tools{display:flex;gap:5px}.tools button{border:1px solid #d8c8ae;background:#fffaf0;border-radius:9px;min-height:35px;min-width:33px;font-size:13px;font-weight:800;padding:6px;color:#16334c}.scoreboard{display:grid;grid-template-columns:1.1fr 1fr 1fr;background:#173953;color:white;border-radius:12px 12px 0 0;padding:10px 12px;gap:8px}.scoreboard>div+div{border-left:1px solid #ffffff25;padding-left:12px}.scoreboard small{font-size:10px;color:#e2e4d8;display:block;margin-bottom:2px}.scoreboard strong{font-size:23px;font-variant-numeric:tabular-nums;line-height:1.15}.scoreboard strong span{font-size:11px;margin-left:3px}#lives{color:#ffc05c;letter-spacing:3px;font-size:20px}.stage{position:relative;overflow:hidden;background:#f9eacc;aspect-ratio:390/560;isolation:isolate}canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#14345145;padding:16px}.card{width:100%;max-width:320px;text-align:center;background:#fffaf0ee;border:2px solid white;border-radius:20px;padding:22px 16px;box-shadow:0 10px 35px #14345135;backdrop-filter:blur(4px)}.tag{font-size:11px;color:#b84a22;letter-spacing:.1em;font-weight:800;margin:0 0 10px}h2{font-size:30px;margin:0 0 14px;line-height:1.3;font-weight:900}.card>p:not(.tag){font-size:12px;line-height:1.9;margin:10px 0}.primary{display:block;background:#e9592d;color:white;border:0;border-bottom:4px solid #b83d17;border-radius:12px;min-height:48px;padding:10px 18px;font-size:16px;font-weight:900;width:100%;margin-top:15px;box-shadow:0 4px 0 #0000000b}.primary:active{transform:translateY(2px)}.card .fine{font-size:10px!important;color:#5d6b71}.controls{display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:center;background:#173953;padding:9px;border-radius:0 0 12px 12px;gap:8px}.controls button{border:0;border-bottom:3px solid #cc9a3e;border-radius:9px;background:#ffcd71;color:#173953;padding:10px 5px;font-weight:900;font-size:18px}.controls button:active{transform:translateY(2px)}.controls button span{font-size:14px}#shield-label{text-align:center;color:#bbc8d1;font-size:11px;font-weight:800}#shield-label.active{color:#ffdc8d}.hint{text-align:center;font-size:10px;margin:9px 0;color:#526878}footer{text-align:center;color:#6b777b;font-size:9px;line-height:1.6}footer span{padding:0 3px}.toast{position:absolute;left:10px;right:10px;top:34%;text-align:center;font-size:16px;font-weight:900;color:#fff;text-shadow:0 2px 3px #143451;background:#173953db;border-radius:9px;padding:7px;opacity:0;transition:opacity .15s;pointer-events:none}.toast.show{opacity:1}.cutin{position:absolute;inset:0;background:#ffbc32;display:flex;flex-direction:column;justify-content:center;z-index:4;animation:entrance .16s ease-out}.hero-crop{width:100%;aspect-ratio:556/354;background-image:url('assets/character-sheet.webp');background-repeat:no-repeat;background-size:276.26% 289.27%;background-position:100% 100%;box-shadow:0 8px 0 #172c3f}.hero-copy{padding:22px 8px;text-align:center;background:#173953;color:#fff;transform:rotate(-3deg);box-shadow:0 5px 0 #d94e25}.hero-copy small{display:block;color:#ffcd71;font-size:13px}.hero-copy strong{display:block;font-size:25px;letter-spacing:-.05em;margin:4px 0 8px}.hero-copy span{font-size:12px;color:#fff1c4}#result{font-size:26px!important;font-weight:900;color:#d94e25;line-height:1.3!important}dialog{border:0;border-radius:18px;max-width:min(420px,92vw);padding:25px;color:#16334c;background:#fffaf0}dialog::backdrop{background:#0b233ab0}dialog h2{font-size:23px}dialog ol{font-size:13px;line-height:1.8;padding-left:20px}dialog li{margin-bottom:8px}dialog p{font-size:11px;color:#526878}@keyframes entrance{from{transform:translateX(100%)}to{transform:translateX(0)}}@media(max-width:350px){.app{padding:10px 9px}h1{font-size:23px}.tools button{min-width:29px;font-size:11px}.scoreboard{padding:8px}.card{padding:14px}h2{font-size:27px}.hero-copy strong{font-size:21px}}@media(min-width:700px){.app{padding-top:22px;width:438px}}@media(prefers-reduced-motion:reduce){.cutin{animation:none}.toast{transition:none}}