:root{--bok-dark: #04140b;--bok-dark-2: #08210f;--bok-green: #0e7a3c;--bok-green-lit: #17a352;--bok-grass: #8cac21;--bok-gold: #ffd24a;--bok-gold-deep: #d99a12;--bok-cream: #f4f7ee;--bok-danger: #e8531f;--bok-ink: #04120a;--radius: 24px;--radius-sm: 14px;--border: 3px;--shadow: 7px 8px 0 var(--bok-ink);--shadow-sm: 4px 5px 0 var(--bok-ink);--display: "Arial Black", "Arial Rounded MT Bold", Arial, sans-serif;--body: Arial, Helvetica, sans-serif;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;background:#000;font-family:var(--body);color:var(--bok-cream);overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}#frame{position:fixed;inset:0;margin:auto;aspect-ratio:9 / 16;max-width:min(100vw,calc(var(--app-h, 100dvh) * 9 / 16));max-height:min(var(--app-h, 100dvh),calc(100vw * 16 / 9));background:var(--bok-dark);overflow:hidden;box-shadow:0 0 60px #000c}#game,#game canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.layer{position:absolute;inset:0;z-index:10}.layer[hidden]{display:none!important}.overlay{display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:radial-gradient(120% 90% at 50% 40%,#04140b8c,#04120aed);backdrop-filter:blur(2px);z-index:20;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.overlay>.card{max-height:100%}.card{width:min(100%,380px);padding:26px 22px 22px;border:var(--border) solid var(--bok-ink);border-radius:var(--radius);background:linear-gradient(168deg,var(--bok-green-lit) 0%,var(--bok-green) 46%,#0a5c2c 100%);box-shadow:var(--shadow);transform:rotate(-.6deg);text-align:center}.card-small{width:min(100%,320px)}.kicker{margin:0 0 10px;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--bok-gold)}.headline{margin:0 0 8px;font-family:var(--display);font-size:43px;font-weight:950;line-height:.91;letter-spacing:-.052em;text-transform:uppercase;color:var(--bok-cream);text-shadow:3px 4px 0 var(--bok-ink)}.headline.small{font-size:27px}.sub{margin:0 0 12px;font-size:12px;font-weight:900;letter-spacing:.08em;color:var(--bok-gold);text-transform:uppercase}.sub .vs{color:var(--bok-cream);opacity:.7}.body{margin:0 auto 16px;max-width:31ch;font-size:14px;font-weight:700;line-height:1.35;color:#e7f3e5}.score-huge{margin:2px 0 10px;font-family:var(--display);font-size:46px;font-weight:950;letter-spacing:-.04em;color:var(--bok-gold);text-shadow:3px 4px 0 var(--bok-ink)}.cta{display:block;width:100%;min-height:54px;margin:4px 0 10px;padding:0 18px;border:var(--border) solid var(--bok-ink);border-radius:var(--radius-sm);background:linear-gradient(180deg,#ffdf7a,var(--bok-gold) 55%,var(--bok-gold-deep));box-shadow:var(--shadow-sm);color:var(--bok-ink);font-family:var(--display);font-size:17px;font-weight:900;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:transform 90ms ease,box-shadow 90ms ease}.cta:active{transform:translate(3px,4px);box-shadow:1px 1px 0 var(--bok-ink)}.ghost{display:block;width:100%;min-height:46px;margin:6px 0 0;border:2px solid rgba(4,18,10,.65);border-radius:var(--radius-sm);background:#04180d6b;color:var(--bok-cream);font-family:var(--body);font-size:13px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.ghost:active{transform:translate(2px,2px)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.row2 .ghost{margin-top:0;font-size:11px;letter-spacing:.06em}.controls-hint,.hint{display:flex;justify-content:center;gap:12px;margin:4px 0 8px;font-size:10px;font-weight:900;letter-spacing:.12em;color:#f4f7eed1}.best{margin:10px 0 0;font-size:11px;font-weight:900;letter-spacing:.1em;color:#ffd24ae6;text-transform:uppercase}input#save-name,input#share-url{width:100%;min-height:52px;margin:6px 0 12px;padding:0 14px;border:var(--border) solid var(--bok-ink);border-radius:var(--radius-sm);background:var(--bok-cream);color:var(--bok-ink);font-family:var(--display);font-size:20px;font-weight:900;letter-spacing:.04em;text-align:center;text-transform:uppercase}input#share-url{font-size:12px;letter-spacing:0;text-transform:none}input#save-name::placeholder{color:#04120a59}#hud{pointer-events:none;padding:max(8px,env(safe-area-inset-top)) 12px 0;z-index:15}.hud-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.hud-block{display:flex;flex-direction:column;line-height:1}.hud-centre{align-items:center;flex:1}.hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.hud-label{font-size:7px;font-weight:900;letter-spacing:.14em;color:#ffffffb3;text-transform:uppercase}.hud-value{font-family:var(--display);font-size:19px;font-weight:950;color:var(--bok-cream);text-shadow:2px 2px 0 rgba(4,18,10,.92)}.mult{margin-top:2px;font-family:var(--display);font-size:10px;opacity:.62;color:var(--bok-gold);text-shadow:1px 1px 0 rgba(4,18,10,.92)}.mult[hidden]{display:none}.hud-controls{display:flex;gap:6px;pointer-events:auto}.icon-btn{width:30px;height:30px;border:2px solid rgba(4,18,10,.8);border-radius:50%;background:#08210fa8;color:var(--bok-cream);font-size:11px;cursor:pointer}.icon-btn.is-off{color:#f4f7ee66}.lives{display:flex;gap:4px}.heart{width:15px;height:15px;background:#ff4d5e;filter:drop-shadow(1px 1px 0 rgba(4,18,10,.9));clip-path:path("M7.5 14.5C7.5 14.5 0 9.8 0 4.9 0 2.2 2 0.5 4 0.5c1.6 0 2.9 1.1 3.5 2 0.6-0.9 1.9-2 3.5-2 2 0 4 1.7 4 4.4 0 4.9-7.5 9.6-7.5 9.6z");transition:opacity .16s ease}.heart.is-lost{background:#ffffff2e}.heart.is-breaking{animation:heartbreak .42s ease-out}@keyframes heartbreak{0%{transform:scale(1);background:#ff4d5e}22%{transform:scale(1.45) rotate(-8deg);background:#fff}55%{transform:scale(.8) rotate(6deg);background:#ff4d5e}to{transform:scale(1);background:#ffffff2e}}.progress{height:3px;margin-top:8px;border-radius:999px;background:#04120a80;overflow:hidden}.progress i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--bok-cream),var(--bok-gold));transition:width .12s linear}.charge{display:flex;align-items:center;gap:6px;margin-top:7px}.charge-label{font-size:7px;font-weight:900;letter-spacing:.14em;color:#ffffff9e}.charge-bar{flex:1;height:6px;border:1px solid rgba(4,18,10,.7);border-radius:999px;background:#04120a80;overflow:hidden}.charge-bar i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--bok-green-lit),var(--bok-gold));transition:width .11s ease-out}.charge.is-bumped .charge-bar i{box-shadow:0 0 10px 2px #ffd24ad9}.charge.is-full .charge-bar{border-color:var(--bok-gold);animation:chargeFull .7s ease-in-out infinite alternate}@keyframes chargeFull{0%{box-shadow:0 0 #ffd24a00}to{box-shadow:0 0 12px 3px #ffd24ab3}}.shout{position:absolute;left:0;right:0;top:30%;text-align:center;font-family:var(--display);font-size:30px;font-weight:950;letter-spacing:-.02em;color:var(--bok-cream);text-shadow:3px 4px 0 var(--bok-ink);opacity:0;transform:scale(.86);pointer-events:none}.shout.is-on{animation:shout 1.1s ease-out}.shout.tone-good{color:var(--bok-gold)}.shout.tone-bad{color:#ff6a4d}.shout.tone-big{color:var(--bok-gold);font-size:36px}@keyframes shout{0%{opacity:0;transform:scale(.8)}14%{opacity:1;transform:scale(1.06)}30%{transform:scale(1)}76%{opacity:1}to{opacity:0;transform:scale(1.02) translateY(-14px)}}.controls-hint,.hint{display:flex;justify-content:center;gap:14px;margin:6px 0 10px;font-size:10px;font-weight:900;letter-spacing:.12em;color:#f4f7eed1}.hint{position:absolute;left:0;right:0;bottom:max(26px,env(safe-area-inset-bottom));margin:0;opacity:0;transition:opacity .4s ease}.hint.is-on{opacity:.9}.flavour{margin:2px 0 12px;font-size:12px;font-weight:900;letter-spacing:.08em;color:#ffd24aeb}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 16px}.stats div{padding:8px 6px;border:2px solid rgba(4,18,10,.55);border-radius:var(--radius-sm);background:#04180d66}.stats span{display:block;font-size:8px;font-weight:900;letter-spacing:.14em;color:#f4f7eeb8}.stats b{font-family:var(--display);font-size:19px;color:var(--bok-gold)}.board-list{list-style:none;margin:0 0 10px;padding:0;max-height:46vh;overflow-y:auto}.board-list li{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;padding:7px 8px;margin-bottom:5px;border:2px solid rgba(4,18,10,.5);border-radius:10px;background:#04180d5c;font-size:13px;font-weight:800;text-align:left}.board-list li.r1{background:linear-gradient(90deg,#ffd24a52,#04180d5c);border-color:var(--bok-gold)}.board-list li.r2{background:linear-gradient(90deg,#d6e0e642,#04180d5c);border-color:#c9d4dc}.board-list li.r3{background:linear-gradient(90deg,#cd7f3242,#04180d5c);border-color:#cd7f32}.board-list li.is-you{outline:2px solid var(--bok-gold)}.board-list .rank{font-family:var(--display);color:var(--bok-gold)}.board-list .pts{font-family:var(--display);color:var(--bok-cream)}.you{margin:0 0 10px;font-size:11px;font-weight:900;letter-spacing:.08em;color:var(--bok-gold)}.board-list li.board-empty{display:block;padding:18px 8px;font-size:12px;font-weight:700;line-height:1.5;text-align:center;color:#f4f7eeb3}.rotate{z-index:60}@media(orientation:landscape)and (max-height:520px){#rotate:not(.force-hide){display:grid!important}}@media(prefers-reduced-motion:reduce){.cta,.charge-bar i,.meter i,.hint{transition:none}.card{transform:none}}:focus-visible{outline:3px solid var(--bok-gold);outline-offset:2px}.save-note:empty{display:none}.save-note{margin:0 0 10px;padding:8px 10px;border-radius:8px;background:#be282829;border:1px solid rgba(255,120,120,.5);color:#ffd7d7;font-size:13px;letter-spacing:.04em;text-align:center}.board-source:empty{display:none}.board-source{margin:6px 0 10px;font:700 11px/1.4 var(--body);letter-spacing:.12em;color:#f4f7ee8c;text-align:center}.stats b.is-pending{opacity:.55}.madeby{margin:14px 0 2px;font:700 11px/1 var(--body);letter-spacing:.22em;color:#f4f7ee80;text-align:center}.madeby b{color:var(--bok-gold);letter-spacing:.22em}.linkish{display:block;width:100%;margin:6px 0 0;padding:6px;border:0;background:none;color:#f4f7ee9e;font:700 12px/1.2 var(--body);letter-spacing:.06em;cursor:pointer}.linkish:active{color:var(--bok-gold)}.ghost.support{border-color:#17a352e6;color:#d9ffe7}.advert-cta{display:block;width:100%;margin:10px 0 0;padding:10px 12px;border:2px dashed rgba(255,210,74,.45);border-radius:var(--radius-sm);background:#ffd24a0f;color:#f4f7eeb8;font:700 11px/1.5 var(--body);letter-spacing:.1em;text-align:center;cursor:pointer}.advert-cta b{color:var(--bok-gold);letter-spacing:.1em}.advert-cta:active{background:#ffd24a24}.rate-row{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;margin:10px 0 12px}.rate-pip{padding:10px 0;min-height:40px;border:2px solid rgba(244,247,238,.28);border-radius:8px;background:#04120a80;color:var(--bok-cream);font:800 13px/1 var(--body);cursor:pointer}.rate-pip.is-on{background:var(--bok-gold);border-color:var(--bok-gold);color:var(--bok-ink)}.tip-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 10px}.tip{padding:14px 0;min-height:48px;border:var(--border) solid var(--bok-ink);border-radius:var(--radius-sm);background:var(--bok-gold);color:var(--bok-ink);box-shadow:var(--shadow-sm);font:900 18px/1 var(--display);cursor:pointer}.tip:active{transform:translate(2px,3px);box-shadow:2px 2px 0 var(--bok-ink)}.tip-other{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:0 0 10px}.tip-cur{font:900 20px/1 var(--display);color:var(--bok-gold)}.tip-other input{min-height:44px}.tip-other .ghost{margin:0;width:auto;padding:0 18px;min-height:44px}.fineprint{margin:4px 0 10px;font:400 11px/1.5 var(--body);color:#f4f7ee80;text-align:center}#rate-note,#tip-amount,#advertise input{display:block;width:100%;margin:0 0 8px;padding:12px 14px;min-height:48px;border:var(--border) solid var(--bok-ink);border-radius:var(--radius-sm);background:#04120a99;color:var(--bok-cream);font:700 16px/1.2 var(--body);letter-spacing:.04em}#rate-note::placeholder,#tip-amount::placeholder,#advertise input::placeholder{color:#f4f7ee61;letter-spacing:.08em}.save-note.is-ok{background:#17a3522e;border-color:#78ffaa80;color:#d9ffe7}.card-start .headline{margin-bottom:22px}.card-start .controls-hint{margin-bottom:18px}.card-start .madeby{margin:10px 0 0;font-size:10px;letter-spacing:.2em;color:#f4f7ee6b}.card-start .madeby b{font-family:var(--display);font-size:13px;letter-spacing:.16em;color:var(--bok-gold)}.fineline{display:block;width:100%;margin:8px 0 0;padding:4px;border:0;background:none;color:#f4f7ee57;font:700 9px/1.2 var(--body);letter-spacing:.18em;text-transform:uppercase;cursor:pointer}.fineline:active{color:#f4f7eeb3}.body.legal{margin:0 0 12px;font-size:13px;line-height:1.55;text-align:left;color:#f4f7eedb}.support-link{margin-top:2px;color:#d9ffe7bf;font-size:13px;letter-spacing:.04em}.stats b.is-hint{font-size:13px;letter-spacing:.04em;color:var(--bok-gold)}