:root{--bg:#05050c;--bg-soft:#100c10;--panel:#1f191ebd;--panel-strong:#2a1d22e6;--line:#ffb21e29;--text:#fff8ec;--muted:#b7a99b;--purple:#ff9d18;--purple-soft:#ffd65a;--blue:#ff6a28;--green:#35d980;--orange:#ff9d18;--orange-hot:#ff4a25;--gold:#ffd65a;--ember:#8b171e;--radius:16px;color-scheme:dark;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 18% 8%,#ff4a253d,#0000 28rem),radial-gradient(circle at 82% 20%,#ff9d182e,#0000 26rem),linear-gradient(#090607 0%,#05050c 44%,#090706 100%);min-width:320px;margin:0;overflow-x:hidden}body:before{z-index:-3;content:"";background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.ambient{z-index:-2;filter:blur(90px);opacity:.36;pointer-events:none;border-radius:999px;width:26rem;height:26rem;position:fixed}.ambient-one{background:#ff4a25;top:12rem;left:-10rem}.ambient-two{background:#ff9d18;top:32rem;right:-9rem}.ambient-three{background:#8b171e;bottom:7rem;left:12rem}.site-header{z-index:20;backdrop-filter:blur(18px);background:#05050cc7;border-bottom:1px solid #ffffff0f;grid-template-columns:1fr auto 1fr;align-items:center;min-height:54px;padding:0 clamp(20px,7vw,220px);display:grid;position:sticky;top:0}.brand,nav,.hero-actions,.download-actions,footer{align-items:center;display:flex}.brand{gap:9px;font-size:13px;font-weight:800}.brand-mark{object-fit:contain;filter:drop-shadow(0 0 13px #ff9d186b);width:23px;height:23px}nav{gap:26px}nav a,.github-link{color:var(--muted);font-size:12px;font-weight:700}nav a:hover,.github-link:hover,footer a:hover{color:var(--text)}.github-link{color:var(--text);background:#ff9d1821;border:1px solid #ffb21e61;border-radius:8px;justify-self:end;padding:7px 12px}.hero{grid-template-columns:minmax(0,1fr) minmax(220px,.82fr);align-items:center;max-width:1120px;min-height:620px;margin:0 auto;padding:92px 24px 120px;display:grid}.hero-copy{max-width:520px}.pill,.section-kicker{letter-spacing:0;border-radius:999px;width:fit-content;margin:0 0 16px;font-weight:800}.pill{color:var(--purple-soft);background:#ff9d1821;border:1px solid #ffb21e2e;padding:7px 10px;font-size:12px}.section-kicker{color:var(--blue);text-transform:uppercase;font-size:13px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:18px;font-size:clamp(38px,5vw,66px);line-height:.95}h1 span{color:var(--purple-soft);display:block}h2{letter-spacing:0;margin-bottom:13px;font-size:clamp(26px,3.4vw,42px);line-height:1.05}p{color:var(--muted);font-size:15px;line-height:1.75}.hero-copy p:not(.pill){max-width:500px}.hero-actions{flex-wrap:wrap;gap:14px;margin:28px 0 16px}.hero-actions .button{min-height:48px;padding:0 22px;font-size:14px}.button{border-radius:9px;justify-content:center;align-items:center;min-height:40px;padding:0 16px;font-size:13px;font-weight:850;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(1px)}.button.primary{color:#1b0f08;background:linear-gradient(135deg,#ff4a25,#ff9d18 58%,#ffd65a);border:1px solid #ffd65a66;box-shadow:0 12px 42px #ff741857}.button.muted,.button.outline{color:#ebe7ff;background:#ffffff0b;border:1px solid #ffffff1c}.button.outline{background:#ff9d1814}small{color:#77708d;font-size:12px;display:block}.hero-mark{aspect-ratio:1;justify-self:center;place-items:center;width:min(300px,64vw);display:grid;position:relative}.hero-mark:before{filter:blur(1px)drop-shadow(0 0 34px #ff741861);content:"";background:conic-gradient(from 210deg,#ff4a251a,#ff9d1875,#ffd65a1f,#0000 68%),radial-gradient(circle,#ff9d1833,#0000 62%);border-radius:50%;position:absolute;inset:2%;transform:rotate(-14deg)}.hero-mark:after{content:"";background:#ff9d180d;border:1px solid #ffd65a33;border-radius:28px;position:absolute;inset:21%;transform:rotate(7deg)}.hero-logo{z-index:1;object-fit:contain;filter:drop-shadow(0 22px 42px #00000070)drop-shadow(0 0 28px #ff9d186b);width:62%;height:62%;position:relative}.project-section{align-content:center;gap:42px;min-height:92dvh;padding:90px clamp(18px,5vw,80px) 110px;display:grid;position:relative}.project-section:before{z-index:-1;content:"";background:radial-gradient(circle,#ff9d181f,#0000 65%);border-radius:999px;width:42rem;height:42rem;position:absolute;inset:10% auto auto 8%}.project-intro{text-align:center;width:min(900px,100%);margin:0 auto}.project-intro .section-kicker{margin-inline:auto}.project-intro h2{margin-bottom:18px;font-size:clamp(38px,6vw,74px);line-height:.98}.project-intro p{color:#cfc9dd;width:min(760px,100%);margin:0 auto;font-size:clamp(17px,2vw,22px);line-height:1.65}.compatibility-strip,.download-badges{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.compatibility-strip{margin-top:28px}.compatibility-strip span,.download-badges span{color:#ffe2a4;background:#ffb21e14;border:1px solid #ffb21e47;border-radius:999px;font-size:12px;font-weight:850}.compatibility-strip span{padding:10px 14px}.project-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;width:min(1080px,100%);margin:0 auto;display:grid}.project-block{border-radius:var(--radius);backdrop-filter:blur(18px);background:linear-gradient(135deg,#ffffff0e,#ffffff05),#18192ba3;border:1px solid #ffffff17;grid-column:span 3;padding:24px;box-shadow:0 26px 100px #0000003d}.project-block-large,.project-block-wide{grid-column:span 6}.project-block h3{color:#fff;margin-bottom:16px;font-size:clamp(18px,2vw,24px)}.project-block-large ul,.project-block-wide ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}li{color:#d6cbc0;padding-left:20px;font-size:13px;line-height:1.55;position:relative}li:before{border:2px solid var(--gold);content:"";border-radius:50%;width:7px;height:7px;margin-top:7px;position:absolute;left:0}.preview-section{padding:90px clamp(18px,3vw,40px) 140px}.demo-heading{text-align:center;width:min(720px,100%);margin:0 auto 38px}.demo-heading .section-kicker{margin-inline:auto}.app-window{background:#10111c;border:1px solid #ffffff1f;border-radius:10px;width:min(1180px,100%);margin:0 auto;overflow:hidden;box-shadow:0 0 0 1px #ff9d181f,0 34px 140px #00000094}.window-bar{background:#161625;grid-template-columns:11px 11px 11px 1fr;align-items:center;gap:7px;height:30px;padding:0 10px;display:grid}.window-bar span{background:#ff6b75;border-radius:50%;width:9px;height:9px}.window-bar span:nth-child(2){background:#fc6}.window-bar span:nth-child(3){background:#58dd89}.window-bar strong{color:#918ca7;justify-self:center;font-size:11px}.app-window img{width:100%;height:auto;display:block}.game-stage{aspect-ratio:16/9;background:#14131d;position:relative;overflow:hidden}.game-background{object-fit:cover;filter:saturate(.96)contrast(1.02);width:100%;transition:opacity .18s;position:absolute;inset:0;height:100%!important}.game-stage:after{pointer-events:none;content:"";background:radial-gradient(circle at 50% 43%,#0000 0 22%,#05050c33 60%,#05050c80),linear-gradient(#05050c14,#05050c2e);position:absolute;inset:0}.scene-character{z-index:5;aspect-ratio:1;cursor:grab;filter:drop-shadow(0 8px 10px #00000073);touch-action:none;background:radial-gradient(circle at 50% 38%,#ffffff29,#0000 55%),#0f0f1cad;border:2px solid #ffffff38;border-radius:50%;place-items:center;width:70px;padding:0;transition:border-color .18s,box-shadow .18s,filter .18s;display:grid;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #ff9d1838,0 10px 22px #00000061}.scene-character:active{cursor:grabbing}.scene-character img{object-fit:contain;object-position:center bottom;pointer-events:none;width:88%;height:88%}.scene-character:after{filter:blur(7px);opacity:0;content:"";background:#ff9d1880;border-radius:999px;height:8px;position:absolute;bottom:4%;left:16%;right:16%}.scene-character:hover,.scene-character.is-active{filter:drop-shadow(0 10px 12px #00000080)drop-shadow(0 0 18px #ff9d189e);border-color:#ffd65ae6;box-shadow:inset 0 0 0 1px #fff3,0 0 0 4px #ff9d1833,0 14px 28px #00000073}.scene-character.is-active:after{opacity:1}.scene-mage{top:6%;left:calc(50% - 105px)}.scene-adventurer{top:6%;left:calc(50% - 35px)}.scene-scout{top:6%;left:calc(50% + 35px)}.kros-overlay{z-index:4;backdrop-filter:blur(18px);background:linear-gradient(#302222f0,#120e11f0),#0d0d19f2;border:1px solid #ffffff1f;border-radius:14px;width:min(250px,30vw);min-width:218px;max-height:82%;transition:opacity .16s,width .18s;position:absolute;top:52%;left:52%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 24px 70px #0000008c,0 0 34px #ff9d183d}.interactive-demo[data-view=settings] .kros-overlay{width:min(390px,42vw)}.overlay-handle{cursor:grab;user-select:none;border-bottom:1px solid #ffffff14;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:10px 12px;display:grid}.overlay-handle:active{cursor:grabbing}.overlay-logo{object-fit:contain;filter:drop-shadow(0 0 8px #ff9d1873);background:#ff9d1829;border-radius:8px;width:24px;height:24px;padding:2px}.overlay-handle strong{font-size:12px}.overlay-handle em{color:var(--green);font-size:10px;font-style:normal;font-weight:850}.overlay-tabs{grid-template-columns:repeat(2,1fr);gap:5px;padding:9px;display:grid}.overlay-tabs button,.overlay-footer button,.settings-list button{color:#f2e6d7;cursor:pointer;min-height:30px;font:inherit;background:#ffffff0e;border:1px solid #ffffff14;border-radius:8px;font-size:10px;font-weight:850}.overlay-tabs button.is-active{color:#1b0f08;background:linear-gradient(135deg,#ff4a25,#ff9d18);box-shadow:0 8px 24px #ff9d1842}.active-profile{background:#ffffff0f;border-radius:10px;grid-template-columns:42px 1fr;align-items:center;gap:10px;margin:0 10px 10px;padding:8px;display:grid}.active-profile img{object-fit:cover;object-position:top;background:linear-gradient(135deg,#ff9d1857,#ff4a252e);border-radius:9px;width:42px;height:42px}.active-profile p,.settings-list label{color:#fff;margin:0;font-size:12px;font-weight:900;line-height:1.2}.active-profile span{color:var(--muted);font-size:11px}.overlay-view{padding:0 10px 10px;display:none}.overlay-view.is-active{display:block}.overlay-view[data-panel=settings].is-active{max-height:350px;padding-right:7px;overflow-y:auto}.overlay-view[data-panel=settings].is-active::-webkit-scrollbar{width:6px}.overlay-view[data-panel=settings].is-active::-webkit-scrollbar-thumb{background:#ff9d187a;border-radius:999px}.character-list{gap:7px;display:grid}.character-row{background:linear-gradient(135deg, color-mix(in srgb, var(--row-color) 45%, #17172a), #ffffff0a);color:#fff;cursor:pointer;min-height:40px;font:inherit;text-align:left;border:1px solid #ffffff17;border-radius:9px;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.character-row span{background:#0000003d;border-radius:7px;place-items:center;width:25px;height:25px;font-size:10px;font-weight:900;display:grid}.character-row strong{font-size:11px}.character-row em{color:#ffffffb8;font-size:9px;font-style:normal;font-weight:850}.character-row.is-active{box-shadow:0 0 20px color-mix(in srgb, var(--row-color) 34%, transparent);outline:2px solid #ffffff2e}.settings-list{gap:10px;display:grid}.settings-group{background:#ffffff0b;border:1px solid #ffffff12;border-radius:11px;gap:8px;padding:10px;display:grid}.settings-group h3{color:#fff;margin:0;font-size:12px;line-height:1.1}.opacity-control label{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-list label,.setting-row{color:#f2e6d7;background:#ffffff0e;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:10px;min-height:38px;padding:9px;line-height:1.2;display:grid}.setting-row span{gap:3px;min-width:0;display:grid}.setting-row strong,.opacity-control strong{color:#fff;font-size:11px}.setting-row em{color:#cbb7a8;font-size:10px;font-style:normal;font-weight:650}.setting-row kbd,.setting-row select{color:#ffc400;min-width:62px;font:inherit;text-align:center;background:#ff9d1824;border:1px solid #ffffff14;border-radius:7px;font-size:11px;font-weight:900}.setting-row kbd{padding:8px 10px}.setting-row select{color:#fff;max-width:132px;padding:8px 9px}.settings-list input[type=checkbox]{width:30px;height:18px;accent-color:var(--purple)}.settings-list input[type=range]{width:100%;accent-color:var(--purple);grid-column:1/-1}#opacity-value{color:var(--purple-soft);font-size:11px;font-weight:900}.overlay-footer{grid-template-columns:1fr 1fr;gap:7px;padding:0 10px 10px;display:grid}.overlay-footer button{background:#ff9d181f}.kros-overlay.is-compact{width:168px;min-width:168px}.kros-overlay.is-compact .overlay-tabs,.kros-overlay.is-compact .overlay-view,.kros-overlay.is-compact .active-profile div,.kros-overlay.is-compact .overlay-handle em{display:none}.kros-overlay.is-compact .active-profile{grid-template-columns:1fr;justify-items:center;margin-bottom:10px}.kros-overlay.is-compact .active-profile img{width:58px;height:58px}.kros-overlay.is-compact .overlay-footer{grid-template-columns:1fr}.kros-overlay.is-compact #next-character{display:none}.preview-caption{color:#77708d;background:#ffffff09;border-radius:999px;width:fit-content;margin:16px auto 0;padding:7px 12px;font-size:12px}.download-section{place-items:center;min-height:620px;padding:90px 24px 130px;display:grid}.download-card{border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 22% 80%, #ff9d1829, transparent 18rem), var(--panel-strong);text-align:left;grid-template-columns:minmax(260px,.9fr) minmax(300px,1fr);align-items:center;gap:clamp(24px,4vw,44px);width:min(900px,100%);padding:clamp(28px,4vw,42px);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 120px #00000070,inset 0 1px #ffffff0a}.download-card:before{border-radius:calc(var(--radius) - 1px);content:"";pointer-events:none;background:linear-gradient(110deg,#ffffff12,#0000 38%),linear-gradient(290deg,#ffb21e14,#0000 42%);position:absolute;inset:1px}.download-card>*{position:relative}.download-visual{background:#ffffff06;border-radius:12px;place-items:end center;min-height:250px;display:grid;position:relative}.download-visual:before{filter:blur(18px);content:"";background:#00000070;border-radius:50%;height:34px;position:absolute;bottom:9%;left:8%;right:8%}.download-visual img{z-index:1;filter:drop-shadow(0 26px 20px #0000006b)drop-shadow(0 0 24px #ff9d1829);width:min(430px,112%);max-width:none;position:relative}.download-copy{position:relative}.download-card h2{color:#fff4df;width:min(520px,100%);margin-bottom:16px;font-size:clamp(26px,3.8vw,38px);line-height:1.04}.download-card p:not(.section-kicker){color:#eadcc8;width:min(560px,100%);margin:0 0 20px;font-size:15px;line-height:1.6}.download-badges{justify-content:flex-start;margin-top:0}.download-badges span{padding:9px 13px}.download-actions{justify-content:flex-start;gap:12px;margin:24px 0 12px}.download-actions .button{min-width:190px}footer{color:#88796c;justify-content:space-between;max-width:1120px;margin:0 auto;padding:42px 24px;font-size:12px}footer p{margin:0;font-size:12px}footer strong,footer a{color:var(--purple-soft)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.site-header{grid-template-columns:1fr auto;padding-inline:18px}nav{display:none}.hero{text-align:left;grid-template-columns:1fr;min-height:auto;padding-top:70px}.hero-mark{justify-self:start;margin-top:40px}.project-section{min-height:auto;padding-top:78px}.project-grid{grid-template-columns:1fr}.project-block,.project-block-large,.project-block-wide{grid-column:1}.project-block-large ul,.project-block-wide ul{grid-template-columns:1fr}.preview-section{padding-top:80px}.kros-overlay{width:min(250px,52vw)}.download-card{grid-template-columns:1fr}.download-visual{min-height:320px}}@media (width<=560px){.site-header{min-height:50px}.github-link{padding:7px 10px}.hero{padding-inline:18px}.hero-actions,.download-actions{flex-direction:column;align-items:stretch}.button{width:100%}.project-section{min-height:auto;padding-inline:18px}.project-intro{text-align:left}.project-intro .section-kicker,.project-intro p{margin-inline:0}.compatibility-strip,.download-badges{justify-content:flex-start}.project-block{padding:20px}.preview-section{padding-inline:12px}.demo-heading{text-align:left}.demo-heading .section-kicker{margin-inline:0}.game-stage{aspect-ratio:4/5}.game-background{object-position:45% center}.scene-mage{top:7%;left:calc(50% - 81px)}.scene-adventurer{top:7%;left:calc(50% - 27px)}.scene-scout{top:7%;left:calc(50% + 27px)}.scene-character{width:54px}.kros-overlay{width:min(240px,78vw);top:54%;left:55%}.window-bar strong{font-size:9px}.download-section{min-height:auto;padding:80px 18px 100px}.download-card{text-align:left;gap:26px;padding:22px}.download-visual{min-height:210px}.download-visual img{width:min(460px,128%)}.download-card .section-kicker,.download-card h2,.download-card p:not(.section-kicker){margin-inline:0}.download-actions{justify-content:flex-start}footer{flex-direction:column;align-items:flex-start;gap:12px}}