@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{color-scheme:dark;--ink:#f4f1ff;--muted:#8c8fac;--line:#ffffff12;--mint:#a4eedb;--pink:#e6baf7;font-family:'DM Sans',sans-serif;font-size:14px;background:#0b1026;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(ellipse at 63% 20%,#23234455,transparent 55%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:5px}header{height:108px;max-width:1600px;margin:auto;padding:0 6.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff09;position:relative;z-index:3}.brand{display:flex;gap:12px;align-items:center;font:500 22px Manrope,sans-serif;letter-spacing:6px}.brand svg{height:33px;width:33px;stroke:#d6c7ff;fill:none;stroke-width:1}nav{display:flex;gap:34px;height:100%;align-items:center}.nav{font-size:12px;color:#8b8da8;height:100%;position:relative;padding:0}.nav.active{color:#f2edff}.nav.active:after{content:'';position:absolute;bottom:26px;left:0;right:0;height:1px;background:linear-gradient(90deg,#ffffff00,#ddceff,#ffffff00)}.navdot{width:4px;height:4px;background:#a9e3d3;display:inline-block;border-radius:50%;margin:0 0 5px 5px}.header-tools{display:flex;gap:15px}.iconbutton{width:32px;height:32px;color:#acacca;font-size:20px}.iconbutton[aria-pressed=true]{color:var(--mint)}#atmosphere{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.aurora{position:fixed;pointer-events:none;filter:blur(70px);z-index:0;border-radius:50%;opacity:.4;animation:drift 18s ease-in-out infinite alternate}.aurora-one{width:55vw;height:45vh;right:-10vw;top:15vh;background:radial-gradient(ellipse,#4c5c9738,#39646720,transparent 65%);transform:rotate(-40deg)}.aurora-two{width:45vw;height:55vh;left:-15vw;bottom:-25vh;background:radial-gradient(ellipse,#a478ed35,#925b6c22,transparent 60%)}.grain{position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E")}main{max-width:1450px;margin:0 auto;padding:54px 6.2% 30px;display:grid;grid-template-columns:minmax(230px,1fr) minmax(390px,520px) 35px;gap:60px;position:relative;z-index:3}.story{padding:24px 0;position:relative}.chapter-line{display:flex;gap:11px;align-items:center;color:#a8a3c0;font-size:9px;letter-spacing:2.3px}.small-star{font-size:19px;color:#c9b1ea}.line{display:block;width:55px;height:1px;background:#ffffff20;margin-left:12px}h1{font:500 clamp(52px,5.3vw,78px)/1.04 'Playfair Display',serif;letter-spacing:-2px;margin:25px 0;color:#f5f0ff}h1 em{font-weight:500;color:#d2bded}.intro{font-size:12px;line-height:1.9;color:#9896b1;margin:21px 0}.hero-charm{position:relative;width:230px;height:180px;margin:15px 0 10px;display:flex;align-items:center;justify-content:center}.hero-charm:before{content:'';position:absolute;bottom:15px;width:160px;height:20px;filter:blur(12px);border-radius:50%;background:#c5a3e728;animation:shadowbreath 6s ease-in-out infinite}.hero-charm svg{width:180px;height:180px;filter:drop-shadow(0 0 22px #b49bea55);animation:heroFloat 7s ease-in-out infinite;position:relative;z-index:1}.hero-ring{position:absolute;border:1px solid #ccb5f422;border-radius:50%;width:210px;height:70px;transform:rotate(-18deg);top:63px}.hero-ring:after{content:'';width:5px;height:5px;position:absolute;left:20px;top:6px;border-radius:50%;background:#bfeff3;box-shadow:0 0 15px #c9f3ff}.collection-note{display:flex;gap:13px;align-items:center;margin:18px 0;color:#e0d5f0}.collection-note span{font-size:11px}.collection-note small{font-size:9px;display:block;color:#777a96;margin-top:5px}.tiny-orbit{height:27px;width:27px;border:1px solid #bcb1d62b;display:block;border-radius:50%;position:relative}.tiny-orbit:before{content:'✧';position:absolute;inset:4px;text-align:center;color:#c8b5eb;font-size:15px}.play-area{width:100%;position:relative}.puzzle-heading{display:flex;align-items:center;justify-content:space-between;padding:0 8px;margin-bottom:24px}.overline{color:#9290af;font-size:8px;letter-spacing:2px}h2{font:500 23px 'Playfair Display',serif;letter-spacing:-.3px;margin:8px 0 0}.level-button{border:1px solid #ffffff15;border-radius:50px;padding:9px 13px;display:flex;gap:15px;font-size:12px;color:#d0c8e6}.level-button span{color:#807c9a;font-size:13px}.board-stage{position:relative;perspective:1000px}.board-halo{position:absolute;inset:-55px;background:radial-gradient(ellipse,#9b7fd91c,transparent 65%);filter:blur(20px);pointer-events:none}.board-shell{padding:11px;border-radius:25px;background:linear-gradient(135deg,#ffffff15,#ffffff03 45%,#d6d2ff16);border:1px solid #e0d8ff28;box-shadow:0 15px 70px #0005,0 0 0 5px #ffffff02,inset 0 0 24px #c1b6ff09;position:relative;overflow:hidden}.board{display:grid;gap:3px;border-radius:15px;overflow:hidden;aspect-ratio:1;background:#0b1026}.cell{aspect-ratio:1;min-width:0;position:relative;background:var(--region-bg);border-radius:5px;padding:0;isolation:isolate;transition:filter .25s,box-shadow .3s;outline-offset:-5px!important;box-shadow:inset 0 1px 0 #ffffff25,inset 0 -1px 0 #0002}.cell:before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 20% 10%,#ffffff12,transparent 65%);pointer-events:none}.cell:after{content:attr(data-region);position:absolute;right:7px;bottom:4px;font-size:8px;color:var(--symbol-color);opacity:.4;pointer-events:none}.cell:hover{filter:brightness(1.18)}.cell.occupied{background:radial-gradient(ellipse at 50% 55%,var(--gem-glow),transparent 85%),var(--region-bg);box-shadow:inset 0 0 18px #ffffff12}.cell svg{position:absolute;width:88%;height:88%;left:6%;top:5%;filter:drop-shadow(0 7px 5px #0004) drop-shadow(0 0 7px var(--gem-color));pointer-events:none;animation:gemArrive .65s cubic-bezier(.16,1,.3,1) both}.cell.occupied .gem-idle{animation:gemHover 5s ease-in-out infinite;transform-origin:center;animation-delay:var(--delay)}.cell .xmark{position:absolute;inset:0;display:grid;place-items:center;color:var(--symbol-color);font-size:25px;font-weight:400;opacity:.55;animation:markIn .18s ease-out}.cell.conflict{animation:shake .32s;box-shadow:inset 0 0 0 2px #f6a4ba}.cell.hinted{box-shadow:inset 0 0 0 2px #f8edff;animation:hintPulse 1s 3}.board.completed .cell{animation:completeCell .9s both;animation-delay:var(--delay)}.board.completed .cell.occupied{z-index:1}.board.completed .cell.occupied svg{animation:celebrateGem 1.8s both;animation-delay:var(--delay)}.board-reflection{position:absolute;bottom:-30px;width:85%;left:7.5%;height:30px;background:linear-gradient(90deg,#87d2bb22,#b4a9f42b,#ebaccc20);border-radius:50%;filter:blur(22px);pointer-events:none}.puzzle-status{display:flex;justify-content:space-between;color:#9894ad;font-size:10px;padding:24px 8px 21px;font-variant-numeric:tabular-nums}.puzzle-status>div{display:flex;align-items:center;gap:8px}.status-dot{width:4px;height:4px;background:#b2d7d4;border-radius:50%;box-shadow:0 0 9px #b2d7d466}.controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 4px}.mode-switch{display:flex;border:1px solid #ffffff13;border-radius:100px;padding:4px;background:#ffffff02}.mode-switch button{font-size:10px;border-radius:100px;padding:10px 16px;color:#7f7d96;display:flex;align-items:center;gap:8px}.mode-switch button.selected{background:#d8c8f316;color:#efdefd;box-shadow:inset 0 0 0 1px #d8c8f317}.mode-switch button span{font-size:17px;line-height:12px}.assist{display:flex;gap:17px}.tool{font-size:10px;color:#9b96b3;padding:8px 0;display:flex;gap:7px;align-items:center}.tool span{font-size:17px;color:#b6a5ce}.tool:last-child{font-size:20px}.rules{border-top:1px solid var(--line);margin:26px 8px 0;padding-top:20px;display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#817e97}.rules b{font-size:9px;color:#cfc1e5;font-weight:400;margin-right:4px}.rules i{font-style:normal;color:#cfc1e5;margin-right:4px}.how-button{display:block;margin:20px auto 0;color:#a59abb;font-size:9px;letter-spacing:.2px}.how-button span{margin-left:8px}#announcement{position:absolute;width:100%;text-align:center;color:#d7c5e8;font-size:10px;top:100%;margin-top:14px;line-height:1.6}.journey-rail{display:flex;align-items:center;gap:25px;flex-direction:column;padding-top:15px;color:#706c88;font-size:8px;letter-spacing:1px}.journey-rail>span:last-child{writing-mode:vertical-rl;letter-spacing:3px}.journey-rail>span:first-child{white-space:nowrap}#railProgress{height:260px;width:1px;background:#ffffff0e;position:relative}#railProgress:before{content:'';display:block;height:var(--progress,2%);min-height:6px;background:linear-gradient(#c0b4e2,#8fbdc1)}footer{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;max-width:1600px;margin:14px auto 0;padding:24px 6.2%;border-top:1px solid #ffffff08;font-size:8px;letter-spacing:1.3px;color:#655f7b}footer button{font-size:9px;letter-spacing:.5px;color:#9286a7}footer button span{margin-left:8px}footer>span:last-child{letter-spacing:0;color:#625d77}dialog{background:linear-gradient(135deg,#252139f5,#151a31fa);border:1px solid #ffffff20;border-radius:22px;color:var(--ink);padding:0;width:min(600px,calc(100vw - 32px));max-height:88vh;box-shadow:0 30px 160px #0008}dialog::backdrop{background:#060a1bbf;backdrop-filter:blur(12px)}.modal-inner{padding:34px}.modal-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-top h2{margin:0;font-size:28px}.close{font-size:26px;color:#9c8fad}.modal-copy{font-size:12px;color:#a8a0b8;line-height:1.9}.primary{border:1px solid #c9a7ea60;background:linear-gradient(120deg,#d3b8ec,#a9cce8);color:#21223b;border-radius:100px;font-weight:600;font-size:12px;padding:15px 25px;box-shadow:0 5px 25px #b7a5e61a}.secondary{border:1px solid #ffffff20;border-radius:100px;color:#b7abc9;font-size:11px;padding:12px 20px}.modal-actions{display:flex;justify-content:center;gap:12px;margin-top:26px;flex-wrap:wrap}.victory{text-align:center;padding:38px}.victory .overline{color:#b3a4cd}.victory h2{font:500 40px 'Playfair Display',serif;margin:12px 0}.victory .reward-gem{width:160px;height:155px;margin:auto}.reward-gem svg{height:100%;width:100%;filter:drop-shadow(0 0 25px #b08ade66);animation:heroFloat 7s ease-in-out infinite}.stars{letter-spacing:9px;font-size:19px;color:#f0d6a7;margin:15px 0}.victory p{color:#a092b0;font-size:11px;line-height:1.8}.level-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:24px}.level-tile{border:1px solid #ffffff14;border-radius:10px;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;gap:6px;font-size:13px;background:#ffffff02}.level-tile small{font-size:8px;color:#a4baa9}.level-tile.current{border-color:#bfa3e9}.level-tile.done{background:#b5daca10;color:#d1e8dc}.chapter-select{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.chapter-select button{font-size:10px;color:#9b8faf;border-bottom:1px solid transparent;padding:8px}.chapter-select button.active{border-color:#d5bae9;color:#e8d5fb}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.collectible{border:1px solid #ffffff12;border-radius:15px;padding:15px;text-align:center;background:#ffffff03}.collectible svg{width:85px;height:85px;filter:drop-shadow(0 0 12px #b8ace82a)}.collectible strong{font-size:10px;font-weight:500;display:block;margin:10px 0 6px}.collectible small{font-size:8px;color:#8b7d9c}.collectible.locked svg{opacity:.18;filter:grayscale(1)}.rule-example{display:flex;gap:15px;align-items:center;padding:17px 0;border-bottom:1px solid #ffffff0c}.rule-example b{width:36px;height:36px;border-radius:10px;background:#ac91d91a;display:grid;place-items:center;font-size:18px;color:#d6bdf0;font-weight:400}.rule-example p{margin:0;font-size:12px;color:#a99ab9;line-height:1.6}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #ffffff0c;font-size:12px;gap:20px}.setting-row button{border:1px solid #ffffff20;border-radius:100px;padding:8px 14px;font-size:10px;color:#cfc1df}.setting-row small{font-size:10px;color:#877a99;display:block;margin-top:5px}#toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%) translateY(10px);padding:13px 22px;border:1px solid #ffffff20;border-radius:100px;background:#25233ded;backdrop-filter:blur(10px);color:#e3d5f1;font-size:11px;opacity:0;pointer-events:none;transition:.25s;z-index:30;text-align:center;max-width:90vw}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.particle{position:absolute;width:5px;height:5px;background:var(--particle-color);border-radius:50%;box-shadow:0 0 12px var(--particle-color);animation:particle 1.1s ease-out forwards;pointer-events:none}#effects{position:absolute;inset:0;pointer-events:none;overflow:visible}.cinema .story,.cinema header,.cinema footer,.cinema .journey-rail,.cinema .controls,.cinema .rules,.cinema .how-button,.cinema .puzzle-status{display:none}.cinema main{display:block;width:min(660px,100%);padding-top:45px;padding-bottom:30px}.cinema .puzzle-heading{margin-bottom:18px}.cinema #cinemaBar{display:flex;position:fixed;bottom:12px;left:50%;transform:translateX(-50%);gap:20px;align-items:center;z-index:6;padding:10px 18px;border:1px solid #ffffff13;border-radius:100px;background:#16192acc;backdrop-filter:blur(10px);font-size:9px;white-space:nowrap;color:#938aa8}.cinema #cinemaBar>span{letter-spacing:3px;color:#d1c1e1}.cinema #cinemaBar button{font-size:9px;color:#b7a8ce}kbd{font-size:8px;border:1px solid #ffffff20;border-radius:3px;padding:2px 4px;margin-left:5px}.cinema #announcement{font-size:12px}.recording #cinemaBar{opacity:.2}.recording #cinemaBar:hover{opacity:1}
@keyframes drift{to{transform:translate(70px,-25px) rotate(-15deg)}}@keyframes heroFloat{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(5deg)}}@keyframes shadowbreath{50%{transform:scale(.85);opacity:.5}}@keyframes gemHover{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes gemArrive{0%{transform:translateY(-22px) scale(.25) rotate(-20deg);opacity:0}60%{transform:translateY(-3px) scale(1.14)}100%{transform:translateY(0) scale(1);opacity:1}}@keyframes markIn{from{transform:scale(.3);opacity:0}}@keyframes shake{25%,75%{transform:translateX(-3px)}50%{transform:translateX(3px)}}@keyframes hintPulse{50%{filter:brightness(1.6)}}@keyframes completeCell{50%{filter:brightness(1.35)}}@keyframes celebrateGem{30%{transform:translateY(-12px) scale(1.25) rotate(7deg)}70%{transform:translateY(-3px) scale(1.08) rotate(-4deg)}}@keyframes particle{to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}
@media(min-width:1600px){main{gap:85px;padding-top:75px}}@media(max-width:1100px){header{padding:0 5%;height:90px}main{padding:40px 5% 30px;gap:35px;grid-template-columns:minmax(190px,1fr) minmax(360px,480px)}.journey-rail{display:none}h1{font-size:59px}.hero-charm{width:200px}.brand{font-size:19px;letter-spacing:4px}nav{gap:25px}.story{padding-top:15px}}@media(max-width:760px){header{height:76px;padding:0 22px}.brand{font-size:17px;letter-spacing:4px;gap:8px}.brand svg{width:26px;height:26px}nav{gap:18px}.nav{font-size:10px}.nav.active:after{bottom:14px}.header-tools{gap:3px}.header-tools .iconbutton{font-size:18px;width:25px}#collection.nav{display:none}main{display:block;padding:28px 22px 34px;max-width:530px}.story{display:none}.puzzle-heading{margin-bottom:22px;padding:0 3px}h2{font-size:25px}.board-shell{padding:8px;border-radius:21px}.board{gap:3px;border-radius:13px}.cell{border-radius:4px}.cell:after{font-size:7px;right:5px;bottom:3px}.controls{padding:0}.assist{gap:17px}.mode-switch button{padding:9px 13px}.rules{font-size:8px;margin-top:23px}.how-button{font-size:10px}.puzzle-status{padding:22px 4px 20px;font-size:11px}.overline{font-size:8px}.level-button{font-size:12px}footer{margin:8px 0 0;padding:18px 22px;font-size:7px;letter-spacing:1px}footer>span:last-child{display:none}footer button{font-size:9px}.modal-inner{padding:26px}.victory{padding:30px 24px}.level-grid{gap:7px}.cinema main{padding:40px 20px}.cinema #cinemaBar{gap:12px;font-size:8px}.collection-grid{gap:8px}.collectible{padding:12px 7px}.collectible svg{width:70px;height:70px}.grain{opacity:.025}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}.aurora{animation:none}.particle{display:none}}body.reduced *,body.reduced *:before,body.reduced *:after{animation:none!important;transition:none!important}body.reduced .particle{display:none}
@media(max-width:760px){.board-halo{inset:-20px}}