
body.pin-page{touch-action:none}
.phud{gap:4px;padding:6px 8px}
.pstat{display:flex;flex-direction:column;align-items:center;line-height:1.05;min-width:0}
.pstat small{font-size:9px;color:#9be36b;letter-spacing:1px}
.pstat b{font-size:14px;color:#e9d8a6}
#p-score{color:#ffcb3b;font-size:16px}
.pbtns{display:flex;gap:4px}
.pbtns .pbtn.small{font-size:11px;padding:5px 6px}
#pstage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#0b120d;overflow:hidden}
#pc{display:block;touch-action:none}
#ppad{flex:none;display:flex;gap:8px;padding:8px 10px;padding-bottom:max(8px,env(safe-area-inset-bottom))}
.pflip,.plaunch{font:inherit;font-weight:900;border:3px solid #0b120d;border-radius:12px;box-shadow:0 4px 0 #0b120d;touch-action:none;-webkit-user-select:none;user-select:none;height:62px}
.pflip{flex:1;font-size:17px;color:#14201a;background:#ebc57e}
.plaunch{flex:none;width:96px;font-size:14px;color:#fff;background:#e04a3c;letter-spacing:1px}
.pflip.on,.plaunch.on{transform:translateY(3px);box-shadow:0 1px 0 #0b120d;filter:brightness(1.15)}
.plaunch.ready{animation:pulse .8s ease-in-out infinite}
@keyframes pulse{50%{background:#ff7a5c}}
#p-title{justify-content:flex-start;gap:8px;background:radial-gradient(circle at 50% 22%,#2f5a3a,#14201a 70%);padding-top:max(44px,env(safe-area-inset-top))}
.plogo{font-size:56px;line-height:.92;font-weight:900;color:#ebc57e;letter-spacing:4px;text-align:center;text-shadow:4px 4px 0 #0b120d,-2px -2px 0 #9a5a2c}
.psub{font-size:12px;letter-spacing:4px;color:#9be36b;font-weight:900;margin-top:-2px}
#p-hero{width:240px;height:150px}
.phow{font-size:11px;line-height:1.5;color:#c9c3a3;text-align:center;background:#14201a;border:2px solid #0b120d;border-radius:8px;padding:8px 10px;max-width:340px}
.phow b{color:#9be36b}
#p-title .klist{max-width:340px}
#p-over{justify-content:flex-start;gap:8px;background:#14201a;padding-top:max(26px,env(safe-area-inset-top))}
.pnewbest{margin:0;font-size:18px;color:#14201a;background:#ffcb3b;border:3px solid #0b120d;border-radius:8px;padding:6px 12px;font-weight:900;box-shadow:0 4px 0 #0b120d;animation:bob 1s ease-in-out infinite}
#p-scores{padding:12px;gap:6px;background:#14201a}
#pbanner{position:absolute;z-index:20;left:50%;top:58px;transform:translateX(-50%);background:#ffcb3b;color:#14201a;border:3px solid #0b120d;border-radius:8px;padding:6px 12px;font-weight:900;font-size:16px;box-shadow:0 4px 0 #0b120d;white-space:nowrap;pointer-events:none;animation:pop .45s ease-out}
.krow-s .rk{min-width:22px;text-align:center;font-weight:900}
a.pbtn{text-decoration:none;display:inline-block}
