@font-face{font-family:Roboto Condensed;src:url(/asset/fonts/Roboto_Condensed-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Roboto Condensed;src:url(/asset/fonts/Roboto_Condensed-ExtraBold.ttf)format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Roboto Condensed;src:url(/asset/fonts/Roboto_Condensed-Black.ttf)format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Roboto Condensed;src:url(/asset/fonts/Roboto_Condensed-Italic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101d46;font-family:Roboto Condensed,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}body{touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;background:#101d46;place-items:center;min-height:100vh;margin:0;display:grid;overflow:hidden}button{font:inherit;-webkit-touch-callout:none;touch-action:manipulation}.page-shell{place-items:center;width:min(100vw,57vh);display:grid}.game-frame{aspect-ratio:780/1366;touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;background:#101d46;width:100%;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 14px 40px #0008}.game-canvas{touch-action:none;width:100%;height:100%;display:block}.hud{pointer-events:none;text-shadow:0 2px 3px #000;z-index:10;justify-content:space-between;align-items:start;display:flex;position:absolute;top:2.4%;left:8%;right:8%}.hud-hidden{display:none}.hud-item{color:#fff7b0;letter-spacing:2px;gap:2px;font-size:10px;font-weight:800;display:grid}.hud-item strong{color:#fff;letter-spacing:1px;font-size:clamp(18px,4vw,30px)}.sound-button{pointer-events:auto;color:#ffd21b;cursor:pointer;background:#151f43dd;border:2px solid #ffd21b;border-radius:50%;width:34px;height:34px}.overlay{text-align:center;color:#fff;cursor:pointer;z-index:20;pointer-events:auto;touch-action:manipulation;background:#08123edd;place-content:center;justify-items:center;gap:12px;display:grid;position:absolute;inset:0}.overlay.hidden{display:none}.overlay h1{color:#ffdc1d;text-shadow:0 4px #803c15,0 0 22px #ffd21d;margin:0;font-size:clamp(32px,9vw,68px);line-height:.9}.overlay p{color:#d9edff;letter-spacing:1px;margin:0;font-weight:800}.overlay small{color:#d7dfff;max-width:240px;line-height:1.5}.start-screen{background:linear-gradient(#08123e44,#08123ecc),url(/asset/pb_bg_new.png) 50%/cover;flex-direction:column;justify-content:center;align-items:center;padding:5%;display:flex}.start-modal{-webkit-backdrop-filter:none;background:#ffffff14;border:2px solid #5580e9;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:clamp(20px,4.5cqw,36px);width:min(88%,680px);padding:clamp(28px,6cqw,48px) clamp(20px,4.5cqw,36px);display:flex;box-shadow:0 8px 32px #00000059,inset 0 0 15px #ffffff14;container-type:inline-size}.start-logo{object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 14px #0009);width:min(92%,460px);height:auto}.start-modal .start-btn{letter-spacing:1.5px;color:#000;cursor:pointer;background:#ffdc1d;border:none;border-radius:10px;justify-content:center;align-items:center;height:clamp(48px,10cqw,56px);padding:0 clamp(36px,8cqw,60px);font-size:clamp(26px,6cqw,38px);font-weight:900;line-height:1;transition:transform 80ms,filter 80ms;display:inline-flex;box-shadow:0 4px 16px #00000059}.start-modal .start-btn:active{filter:brightness(.92);transform:scale(.96)}.overlay button{pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;user-select:none;color:#101d46;cursor:pointer;background:#ffdc1d;border:2px solid #ffd21b;border-radius:12px;padding:12px 24px;font-weight:900}.result-screen{grid-template-columns:100%;gap:18px;padding:5%}.result-modal{aspect-ratio:695/475;background:url(/asset/pb-model-bg.png) 50%/100% 100% no-repeat;place-items:center;width:min(100%,695px);display:grid;position:relative;container-type:inline-size}.result-copy{z-index:1;justify-items:center;gap:clamp(2px,.8vw,7px);width:88%;margin-top:-3.5cqw;display:grid;position:relative}.result-copy h1{color:#fff;text-shadow:none;white-space:nowrap;margin:0 0 1.5cqw;font-size:clamp(26px,7.5cqw,54px);line-height:1}.result-copy p{color:#fff;letter-spacing:0;line-height:1.05}.result-score{font-size:clamp(16px,4.6cqw,32px)}.result-lead{font-size:clamp(16px,4.2cqw,29px);font-weight:500}.result-prize{white-space:nowrap;font-size:clamp(18px,5cqw,35px);font-weight:800}.result-copy small{color:#fff;white-space:nowrap;max-width:none;margin-top:2.5cqw;font-size:clamp(9px,2.5cqw,18px);font-style:italic}.result-actions{gap:12px;display:flex}.touch-controls{pointer-events:none;z-index:5;opacity:1;transition:opacity .3s;position:absolute;inset:0}.touch-controls.fade-out{opacity:0}.touch-controls.fade-out .touch-btn,.touch-controls.fade-out .touch-zone,.touch-controls.fade-out .launch-zone{pointer-events:auto;opacity:0!important}.touch-btn{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;color:#fff7b0f2;cursor:pointer;text-shadow:0 1px 2px #000;will-change:transform;background:#101d46d9;border:2px solid #ffda44a6;border-radius:12px;justify-content:center;align-items:center;font-weight:800;transition:transform 80ms,background 80ms,opacity .3s,border-color 80ms,box-shadow 80ms;display:flex;position:absolute;box-shadow:0 2px 6px #0006}.touch-btn:active,.touch-btn.active{color:#101d46;text-shadow:none;background:#ffd21bd9;border-color:#fff;transform:scale(.94)}.touch-launch{color:#fff;background:#dc4b19d9;border-color:#ff8c28cc;width:20%;height:7.5%;font-size:clamp(11px,2.7vw,16px);transition:opacity .4s,transform .4s,visibility .4s;bottom:2.5%;right:2%}.touch-launch:active,.touch-launch.active{background:#ff641ef2;border-color:#fff;opacity:1!important}.touch-launch.launch-hidden{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(8px)}.touch-zone{opacity:0;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;width:50%;height:32%;position:absolute;bottom:0}.touch-zone.left{left:0}.touch-zone.right{right:0}.touch-zone.side-left{width:45%;height:32%;bottom:18%;left:0}.touch-zone.side-right{width:45%;height:32%;bottom:18%;right:0}.launch-zone{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;z-index:6;background:0 0;border:0;width:10%;height:14%;position:absolute;bottom:0;right:0}@media (max-aspect-ratio:780/1366){.page-shell{width:100vw}}