:root{color:#433a50;font-synthesis:none;background:#fff7ef;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 11% 4%,#ffe3dc 0,#0000 31%),radial-gradient(circle at 93% 18%,#e0f5e9 0,#0000 27%),#fff7ef;min-width:280px;margin:0}button{font:inherit;cursor:pointer}button:focus-visible{outline-offset:3px;outline:3px solid #4c827e}.shell{width:min(1080px,100% - 36px);margin:0 auto}.masthead{justify-content:space-between;align-items:end;gap:20px;padding:32px 0 23px;display:flex}.eyebrow{color:#9f6b81;letter-spacing:.18em;margin:0 0 9px;font:800 .76rem/1.2 system-ui,sans-serif}.eyebrow span{color:#e09a89}h1{color:#50435c;letter-spacing:-.06em;margin:0;font-size:clamp(2rem,5vw,3.9rem);line-height:1.15}h1 span{color:#ee8da2;margin-left:.18em;display:inline-block;transform:rotate(18deg)}.tagline{color:#716775;text-align:right;margin:0 0 6px;font-weight:700;line-height:1.75}.play-card{background:#fffdf8;border:1px solid #e7cfc6;border-radius:25px;overflow:hidden;box-shadow:0 20px 60px #ac8f8640}.scoreboard{background:#f9ecdf;grid-template-columns:repeat(4,1fr);gap:10px;padding:15px 20px;display:grid}.scoreboard>div{justify-content:center;align-items:baseline;gap:8px;min-width:0;display:flex}.score-label{color:#7e6877;white-space:nowrap;font-size:.85rem;font-weight:800}.scoreboard strong{color:#5b4c63;white-space:nowrap;font:900 1.5rem/1.1 system-ui,sans-serif}.scoreboard strong span{margin-left:2px;font-size:.72rem}.scoreboard .danger strong{color:#537d72;font-size:1.05rem}.scoreboard .danger.is-danger strong{color:#b64f62}.broom-status{background:#fff8ef;border-top:1px solid #ead6cb;grid-template-columns:auto minmax(90px,1fr) auto;align-items:center;gap:15px;padding:9px 20px;display:grid}.capacity-label{color:#6c5b69;white-space:nowrap;align-items:baseline;gap:9px;font-size:.83rem;font-weight:800;display:flex}.capacity-label strong{color:#ba617b;font:900 1.07rem/1.2 system-ui,sans-serif}.capacity-track{background:#e8dbd3;border-radius:99px;height:12px;overflow:hidden}.capacity-track span{border-radius:inherit;background:linear-gradient(90deg,#68c6b6,#f2ba68 70%,#e77790);width:0;height:100%;display:block}.dump-ready{color:#4e8066;white-space:nowrap;background:#d9f0e1;border-radius:99px;padding:5px 12px;font-size:.78rem}.dump-ready.is-cooling{color:#8a6d76;background:#ece7e3}.scene-wrap{background:#f7e8e6;place-items:center;display:grid;position:relative}#scene{touch-action:none;cursor:crosshair;width:min(100%,800px);height:auto;display:block}#scene[data-phase=ready],#scene[data-phase=won],#scene[data-phase=lost]{cursor:default}.scene-note{pointer-events:none;color:#567a70;white-space:nowrap;letter-spacing:.06em;background:#fffdf9d9;border-radius:20px;padding:5px 14px;font-size:.72rem;font-weight:900;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.under-scene{justify-content:space-between;align-items:center;gap:14px;min-height:85px;padding:12px 20px;display:flex}#feedback{color:#5d5366;margin:0;font-weight:700;line-height:1.5}.actions{flex:none;gap:8px;display:flex}.primary,.quiet{border-radius:999px;min-height:46px;padding:10px 20px;font-weight:900}.primary{color:#fffdf6;background:#e4708c;border:2px solid #ba5771;box-shadow:0 5px #ba5771}.primary:hover{background:#d8607d}.primary:active{transform:translateY(3px);box-shadow:0 2px #ba5771}.quiet{color:#685b66;background:#fffdf8;border:2px solid #d5bdaf}.quiet:hover{background:#f8ece5}[hidden]{display:none!important}.result{text-align:center;background:#f4e9ed;border-radius:18px;margin:0 20px 20px;padding:20px}.result-icon{color:#e4708c;font-size:2.2rem}.result h2{margin:2px 0 8px;font-size:1.5rem}.result p{margin:0 0 16px;line-height:1.6}.howto{background:#fffdf9a8;border:1px solid #efddd2;border-radius:20px;grid-template-columns:1fr 1.5fr;gap:28px;margin:24px 0 28px;padding:25px 30px;display:grid}.howto-title span{color:#cb6981;letter-spacing:.17em;font:900 .74rem/1.2 system-ui,sans-serif}.howto h2{margin:10px 0 0;font-size:1.28rem;line-height:1.65}.howto-steps{gap:8px;display:grid}.howto p{color:#665b67;margin:0;line-height:1.7}.howto b{color:#b2617b}footer{color:#9d8390;letter-spacing:.07em;justify-content:space-between;gap:10px;padding:6px 0 25px;font:800 .74rem/1.4 system-ui,sans-serif;display:flex}@media (max-width:760px){.masthead{flex-direction:column;align-items:start;gap:8px;padding:23px 0 18px}.tagline{text-align:left;font-size:.85rem}.scoreboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:11px}.scoreboard>div{background:#fff8f1;border-radius:9px;justify-content:space-between;padding:5px 8px}.scoreboard strong{font-size:1.2rem}.scoreboard .danger strong{font-size:.9rem}.broom-status{grid-template-columns:1fr auto;gap:6px 12px;padding:9px 12px}.capacity-track{grid-area:2/1/auto/-1}.capacity-label{font-size:.75rem}.dump-ready{font-size:.7rem}.under-scene{flex-direction:column;align-items:stretch}.actions{justify-content:flex-start}.howto{grid-template-columns:1fr;gap:12px;padding:18px}.howto h2{font-size:1.12rem}}@media (max-width:430px){.shell{width:min(100% - 20px,1080px)}.play-card{border-radius:16px}.score-label{font-size:.74rem}.scene-note{padding:3px 8px;font-size:.61rem;bottom:4px}.under-scene{padding:12px;font-size:.86rem}footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){.primary{transition:none}}
