@font-face{font-family:Kaboom Baloo;src:url(/kaboom/baloo2-bold.ttf)format("truetype");font-display:swap;font-weight:700 900}.kb-page{--kb-gold:#ffc928;--kb-cyan:#24d6ff;--kb-bg:#0f1016;--kb-panel:#151823;--kb-line:#ffffff1c;--kb-text:#f3f4f8;--kb-muted:#aeb6c6;--kb-mini:14px;min-height:calc(100dvh - 72px);color:var(--kb-text);background:radial-gradient(circle at 50% -20%,#2a1f4a 0,#0f1020 36%,#07080d 78%);padding:24px 24px 40px;font-family:Kaboom Baloo,ui-rounded,system-ui,sans-serif}.kb-page *{box-sizing:border-box}.kb-top{border-bottom:1px solid var(--kb-line);justify-content:space-between;align-items:center;gap:16px;max-width:1500px;margin:0 auto 16px;padding-bottom:12px;display:flex}.kb-top>div{gap:3px;display:grid}.kb-top span{letter-spacing:.22em;color:var(--kb-gold);font-size:10px;font-weight:800}.kb-top strong{letter-spacing:.1em;font-size:13px;font-weight:900}.kb-back{color:#c9d2e4;white-space:nowrap;border:1px solid #ffffff24;border-radius:99px;padding:9px 13px;font-size:12px;text-decoration:none}.kb-back:hover{border-color:#fff}.kb-shell{grid-template-columns:minmax(190px,250px) minmax(430px,620px) minmax(260px,340px);justify-content:center;gap:18px;max-width:1500px;margin:auto;display:grid}.kb-banners{align-content:start;gap:14px;display:grid}.kb-banner{color:#fff;border:1px solid var(--kb-line);background:linear-gradient(145deg,#1a1630,#0b0d16 62%);border-radius:18px;min-height:180px;padding:22px;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 16px 35px #0007}.kb-banner:before{content:"";filter:blur(70px);opacity:.18;background:#ff5d73;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-60px;right:-50px}.kb-banner:nth-child(2):before{background:#ffb547}.kb-banner:nth-child(3):before{background:#4dd4ff}.kb-banner span{letter-spacing:.22em;color:var(--kb-gold);font-size:9px;font-weight:800;display:block}.kb-banner strong{letter-spacing:-.03em;margin:22px 0 10px;font-size:22px;font-weight:900;line-height:1.05;display:block}.kb-banner p{color:var(--kb-muted);margin:0;font-size:12px;line-height:1.55}.kb-banner em{color:var(--kb-cyan);margin-top:14px;font-size:10px;font-style:normal;font-weight:800;display:block}.kb-banner-image{object-fit:contain;border-radius:10px;width:100%;height:auto;max-height:200px;margin-bottom:14px;display:block}.kb-banner[aria-disabled=true]{cursor:default}.kb-center{min-width:0}.kb-stage{background:var(--kb-bg);border:1px solid #ffffff25;border-radius:23px;gap:14px;min-height:600px;padding:14px 14px 18px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 60px #000a}.kb-hud{flex-wrap:wrap;align-items:stretch;gap:6px;display:flex}.kb-hud span{letter-spacing:.13em;color:#d3d9e2;background:#02050bf2;border:1px solid #ffffff40;border-radius:8px;flex:90px;padding:7px 9px;font-size:8px;font-weight:800}.kb-hud b{color:#fff;text-shadow:0 2px 7px #000;font-variant-numeric:tabular-nums;margin-top:2px;font-size:16px;display:block}.kb-hud span.is-hot{border-color:#ffc92899}.kb-hud span.is-hot b{color:var(--kb-gold)}.kb-sound{color:var(--kb-gold);letter-spacing:.08em;cursor:pointer;background:#060911c7;border:1px solid #ffffff20;border-radius:8px;flex:none;padding:8px 9px;font-size:8px;font-weight:900}.kb-board-wrap{justify-content:center;display:flex}.kb-board{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:#0a0c14;border:1px solid #ffffff1a;border-radius:14px;grid-template-columns:repeat(8,1fr);gap:3px;width:min(100%,520px);padding:6px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #0008,0 10px 40px #0008}.kb-cell{background:#161a26;border-radius:5px;transition:background .12s,transform .12s,opacity .3s;box-shadow:inset 0 1px #ffffff08}.kb-cell.is-ghost{background:#fff3;box-shadow:inset 0 0 0 2px #ffffff80}.kb-cell.is-ghost-bad{background:#ff3b5c33;box-shadow:inset 0 0 0 2px #ff3b5c80}.kb-cell.is-clearing{animation:.42s ease-out forwards kb-clear}@keyframes kb-clear{0%{filter:brightness(2.2);transform:scale(1)}60%{opacity:1;transform:scale(1.08)}to{opacity:0;transform:scale(.3)}}.kb-cell.c1,.kb-piece i.c1{background:#ff7a1e url(/kaboom/blocks/orange.webp) 50%/cover;box-shadow:inset 0 2px #fff5,inset 0 -3px #0005}.kb-cell.c2,.kb-piece i.c2{background:#3d8bff url(/kaboom/blocks/blue.webp) 50%/cover;box-shadow:inset 0 2px #fff5,inset 0 -3px #0005}.kb-cell.c3,.kb-piece i.c3{background:#2bd968 url(/kaboom/blocks/green.webp) 50%/cover;box-shadow:inset 0 2px #fff5,inset 0 -3px #0005}.kb-cell.c4,.kb-piece i.c4{background:linear-gradient(160deg,#ff8aca,#ff4fa3);box-shadow:inset 0 2px #fff5,inset 0 -3px #0005}.kb-cell.c5,.kb-piece i.c5{background:#ffc01e url(/kaboom/blocks/yellow.webp) 50%/cover;box-shadow:inset 0 2px #fff6,inset 0 -3px #0005}.kb-cell.c6,.kb-piece i.c6{background:#b45cff url(/kaboom/blocks/purple.webp) 50%/cover;box-shadow:inset 0 2px #fff5,inset 0 -3px #0005}.kb-floater{pointer-events:none;color:#fff;text-shadow:0 2px 10px #000,0 0 18px var(--kb-gold);letter-spacing:.04em;white-space:nowrap;z-index:3;font-size:16px;font-weight:900;animation:.9s ease-out forwards kb-float;position:absolute;transform:translate(-50%,-50%)}.kb-floater.is-big{color:var(--kb-gold);font-size:22px}@keyframes kb-float{0%{opacity:0;transform:translate(-50%,-20%)scale(.7)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}to{opacity:0;transform:translate(-50%,-150%)scale(1)}}.kb-tray{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:520px;margin:0 auto;display:grid}.kb-slot{background:var(--kb-panel);cursor:grab;touch-action:none;min-height:96px;color:inherit;border:1px solid #ffffff1c;border-radius:14px;justify-content:center;align-items:center;padding:10px;display:flex;position:relative}.kb-slot:active{cursor:grabbing}.kb-slot.is-empty{opacity:.35;border-style:dashed}.kb-slot.is-selected{border-color:var(--kb-gold);box-shadow:0 0 0 2px #ffc92855}.kb-slot.is-dragging{opacity:.35}.kb-slot:disabled{cursor:default;opacity:.5}.kb-slot:focus-visible{outline:2px solid var(--kb-gold);outline-offset:3px}.kb-slot kbd{color:#6f7a90;font-family:inherit;font-size:9px;font-weight:800;position:absolute;top:6px;left:8px}.kb-piece{gap:2px;display:grid}.kb-piece i{border-radius:3px;display:block}.kb-piece i.is-gap{box-shadow:none;background:0 0}.kb-drag{z-index:50;pointer-events:none;filter:drop-shadow(0 12px 22px #000b);position:fixed;top:0;left:0}.kb-drag .kb-piece{gap:3px}.kb-drag .kb-piece i{border-radius:5px}.kb-overlay{z-index:4;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#04071099,#040710ee);flex-direction:column;justify-content:center;align-items:center;padding:36px 28px;display:flex;position:absolute;inset:0;overflow:auto}.kb-overlay h1{letter-spacing:-.035em;color:#f7f8fb;max-width:560px;margin:10px 0 16px;font-size:clamp(30px,4.4vw,48px);font-weight:900;line-height:1}.kb-brand-logo{object-fit:contain;filter:drop-shadow(0 12px 28px #000b);width:min(330px,82%);height:auto;margin:0 0 10px}.kb-overlay>p:not(.kb-kicker):not(.kb-message):not(.kb-status):not(.kb-browser-note){color:#bcc5d6;max-width:520px;margin:0 0 22px;font-size:14px;line-height:1.6}.kb-kicker{letter-spacing:.18em;margin:0;font-weight:800;color:var(--kb-gold)!important;font-size:10px!important}.kb-final{font-variant-numeric:tabular-nums;text-shadow:0 5px 24px #000;font-size:clamp(56px,9vw,92px)!important}.kb-final:after{content:" PTS";letter-spacing:.12em;color:#7e899b;font-size:.2em}.kb-main-button{color:#090a0d;letter-spacing:.04em;cursor:pointer;background:linear-gradient(#ffda36,#f0ad00);border:0;border-radius:12px;min-width:240px;padding:15px 24px;font-size:12px;font-weight:900;text-decoration:none;box-shadow:0 8px 30px #ffc92838,inset 0 2px #fff5}.kb-main-button:disabled{opacity:.55}.kb-share-button{color:#fff;letter-spacing:.06em;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff30;border-radius:10px;min-width:240px;margin-top:10px;padding:11px 20px;font-size:10px;font-weight:900}.kb-share-button:hover{border-color:var(--kb-cyan);color:#9cecff}.kb-share-button:disabled{opacity:.55}.kb-text-button{color:#fff;cursor:pointer;background:#20364e;border:1px solid #a5c1dc;border-radius:10px;justify-content:center;align-items:center;min-width:240px;min-height:44px;margin-top:12px;padding:10px 22px;font-size:14px;font-weight:800;display:inline-flex}.kb-text-button:hover{background:#304d6b;border-color:#fff}.kb-inline-button{color:var(--kb-gold);cursor:pointer;font:inherit;background:0 0;border:0;font-weight:800;text-decoration:underline}.kb-help{color:#bdc6d3;margin-top:14px;font-size:11px}.kb-browser-note{color:#aeb9ca;max-width:430px;margin:18px 0 4px;font-size:10px}.kb-ready-play{letter-spacing:.08em;color:#ffd12c;border-bottom:1px solid #ffd12c55;padding-bottom:3px;font-size:10px;font-weight:900;text-decoration:none}.kb-result-grid{background:linear-gradient(#151b25f2,#090c12f2);border:1px solid #ffffff1c;border-top:2px solid #e0334e;border-radius:14px;grid-template-columns:1fr 1fr;gap:8px;width:min(420px,100%);margin:0 0 18px;padding:10px;display:grid}.kb-result-grid span{color:#94a1b6;text-transform:uppercase;letter-spacing:.1em;background:#ffffff07;border:1px solid #ffffff0d;border-radius:7px;padding:10px;font-size:10px}.kb-result-grid b{color:#fff;font-variant-numeric:tabular-nums;font-size:24px;font-weight:900;display:block}.kb-status{color:#bcc5d6;min-height:20px;margin:0 0 12px;font-size:13px}.kb-status.is-saved{color:#8af2ab;letter-spacing:.04em;font-weight:800}.kb-status.is-error{color:#ff9aa8}.kb-message{color:#f9cc45;margin-top:14px;font-size:12px}.kb-play-link{margin-top:22px;text-decoration:none;display:block}.kb-play-link img{filter:drop-shadow(0 8px 16px #0008);width:150px;height:auto;display:block}.kb-footnote{text-align:center;color:#aab5c5;letter-spacing:.06em;margin:12px 0 0;font-size:10px}.kb-board-rail{color:#f3f4f8;background:#0b0e16;border:1px solid #ffffff18;border-radius:18px;align-self:start;min-height:450px;padding:20px}.kb-rail-head{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.kb-rail-head span{letter-spacing:.22em;color:var(--kb-gold);font-size:9px;font-weight:800}.kb-rail-head strong{color:var(--kb-gold);font-size:12px}.kb-board-rail h2{letter-spacing:-.03em;margin:14px 0 6px;font-size:20px;font-weight:900}.kb-board-rail ol{margin:0;padding:0;list-style:none}.kb-board-rail li{border-top:1px solid #ffffff0e;grid-template-columns:22px 30px 1fr auto;align-items:center;gap:9px;padding:11px 0;display:grid}.kb-board-rail li>b{color:#68758b;font-size:10px}.kb-board-rail li img,.kb-board-rail li i{object-fit:cover;background:#1d2636;border-radius:50%;place-items:center;width:30px;height:30px;font-size:11px;font-style:normal;display:grid}.kb-board-rail li span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.kb-board-rail li>strong{color:var(--kb-cyan);font-variant-numeric:tabular-nums;font-size:12px}.kb-empty{text-align:center;color:#7d899e;border:1px dashed #ffffff1c;border-radius:14px;margin-top:10px;padding:30px 20px}.kb-empty span{color:#ffffff12;font-size:46px;font-weight:900;display:block}.kb-empty strong{color:#fff;letter-spacing:.12em;margin:-7px 0 7px;font-size:12px;display:block}.kb-empty p{margin:0;font-size:11px;line-height:1.5}.kb-rail-me{color:#96a3b8;margin-top:16px;font-size:11px;line-height:1.6}.kb-rail-me b{color:#fff}.kb-rail-me a{color:var(--kb-gold);text-decoration:underline}.kg-shell[data-games-theme=light] .kb-page{color:#17283f;background:radial-gradient(circle at 50% -20%,#fff 0,#e8edf3 42%,#d8e1eb 100%)}.kg-shell[data-games-theme=light] .kb-top{border-color:#bac7d6}.kg-shell[data-games-theme=light] .kb-top strong{color:#17283f}.kg-shell[data-games-theme=light] .kb-back{color:#17283f;border-color:#9caabd}.kg-shell[data-games-theme=light] .kb-banner,.kg-shell[data-games-theme=light] .kb-board-rail{color:#17283f;background:#f7f9fc;border-color:#bac7d6;box-shadow:0 16px 35px #50607024}.kg-shell[data-games-theme=light] .kb-banner strong,.kg-shell[data-games-theme=light] .kb-board-rail h2,.kg-shell[data-games-theme=light] .kb-empty strong,.kg-shell[data-games-theme=light] .kb-rail-me b{color:#17283f}.kg-shell[data-games-theme=light] .kb-banner p,.kg-shell[data-games-theme=light] .kb-rail-me,.kg-shell[data-games-theme=light] .kb-empty,.kg-shell[data-games-theme=light] .kb-footnote{color:#53677f}.kg-shell[data-games-theme=light] .kb-banner span,.kg-shell[data-games-theme=light] .kb-rail-head span,.kg-shell[data-games-theme=light] .kb-rail-head strong,.kg-shell[data-games-theme=light] .kb-rail-me a{color:#805400}.kg-shell[data-games-theme=light] .kb-board-rail li>strong{color:#0b7a9b}.kg-shell[data-games-theme=light] .kb-board-rail li{border-color:#dfe6ee}.kg-shell[data-games-theme=light] .kb-stage{border-color:#9caabd;box-shadow:0 20px 60px #40506440}@media (max-width:1050px){.kb-shell{grid-template-columns:minmax(180px,220px) minmax(400px,1fr)}.kb-board-rail{grid-column:1/-1}.kb-banners{grid-row:1}.kb-center{grid-column:2}.kb-board-rail ol{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}}@media (max-width:799px){.kb-page{min-height:calc(100dvh - 54px);padding:10px 10px 28px}.kb-top{display:none}.kb-shell{display:block}.kb-banners{display:none}.kb-stage{border-radius:16px;gap:10px;min-height:0;padding:10px 10px 14px}.kb-hud span{padding:6px 7px}.kb-hud b{font-size:15px}.kb-board{border-radius:12px;gap:2px;width:100%;padding:5px}.kb-cell{border-radius:4px}.kb-slot{min-height:84px}.kb-page{--kb-mini:12px}.kb-overlay{padding:22px 18px}.kb-overlay h1{font-size:30px}.kb-final{font-size:58px!important}.kb-board-rail{min-height:0;margin-top:14px}.kb-board-rail ol{display:block}.kb-page.is-playing .kb-footnote{display:none}}@media (prefers-reduced-motion:reduce){.kb-cell,.kb-floater{transition:none!important;animation:none!important}}