:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#352347;background:#fff6e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(at 95% 5%,#ecd5f9,transparent 40%),radial-gradient(at 0% 85%,#d5f4dd,transparent 40%)}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8c49d1;outline-offset:4px}.wrap{max-width:1390px;margin:auto;padding:0 40px}header{min-height:95px;border-bottom:1px solid #decfe1;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:28px;letter-spacing:-1.8px;font-weight:900}.brand span{color:#8052bd}nav{display:flex;gap:26px;font-weight:650;font-size:13px}.intro{display:flex;justify-content:space-between;align-items:center;padding:45px 0 30px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.7px;line-height:1.8}.eyebrow span{background:#eee2fa;border-radius:4px;margin-left:8px;padding:5px;font-size:8px}h1{font-size:clamp(48px,6vw,80px);line-height:1;letter-spacing:-4px;margin:16px 0}h1 span{color:#8052bd}.intro>div>p:last-child{color:#796b83}.intro-mark{font-size:38px;color:#e88d48;display:flex;align-items:center;gap:20px;transform:rotate(-8deg)}.intro-mark span{font-size:95px;color:#a477d4}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;align-items:start}.play,.guide{background:#fffdf9e8;border:1px solid #eadfec;border-radius:24px;padding:25px}.board-heading{display:flex;justify-content:space-between;align-items:center}.board-heading .eyebrow{margin:0}h2{font-size:27px;letter-spacing:-1px;margin:6px 0 14px}.turns{text-align:center;color:#8a7b91;font-size:12px}.turns strong{display:block;color:#8052bd;font-size:30px}.levels{display:flex;gap:8px;margin:10px 0 22px}.levels button{background:#f6f0fa;border:1px solid #e5d9ed;color:#695675;flex:1;padding:12px 5px;border-radius:12px;font-size:12px;font-weight:750}.levels small{display:block;font-weight:500;margin-top:4px}.levels [aria-pressed=true]{background:#8052bd;color:white;border-color:#8052bd}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.board.large{grid-template-columns:repeat(4,minmax(0,1fr))}.card{position:relative;aspect-ratio:1/1.12;border:0;border-radius:18px;background:none;padding:0;min-width:0;perspective:800px}.card-inner{height:100%;width:100%;position:relative;transform-style:preserve-3d;transition:transform .35s}.card.revealed .card-inner{transform:rotateY(180deg)}.front,.back{position:absolute;inset:0;border-radius:18px;backface-visibility:hidden;overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 4px 0 #d5c7e2}.back{background:radial-gradient(circle at 35% 25%,#b48ae1,transparent 65%),#8052bd;color:#f6e9ff}.card:nth-child(3n+2) .back{background:radial-gradient(circle at 35% 25%,#f5a5bd,transparent 65%),#da6495}.card:nth-child(3n) .back{background:radial-gradient(circle at 35% 25%,#ffcf75,transparent 65%),#eda34e}.back:before{content:"";position:absolute;inset:9px;border:1px dashed #ffffff77;border-radius:11px}.back span{font-size:clamp(35px,6vw,65px);text-shadow:0 3px 0 #0001}.back small{position:absolute;bottom:15px;letter-spacing:2px;font-size:8px;font-weight:800}.front{transform:rotateY(180deg);background:#f5ebff;flex-direction:column;padding:5px 4px 12px}.front img{display:block;width:100%;height:calc(100% - 20px);object-fit:contain}.front b{font-size:12px}.card.matched .front{border:3px solid #8cbb57;background:#eff8df;box-shadow:0 4px 0 #b9d789}.card.matched:after{content:'✓';position:absolute;right:8px;top:8px;background:#d7edab;color:#496a28;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-weight:bold}.board-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:22px;font-size:12px;font-weight:650}.board-bottom button,#continue{border:1px solid #dfcfec;border-radius:10px;background:#f4edfb;padding:11px;color:#765499}#status{min-height:26px;color:#7e6d8d;font-size:13px;line-height:1.5}.world{position:relative;height:250px;border-radius:24px;overflow:hidden;margin-bottom:18px}.world img{width:100%;height:100%;object-fit:cover}.world:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#20143dbb)}.world>div{position:absolute;bottom:12px;left:22px;z-index:1;color:white}.world h2{font-size:36px;line-height:1;margin-top:8px}.world .eyebrow{font-size:8px}.guide ol{padding-left:20px;color:#73627f;font-size:14px;line-height:1.65}.guide li{padding:5px 0}.gentle{font-size:18px;font-weight:750;line-height:1.5}.hold{font-size:12px;display:flex;gap:8px;line-height:1.6;align-items:start}.hold input{accent-color:#8052bd}.keyboard{font-size:11px;line-height:1.7;color:#8f8296}.win{background:#edf5d8;border-radius:16px;padding:18px;display:flex;gap:12px;align-items:center;margin-top:18px}.win>span{font-size:40px;color:#8cad44}.win h2{font-size:18px;letter-spacing:0;margin:0}.win p{font-size:12px}.win button{border:0;border-radius:10px;background:#8052bd;color:white;padding:12px;font-weight:700}.win[hidden],[hidden]{display:none!important}footer{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#8b7b93;padding:30px 0;margin-top:35px;border-top:1px solid #e3d5e7}footer a{font-weight:750;color:#8052bd}.skip{position:fixed;top:-80px;left:15px;z-index:9;background:white;padding:15px}.skip:focus{top:10px}@media(max-width:1000px){.wrap{padding:0 24px}.layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.play,.guide{padding:18px}.board{gap:8px}.board.large{grid-template-columns:repeat(3,minmax(0,1fr))}.intro-mark{display:none}}@media(max-width:720px){.wrap{padding:0 15px}header{min-height:76px}.brand{font-size:23px}nav{gap:12px;font-size:11px}.intro{padding:26px 0 18px}h1{letter-spacing:-2.5px}.eyebrow span{display:inline-block;margin:3px 0}.layout{grid-template-columns:1fr}.board.large{grid-template-columns:repeat(4,minmax(0,1fr))}.board.large .back small{display:none}aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.world{height:100%;min-height:280px}.guide{padding:16px}.world h2{font-size:29px}.world>div{left:15px}.win{flex-wrap:wrap}footer{line-height:1.7}.levels button{font-size:10px}.board-heading h2{font-size:23px}}@media(max-width:400px){aside{grid-template-columns:1fr}.world{min-height:210px;height:210px}.board.large{grid-template-columns:repeat(3,minmax(0,1fr))}.front b{font-size:10px}.board-bottom{font-size:10px}.play{padding:14px}}@media(prefers-reduced-motion:reduce){.card-inner{transition:none}}
.card-inner{display:block}