:root{--bg:#1d3557;--panel:#fff7ea;--ink:#2a1a10;--accent:#ffb347;--topbar-h:44px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);touch-action:manipulation;-webkit-text-size-adjust:100%;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif}.topbar{height:var(--topbar-h);padding:0 14px;padding-left:max(14px, env(safe-area-inset-left));padding-right:max(14px, env(safe-area-inset-right));color:#fff7ea;background:#00000040;justify-content:space-between;align-items:center;display:flex}.topbar a{color:inherit;font-size:15px;font-weight:700;text-decoration:none}.topbar .toplink{opacity:.85;font-weight:500}#game-wrap{width:100%;height:calc(100vh - var(--topbar-h));height:calc(100svh - var(--topbar-h));background:var(--bg);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;min-height:420px;position:relative}#game{width:100%;height:100%}#game canvas{outline:none;display:block}.noscript{color:#fff;text-align:center;padding:40px 16px}.content{background:var(--panel);border-radius:20px 20px 0 0;max-width:760px;margin:0 auto;padding:32px 20px 24px;line-height:1.6}.content h1{margin-top:0;font-size:28px}.content h2{margin-top:28px;font-size:22px}.content .lead{font-size:17px}.content details{border-top:1px solid #e8dcc8;padding:12px 0}.content summary{cursor:pointer;font-weight:600}.footer{text-align:center;color:#fff7ea;opacity:.7;background:var(--bg);padding:18px;font-size:13px}.embed-block{z-index:99999;text-align:center;background:var(--bg);color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;font-size:18px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.embed-block a{color:#3a2310;background:var(--accent);border-radius:999px;padding:12px 26px;font-weight:700;text-decoration:none}.pp-root{color:#fff;width:100%;height:100%;font-family:Trebuchet MS,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;position:relative;overflow:hidden}.pp-root canvas{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.hidden{display:none!important}.pp-hud{pointer-events:none;text-shadow:0 2px #0d1b2a99;justify-content:space-between;align-items:flex-start;padding:10px 12px;display:flex;position:absolute;top:0;bottom:auto;left:0;right:0}.pp-hud-left{min-width:90px}.pp-score{font-size:34px;font-weight:800;line-height:1}.pp-dist{opacity:.9;margin-top:4px;font-size:15px;font-weight:700}.pp-hearts{color:#ff4d6d;letter-spacing:2px;margin-top:2px;font-size:28px}.pp-hud-right{pointer-events:auto;gap:8px;display:flex}.pp-mult{color:#ffd166;font-size:18px;font-weight:800;position:absolute;top:74px;left:12px}.pp-icon{color:#fff;cursor:pointer;touch-action:manipulation;background:#0d1b2a73;border:0;border-radius:50%;width:44px;height:44px;font-size:17px}.pp-screen{text-align:center;background:linear-gradient(#1d35578c,#1d355726 45%,#1d3557a6);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.pp-over,.pp-pause,.pp-error{background:#0d1b2a9e}.pp-locked button{pointer-events:none}.pp-brand{letter-spacing:.14em;text-transform:uppercase;opacity:.85;font-size:13px}.pp-title{color:#ffd166;text-shadow:0 4px #0d1b2a,0 0 18px #00000040;margin:0;font-size:clamp(40px,11vw,64px);font-weight:900;line-height:1.05}.pp-tagline{text-shadow:0 2px #0d1b2ab3;max-width:340px;margin:0 0 6px;font-size:18px;font-weight:700}.pp-hint{opacity:.95;text-shadow:0 2px #0d1b2ab3;max-width:320px;margin:6px 0 0;font-size:14px}.pp-best{text-shadow:0 2px #0d1b2ab3;min-height:24px;font-size:20px;font-weight:800}.pp-newbest{color:#7dff8a;animation:.7s ease-in-out infinite alternate pp-pulse}.pp-label{letter-spacing:.12em;opacity:.85;margin-top:6px;font-size:15px}.pp-bigscore{text-shadow:0 4px #0d1b2a;font-size:72px;font-weight:900;line-height:1}.pp-stats{opacity:.95;margin-bottom:8px;font-size:15px}.pp-btn{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;font-weight:900}.pp-btn:focus-visible{outline-offset:3px;outline:3px solid #fff}.pp-primary{color:#3a2310;background:#ffb347;min-width:220px;padding:16px 34px;font-size:26px;box-shadow:0 6px #c9771c}.pp-primary:active{transform:translateY(4px);box-shadow:0 2px #c9771c}.pp-share{color:#0d1b2a;background:#4cc9f0;min-width:220px;padding:12px 26px;font-size:20px;box-shadow:0 5px #2a8fb0}.pp-share:active{transform:translateY(3px);box-shadow:0 2px #2a8fb0}.pp-secondary{color:#1d3557;background:#f1f5f9;min-width:160px;padding:10px 24px;font-size:17px;box-shadow:0 4px #94a3b8}.pp-pulse{position:relative}.pp-pulse:after{content:"";border-radius:inherit;pointer-events:none;animation:1.2s ease-out infinite pp-ring;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes pp-ring{0%{box-shadow:0 0 #ffd166bf}to{box-shadow:0 0 0 16px #ffd16600}}@keyframes pp-pulse{0%{transform:scale(1)}to{transform:scale(1.06)}}.pp-toast{color:#7dff8a;min-height:20px;font-size:15px;font-weight:700}.pp-popups{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:34%;left:0;right:0}.pp-popup{color:#ffd166;text-shadow:0 3px #0d1b2a;font-size:30px;font-weight:900;animation:.9s ease-out forwards pp-float}.pp-popup.pp-bad{color:#ff4d6d}.pp-popup.pp-up{color:#7dff8a;font-size:38px}@keyframes pp-float{0%{opacity:1;transform:translateY(0)scale(.9)}to{opacity:0;transform:translateY(-60px)scale(1.1)}}@media (prefers-reduced-motion:reduce){.pp-pulse:after,.pp-newbest{animation:none}}.pp-banner{text-align:center;color:#ffd166;text-shadow:0 3px #0d1b2a;opacity:0;pointer-events:none;background:#0d1b2a8c;border-radius:16px;max-width:92%;padding:10px 18px;font-size:clamp(20px,6vw,30px);font-weight:900;transition:opacity .2s,transform .2s;position:absolute;top:22%;left:50%;transform:translate(-50%,-8px)}.pp-banner.pp-show{opacity:1;transform:translate(-50%)}.pp-banner.pp-ev-ice{color:#a5e3ff}.pp-banner.pp-ev-warn{color:#ff8a7a}.pp-banner.pp-ev-gold{color:#ffe066}.pp-banner.pp-ev-stage{color:#7dff8a}.pp-powers{flex-direction:column;gap:4px;display:flex;position:absolute;top:100px;left:12px}.pp-power{background:#0d1b2a80;border-radius:999px;padding:3px 10px;font-size:15px;font-weight:800}.pp-power-shield{color:#d6bcfa}.pp-power-magnet{color:#feb2b2}.pp-power-boost{color:#ffd166}.pp-popup.pp-near{color:#a5e3ff;font-size:26px}.pp-on-ice canvas{filter:saturate(1.15)hue-rotate(-6deg)}.pp-over{justify-content:flex-start;gap:6px;padding-top:max(14px,3vh);overflow-y:auto}.pp-over .pp-title{font-size:clamp(30px,9vw,52px)}.pp-over .pp-bigscore{font-size:clamp(44px,13vw,64px)}.pp-breakdown{text-align:left;background:#0d1b2a73;border-radius:14px;width:min(340px,92%);margin:2px auto 4px;padding:6px 12px;font-size:14px}.pp-bd-row{justify-content:space-between;gap:10px;line-height:1.55;display:flex}.pp-bd-k{opacity:.9}.pp-bd-v{white-space:nowrap;font-weight:800}.pp-bd-sep{background:#ffffff4d;height:1px;margin:4px 0}.pp-over .pp-primary{padding:12px 30px;font-size:22px}.pp-over .pp-share{padding:9px 22px;font-size:17px}.pp-btnrow{gap:10px;display:flex}.pp-btnrow .pp-secondary{min-width:120px}.pp-statscreen{background:#0d1b2ad9;justify-content:flex-start;gap:8px;padding-top:max(16px,4vh);overflow-y:auto}.pp-title-sm{font-size:clamp(30px,9vw,48px)}.pp-stats-body{width:min(360px,94%)}.pp-stats-body .pp-breakdown{width:100%;font-size:15px}.pp-chart-title{color:#ffd166;margin-top:8px;font-weight:800}.pp-chart{background:#ffffff14;border-radius:12px;align-items:flex-end;gap:4px;height:120px;margin-top:6px;padding:18px 6px 4px;display:flex}.pp-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.pp-bar{background:#ffb347;border-radius:4px 4px 0 0;width:70%}.pp-bar-last{background:#7dff8a}.pp-bar-v{opacity:.9;margin-bottom:2px;font-size:10px}
