#splashScreen{justify-content:center;align-items:center;background:var(--sky);cursor:pointer;overflow:hidden}.splash-art{width:100%;height:100%;object-fit:cover;object-position:center;display:block;pointer-events:none}.splash-tap{position:absolute;left:50%;bottom:clamp(18px,4vh,32px);transform:translate(-50%);font-weight:600;font-size:clamp(11px,2.8vw,18px);letter-spacing:4px;color:#111111b3;animation:blink 1.6s ease-in-out infinite;z-index:2}@keyframes blink{0%,to{opacity:.22}50%{opacity:1}}#tutorialScreen,#journeyScreen{align-items:center;background:var(--sky);min-height:100vh;padding:clamp(26px,5vh,56px) clamp(18px,5vw,42px) clamp(28px,5vh,48px);overflow:hidden}#tutorialScreen{justify-content:center;background:#e5e5e5;cursor:pointer;padding:clamp(40px,6vh,80px) clamp(20px,6vw,60px) 77px;gap:clamp(14px,2.4vh,28px)}.tutorial-header{width:100%;text-align:center}.tutorial-title{font-family:Inter,Inter,sans-serif;font-weight:700;font-size:clamp(40px,9vw,86px);line-height:1;color:#111;letter-spacing:-.06em}.tutorial-sub{margin-top:clamp(8px,1.4vh,14px);font-family:Inter,Inter,sans-serif;font-weight:600;font-size:clamp(15px,3.4vw,26px);line-height:1.1;color:#555;letter-spacing:-.05em}.tutorial-demo{width:100%;display:flex;justify-content:center;align-items:center;flex:0 0 auto}.tutorial-demo-board{--demo-size: min(82vw, 50vh, 540px);position:relative;width:var(--demo-size);aspect-ratio:1;background:#000;overflow:hidden}.tutorial-demo-board:before,.tutorial-demo-board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.tutorial-demo-board:before{background:linear-gradient(90deg,transparent calc(33.333% - 3px),#fff calc(33.333% - 3px),#fff calc(33.333% + 3px),transparent calc(33.333% + 3px),transparent calc(66.666% - 3px),#fff calc(66.666% - 3px),#fff calc(66.666% + 3px),transparent calc(66.666% + 3px))}.tutorial-demo-board:after{background:linear-gradient(180deg,transparent calc(33.333% - 3px),#fff calc(33.333% - 3px),#fff calc(33.333% + 3px),transparent calc(33.333% + 3px),transparent calc(66.666% - 3px),#fff calc(66.666% - 3px),#fff calc(66.666% + 3px),transparent calc(66.666% + 3px))}.tutorial-demo-tile{position:absolute;width:33.333%;height:33.333%;background-image:url(/images/howtoplay.svg);background-size:300% 300%;background-repeat:no-repeat;transition:transform .45s cubic-bezier(.34,1.3,.5,1),filter .2s ease,box-shadow .2s ease;will-change:transform}.tutorial-demo-tile.lift{z-index:5;filter:brightness(1.08);box-shadow:0 6px 18px #00000059}.tutorial-caption{font-family:Inter,Inter,sans-serif;font-weight:600;font-size:clamp(16px,3.6vw,28px);color:#888;text-align:center;animation:tutorialCaptionFade .5s ease}@keyframes tutorialCaptionFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.settings-gear{position:absolute;top:clamp(16px,2.4vh,28px);right:clamp(16px,4vw,28px);width:clamp(14px,2vh,32px);height:clamp(14px,2vh,32px);background:transparent;border:none;color:#111;opacity:.1;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;z-index:5;transition:opacity .15s ease}.settings-gear:hover{opacity:.2}.settings-gear:active{opacity:.3}.settings-gear svg{width:100%;height:100%}#journeyScreen{background:#fff!important;justify-content:flex-start;padding:0;gap:0;position:relative}.journey-header{margin-top:17%;text-align:center;width:min(86%,560px);flex:0 0 auto}.journey-title{font-family:Inter,sans-serif;font-weight:700;font-size:clamp(40px,11.5vw,72px);line-height:1;letter-spacing:-.06em;color:#111;white-space:nowrap}.journey-sub{margin-top:clamp(8px,1.6vw,14px);font-family:Inter,sans-serif;font-weight:600;font-size:clamp(13px,4vw,28px);letter-spacing:-.02em;color:#111;text-align:center}.journey-list{margin-top:27px;width:min(86%,480px);display:flex;flex-direction:column;gap:clamp(14px,2.2vh,22px);flex:0 0 auto}.journey-card{position:relative;width:100%;height:82px;border:none;border-radius:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;font-family:Inter,sans-serif;cursor:default;transition:transform .12s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;padding:0 clamp(20px,5vw,32px);text-align:left}.journey-card.is-active,.journey-card.is-done{background:#111}.journey-card.is-active{cursor:pointer}.journey-card.is-locked{background:#dde3e2;cursor:not-allowed}.journey-card .lvl-name{font-weight:800;font-size:clamp(22px,5.6vw,36px);letter-spacing:.01em;line-height:1}.journey-card.is-active .lvl-name,.journey-card.is-done .lvl-name,.journey-card.is-locked .lvl-name{color:#fff}.journey-card .lvl-cta{margin-top:6px;font-weight:600;font-size:clamp(13px,3.4vw,18px);letter-spacing:0;color:#878f8e}.journey-card.is-locked .lvl-cta,.journey-card.is-done .lvl-cta{display:none}.journey-card .lvl-check{position:absolute;right:clamp(20px,5vw,32px);top:50%;transform:translateY(-50%);width:clamp(34px,7.5vw,48px);height:clamp(34px,7.5vw,48px);background:#eeff41;border-radius:0;display:none;align-items:center;justify-content:center}.journey-card .lvl-check svg{width:64%;height:64%;display:block}.journey-card.is-done .lvl-check{display:flex}.journey-card.is-active:active{transform:scale(.98)}#journeyScreen:not(.hidden) .journey-title{animation:jTitleIn .7s cubic-bezier(.2,.9,.25,1.1) both}#journeyScreen:not(.hidden) .journey-sub{animation:jSubIn .55s .25s cubic-bezier(.2,.8,.2,1) both}#journeyScreen:not(.hidden) .journey-card{animation:jCardIn .55s cubic-bezier(.2,.8,.2,1) both}#journeyScreen:not(.hidden) .journey-card:nth-child(1){animation-delay:.4s}#journeyScreen:not(.hidden) .journey-card:nth-child(2){animation-delay:.52s}#journeyScreen:not(.hidden) .journey-card:nth-child(3){animation-delay:.64s}#journeyScreen:not(.hidden) .journey-brand{animation:jBrandIn .5s .85s cubic-bezier(.4,0,.2,1) both}@keyframes jTitleIn{0%{transform:translateY(-18px) scale(.92);opacity:0;letter-spacing:.02em}60%{transform:translateY(2px) scale(1.02);opacity:1;letter-spacing:-.04em}to{transform:translateY(0) scale(1);opacity:1;letter-spacing:-.06em}}@keyframes jSubIn{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes jCardIn{0%{transform:translateY(20px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes jBrandIn{0%{transform:translate(-50%) translateY(8px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}#journeyScreen:not(.hidden) .journey-card.is-active{animation:jCardIn .55s cubic-bezier(.2,.8,.2,1) .4s both,jActiveShadow 2.6s ease-in-out 1.1s infinite;will-change:box-shadow}#journeyScreen:not(.hidden) .journey-card.is-active .lvl-cta{animation:jCtaPulse 1.6s ease-in-out 1.1s infinite;will-change:opacity}@keyframes jActiveShadow{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 14px 28px -10px #00000059,0 0 0 4px #0000000f}}@keyframes jCtaPulse{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion: reduce){#journeyScreen:not(.hidden) .journey-title,#journeyScreen:not(.hidden) .journey-sub,#journeyScreen:not(.hidden) .journey-card,#journeyScreen:not(.hidden) .journey-card.is-active,#journeyScreen:not(.hidden) .journey-card.is-active .lvl-cta,#journeyScreen:not(.hidden) .journey-brand{animation:none}}@media (orientation: portrait) and (min-width: 1000px) and (min-height: 1700px){#journeyScreen,#tutorialScreen{padding-bottom:160px}#tutorialScreen{justify-content:flex-start;padding-top:305px;gap:clamp(20px,3vh,40px)}.tutorial-title{font-size:115.2px}.tutorial-sub{font-size:40.32px}.tutorial-caption{font-size:clamp(26px,2.6vw,36px)}.tutorial-demo-board{--demo-size: min(72vw, 46vh, 760px)}.journey-header{margin-top:305px;width:min(80%,820px)}.journey-title{font-size:clamp(120px,11vw,180px)}.journey-sub{font-size:clamp(40px,3.6vw,56px);margin-top:22px}.journey-list{width:min(80%,820px);gap:32px;margin-top:72px}.journey-card{height:clamp(180px,14vw,240px);border-radius:0;padding:0 clamp(48px,5vw,72px)}.journey-card .lvl-name{font-size:clamp(54px,4.8vw,78px)}.journey-card .lvl-cta{font-size:clamp(28px,2.4vw,38px);margin-top:10px}.journey-card .lvl-check{width:clamp(80px,7.5vw,110px);height:clamp(80px,7.5vw,110px);right:clamp(48px,5vw,72px);border-radius:0}}#gameScreen{justify-content:center;align-items:center;background:#000;padding:clamp(40px,6vh,70px) clamp(16px,5vw,40px) clamp(140px,18vh,200px);gap:clamp(10px,1.6vh,18px)}.g-top{width:100%;display:flex;align-items:center;justify-content:space-between;flex:0 0 auto}.g-label{font-family:Inter,sans-serif;font-weight:800;font-size:clamp(20px,5vw,32px);color:#fff;letter-spacing:1px;line-height:1}.g-timer{font-family:Inter,sans-serif;font-weight:800;font-size:clamp(20px,5vw,32px);color:#fff;letter-spacing:1px;line-height:1;transition:color .3s}.g-timer.urgent{color:#ff3b30}.g-timer:before{content:"TIME: "}#board{position:relative;background:#000;border-radius:0;border:4px solid #fff;overflow:hidden;flex-shrink:0}#revealOverlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.reveal-bar{width:100%;background:#000000bf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);height:clamp(38px,9vw,72px);display:flex;align-items:center;justify-content:center}.reveal-bar-txt{font-weight:600;font-size:clamp(12px,3vw,30px);letter-spacing:6px;color:#fff}#dropHL{position:absolute;border:3px solid var(--lime);box-shadow:0 0 16px #caed3b99,inset 0 0 16px #caed3b2e;pointer-events:none;display:none;z-index:10;border-radius:2px}@media (orientation: portrait) and (min-width: 1000px) and (min-height: 1700px){#gameScreen{padding-bottom:220px;gap:40px}.g-label,.g-timer{font-size:57.6px}.g-brand{height:20px}}.tile{position:absolute;overflow:visible;z-index:1;isolation:isolate;box-shadow:inset 0 0 0 2px var(--white)}.tile canvas{display:block;overflow:hidden}.tile.locked{cursor:default;z-index:2;box-shadow:inset 0 0 0 2px #caed3bb3}.tile.slide{transition:left .22s ease,top .22s ease}.tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:max(3px,2px) solid rgba(202,237,59,.95);box-shadow:0 0 18px #caed3ba8;opacity:0;transform:scale(.82);pointer-events:none;z-index:10}@keyframes tileLockFx{0%{opacity:0;transform:scale(.82)}35%{opacity:1;transform:scale(1.02)}to{opacity:0;transform:scale(1.16)}}.tile.lock-anim:after{animation:tileLockFx .65s ease forwards}.popup-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:9999;padding:clamp(16px,5vw,64px);background:#000}.popup-overlay.hidden{display:none}.popup-card{border:none;border-radius:4px;padding:clamp(32px,6vw,60px) clamp(24px,5vw,50px);width:100%;max-width:min(86vw,540px);display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2.2vh,22px)}#winPopup .popup-card{background:var(--lime)}#losePopup .popup-card{background:#fff}#losePopup.last .popup-card{background:var(--lime)}.popup-title{font-family:Inter,sans-serif;font-weight:800;font-size:clamp(36px,9vw,72px);color:#111;letter-spacing:-1px;text-align:center;line-height:1}.popup-sub{font-family:Inter,sans-serif;font-weight:600;font-size:clamp(15px,3.6vw,26px);color:#111;text-align:center;line-height:1.15;margin-bottom:clamp(6px,1.4vh,14px)}#winBtn,#loseBtn{width:100%;border-radius:2px;padding:clamp(14px,2vh,22px) clamp(20px,4vw,36px);background:#111;color:#fff;font-family:Inter,sans-serif;font-weight:700;font-size:clamp(22px,5.4vw,36px);letter-spacing:1px;line-height:1;text-transform:uppercase;border:none;cursor:pointer;transition:opacity .15s,transform .1s}#winBtn:active,#loseBtn:active{opacity:.82;transform:scale(.98)}#losePopup .popup-card{gap:clamp(6px,.8vh,10px)}#losePopup .popup-title{font-weight:900;letter-spacing:-.04em}#losePopup .popup-sub{letter-spacing:-.04em;margin-bottom:0}#losePopup #loseBtn{margin-top:clamp(22px,3vh,40px)}@media (orientation: portrait) and (min-width: 1000px) and (min-height: 1700px){.popup-card{max-width:min(78vw,720px);padding:clamp(36px,4vw,60px) clamp(32px,3.6vw,54px)}.popup-title{font-size:clamp(54px,6vw,92px)}.popup-sub{font-size:clamp(22px,2.4vw,34px)}#winBtn,#loseBtn{font-size:clamp(30px,3.4vw,46px);padding:clamp(18px,2vh,26px) clamp(28px,4vw,44px)}#losePopup .popup-title{font-size:103.68px}#losePopup .popup-sub{font-size:40.32px}.settings-card{max-width:min(78vw,640px)}.settings-title{font-size:clamp(36px,4vw,52px)}.settings-row-label,.settings-row-value{font-size:clamp(22px,2.4vw,32px)}.settings-row-input[type=range]{height:10px}.settings-row-input[type=range]::-webkit-slider-thumb{width:32px;height:32px}.settings-row-input[type=range]::-moz-range-thumb{width:32px;height:32px}#settingsSaveBtn{font-size:clamp(26px,2.8vw,38px)}}.settings-card{background:#fff;border-radius:4px;padding:clamp(24px,4vw,40px) clamp(20px,4vw,36px);width:100%;max-width:min(86vw,460px);display:flex;flex-direction:column;gap:clamp(14px,2.4vh,22px)}.settings-title{font-family:Inter,sans-serif;font-weight:800;font-size:clamp(22px,5vw,32px);color:#111;text-align:center;line-height:1}.settings-list{display:flex;flex-direction:column;gap:clamp(10px,1.8vh,14px)}.settings-row{display:flex;flex-direction:column;gap:6px}.settings-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-row-label,.settings-row-value{font-family:Inter,sans-serif;font-weight:700;font-size:clamp(15px,3.6vw,20px);color:#111}.settings-row-input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:#ddd;border-radius:999px;outline:none;cursor:pointer;margin:4px 0}.settings-row-input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;background:#111;border-radius:50%;cursor:pointer;border:none}.settings-row-input[type=range]::-moz-range-thumb{width:22px;height:22px;background:#111;border-radius:50%;cursor:pointer;border:none}#settingsSaveBtn{width:100%;border-radius:2px;padding:clamp(12px,1.8vh,18px) clamp(20px,4vw,36px);background:#111;color:#fff;font-family:Inter,sans-serif;font-weight:700;font-size:clamp(18px,4.2vw,24px);letter-spacing:1px;line-height:1;text-transform:uppercase;border:none;cursor:pointer;transition:opacity .15s,transform .1s}#settingsSaveBtn:active{opacity:.82;transform:scale(.98)}.btn{background:var(--dark);color:var(--white);font-family:Inter,sans-serif;font-weight:600;font-size:clamp(18px,5vw,56px);letter-spacing:4px;border:none;border-radius:999px;padding:clamp(14px,3vw,36px) clamp(32px,6vw,80px);width:100%;max-width:min(88vw,720px);cursor:pointer;transition:opacity .15s,transform .1s}.btn:active{opacity:.82;transform:scale(.98)}@font-face{font-family:Inter;src:url(/fonts/Inter-Variable.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--sky: #000000;--dark: #111111;--white: #ffffff;--lime: #CAED3B}html,body{width:100%;height:100%;background:#000;font-family:Inter,sans-serif;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}body{display:flex;align-items:center;justify-content:center}#app{width:100%;height:100%;position:relative;overflow:hidden;background:var(--sky)}@media (orientation: landscape) and (min-width: 900px){body{background:radial-gradient(ellipse at center,#1a1a1a,#000 70%)}#app{width:min(56vh,100vw);height:min(100vh,178vh);aspect-ratio:9 / 16;max-height:100vh;box-shadow:0 30px 80px #0009,0 0 0 1px #ffffff0a;border-radius:28px}.screen,.popup-overlay{border-radius:28px}#app .tutorial-title{font-size:clamp(28px,5.4vh,56px)}#app .tutorial-sub,#app .tutorial-caption{font-size:clamp(13px,1.9vh,20px)}#app .tutorial-demo-board{--demo-size: min(46vh, 82vw)}#app .tutorial-brand{width:clamp(70px,9vh,110px)}#app .journey-title{font-size:clamp(40px,7.2vh,76px)}#app .journey-sub{font-size:clamp(16px,2.4vh,26px)}#app .journey-header{margin-top:clamp(56px,11vh,140px);width:min(90%,520px)}#app .journey-list{margin-top:clamp(24px,3.6vh,44px);width:min(90%,480px);gap:clamp(14px,2.2vh,24px)}#app .journey-card{height:clamp(80px,11vh,124px);padding:0 clamp(24px,3.4vh,36px)}#app .journey-card .lvl-name{font-size:clamp(22px,3.4vh,34px)}#app .journey-card .lvl-cta{font-size:clamp(14px,2vh,20px);margin-top:clamp(4px,.8vh,8px)}#app .journey-card .lvl-check{width:clamp(38px,5.6vh,52px);height:clamp(38px,5.6vh,52px);right:clamp(24px,3.4vh,36px)}#app #journeyScreen{padding:0}#app #tutorialScreen{padding-left:clamp(14px,2.2vh,22px);padding-right:clamp(14px,2.2vh,22px)}#app #journeyScreen,#app #tutorialScreen,#app #gameScreen{padding-bottom:clamp(70px,14vh,160px)}#app .splash-tap{font-size:clamp(10px,1.5vh,16px)}#app .popup-card{max-width:min(78%,380px);padding:clamp(20px,3.4vh,36px) clamp(20px,3vh,32px)}#app .popup-title{font-size:clamp(22px,3.6vh,36px)}#app .popup-sub{font-size:clamp(11px,1.5vh,16px)}#app #winBtn,#app #loseBtn{font-size:clamp(15px,2.2vh,22px);padding:clamp(10px,1.6vh,16px) clamp(16px,2.5vh,24px)}#app #losePopup #loseBtn{margin-top:clamp(10px,1.4vh,16px)}#app .g-timer,#app .g-label{font-size:clamp(16px,2.6vh,24px)}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;background:var(--sky)}.screen.hidden{display:none}.tutorial-brand,.journey-brand,.g-brand{position:absolute;bottom:clamp(60px,13vh,211px);left:50%;transform:translate(-50%);height:clamp(20px,4vh,40px);width:auto;pointer-events:none}.cf{position:fixed;border-radius:3px;pointer-events:none;animation:cffall linear forwards}@keyframes cffall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}