:root{--bg:#061419;--panel:#0a2229;--panel2:#0d2c34;--line:rgba(102,234,218,.22);--text:#f4faf9;--muted:#a4bec1;--mint:#48f0d5;--cyan:#42d9ef;--coral:#ff806f;--warm:#ffc65f;--shadow:0 28px 80px rgba(0,0,0,.38)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 65% 4%,#123743 0,transparent 38%),linear-gradient(180deg,#061419,#071b20 60%,#061317);color:var(--text);font-family:Manrope,Arial,sans-serif;min-height:100vh;overflow-x:hidden}.ambient{position:fixed;z-index:-1;border-radius:50%;filter:blur(90px);opacity:.14}.ambient-a{width:380px;height:380px;background:var(--mint);right:-170px;top:260px}.ambient-b{width:300px;height:300px;background:#176c89;left:-120px;top:600px}.topbar{height:78px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,84px);background:rgba(4,17,21,.82);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none;font-family:"Space Grotesk",sans-serif;font-weight:700;letter-spacing:.22em;font-size:21px}.brand-mark{width:34px;height:34px;position:relative;display:inline-block;transform:rotate(30deg)}.brand-mark i{position:absolute;width:22px;height:22px;border:2px solid var(--mint)}.brand-mark i:nth-child(1){left:0;top:0}.brand-mark i:nth-child(2){left:9px;top:5px}.brand-mark i:nth-child(3){left:4px;top:10px}.topbar nav{display:flex;gap:36px}.topbar nav a{color:#c5d8d9;text-decoration:none;font-size:14px;font-weight:600;transition:.2s}.topbar nav a:hover{color:var(--mint)}.header-actions{display:flex;align-items:center;gap:24px}.lang-switch{font-size:12px;color:#65858a}.lang-switch button{border:0;background:none;color:#7f9b9e;font-weight:800;cursor:pointer;padding:8px}.lang-switch button.active{color:var(--mint)}button{font:inherit}.ghost,.secondary,.primary{border-radius:10px;padding:14px 20px;font-weight:800;cursor:pointer;transition:.22s}.ghost{border:1px solid var(--line);color:#dfecee;background:transparent}.ghost.small{padding:10px 18px}.primary{border:1px solid var(--mint);background:linear-gradient(135deg,#6af5df,var(--mint));color:#03231f;box-shadow:0 10px 32px rgba(72,240,213,.18);display:inline-flex;align-items:center;justify-content:center;gap:13px}.primary:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(72,240,213,.28)}.secondary{border:1px solid rgba(72,240,213,.55);background:rgba(7,27,32,.76);color:#efffff;display:inline-flex;align-items:center;justify-content:center;gap:13px}.secondary:hover{border-color:var(--mint);background:#0a292f}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(540px,1.08fr);gap:clamp(38px,5vw,80px);align-items:center;padding:clamp(70px,8vw,125px) clamp(24px,5vw,84px) 72px;max-width:1800px;margin:auto}.eyebrow,.label{color:var(--mint);font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow>span:first-child{width:21px;height:2px;background:var(--mint)}h1{font-family:"Space Grotesk",sans-serif;font-size:clamp(52px,5.2vw,92px);line-height:.96;letter-spacing:-.055em;margin:24px 0}h1 span,h1 strong{display:block}h1 strong{color:var(--mint);font-weight:700;text-shadow:0 0 36px rgba(72,240,213,.13)}.lede{font-size:clamp(18px,1.6vw,25px);line-height:1.55;color:#b8cfd2;max-width:680px}.hero-buttons{display:flex;gap:16px;margin:38px 0 25px}.hero-buttons button{min-width:220px}.hero-buttons b{font-size:22px;margin-left:auto}.promise-row{display:flex;gap:34px;color:#b5ccce;font-size:13px}.promise-row b{color:var(--mint);font-size:18px;margin-right:6px}.featured{min-height:490px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(12,47,57,.94),rgba(5,23,29,.96));box-shadow:var(--shadow);position:relative;overflow:hidden;display:grid;grid-template-columns:.8fr 1.2fr}.featured:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(72,240,213,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(72,240,213,.035) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to right,transparent,black)}.featured-copy{padding:45px 0 40px 42px;z-index:2}.featured h2{font-family:"Space Grotesk";font-size:31px;margin:12px 0 8px}.featured p{color:#b6cbce;font-size:14px;line-height:1.65}.featured dl{display:grid;gap:12px;margin-top:28px}.featured dl div{border:1px solid rgba(89,220,211,.14);border-radius:9px;padding:10px 12px;background:rgba(3,16,19,.32)}.featured dt{font-size:10px;color:#819fa3;text-transform:uppercase;letter-spacing:.12em}.featured dd{margin:3px 0 0;font-size:14px;font-weight:800}.warm{color:var(--warm)}.voxel-scene{min-height:460px;position:relative;perspective:800px}.moon{position:absolute;width:210px;height:210px;background:radial-gradient(circle,#55e6d53b,transparent 68%);right:50px;top:45px}.island{position:absolute;width:340px;height:220px;right:20px;top:140px;transform:rotateX(58deg) rotateZ(-30deg)}.soil,.grass{position:absolute;width:290px;height:190px;right:10px;bottom:0;border-radius:8px;transform:skewY(2deg)}.soil{background:#375646;box-shadow:15px 22px 0 #223931,30px 42px 50px #0008}.grass{background:repeating-linear-gradient(90deg,#346f57 0 16px,#3c7c60 16px 32px);transform:translateY(-14px);border:3px solid #65a96d}.trunk{position:absolute;background:linear-gradient(90deg,#6f482c 0 34%,#91613b 35% 68%,#543623 69%);width:44px;box-shadow:8px 8px 0 #2c211b}.t1{height:190px;left:135px;top:-82px}.t2{height:150px;left:218px;top:-42px}.house{position:absolute;width:150px;height:100px;background:#75492e;border:5px solid #3a281d;left:102px;top:-88px;box-shadow:12px 12px 0 #2a1d18;z-index:3}.roof{position:absolute;width:175px;height:55px;background:repeating-linear-gradient(90deg,#284f3b 0 14px,#347057 14px 28px);top:-45px;left:-17px;transform:skewX(-12deg);border:4px solid #1a362b}.window{position:absolute;width:30px;height:34px;background:#ffc65f;box-shadow:0 0 20px #ffc65f99;left:28px;top:28px;border:5px solid #38271d}.door{position:absolute;width:28px;height:56px;background:#35271f;right:25px;bottom:0}.leaf{position:absolute;width:90px;height:70px;background:repeating-linear-gradient(45deg,#276e50 0 12px,#399063 12px 24px);border:3px solid #1e563f;box-shadow:8px 8px 0 #173e30}.l1{left:55px;top:-125px}.l2{left:190px;top:-140px}.l3{left:245px;top:-65px}.l4{left:40px;top:-30px}.bridge{position:absolute;width:100px;height:22px;left:230px;top:-4px;background:repeating-linear-gradient(90deg,#9a7046 0 12px,#62452f 12px 16px);z-index:4}.preview-badge{position:absolute;right:20px;bottom:18px;border:1px solid var(--line);padding:10px 13px;border-radius:8px;background:#082027;color:#c8e8e7;font-size:11px}.tool-section,.steps,.credit-section{padding:72px clamp(24px,5vw,84px);max-width:1800px;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section-heading h2,.credit-section h2{font-family:"Space Grotesk";font-size:clamp(30px,3vw,48px);margin:9px 0 0;letter-spacing:-.035em}.section-heading p{color:var(--muted);max-width:480px;line-height:1.7}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool-card{text-align:left;min-height:220px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(13,45,53,.94),rgba(7,25,30,.96));color:#fff;padding:28px;display:grid;grid-template-columns:62px 1fr auto;gap:18px;cursor:pointer;transition:.25s;box-shadow:0 18px 45px rgba(0,0,0,.2)}.tool-card:hover{transform:translateY(-5px);border-color:rgba(72,240,213,.55);box-shadow:0 26px 55px rgba(0,0,0,.32)}.tool-icon{width:58px;height:58px;border-radius:14px;display:grid;place-items:center;font-size:30px;background:rgba(72,240,213,.09);color:var(--mint)}.coral .tool-icon{background:rgba(255,128,111,.12);color:var(--coral)}.cyan .tool-icon{color:var(--cyan)}.tool-copy{display:flex;flex-direction:column}.tool-copy b{font:700 22px "Space Grotesk"}.tool-copy small{font-size:13px;line-height:1.6;color:#a9c1c4;margin:10px 0 auto}.tool-copy em{font-style:normal;text-transform:uppercase;font-size:9px;letter-spacing:.17em;color:var(--mint);font-weight:800;margin-top:22px}.coral .tool-copy em{color:var(--coral)}.arrow{font-size:22px;color:#78cfc8}.steps{padding-top:100px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step-grid article{border-top:1px solid var(--line);padding:28px 24px}.step-grid article>span{color:var(--mint);font-size:11px;font-weight:800;letter-spacing:.18em}.step-grid h3{font:600 21px "Space Grotesk";margin:18px 0 10px}.step-grid p{color:var(--muted);font-size:14px;line-height:1.65}.credit-section{margin-top:70px;margin-bottom:90px;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center;border:1px solid var(--line);border-radius:24px;background:linear-gradient(120deg,rgba(12,43,51,.9),rgba(6,22,27,.95));padding-top:60px;padding-bottom:60px}.credit-section>div>p{color:var(--muted);line-height:1.75;max-width:670px}.credit-card{border:1px solid rgba(72,240,213,.3);border-radius:16px;padding:26px;background:#061b20}.credit-top{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:22px}.credit-top>span{font:700 38px "Space Grotesk";color:var(--mint)}.credit-top small{font:600 12px Manrope;color:#9eb9bb}.credit-top strong{font-size:20px}.credit-card ul{list-style:none;padding:14px 0;margin:0}.credit-card li{padding:7px 0;color:#bed2d3;font-size:13px}.credit-card li:before{content:"✓";color:var(--mint);margin-right:10px}.disabled{width:100%;opacity:.58;cursor:not-allowed}footer{border-top:1px solid rgba(255,255,255,.08);padding:30px clamp(24px,5vw,84px);display:flex;align-items:center;gap:35px;color:#69898d;font-size:11px}.footer-brand{font-size:15px}.footer-brand .brand-mark{transform:rotate(30deg) scale(.72);margin-right:-7px}footer p{margin-right:auto}.modal-backdrop{position:fixed;inset:0;background:rgba(0,8,10,.78);backdrop-filter:blur(12px);z-index:50;padding:28px;overflow:auto}.modal-backdrop[hidden]{display:none}.modal{max-width:780px;margin:5vh auto;background:linear-gradient(150deg,#0d2a32,#061a20);border:1px solid rgba(72,240,213,.3);border-radius:22px;box-shadow:0 40px 100px rgba(0,0,0,.65);padding:38px;position:relative}.close{position:absolute;right:20px;top:16px;border:0;background:none;color:#8eabad;font-size:30px;cursor:pointer}.modal-head h2{font:700 38px "Space Grotesk";margin:10px 0}.modal-head p{color:var(--muted)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#91aaad;font-weight:800}.field select,.field input{appearance:none;width:100%;border:1px solid rgba(109,218,210,.22);border-radius:9px;background:#06171c;color:#eaf8f7;padding:13px 14px;outline:none}.field select:focus,.field input:focus{border-color:var(--mint)}.generate{width:100%}.result{margin-top:26px;border-top:1px solid var(--line);padding-top:28px}.result-top{display:flex;justify-content:space-between}.result-code{font:700 11px monospace;color:#719296}.result h3{font:700 30px "Space Grotesk";margin:15px 0 8px;color:var(--mint)}.result>p{color:#c1d5d6;line-height:1.7}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.result-stats span{border:1px solid var(--line);border-radius:8px;padding:12px;color:#b5cdcf;font-size:12px}.result-stats b{display:block;color:#fff;font-size:14px;margin-top:4px}.result-actions{display:flex;gap:10px;flex-wrap:wrap}.text-button{border:0;background:none;color:#8fabad;cursor:pointer;padding:12px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,30px);background:#e9fffb;color:#06211e;font-weight:800;font-size:13px;padding:12px 18px;border-radius:9px;opacity:0;pointer-events:none;transition:.25s;z-index:70}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1050px){.topbar nav{display:none}.hero{grid-template-columns:1fr}.featured{max-width:760px}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:180px}.credit-section{grid-template-columns:1fr;gap:30px}}@media(max-width:680px){.topbar{height:66px;padding:0 18px}.brand{font-size:16px}.brand-mark{transform:rotate(30deg) scale(.78);margin-right:-4px}.ghost.small{display:none}.header-actions{gap:8px}.hero{padding:56px 18px 44px}.hero-buttons,.promise-row{flex-direction:column}.hero-buttons button{width:100%}.promise-row{gap:10px}.featured{grid-template-columns:1fr;min-height:550px}.featured-copy{padding:28px 26px}.voxel-scene{min-height:260px;transform:scale(.78);transform-origin:top center;margin-bottom:-60px}.island{right:-5px;top:120px}.tool-section,.steps,.credit-section{padding:55px 18px}.section-heading{display:block}.section-heading p{margin-top:15px}.tool-card{padding:22px;grid-template-columns:50px 1fr auto}.tool-icon{width:48px;height:48px}.step-grid{grid-template-columns:1fr}.credit-section{border-radius:0;margin-bottom:40px}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.modal-backdrop{padding:10px}.modal{padding:28px 20px}.result-stats{grid-template-columns:1fr}.result-actions>*{width:100%}footer{flex-direction:column;align-items:flex-start;gap:12px}}
/* Interactive guidance and motion preview */
.step-link{cursor:pointer;border-radius:12px;transition:transform .22s,background .22s,border-color .22s;outline:none}
.step-link:hover,.step-link:focus-visible{transform:translateY(-4px);background:rgba(72,240,213,.045);border-color:var(--mint)}
.step-link b{display:block;margin-top:20px;color:var(--mint);font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.voxel-scene{animation:scene-breathe 6s ease-in-out infinite;transform-origin:50% 55%}
.voxel-scene .island{animation:island-float 5s ease-in-out infinite}
.voxel-scene .moon{animation:moon-pulse 4s ease-in-out infinite}
.voxel-scene .window{animation:window-glow 2.4s ease-in-out infinite}
@keyframes scene-breathe{0%,100%{filter:saturate(1);transform:translateY(0)}50%{filter:saturate(1.12);transform:translateY(-4px)}}
@keyframes island-float{0%,100%{transform:rotateX(58deg) rotateZ(-30deg) translate3d(0,0,0)}50%{transform:rotateX(58deg) rotateZ(-28deg) translate3d(7px,-8px,0)}}
@keyframes moon-pulse{0%,100%{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.08)}}
@keyframes window-glow{0%,100%{box-shadow:0 0 14px #ffc65f77}50%{box-shadow:0 0 32px #ffc65fdd}}
.copy-hint{color:#829fa2!important;font-size:12px;line-height:1.55!important;margin:18px 0 12px}
.discord-button{border:1px solid rgba(88,101,242,.72);background:#5865f2;color:#fff;border-radius:10px;padding:13px 18px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.2s}
.discord-button:hover{background:#6875f5;transform:translateY(-2px)}
.discord-icon{font-weight:900;letter-spacing:-3px}
@media(prefers-reduced-motion:reduce){.voxel-scene,.voxel-scene .island,.voxel-scene .moon,.voxel-scene .window{animation:none}}

/* Build library */
.build-library{padding:90px clamp(24px,5vw,84px);max-width:1800px;margin:auto}
.library-filters{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 28px}
.library-filters button{border:1px solid rgba(102,234,218,.18);border-radius:999px;padding:9px 15px;background:rgba(6,25,30,.78);color:#91abad;font-size:12px;font-weight:700;cursor:pointer}
.library-filters button.active,.library-filters button:hover{background:var(--mint);border-color:var(--mint);color:#04211e}
.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.build-card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(13,45,53,.94),rgba(7,25,30,.96));overflow:hidden;transition:.24s;cursor:pointer}
.build-card:hover{transform:translateY(-4px);border-color:rgba(72,240,213,.48)}
.build-card[hidden]{display:none}
.featured-build{grid-column:span 2;display:grid;grid-template-columns:.9fr 1.1fr}
.build-art{min-height:178px;display:grid;place-items:center;position:relative;overflow:hidden;font-size:64px;color:var(--mint);background:radial-gradient(circle at 50% 45%,rgba(72,240,213,.17),transparent 44%),linear-gradient(145deg,#123942,#071e24)}
.build-art:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(72,240,213,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(72,240,213,.045) 1px,transparent 1px);background-size:22px 22px;transform:perspective(300px) rotateX(58deg) scale(1.4);transform-origin:bottom}
.build-art em{position:absolute;left:15px;top:15px;z-index:3;background:var(--mint);color:#04211e;border-radius:999px;padding:7px 10px;font:800 9px Manrope;text-transform:uppercase;letter-spacing:.1em}
.mini-house{position:relative;width:150px;height:100px;background:#795135;border:5px solid #35251d;z-index:2;box-shadow:16px 16px 0 rgba(0,0,0,.25)}
.mini-house:before{content:"";position:absolute;width:124px;height:124px;background:#315f49;transform:rotate(45deg);left:8px;top:-68px;border:5px solid #1d4132;z-index:-1}
.mini-house i{position:absolute;width:30px;height:34px;background:#ffc65f;box-shadow:0 0 22px #ffc65f88;left:25px;top:30px;border:5px solid #35251d}
.mini-house b{position:absolute;width:31px;height:58px;background:#2b211c;right:24px;bottom:0}
.tree-art{color:#69d97b}.cave-art{color:#a895d9}.system-art{color:#55d8ee}.storage-art{color:#ffc65f}.fantasy-art{color:#de86ff}.tower-art{color:#b9d0d2}
.build-card-copy{padding:23px}
.featured-build .build-card-copy{padding:30px}
.build-type{font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:var(--mint);font-weight:800}
.build-card h3{font:700 20px "Space Grotesk";margin:10px 0 8px}
.featured-build h3{font-size:27px}
.build-card p{color:var(--muted);font-size:12px;line-height:1.6}
.build-card-copy>div{display:flex;gap:8px;margin:18px 0}
.build-card-copy>div>span{font-size:10px;border:1px solid var(--line);border-radius:7px;padding:7px 9px;color:#b7cdce}
.open-reader{width:100%;margin-top:5px}

/* Interactive build reader */
.reader-backdrop{position:fixed;inset:0;background:rgba(0,8,10,.82);backdrop-filter:blur(10px);z-index:100;overflow:hidden}
.reader-backdrop[hidden]{display:none}
.reader-window{position:absolute;width:min(1160px,94vw);height:min(790px,92vh);min-width:650px;min-height:520px;left:50%;top:50%;transform:translate(-50%,-50%);background:#071c22;border:1px solid rgba(72,240,213,.34);border-radius:18px;box-shadow:0 35px 100px rgba(0,0,0,.7);overflow:hidden;resize:both;display:flex;flex-direction:column}
.reader-window.dragged{transform:none}
.reader-header{height:76px;flex:0 0 76px;background:#0a252c;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 20px;gap:24px;cursor:move;user-select:none}
.reader-title-group{display:flex;align-items:center;gap:12px;min-width:240px}.reader-cube{font-size:28px;color:var(--mint)}.reader-title-group small{display:block;color:var(--mint);font-size:8px;letter-spacing:.14em}.reader-title-group h2{font:700 16px "Space Grotesk";margin:3px 0 0}
.reader-progress{display:flex;align-items:center;gap:10px;margin-left:auto;color:#a8c0c2;font-size:11px}.reader-progress i{display:block;width:120px;height:5px;border-radius:4px;background:#17383f;overflow:hidden}.reader-progress b{display:block;height:100%;width:14%;background:var(--mint);transition:.25s}
.reader-head-actions{display:flex;gap:7px}.reader-head-actions button{border:1px solid var(--line);background:#071a20;color:#bed2d4;border-radius:8px;padding:9px 11px;font-size:11px;cursor:pointer}.reader-head-actions button:hover{border-color:var(--mint)}.reader-head-actions .reader-close{font-size:21px;padding:3px 10px}
.reader-body{display:grid;grid-template-columns:260px 1fr;min-height:0;flex:1}
.reader-sidebar{overflow:auto;padding:22px;border-right:1px solid var(--line);background:#081a20}.reader-sidebar h3{font:700 12px "Space Grotesk";text-transform:uppercase;letter-spacing:.12em;margin:22px 0 10px;color:#c9dcdd}
.reader-demo-note{border:1px solid rgba(255,198,95,.28);background:rgba(255,198,95,.06);border-radius:9px;padding:11px}.reader-demo-note b,.reader-demo-note span{display:block}.reader-demo-note b{color:var(--warm);font-size:10px}.reader-demo-note span{color:#9db2b4;font-size:9px;line-height:1.5;margin-top:5px}
.material-checks{display:grid;gap:6px}.material-checks label{display:grid;grid-template-columns:17px 1fr auto;gap:8px;align-items:center;font-size:10px;color:#a9c1c3;background:#0b252c;padding:8px;border-radius:7px}.material-checks input{accent-color:var(--mint)}.material-checks b{color:#eef8f8}
.reader-step-list{margin:0;padding:0;list-style:none;display:grid;gap:5px}.reader-step-list button{width:100%;border:0;border-radius:7px;background:transparent;color:#8fa9ac;text-align:left;padding:9px;font-size:10px;cursor:pointer}.reader-step-list button.active,.reader-step-list button:hover{background:rgba(72,240,213,.1);color:var(--mint)}
.reader-main{min-width:0;overflow:auto;padding:24px;background:radial-gradient(circle at 80% 10%,rgba(72,240,213,.08),transparent 30%),#0a2026;display:flex;flex-direction:column}
.instruction-sheet{background:#f7faf8;color:#163035;border-radius:11px;min-height:500px;max-width:760px;width:100%;margin:auto;padding:38px 42px;position:relative;box-shadow:0 18px 50px rgba(0,0,0,.24)}
.sheet-number{position:absolute;right:25px;top:20px;font:800 54px "Space Grotesk";color:#dce8e5}.sheet-label{color:#168f82;font-size:9px;letter-spacing:.18em;font-weight:800}.instruction-sheet h2{font:700 30px "Space Grotesk";margin:9px 0;color:#0c272b}.instruction-sheet>p{font-size:13px;line-height:1.6;color:#567074;max-width:610px}
.build-diagram{margin:25px auto 18px;min-height:235px;display:grid;place-items:center}
.layer-grid{display:grid;grid-template-columns:repeat(9,28px);grid-template-rows:repeat(7,28px);gap:3px;transform:rotateX(52deg) rotateZ(-32deg);filter:drop-shadow(14px 18px 10px rgba(20,43,44,.22))}
.layer-cell{border:1px dashed #c6d5d3;border-radius:2px;background:#eef3f1}.layer-cell.stone{background:#8d9b9d;border-color:#758488;box-shadow:3px 4px 0 #657477}.layer-cell.wood{background:#a8784e;border-color:#8a603f;box-shadow:3px 4px 0 #765136}.layer-cell.plank{background:#cf9b65;border-color:#ae7d51;box-shadow:3px 4px 0 #936744}.layer-cell.glass{background:#99d9dc;border-color:#64aeb3;box-shadow:3px 4px 0 #4a9095}.layer-cell.roof{background:#355e4b;border-color:#274638;box-shadow:3px 4px 0 #1f392e}.layer-cell.new{outline:3px solid #23cbb8;outline-offset:1px;animation:new-block-pulse 1.8s ease-in-out infinite}
@keyframes new-block-pulse{50%{outline-color:#ffb94f;transform:translateY(-2px)}}
.summary-visual{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.summary-visual div{border:1px solid #d7e4e1;border-radius:8px;padding:16px}.summary-visual b{font:700 24px "Space Grotesk";display:block;color:#168f82}.summary-visual span{font-size:10px;color:#6f8588}
.sheet-tip{border-left:3px solid #23bfae;background:#e7f4f1;padding:11px 13px;font-size:10px;line-height:1.5;color:#4f696c}
.reader-navigation{display:flex;justify-content:center;gap:10px;padding-top:17px}.reader-navigation button{font-size:11px;padding:10px 14px}.bookmark-button{border:1px solid rgba(255,198,95,.45);background:rgba(255,198,95,.08);color:var(--warm);border-radius:9px;font-weight:800;cursor:pointer}.bookmark-button.saved{background:var(--warm);color:#332406}
.reader-resize-hint{position:absolute;right:16px;bottom:7px;color:#58777b;font-size:8px;pointer-events:none}
@media(max-width:760px){.library-grid{grid-template-columns:1fr}.featured-build{grid-column:auto;grid-template-columns:1fr}.reader-window{width:100vw;height:100vh;min-width:0;min-height:0;border-radius:0;left:0!important;top:0!important;transform:none!important;resize:none}.reader-header{height:auto;min-height:68px;padding:10px}.reader-title-group{min-width:0}.reader-title-group h2{font-size:13px}.reader-progress i,.reader-head-actions button span{display:none}.reader-body{grid-template-columns:1fr}.reader-sidebar{display:none}.reader-main{padding:10px}.instruction-sheet{padding:28px 19px;min-height:500px}.layer-grid{grid-template-columns:repeat(9,23px);grid-template-rows:repeat(7,23px)}.reader-navigation{flex-wrap:wrap}.reader-navigation button{flex:1}.reader-resize-hint{display:none}}
@media print{body{background:#fff!important}body>*{visibility:hidden!important}.reader-backdrop,.reader-backdrop *{visibility:visible!important}.reader-backdrop{position:absolute!important;inset:0!important;background:#fff!important}.reader-window{position:absolute!important;inset:0!important;transform:none!important;width:100%!important;height:auto!important;min-width:0!important;border:0!important;box-shadow:none!important;background:#fff!important;overflow:visible!important}.reader-header,.reader-sidebar,.reader-navigation,.reader-resize-hint{display:none!important}.reader-body{display:block!important}.reader-main{padding:0!important;background:#fff!important;overflow:visible!important}.instruction-sheet{box-shadow:none!important;max-width:none!important;min-height:0!important;padding:15mm!important}.build-diagram{break-inside:avoid}.sheet-tip{background:#fff!important;border:1px solid #777!important}}


/* Reader v2: finished preview, inventory calculator and build progress */
.reader-sidebar>h3:first-of-type{margin-top:18px}
.finished-preview{display:grid;grid-template-columns:minmax(260px,1.35fr) minmax(180px,.65fr);gap:20px;align-items:stretch}
.finished-stage{min-height:330px;border-radius:18px;position:relative;overflow:hidden;background:linear-gradient(155deg,#d9f4ef 0%,#eef9f6 52%,#c8e4dd 100%);border:1px solid #c3ddd7;isolation:isolate}
.finished-stage:before{content:"";position:absolute;inset:auto -10% -18% -10%;height:48%;background:linear-gradient(150deg,#8bbd99,#5e9278);transform:skewY(-7deg);z-index:-1}
.finished-stage:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.55);right:-35px;top:-45px;z-index:-1}
.cabin-preview{position:absolute;left:50%;top:53%;width:210px;height:150px;transform:translate(-50%,-50%) rotateY(0deg);transition:transform .35s ease}
.cabin-preview .cabin-wall{position:absolute;left:25px;bottom:18px;width:160px;height:92px;background:repeating-linear-gradient(0deg,#9b633c 0 12px,#7d4e30 13px 15px);border:4px solid #5a3826;box-shadow:0 24px 30px rgba(24,66,53,.22)}
.cabin-preview .cabin-roof{position:absolute;left:5px;top:0;width:200px;height:72px;background:repeating-linear-gradient(90deg,#77482f 0 18px,#623923 19px 22px);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 8px 5px rgba(54,44,31,.2))}
.cabin-preview .cabin-door{position:absolute;left:91px;bottom:18px;width:40px;height:67px;background:#553622;border:3px solid #3e281c;z-index:2}
.cabin-preview .cabin-door:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#f1c85f;right:6px;top:31px}
.cabin-preview .cabin-window{position:absolute;bottom:56px;width:32px;height:28px;background:linear-gradient(135deg,#79d9df,#dffafa);border:5px solid #533522;z-index:2}
.cabin-preview .cabin-window.left{left:43px}.cabin-preview .cabin-window.right{right:43px}
.cabin-preview .cabin-foundation{position:absolute;left:11px;bottom:4px;width:188px;height:22px;background:repeating-linear-gradient(90deg,#737b78 0 22px,#5f6865 23px 25px);transform:skewX(-24deg)}
.finished-stage[data-view="side"] .cabin-preview{transform:translate(-50%,-50%) scaleX(.82) rotate(1deg)}
.finished-stage[data-view="top"] .cabin-preview{transform:translate(-50%,-48%) scale(.88) rotateX(48deg)}
.preview-view-switch{position:absolute;left:16px;bottom:16px;display:flex;gap:7px;padding:6px;background:rgba(255,255,255,.84);border-radius:12px;box-shadow:0 8px 25px rgba(30,77,64,.12)}
.preview-view-switch button{border:0;background:transparent;color:#345b55;padding:7px 10px;border-radius:8px;font-weight:800;cursor:pointer}
.preview-view-switch button.active{background:#07353b;color:#fff}
.preview-info{display:flex;flex-direction:column;gap:10px}
.preview-info-card{padding:15px;border:1px solid #dce8e5;border-radius:14px;background:#f7fbfa}
.preview-info-card span{display:block;color:#68817d;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800}
.preview-info-card b{display:block;margin-top:4px;color:#123c3a;font-size:1.05rem}
.inventory-panel{display:flex;flex-direction:column;gap:13px}
.inventory-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;background:#eff8f6;border:1px solid #d1e5e0;border-radius:14px}
.inventory-toolbar p{margin:0;color:#466761;font-size:.88rem}
.creative-toggle{display:flex;align-items:center;gap:8px;color:#123c3a;font-weight:800;white-space:nowrap}
.creative-toggle input{accent-color:#087b70;width:18px;height:18px}
.inventory-table{display:grid;gap:8px}
.inventory-row{display:grid;grid-template-columns:minmax(155px,1.4fr) 105px 115px minmax(100px,.8fr);gap:10px;align-items:center;padding:11px 12px;background:#fff;border:1px solid #dfe9e7;border-radius:12px}
.inventory-name b{display:block;color:#173f3c}.inventory-name small{color:#708783}
.inventory-row label{font-size:.7rem;color:#708783;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.inventory-row input{width:100%;margin-top:3px;padding:9px 8px;border:1px solid #bed5d0;border-radius:8px;background:#f9fcfb;color:#173f3c;font:inherit;font-weight:700}
.inventory-status{font-weight:800;font-size:.84rem;padding:8px 9px;border-radius:9px;text-align:center}
.inventory-status.missing{background:#fff0ed;color:#b84d3d}.inventory-status.ready{background:#e6f8f1;color:#14745e}.inventory-status.extra{background:#e8f5fb;color:#28718b}.inventory-status.creative{background:#efeafa;color:#6b4ca0}
.inventory-summary{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:13px;background:#07353b;color:#fff}
.inventory-summary span{color:#b9d8d3}.inventory-summary b{color:#53ead3}
.reader-step-list button.completed:after{content:"✓";float:right;color:#48f0d5;font-weight:900}
.bookmark-button.saved{border-color:#41bca9;background:#e4f8f3;color:#176c5e}
@media(max-width:800px){.finished-preview{grid-template-columns:1fr}.finished-stage{min-height:270px}.preview-info{display:grid;grid-template-columns:1fr 1fr}.inventory-row{grid-template-columns:1fr 86px}.inventory-status{grid-column:1/-1;text-align:left}.inventory-toolbar{align-items:flex-start;flex-direction:column}}
@media print{.finished-stage{background:#fff!important;border:1px solid #bbb}.preview-view-switch,.inventory-toolbar input{display:none!important}.inventory-row{break-inside:avoid}.inventory-status{border:1px solid #aaa;background:#fff!important;color:#111!important}}


/* Verified guide candidate V1 */
.qa-banner{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:16px;padding:12px 15px;border-radius:12px;font-size:.84rem}
.qa-banner.passed{background:#e4f8f1;border:1px solid #bce5d7;color:#176750}.qa-banner.failed{background:#fff0ed;border:1px solid #f0c5bd;color:#a64134}
.qa-banner b{font-weight:900}.qa-banner span{color:inherit;opacity:.8}
.step-materials{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}
.step-materials span{padding:8px 11px;border-radius:10px;background:#eef7f5;border:1px solid #d4e5e1;color:#476862;font-size:.8rem}
.step-materials b{color:#0b7165;font-size:.95rem}
.layer-cell.opening{background:repeating-linear-gradient(135deg,#fff,#fff 5px,#e5eeec 6px,#e5eeec 8px)}
.layer-cell.slab{background:#b17b50}.layer-cell.torch{background:#f5c657;box-shadow:0 0 10px #f5c657}


/* Cost-free isometric build visualizer */
.iso-panel{border:1px solid #d5e4e0;border-radius:17px;overflow:hidden;background:linear-gradient(180deg,#f4fbf9,#eaf5f2)}
.iso-toolbar{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid #d8e7e3;background:rgba(255,255,255,.78)}
.iso-toolbar div:first-child{display:flex;flex-direction:column}.iso-toolbar b{color:#153f3c}.iso-toolbar span{font-size:.72rem;color:#718985;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.iso-rotate{display:flex;gap:7px}.iso-rotate button{width:38px;height:34px;border:1px solid #b9d3cd;border-radius:9px;background:#fff;color:#126c62;font-size:1.1rem;font-weight:900;cursor:pointer}.iso-rotate button:hover{background:#dff6f0}
.iso-stage{height:350px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.95),rgba(215,237,232,.75) 58%,rgba(192,222,215,.82))}
.iso-stage svg{width:100%;height:100%;display:block}
.iso-cube{transition:opacity .2s}.iso-cube.past{opacity:.86}.iso-cube.current{filter:drop-shadow(0 0 5px rgba(13,238,207,.92))}
.iso-cube.current polygon{stroke:#08a995;stroke-width:2.1;paint-order:stroke}
.material-glass{opacity:.75}.material-torches{filter:drop-shadow(0 0 7px rgba(255,195,54,.95))}
.build-progress-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d8e7e3;border-top:1px solid #d8e7e3}
.build-progress-detail>div{padding:12px 14px;background:#fff}.build-progress-detail span{display:block;font-size:.68rem;color:#758d88;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.build-progress-detail b{display:block;margin-top:3px;color:#123d39}
.build-progress-detail>i{grid-column:1/-1;height:6px;background:#d8e7e3}.build-progress-detail>i>b{height:100%;display:block;background:linear-gradient(90deg,#16bda8,#43e8cf);transition:width .35s ease}
#buildDiagram>.preview-info{display:grid;grid-template-columns:repeat(4,1fr);margin-top:12px}
@media(max-width:800px){.iso-stage{height:280px}.build-progress-detail{grid-template-columns:1fr 1fr}.build-progress-detail>div:nth-child(3){grid-column:1/-1}.preview-info{grid-template-columns:1fr 1fr!important}}
@media print{.iso-panel{background:#fff!important}.iso-stage{height:300px;background:#fff!important}.iso-rotate{display:none!important}.iso-cube.current{filter:none}.iso-cube.current polygon{stroke:#000}}


/* Isometric controls, textures and layers */
.iso-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.iso-controls label{display:flex;align-items:center;gap:7px;color:#718985;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800}
.iso-controls select{height:34px;border:1px solid #b9d3cd;border-radius:9px;background:#fff;color:#184942;padding:0 26px 0 9px;font-weight:800}
.auto-rotate{height:34px;border:1px solid #b9d3cd;border-radius:9px;background:#fff;color:#176e64;padding:0 10px;font-weight:800;cursor:pointer}.auto-rotate.active{background:#ddf6ef;border-color:#62cdbb}
.iso-filter{display:flex;gap:6px;padding:9px 14px 0;background:rgba(255,255,255,.55)}
.iso-filter button{border:1px solid #c6dcd7;background:#fff;color:#5d7772;border-radius:9px;padding:7px 10px;font-size:.76rem;font-weight:800;cursor:pointer}.iso-filter button.active{background:#0c7167;color:#fff;border-color:#0c7167}
.block-count-badge{position:absolute;right:12px;bottom:11px;padding:6px 9px;border-radius:8px;background:rgba(255,255,255,.86);color:#41635d;font-size:.72rem;font-weight:800;box-shadow:0 4px 14px rgba(30,76,66,.1)}
.iso-cube polygon{stroke:rgba(55,62,59,.2);stroke-width:.65}
.material-stone polygon{stroke:#4c5b58;stroke-width:1}.material-logs polygon{stroke:#3e291e;stroke-width:1.1}
.material-glass{opacity:.64}.material-glass polygon{stroke:#258e9a;stroke-width:1.15}
.special-door polygon{stroke:#2f1c12;stroke-width:1.3}.special-torch{filter:drop-shadow(0 0 7px #ffc84a)}
.iso-cube.current{animation:block-arrive .38s ease both}
@keyframes block-arrive{from{opacity:.08;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.iso-toolbar{align-items:flex-start;gap:10px}.iso-controls{justify-content:flex-start}.auto-rotate span{display:none}.iso-title span{display:none}}


/* Tester mode */
.front-marker text{font:800 11px Manrope,sans-serif;fill:#9d4439;letter-spacing:.08em}
.test-panel{display:flex;flex-direction:column;gap:15px}
.test-intro{display:flex;justify-content:space-between;gap:20px;padding:17px;border-radius:15px;background:#edf8f5;border:1px solid #cde4de}.test-intro span{color:#0b8174;font-size:.69rem;letter-spacing:.12em;font-weight:900}.test-intro h3{margin:5px 0;color:#153f3b}.test-intro p{margin:0;color:#607b76;font-size:.85rem}
.test-status{min-width:105px;text-align:center;padding:10px;border-radius:12px;background:#fff;border:1px solid #c9ddd8}.test-status b{display:block;color:#9a6950;font-size:1.2rem}.test-status span{display:block;color:#6d8580;font-size:.68rem}.test-status.complete{background:#daf6ed;border-color:#82d5c2}.test-status.complete b{color:#16745f}
.test-fields,.test-finish{display:grid;grid-template-columns:1fr 1fr;gap:12px}.test-panel label{color:#496a65;font-size:.75rem;font-weight:800}.test-panel select,.test-panel textarea{width:100%;margin-top:5px;border:1px solid #bdd5cf;border-radius:10px;background:#fff;color:#173f3b;padding:10px;font:inherit}.test-panel select{height:42px}
.test-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.test-checks label{display:flex;gap:9px;align-items:flex-start;padding:11px;border:1px solid #d8e6e2;border-radius:11px;background:#fff;color:#294d48;font-size:.82rem}.test-checks input{margin-top:2px;accent-color:#0b8c7d}
.test-notes{display:block}.test-notes textarea{resize:vertical;min-height:90px}.test-finish{align-items:end}.test-finish button{height:42px;justify-content:center}
@media(max-width:800px){.test-intro,.test-fields,.test-finish{grid-template-columns:1fr;display:grid}.test-checks{grid-template-columns:1fr}.test-status{min-width:0}}
@media print{.test-panel{color:#111}.test-intro,.test-checks label{background:#fff!important}.test-finish button{display:none!important}}


/* Cinematic Planxel artwork */
.cinematic-scene{min-height:490px;overflow:hidden;isolation:isolate}
.cinematic-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% center;transform:scale(1.025);transition:transform 8s ease;filter:saturate(1.05) contrast(1.04)}
.featured:hover .cinematic-scene img{transform:scale(1.075)}
.cinematic-scene:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#08232b 0%,rgba(8,35,43,.9) 8%,rgba(8,35,43,.3) 35%,transparent 62%),linear-gradient(0deg,rgba(3,15,19,.7),transparent 38%)}
.cinematic-scene .image-glow{position:absolute;z-index:2;inset:auto 12% 5% 20%;height:28%;background:radial-gradient(ellipse,rgba(72,240,213,.18),transparent 68%);filter:blur(18px);pointer-events:none}
.cinematic-scene .preview-badge{z-index:3;background:rgba(4,21,25,.76);backdrop-filter:blur(12px);box-shadow:0 8px 28px rgba(0,0,0,.32)}
.featured-copy{background:linear-gradient(90deg,rgba(8,35,43,.98) 0%,rgba(8,35,43,.92) 76%,rgba(8,35,43,.18) 100%);padding-right:22px}
.image-art{display:block;background:#071e24}
.image-art:after{background:linear-gradient(0deg,rgba(3,17,21,.48),transparent 60%);transform:none}
.image-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .65s ease;filter:saturate(.96) brightness(.9)}
.build-card:hover .image-art img{transform:scale(1.055);filter:saturate(1.08) brightness(1.02)}
.image-art em{box-shadow:0 8px 24px rgba(0,0,0,.3)}
.tree-art img{object-position:70% center}
.system-art img{object-position:61% center}
@media(max-width:1050px){
 .cinematic-scene{min-height:410px}
 .featured-copy{background:linear-gradient(90deg,rgba(8,35,43,.98),rgba(8,35,43,.72))}
}
@media(max-width:700px){
 .featured{display:block;min-height:560px}
 .featured-copy{position:relative;z-index:4;min-height:560px;background:linear-gradient(180deg,rgba(5,23,29,.96) 0%,rgba(5,23,29,.7) 53%,rgba(5,23,29,.18) 78%)}
 .cinematic-scene{position:absolute;inset:0;min-height:560px}
 .cinematic-scene img{object-position:66% center}
 .cinematic-scene:before{background:linear-gradient(180deg,rgba(3,15,19,.55),rgba(3,15,19,.12) 55%,rgba(3,15,19,.72))}
}