/* Warm orange studio identity; motion geometry stays in motion.css. */
:root{--night:#161615;--night-2:#242320;--ink:#f5f1e9;--muted:#b8b4ad;--acid:#edaa76;--coral:#edaa76;--line:rgba(245,241,233,.09)}
html{scroll-padding-top:120px}
body{background:radial-gradient(ellipse at 85% 13%,#ba73451c,transparent 34%),radial-gradient(ellipse at 10% 57%,#b88e5e10,transparent 40%),#161615}
body>header.wrap{position:sticky;top:18px;z-index:100;width:min(1320px,calc(100% - 48px));margin:18px auto 0}
.nav{min-height:80px;padding:12px 20px 12px 24px;border:0;border-radius:14px;background:rgba(49,47,43,.78);backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%);box-shadow:0 12px 40px #0003,inset 0 1px #ffffff13;gap:24px}
.brand{gap:12px;font-size:15px;line-height:1.3;white-space:nowrap}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.2em;margin-top:6px;font-weight:400}.brand-mark{width:38px;height:42px;border-radius:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);font-size:17px}
.nav-links{gap:5px;color:var(--ink);font-size:14px}.nav-links a{padding:12px 18px;border-radius:8px;transition:background .25s,color .25s}.nav-links a:hover,.nav-links a:focus-visible{color:var(--acid);background:#edaa7612}.nav-cta{padding:12px 21px;background:var(--acid);color:#241d17;border-radius:8px;white-space:nowrap;font-weight:600;transition:background .2s}.nav-cta:hover{background:#f3bd94}
.hero{min-height:calc(100svh - 116px);padding:64px 0 92px;gap:64px}.hero h1{font-family:Arial,"Microsoft YaHei",sans-serif;font-size:clamp(48px,5.9vw,82px);font-weight:750;line-height:1.02;letter-spacing:-.055em;margin:26px 0 30px;max-width:620px}.hero-copy{max-width:390px;font-size:15px;line-height:2;color:#bcb7af}.eyebrow{letter-spacing:.16em;font-size:11px}.eyebrow:before{display:none}.hero-actions{margin-top:32px}.button{border:0;border-radius:8px;min-height:52px;padding:0 26px}.button.primary{background:var(--acid);color:#251b14}.button.secondary{background:#ffffff0b;color:var(--ink);backdrop-filter:blur(12px)}.button.primary:hover{background:#f3bd94}
.dice-scene{background:radial-gradient(ellipse at center,#e49b6516,transparent 67%)}.dice-scene:before{border:0;inset:17%;transform:none;background:#dca16a09;filter:blur(55px);border-radius:50%}.dice-label{font-size:10px;letter-spacing:.12em}
.chapters{border:0;gap:18px}.chapter{border:0!important;border-radius:12px;min-height:112px;padding:24px;background:linear-gradient(125deg,#ffffff08,#ffffff03);transition:background .3s,transform .3s}.chapter:hover{background:#edaa7612;transform:translateY(-4px)}.chapter:after{display:none}.chapter strong{font-size:20px}.chapter small{font-size:10px;margin-top:4px;letter-spacing:.1em}
.gallery-scroll{border:0;margin-top:100px}.gallery-topline{top:118px}.gallery-card{border:0;border-radius:10px;box-shadow:0 24px 70px #0007}.gallery-card figcaption{padding:26px 18px 14px}.gallery-center h2{color:var(--ink);font-family:var(--sans);font-weight:500;letter-spacing:.025em}.gallery-track{height:1px;background:transparent}.gallery-progress{opacity:.4}.gallery-bottom{color:#aaa59d}
.section{border:0;padding:105px 0}.section h2{font-family:var(--sans);font-weight:500;letter-spacing:-.035em}.section-head{margin-bottom:42px}.game-project{border:0;border-radius:18px;background:linear-gradient(130deg,#ffffff09,#ffffff04);box-shadow:0 20px 70px #0002}.game-copy{padding:44px}.game-copy h3{font-family:Arial,sans-serif;font-weight:600;letter-spacing:-.035em}.game-copy h3 span{font-family:var(--sans);font-weight:400;font-size:21px;letter-spacing:.12em}.about{gap:90px}.about-text{color:var(--acid);font-size:clamp(22px,2.5vw,30px)}.about-text span{color:#a9a59e}.about-details{border:0}.contact{border:0;border-radius:18px;padding:48px;background:radial-gradient(ellipse at 90% 0,#edaa761c,transparent 60%),#ffffff06;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.contact:after{color:#edaa7629}.contact-link{border:0}.contact h2{line-height:1.35}.cursor-badge{background:#302b25cc;border:0;border-radius:9px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 8px 30px #0004}.cursor-preview{border:0;border-radius:8px}footer{padding:40px 0;color:#938f88}
@media(max-width:1000px){.nav{gap:12px;padding:12px 16px}.nav-links a{padding:12px}.brand{font-size:13px}.nav-cta{padding:12px 15px}.hero{gap:28px}}
@media(max-width:760px){html{scroll-padding-top:108px}body>header.wrap{top:10px;width:calc(100% - 24px);margin-top:10px}.nav{min-height:70px;padding:12px 16px;border-radius:12px}.brand{font-size:14px}.brand-mark{width:32px;height:36px}.menu-toggle{color:var(--acid);font-size:13px;padding:8px 12px;background:#edaa7610;border-radius:6px}.nav.open .nav-links{top:80px;padding:10px;background:rgba(45,42,38,.97);backdrop-filter:blur(24px);border:0;border-radius:12px;box-shadow:0 18px 40px #0005}.nav.open .nav-links a{padding:15px 18px}.hero{padding:50px 0 44px;gap:22px;min-height:unset}.hero h1{font-size:clamp(46px,11vw,72px);max-width:520px}.hero-copy{font-size:14px}.dice-scene{height:350px}.chapters{gap:10px}.chapter{min-height:92px;padding:20px}.chapter strong{font-size:18px}.gallery-scroll{margin-top:60px}.gallery-topline{top:104px}.section{padding:64px 0}.section h2{font-size:clamp(28px,7vw,36px)}.game-copy{padding:28px}.about{gap:26px}.contact{padding:30px;min-height:320px}footer{font-size:11px}.gallery-center h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.gallery-topline{top:auto}.chapter:hover{transform:none}}
/* Bold orange / cream / violet edition. */
:root{--acid:#ff6600;--coral:#ff6600;--ink:#f6f0df;--muted:#bab4a9}
body{background:radial-gradient(ellipse at 90% 12%,#ff660019,transparent 30%),radial-gradient(ellipse at 8% 42%,#8870dd12,transparent 30%),#181714}
body>header.wrap{width:calc(100% - 32px);max-width:none;top:12px;margin-top:12px}.nav{background:#ff6600;color:#21190e;border-radius:8px;min-height:84px;padding-inline:30px;box-shadow:0 12px 35px #0003;backdrop-filter:blur(24px)}.brand-mark{background:#241b13;color:#ff7a24}.brand small{color:#36210d}.nav-links{color:#21190e;font-weight:800;font-size:16px}.nav-links a:hover,.nav-links a:focus-visible{color:#21190e;background:#ffffff30}.nav-cta{background:#251b13;color:#fff1d6;font-weight:800}.nav-cta:hover{background:#513421}.hero h1{font-family:Arial,'Microsoft YaHei',sans-serif;font-weight:900;font-size:clamp(54px,6.6vw,94px);letter-spacing:-.065em;line-height:.98}.hero h1{background:linear-gradient(115deg,#fff0d0 15%,#ffc283 62%,#ff6600);background-clip:text;-webkit-background-clip:text;color:transparent}.button.primary{color:#24190f;background:#ff6600;font-weight:800}.button.primary:hover{background:#ff8b3d}.chapter:nth-child(2){background:#b8a4eb;color:#221d30}.chapter:nth-child(2) small,.chapter:nth-child(2) .chapter-index,.chapter:nth-child(2)>span:last-child{color:#443558}.chapter:nth-child(2):hover strong{color:#21172c}.chapter:nth-child(1){background:#ff6600;color:#22180f}.chapter:nth-child(1) small,.chapter:nth-child(1) .chapter-index,.chapter:nth-child(1)>span:last-child{color:#49260c}.chapter:nth-child(1):hover strong{color:#21170c}.chapter strong{font-weight:800}.chapter:nth-child(3){background:#eee5ca;color:#292318}.chapter:nth-child(3) small,.chapter:nth-child(3) .chapter-index{color:#625641}.section h2{font-weight:850;letter-spacing:-.05em}.game-project{display:block;background:linear-gradient(130deg,#ff6600,#ffa52d);color:#2b1b0b;padding:20px;border-radius:14px}.game-image{position:relative;aspect-ratio:16/7;min-height:0;border-radius:8px}.image-open{position:absolute;right:22px;bottom:22px;padding:14px 20px;background:#f8efdb;color:#2b1b0b;border-radius:50px;font-weight:800}.game-copy{padding:28px 16px 16px}.game-copy h3{font-size:clamp(44px,6vw,82px);font-weight:900;text-transform:uppercase;line-height:.95;margin:20px 0}.game-copy h3 span{font-weight:800;font-size:26px}.game-copy .eyebrow,.game-copy>p:not(.eyebrow){color:#44270e}.game-copy .button{background:#2c1d10;color:#fff0cd}.game-copy .button:hover{background:#4d321d}.about{display:block}.about-text{margin-top:42px;font-size:23px;color:#b8a4eb}#about{padding-block:130px;min-height:95svh}#about-title{max-width:1080px;font-size:clamp(48px,7.8vw,110px);line-height:1.3;letter-spacing:-.045em;margin-top:35px}#about-title span{background:linear-gradient(90deg,#ff8b39 var(--fill,0%),#4d4840 var(--fill,0%));background-clip:text;-webkit-background-clip:text;color:transparent}.contact{background:linear-gradient(120deg,#b8a4eb,#dfc9e3);color:#211a2b}.contact h2 em,.contact .eyebrow,.contact-link{color:#372547}.contact:after{color:#624b8b40}
.drawer-open{overflow:hidden}#game-details{position:fixed;inset:0 0 0 auto;width:min(680px,100%);max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:#f2e7cd;color:#271d13;overflow-y:auto;overscroll-behavior:contain;box-shadow:-20px 0 80px #0004}#game-details[open]{animation:drawer-in .45s cubic-bezier(.2,.75,.2,1)}#game-details::backdrop{background:#13100d99;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.drawer-top{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 24px;background:#ff6600;color:#24180d;font-size:11px;font-weight:800;letter-spacing:.08em}.drawer-close{border:0;padding:10px 15px;background:#2a1b11;color:#fff0d8;border-radius:30px;cursor:pointer}.drawer-image{display:block;width:100%;height:260px;object-fit:cover}.drawer-copy{padding:32px 38px 50px}.game-tags{display:flex;flex-wrap:wrap;gap:8px}.game-tags span{padding:6px 12px;border-radius:30px;background:#d7c4a1;font-size:12px;font-weight:700}.drawer-copy h2{font:900 clamp(54px,6vw,86px)/.9 Arial,sans-serif;letter-spacing:-.065em;margin:30px 0}.drawer-copy h2 span{display:block;font:800 30px/1.5 'Microsoft YaHei',sans-serif;letter-spacing:.08em;margin-top:18px}.drawer-copy p{font-size:15px;line-height:1.95;margin:18px 0;color:#564532}.drawer-copy .drawer-lead{font-size:20px;font-weight:800;color:#271d13}.drawer-play{width:100%;background:#ff6600;color:#24180d;justify-content:space-between;font-weight:850;margin-top:20px}.drawer-play:hover{background:#ff8c3f}.drawer-copy small{display:block;margin-top:22px;font-size:11px;color:#6a5944}@keyframes drawer-in{from{transform:translateX(100%);opacity:.5}to{transform:translateX(0);opacity:1}}
@media(max-width:760px){body>header.wrap{width:calc(100% - 16px);top:8px;margin-top:8px}.nav{padding:12px;min-height:70px}.menu-toggle{background:#2b1b12;color:#fff1d9}.nav.open .nav-links{background:#ff7519;color:#24180d}.hero h1{font-size:clamp(50px,12vw,74px)}.game-project{padding:12px}.game-image{aspect-ratio:4/3}.image-open{right:12px;bottom:12px;font-size:12px;padding:10px 14px}.game-copy{padding:20px 8px}.game-copy h3{font-size:46px}#about{padding-block:90px;min-height:85svh}#about-title{font-size:clamp(42px,10vw,70px)}.drawer-copy{padding:26px 24px 38px}.drawer-image{height:210px}.drawer-top{padding:12px 18px}.drawer-copy h2{font-size:64px}}
@media(prefers-reduced-motion:reduce){#game-details[open]{animation:none}#about-title span{background:none;color:#ff8b39}}