:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f5f1ee;background:#111223}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 4%,#4e355a55,transparent 31%),radial-gradient(ellipse at 0 40%,#21395955,transparent 35%),#111223}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit;text-decoration:none}.site-header{max-width:1500px;margin:auto;padding:19px clamp(18px,4vw,58px);display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #ffffff21}.site-brand{display:flex;align-items:center;gap:10px}.site-brand img{width:42px;height:42px}.site-brand b{display:block;letter-spacing:.18em}.site-brand small{display:block;font-size:.54rem;color:#ac9eab;letter-spacing:.24em;margin-top:3px}nav{display:flex;gap:clamp(12px,2vw,30px);font-size:.76rem;letter-spacing:.07em;font-weight:700;color:#c0b4c5}nav a:hover{color:#ffca94}main{max-width:1500px;margin:auto;padding:0 clamp(18px,4vw,58px)}.hero{min-height:360px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:20px;padding:36px 0 30px}.eyebrow{font-size:.67rem;font-weight:850;letter-spacing:.2em;color:#ffc392}.eyebrow i{display:inline-block;width:4px;height:4px;vertical-align:middle;border-radius:50%;background:#ffc392;margin:0 8px}.hero h1{font-size:clamp(2.9rem,6.9vw,6.4rem);letter-spacing:-.085em;line-height:.95;margin:18px 0}.hero h1 span{color:#ffbb8b}.hero p:not(.eyebrow){max-width:480px;color:#cdc3d2;font-size:clamp(.98rem,1.7vw,1.3rem);line-height:1.5}.hero-link{display:inline-flex;gap:36px;align-items:center;border-bottom:1px solid #f2b98b;color:#f7c399;padding:13px 0;font-size:.72rem;letter-spacing:.14em;font-weight:850}.hero-art{position:relative;height:280px;display:flex;justify-content:center;align-items:center;perspective:800px}.hero-art img{position:absolute;width:190px;height:190px;border-radius:10px;border:5px solid #f5eee7;box-shadow:0 22px 50px #08081eaa}.hero-art img:first-child{transform:translate(-95px,10px) rotate(-16deg)}.hero-art img:nth-child(2){transform:translate(65px,17px) rotate(12deg)}.hero-art img:nth-child(3){transform:translate(0,-18px) rotate(-2deg);z-index:2}.dashboard{border-top:1px solid #ffffff26;padding-top:28px}.dash-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}.dash-heading h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.06em;margin:5px 0 0}.dash-heading p:last-child{color:#b8abba;font-size:.85rem}.progress{width:170px;flex:none}.progress span,.art-card-head,.stat-card span,.guide-card>span,.pilot-card label,.board-header,.board-footer{font-size:.65rem;letter-spacing:.15em;font-weight:800;color:#baabba}.progress strong{display:block;font-size:2.4rem;margin:5px 0;font-variant-numeric:tabular-nums}.progress strong small{color:#97899e;font-size:1rem}.progress-track{height:5px;border-radius:10px;background:#524558}.progress-track i{display:block;height:100%;width:0;background:#ffc08e;border-radius:10px;transition:width .4s}.game-layout{display:grid;grid-template-columns:minmax(170px,1fr) minmax(290px,530px) minmax(150px,.75fr);gap:clamp(12px,2vw,25px);align-items:start}.left-panel,.right-panel{display:grid;gap:16px}.art-card,.pilot-card,.stat-card,.guide-card{border:1px solid #ffffff20;background:#242338bf;border-radius:13px;padding:18px;box-shadow:0 12px 36px #0002}.art-card-head{display:flex;justify-content:space-between;gap:10px}.art-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover;margin:13px 0;border-radius:6px;border:1px solid #ffffff50}.art-card p,.pilot-card p,.guide-card p{color:#baaebd;font-size:.76rem;line-height:1.55;margin:9px 0 0}.pilot-card label{display:block;color:#ffc392}.pilot-card input{width:100%;padding:11px 10px;margin-top:11px;border:1px solid #6c5d72;border-radius:6px;background:#131426;color:#fff;outline:none}.pilot-card input:focus{border-color:#ffbd8e;box-shadow:0 0 0 3px #ffbd8e22}.game-center{min-width:0}.board-header,.board-footer{display:flex;justify-content:space-between;gap:10px;padding:10px;color:#a99aaa}.board-header span:first-child{color:#ffbd8e}.board-header i{display:inline-block;width:6px;height:6px;background:#ffb888;border-radius:50%;box-shadow:0 0 10px #ffb888}.board-wrap{position:relative;padding:9px;border:1px solid #b88882;border-radius:14px;background:linear-gradient(140deg,#57445b,#292741);box-shadow:0 0 0 4px #231e34,0 22px 55px #0006,0 0 50px #cf8a6933}.board{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:linear-gradient(135deg,#1a1d32,#303147);border-radius:7px;touch-action:manipulation}.tile{position:absolute;top:0;left:0;padding:0;margin:0;border:2px solid #15172a;border-radius:5px;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #ffffff65,0 3px 8px #0006;transition:transform .19s cubic-bezier(.23,.8,.3,1);touch-action:manipulation}.tile:hover{filter:brightness(1.12)}.tile:focus-visible{outline:3px solid #ffc792;outline-offset:-4px;z-index:2}.tile-number{position:absolute;top:4px;left:4px;min-width:21px;height:21px;display:grid;place-items:center;background:#111326d9;color:#fff;border-radius:4px;font-size:.7rem;font-weight:850}.tile-number[hidden]{display:none}.blank{position:absolute;top:0;left:0;display:grid;place-items:center;border:1px dashed #bfabc155;color:#9788a2;font-size:1.6rem;transition:transform .19s cubic-bezier(.23,.8,.3,1);background:repeating-linear-gradient(45deg,#ffffff08 0 2px,transparent 2px 8px)}.previewing .tile,.previewing .blank{opacity:0}.previewing{background-size:cover;background-position:center}.win-overlay{position:absolute;inset:9px;display:grid;place-items:center;padding:22px;text-align:center;background:#101226ed;backdrop-filter:blur(8px);border-radius:7px;z-index:5}.win-overlay[hidden]{display:none}.win-overlay>div{max-width:300px}.win-symbol{font-size:3.6rem;color:#ffcf9e}.win-overlay h3{font-size:2.25rem;line-height:1.05;letter-spacing:-.06em;margin:8px 0}.win-stars{color:#ffd09e;font-size:2rem;letter-spacing:.12em}.win-overlay p:not(.eyebrow){color:#c1b3c4;font-size:.86rem;line-height:1.5}.win-overlay button{width:100%;padding:14px;border:0;border-radius:6px;background:#ffc493;color:#211723;font-weight:900;font-size:.75rem;letter-spacing:.1em}.win-overlay button span{float:right}.board-footer{font-size:.57rem}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.controls button{padding:12px 4px;border:1px solid #665972;border-radius:7px;background:#27273d;color:#e6d7e2;font-size:.82rem;font-weight:900}.controls button span{font-size:.59rem;letter-spacing:.08em}.controls button:hover{background:#39344d}.game-message{margin:8px 0;color:#cbb8ca;font-size:.75rem;line-height:1.45}.stat-card strong{display:block;margin:9px 0 2px;font-size:clamp(1.8rem,2.6vw,2.8rem);font-weight:750;font-variant-numeric:tabular-nums}.guide-card ol{padding-left:18px;color:#e3d5e1;font-size:.81rem;line-height:1.55}.guide-card li{margin:9px 0}.catalogue{margin:75px 0 90px;padding-top:28px;border-top:1px solid #ffffff2b}.catalogue-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.catalogue h2{font-size:clamp(2rem,3.5vw,3.5rem);letter-spacing:-.06em;margin:8px 0}.catalogue-heading p:last-child{color:#b6a9b9;font-size:.86rem}.filter-bar{display:flex;gap:6px;flex-wrap:wrap}.filter-bar button{border:1px solid #655569;background:#26253a;color:#c9bac8;border-radius:20px;padding:8px 13px;font-size:.65rem;letter-spacing:.06em;font-weight:800}.filter-bar button.active{background:#ffc493;color:#1b1825;border-color:#ffc493}.level-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:12px;margin-top:24px}.level-card{position:relative;aspect-ratio:.84;padding:0;border:1px solid #786879;border-radius:9px;overflow:hidden;background:#29263a;color:#fff;text-align:left}.level-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .2s,filter .2s}.level-card:hover img{transform:scale(1.08)}.level-card.locked img{filter:grayscale(1) brightness(.42)}.level-card.current{outline:2px solid #ffc493;outline-offset:2px}.level-card .level-meta{position:absolute;inset:auto 0 0;padding:20px 7px 7px;background:linear-gradient(transparent,#0c0d1deb);font-size:.6rem;font-weight:800;line-height:1.25}.level-card .level-meta b{display:block;color:#ffcf9c;font-size:.68rem;margin-bottom:2px}.level-card .badge{position:absolute;top:5px;right:6px;background:#131628cc;border-radius:4px;padding:2px 5px;color:#ffdbad;font-size:.65rem}footer{max-width:1500px;margin:auto;padding:25px clamp(18px,4vw,58px);border-top:1px solid #ffffff24;display:flex;justify-content:space-between;gap:15px;font-size:.68rem;letter-spacing:.13em;color:#a497aa}footer a{color:#f7c89b}@media(max-width:1050px){.game-layout{grid-template-columns:minmax(145px,1fr) minmax(290px,520px)}.right-panel{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.level-grid{grid-template-columns:repeat(8,1fr)}}@media(max-width:750px){.hero{min-height:250px}.hero-art{height:210px}.hero-art img{width:130px;height:130px}.hero-art img:first-child{transform:translate(-50px,10px) rotate(-14deg)}.hero-art img:nth-child(2){transform:translate(50px,10px) rotate(12deg)}.game-layout{display:flex;flex-direction:column}.game-center{order:1;width:min(100%,540px);margin:auto}.left-panel{order:2;width:100%;grid-template-columns:160px 1fr}.art-card{grid-column:1}.pilot-card{grid-column:2}.right-panel{order:3;width:100%;grid-template-columns:repeat(3,1fr)}.guide-card{grid-column:1/-1}.level-grid{grid-template-columns:repeat(5,1fr)}.catalogue-heading{align-items:start;flex-direction:column}.board-footer{font-size:.54rem}}@media(max-width:530px){.site-header nav{flex-wrap:wrap;justify-content:end;gap:6px 12px;font-size:.65rem}.site-brand small{display:none}.hero{display:block;min-height:0;padding:28px 0}.hero-art{display:none}.dash-heading{align-items:start}.progress{width:100px}.progress strong{font-size:1.8rem}.left-panel{grid-template-columns:1fr 1fr}.art-card,.pilot-card{grid-column:auto}.art-card p,.pilot-card p{font-size:.7rem}.right-panel{gap:7px}.stat-card{padding:11px}.stat-card strong{font-size:1.5rem}.stat-card span{font-size:.5rem}.level-grid{grid-template-columns:repeat(4,1fr);gap:8px}.controls button span{font-size:.52rem}footer span{display:none}}@media(max-width:360px){.left-panel{grid-template-columns:1fr}.art-card,.pilot-card{grid-column:1}.level-grid{grid-template-columns:repeat(3,1fr)}}
.level-card.locked img{filter:grayscale(.55) brightness(.64)}
.level-card.locked img{filter:saturate(.8) brightness(.78)}
.level-card.locked{opacity:.86}