body{background:#071e24 radial-gradient(ellipse at 50% 10%,#214b4c,transparent 70%);color:#fbf5df}main{max-width:1200px;padding:18px 26px 28px}main>a{font-size:12px;letter-spacing:.04em;color:#a3c2bd}header{margin:16px 0 20px;gap:20px}h1{font-weight:400;letter-spacing:-1.6px;font-size:clamp(30px,4vw,43px);text-shadow:0 3px 20px #0002}.eyebrow{font-size:10px;letter-spacing:2.2px;color:#d5bd7f;margin-bottom:8px}.stats{gap:0;background:#08242970;border:1px solid #ffffff13;border-radius:13px;padding:12px 0}.stats>div{padding:0 19px;min-width:82px}.stats>div+div{border-left:1px solid #e2d5b21a}.stats b{font:500 25px Georgia,serif;font-variant-numeric:tabular-nums;color:#f0dca7;margin-bottom:4px}.stats span{font-size:9px;letter-spacing:1.25px;color:#b1c6bc}.toolbar{margin:0 0 13px;gap:7px}button,select{border-radius:8px;border:1px solid #a0bfa22c;background:linear-gradient(#29524990,#173d3890);box-shadow:inset 0 1px #ffffff0d,0 2px 4px #00191e22;padding:10px 14px;font-size:12px;color:#e4eee1;transition:background .15s,box-shadow .15s,transform .15s}button:hover{background:#386357}.gold{background:linear-gradient(145deg,#f6e1ac,#ceac68);color:#203c32;border:1px solid #ffe9b6;box-shadow:inset 0 1px #fff8,0 3px 9px #0002}.gold:hover{background:#f6e1ac}select{min-width:202px;background-color:#1c443d}.table{border:7px solid #183a35;border-radius:22px;background-color:#205d51;background-image:radial-gradient(ellipse at 46% 38%,#3b7b6355,transparent 66%),repeating-linear-gradient(35deg,#ffffff02 0 1px,transparent 1px 4px),repeating-linear-gradient(-35deg,#00000004 0 1px,transparent 1px 4px);box-shadow:0 0 0 1px #75967c70,inset 0 0 0 1px #b3c59950,inset 0 0 70px #001e2580,0 20px 50px #0003;padding:24px 16px 16px}.table:before{content:'';inset:14px;transform:none;width:auto;height:auto;border:1px solid #d9d7a818;border-radius:7px;pointer-events:none}.table:after{content:'✧';position:absolute;bottom:9px;left:50%;font-size:16px;color:#cccd9b55;pointer-events:none}#board{isolation:isolate}progress{appearance:none;display:block;height:3px;margin:0 0 12px;border-radius:4px;overflow:hidden;background:#a2b6a018}progress::-webkit-progress-bar{background:#a2b6a018}progress::-webkit-progress-value{background:linear-gradient(90deg,#568c71,#e6cd8c);border-radius:4px}progress::-moz-progress-bar{background:#e6cd8c}
.tile{border-radius:12% / 9%;border:1px solid #d5d0af;background:linear-gradient(135deg,#fffef0 0%,#f7f2dc 45%,#e6dfc3 100%);box-shadow:inset 1px 2px 1px #fff,inset -2px -2px 2px #b7b18c50,0 2px 0 #c6c9ac,0 var(--edge) 0 #4f9576,0 calc(var(--edge) + 2px) 0 #174e3f,2px calc(var(--edge) + 5px) 6px #001c2770;color:#213d39;text-shadow:0 1px #fff8;transition:filter .16s,transform .16s,outline .16s}.tile:after{content:'';position:absolute;inset:3px;border:1px solid #ffffff50;border-radius:inherit;pointer-events:none}.tile svg{height:88%;width:88%;filter:drop-shadow(0 1px 0 #fff9)}.tile small{font:600 calc(var(--w)*.145) Georgia,serif;top:4px;left:5px;color:#38594f}.tile .honor{font:600 calc(var(--w)*.60)/1 'Kaiti SC','STKaiti','KaiTi',serif;text-shadow:0 1px #fff}.character-number{font:500 calc(var(--w)*.39)/1.05 'Kaiti SC','STKaiti','KaiTi',serif;color:#273b38}.character-suit{font:600 calc(var(--w)*.46)/1.05 'Kaiti SC','STKaiti','KaiTi',serif;color:#aa3041}.tile.blocked{filter:brightness(.87) saturate(.8)}.tile.blocked:hover{transform:none;background:linear-gradient(135deg,#fffef0,#e6dfc3)}.tile:not(.blocked):hover{background:linear-gradient(135deg,#fffef5,#fff3c8);transform:translateY(-2px)}.tile.selected,.tile.selected:hover{outline:2px solid #f5c967;outline-offset:1px;transform:translateY(-4px);background:linear-gradient(135deg,#fffce9,#fae7ad);box-shadow:inset 0 2px 2px #fff,0 var(--edge) 0 #b28b3d,0 calc(var(--edge) + 2px) 0 #765c2b,0 0 22px #ffd47d60}.tile.hint{outline:2px solid #8df1d0;outline-offset:1px;box-shadow:inset 0 1px #fff,0 var(--edge) 0 #3d9473,0 calc(var(--edge) + 2px) 0 #174e3f,0 0 20px #8df1d060}#status{font-size:12px;color:#d0ddc9;margin:18px 0 9px;letter-spacing:.02em;position:relative;z-index:1}footer{font-size:11px;letter-spacing:.04em;color:#91b4a6;margin-top:17px}details{font-size:12px;margin-top:14px}summary{color:#c5d4bb}details p{max-width:820px;color:#a7bfb2}.table #pauseCover{border-radius:14px;background:radial-gradient(ellipse,#326654,#103c37)}
@media(max-width:700px){main{padding:14px 12px}header{align-items:center;flex-wrap:wrap;margin:17px 0 14px}header>div:first-child{width:100%}h1{font-size:32px;margin:0}.eyebrow{font-size:9px;margin-bottom:5px}.stats{width:100%;justify-content:space-around;padding:9px 0}.stats>div{flex:1;padding:0 10px}.stats b{font-size:21px}.stats span{font-size:8px}.toolbar{gap:6px}button,select{font-size:11px;padding:10px 11px}select{min-width:180px;flex:1}.table{padding:20px 5px 12px;border-width:4px;border-radius:14px}.table:before{inset:8px}.tile small{top:2px;left:3px}.tile:after{inset:2px}#status{font-size:11px}footer{display:flex;flex-wrap:wrap;gap:6px;font-size:10px}}@media(prefers-reduced-motion:reduce){.tile,button{transition:none}}