*{box-sizing:border-box}body{margin:0;min-height:100svh;background:linear-gradient(#071427bb,#08101fee),url('night-market-bg.png') center/cover fixed;color:#f7f4eb;font-family:system-ui,"Noto Sans TC",sans-serif}main{width:min(520px,100%);min-height:100svh;margin:auto;padding:18px 16px 36px;background:linear-gradient(180deg,#071426cc,#101632dd)}header{display:flex;justify-content:space-between;align-items:center;color:#8ce2d5;font-size:12px}header a{color:#f1c66d;text-decoration:none}h1{font-size:54px;line-height:.95;letter-spacing:-.08em;margin:42px 0 12px}h1 em{font-style:normal;color:#f1c66d}.lead{color:#b8c7d8;line-height:1.6;margin-bottom:18px}.hud{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;align-items:end;margin:14px 0 12px}.hud b{font-size:24px;color:#f1c66d}.hud span{font-size:10px;color:#93a5bb;padding-bottom:4px}.hud span:nth-of-type(2){grid-column:4}.hud span:nth-of-type(3){grid-column:6}.hud b:nth-of-type(2){grid-column:3}.hud b:nth-of-type(3){grid-column:5}.hud b:nth-of-type(3){color:#8ce2d5}.hud span:nth-of-type(1){grid-column:2}.hud span:nth-of-type(2){grid-column:4}.hud span:nth-of-type(3){grid-column:6}#board{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;padding:10px;border:1px solid #496887;border-radius:18px;background:#081323bb;box-shadow:0 18px 50px #0008} .tile{aspect-ratio:1;border:0;border-radius:13px;cursor:pointer;color:#fff;font-size:27px;font-weight:900;box-shadow:inset 0 1px #fff5,0 5px 0 #0007;transition:transform .14s,filter .14s}.tile:active{transform:scale(.9)}.tile.sel{outline:3px solid #fff;transform:translateY(-4px) scale(1.04);filter:brightness(1.3)}.t0{background:linear-gradient(145deg,#ec756a,#913d55)}.t1{background:linear-gradient(145deg,#6ed5c8,#1e6874)}.t2{background:linear-gradient(145deg,#f4ca69,#9a5b2a)}.t3{background:linear-gradient(145deg,#b18cff,#51358c)}.t4{background:linear-gradient(145deg,#80a9ec,#30508f)}.t5{background:linear-gradient(145deg,#f39dca,#953b77)}#hint{text-align:center;color:#9ab0c9;font-size:12px}button#start{display:block;width:100%;padding:14px;border:0;border-radius:13px;background:linear-gradient(135deg,#f5d278,#c47d42);font-weight:900;font-size:16px;cursor:pointer}#result{margin-top:18px;padding:18px;border:1px solid #577092;border-radius:16px;background:#0e1a31ee;text-align:center}#result h2{margin:0;color:#f1c66d}@media(max-width:380px){h1{font-size:46px}}
 .tile{background-image:url('portraits.png');background-size:300% 200%;background-repeat:no-repeat;font-size:0;border:2px solid #fff5}.tile.t0{background-position:0 0}.tile.t1{background-position:50% 0}.tile.t2{background-position:100% 0}.tile.t3{background-position:0 100%}.tile.t4{background-position:50% 100%}.tile.t5{background-position:100% 100%}