.rp,.rp *{box-sizing:border-box}.rp{--sky:#6db9ff;--sky-deep:#4a8fe7;--cream:#fff6de;--ink:#2b1b3d;--ink-soft:#2b1b3d9e;--red:#e63946;--coin:#ffd23f;--grass:#4cbb47;--white:#fff;--font-display:var(--ff-display), "Fraunces", "Iowan Old Style", "Georgia", serif;--font-ui:var(--ff-sans), "Plus Jakarta Sans", "Helvetica Neue", "Arial", sans-serif;--ag-ink:var(--ink);--ag-ink-soft:var(--ink-soft);--ag-white:var(--white);--ag-coin:var(--coin);--ag-red:var(--red);--ag-font-ui:var(--font-ui);--ag-font-display:var(--font-display);-webkit-tap-highlight-color:transparent;background:var(--sky);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;touch-action:manipulation;-webkit-user-select:none;user-select:none;background-image:radial-gradient(circle at 12% 18%,#ffffff8c 0 38px,#0000 39px),radial-gradient(circle at 18% 14%,#ffffff8c 0 48px,#0000 49px),radial-gradient(circle at 24% 19%,#ffffff8c 0 34px,#0000 35px),radial-gradient(circle at 84% 72%,#ffffff73 0 40px,#0000 41px),radial-gradient(circle at 90% 68%,#ffffff73 0 50px,#0000 51px),radial-gradient(circle at 96% 73%,#ffffff73 0 32px,#0000 33px);background-attachment:fixed;margin:0;font-size:15px;line-height:1.45}.rp .app{max-width:780px;padding:max(22px, env(safe-area-inset-top)) 16px max(28px, env(safe-area-inset-bottom));flex-direction:column;gap:16px;min-height:100%;margin:0 auto;display:flex}.rp .top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.rp h1{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "opsz" 144;letter-spacing:-.01em;color:var(--white);transform-origin:0 100%;text-shadow:-2px 0 0 var(--ink), 2px 0 0 var(--ink), 0 -2px 0 var(--ink), 0 2px 0 var(--ink), -2px -2px 0 var(--ink), 2px -2px 0 var(--ink), -2px 2px 0 var(--ink), 2px 2px 0 var(--ink), 4px 5px 0 var(--ink);margin:0;padding-bottom:6px;font-size:clamp(42px,8vw,66px);font-style:italic;font-weight:900;line-height:.95;transform:rotate(-2deg)}.rp h1 em{color:var(--coin);font-style:italic}.rp .stats{align-items:stretch;gap:8px;display:flex}.rp .stat{background:var(--cream);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:12px;flex-direction:column;align-items:center;gap:0;min-width:74px;padding:6px 12px 5px;display:flex}.rp .stat .n{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "opsz" 48;font-variant-numeric:tabular-nums;color:var(--ink);font-size:26px;font-weight:900;line-height:1}.rp .stat .l{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.rp .stage{background:var(--cream);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);aspect-ratio:720/400;border-radius:18px;position:relative;overflow:hidden}.rp canvas{cursor:pointer;width:100%;height:100%;display:block}.rp .title{flex-direction:column;gap:2px;display:flex}.rp .brand{font-family:var(--font-display);letter-spacing:.02em;color:var(--ink);align-items:center;gap:6px;margin:10px 0 0 10px;font-size:15px;font-style:italic;font-weight:900;display:inline-flex}.rp .overlay{background:#2b1b3d6b;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.rp .overlay[hidden]{display:none}.rp .card{text-align:center;background:var(--cream);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:18px;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:440px;padding:20px 26px 22px;display:flex}.rp .card .tag{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "opsz" 72;text-wrap:balance;color:var(--ink);margin:0;font-size:clamp(24px,4.6vw,36px);font-style:italic;font-weight:900;line-height:1.02}.rp .card .tag em{color:var(--red)}.rp .card p{max-width:40ch;color:var(--ink-soft);margin:0;font-size:clamp(13px,2.2vw,15px);font-weight:500}.rp .card .tip{color:var(--ink);font-size:12px;font-weight:700;display:none}.rp .card .big{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "opsz" 144;color:var(--red);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(50px,11vw,84px);font-weight:900;line-height:1}.rp .card .best-note{color:var(--ink);background:var(--coin);border:2px solid var(--ink);border-radius:999px;padding:2px 12px;font-size:13px;font-weight:800}.rp .card .line{color:var(--ink);font-weight:600}.rp button.primary{font:800 16px var(--font-ui);letter-spacing:.01em;color:var(--white);background:var(--red);border:3px solid var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--ink);border-radius:999px;margin-top:6px;padding:11px 24px;transition:transform .1s,box-shadow .1s}.rp button.primary:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.rp button.primary:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.rp button:focus-visible,.rp a:focus-visible{outline:3px solid var(--coin);outline-offset:3px}.rp .card a.shop{color:var(--ink-soft);text-underline-offset:3px;margin-top:2px;font-size:13px;font-weight:700;text-decoration:underline}.rp .card a.shop:hover{color:var(--ink)}.rp .meter{flex-direction:column;gap:10px;display:flex}.rp .track{background:var(--white);border:3px solid var(--ink);height:30px;box-shadow:4px 4px 0 var(--ink);border-radius:999px;position:relative;overflow:hidden}.rp .zone{background:var(--coin);border-left:3px solid var(--ink);border-right:3px solid var(--ink);width:20%;transition:left .3s,width .3s;position:absolute;top:0;bottom:0;left:40%}.rp .needle{background:var(--red);border:2.5px solid var(--ink);border-radius:4px;width:8px;margin-left:-4px;position:absolute;top:-2px;bottom:-2px;left:0}.rp .track.idle .needle{opacity:.35}.rp .hint{text-align:center;color:var(--ink);min-height:1.4em;margin:0;font-size:14px;font-weight:700}.rp .bottom{color:var(--ink);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;font-size:12px;font-weight:600;display:flex}.rp button.ghost{font:700 12px var(--font-ui);color:var(--ink);background:var(--cream);border:2.5px solid var(--ink);cursor:pointer;white-space:nowrap;box-shadow:2px 2px 0 var(--ink);border-radius:999px;padding:5px 12px}.rp.scene{background:0 0}.rp.scene .app{gap:0;max-width:none;min-height:0;padding:0}.rp.scene .top,.rp.scene .meter,.rp.scene .bottom,.rp.scene .overlay{display:none}.rp.scene .stage{box-shadow:none;border:0;border-radius:0}@media (max-width:560px){.rp .overlay{align-items:flex-start;padding:8px;overflow-y:auto}.rp .card{box-shadow:3px 3px 0 var(--ink);border-width:3px;border-radius:12px;gap:4px;margin:auto;padding:10px 14px 12px}.rp .card .tag{font-size:17px}.rp .card p{font-size:11.5px;line-height:1.3}.rp .card .big{font-size:34px}.rp .card .best-note{padding:1px 9px;font-size:11px}.rp button.primary{margin-top:2px;padding:7px 16px;font-size:13px}.rp .card a.shop{display:none}.rp .card .line{font-size:11.5px}}@media (max-width:600px) and (orientation:portrait){.rp .app{padding:max(12px, env(safe-area-inset-top)) 0 max(16px, env(safe-area-inset-bottom));gap:12px}.rp .top,.rp .meter,.rp .bottom{padding:0 12px}.rp .top{align-items:center}.rp h1{padding-bottom:2px;font-size:36px}.rp .brand{margin:8px 0 0 8px}.rp .stats{gap:6px}.rp .stat{min-width:58px;box-shadow:2px 2px 0 var(--ink);padding:4px 8px 3px}.rp .stat .n{font-size:20px}.rp .stat .l{font-size:9.5px}.rp .stage{box-shadow:0 6px 0 var(--ink);border-left:0;border-right:0;border-radius:0}.rp .track{height:40px;box-shadow:3px 3px 0 var(--ink)}.rp .needle{width:10px;margin-left:-5px}.rp .hint{font-size:16px}.rp .bottom{justify-content:flex-end}.rp .foot-note{display:none}.rp .brand{font-size:13px}.rp .card .tip{display:block}}@media (orientation:landscape) and (max-height:520px){.rp{overflow:hidden}.rp .app{gap:0;max-width:none;min-height:0;padding:0}.rp .stage{z-index:60;box-shadow:none;aspect-ratio:auto;border:0;border-radius:0;position:fixed;inset:0}.rp .top{z-index:61;top:6px;left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));flex-wrap:nowrap;align-items:flex-start;position:fixed}.rp h1{padding-bottom:2px;font-size:32px}.rp .stats{gap:6px}.rp .stat{min-width:52px;box-shadow:2px 2px 0 var(--ink);border-width:2.5px;padding:3px 8px 2px}.rp .stat .n{font-size:17px}.rp .stat .l{font-size:8.5px}.rp .meter{z-index:61;left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));gap:3px;position:fixed}.rp .track{height:30px}.rp .hint{color:var(--white);text-shadow:0 1px 0 var(--ink), 0 0 8px #2b1b3db3;min-height:1.2em;font-size:13px}.rp .bottom{display:none}.rp .brand{color:var(--white);text-shadow:0 1px 0 var(--ink), 0 0 6px #2b1b3db3;font-size:11px}.rp .overlay{z-index:62;padding:8px 60px}.rp .card{gap:4px;padding:10px 16px 12px}.rp .card .tag{font-size:20px}.rp .card p{font-size:12px}.rp .card .big{font-size:40px}.rp button.primary{margin-top:2px;padding:7px 16px;font-size:13px}}