*{box-sizing:border-box}html,body{height:100%;margin:0}body{font:15px/1.4 PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;color:#f4f1ea;background:#141821}#app{height:100%;max-height:100dvh;display:flex;flex-direction:column;gap:6px;padding:10px 12px 12px;position:relative}.embed body,html.embed,html.embed body{overflow:hidden}html.embed #app{padding:6px 8px;gap:4px;overflow:hidden}.top,.hud{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none}.top strong{font-size:18px}html.embed .top strong{font-size:15px}.top a{color:#9ec1ff;font-size:13px}.top .mute{border:1px solid rgba(255,255,255,.22);background:#ffffff0f;color:#f4f1ea;border-radius:8px;padding:4px 10px;font:inherit;font-size:13px;cursor:pointer}.top .mute[aria-pressed=true]{opacity:.55}.hud{font-size:14px;color:#d5d0c6;flex-wrap:wrap}html.embed .hud{font-size:13px}.hud b{color:#fff;font-variant-numeric:tabular-nums}.hud .low{color:#ffb4a8}.board-wrap{flex:1;min-height:0;display:grid;place-items:center;container-type:size}#board{width:min(100cqi,100cqb,640px);aspect-ratio:1;position:relative;background:linear-gradient(to right,rgba(255,255,255,.055) 1px,transparent 1px) 0 0 / 12.5% 100%,linear-gradient(to bottom,rgba(255,255,255,.055) 1px,transparent 1px) 0 0 / 100% 12.5%,#222733;border:2px solid rgba(255,255,255,.14);border-radius:14px;box-shadow:inset 0 0 0 1px #00000059;touch-action:manipulation;overflow:hidden}.fx-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;overflow:hidden}.burst{position:absolute;width:12.5%;height:12.5%;display:grid;place-items:center;animation:burst-fade .42s ease-out forwards}.burst i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--p, #ffe08a);box-shadow:0 0 10px var(--p, #ffe08a);animation:spark .42s ease-out forwards;--dx: 0px;--dy: 0px}.burst .ring{width:42%;height:42%;border-radius:50%;border:2px solid rgba(255,224,138,.9);box-shadow:0 0 16px #ffe08a8c;animation:ring-pop .36s ease-out forwards}@keyframes spark{to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}@keyframes ring-pop{0%{transform:scale(.4);opacity:1}to{transform:scale(2.1);opacity:0}}@keyframes burst-fade{to{opacity:0}}.tile{position:absolute;width:12.5%;height:12.5%;padding:3px;border:0;background:transparent;color:inherit;border-radius:12px;transition:left .18s ease,top .18s ease,transform .16s ease,opacity .18s ease,box-shadow .16s ease,filter .16s ease;z-index:1}.tile:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;pointer-events:none;z-index:0}.tile .face{position:relative;z-index:1;display:block;width:100%;height:100%}.tile .face svg{width:100%;height:100%;display:block}.tile.hover{transform:scale(1.06);z-index:3;filter:brightness(1.08)}.tile.hover:before{border-color:#ffe08a8c;box-shadow:0 0 0 1px #ffe08a40,0 0 14px #ffe08a47;background:#ffe08a14}.tile.selected{outline:none;z-index:3;transform:scale(1.04);filter:brightness(1.1)}.tile.selected:before{border-color:#ffe08a;box-shadow:0 0 0 2px #ffe08ad9,0 0 18px #ffe08a8c;background:#ffe08a1f}.tile.pop{transform:scale(.12);opacity:0;filter:brightness(1.6);z-index:2}.tile.cascade{animation:cascade-boost .22s ease-out}@keyframes cascade-boost{0%{filter:brightness(1)}40%{filter:brightness(1.35) saturate(1.2)}to{filter:brightness(1)}}.badge{position:absolute;right:2px;bottom:2px;z-index:2;font-style:normal;font-size:11px;line-height:1;padding:1px 3px;border-radius:4px;background:#111;pointer-events:none}.badge:empty{display:none}.badge.row,.badge.col{background:#0b6b4a}.badge.bomb{background:#8a3b12}.badge.color{background:#5b2d86}.ice-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.ice{position:absolute;width:12.5%;height:12.5%;background:#d6ecff6b;box-shadow:inset 0 0 0 2px #ffffffb3;border-radius:8px}.hint{margin:0;flex:none;min-height:1.3em;color:#b7b1a6;font-size:13px}html.embed .hint{font-size:12px}.mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0c10b8;display:grid;place-items:center;padding:16px;z-index:5}.mask[hidden]{display:none}.sheet{width:min(100%,420px);background:#2a3142;border-radius:12px;padding:14px 14px 12px}.sheet p{margin:0 0 12px}.sheet button{border:0;background:#f0c14a;color:#1b1404;border-radius:8px;padding:8px 14px;font:inherit}@media(prefers-reduced-motion:reduce){.tile{transition:none}.tile.hover,.tile.selected,.tile.cascade{transform:none;animation:none;filter:none}.burst,.burst i,.burst .ring{animation:none;opacity:0}}@media(hover:none){.tile.hover{transform:none;filter:none}}