/* APPGAMES neon system: dark surfaces, saturated light and purposeful reactions. */
@property --rim-turn{syntax:'<angle>';initial-value:0deg;inherits:false}
:root{color-scheme:dark;--neon:#ffe600;--neon-alt:#ff8700;--neon-rgb:255,230,0;--accent:var(--neon);--accent-rgb:var(--neon-rgb);--ink:#f1f5ff;--muted:#b6c2dc;--line:#64769c40;--studio-lilac:#28eaff;--studio-cream:#08101c;--green:#39ff14;--pink:#ff2bd6;--blue:#00f5ff}
body{background:#05060d;color:var(--ink)}body:before{position:fixed;inset:0;height:100vh;background:radial-gradient(ellipse at 5% 5%,#2439bd27,transparent 45%),radial-gradient(ellipse at 95% 45%,#bc00891a,transparent 50%);pointer-events:none;z-index:-1}
::selection{background:#ff2bd6;color:#070911}em{color:#00edff}p{color:inherit}a,button,summary,input,select,textarea{transition:color .2s,border-color .2s,background-color .2s,box-shadow .2s,transform .2s}
:where(a,button,summary,input,select,textarea):focus-visible{outline:2px solid var(--neon);outline-offset:5px;box-shadow:0 0 22px #00eaff30}
.studio-header{background:#05060ded;border-color:#183452;box-shadow:0 8px 35px #0004}.studio-brand{width:205px}.studio-brand:hover{transform:translateY(-2px);filter:drop-shadow(0 0 9px #ffd00066)}.studio-header nav{gap:27px}.studio-header nav a{color:var(--theme-text);font-size:12px}.studio-header nav a:hover,.studio-header nav a[aria-current]{color:var(--neon)}.studio-header nav a[aria-current]:after{background:linear-gradient(90deg,var(--neon),var(--neon-alt));box-shadow:0 0 12px var(--neon)}
.button.yellow,.nav-brief{background:linear-gradient(135deg,#fff247,#ffd500 55%,#ffac00);color:#171000;border:1px solid #ffe86a;box-shadow:0 4px 0 #755200,0 0 24px #ffc80017;font-weight:800}.button.yellow:hover,.nav-brief:hover{background:linear-gradient(115deg,#ffef00,#ffb300);box-shadow:0 6px 0 #755200,0 0 28px #ffd00042;transform:translateY(-2px)}.button.yellow:active,.nav-brief:active{transform:translateY(2px);box-shadow:0 1px 0 #755200}
.button.outline{border-color:#00e5ff77;background:#061a2c;color:#6bf6ff}.button.outline:hover{background:#063442;border-color:#00f5ff;box-shadow:0 0 20px #00d5ff25}.text-link,.feature-card a{color:var(--neon)}.text-link:hover{color:#00f5ff}.live-dot{background:var(--neon);box-shadow:0 0 12px var(--neon)}
.theme-rail{border-bottom:1px solid #263454;background:linear-gradient(100deg,#0c1327,#140b24,#091c26);padding:10px 0}.theme-rail-inner{display:flex;align-items:center;gap:18px;justify-content:space-between}.theme-rail-label{font-size:9px;letter-spacing:.14em;white-space:nowrap;color:var(--theme-text)}.theme-options{display:flex;gap:7px;flex-wrap:wrap}.theme-chip{display:flex;align-items:center;gap:7px;padding:7px 10px;min-height:32px;border-radius:8px;border:1px solid color-mix(in srgb,var(--chip) 35%,transparent);color:var(--chip);background:#050911;font:10px Body,Arial;white-space:nowrap}.theme-chip i{width:6px;height:6px;background:var(--chip);border-radius:50%;box-shadow:0 0 8px var(--chip)}.theme-chip:hover,.theme-chip[aria-pressed=true]{border-color:var(--chip);background:color-mix(in srgb,var(--chip) 14%,#030811);box-shadow:inset 0 0 12px color-mix(in srgb,var(--chip) 15%,transparent),0 0 15px color-mix(in srgb,var(--chip) 15%,transparent)}
.living-frame{--panel:#08101c;border:1px solid transparent!important;background:linear-gradient(var(--panel),var(--panel)) padding-box,conic-gradient(from var(--rim-turn),#143747,var(--neon) 15%,#163443 30%,var(--neon-alt) 57%,#25214d 73%,#00dfff 90%,#143747) border-box;box-shadow:0 0 24px #00d5ff08,inset 0 0 30px #03061150;position:relative;border-radius:22px;isolation:isolate}
.living-frame.in-view{animation:neon-border 16s linear infinite}.living-frame:before{content:'';position:absolute;inset:1px;border-radius:inherit;background:radial-gradient(420px circle at var(--pointer-x,50%) var(--pointer-y,20%),color-mix(in srgb,var(--neon) 10%,transparent),transparent 65%);pointer-events:none;z-index:-1;opacity:.65;transition:opacity .25s}.living-frame:hover:before,.living-frame:focus-within:before{opacity:1}
@keyframes neon-border{to{--rim-turn:360deg}}
.neon-hero{padding:28px 0 65px}.neon-hero-grid{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:55px;margin-top:42px}.neon-hero h1{font-size:clamp(56px,6vw,92px);line-height:1.02;letter-spacing:-.065em}.neon-hero h1 em,.big-cta h2 em,.home-hero h1 em{background:linear-gradient(105deg,#ffe600 2%,#ff9400 23%,#ff2bd6 49%,#9554ff 68%,#00f5ff 92%);background-size:180% 100%;background-position:var(--title-shift,15%) 50%;background-clip:text;-webkit-background-clip:text;color:transparent}.hero-summary{color:var(--theme-text);max-width:490px;font-size:17px}.micro-note{color:var(--theme-text);font-size:11px;line-height:1.9}.hero-topline .eyebrow{color:#94c9dd}.spark-console{--panel:#070d1b;min-height:525px;overflow:hidden;border-radius:26px;box-shadow:0 28px 80px #0008,0 0 75px #5c24d323;transform:perspective(1200px) rotateY(var(--console-tilt,0deg));transition:transform .4s}
.console-top,.console-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 23px;background:#060a15aa}.console-top{border-bottom:1px solid #3d668044;color:#8fbfd4;font-size:8px;letter-spacing:.12em}.console-top .live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:7px}.console-wordmark{display:block;width:74%;height:auto;margin:35px auto 0;filter:drop-shadow(0 4px 9px #0008)}.console-world{height:295px;position:relative;background:radial-gradient(ellipse,#20208170,transparent 64%);overflow:hidden}.console-world:before{content:'';position:absolute;inset:15px;background-image:radial-gradient(#3db4df77 1px,transparent 1px);background-size:27px 27px;mask-image:radial-gradient(ellipse,black,transparent 72%);pointer-events:none}
.console-orbit{position:absolute;inset:25px 55px;border:1px solid #3061b96b;border-radius:50%;transform:rotate(-25deg);pointer-events:none}.orbit-two{inset:0 80px;border-style:dashed;transform:rotate(32deg);border-color:#a43bd260}.spark-button{position:absolute;left:50%;top:48%;translate:-50% -50%;border:0;background:none;display:grid;place-items:center;gap:4px;min-width:150px;z-index:3}.spark-button>.studio-pixel{width:125px;filter:drop-shadow(0 0 25px #ffc40055)}.spark-button>span:last-child{font-size:10px;color:#ffee87;letter-spacing:.1em}.spark-button:hover{scale:1.08}.spark-button:active{scale:.96}.orbit-item{position:absolute;background:#080e1da0;border:1px solid #33759566;border-radius:18px;display:grid;place-items:center;width:75px;height:75px;z-index:2}.orbit-item:hover{background:#122b48;box-shadow:0 0 24px #00e5ff33;transform:translateY(-5px)}.orbit-item>.studio-pixel{width:62px}.item-moon{left:8%;top:12%}.item-rocket{right:7%;top:6%}.item-gem{left:12%;bottom:6%}.item-book{right:8%;bottom:8%}.console-bottom{border-top:1px solid #304e6744;min-height:86px}.console-bottom .eyebrow{font-size:7px;color:var(--theme-text)}.console-bottom p{font-size:11px;margin-top:8px;color:var(--theme-text)}.console-bottom b{font:40px Display,Arial;color:var(--neon);text-shadow:0 0 20px #ffe60033}.console-charged{box-shadow:0 0 70px color-mix(in srgb,var(--neon) 24%,transparent)}
.energy-banner{background:linear-gradient(100deg,#1228b0,#7310a5 52%,#d0166e);border-block:1px solid #aa2fff;padding:20px 0}.energy-banner .wrap{display:flex;justify-content:space-between;gap:20px;font:12px Display,Arial;letter-spacing:.08em;color:var(--theme-text)}.energy-banner a{color:#ffe600;text-decoration:underline;text-underline-offset:5px}.energy-banner a:hover{color:#00f5ff}
.neon-grid{display:grid;gap:22px}.neon-grid.three{grid-template-columns:repeat(3,1fr)}.neon-grid.two{grid-template-columns:repeat(2,1fr)}.neon-tile{display:flex;align-items:flex-start;flex-direction:column;padding:32px;gap:20px;min-height:340px;color:var(--theme-text);text-decoration:none}.neon-tile .studio-pixel{width:85px}.neon-tile h3{font-size:28px;line-height:1.12}.neon-tile p{font-size:14px;color:var(--theme-text)}.tile-link{font-size:12px;display:flex;gap:15px;align-items:center;color:var(--neon);margin-top:auto;padding-top:12px}.neon-tile:hover{transform:translateY(-5px);box-shadow:0 12px 35px #0005,0 0 28px #00e5ff15}.neon-tile:active{transform:translateY(-1px)}
.principle-lab{overflow:hidden}.principle-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #2c4961;background:#070a16}.principle-tabs button{background:transparent;border:0;border-right:1px solid #1b2c45;color:var(--theme-text);text-align:left;padding:22px 20px;font:16px Display,Arial;min-height:80px}.principle-tabs button span{display:block;font:9px Body,Arial;color:#638fb1;margin-bottom:7px}.principle-tabs button:hover,.principle-tabs button[aria-selected=true]{background:linear-gradient(130deg,#163740,#132044);color:var(--neon);box-shadow:inset 0 -3px var(--neon)}
#principle-panel{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;padding:48px}.principle-story h3{font-size:35px;margin:18px 0}.principle-story p{font-size:15px;color:var(--theme-text)}.principle-story .principle-lesson{border-left:2px solid var(--neon);padding-left:18px;margin-top:24px;font-size:12px;color:#89cde0}.principle-story>a{margin-top:18px}.principle-play{border-radius:20px;background:radial-gradient(ellipse,#17337d88,#070d1c 70%);border:1px solid #3d5e8633;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;min-height:310px}.principle-action{display:grid;place-items:center;background:transparent;color:var(--theme-text);border:1px solid #5885b448;border-radius:20px;padding:15px 25px;min-width:180px;gap:12px}.principle-action .studio-pixel{width:130px}.principle-action:hover{border-color:var(--neon);box-shadow:0 0 24px #00e5ff22;transform:translateY(-3px)}#principle-action-label{font-size:12px}#principle-status{font-size:11px;text-align:center;color:#97c8e1;margin-top:20px;min-height:36px}.principle-progress{width:140px;height:4px;background:#243449;margin-top:20px;border-radius:4px;overflow:hidden}.principle-progress i{display:block;height:100%;width:40%;background:linear-gradient(90deg,var(--neon),#00f5ff);transition:width .3s}
.neon-band,.cream-section,.philosophy{padding-block:90px;background:radial-gradient(ellipse at 0 0,#5019bf38,transparent 55%),radial-gradient(ellipse at 100% 100%,#00ddf51a,transparent 55%),#080c1b;color:var(--theme-text);border-block:1px solid #524fa12b}.cream-section em,.cream-section .eyebrow,.philosophy em{color:#00f5ff}.cream-section :is(.section-copy,.tiny),.cream-section p{color:var(--theme-text)}.project-preview{display:block;overflow:hidden;padding:25px;text-decoration:none;color:var(--theme-text)}.preview-art{min-height:220px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#35206c,transparent 72%);gap:5px;border-radius:16px}.preview-art img{width:35%;max-width:180px;image-rendering:pixelated;filter:drop-shadow(0 10px 15px #0005);transition:transform .3s}.project-preview:hover img{transform:translateY(-8px)}.project-preview h3{margin:15px 0;font-size:32px;display:flex;justify-content:space-between}.project-preview .eyebrow{color:#39ff94;margin-top:20px}.project-preview p{color:var(--theme-text);font-size:14px}.flagship{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;padding:45px;align-items:center;margin-bottom:26px}.flagship .preview-art{min-height:300px}.flagship h2{margin:20px 0}.flagship p{font-size:16px}.flagship .tile-link{margin-top:25px}.work-showcase{padding-bottom:30px}
.arcade-invite{display:grid;grid-template-columns:1fr 1.1fr;gap:45px;padding:45px;align-items:center}.invite-sprites{display:grid;grid-template-columns:repeat(2,100px);gap:18px;justify-content:center}.invite-sprites>.studio-pixel{width:100px}.arcade-invite h3{font-size:35px;margin-bottom:18px}.arcade-invite p{color:var(--muted);font-size:15px;margin-bottom:25px}.partnership h2{margin:20px 0 40px}.journey-next{display:flex;align-items:center;gap:30px;padding:40px;margin-block:45px 90px;--panel:#0d1024}.journey-next .journey-number{font:65px Display,Arial;color:var(--neon);opacity:.8}.journey-next h2{font-size:29px;margin:12px 0}.journey-next p:not(.eyebrow){font-size:13px;color:var(--muted)}.journey-next>.button{margin-left:auto;flex-shrink:0;max-width:310px}.journey-next .eyebrow{color:#54e4ff;font-size:9px}
.platform-console{overflow:hidden}.platform-tabs{display:flex;background:#050b18;border-bottom:1px solid #24597744}.platform-tabs button{flex:1;background:none;padding:22px;color:var(--theme-text);font-size:15px}.platform-tabs button[aria-pressed=true],.platform-tabs button:hover{background:#092934;color:#00f5ff;box-shadow:inset 0 -3px #00f5ff}.platform-body{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding:50px}.platform-body h3{font-size:34px;margin:20px 0}.platform-body p:not(.eyebrow){font-size:15px;color:var(--theme-text);margin-bottom:24px}.platform-device{width:190px;height:285px;border:5px solid #173245;border-radius:28px;padding:12px;margin:auto;box-shadow:0 0 35px #00ddff15;transition:width .5s,height .5s,border-radius .5s}.platform-device[data-device=web]{width:100%;max-width:355px;height:230px;border-radius:12px}.platform-device[data-device=desktop]{width:100%;max-width:375px;height:245px;border-radius:8px;border-bottom-width:18px}.device-screen{height:100%;background:radial-gradient(ellipse at top,#173962,#0c1024);border:1px solid #00edff55;border-radius:16px;display:grid;place-items:center;padding:17px;color:#00f5ff;font-size:9px;letter-spacing:.1em}.device-screen .studio-pixel{width:95px}.device-bars{display:flex;gap:6px;width:100%}.device-bars i{height:5px;border-radius:3px;flex:1;background:linear-gradient(90deg,#00f5ff,#7040ff)}
.process-chapters{display:grid;gap:14px}.process-chapter summary{display:flex;align-items:center;gap:25px;padding:24px 30px;cursor:pointer;list-style:none}.process-chapter summary::-webkit-details-marker{display:none}.process-chapter summary>span{font:24px Display,Arial;color:var(--neon)}.process-chapter summary strong{font:23px Display,Arial}.process-chapter summary b{margin-left:auto;color:#00f5ff;font-size:25px}.process-chapter[open] summary b{transform:rotate(45deg)}.process-chapter>div{padding:0 30px 30px 85px;max-width:900px}.process-chapter h3{font-size:25px;margin-bottom:15px}.process-chapter p{font-size:15px;color:var(--theme-text)}.process-chapter summary:hover{color:var(--neon)}
/* Bring legacy destinations and support/legal pages into the same dark system. */
.feature-card,.work-card,.brief-panel,.lab-panel,.idea-mixer{background-color:#0b1221;color:var(--theme-text);border-color:#215270}.feature-card:is(.lime,.lilac,.peach),.lime,.lilac,.peach,.coral,.purple{background:linear-gradient(145deg,#12374a,#0d172b 65%,#261344);color:var(--theme-text)}.feature-card:is(.lime,.lilac,.peach) p{color:var(--theme-text)}.feature-card:hover{border-color:var(--neon)}.feature-card .card-number{color:var(--neon)}.feature-card:after,.work-card:after{background:radial-gradient(300px circle at var(--light-x) var(--light-y),#00eaff15,transparent 65%)}
.studio-strip,.studio-poster{background:linear-gradient(125deg,#071b27,#1b1250,#451341);color:var(--theme-text);border:1px solid #6735ae}.studio-strip :is(p,em),.studio-poster :is(em,.eyebrow){color:#64f3ff}.studio-ticker{background:linear-gradient(100deg,#112987,#65169c,#b90b75);color:var(--theme-text)}.teaser-art,.kinetic-art,.pets-art{background:radial-gradient(ellipse at 30% 30%,#223b7d,#150d33 75%);color:#00f5ff}.work-art-label{color:#6df9d6}.kinetic-art>span{color:#00f5ff}.kinetic-art>b{color:#ff2bd6}.service-art{box-shadow:inset 0 0 70px #07122d;border:1px solid #146179}.service-art>b{color:#95f8ff}.service-art>span{filter:none}.studio-strip{margin-block:70px}
.demo-phone{background:linear-gradient(155deg,#0b1929,#100b22);color:var(--theme-text);border-color:#23445b;box-shadow:0 15px 60px #0008,0 0 0 1px #00d5ff70}.demo-phone h3 em{color:#00f5ff}.phone-greeting,.phone-status{color:#8ce5ff}.demo-orb b{background:#061224ef;border-color:#00f5ff;color:#00f5ff}.habit-button{background:#0d1d30;color:var(--theme-text);border-color:#295c78}.habit-button:hover{background:#10334b;color:#00f5ff}.habit-button[aria-pressed=true]{background:#063523;border-color:#39ff14;color:#77ff71}.phone-subtitle,.demo-feedback{color:var(--theme-text)}.float-chip{background:#0d172b;border-color:#547ccd;color:#abdfff}.sticker{background:#0d3525;color:#65ff5c;border:1px solid #39ff14}.sticker-create,.sticker-feel{background:#11224b;color:#1cf5ff;border:1px solid #0ecddc}
.idea-result,.idea-result[data-vibe=bold],.idea-result[data-vibe=playful]{background:linear-gradient(135deg,#29114b,#102f49);border:1px solid #b539e5;color:var(--theme-text)}.idea-result :is(.eyebrow,#idea-description,.tiny),.idea-mixer .idea-result .tiny{color:var(--theme-text)}.idea-result a{color:#00f5ff}.idea-result h3{color:#edb3ff}.feel-words{color:var(--theme-text);text-shadow:0 2px 10px #000,0 0 25px #001724}.feel-art{background:radial-gradient(ellipse,#17375d,#090f20 68%);border-radius:20px}.big-cta{border-image:linear-gradient(90deg,#ffe600,#ff2bd6,#00f5ff) 1}.big-cta h2{position:relative;z-index:1}.big-cta .cta-flower{z-index:2;opacity:1;width:120px;height:120px;bottom:25px;right:0;pointer-events:auto}.studio-footer{background:transparent}.footer-top img{width:260px}.footer-bottom nav{flex-wrap:wrap}.policy-tools input,.page-content input{background:#080e1d;color:var(--theme-text);border:1px solid #375d81}.policy a,.page-content a{color:#43eaff}
.brief-progress{margin-top:25px;font-size:11px;color:#8dcfe9}.brief-progress>i{display:block;height:4px;border-radius:4px;background:#23344b;margin-top:10px;overflow:hidden}.brief-progress b{display:block;height:100%;width:0;background:linear-gradient(90deg,#39ff14,#00f5ff);transition:width .35s}.brief-panel:focus-within{box-shadow:0 0 30px #00e5ff15}.contact-aside .contact-symbol{width:95px;height:95px}.brief-panel input:focus,.brief-panel textarea:focus,.brief-panel select:focus{border-color:#00f5ff!important;background:#091c2c!important}
/* Local PixelLab objects replace ornamental glyphs across the studio. */
:where(.arcade-sprite).studio-pixel{display:inline-block;width:70px;aspect-ratio:1;background-repeat:no-repeat;background-size:400% 200%;background-image:url('/assets/images/pixel-items/base-atlas.png?v=20260927c');image-rendering:pixelated;vertical-align:middle;flex-shrink:0;pointer-events:none;filter:drop-shadow(0 6px 9px #0005)}.pixel-trigger{background:none;padding:0;border:0;cursor:pointer;display:inline-grid;place-items:center;max-width:100%;color:inherit}.pixel-trigger:hover{filter:drop-shadow(0 0 15px #00f5ff55);scale:1.05}.pixel-trigger:active{scale:.95}.service-art .pixel-trigger .studio-pixel{width:185px}.service-art>.pixel-trigger{min-height:225px}.collect-star .studio-pixel{width:70px}.feel-art>.feel-flower{clip-path:none;background:none;display:grid;place-items:center;width:240px;height:240px;animation:none!important;z-index:2}.feel-flower .studio-pixel{width:220px}.feel-words{top:30px;z-index:3;font-size:45px}.studio-poster>.pixel-trigger{position:absolute;right:20px;bottom:20px;width:130px}.studio-poster>.pixel-trigger .studio-pixel{width:130px}.teaser-art .studio-pixel{width:100px}.idea-icon .studio-pixel{width:75px}.demo-orb>.studio-pixel{width:125px}.scene-star .studio-pixel{width:110px}.feature-card .card-number .studio-pixel{width:65px}.feature-card .card-detail-trigger{position:static;margin-top:20px;color:var(--neon);font-size:12px;min-height:44px;padding:5px 0;background:none;text-align:left}.card-detail-trigger:after{content:'';position:absolute;inset:0;border-radius:inherit}.feature-card:has(.card-detail-trigger){cursor:pointer}.feature-card .card-detail-trigger:focus-visible:after{outline:2px solid var(--neon);outline-offset:-3px}
.discovery-dialog{width:min(580px,calc(100% - 32px));max-height:85dvh;overflow:auto;background:radial-gradient(ellipse at top,#162c52,#090d1c 70%);border:1px solid #26e4ff;color:var(--theme-text);border-radius:24px;padding:40px;box-shadow:0 0 100px #086d7e33}.discovery-dialog::backdrop{background:#03060dcf;backdrop-filter:blur(7px)}.discovery-dialog .dialog-close{position:absolute;right:17px;top:14px;width:40px;height:40px;border-radius:50%;background:#10263a;color:#00f5ff;border:1px solid #315b72;font-size:25px}.discovery-dialog h2{font-size:35px;margin:20px 0}.discovery-dialog p{font-size:15px;color:var(--theme-text);margin-bottom:25px}.discovery-dialog>.studio-pixel{width:90px}.discovery-dialog .eyebrow{color:#00f5ff;margin-top:20px}.tap-ring{position:fixed;width:42px;height:42px;border:2px solid var(--neon);border-radius:50%;translate:-50% -50%;pointer-events:none;z-index:100;animation:tap-wave .65s ease-out forwards}.studio-burst{position:fixed;z-index:100;pointer-events:none;animation:studio-burst .9s ease-out forwards}.studio-burst>.studio-pixel{width:28px}.interaction-active{filter:brightness(1.12)}@keyframes tap-wave{to{scale:2.5;opacity:0}}@keyframes studio-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}15%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.2)}}
/* Arcade surfaces follow the same saturated family while retaining readable states. */
.arcade-machine{background:linear-gradient(135deg,#081e30,#1b1038);border-color:#3943a0}.arcade-filters button[aria-pressed=true]{background:#ffe600;color:#1d1700}.game-score{background:#052335;border:1px solid #00cfff33}.memory-tile.face-up{background:#102e57!important;color:#00f5ff!important}.memory-tile.matched{background:#063929!important;border-color:#39ff14}.echo-pad.lit{background:#313509!important;border-color:#ffe600}.puzzle-grid .light-tile.on{background:#392500}.sort-tube{background:linear-gradient(90deg,#08527255,#080c28,#08527266);border-color:#00e5ff77}.token-0{background:#981274;color:#ffb9f4}.token-1{background:#085ba5;color:#90f2ff}.token-2{background:#977000;color:#fff38e}.word-tiles button{background:linear-gradient(#fff000,#fbaa00);color:#1e1300;border-color:#ffe600}.world-meter i,.arcade-progress-track i{background:linear-gradient(90deg,#39ff14,#00f5ff,#ff2bd6)}
@media(max-width:1100px){.neon-hero-grid{gap:25px}.neon-hero h1{font-size:65px}.spark-console{min-height:500px}.studio-header nav{gap:18px}.studio-header nav a{font-size:11px}.nav-shell{gap:15px}.studio-brand{width:170px}.theme-chip{font-size:9px;padding:6px 8px}.theme-rail-label{font-size:8px}.principle-tabs button{padding:20px 15px;font-size:14px}#principle-panel{gap:25px;padding:35px}.neon-tile{padding:26px}.platform-body{padding:35px}}
@media(max-width:850px){.neon-hero-grid{grid-template-columns:1fr}.neon-hero h1{font-size:clamp(55px,10vw,82px)}.hero-message{max-width:650px}.spark-console{width:min(600px,100%);margin:20px auto 0}.neon-grid.three{grid-template-columns:1fr}.neon-tile{min-height:250px;display:grid;grid-template-columns:80px 1fr;column-gap:25px}.neon-tile>.studio-pixel{grid-row:1/4}.neon-tile>h3,.neon-tile>p,.neon-tile>.tile-link{grid-column:2}.neon-tile h3{font-size:28px}.neon-grid.two{grid-template-columns:1fr}.theme-rail-inner{align-items:flex-start;gap:12px;flex-direction:column}.theme-options{gap:6px}.theme-chip{font-size:10px}.theme-rail-label{font-size:8px}.principle-tabs{grid-template-columns:repeat(5,1fr)}.principle-tabs button{font-size:12px;padding:16px 12px;min-height:68px}#principle-panel{grid-template-columns:1fr}.principle-play{min-height:280px}.flagship{grid-template-columns:1fr;gap:10px;padding:30px}.flagship .preview-art{min-height:220px}.journey-next{flex-wrap:wrap;padding:28px}.journey-next>div{flex:1;min-width:200px}.journey-next>.button{margin-left:0;max-width:100%}.journey-next h2{font-size:27px}.platform-body{grid-template-columns:1fr;gap:30px}.platform-device[data-device=web],.platform-device[data-device=desktop]{max-width:400px}.big-cta .cta-flower{position:relative;bottom:auto;right:auto;margin:25px auto 0;display:grid}.neon-hero .hero-topline .text-link{display:none}}
@media(max-width:600px){.neon-hero{padding-top:25px;padding-bottom:40px}.neon-hero-grid{margin-top:28px}.neon-hero h1{font-size:clamp(48px,11.6vw,68px)}.hero-summary{font-size:15px}.energy-banner .wrap{flex-direction:column;gap:12px;font-size:11px}.energy-banner .wrap span:nth-child(2){color:#00f5ff}.spark-console{min-height:460px}.console-world{height:260px}.console-top{font-size:7px;padding:16px}.console-top>span:last-child{display:none}.console-wordmark{margin-top:28px;width:84%}.orbit-item{width:59px;height:59px;border-radius:14px}.orbit-item>.studio-pixel{width:49px}.item-moon{left:6%}.item-rocket{right:5%}.spark-button{min-width:120px}.spark-button>.studio-pixel{width:100px}.console-bottom{padding:18px 16px}.console-bottom b{font-size:30px}.console-bottom p{font-size:10px}.neon-tile{grid-template-columns:1fr;gap:17px;padding:28px}.neon-tile>.studio-pixel{grid-row:auto}.neon-tile>h3,.neon-tile>p,.neon-tile>.tile-link{grid-column:1}.neon-tile p{font-size:14px}.principle-tabs{display:flex;overflow-x:auto;scrollbar-width:thin}.principle-tabs button{flex:1;min-width:94px;padding:17px 13px;font-size:13px}#principle-panel{padding:26px 20px}.principle-story h3{font-size:30px}.principle-story p{font-size:14px}.principle-play{padding:22px 10px}.arcade-invite{grid-template-columns:1fr;padding:28px;gap:25px}.invite-sprites{display:flex;gap:6px;flex-wrap:wrap}.invite-sprites>.studio-pixel{width:58px}.arcade-invite h3{font-size:29px}.platform-body{padding:25px}.platform-tabs button{font-size:12px;padding:18px 10px}.platform-body h3{font-size:30px}.process-chapter summary{padding:20px;gap:15px}.process-chapter summary strong{font-size:20px}.process-chapter>div{padding:0 22px 25px}.process-chapter h3{font-size:23px}.journey-next .journey-number{font-size:45px}.journey-next{gap:15px;margin-bottom:60px}.theme-options{gap:5px}.theme-chip{font-size:9px;padding:6px 7px;min-height:31px}.theme-chip i{width:5px;height:5px}.theme-rail-inner{gap:7px}.discovery-dialog{padding:30px 25px}.discovery-dialog h2{font-size:29px}.service-art .pixel-trigger .studio-pixel{width:155px}.studio-brand{width:140px}.studio-header .nav-shell{gap:10px}.footer-top img{width:235px}.big-cta h2{font-size:clamp(39px,10vw,58px)}}
@media(max-width:360px){.studio-brand{width:112px}.nav-shell{width:calc(100% - 28px)!important;gap:8px!important}.menu-toggle{padding:8px 10px}.theme-chip{font-size:8px}.neon-hero h1{font-size:48px}.console-world{height:250px}.spark-button>.studio-pixel{width:90px}.spark-button>span:last-child{font-size:9px}.orbit-item{width:51px;height:51px}.orbit-item>.studio-pixel{width:45px}.theme-options{gap:4px}.console-orbit{inset:30px}.principle-story h3{font-size:27px}}
.paused .living-frame,.page-hidden .living-frame{animation-play-state:paused!important}.paused .studio-burst,.paused .tap-ring{display:none}.paused .spark-console{transform:none!important}
@media(prefers-reduced-motion:reduce){.living-frame{animation:none!important}.studio-burst,.tap-ring{display:none!important}.spark-console,.neon-tile:hover,.pixel-trigger:hover,.project-preview:hover img{transform:none!important;scale:1!important}.principle-action:hover{transform:none}}

.habit-button .studio-pixel{width:24px;height:24px}.habit-button>span{display:inline-flex}.legacy-journey{display:block;margin-top:25px;font-size:11px}
.stretched-link:after{content:'';position:absolute;inset:0;border-radius:inherit}.invite-sprites>a{display:grid;place-items:center;border-radius:15px;border:1px solid #38688755;background:#0b1530;padding:6px}.invite-sprites>a:hover{border-color:var(--neon);transform:translateY(-5px)}.invite-sprites>a>.studio-pixel{width:85px}
.neon-hero h1 em,.big-cta h2 em{animation:neon-title 16s ease-in-out infinite alternate}@keyframes neon-title{to{background-position:90% 50%}}
.neon-hero h1:hover{--title-shift:65%}.section-heading h2:hover,.page-lead h1:hover{filter:drop-shadow(0 0 18px #00ddff18)}

/* Neutral text follows the selected theme; existing colourful text keeps its identity. */
body{--theme-text:color-mix(in srgb,var(--neon) 78%,#fff 22%);--theme-soft:color-mix(in srgb,var(--neon) 65%,#fff 35%);--ink:var(--theme-text);--muted:var(--theme-soft);color:var(--theme-text)}
body :where(input,textarea)::placeholder{color:var(--theme-soft)!important;opacity:.65}
body :is(.button.yellow,.nav-brief,.word-letter,.slide-tile),body :is(.button.yellow,.nav-brief,.word-letter,.slide-tile) *{color:#101008!important}
body .theme-chip,body .theme-chip *{color:var(--chip)!important}
body :is(input,select,textarea,option){background-color:#080f1c}
.studio-header:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--neon-alt),var(--neon),#101b2c,var(--neon),var(--neon-alt));background-size:220% 100%;box-shadow:0 0 14px color-mix(in srgb,var(--neon) 55%,transparent);animation:header-energy 6s linear infinite;pointer-events:none}
@keyframes header-energy{to{background-position:220% 0}}
.project-state{padding:35px;margin-top:30px}.project-state h3{margin:18px 0}.project-state p{font-size:14px;max-width:850px;margin-bottom:20px}
.footer-email,.email-address{overflow-wrap:anywhere;word-break:break-word}
@media(prefers-reduced-motion:reduce){.studio-header:after{animation:none}}
.reading-progress{background:linear-gradient(90deg,var(--neon-alt),var(--neon))}
.word-tiles .letter-key{background:linear-gradient(145deg,color-mix(in srgb,var(--neon) 18%,#09101c),#080e1b);border-color:var(--neon);box-shadow:0 4px 0 color-mix(in srgb,var(--neon) 25%,#05080f);color:var(--theme-text)!important}

/* A spectrum of accents complements the chosen theme instead of replacing it. */
.neon-grid>:nth-child(3n+1),.card-grid>:nth-child(3n+1){--card-colour:#00f5ff;--card-other:#4661ff}
.neon-grid>:nth-child(3n+2),.card-grid>:nth-child(3n+2){--card-colour:#ff46dc;--card-other:#8d42ff}
.neon-grid>:nth-child(3n+3),.card-grid>:nth-child(3n+3){--card-colour:#a4ff36;--card-other:#00cfaa}
.neon-grid>.living-frame,.card-grid>.living-frame{background:radial-gradient(ellipse at 10% 0%,color-mix(in srgb,var(--card-colour) 14%,#07101e),#080d19 72%) padding-box,conic-gradient(from var(--rim-turn),var(--card-other),var(--card-colour),#172841,var(--neon),var(--card-other)) border-box}
.neon-grid h3,.card-grid h3{color:var(--card-colour)}
.neon-grid .tile-link,.card-grid .card-number{color:var(--card-colour)}
.neon-grid>.living-frame:hover,.card-grid>.living-frame:hover{box-shadow:0 10px 40px #0005,0 0 30px color-mix(in srgb,var(--card-colour) 19%,transparent)}
.section:nth-of-type(3n+1) .section-heading h2 em{color:#00f5ff}
.section:nth-of-type(3n+2) .section-heading h2 em{color:#ff46dc}
.section:nth-of-type(3n) .section-heading h2 em{color:#a4ff36}
.neon-band,.cream-section,.philosophy{background:radial-gradient(ellipse at 0 0,#6422da4d,transparent 60%),radial-gradient(ellipse at 100% 90%,#00ddf52b,transparent 60%),#080c1b}
.spark-console{background:radial-gradient(ellipse at 0 0,#7716ad24,transparent 65%),radial-gradient(ellipse at 100% 100%,#007da92b,transparent 65%),linear-gradient(#070d1b,#070d1b) padding-box,conic-gradient(from var(--rim-turn),#ff2bd6,#ffe600,#39ff14,#00f5ff,#8d42ff,#ff2bd6) border-box}
.principle-tabs button:nth-child(1){--principle-colour:#ffce2b}.principle-tabs button:nth-child(2){--principle-colour:#ff46dc}.principle-tabs button:nth-child(3){--principle-colour:#00f5ff}.principle-tabs button:nth-child(4){--principle-colour:#a4ff36}.principle-tabs button:nth-child(5){--principle-colour:#b489ff}
.principle-tabs button{color:var(--principle-colour)}.principle-tabs button[aria-selected=true]{color:var(--principle-colour);box-shadow:inset 0 -3px var(--principle-colour);background:linear-gradient(135deg,color-mix(in srgb,var(--principle-colour) 17%,#0b1020),#11162a)}
.platform-tabs button:nth-child(1){color:#00f5ff}.platform-tabs button:nth-child(2){color:#ff46dc}.platform-tabs button:nth-child(3){color:#a4ff36}
.big-cta{background:radial-gradient(ellipse at 0 70%,#6121c929,transparent 60%),radial-gradient(ellipse at 100% 30%,#eb167321,transparent 65%);border-radius:30px}
input,select,textarea,option{color:var(--theme-text)}