@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0a0a0f;--pink:#ff3ba7;--purple:#a855f7;--blue:#00e5ff;--cream:#eee9de}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--cream);font-family:'Space Grotesk',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:none;border:1px solid #48434e;padding:12px 18px}button:hover{border-color:var(--pink);color:var(--pink)}button:disabled{opacity:.35;cursor:default}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.grain{position:fixed;inset:0;pointer-events:none;z-index:30;opacity:.05;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='.6' filter='url(%23n)'/%3E%3C/svg%3E")}header{height:96px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #39323f}.brand{font-size:29px;font-weight:700;letter-spacing:-2px}.brand span{color:var(--pink);padding-left:6px}nav{display:flex;gap:35px;font-size:11px;letter-spacing:1px}header button{border:0;font-size:11px}.hero{padding:40px 5% 30px;position:relative;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px}.dot{display:inline-block;background:var(--pink);width:6px;height:6px;border-radius:50%;margin-right:8px;box-shadow:0 0 10px var(--pink)}.hero-title{position:relative;z-index:2;margin:44px 0 0;pointer-events:none}.hero-title p{letter-spacing:5px;font-size:13px;margin-bottom:8px}h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;margin:0;font-weight:800;line-height:.82;letter-spacing:-3px}h1{font-size:clamp(100px,16vw,238px);width:max-content;transform:rotate(-3deg);text-shadow:5px 6px 0 #0a0a0f}em{font-style:normal;color:var(--pink)}h1 em{-webkit-text-stroke:1px var(--pink);color:transparent;letter-spacing:7px}.edition{position:absolute;left:49%;top:14px;border:1px solid var(--pink);color:var(--pink);padding:16px 20px;font-size:11px;line-height:1.6;transform:rotate(10deg)}.scene{position:absolute;width:49%;height:440px;right:4%;top:60px;background:radial-gradient(ellipse,#72319c55,transparent 65%)}.moon{position:absolute;width:255px;height:255px;border-radius:50%;top:36px;left:26%;background:radial-gradient(circle at 35% 30%,#ff80cf,#b341aa 55%,#4b235e);box-shadow:0 0 75px #ff3ba733,inset -20px -10px 20px #27132d}.orbit{position:absolute;border:1px solid #9456a35c;border-radius:50%;width:95%;height:240px;left:0;top:95px;transform:rotate(-22deg)}.o2{transform:rotate(36deg);height:310px}.castle{position:absolute;bottom:75px;left:26%;width:260px;height:170px;background:#100d18;clip-path:polygon(0 26%,8% 26%,8% 5%,15% 0,22% 5%,22% 34%,35% 34%,35% 10%,44% 10%,50% 0,56% 10%,65% 10%,65% 34%,78% 34%,78% 5%,85% 0,92% 5%,92% 26%,100% 26%,100% 100%,0 100%)}.castle i{position:absolute;background:#ff3ba7;width:8px;height:23px;top:75px;box-shadow:0 0 20px var(--pink)}.castle i:nth-child(1){left:35px}.castle i:nth-child(2){left:90px}.castle i:nth-child(3){right:90px}.castle i:nth-child(4){right:35px}.door{position:absolute;bottom:0;left:108px;width:45px;height:70px;border-radius:40px 40px 0 0;background:linear-gradient(#8432b8,#ff3ba7);box-shadow:0 0 50px var(--pink)}.floor{position:absolute;bottom:20px;left:10%;width:90%;height:100px;background:radial-gradient(ellipse,#ba49dd33,transparent 70%);transform:rotate(-8deg)}.ghost{position:absolute;color:var(--blue);font-size:65px;animation:float 5s ease-in-out infinite}.g1{left:10%;top:48%}.g2{right:7%;top:10%;font-size:100px;color:var(--pink);animation-delay:-2s}.scene-label{position:absolute;bottom:8px;left:21%;font-size:9px;letter-spacing:2px;color:#b9a3c9}.hero-bottom{margin-top:52px;position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:25px}.hero-bottom p{font-size:12px;color:#b1a6b9;line-height:1.8}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--pink);color:#140c17;border:0;font-weight:700;font-size:12px;padding:20px 26px}.cta:hover{background:#ff79c3;color:#140c17}.cta span{font-size:23px}.scroll{font-size:9px;letter-spacing:2px}.ticker{overflow:hidden;margin:38px 0 0;background:var(--pink);color:#140c17;transform:rotate(-1.5deg);padding:13px 0;font-size:16px;font-weight:700;letter-spacing:2px}.ticker div{width:max-content;animation:marquee 25s linear infinite}.experience,.ritual{padding:95px 5% 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:35px;gap:24px}.section-heading h2{font-size:clamp(55px,7vw,100px);margin-top:24px}.section-heading p{font-size:12px;color:#a99eaf;line-height:2}.game-shell{border:1px solid #4a3358;background:#100d17}.game-top,.game-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 25px;font-size:10px;letter-spacing:1px}.game-top b{color:var(--pink);font-weight:400}.game-top{border-bottom:1px solid #392744}#board{position:relative;height:540px;overflow:hidden;background:radial-gradient(ellipse at center,#53257555,transparent 66%);touch-action:none}.board-grid{position:absolute;inset:0;background:linear-gradient(#b267df09 1px,transparent 1px),linear-gradient(90deg,#b267df09 1px,transparent 1px);background-size:45px 45px}.sigil{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);font-size:90px;letter-spacing:-8px;font-weight:700;color:#e6a8ff10;white-space:nowrap}.sigil span{font-weight:400}.sigil small{display:block;font-size:8px;letter-spacing:4px;text-align:center}.piece,.slot{position:absolute;width:104px;height:92px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;letter-spacing:1px;clip-path:polygon(12% 0,90% 5%,100% 80%,72% 100%,0 86%,5% 18%);border:0}.slot{background:#ffffff08;color:#a391b9;outline:0;box-shadow:inset 0 0 0 2px #fff}.piece{background:var(--piece);color:#110b18;cursor:grab;z-index:4;box-shadow:0 0 25px var(--piece);transition:filter .2s}.piece:hover,.piece.hovered{filter:brightness(1.5)}.piece.locked{cursor:default;filter:brightness(.9);z-index:2}.piece:focus-visible{filter:brightness(1.7);outline:none}.piece.dragging{z-index:8;cursor:grabbing}.camera{position:absolute;bottom:20px;right:20px;width:130px;height:90px;border:1px solid #5c456b;background:#110d18;z-index:1;overflow:hidden}.camera video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera span{position:absolute;bottom:5px;left:7px;font-size:7px;color:#c4b2d0;letter-spacing:1px}#particles{position:absolute;inset:0;pointer-events:none;z-index:9}#hand-cursor{position:absolute;display:none;pointer-events:none;width:25px;height:25px;border:2px solid var(--blue);border-radius:50%;z-index:15;transform:translate(-50%,-50%);box-shadow:0 0 20px var(--blue)}#hand-cursor.pinch{background:var(--pink);border-color:var(--pink)}.game-bottom{border-top:1px solid #392744}.game-bottom>div{min-width:100px}#counter{font-size:20px;color:var(--pink)}#progress{height:3px;width:100px;background:#35263e;margin-top:8px}#progress:after{content:'';display:block;background:var(--pink);width:var(--progress,0%);height:100%;transition:width .4s}.game-bottom p{font-size:11px;letter-spacing:0;color:#b6a8be;line-height:1.7}.game-bottom button{font-size:9px;white-space:nowrap}.controls{display:flex;align-items:center;gap:15px;margin-top:20px;flex-wrap:wrap}.controls span{font-size:10px;color:#82758d}.controls button{font-size:10px}.ritual{padding-bottom:85px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #403247;border-bottom:1px solid #403247}.steps article{padding:28px 25px 30px;border-right:1px solid #403247}.steps article:last-child{border:0}.steps article>span{font-size:9px;color:var(--pink);letter-spacing:1px}.steps article>div{font-size:55px;margin:30px 0;filter:grayscale(1)}.steps h3{font-size:26px;line-height:1;letter-spacing:-.5px}.steps p{font-size:11px;color:#a99eaf;line-height:1.9}.fallback{font-size:10px;color:#82758d;margin-top:20px}footer{margin:0 5%;border-top:1px solid #403247;padding:35px 0;display:flex;justify-content:space-between;align-items:center;gap:25px}footer p{font-size:10px;letter-spacing:1px}footer small{font-size:8px;color:#82758d}#victory{position:absolute;inset:0;background:#0b0712ed;z-index:10;text-align:center;align-content:center}#victory[hidden]{display:none}#victory>span{color:var(--blue);font-size:10px;letter-spacing:4px}#victory h3{font-size:110px;margin:30px 0;line-height:.9}#victory p{color:#b9a3c9}#victory button{margin-top:15px}.harmonized{background:radial-gradient(ellipse,#ff3ba733,#0a0a0f)!important}@keyframes float{50%{transform:translateY(-22px) rotate(12deg)}}@keyframes marquee{to{transform:translateX(-35%)}}@media(min-width:1500px){main,header{max-width:1500px;margin-left:auto;margin-right:auto}}@media(max-width:750px){header{height:75px}nav{display:none}.hero{padding-top:25px}.hero-title{margin-top:30px}h1{font-size:25vw}.edition{left:auto;right:0;font-size:8px;padding:8px;top:0}.scene{position:relative;right:auto;top:0;width:100%;height:320px;margin-top:-25px}.moon{width:190px;height:190px;left:30%}.castle{left:30%;width:210px;height:150px;bottom:50px}.door{left:87px}.hero-bottom{margin-top:10px;flex-wrap:wrap}.scroll{display:none}.experience,.ritual{padding-top:65px}.section-heading{align-items:flex-start;flex-direction:column}.section-heading p{margin:0}#board{height:520px}.piece,.slot{width:78px;height:75px;font-size:8px}.game-top,.game-bottom{padding:15px 12px;gap:10px;flex-wrap:wrap}.game-top{font-size:8px}.game-bottom p{order:3;width:100%;margin:0}.camera{width:80px;height:60px;right:10px;bottom:10px}.steps{grid-template-columns:1fr 1fr}.steps article{padding:22px 15px}.steps article:nth-child(2){border-right:0}.steps article:nth-child(-n+2){border-bottom:1px solid #403247}.steps h3{font-size:23px}footer{align-items:flex-start;flex-direction:column}#victory h3{font-size:75px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Revised art direction: typography, fractured geometry and restrained neon. */
:root{--bg:#0a0a0f;--cream:#f0eee9;--pink:#ff3ba7}
header{height:85px}nav{font-size:10px}.hero{padding-top:35px;padding-bottom:45px;min-height:690px}.hero-title{margin:52px 0 0;max-width:100%;position:relative;z-index:3}.hero-title p{font-size:10px;letter-spacing:3px;margin-bottom:24px;color:#a59aac}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(86px,11.6vw,174px);line-height:.89;letter-spacing:-3px;transform:none;text-shadow:none;width:auto}h1 em{color:var(--pink);-webkit-text-stroke:0;letter-spacing:-3px}.title-colon{color:var(--pink)}.title-star{font-size:.55em;vertical-align:middle;display:inline-block;margin-left:18px;color:var(--pink)}.hero-bottom{margin-top:45px;align-items:flex-end}.hero-bottom p{font-size:11px}.hero-bottom .cta{margin-right:14%;background:var(--cream);color:var(--bg)}.hero-bottom .cta:hover{background:var(--pink)}.scroll{font-size:8px;line-height:1.8;color:#8c8295;letter-spacing:1px}.ticker{transform:none;background:none;border-top:1px solid #3a303f;border-bottom:1px solid #3a303f;color:#b7a5c3;font-size:11px;padding:14px 0;margin-top:0}.abstract-art{position:absolute;width:430px;height:430px;right:5%;top:65px;z-index:1}.art-circle{position:absolute;inset:10px;border:1px solid #89709644;border-radius:50%;background:radial-gradient(circle,#a855f711,transparent 68%)}.art-circle:before,.art-circle:after{content:'';position:absolute;left:50%;top:-20px;width:1px;height:450px;background:#9270aa22}.art-circle:after{transform:rotate(90deg)}.shard{position:absolute;background:linear-gradient(130deg,#e2cde9,#785986 45%,#22182b);filter:drop-shadow(0 6px 10px #000);opacity:.8;transition:transform .5s}.s1{width:170px;height:145px;left:72px;top:20px;clip-path:polygon(0 10%,100% 0,66% 100%,21% 85%);transform:rotate(-16deg)}.s2{width:155px;height:180px;left:248px;top:60px;clip-path:polygon(0 0,100% 24%,83% 95%,8% 100%);background:linear-gradient(140deg,#fd78c0,#7a2a61 50%,#231226);transform:rotate(12deg)}.s3{width:140px;height:150px;left:20px;top:155px;clip-path:polygon(20% 0,100% 22%,82% 100%,0 74%);transform:rotate(-12deg)}.s4{width:140px;height:130px;left:163px;top:164px;clip-path:polygon(0 0,90% 10%,100% 80%,15% 100%);background:linear-gradient(120deg,#01c9e2,#415a7f 50%,#14182b);transform:rotate(14deg)}.s5{width:165px;height:110px;left:84px;top:315px;clip-path:polygon(0 0,100% 5%,80% 100%,12% 88%);transform:rotate(6deg)}.s6{width:115px;height:130px;left:292px;top:270px;clip-path:polygon(10% 0,100% 8%,74% 100%,0 88%);background:linear-gradient(120deg,#b78ae1,#633889 55%,#1d152b);transform:rotate(20deg)}.art-index{position:absolute;right:4px;top:0;font-size:9px;letter-spacing:2px;color:#ad94ba}.art-caption{position:absolute;bottom:-20px;right:10px;font-size:8px;letter-spacing:3px;color:#8b729a}.experience{padding-top:70px;padding-bottom:65px}.section-heading h2{font-size:clamp(48px,5.3vw,76px)}.section-heading p{font-size:11px}.gesture-guide{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:13px 20px;background:#191320;border-bottom:1px solid #392744;font-size:10px;color:#a99ab5}.gesture-guide b{font-weight:500;color:#eee3f5;margin-right:5px}.gesture-guide small{margin-left:auto;font-size:9px;color:#85778e}.guide-label{font-size:8px;letter-spacing:1.5px;color:var(--pink)}.game-shell{border-color:#413049}.cta{font-size:11px;padding:17px 22px}footer p{font-size:9px}.scene,.edition{display:none}
@media(max-width:1050px) and (min-width:751px){.abstract-art{width:340px;height:340px;right:0;transform:scale(.8);transform-origin:top right;top:80px}.hero-bottom .cta{margin-right:0}}
@media(max-width:750px){.hero{min-height:auto;padding-top:25px}.hero-title{margin-top:35px}.hero-title p{font-size:8px;letter-spacing:2px}h1{font-size:17vw;letter-spacing:-2px}h1 em{letter-spacing:-2px}.title-star{margin-left:5px}.abstract-art{position:relative;top:0;right:auto;width:430px;height:430px;transform:scale(.65);transform-origin:top left;margin:25px 0 -130px 10%;max-width:none}.hero-bottom{margin-top:15px;align-items:flex-start;gap:18px}.hero-bottom .cta{margin-right:0}.hero-bottom p{font-size:10px}.gesture-guide{padding:12px;gap:12px;font-size:9px}.gesture-guide small{width:100%;margin:0}.guide-label{width:100%}.section-heading h2{font-size:51px}.experience{padding-top:45px}.section-heading p{font-size:10px}}

/* Supplied moodboard: an immersive particle field, centered title, sparse navigation. */
.hero{min-height:calc(100svh - 85px);display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;background:radial-gradient(ellipse at 50% 48%,#20103266,transparent 60%);padding:35px 5% 30px}.hero>.eyebrow{position:absolute;top:28px;left:5%;font-size:8px;letter-spacing:2px;color:#8b7b9c}.hero-title{margin:20px 0 0;width:100%;text-align:center;max-width:1100px}.hero-title p{font-size:9px;letter-spacing:4px;color:#9d87b0;margin-bottom:28px}h1{font-family:'Space Grotesk',Arial,sans-serif;line-height:1.06;letter-spacing:-5px;font-weight:600;font-size:clamp(90px,14vw,190px)}.hero-name{display:block;color:#f0ddff;text-shadow:0 0 3px #fff,0 0 30px #a855f755}.title-colon{color:#d6aaff}h1 em{display:block;font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(17px,3vw,42px);letter-spacing:clamp(1px,.5vw,7px);font-weight:400;color:#d3b4ed;margin-top:18px;text-shadow:0 0 20px #a855f777}.hero-subtitle{display:block;color:#9683a6;font-size:11px;letter-spacing:2px;margin-top:26px}.hero-bottom{display:flex;flex-direction:column;align-items:center;margin-top:36px;gap:20px}.hero-bottom p{display:none}.hero-bottom .cta{margin:0;background:#c3a3ec;border:1px solid #d7c3f7;border-radius:2px;color:#171020;padding:15px 22px;font-size:10px;box-shadow:0 0 35px #a855f72b}.hero-bottom .cta:hover{background:#e6d7fb}.hero-bottom .scroll{display:block;font-size:7px;letter-spacing:2px;color:#6b5d79;line-height:2;text-align:center}#hero-field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.ticker{font-size:9px;color:#73667f;padding:10px 0}.grain{opacity:.025}.hero .title-star{display:none}@media(max-width:750px){.hero{min-height:calc(90svh - 75px);padding:55px 5% 35px}.hero>.eyebrow{font-size:6px;letter-spacing:1.2px}.hero-title{margin:20px 0 0}.hero-title p{font-size:7px;letter-spacing:2px}h1{font-size:25vw;letter-spacing:-4px}h1 em{font-size:4.6vw;letter-spacing:1px;margin-top:20px}.hero-subtitle{font-size:9px}.hero-bottom{margin-top:35px;align-items:center}.hero-bottom .cta{margin:0}.hero-bottom .scroll{display:block}.section-heading h2{font-family:'Barlow Condensed',Impact,sans-serif}}

/* Angular crimson lettering and a visible charcoal atmosphere. */
:root{--pink:#f32648;--cream:#e8e4e0}.hero{background:radial-gradient(ellipse at 50% 50%,#4f16293d,transparent 58%),linear-gradient(125deg,#242227,#15151a 50%,#272025);border:12px solid #101014;box-shadow:inset 0 0 0 1px #39343b;min-height:calc(100svh - 85px);overflow:hidden}.hero:before{content:'';position:absolute;inset:18px;border:1px solid #5a3b453b;pointer-events:none;z-index:0}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.18;background:repeating-linear-gradient(115deg,transparent 0,transparent 6px,#d8c4cb0c 7px,transparent 8px);z-index:0}#hero-field{z-index:0;opacity:1}.hero-title,.hero-bottom{position:relative;z-index:2}.hero>.eyebrow{z-index:2;color:#b7a1ab}.hero-title p{color:#b8a1ab;letter-spacing:3px}.red-wordmark{display:block;width:min(660px,80vw);height:auto;margin:0 auto;color:#f12645;filter:drop-shadow(0 12px 25px #0006);overflow:visible;transform:rotate(-3deg)}h1 em{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;letter-spacing:4px;font-size:clamp(17px,2vw,27px);color:#e2d9dc;font-weight:600;margin-top:26px;text-shadow:none}.hero-subtitle{font-size:8px;letter-spacing:3px;color:#a88a94;margin-top:12px}.hero-bottom .cta{background:transparent;border:1px solid #963448;color:#ead8dc;box-shadow:none;border-radius:20px;padding:11px 25px}.hero-bottom .cta:hover{background:#e82545;color:white}.hero-bottom{margin-top:28px}.hero-bottom .scroll{color:#9b828e}.game-shell{border-color:#53303e}.gesture-guide{background:#21151c}.game-top b,#counter{color:#f32648}.piece.dragging{transition:none!important;will-change:left,top}#hand-cursor{transition:none!important;width:30px;height:30px}.camera{width:180px;height:120px}.game-shell.hand-active #board{background:radial-gradient(ellipse,#42213855,transparent 66%)}@media(max-width:750px){.hero{border-width:7px;min-height:calc(88svh - 75px)}.red-wordmark{width:88vw}.hero-title p{font-size:7px;letter-spacing:2px}h1 em{font-size:17px;letter-spacing:2px}.camera{width:100px;height:75px}}
.slot.target-near{background:#f3264855;color:white;filter:drop-shadow(0 0 12px #f32648)}

.hero-select{padding:80px 5% 10px}.hero-selector-shell{position:relative;isolation:isolate;overflow:hidden;border:1px solid #5b3040;background:radial-gradient(ellipse at 50% 60%,#6b263f66,transparent 70%),linear-gradient(130deg,#231d29,#100f18);min-height:480px}.selector-top{display:flex;justify-content:space-between;padding:20px 25px;font-size:9px;letter-spacing:2px;color:#c199ab;position:relative;z-index:1}#hero-lineup{display:flex;align-items:flex-end;justify-content:center;height:330px;padding:15px 35px 0;position:relative;z-index:2}.hero-card{position:relative;border:0;border-bottom:1px solid #7c526366;width:16.666%;height:100%;padding:0 8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:transparent;cursor:pointer;transition:opacity .25s,transform .25s;opacity:.45;min-width:0}.hero-card .hero-cutout{display:block;width:100%;height:270px;object-fit:contain;object-position:bottom;filter:grayscale(1) brightness(.75);transition:filter .25s,transform .25s;pointer-events:none}.hero-card.selected{opacity:1;border-bottom:2px solid #ff345a;background:linear-gradient(transparent 30%,#f3264825);z-index:3}.hero-card.selected .hero-cutout{filter:drop-shadow(0 0 15px #f3264866);transform:translateY(-10px) scale(1.1)}.hero-card .hero-order{font-size:9px;letter-spacing:2px;color:#c4adbb;margin:15px 0}.selector-bottom{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;gap:20px;padding:20px 24px 30px}.selector-bottom>div{display:flex;flex-direction:column;gap:7px;min-width:220px;text-align:center}.selector-bottom strong{font-size:17px;letter-spacing:3px}.selector-bottom span{font-size:10px;color:#b18c9e}.selector-bottom button{padding:10px 15px;font-size:10px}#confirm-hero{border-color:#ac3455;background:#e6264922}.selector-camera{position:absolute;right:12px;top:47px;width:105px;height:78px;border:1px solid #725064;z-index:4;background:#120c19}.selector-camera video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.selector-camera>span{position:absolute;bottom:3px;left:4px;font-size:6px;color:#d2b9c5}.ambient-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.game-top,.game-bottom{position:relative;z-index:1}#hero-lock{position:absolute;inset:0;background:#110b18d9;z-index:18;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;backdrop-filter:blur(4px)}#hero-lock span{font-size:11px;letter-spacing:3px}#hero-lock a{font-size:12px;border:1px solid #b43b59;padding:15px 20px}#hero-lock[hidden]{display:none}#board{isolation:isolate;background:radial-gradient(ellipse,#5a203d77,transparent 75%),linear-gradient(130deg,#17131f,#21101c)}body{background:radial-gradient(ellipse at 0 65%,#30142566,transparent 45%),#0a0a0f}#heroes.confirmed .hero-card.selected:after{content:'SELECTED';font-size:7px;letter-spacing:2px;position:absolute;top:0;color:#ff7693}.hero-selector-shell.is-confirming{box-shadow:inset 0 0 60px #f3264844}@media(max-width:750px){.hero-select{padding:50px 5% 5px}.hero-selector-shell{min-height:410px}#hero-lineup{height:260px;padding:35px 5px 0;overflow:visible}.hero-card{padding:0 2px}.hero-card .hero-cutout{height:185px}.hero-card.selected .hero-cutout{transform:translateY(-7px) scale(1.18)}.selector-bottom{gap:8px;padding:20px 10px;flex-wrap:wrap}.selector-bottom>div{min-width:155px}.selector-bottom span{font-size:8px}.selector-bottom button{padding:9px}.selector-camera{width:75px;height:55px;top:40px}.selector-controls span{line-height:1.7}.hero-card .hero-order{font-size:7px}.selector-top{padding:15px;font-size:8px}}

/* Character selection: the user's supplied reference, original PNGs unchanged. */
.hero-select{padding-top:65px}.character-select{color:#474442;background:radial-gradient(ellipse at 48% 63%,#fff 0,#e9e7e7 44%,#d6d3d5 100%);border:1px solid #686063;min-height:760px;box-shadow:inset 0 0 70px #90858b24}.character-select .ambient-field{opacity:.12}.character-select .selector-top{color:#5c5556;letter-spacing:4px;padding:28px 34px;font-family:Georgia,'Times New Roman',serif;font-size:12px}.character-layout{display:grid;grid-template-columns:135px minmax(250px,1fr) 285px;gap:22px;padding:0 40px 20px;position:relative;z-index:2;min-height:640px}.character-rail{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:4px 0 0}#hero-lineup{height:auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0;position:relative}#hero-lineup:before{content:'';position:absolute;left:4px;top:12px;bottom:15px;width:1px;background:linear-gradient(transparent,#a29b8a,transparent)}.character-select .hero-card{width:90px;height:auto;display:flex;flex-direction:row;justify-content:center;padding:0;border:0!important;background:none!important;opacity:.65;min-height:70px;gap:8px}.portrait-ring{width:61px;height:61px;display:block;border-radius:50%;border:1px solid #bbb4b5;background:#cac8c9;overflow:hidden;position:relative;flex:none;transition:box-shadow .25s,border-color .25s}.character-select .hero-card img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:none;transform:none;display:block}.character-select .hero-card .hero-order{position:absolute;font-family:Georgia,serif;font-size:6px;letter-spacing:.5px;color:#625d5e;bottom:-5px;left:0;right:0;text-align:center;margin:0;line-height:1}.character-select .hero-card.selected{opacity:1;transform:none}.hero-card.selected .portrait-ring{border:2px solid #b3a27e;box-shadow:0 0 0 4px #d9caa94d,0 0 17px #e7d29d}.character-select .hero-card.selected img{filter:none;transform:none}.character-select .hero-card.selected:after{content:'◆';color:#ac9571;font-size:10px;position:absolute;right:0;top:25px}.character-select .hero-card:focus-visible{outline:2px solid #a18c68;outline-offset:5px;filter:none}.character-select #confirm-hero{width:130px;border:1px solid #b0a6a2;color:#504744;background:transparent;padding:10px 12px;font-family:Georgia,serif;font-size:10px;letter-spacing:2px;display:flex;justify-content:space-between;margin:20px 0 0}.character-select #confirm-hero:hover{border-color:#857052;background:#d9cfbf55}.character-stage{position:relative;display:flex;align-items:flex-end;justify-content:center;min-width:0;padding:0 0 38px;overflow:hidden}.character-stage>img{position:relative;z-index:2;display:block;width:100%;height:590px;object-fit:contain;object-position:center bottom;filter:none;transform:none}.character-aura{position:absolute;width:85%;height:65px;bottom:30px;border-radius:50%;background:radial-gradient(ellipse,#5e4b6738,transparent 70%);z-index:0}#character-watermark{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);font-size:clamp(50px,9vw,135px);font-family:Georgia,serif;color:#8a7c8c0e;letter-spacing:3px;white-space:nowrap;pointer-events:none}.stage-navigation{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:20px;z-index:3}.stage-navigation button{border:0;padding:6px 12px;color:#726860}.stage-navigation span{font-size:7px;letter-spacing:2px;color:#99918a}.character-info{padding:28px 0 0;align-self:center;min-width:0}.profile-kicker{font-size:8px;letter-spacing:2px;color:#8f837a;font-family:Georgia,serif}.character-info h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(32px,3.8vw,51px);letter-spacing:1px;line-height:1.1;color:#554e4d;margin:12px 0 5px}.character-info #hero-korean{font-size:12px;letter-spacing:4px;color:#8b7d78}.ability-divider{height:45px;display:flex;align-items:center;gap:10px;color:#9c8e76}.ability-divider:before,.ability-divider:after{content:'';height:1px;background:#bdb3a366;flex:1}.character-info h3{font-family:Georgia,'Times New Roman',serif;font-size:20px;letter-spacing:0;line-height:1.5;margin:12px 0 5px;font-weight:400;color:#534a46}.character-info #hero-power-en{font-size:9px;line-height:1.7;letter-spacing:1px;text-transform:uppercase;color:#92837c;margin:0}#hero-symbol{display:block;font-size:38px;line-height:1.5;color:#9e8963;margin:12px 0 22px}.character-info #hero-description{font-size:12px;line-height:2;color:#776c68;margin:14px 0}.character-info #hero-theory{font-size:10px;line-height:1.9;color:#9c8e83;border-left:1px solid #b9ab90;padding-left:12px;margin:14px 0}.character-confirm-status{border-top:1px solid #bcb1a355;padding-top:20px;margin-top:26px;font-size:9px;line-height:1.8;color:#8b7b67}.confirm-meter{height:2px;background:#b3aa9c44;margin-top:10px}.confirm-meter i{display:block;height:100%;width:0;background:#a18d65;transition:width .1s}.character-select .selector-camera{width:80px;height:60px;right:14px;top:58px;border-color:#b4aaa2;opacity:.75}.character-select .selector-camera span{color:#ddd}.character-footnote{position:relative;z-index:2;padding:18px 34px 22px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#9e928c}.character-select.is-confirming{box-shadow:inset 0 0 75px #b6a17533}.character-select .hero-card:hover{opacity:1}.character-select .hero-card img{aspect-ratio:1}.character-select .hero-card.selected .hero-order{color:#6d553a}.hero-select.confirmed .portrait-ring{box-shadow:0 0 0 4px #b7a07055,0 0 22px #d4b46a}
@media(max-width:1050px){.character-layout{grid-template-columns:105px minmax(200px,1fr) 240px;padding:0 24px 20px;gap:15px}.character-stage>img{height:560px}.character-info h2{font-size:35px}.character-select #confirm-hero{width:105px;font-size:9px}.character-info{padding-top:0}}
@media(max-width:750px){.hero-select{padding-top:45px}.character-select{min-height:0}.character-select .selector-top{padding:20px;font-size:9px;letter-spacing:2px}.character-layout{grid-template-columns:64px minmax(0,1fr);padding:0 14px 20px;gap:12px}.character-rail{justify-content:flex-start}#hero-lineup{gap:8px}.character-select .hero-card{width:60px;min-height:57px}.portrait-ring{width:44px;height:44px}.character-select .hero-card .hero-order{font-size:5px;bottom:-1px}.character-select .hero-card.selected:after{right:-2px;top:17px;font-size:7px}.character-select #confirm-hero{font-size:7px;width:65px;padding:9px 4px;letter-spacing:.2px;margin-top:18px}.character-stage{grid-column:2;grid-row:1;align-self:start;padding-bottom:30px}.character-stage>img{height:425px}.character-info{grid-column:1 / -1;padding:24px 10px 0;border-top:1px solid #bcb1a355}.character-info h2{font-size:39px}.character-info #hero-symbol{float:right;font-size:35px;margin:5px 5px 12px}.ability-divider{height:30px}.character-confirm-status{clear:both;margin-top:20px}.character-select .selector-camera{width:55px;height:40px;top:48px;right:10px;opacity:.6}.character-footnote{padding:10px 20px 20px;gap:15px;flex-wrap:wrap;font-size:7px}.stage-navigation{gap:10px}.stage-navigation span{font-size:6px}.character-info #hero-description{font-size:12px}.hero-select.confirmed .hero-card.selected:after{content:'◆'}}

/* Keep the character layout while unifying the entry and selector art direction. */
.character-select{color:#e8e4e0;background:radial-gradient(ellipse at 48% 52%,#4f162944,transparent 65%),linear-gradient(125deg,#242227,#15151a 50%,#272025);border:12px solid #101014;box-shadow:inset 0 0 0 1px #39343b;isolation:isolate}.character-select:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.18;background:repeating-linear-gradient(115deg,transparent 0,transparent 6px,#d8c4cb0c 7px,transparent 8px);z-index:0}.character-select .ambient-field{opacity:.8}.character-select .selector-top{color:#bea4ae}.character-select .hero-card{opacity:.65}.portrait-ring{background:#30262f;border-color:#6a4351}.character-select .hero-card .hero-order{color:#baa2ac}.hero-card.selected .portrait-ring{border-color:#f32648;box-shadow:0 0 0 4px #f3264822,0 0 17px #f3264855}.character-select .hero-card.selected:after{color:#fa5473}.character-select .hero-card.selected .hero-order{color:#f98da2}#hero-lineup:before{background:linear-gradient(transparent,#73414f,transparent)}.character-select #confirm-hero{border-color:#a83951;color:#ead8dc;background:#f3264811}.character-select #confirm-hero:hover{border-color:#ed536f;background:#f3264822}.character-select .hero-card:focus-visible{outline-color:#f32648}.character-info h2{color:#f0e7e9}.profile-kicker,.character-info #hero-korean{color:#b194a1}.ability-divider{color:#d55572}.ability-divider:before,.ability-divider:after{background:#7e3d5055}.character-info h3{color:#e4ced6}.character-info #hero-power-en{color:#bd8fa1}#hero-symbol{color:#ed4568}.character-info #hero-description{color:#bca7af}.character-info #hero-theory{color:#aa8997;border-color:#914257}.character-confirm-status{border-color:#74445466;color:#c49baa}.confirm-meter{background:#6f3e5144}.confirm-meter i{background:#f32648}.stage-navigation button{color:#d899ad}.stage-navigation span{color:#987281}#character-watermark{color:#f5b2cc08}.character-aura{background:radial-gradient(ellipse,#f3264828,transparent 70%)}.character-footnote{color:#967680}.character-select .selector-camera{border-color:#714252}.character-select.is-confirming{box-shadow:inset 0 0 75px #f3264822}.hero-select.confirmed .portrait-ring{box-shadow:0 0 0 4px #f3264833,0 0 22px #f3264855}@media(max-width:750px){.character-select{border-width:7px}.character-info{border-color:#74445466}}
/* Clean sans-serif typography for member introductions. */
.character-select .selector-top,.character-select #confirm-hero,.character-select .hero-card .hero-order,.character-info,.character-info h2,.character-info h3,.profile-kicker{font-family:'Space Grotesk','PingFang SC','Microsoft YaHei','Noto Sans CJK SC',sans-serif}.character-info h2{font-weight:600;letter-spacing:1px}.character-info h3{font-weight:500;font-size:19px;letter-spacing:.3px}.profile-kicker{letter-spacing:1.5px}.character-info #hero-description,.character-info #hero-theory{font-family:'PingFang SC','Microsoft YaHei','Noto Sans CJK SC',sans-serif;line-height:1.9}
/* Slightly larger instructions and platform-independent monochrome hands. */
.gesture-guide{font-size:12px;gap:20px;padding:15px 20px;line-height:1.6}.gesture-guide b{display:inline-flex;align-items:center;gap:7px}.gesture-guide small{font-size:10px}.gesture-icon{display:inline-block;width:20px;height:23px;vertical-align:middle;flex:none;color:#d9d2dc;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.selector-controls span,.character-footnote{font-size:10px;line-height:1.8}.character-footnote .gesture-icon{width:17px;height:20px}.guide-label{font-size:9px}.piece{padding:0!important;background:transparent!important;border:0;box-shadow:none;transition:filter .15s;overflow:hidden;display:block;min-width:0;min-height:0}.piece svg{display:block;width:100%;height:100%;pointer-events:none;overflow:hidden}.piece:hover,.piece.hovered{filter:brightness(1.35) drop-shadow(0 0 6px #f32648)}.piece.locked{filter:none;z-index:3;pointer-events:none}.piece.returning{transition:left .3s ease,top .3s ease}.slot{padding:0;background:#a086ac!important;box-shadow:none;color:transparent;opacity:.08;pointer-events:none}.slot.candidate{opacity:.13}.slot.target-near{opacity:.55;filter:drop-shadow(0 0 10px #d27fad)}.slot.fabricated{opacity:.8;filter:drop-shadow(0 0 15px #00e5ff)}#puzzle-ghost{position:absolute;background:url('assets/puzzle-art.svg') center / 100% 100%;opacity:.1;pointer-events:none;border:1px solid #9f617e33;transition:opacity .3s;z-index:1}#puzzle-ghost.hint-visible{opacity:.8;z-index:4}#drone-effects{position:absolute;inset:0;pointer-events:none;z-index:7;width:100%;height:100%}#drone-layer{position:absolute;inset:0;z-index:6;pointer-events:none}.drone{position:absolute;width:66px;height:32px;top:0;left:0;color:#d4b2c6;will-change:transform;filter:drop-shadow(0 0 7px #ff426655)}.drone svg{width:100%;height:100%}.drone[hidden]{display:none}.drone-disabled{color:#9d91c5;opacity:.4}#danger-message{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:12;max-width:80%;padding:8px 13px;font-size:11px;line-height:1.5;text-align:center;pointer-events:none;border:1px solid transparent;backdrop-filter:blur(7px)}#danger-message:empty{display:none}.warning-notice{background:#491325d9;color:#ffc0d0;border-color:#b94362!important}.ability-notice{background:#171929dd;color:#c7d9ff;border-color:#6c749e!important}.under-threat{box-shadow:inset 0 0 35px #f3264822}.companion-strip{display:flex;align-items:center;gap:13px;padding:13px 20px;border-top:1px solid #563046;background:#17111e;position:relative;z-index:1}.companion-strip>img{width:40px;height:44px;object-fit:cover;object-position:center top;border:1px solid #85425d;background:#2b1f2c}.companion-strip>div:first-of-type{display:flex;flex-direction:column;gap:6px;min-width:120px}.companion-strip b{font-size:11px;letter-spacing:1px}.companion-strip span{font-size:10px;color:#a996b7}.ability-charge{width:110px;margin-right:auto;display:flex;flex-direction:column;gap:8px;border-bottom:2px solid #49324f;position:relative;padding-bottom:7px}.ability-charge i{position:absolute;bottom:-2px;left:0;height:2px;background:#bd7bce;width:100%}.companion-strip button{font-size:9px;padding:9px 12px}.companion-strip button[aria-pressed='false']{color:#a99aad}.companion-strip #puzzle-hint{font-size:10px}.game-shell #board{height:590px}.game-shell .camera{width:118px;height:85px;bottom:8px;right:8px;z-index:10}.game-shell .game-top{letter-spacing:.5px}@media(max-width:750px){.gesture-guide{font-size:11px;gap:12px}.gesture-guide small{font-size:9px}.gesture-icon{width:18px;height:21px}.game-shell #board{height:580px}.companion-strip{padding:12px;gap:10px;flex-wrap:wrap}.companion-strip>div:first-of-type{flex:1;min-width:145px}.ability-charge{width:80px;margin-right:0}.companion-strip>img{width:34px;height:40px}.companion-strip button{padding:8px 10px}.game-shell .camera{width:75px;height:53px}.game-top{font-size:8px}#danger-message{font-size:10px;width:85%;max-width:85%}.character-footnote{font-size:9px}}
/* Photo puzzle and prominent cinematic threat / defense announcements. */
.game-shell .board-grid{opacity:.32}.piece svg{background:#1a151e}.piece{filter:drop-shadow(0 4px 10px #0009)}.piece.locked{filter:none}#puzzle-ghost{opacity:.055;border:1px solid #ba587244}#puzzle-ghost.hint-visible{opacity:.9}.slot{opacity:.04}.slot.candidate{opacity:.07}.slot.target-near{opacity:.32}.piece:hover,.piece.hovered{filter:brightness(1.15) drop-shadow(0 0 10px #f3264866)}
#danger-message{top:18px;left:18px;right:18px;transform:none;width:auto;max-width:none;min-height:115px;display:flex;align-items:center;gap:20px;padding:16px 28px;text-align:left;border:1px solid;backdrop-filter:blur(12px);box-shadow:0 12px 40px #0006;overflow:hidden;font-family:'Space Grotesk','PingFang SC','Microsoft YaHei',sans-serif}#danger-message[hidden]{display:none}#danger-message:before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:currentColor}#danger-message:after{content:'';position:absolute;right:0;top:0;width:85px;height:100%;opacity:.12;background:repeating-linear-gradient(-45deg,currentColor 0,currentColor 7px,transparent 7px,transparent 15px);pointer-events:none}.warning-notice{background:linear-gradient(90deg,#3e0e1df5,#170d17e8);color:#ff486b;border-color:#b92b4b!important}.ability-notice{background:linear-gradient(90deg,#102f3af5,#111424eb);color:#77e0ef;border-color:#48859b!important}.alert-emblem{width:52px;height:52px;flex:none;display:grid;place-items:center;border:2px solid currentColor;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);font-size:37px;font-weight:600}.ability-notice .alert-emblem{font-size:0}.ability-notice .alert-emblem:after{content:'✦';font-size:30px}.alert-copy{min-width:0;flex:1}#alert-tag{display:block;font-size:10px;letter-spacing:3px;font-weight:600;margin-bottom:5px}#alert-title{display:block;font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(32px,4vw,55px);letter-spacing:3px;line-height:1;font-weight:700}#alert-detail{margin:8px 0 0;font-size:15px;line-height:1.5;color:#f3dbe3;font-weight:500;letter-spacing:.3px}.ability-notice #alert-detail{color:#c3eaf0}#alert-count{font-family:'Space Grotesk',Arial,sans-serif;font-size:36px;font-weight:500;min-width:85px;position:relative;z-index:1;text-align:right}.game-shell #board:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:11;opacity:0;border:3px solid #ff315c;box-shadow:inset 0 0 75px #f3264830;transition:opacity .25s}.game-shell #board.alert-active:after{opacity:1;animation:alert-breathe 1.8s ease-in-out infinite}.game-shell #board.defense-active:after{opacity:1;border-color:#69dbea;box-shadow:inset 0 0 65px #48bddb22}.game-bottom p{font-size:13px;line-height:1.7}.companion-strip b{font-size:13px}.companion-strip span{font-size:12px}.game-top{font-size:11px}.gesture-guide{font-size:13px}#status{color:#d5c7db}.drone{color:#d6b0be;filter:drop-shadow(0 0 8px #ff315c55)}@keyframes alert-breathe{50%{box-shadow:inset 0 0 110px #f3264850}}@media(max-width:750px){#danger-message{top:10px;left:10px;right:10px;padding:14px;min-height:112px;gap:12px}.alert-emblem{width:30px;height:36px;font-size:25px}.ability-notice .alert-emblem:after{font-size:23px}#alert-title{font-size:30px;letter-spacing:1px}#alert-tag{font-size:7px;letter-spacing:1px}#alert-detail{font-size:12px;line-height:1.6;margin-top:6px}#alert-count{font-size:19px;min-width:44px}.game-bottom p{font-size:12px}.companion-strip span{font-size:11px}.game-top{font-size:9px}.gesture-guide{font-size:12px}}

#puzzle-ghost{background:none}#puzzle-ghost>svg{display:block;width:100%;height:100%}

.gesture-pinch,.gesture-fist{width:24px;height:26px;stroke-width:1.65}.character-footnote .gesture-fist{width:21px;height:23px}

.gesture-pinch{display:inline-flex;align-items:center;justify-content:center;width:28px;height:29px;font-size:25px;line-height:1;font-family:'Segoe UI Emoji','Apple Color Emoji','Noto Color Emoji',sans-serif;filter:grayscale(1);color:#ddd;vertical-align:middle;flex:none}

.gesture-emoji,.gesture-pinch{display:inline-flex;align-items:center;justify-content:center;width:28px;height:29px;font-size:25px;line-height:1;font-family:'Segoe UI Emoji','Apple Color Emoji','Noto Color Emoji',sans-serif;filter:grayscale(1);color:#ddd;vertical-align:middle;flex:none}.character-footnote .gesture-emoji,.selector-controls .gesture-emoji{width:23px;height:25px;font-size:21px}