.bonk-page{--ink:#252c30;min-height:100dvh;color:var(--ink);background:#e6ba79;font-family:Arial,sans-serif}.bonk-topbar{color:#fff5df;z-index:10;background:#172a30;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:relative}.bonk-back,.bonk-brand{color:inherit;font-size:13px;font-weight:800;text-decoration:none}.bonk-brand{align-items:center;gap:8px;font-size:18px;display:flex}.bonk-brand img{object-fit:contain;width:35px;height:28px}.bonk-game{isolation:isolate;background:#a7d8e1;height:calc(100dvh - 56px);min-height:590px;position:relative;overflow:hidden}.canyon-canvas{z-index:0;position:absolute;inset:0}.canyon-canvas canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.canyon-canvas canvas:focus-visible{outline-offset:-2px;outline:2px solid #f4d382}.bonk-titleblock{pointer-events:none;color:#fff3d2;text-shadow:0 3px #76432a,0 6px 24px #4c3b374d;position:absolute;top:29px;left:32px;transform:rotate(-3deg)}.bonk-titleblock p{letter-spacing:.18em;margin:0 0 2px 6px;font-size:9px;font-weight:900}.bonk-titleblock h1{letter-spacing:-.07em;-webkit-text-stroke:1px #713e2b;margin:0;font-size:clamp(46px,5.8vw,82px);font-weight:1000;line-height:1}.bonk-titleblock h1 span{color:#f3cb63}.bonk-titleblock>b{letter-spacing:.12em;text-shadow:none;background:#23343a;border-radius:8px;padding:7px 13px;font-size:8px;display:inline-block}.bonk-hud{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff8e9ed;border:1px solid #ffffffa6;border-radius:16px;gap:0;min-width:330px;display:flex;position:absolute;top:25px;left:50%;transform:translate(-50%);box-shadow:0 7px 25px #343d3829}.bonk-hud>div{text-align:center;border-right:1px solid #323b3624;flex:1;padding:12px 24px}.bonk-hud>div:last-child{border:0}.bonk-hud span{letter-spacing:.13em;color:#62665c;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.bonk-hud strong{font-variant-numeric:tabular-nums;font-size:25px;line-height:1}.bonk-hud small{margin-left:2px;font-size:12px}.coin-count{color:#9c6920}.gem-count{color:#3c799b}.bonk-hud .urgent{color:#b1402c}.bonk-combo-meter{color:#fff1d4;letter-spacing:.04em;background:#21333be8;border-radius:20px;align-items:center;gap:10px;width:290px;padding:8px 15px;font-size:9px;font-weight:800;display:flex;position:absolute;top:111px;left:50%;transform:translate(-50%)}.bonk-combo-meter i{background:#ffffff25;border-radius:5px;flex:1;height:5px;overflow:hidden}.bonk-combo-meter b{background:#f1c766;height:100%;transition:width .18s;display:block}.bonk-combo-meter.is-live{background:#a56627}.bonk-tools{flex-direction:column;gap:8px;display:flex;position:absolute;top:26px;right:24px}.bonk-tools button{color:#fff1d4;cursor:pointer;background:#21333bed;border:1px solid #ffffff36;border-radius:20px;padding:9px 15px;font-size:10px}.bonk-credit{color:#fff4dc;white-space:nowrap;pointer-events:none;background:#21333bd9;border-radius:16px;padding:6px 12px;font-size:9px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.canyon-reticle{color:#ffffffd9;text-shadow:0 1px 5px #111;pointer-events:none;font:24px monospace;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canyon-reticle.in-reach{color:#ffe28a;transform:translate(-50%,-50%)scale(1.3)}.canyon-target{color:#fff4df;white-space:nowrap;pointer-events:none;background:#203239c9;border-radius:16px;padding:7px 13px;font-size:11px;position:absolute;top:calc(50% + 30px);left:50%;transform:translate(-50%)}.bonk-event-message{text-align:center;color:#fff4dd;pointer-events:none;background:#25363bdf;border-radius:10px;width:max-content;max-width:90%;padding:9px 16px;font-size:12px;font-weight:700;position:absolute;top:155px;left:50%;transform:translate(-50%)}.bonk-event-message:empty,.rock-reward:empty{display:none}.rock-reward{color:#fff3a9;text-shadow:0 2px 6px #412f20;pointer-events:none;font-size:22px;font-weight:900;position:absolute;top:calc(50% - 68px);left:50%;transform:translate(-50%)}.canyon-controls{white-space:nowrap;color:#fff4dc;background:#21333bd9;border-radius:10px;align-items:center;gap:12px;padding:9px 12px;font-size:10px;display:flex;position:absolute;bottom:43px;left:50%;transform:translate(-50%)}.canyon-controls button{color:#1b3036;cursor:pointer;background:#ead29b;border:0;border-radius:7px;padding:7px 10px;font-weight:800}.bonk-overlay{z-index:5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(90deg,#17303988,#1a313929);justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.bonk-modal{text-align:center;color:#25363b;background:#fcf4e5f5;border:1px solid #fff8df7a;border-radius:24px;width:min(475px,94%);max-height:calc(100% - 30px);padding:35px 38px;overflow:auto;box-shadow:0 24px 80px #28322b40}.bonk-modal .bonk-eyebrow{letter-spacing:.16em;color:#996540;margin:0 0 16px;font-size:9px;font-weight:900}.bonk-modal h2{letter-spacing:-.045em;color:#23353b;margin:0 0 16px;font-family:Georgia,serif;font-size:42px;line-height:1.05}.bonk-modal>p{color:#62706d;max-width:330px;margin:0 auto 20px;font-size:13px;line-height:1.6}.bonk-control-guide{gap:7px;margin:20px 0;display:flex}.bonk-control-guide span{color:#67716b;flex-direction:column;flex:1;gap:7px;font-size:9px;display:flex}.bonk-control-guide b{color:#314548;background:#e8e3d5;border-radius:7px;padding:10px 5px;font-size:10px}.bonk-modal .bonk-mobile-note{margin-bottom:18px;font-size:10px}.bonk-start{color:#fff5d8;cursor:pointer;background:#22464b;border:0;border-radius:12px;width:100%;padding:17px 20px;font-size:14px;font-weight:800;transition:background .15s;box-shadow:0 5px #16343b}.bonk-start:hover{background:#34616a}.bonk-start span{float:right}.bonk-modal>small{color:#67716b;margin-top:16px;font-size:9px;display:block}.result-score{color:#ac752c;margin:10px 0 20px;font-size:64px;font-weight:900}.result-score span{letter-spacing:.1em;text-transform:uppercase;color:#62706d;font-size:11px;display:block}.result-details{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;font-size:11px;display:grid}.result-details span{background:#e7e3d7;border-radius:8px;padding:10px}.result-details b{margin-top:4px;font-size:19px;display:block}.sl-post-game-actions{gap:12px;display:grid}.canyon-touch{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:48px;left:25px;right:25px}.canyon-joystick,.canyon-bonk{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.canyon-joystick{color:#fff4dc;background:#20384099;border:2px solid #fff4d886;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:11px;width:100px;height:100px;font-size:17px;display:flex}.canyon-joystick b{font-size:10px}.canyon-bonk{color:#43311e;background:#efd070;border:3px solid #fff1bf;border-radius:50%;width:86px;height:86px;font-size:17px;font-weight:900;box-shadow:0 6px #88623b}.canyon-bonk:active{transform:translateY(3px);box-shadow:0 3px #88623b}.canyon-pause,.canyon-error{z-index:8;color:#fff4dc;text-align:center;background:#142d36da;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:35px;display:flex;position:absolute;inset:0}.canyon-pause button{color:#203840;cursor:pointer;background:#efd070;border:0;border-radius:12px;padding:14px 22px;font-weight:700}.is-frenzy:after{content:"";pointer-events:none;border:5px solid #ffcd6380;position:absolute;inset:0;box-shadow:inset 0 0 35px #ffc35733}.rock{color:#fff;background:#a38769;border:2px solid #594833;border-radius:45% 50% 35% 30%;place-items:center;width:70px;height:52px;font-weight:700;display:grid}.rock-red{background:#b96346}.rock-gold{background:#bc9134}.rock-crystal{background:#588daa}.rock-time{background:#4b9d97}.rock-mystery{background:#8a6b9e}.bonk-page button:focus-visible,.bonk-page a:focus-visible{outline-offset:3px;outline:3px solid #f2cd60}@media (min-width:1000px) and (pointer:fine){.canyon-touch{display:none}}@media (max-width:900px){.bonk-titleblock{top:20px;left:18px}.bonk-titleblock h1{font-size:50px}.bonk-titleblock p{font-size:7px}.bonk-titleblock>b{padding:5px 8px;font-size:6px}.bonk-hud{min-width:260px;top:20px}.bonk-hud>div{padding:10px 16px}.bonk-hud strong{font-size:20px}.bonk-combo-meter{width:250px;top:95px}.bonk-tools{top:20px;right:13px}.bonk-tools button{padding:8px;font-size:9px}.canyon-controls{bottom:43px}.canyon-controls>span{display:none}.bonk-event-message{font-size:10px;top:140px}}@media (max-width:600px){.bonk-topbar{height:48px;padding:0 13px}.bonk-back{font-size:10px}.bonk-brand{font-size:14px}.bonk-brand img{width:27px}.bonk-game{height:calc(100dvh - 48px);min-height:580px}.bonk-titleblock{top:15px;left:15px}.bonk-titleblock h1{font-size:42px}.bonk-titleblock p{display:none}.bonk-hud{min-width:275px;top:90px}.bonk-hud>div{padding:9px 22px}.bonk-combo-meter{width:250px;padding:7px 12px;top:159px}.bonk-tools{flex-direction:row;max-width:57%;top:16px;right:13px}.bonk-tools button{min-height:36px}.bonk-event-message{padding:7px 10px;top:197px}.bonk-modal{max-height:90%;padding:27px 23px}.bonk-modal h2{font-size:34px}.bonk-modal .bonk-eyebrow{font-size:8px}.bonk-overlay{padding:16px}.canyon-target{white-space:normal;text-align:center;max-width:90%;font-size:10px}.canyon-controls{bottom:40px}.canyon-touch{bottom:60px;left:17px;right:17px}.canyon-joystick{width:95px;height:95px}.canyon-bonk{width:79px;height:79px}.bonk-credit{font-size:8px}.bonk-control-guide{display:none}.bonk-modal .bonk-mobile-note{font-size:11px}.rock-reward{font-size:18px}}@media (max-height:600px) and (orientation:landscape){.bonk-game{height:calc(100dvh - 56px);min-height:0}.bonk-overlay{padding:10px}.bonk-modal{max-height:96%;padding:20px}.bonk-modal h2{font-size:28px}.bonk-modal>p{margin-bottom:10px}.bonk-control-guide{margin:10px 0}.bonk-modal .bonk-mobile-note{display:none}.canyon-touch{bottom:30px}.bonk-credit{bottom:5px}}@media (prefers-reduced-motion:reduce){.bonk-page *{transition:none!important}}@media print{.bonk-topbar,.bonk-game{display:none!important}}@media (max-height:600px) and (max-width:600px){.bonk-game{height:calc(100dvh - 48px);min-height:0}}