*{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}.hud{font-size:14px;color:#d5d0c6}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:#222733;border-radius:12px;touch-action:manipulation}.tile{position:absolute;width:12.5%;height:12.5%;padding:2px;border:0;background:transparent;color:inherit;transition:left .18s ease,top .18s ease,transform .18s ease,opacity .18s ease}.tile .face{display:block;width:100%;height:100%}.tile .face svg{width:100%;height:100%;display:block}.tile.selected{outline:2px solid #ffe08a;outline-offset:-3px;border-radius:10px}.tile.pop{transform:scale(.15);opacity:0}.badge{position:absolute;right:1px;bottom:1px;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}.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}}