/* タップ勇者 / TAP QUEST / style.css / v0.3.3 */
.share-game{display:block;width:min(100%,290px);min-height:40px;padding:9px 12px;border:1px solid #a4c5b5;border-radius:8px;background:#284b46;color:#f6f3df;font-size:12px;font-weight:800;margin-top:10px;flex-shrink:0}.overlay .share-note{font-size:9px;line-height:1.5;color:#c8dccb;margin:5px 0;max-width:290px}.share-note:empty{display:none}
.ad-note{font-size:8px;color:#a8c0b0;margin-top:12px}.ad-break{z-index:10;background:linear-gradient(145deg,#203a36,#121f2c)}.ad-break h2{font-size:21px;margin-top:20px}.ad-screen{position:relative;width:100%;min-height:120px;border:1px dashed #adc698;border-radius:10px;background:#344d3c77;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;margin:12px 0}.ad-screen>span{font-size:30px;color:#dbd3a8}.ad-screen strong{font-size:11px}.ad-break p{font-size:10px}.ad-break>b{font-size:12px;margin:8px}.ad-track{height:5px;width:100%;max-width:290px;background:#a9bd9b33;border-radius:4px;overflow:hidden;margin:8px 0 4px}.ad-track i{display:block;height:100%;width:0;background:#e1c78b}#adMount:not(:empty){position:absolute;inset:0;background:#13251e}
.result.epilogue{background:linear-gradient(155deg,#20363af7,#0d1823)}.epilogue #princess{border-radius:12px}.epilogue #princessLine{font-size:15px;letter-spacing:1px;line-height:1.8;color:#d8e1d6}.epilogue #resultTitle{letter-spacing:5px}
.control-label{text-align:center;font-size:11px;line-height:1.4;color:#cbbd91;pointer-events:none}
.timing-prompt{position:absolute;top:49%;left:50%;transform:translateX(-50%);white-space:nowrap;padding:9px 14px;border:1px solid #cfdfd4;border-radius:9px;background:#15272ce8;color:#e3e8de;font-size:14px;font-weight:800;pointer-events:none}.timing-prompt.ready{color:#253126;background:#fff0ad;border:2px solid #fff;box-shadow:0 0 20px #ffe49e88}.attack.ready{outline:3px solid #fff0b2;outline-offset:2px;filter:brightness(1.3)}.guard-label.ready,.guard-label.ready b{color:#fff0ad;text-shadow:0 0 8px #ffcb59}.magic{background:linear-gradient(145deg,#a55732,#743e30)!important;border-color:#eeb57e!important}
.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:-20px;width:6px;height:11px;background:var(--paper);left:var(--left);animation:paperFall var(--duration) var(--delay) linear infinite}@keyframes paperFall{to{transform:translate(var(--drift),750px) rotate(650deg)}}@media(prefers-reduced-motion:reduce){.confetti{display:none}}
.field .overlay{justify-content:flex-start}.overlay>:first-child{margin-top:auto}.overlay>:last-child{margin-bottom:auto}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:#101c21;color:#f4f2df;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{padding:max(8px,env(safe-area-inset-top)) 10px max(8px,env(safe-area-inset-bottom));overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button:focus-visible{outline:3px solid #fff3bd;outline-offset:2px}[hidden]{display:none!important}#app{max-width:440px;margin:auto}.hud{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 8px}.eyebrow{font-size:9px;letter-spacing:3px;color:#98b6a9}#hearts{font-size:29px;line-height:1.1;color:#f8777e;letter-spacing:4px}#hearts .lost{color:#46565a}.distance{text-align:right}.distance b{font-size:27px;font-variant-numeric:tabular-nums}.distance small{color:#b1c5b9;margin-left:3px}.distance span{display:block;font-size:10px;color:#bfd1c4}#sound{border:1px solid #527067;background:#1a302f;border-radius:8px;min-height:42px;min-width:55px;font-size:11px}.field{height:clamp(370px,calc(100dvh - 208px),720px);position:relative;overflow:hidden;border:1px solid #497060;border-radius:17px;background:#55785b;box-shadow:0 12px 35px #0004}#world{display:block;width:100%;height:100%}.field-top{position:absolute;top:12px;left:14px;right:14px;display:flex;justify-content:space-between;gap:10px;pointer-events:none;font-size:10px;text-shadow:0 2px 3px #000}#stage{font-weight:800}#record{color:#d1e1be;letter-spacing:1px}#cue{position:absolute;bottom:8px;left:8px;right:8px;text-align:center;min-height:31px;padding:7px 5px;border-radius:7px;background:#102127b8;font-size:11px;font-weight:700;color:#f4f0d4;pointer-events:none}.boss-hud{position:absolute;top:38px;left:50%;transform:translateX(-50%);width:85%;display:flex;align-items:center;justify-content:space-between;background:#252036db;border:1px solid #d4ae67;padding:9px 12px;border-radius:9px;font-size:11px}.boss-hud strong{font-size:23px;color:#ffe39a;margin:0 4px}.controls{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;gap:7px;margin-top:11px;-webkit-user-select:none;user-select:none;touch-action:none}.attack{height:91px;border:1px solid;border-radius:15px;box-shadow:inset 0 1px #fff4,0 4px #071319;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.attack small{font-size:8px;letter-spacing:3px;opacity:.65}.attack strong{font-size:25px;letter-spacing:4px}.attack span{font-size:9px;opacity:.85}.magic{background:linear-gradient(145deg,#356f9d,#244b78);border-color:#7cbce1}.sword{background:linear-gradient(145deg,#a46740,#784129);border-color:#e0af7b}.attack.held{transform:translateY(3px);box-shadow:inset 0 0 20px #fff4,0 1px #071319;filter:brightness(1.25)}.guard-label{text-align:center;font-size:9px;line-height:1.8;color:#9fb6b1}.guard-label b{font-size:10px;color:#e2cf97}.footer{font-size:9px;text-align:center;color:#9bb3a8;margin:10px 0 0}.overlay{position:absolute;inset:0;background:linear-gradient(160deg,#102c2bf5,#102029fb);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px 18px;overflow:auto}.chapter{font-size:8px;letter-spacing:2.5px;color:#b1c79b}h1{font-size:clamp(42px,14vw,63px);line-height:.9;margin:23px 0 13px;letter-spacing:1px;color:#f5e4b4;text-shadow:3px 4px #071a20}h1 em{font-style:normal;color:#e8bd71}h2{font-size:20px;margin:6px 0 12px;letter-spacing:3px}.overlay p{font-size:12px;line-height:1.8;color:#d2dfc8;margin:7px 0}.rules{width:100%;max-width:290px;margin:15px 0;padding:11px 12px;background:#071a214d;border:1px solid #6c88604d;border-radius:9px;text-align:left}.rules>div{display:flex;align-items:center;gap:11px;font-size:11px;min-height:30px}.rules i{width:17px;flex-shrink:0}.slime-dot{height:12px;background:#7fcadd;border-radius:80% 80% 40% 40%}.goblin-dot{height:15px;background:#97b86b;clip-path:polygon(0 0,30% 24%,70% 24%,100% 0,82% 90%,18% 90%)}.guard-dot{font-style:normal;color:#edc974}.primary{display:block;min-height:47px;width:min(100%,290px);border:1px solid #e3c587;border-radius:9px;background:linear-gradient(135deg,#ddb775,#c88f4e);color:#30291c;font-size:14px;font-weight:900;box-shadow:0 4px #745b3e;margin-top:13px}.quiet{border:0;background:none;font-size:11px;color:#b6c7ba;min-height:40px;margin-top:9px}.fine{font-size:8px;color:#7b988c;margin-top:19px}.overlay .minor{font-size:10px;color:#a8c0b0}.result{background:linear-gradient(155deg,#173b38f5,#101e2aff)}.result h2{font-size:24px;margin:13px 0 0;letter-spacing:1px}.result.win h2{font-size:25px;color:#ffe1a0}#princess{width:175px;height:141px;margin:3px 0}#princessLine{font-size:20px;font-weight:800;color:#ffd8df;margin:3px 0 12px}.result-stats{display:flex;width:100%;max-width:295px;border-top:1px solid #62837a;border-bottom:1px solid #62837a;padding:12px 0}.result-stats div{width:50%}.result-stats small{display:block;font-size:10px;color:#a9c2b1}.result-stats strong{display:block;font-size:24px;margin-top:6px}.pause{z-index:5}#result.win::before{content:"♥  ✦  ♥  ✧  ♥";color:#e7b0c5;letter-spacing:14px;font-size:15px;margin-bottom:14px}@media(max-height:700px){.overlay{padding:14px}.home h1{font-size:42px;margin:14px 0 9px}.rules{margin:8px 0;padding:6px 10px}.rules>div{min-height:24px}.fine{margin-top:12px}.result #princess{width:140px;height:113px}.result-stats{padding:8px 0}.result .primary{margin-top:8px}.attack{height:78px}.field{height:clamp(350px,calc(100dvh - 190px),720px)}}