*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;background:radial-gradient(120% 80% at 50% 0%,#211a12 0%,#0b0b10 60%);color:#efe7d6;font:16px/1.5 Manrope,Helvetica,Arial,sans-serif;padding:max(16px,env(safe-area-inset-top)) 16px 40px}
.ch{max-width:560px;margin:0 auto;text-align:center}
.brand{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:20px;color:#efe7d6;text-decoration:none}.brand b{color:#e8b45a;font-weight:700}
.who{margin:18px 0 2px;color:#e8b45a;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:12px}
h1{font-family:Marcellus,Georgia,serif;font-weight:400;font-size:clamp(26px,6.5vw,38px);line-height:1.12;margin:4px 0 6px}
.note{margin:0 0 6px;color:#c9c0ad;font-style:italic}
.clock{display:inline-block;margin:8px 0 12px;font:700 20px/1 ui-monospace,Menlo,monospace;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-variant-numeric:tabular-nums}
.clock.good{color:#7be0a8;border-color:rgba(123,224,168,.5)}.clock.bad{color:#ff9a8a;border-color:rgba(255,154,138,.5)}
.board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:min(100%,520px);aspect-ratio:1;margin:0 auto;border-radius:10px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 0 6px #3b2a1a}
.sq{position:relative;border:0;padding:0;margin:0;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-width:0;min-height:0;overflow:hidden}
.sq.lt{background:#debe8e var(--lt) var(--wp)/220% 220%}.sq.dk{background:#835c3a var(--dk) var(--wp)/220% 220%}
.sq img{width:90%;height:90%;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}
.sq.last::before{content:"";position:absolute;inset:0;background:rgba(255,214,90,.42)}
.sq.sel::before{content:"";position:absolute;inset:0;background:rgba(116,228,255,.45)}
.sq.bad::before{content:"";position:absolute;inset:0;background:rgba(255,80,60,.5)}
.sq .dot{position:absolute;width:28%;height:28%;border-radius:50%;background:rgba(20,30,20,.35)}
.sq .cap{position:absolute;inset:6%;border-radius:50%;box-shadow:inset 0 0 0 5px rgba(20,30,20,.35)}
.sq i{position:absolute;font:700 10px/1 Manrope,sans-serif;font-style:normal;opacity:.8;pointer-events:none}.sq .rk{left:3px;top:3px}.sq .fl{right:3px;bottom:2px}
.sq.lt i{color:#8a6440}.sq.dk i{color:#ead2a8}
.status{min-height:24px;margin:14px 0 0;color:#d8cfbc;font-weight:600}
.after{margin-top:22px;padding:22px 18px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.after h2{font-family:Marcellus,Georgia,serif;font-weight:400;font-size:30px;margin:0 0 12px}
.stats{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}.stats div{display:grid;min-width:120px;padding:10px 12px;border-radius:14px;background:rgba(232,180,90,.08);border:1px solid rgba(232,180,90,.25)}
.stats b{font-size:26px;color:#e8b45a}.stats span{font-size:12.5px;color:#c9c0ad}
.lb{list-style:none;padding:0;margin:0 auto 16px;max-width:320px;text-align:left}.lb li{display:flex;justify-content:space-between;padding:6px 4px;border-bottom:1px solid rgba(255,255,255,.08)}
.btn{display:block;width:100%;max-width:380px;margin:10px auto 0;padding:14px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:#efe7d6;font:700 15px/1.2 Manrope,sans-serif;text-decoration:none;cursor:pointer}
.btn.gold{background:linear-gradient(180deg,#f2c877,#d79c3d);color:#1a1206;border:0;box-shadow:0 10px 26px rgba(215,156,61,.3)}
.btn.ghost{background:none}
.fine{margin-top:26px;color:#7f786c;font-size:13px}.fine a{color:#a59d8d}