:root{--text:#f4f1ff;--muted:#a7a0c7;--accent:#ff2bd6;--magenta:#ff2bd6;--cyan:#19e6ff;--lime:#b6ff2e;--orange:#ff8a1f;--violet:#8a5cff;--yellow:#ffe61a}*{box-sizing:border-box}html{min-width:320px}body{min-height:100vh;color:var(--text);background:#05020d;margin:0;font-family:Segoe UI,Malgun Gothic,system-ui,sans-serif;line-height:1.55}body:after{content:"";pointer-events:none;z-index:20;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#00000017 4px);position:fixed;inset:0;box-shadow:inset 0 0 160px #03000999}button,input{font:inherit}button{cursor:pointer;min-width:44px;min-height:44px;color:var(--text);touch-action:manipulation;background:#171024;border:1px solid #65537d;border-radius:7px;padding:10px 16px;font-weight:700;transition:background .15s,border-color .15s}button:hover:enabled{border-color:var(--accent);background:#35203f}button:disabled{cursor:default;opacity:.5}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #19e6ff;box-shadow:0 0 18px #19e6ff88}button.primary{color:#08030e;background:var(--accent);border-color:var(--accent);box-shadow:0 0 22px color-mix(in srgb, var(--accent) 30%, transparent);font-weight:900}button.primary:hover{color:#fff;background:#631759}input{color:#fff;background:#100a1e;border:1px solid #736080;border-radius:6px;max-width:100%;min-height:44px;padding:10px}input[type=checkbox]{accent-color:#19e6ff;width:24px;min-height:24px}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.4px;font-size:clamp(26px,3.6vw,44px);line-height:1.2}h2{font-size:19px}ol{padding-left:22px}li{margin-bottom:12px}a{color:var(--cyan)}[hidden]{display:none!important}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{letter-spacing:3px;color:var(--cyan);margin-bottom:10px;font:700 10px/1.5 ui-monospace,Consolas,monospace}.pill{color:#b4a5c4;white-space:nowrap;border:1px solid #493755;border-radius:40px;padding:8px 18px;font-size:12px}#sky{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}#app{z-index:1;position:relative}.topbar{border-bottom:1px solid #c9a9ff20;align-items:center;gap:16px;height:80px;margin:0 4.5%;display:flex}.brand{color:#19e6ff;letter-spacing:-4px;text-shadow:2px 0 #ff2bd6;background:0 0;border:0;padding:0 8px;font:900 22px ui-monospace,monospace}.brand-name{letter-spacing:2px;color:#c7b8d9;font:800 10px ui-monospace,monospace}.save-status{color:#99b6ae;margin-left:auto;font-size:11px}.save-status:before{content:"●";color:#b6ff2e;margin-right:7px;font-size:8px}.save-status[data-status=failed]:before,.save-status[data-status=conflict]:before{color:#ff993b}.settings-button{background:0 0;min-height:40px;padding:8px 16px;font-size:12px}.app-main{width:min(1180px,91%);margin:0 auto;padding:42px 0 60px}.notice:empty{display:none}.notice{background:#291222;border:1px solid #ffad59;border-radius:12px;width:min(900px,91%);margin:20px auto 0;padding:20px}.notice p{margin-bottom:12px}.notice button{margin:4px}.title-screen{text-align:center;isolation:isolate;justify-content:center;align-items:center;min-height:calc(100vh - 185px);display:flex;position:relative}.title-copy{z-index:2;padding:12px 0 70px;position:relative}.title-copy>.eyebrow{letter-spacing:5px;margin-bottom:28px;font-size:10px}.neon-logo{letter-spacing:-6px;flex-direction:column;font-family:Arial Black,Segoe UI,system-ui,sans-serif;font-size:clamp(68px,10vw,130px);font-style:italic;font-weight:1000;line-height:.89;display:flex;transform:skew(-4deg)}.neon-logo>span:first-child{color:#f5efff;text-shadow:-3px 0 #ff2bd6,3px 0 #19e6ff,0 0 35px #ff2bd68a}.neon-logo>em{font-style:inherit;color:#0000;-webkit-text-stroke:2px #19e6ff;text-shadow:0 0 35px #19e6ff55;margin-top:6px;font-size:.72em}.neon-logo .logo-small{letter-spacing:9px;color:#e092ff;padding-left:8px;font:800 14px/3.6 ui-monospace,monospace}.korean-title{letter-spacing:5px;margin-top:5px;font-size:16px;font-weight:800}.title-description{color:#b7a7ce;margin:20px 0 24px;font-size:14px;line-height:1.8}.start-button{letter-spacing:1px;--accent:#ff38c7;width:250px;min-height:56px;font-size:15px}.title-tags{color:#b7a7ce;justify-content:center;gap:20px;margin-top:24px;font-size:10px;display:flex}.title-tags span:before{content:"◆";color:#825899;margin-right:7px;font-size:6px}.title-bottom{color:#9f86b1;letter-spacing:2px;justify-content:space-between;width:100%;font:9px ui-monospace,monospace;display:flex;position:absolute;bottom:0}.title-orbit{z-index:-1;position:absolute;inset:0;overflow:hidden}.sun-disc{background:repeating-linear-gradient(0deg,#0000 0 7px,#fc31b619 7px 15px);border-radius:50%;width:400px;height:400px;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 130px #ff2bd617}.orbit-ring{border:1px solid #9b34d04a;border-radius:50%;width:560px;height:330px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)rotate(-28deg)}.ring-two{border-color:#19e6ff22;transform:translate(-50%,-50%)rotate(28deg)}.floating-shape{color:#19e6ff;text-shadow:0 0 22px #19e6ff99;font-size:64px;position:absolute}.shape-one{top:35%;left:10%;transform:rotate(-20deg)}.shape-two{color:#ff2bd6;font-size:42px;top:58%;right:13%}.hub-heading{justify-content:space-between;align-items:center;gap:20px;margin:10px 0 44px;display:flex}.hub-heading .muted{margin-top:13px;font-size:13px}.total-counter{flex-shrink:0;align-items:center;gap:12px;display:flex}.total-counter strong{color:#fff;text-shadow:0 0 30px #19e6ff44;font:800 56px ui-monospace,monospace}.total-counter span{color:#c0aacd;font:10px/1.8 ui-monospace,monospace}.tier-row{border-bottom:1px solid #a772cf22;border-radius:12px;margin-bottom:28px;padding:0 0 25px}.tier-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px;display:flex}.tier-heading>div{align-items:center;gap:12px;display:flex}.tier-number{color:#bb83e8;border:1px solid #79429c;padding:3px 8px;font:700 14px ui-monospace,monospace}.tier-heading h2{font-size:15px}.tier-heading>span{color:#d6bcde;font:12px ui-monospace,monospace}.tier-heading small{color:#9687ac;font:10px system-ui}.cabinet-row{perspective:1000px;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.cabinet{text-align:left;border:1px solid color-mix(in srgb, var(--accent) 40%, #22112e);border-top:3px solid var(--accent);min-width:0;transform-style:preserve-3d;background:linear-gradient(130deg,#22112e,#100b1b 70%);border-radius:11px 11px 5px 5px;flex-direction:column;min-height:262px;padding:10px 10px 0;display:flex;position:relative;overflow:hidden;box-shadow:0 4px #040209,0 6px #412646,0 12px 26px #0005}.cabinet:hover:enabled{background:linear-gradient(130deg,#34203e,#161021 70%)}.cabinet:after{content:"";pointer-events:none;background:linear-gradient(115deg, transparent 20%, #ffffff05 var(--shine,40%), transparent 65%);position:absolute;inset:0}.cabinet-top{color:var(--accent);justify-content:space-between;margin-bottom:9px;font-size:9px;font-weight:800;display:flex}.cabinet-screen{background:radial-gradient(ellipse, color-mix(in srgb, var(--accent) 17%, #030207), #06030e);outline:1px solid color-mix(in srgb, var(--accent) 45%, #1c1024);border:2px solid #08040d;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;height:87px;display:flex;position:relative;box-shadow:inset 0 0 20px #0008}.mini-art{color:var(--accent);text-shadow:0 0 16px var(--accent);font:800 37px/1.2 ui-monospace,monospace}.screen-label{letter-spacing:3px;color:var(--accent);font:6px ui-monospace,monospace}.cabinet-name{letter-spacing:-.5px;margin-top:13px;font-size:12px;font-weight:900;line-height:1.4}.cabinet-desc{color:#ae9cbc;min-height:29px;margin-top:6px;font-size:9px;line-height:1.5}.cabinet-deck{justify-content:space-between;align-items:center;height:33px;margin-top:auto;display:flex}.stick{background:#85718f;width:4px;height:16px;margin-left:14px;position:relative;transform:rotate(-10deg)}.stick:before{content:"";background:var(--accent);width:11px;height:11px;box-shadow:0 0 9px color-mix(in srgb, var(--accent) 50%, transparent);border-radius:50%;position:absolute;top:-3px;left:-3.5px}.arcade-buttons{letter-spacing:4px;color:var(--accent);font-size:13px}.card-badge{text-align:center;color:#b4a1c4;letter-spacing:1px;background:#08040e;border-top:1px solid #47314b;margin:0 -10px;padding:8px 10px;font-size:9px;display:block}.cabinet[data-status=solved],.cabinet[data-status=revealed]{box-shadow:0 0 20px color-mix(in srgb, var(--accent) 15%, transparent);border-color:var(--accent)}.cabinet[data-status=solved] .card-badge,.cabinet[data-status=revealed] .card-badge{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, #08040e)}.tier-row[data-locked=true] .cabinet{filter:saturate(.25);opacity:.6}.tier-row[data-locked=true] .cabinet-screen{background:repeating-linear-gradient(0deg,#1e152880 0 1px,#090510 2px 4px)}.finale-slot{background:#170d2199;border:1px solid #6a3a79;border-radius:12px;align-items:center;gap:24px;padding:24px;display:flex}.finale-glyph{color:#b975d2;font-size:55px}.finale-slot p:not(.eyebrow){color:#ac95bc;margin-top:8px;font-size:12px}.finale-slot .pill{margin-left:auto}.puzzle-heading{margin-bottom:28px}.back{color:#b9a2c9;background:0 0;border:0;margin-bottom:10px;padding:0;font-size:11px;display:block}.puzzle-heading .muted{margin-top:12px;font-size:13px}.puzzle-layout{grid-template-columns:minmax(0,1fr) 285px;gap:28px;display:grid}.board-stage{border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);background:radial-gradient(ellipse at 50% 20%, color-mix(in srgb, var(--accent) 7%, #100919), #0b0713ee);min-height:420px;box-shadow:0 0 38px color-mix(in srgb, var(--accent) 5%, transparent);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:24px 22px;display:flex;position:relative;overflow:hidden}.stage-label{letter-spacing:3px;color:#9f86ae;font:8px ui-monospace,monospace}.puzzle-board{width:100%;margin:0 auto;position:relative}.cell{border:1px solid var(--accent);min-width:44px;min-height:44px;color:var(--accent);touch-action:manipulation;background:#170e26;padding:0}.judgement{color:#cdb7dd;text-align:center;max-width:100%;font-size:12px}.rules-panel{color:#c4b4d1;background:#160d20b8;border:1px solid #69447744;border-radius:12px;padding:24px;font-size:13px}.rules-panel h2{color:#f4f1ff}.rules-panel li{line-height:1.7}.controls{color:#9e8eac;margin:20px 0;font-size:11px}.rules-panel button{width:100%;margin-top:10px;font-size:12px}.hint-list{color:#e0baee;font-size:12px}.hint-list:empty{display:none}.subtle{background:0 0;border-color:#66416f}.puzzle-toolbar{justify-content:center;gap:12px;max-width:calc(100% - 313px);margin-top:24px;display:flex}.puzzle-toolbar button{font-size:12px}.puzzle-toolbar .primary{min-width:140px;margin-left:auto}.reward{color:var(--accent);align-items:center;gap:18px;font:900 12px ui-monospace,monospace;display:flex}.reward strong{font-size:25px}.particle{pointer-events:none;z-index:5;width:6px;height:6px;position:absolute;top:42%;left:50%}.modal{color:#f4f1ff;background:#160c23;border:1px solid #a562c8;border-radius:16px;width:min(500px,100% - 30px);max-height:85vh;padding:26px;box-shadow:0 0 80px #57155b55}.modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#03010ad9}.modal h2{margin-bottom:20px}.modal-body>button{margin:6px 6px 6px 0;font-size:12px}.modal-body p{margin:10px 0 16px;font-size:13px}.modal-close{background:#302037;width:100%;margin-top:20px}.setting-row{border-bottom:1px solid #49304e;justify-content:space-between;align-items:center;padding:14px 0;font-size:14px;display:flex}.import-label{flex-direction:column;gap:10px;margin:15px 0;font-size:12px;display:flex}.import-label input{width:100%;font-size:11px}.danger{color:#ffb37f}.backup-list button{width:100%;margin:4px 0;font-size:10px}.toast{opacity:0;pointer-events:none;z-index:50;background:#281636;border:1px solid #c985e6;border-radius:10px;max-width:90%;padding:12px 20px;font-size:13px;transition:all .2s;position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px)}.toast.visible{opacity:1;transform:translate(-50%)}html[data-reduced=false] .neon-logo{animation:7s infinite neon-flicker}html[data-reduced=false] .floating-shape{animation:6s ease-in-out infinite alternate float-shape}@keyframes neon-flicker{0%,95%,97%,to{opacity:1}96%{opacity:.7}98%{opacity:.9}}@keyframes float-shape{to{translate:0 -18px;rotate:12deg}}@keyframes noise{50%{opacity:.55;translate:1px}52%{opacity:1;translate:0}}@media (width>=1400px){.app-main{max-width:1280px}.cabinet-screen{height:105px}.cabinet{min-height:280px}}@media (width<=1000px){.cabinet-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cabinet-screen{height:100px}.cabinet-name{font-size:14px}.puzzle-layout{grid-template-columns:minmax(0,1fr) 245px;gap:18px}.rules-panel{padding:18px}.puzzle-toolbar{max-width:calc(100% - 263px)}.puzzle-toolbar button{padding:10px}.puzzle-toolbar .primary{min-width:110px}.board-stage{padding:22px 16px}}@media (width<=650px){.topbar{gap:8px;height:65px;margin:0 18px}.brand-name{display:none}.save-status{font-size:10px}.topbar button{min-height:44px}.app-main{width:calc(100% - 32px);padding:25px 0 35px}.title-screen{min-height:calc(100svh - 130px)}.title-copy{padding-bottom:70px}.title-copy>.eyebrow{letter-spacing:2.8px;margin-bottom:32px;font-size:8px}.neon-logo{letter-spacing:-5px;font-size:85px}.neon-logo .logo-small{letter-spacing:7px;font-size:11px}.korean-title{letter-spacing:3px;font-size:13px}.title-description{margin:25px 0;font-size:13px}.title-tags{gap:12px;font-size:9px}.title-bottom{letter-spacing:1.5px;flex-direction:column;gap:14px;font-size:7px}.orbit-ring{width:410px;height:270px}.sun-disc{width:300px;height:300px}.shape-one{font-size:36px;top:24%;left:0%}.shape-two{font-size:28px;top:68%;right:0}.hub-heading{margin:5px 0 28px;display:block}.hub-heading h1{font-size:27px}.hub-heading .muted{font-size:11px}.total-counter{margin-top:20px}.total-counter strong{font-size:36px}.total-counter span{font-size:8px}.tier-heading h2{font-size:13px}.tier-heading>span{font-size:10px}.tier-heading small{font-size:8px}.tier-number{padding:2px 6px;font-size:11px}.tier-heading>div{gap:7px}.cabinet-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.cabinet{min-height:265px;padding:10px 10px 0}.cabinet-screen{height:95px}.cabinet-name{font-size:12px}.cabinet-desc{font-size:10px}.tier-row{margin-bottom:24px}.finale-slot{flex-wrap:wrap;gap:15px;padding:18px}.finale-glyph{font-size:36px}.finale-slot h2{font-size:16px}.finale-slot .pill{margin-left:0;font-size:10px}.puzzle-heading{margin-bottom:20px}.puzzle-heading h1{font-size:29px}.puzzle-layout{flex-direction:column;gap:18px;display:flex}.board-stage{gap:20px;min-height:365px;padding:20px 9px}.rules-panel{order:2;padding:20px}.puzzle-toolbar{flex-wrap:wrap;gap:8px;max-width:none;margin-top:16px}.puzzle-toolbar button{padding:10px 12px;font-size:11px}.puzzle-toolbar .primary{min-width:120px}.binary-board{gap:4px;max-width:322px;padding:7px}.binary-board .cell{min-width:44px;min-height:44px;font-size:21px}.judgement{font-size:11px}.notice{padding:15px;font-size:12px}.notice button{font-size:11px}.modal{padding:22px}}@media (prefers-reduced-motion:reduce){html:not([data-reduced=false]) *,html:not([data-reduced=false]) :before,html:not([data-reduced=false]) :after{transition:none!important;animation:none!important}}html[data-reduced=true] *,html[data-reduced=true] :before,html[data-reduced=true] :after{transition:none!important;animation:none!important}.tier-row{position:relative}.unlock-current{pointer-events:none;background:linear-gradient(90deg,#ff2bd6,#19e6ff,#fff);width:100%;height:3px;position:absolute;top:0;left:0;box-shadow:0 0 12px #19e6ff,0 0 28px #19e6ff}.arcade-control{border:2px solid color-mix(in srgb, var(--accent) 65%, #6b537a);background:linear-gradient(#3d2947,#170d24);border-bottom-width:5px;justify-content:center;align-items:center;gap:8px;display:inline-flex;box-shadow:inset 0 1px 1px #ffffff40,inset 0 0 18px #ffffff08,0 4px #05020d}.arcade-control svg{fill:none;stroke:currentColor;stroke-width:2px;flex-shrink:0;width:20px;height:20px}.arcade-control:active:enabled{border-bottom-width:2px;translate:0 3px;box-shadow:inset 0 0 15px #ffffff30}.arcade-control:disabled{filter:saturate(.2)}.result-flash{pointer-events:none;z-index:40;background:#fff;position:fixed;inset:0}.badge-stamp{text-align:center;border:3px solid var(--accent);width:70%;color:var(--accent);text-shadow:0 0 15px var(--accent);box-shadow:0 0 40px var(--accent);pointer-events:none;z-index:8;background:#10061bea;padding:18px 10px;font-size:clamp(20px,3vw,38px);font-weight:900;position:absolute;top:35%;left:15%}.unlock-current{z-index:4;background:0 0;border:2px solid #19e6ff;border-radius:12px;height:auto;inset:0}.current-head{pointer-events:none;background:linear-gradient(100deg,#0000,#fff5,#0000);position:absolute;inset:-2px}.cabinet-inner{width:100%;min-width:0;height:100%;transform-style:preserve-3d;transform-origin:50%;flex-direction:column;flex:1;display:flex;position:relative}.cabinet-screen{transform:translateZ(14px)}.cabinet-name{transform:translateZ(8px)}.hologram{pointer-events:none;opacity:0;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%), #fff8, transparent 48%), conic-gradient(from 120deg at var(--shine-x,50%) var(--shine-y,50%), #19e6ff22, #ff2bd644, #ffe61a22, #19e6ff22);mix-blend-mode:screen;position:absolute;inset:-15px}.cabinet:hover:enabled .hologram{opacity:.35}.cabinet[data-status=solved]:hover .hologram,.cabinet[data-status=revealed]:hover .hologram{opacity:.65}.lock-icon{fill:none;stroke:currentColor;stroke-width:2px;vertical-align:middle;width:14px;height:14px;margin-right:5px}.glitch-layer{pointer-events:none;opacity:.08;border-radius:10px;position:absolute;inset:45px 0 0;overflow:hidden}.locked-noise{background:repeating-linear-gradient(0deg,#fff3 0 1px,#0000 1px 5px),repeating-conic-gradient(#19e6ff44 0% 25%,#ff2bd644 0% 50%) 0 0/6px 4px;position:absolute;inset:0}.locked-signal{text-align:center;color:#fff;width:100%;font:900 22px ui-monospace,monospace;position:absolute;top:40%;left:0}.unlock-lock{pointer-events:none;position:absolute;inset:30%}.lock-fragment{position:absolute;top:0;left:50%}.lock-fragment .lock-icon{color:#dfffff;width:50px;height:50px}.route-wipe{z-index:25;pointer-events:none;background:linear-gradient(135deg,#ff2bd6,#171044,#19e6ff);position:fixed;inset:0}@media (pointer:coarse){.hologram{display:none}}html[data-reduced=true] .hologram{display:none}html[data-hidden=true] *,html[data-hidden=true] :before,html[data-hidden=true] :after{animation-play-state:paused!important}.finale-dialog{color:#f5f0ff;text-align:center;background:#0d1023;border:2px solid #a793ff;border-radius:24px;width:min(780px,100vw - 28px);max-height:calc(100dvh - 32px);padding:28px;overflow:auto;box-shadow:0 0 80px #846bff66}.finale-dialog::backdrop{background:#050611dc}.finale-cabinets{gap:7px;max-width:440px;margin:0 auto 20px;display:grid}.finale-row{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.finale-mini{background:linear-gradient(#ff58cd77,#53efff33);border:2px solid #45eeed;border-radius:4px;height:27px;box-shadow:0 0 8px #45eeed88}.finale-title-card{background:linear-gradient(135deg,#271844,#121a38);border:2px solid #bfa2ff;border-radius:14px;padding:20px;position:relative}.finale-title-card[data-title=perfect]{background:linear-gradient(130deg,#403214,#201638);border:3px double #ffed89;border-radius:38px 8px;box-shadow:inset 0 0 26px #ffed8922}.finale-title-card h1{font-size:clamp(26px,5vw,44px);line-height:1.3}.finale-statistics{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;display:grid}.finale-stat{gap:8px;display:grid}.finale-stat strong{color:#ffed89;font-size:36px}.finale-stat span{font-size:14px}.finale-actions{justify-content:center;gap:12px;margin-top:20px;display:flex}.finale-actions button{min-width:96px;min-height:44px}.finale-fireworks{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@media (width<=600px){.finale-dialog{padding:14px}.finale-title-card{padding:18px 8px}.finale-row{gap:6px}.finale-statistics{gap:4px}.finale-mini{height:20px}}