.heading{display:flex;justify-content:space-between;align-items:center;margin:32px 0 24px}.heading a{color:#59647a;text-decoration:none;font-size:14px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#7c6aa0;margin:0 0 8px}h1{font-size:30px;margin:0;letter-spacing:-1px}h2{margin:0;letter-spacing:-.7px}.intro{background:#f4f0fb;border:1px solid #e9e1f4;border-radius:22px;display:flex;align-items:center;justify-content:space-between;padding:28px 40px;margin-bottom:26px;overflow:hidden}.intro h2{font-size:29px;line-height:1.45}.intro p:last-child{font-size:14px;line-height:1.8;color:#6c6380;margin-bottom:0}.intro-art{display:flex;align-items:center;padding-right:20px}.intro-art img,.intro-art span{width:108px;height:138px;background:white;border:5px solid white;border-radius:15px;box-shadow:0 10px 24px #57437617;object-fit:contain;transform:rotate(12deg);margin-left:-14px}.intro-art img:last-child{transform:rotate(-7deg);margin-top:28px}.intro-art span{background:#8d76ae;color:white;display:grid;place-items:center;font:60px Georgia;transform:rotate(-14deg);margin-right:4px}.layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:26px;align-items:start}.settings{border:1px solid #e5e4ed;padding:22px;border-radius:18px}.settings h2{font-size:18px}.caption{font-size:12px;font-weight:700;color:#777284;margin:25px 0 12px}.themes{display:grid;gap:9px}button{border:1px solid #e1dce9;background:white;color:#423654;border-radius:10px}.themes button{display:flex;align-items:center;text-align:left;padding:9px;gap:9px}.themes img{width:44px;height:44px}.themes span{font-size:14px;font-weight:700}.themes small{display:block;font-size:10px;font-weight:400;color:#716980;margin-top:4px}[aria-pressed=true]{background:#f4effa;border-color:#997fb8}.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.levels button{padding:12px 2px;font-size:11px}.levels strong{display:block;font-size:19px;margin:5px 0}.levels small{font-size:10px;color:#797080}.primary{background:#796099;color:white;border-color:#796099;padding:12px 16px;font-weight:700}.settings>.primary{width:100%;margin-top:22px}.note{font-size:11px;color:#82798d;line-height:1.8;text-align:center}details{margin-top:22px;border-top:1px solid #e9e5ef;padding-top:16px;font-size:12px;line-height:1.8;color:#70677c}summary{cursor:pointer;font-weight:700}.play{border:1px solid #e8e3ef;border-radius:18px;padding:24px;background:#fdfcfe}.board-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.board-heading h2{font-size:21px}.board-heading>span{font-size:12px;color:#83798f}.stats{display:grid;grid-template-columns:repeat(3,1fr);background:white;border:1px solid #ebe6f0;border-radius:12px;padding:13px;margin:20px 0;gap:8px;text-align:center}.stats span{display:block;font-size:11px;color:#847a91;margin-bottom:4px}.stats strong{font-size:21px;font-variant-numeric:tabular-nums}.stats>div+div{border-left:1px solid #eee8f3}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:550px;margin:auto}.board.large{grid-template-columns:repeat(6,minmax(0,1fr));max-width:none}.tile{aspect-ratio:1.12;min-width:0;position:relative;display:grid;place-items:center;padding:8px;border:2px solid #a38bbd;background:#9278af;border-radius:12px;box-shadow:0 3px 0 #7a6295;transition:background .15s,transform .15s}.tile:hover{transform:translateY(-2px)}.tile::before{content:'✦';color:#e1d6ed;font-size:32px;border:1px solid #b7a4cb;border-radius:7px;position:absolute;inset:6px;display:grid;place-items:center}.tile img{display:none;position:absolute;inset:8%;width:84%;height:84%;object-fit:contain}.tile.open{background:white;border-color:#b8a1d0;box-shadow:0 3px 0 #e0d7e9}.tile.open::before{display:none}.tile.open img{display:block}.tile.matched{border-color:#94b9a1;background:#f2faf4;box-shadow:none}.tile.matched::after{content:'✓';position:absolute;right:5px;bottom:3px;font-size:13px;color:#47785a}.tile:disabled{cursor:default;opacity:1}.tile:disabled:hover{transform:none}#status{font-size:13px;color:#766682;text-align:center;min-height:20px;margin:20px 0 0}.result{text-align:center;background:#f1f7ee;border-radius:14px;padding:23px;margin-top:20px}.result h2{font-size:23px}.result p{font-size:14px;color:#516147;line-height:1.8}dialog{border:1px solid #e3d8eb;border-radius:18px;padding:28px;max-width:calc(100% - 36px)}dialog::backdrop{background:#23133266}dialog h2{font-size:21px}dialog p{font-size:14px;color:#766b82}dialog form{display:flex;justify-content:end;gap:8px;margin-top:24px}dialog button{padding:10px 16px}[hidden]{display:none!important}
@media(max-width:850px){.layout{grid-template-columns:1fr}.settings{padding:18px}.themes{grid-template-columns:repeat(3,minmax(0,1fr))}.themes button{flex-direction:column;text-align:center}.caption{margin-top:18px}.settings>.primary{margin-top:15px}.note{margin-bottom:0}.intro{padding:26px}.intro-art img,.intro-art span{width:76px;height:103px}.intro-art{padding-right:0}.intro h2{font-size:25px}details{margin-top:15px}}
@media(max-width:480px){.heading{margin-top:25px}h1{font-size:25px}.heading a{font-size:12px}.intro{padding:22px;position:relative;min-height:210px}.intro h2{font-size:23px}.intro .eyebrow{font-size:8px;letter-spacing:1px}.intro p:last-child{font-size:12px}.intro-art{position:absolute;right:-24px;bottom:20px;opacity:.8}.intro-art span{display:none}.intro-art img{width:62px;height:82px}.intro-art img:last-child{margin-left:-25px}.play{padding:16px 11px}.board{gap:8px}.board.large{grid-template-columns:repeat(4,minmax(0,1fr))}.tile{border-radius:9px;padding:4px}.board-heading h2{font-size:19px}.board-heading>span{font-size:10px}.stats strong{font-size:19px}.themes small{display:none}.themes span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.tile{transition:none}}
@media(max-width:480px){.intro{padding-bottom:100px}.intro-art{right:28px;bottom:15px}.intro-art img{width:51px;height:65px}.intro-art img:last-child{margin-left:8px;margin-top:0}.themes span{word-break:keep-all}.heading .eyebrow{letter-spacing:1.5px}}