@charset "UTF-8";
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#100c19;color:#fff7ee;font-family:ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;display:flex;align-items:center;justify-content:center}button{font:inherit;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.4}button:focus-visible{outline:3px solid #f6ff86;outline-offset:3px}#stage{position:absolute;width:520px;height:850px;padding:20px 32px 16px;background:radial-gradient(ellipse at 100% 0%,#362145 0,transparent 55%),#191323;transform-origin:center;overflow:hidden}.masthead{display:flex;justify-content:space-between;height:99px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.8px;margin:0 0 10px;color:#c2adce;display:flex;align-items:center;gap:7px}.live-dot{width:6px;height:6px;background:#ddff7a;border-radius:50%}h1{font-size:31px;line-height:.99;letter-spacing:-1.4px;margin:0;font-weight:950}h1>span{display:block;color:#e5ff8b}.title-star{font-size:29px;display:inline-block;margin-left:7px;color:#b18aef}.mascot{font-size:58px;line-height:1;transform:rotate(10deg);padding-top:4px;text-align:center}.mascot span{font-size:10px;display:block;letter-spacing:1px;font-weight:bold;color:#e3bdff;margin-top:3px}.dashboard{display:flex;align-items:center;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;padding:9px 0 10px;gap:28px;height:66px}.dashboard>div{display:flex;flex-direction:column;gap:2px}.dashboard .score-box{min-width:130px}.label{font-size:9px;letter-spacing:1.4px;color:#c8b9d4;font-weight:800}.dashboard strong{font-size:24px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.8px}#score{color:#e5ff8b;font-size:29px}.clock-box{margin-left:auto;text-align:right}#clock{color:#ffc390}.mission{display:flex;justify-content:space-between;align-items:center;margin:12px 0 7px;font-size:12px;font-weight:700;height:18px}#questCount{color:#cdb0f0;font-size:11px}.heat-track{height:4px;background:#40304f;border-radius:3px;margin-bottom:12px;overflow:hidden}#heat{height:100%;width:0;background:linear-gradient(90deg,#b793ff,#f3a1de,#e5ff8b);transition:width .25s}.board-wrap{position:relative;width:456px;height:456px;background:#100d18;border:1px solid #53405f;border-radius:17px;padding:8px;box-shadow:0 12px 28px #0005,inset 0 1px #ffffff0d}#board{width:438px;height:438px;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:4px}.tile{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;border:1px solid #ffffff0a;border-bottom:3px solid #0003;border-radius:10px;background:var(--tile);padding:0;font-size:32px;line-height:1;touch-action:none;user-select:none;transition:background .12s,box-shadow .12s,opacity .12s;isolation:isolate}.tile:hover{filter:brightness(1.17)}.tile[data-selected="true"]{box-shadow:0 0 0 3px #e5ff8b,inset 0 0 12px #e5ff8b55;z-index:2;transform:scale(1.04)}.tile[data-special="row"]{border-color:#c9ff8a;box-shadow:inset 0 -4px #beff7a44}.tile[data-special="bomb"]{border-color:#ffa9d9;box-shadow:inset 0 -4px #ff80c844}.tile[data-special="rainbow"]{background:linear-gradient(135deg,#774cff,#b8509f,#8d7931);border-color:#f6ecff}.special-tag{position:absolute;right:0;bottom:0;font-size:12px;background:#191323;border-radius:4px;padding:1px 2px;box-shadow:0 0 4px #000}.tile.hint{animation:hint .7s ease-in-out infinite alternate;z-index:2}.tile.pop{animation:pop .28s ease-in forwards}.tile.fall{animation:fall .24s cubic-bezier(.2,.8,.3,1)}.tile.nope{animation:nope .25s}.tile.swap{animation:swap .15s}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#100c19db;backdrop-filter:blur(5px);border-radius:16px;z-index:6}#overlay[hidden]{display:none}.overlay-card{text-align:center;width:100%;padding:20px 22px}.sticker{display:inline-block;border:1px solid #a8bc6a;color:#e5ff8b;border-radius:5px;padding:5px 8px;font-size:9px;letter-spacing:1.7px;font-weight:800;transform:rotate(-3deg)}.hero-emoji{font-size:63px;margin:9px 0 5px;line-height:1.1}h2{font-size:29px;letter-spacing:-1px;margin:7px 0 8px}.overlay-card>p{font-size:13px;color:#d9cbe3;margin:0 auto 15px;max-width:310px;line-height:1.5}.mode-picker{display:flex;gap:9px;justify-content:center;margin:10px 0 15px}.mode-picker button{width:172px;background:#30243e;border:1px solid #665074;border-radius:9px;padding:10px 8px;font-size:14px;font-weight:800;text-align:left}.mode-picker button[aria-pressed="true"]{border-color:#e5ff8b;background:#40452c;color:#e5ff8b}.mode-picker span{display:block;color:#d9cbe3;font-size:10px;font-weight:400;margin-top:3px}.mode-picker[hidden]{display:none}.primary{background:#e5ff8b;color:#21162e;font-size:17px;font-weight:900;border:0;box-shadow:0 4px 0 #95aa53;border-radius:10px;width:100%;max-width:353px;padding:12px 20px}.primary:hover{background:#efffb7}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #95aa53}.overlay-card>.overlay-tip{font-size:10px;margin:15px 0 0;max-width:none;color:#c8b9d4}.announcement{height:22px;text-align:center;font-size:12px;font-weight:700;margin:10px 0 6px;line-height:20px;color:#eacaff;white-space:nowrap}.tools{display:flex;gap:6px;height:34px;justify-content:space-between}.tools button{background:#32273d;border:1px solid #5b4869;border-radius:7px;padding:6px 10px;font-size:11px;font-weight:700;min-width:33px}.tools button:hover:not(:disabled){background:#4a365c}.tools #bonkBtn[aria-pressed="true"]{background:#e5ff8b;color:#21162e}.tools #bonkCount{background:#120e19;border-radius:4px;color:#e5ff8b;padding:1px 4px;margin-left:3px}.guide{text-align:center;color:#c4b2d0;font-size:10px;line-height:1.55;margin:9px 0 8px}footer{display:flex;justify-content:space-between;color:#a998b7;font-size:8px;letter-spacing:1px;border-top:1px solid #ffffff12;padding-top:7px}#bonusLabel{color:#d8ec98;letter-spacing:.4px}.particle{position:absolute;pointer-events:none;font-size:20px;left:var(--x);top:var(--y);animation:confetti .65s ease-out forwards;z-index:5}.score-float{position:absolute;left:50%;top:43%;transform:translateX(-50%);font-size:34px;font-weight:950;color:#e5ff8b;text-shadow:0 3px 0 #291639,0 0 15px #291639;animation:score-up .8s ease-out forwards;z-index:5;white-space:nowrap}.unhinged .board-wrap{border-color:#e5ff8b;box-shadow:0 0 25px #b5fa4525}.unhinged h1>span{color:#ffafdc}.low-time #clock{color:#ff9caf}.paused .tile,.paused .particle{animation-play-state:paused}#particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:16px}.bonking .tile{cursor:crosshair}.is-fullscreen{position:fixed;inset:0;z-index:9999}body:fullscreen{width:100vw;height:100vh}
@keyframes pop{40%{transform:scale(1.18);filter:brightness(1.5)}100%{transform:scale(.1) rotate(20deg);opacity:0}}@keyframes fall{from{transform:translateY(-20px);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes nope{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes swap{from{transform:scale(.8)}to{transform:scale(1)}}@keyframes hint{to{box-shadow:inset 0 0 0 2px #e5ff8b,0 0 10px #e5ff8b88;filter:brightness(1.2)}}@keyframes confetti{to{transform:translate(var(--dx),var(--dy)) rotate(100deg);opacity:0}}@keyframes score-up{0%{opacity:0;transform:translate(-50%,15px) scale(.7)}20%{opacity:1;transform:translate(-50%,0) scale(1.05)}100%{opacity:0;transform:translate(-50%,-40px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.tile.pop{opacity:.25}.particle,.score-float{display:none}}