.hero.hero--howto{min-height:64svh}.hero--howto .hero-bg{background:radial-gradient(ellipse 70% 55% at 30% 35%,rgba(0,140,200,.4),transparent 60%),radial-gradient(ellipse 70% 50% at 80% 65%,rgba(200,169,110,.34),transparent 60%),linear-gradient(160deg,#0a2540,#0078b4 35%,#003d62 65%,#0d1b2a)}.hero--howto h1{font-size:clamp(3.4rem,8.5vw,6.4rem)}.hero.hero--creator{min-height:64svh}.hero--creator .hero-bg{background:radial-gradient(ellipse 70% 55% at 30% 35%,rgba(200,169,110,.4),transparent 60%),radial-gradient(ellipse 70% 50% at 80% 65%,rgba(0,140,200,.35),transparent 60%),linear-gradient(160deg,#1a2540,#5a4a8a 40%,#3a3a72 65%,#0d1b2a)}.hero--creator h1{font-size:clamp(3rem,7.5vw,5.8rem)}.pro-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#c8a96e2e;border:1px solid rgba(200,169,110,.5);border-radius:100px;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--sand);font-weight:500;margin-bottom:20px}.pro-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sand);box-shadow:0 0 8px var(--sand)}.quickjump{margin-top:38px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:760px}.quickjump a{padding:9px 16px;border:1px solid rgba(232,244,248,.18);border-radius:100px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#e8f4f8cc;transition:background .3s ease,border-color .3s ease,color .3s ease}.quickjump a:hover{background:#e8f4f814;border-color:#e8f4f866;color:var(--foam)}.docs{background:var(--section-bg);color:var(--section-ink);padding:clamp(60px,9vh,110px) clamp(18px,5vw,40px)}.docs-wrap{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:240px 1fr;gap:clamp(40px,6vw,80px);align-items:start}@media(max-width:920px){.docs-wrap{grid-template-columns:1fr;gap:28px}}.docs-side{position:sticky;top:88px;align-self:start;max-height:calc(100vh - 110px);overflow-y:auto;padding-right:14px;border-right:1px solid var(--section-rule)}@media(max-width:920px){.docs-side{position:static;max-height:none;border-right:none;border-bottom:1px solid var(--section-rule);padding:0 0 18px}}.docs-side::-webkit-scrollbar{width:4px}.docs-side::-webkit-scrollbar-thumb{background:#1a24332e;border-radius:4px}.toc-label{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--ocean-deep);opacity:.7;margin-bottom:14px;padding-left:2px;font-weight:500}.toc{list-style:none;display:flex;flex-direction:column;gap:2px;margin-bottom:32px}.toc li{display:flex;flex-direction:column}.toc a{display:flex;align-items:center;gap:10px;padding:7px 10px 7px 14px;border-radius:8px;font-size:13.5px;color:var(--section-ink-soft);line-height:1.3;margin-left:-2px;transition:background .2s ease,color .2s ease,border-color .2s ease}.toc a:hover{background:#0078b40f;color:var(--section-ink)}.toc a.active{color:var(--ocean-deep);background:#0078b414;font-weight:500}.toc .num{font-family:var(--font-display);font-size:11px;color:var(--ocean);opacity:.55;letter-spacing:.04em;min-width:18px}.toc-foot{padding:18px 14px;background:#0078b40f;border-radius:12px;margin-top:8px}.toc-foot .ttl{font-family:var(--font-display);font-size:14px;margin-bottom:4px}.toc-foot p{font-size:12px;color:var(--section-ink-soft);line-height:1.5;margin-bottom:12px}.toc-foot a.contact{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ocean);text-decoration:underline;text-underline-offset:3px;font-weight:500}.docs-search{position:relative;margin-bottom:36px}.docs-search input{width:100%;padding:16px 18px 16px 50px;background:#ffffffb3;border:1px solid rgba(26,36,51,.16);border-radius:12px;font-family:var(--font-text);font-size:15px;color:var(--section-ink);transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}.docs-search input::placeholder{color:#1a243366}.docs-search input:focus{outline:none;border-color:var(--ocean);background:#fff;box-shadow:0 0 0 3px #0078b41f}.docs-search .ico{position:absolute;top:50%;left:18px;transform:translateY(-50%);width:18px;height:18px;color:var(--ocean-deep);opacity:.6;pointer-events:none}.docs-search .kbd{position:absolute;top:50%;right:14px;transform:translateY(-50%);font-family:SF Mono,Menlo,monospace;font-size:10px;letter-spacing:.04em;padding:4px 8px;background:#1a24330f;border:1px solid rgba(26,36,51,.1);border-radius:6px;color:var(--section-ink-soft)}.search-results{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--section-rule);border-radius:12px;box-shadow:0 20px 60px #0d1b2a1f;padding:8px;max-height:420px;overflow-y:auto;z-index:30;display:none}.search-results.open{display:block}.search-results .hit{display:block;padding:12px 14px;border-radius:8px;transition:background .15s ease}.search-results .hit:hover{background:#0078b40f}.search-results .hit .sec{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ocean-deep);opacity:.7;margin-bottom:4px}.search-results .hit .ttl{font-family:var(--font-display);font-size:16px;color:var(--section-ink);margin-bottom:4px}.search-results .hit .snip{font-size:13px;color:var(--section-ink-soft);line-height:1.5}.search-results .hit mark{background:#c8a96e66;color:var(--section-ink);padding:0 2px;border-radius:2px}.search-results .empty{padding:22px 16px;text-align:center;font-size:13px;color:var(--section-ink-soft);font-style:italic;font-family:var(--font-italic)}.doc-section{padding-top:18px;margin-bottom:72px;scroll-margin-top:88px}.doc-section:last-child{margin-bottom:0}.doc-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--ocean-deep);margin-bottom:12px;font-weight:500}.doc-eyebrow .num{font-family:var(--font-display);font-size:13px;opacity:.6}.doc-eyebrow:before{content:"";width:22px;height:1px;background:var(--ocean);opacity:.5}.doc-section h2{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,4vw,2.8rem);line-height:1.05;letter-spacing:.01em;color:var(--section-ink);margin-bottom:16px}.doc-section h2 em{font-family:var(--font-italic);font-style:italic;color:var(--ocean)}.doc-section h3{font-family:var(--font-display);font-weight:400;font-size:1.5rem;color:var(--section-ink);margin:36px 0 12px;letter-spacing:.01em}.doc-section h3 em{font-family:var(--font-italic);font-style:italic;color:var(--ocean)}.doc-section h4.sub{font-family:var(--font-display);font-weight:400;font-size:14px;color:var(--ocean-deep);margin:24px 0 4px;letter-spacing:.16em;text-transform:uppercase}.doc-section .poetic{font-family:var(--font-italic);font-style:italic;color:var(--ocean-deep);font-size:1.05rem;line-height:1.55;margin-bottom:24px;max-width:640px;opacity:.9}.doc-section p{font-size:15.5px;line-height:1.7;color:var(--section-ink-soft);max-width:680px}.doc-section p+p{margin-top:14px}.doc-section p strong{color:var(--section-ink);font-weight:500}.doc-section ul.bullets,.doc-section ol.bullets{margin:14px 0 14px 4px;padding-left:22px;max-width:680px}.doc-section ul.bullets li,.doc-section ol.bullets li{font-size:15px;line-height:1.65;color:var(--section-ink-soft);margin-bottom:8px}.doc-section ul.bullets li::marker{color:var(--ocean)}.doc-section ol.bullets li::marker{color:var(--ocean);font-family:var(--font-display)}.anchor-link{margin-left:10px;font-size:.7em;color:var(--ocean);opacity:0;transition:opacity .2s ease;text-decoration:none}.doc-section h2:hover .anchor-link,.doc-section h3:hover .anchor-link{opacity:.6}.callout{margin:22px 0;padding:18px 20px 18px 50px;border-radius:10px;border:1px solid;font-size:14.5px;line-height:1.6;position:relative;max-width:680px}.callout:before{content:"";position:absolute;left:18px;top:20px;width:20px;height:20px;border-radius:50%;background:currentColor;opacity:.18}.callout:after{position:absolute;left:25px;top:20px;font-family:var(--font-display);font-size:13px;font-weight:600}.callout strong{display:block;font-family:var(--font-display);font-size:14px;letter-spacing:.02em;margin-bottom:4px;text-transform:none}.callout.tip{background:#4a9e6b14;border-color:#4a9e6b40;color:#2c5f3f}.callout.tip:after{content:"✓";color:#2c5f3f}.callout.note{background:#0078b412;border-color:#0078b438;color:var(--ocean-deep)}.callout.note:after{content:"i";color:var(--ocean-deep);font-family:var(--font-italic);font-style:italic}.callout.watch{background:#e07b3f14;border-color:#e07b3f40;color:#a04e1d}.callout.watch:after{content:"!";color:#a04e1d}.controls-grid{display:grid;grid-template-columns:1.4fr 1.6fr;gap:1px;background:var(--section-rule);border:1px solid var(--section-rule);border-radius:12px;overflow:hidden;margin:22px 0;max-width:760px}.controls-grid.three{grid-template-columns:1fr 1fr 1fr}@media(max-width:620px){.controls-grid,.controls-grid.three{grid-template-columns:1fr}}.ctrl-head,.ctrl{background:#fff9;padding:14px 18px;display:flex;align-items:center;gap:10px;font-size:14px;color:var(--section-ink)}.ctrl-head{background:#0078b414;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ocean-deep);font-weight:500}.ctrl .keys{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.key{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 8px;background:#fff;border:1px solid rgba(26,36,51,.16);border-bottom-width:2px;border-radius:6px;font-family:SF Mono,Menlo,monospace;font-size:11px;color:var(--section-ink);letter-spacing:.02em}.plus{font-size:11px;color:var(--section-ink-soft);opacity:.6}.data-table{margin:22px 0;border:1px solid var(--section-rule);border-radius:12px;overflow:hidden;max-width:760px}.data-row{display:grid;grid-template-columns:1fr 2fr;gap:0;background:#fff9;border-top:1px solid var(--section-rule)}.data-row:first-child{border-top:none}.data-row.head{background:#0078b414;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ocean-deep);font-weight:500}.data-row>div{padding:14px 18px}.data-row>div+div{border-left:none}.data-row .name{font-family:var(--font-display);font-size:16px;color:var(--section-ink);line-height:1.3}.data-row .name em{font-family:var(--font-italic);font-style:italic;color:var(--ocean)}.data-row .name .range{display:block;margin-top:2px;font-family:SF Mono,Menlo,monospace;font-size:10.5px;color:var(--section-ink-soft);opacity:.75;letter-spacing:.04em;font-style:normal}.data-row .desc{font-size:14px;color:var(--section-ink-soft);line-height:1.55}.data-row .desc strong{color:var(--section-ink);font-weight:500}@media(max-width:600px){.data-row{grid-template-columns:1fr}.data-row>div+div{border-left:none;border-top:1px solid var(--section-rule)}}.section-img{position:relative;margin:16px 0 8px;border-radius:12px;overflow:hidden;aspect-ratio:16/9;max-width:600px;background:linear-gradient(160deg,#0a2540,#003d62,#081424);box-shadow:0 18px 50px #0d1b2a24}.section-img.warm{background:linear-gradient(160deg,#6e3a1a,#c8704a 50%,#2a1410)}.section-img.dusk{background:linear-gradient(160deg,#2a1a3a,#7a4a8e 55%,#1a0e2a)}.section-img.misty{background:linear-gradient(160deg,#2a4458,#5a8aa0 60%,#1a2a38)}.section-img .shot-placeholder{background:radial-gradient(ellipse 50% 40% at 50% 50%,rgba(0,120,180,.22),transparent 70%),repeating-linear-gradient(45deg,#e8f4f80a 0 10px,#e8f4f814 10px 20px)}.section-img .tag{position:absolute;top:12px;left:14px;font-family:SF Mono,Menlo,monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#e8f4f88c;background:#08122080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 8px;border-radius:4px}.section-img .cap{position:absolute;bottom:12px;left:14px;right:14px;font-family:var(--font-italic);font-style:italic;font-size:13px;color:#e8f4f8c7}.stuck{margin-top:56px;padding:32px 30px;background:linear-gradient(135deg,#0078b414,#4a9e6b0d);border:1px solid rgba(0,120,180,.18);border-radius:16px;display:flex;gap:22px;align-items:center;flex-wrap:wrap}.stuck .text{flex:1;min-width:240px}.stuck h3{font-family:var(--font-display);font-size:22px;color:var(--section-ink);margin-bottom:4px}.stuck h3 em{font-family:var(--font-italic);font-style:italic;color:var(--ocean)}.stuck p{font-size:14px;color:var(--section-ink-soft);line-height:1.55}.stuck .actions{display:flex;gap:10px;flex-wrap:wrap}.stuck a.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:100px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;transition:transform .2s var(--ease-out-expo),background .3s ease}.stuck a.btn.primary{background:var(--ocean-deep);color:var(--foam)}.stuck a.btn.primary:hover{transform:translateY(-2px);background:#02528b}.stuck a.btn.ghost{background:transparent;border:1px solid rgba(0,61,98,.3);color:var(--ocean-deep)}.stuck a.btn.ghost:hover{background:#0078b414}.meta-strip{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:28px;padding:14px 18px;background:#ffffff80;border:1px solid var(--section-rule);border-radius:10px;font-size:12px;color:var(--section-ink-soft)}.meta-strip span{display:inline-flex;align-items:center;gap:6px;letter-spacing:.04em}.meta-strip span:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ocean);opacity:.6}.meta-strip .last{margin-left:auto;color:var(--section-ink-soft);opacity:.7;font-family:SF Mono,Menlo,monospace;font-size:11px;letter-spacing:.05em}.meta-strip .last:before{display:none}.stars-row{grid-template-columns:100px 1fr}.stars-row .stars{color:var(--sand);font-size:17px;letter-spacing:.1em;line-height:1.3}.level-row{grid-template-columns:56px 96px 1.3fr 2fr}.level-row>div+div+div,.level-row>div+div+div+div{border-left:1px solid var(--section-rule)}.level-row .lvl-num{font-family:var(--font-display);color:var(--ocean);font-size:18px;letter-spacing:.02em}.level-row .thumb-cell{padding:10px 12px}.thumb{width:100%;aspect-ratio:4/3;border-radius:6px;background:linear-gradient(160deg,#0a2540,#003d62,#081424);position:relative;overflow:hidden;box-shadow:0 4px 12px #0d1b2a2e}.thumb:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,#e8f4f80a 0 6px,#e8f4f814 6px 12px)}.thumb:after{content:attr(data-thumb);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:SF Mono,Menlo,monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#e8f4f873;text-align:center;padding:4px;line-height:1.2}.thumb.warm{background:linear-gradient(160deg,#6e3a1a,#c8704a 60%,#2a1410)}.thumb.cool{background:linear-gradient(160deg,#0a3a52,#1a7a9e 60%,#0a2030)}.thumb.misty{background:linear-gradient(160deg,#2a4458,#5a8aa0 60%,#1a2a38)}.thumb.dusk{background:linear-gradient(160deg,#2a1a3a,#7a4a8e 60%,#1a0e2a)}.thumb.tide{background:linear-gradient(160deg,#0a2540,#4a9eb4 60%,#0a3050)}.thumb.shatter{background:linear-gradient(160deg,#1a2030,#5a6878 60%,#0a1018)}@media(max-width:720px){.level-row{grid-template-columns:1fr}.level-row>div+div,.level-row>div+div+div,.level-row>div+div+div+div{border-left:none;border-top:1px solid var(--section-rule)}.level-row .thumb-cell{padding:14px 18px}.thumb{max-width:140px}}.powerups{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0;max-width:760px}@media(max-width:700px){.powerups{grid-template-columns:1fr}}.powerup{background:#ffffffa6;border:1px solid var(--section-rule);border-radius:14px;padding:24px 22px;position:relative;overflow:hidden}.powerup:before{content:"";position:absolute;top:-40px;right:-40px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,var(--puc, var(--ocean)) 0%,transparent 70%);opacity:.18}.powerup.turbo{--puc: #2da6c4}.powerup.stamp{--puc: #e8a23c}.pu-tag{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--ocean-deep);margin-bottom:10px;font-weight:500;opacity:.7;position:relative}.powerup h4{font-family:var(--font-display);font-size:22px;color:var(--section-ink);margin-bottom:10px;font-weight:400;position:relative}.powerup h4 em{font-family:var(--font-italic);font-style:italic;color:var(--puc, var(--ocean))}.powerup p{font-size:14px;color:var(--section-ink-soft);line-height:1.6;margin-bottom:14px;position:relative}.pu-ring{width:56px;height:56px;border:3px solid var(--puc, var(--ocean));border-radius:50%;margin:16px 0 10px;position:relative;box-shadow:0 0 24px var(--puc-glow, rgba(0,120,180,.4))}.powerup.turbo .pu-ring{--puc-glow: rgba(45, 166, 196, .5)}.powerup.stamp .pu-ring{--puc-glow: rgba(232, 162, 60, .5)}.pu-ring:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:3px dashed var(--puc, var(--ocean));opacity:.3;animation:spin 8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stamp-levels{display:flex;gap:14px;margin-top:12px;flex-wrap:wrap;position:relative}.stamp-tier{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--section-ink-soft)}.stamp-dot{width:14px;height:14px;border-radius:50%;border:2px solid currentColor}.stamp-tier.l1{color:#e07b3f}.stamp-tier.l2{color:#d4b13e}.stamp-tier strong{color:inherit;font-weight:500}.verbs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 8px;max-width:760px}@media(max-width:760px){.verbs{grid-template-columns:1fr}}.verb{background:#fff9;border:1px solid var(--section-rule);border-radius:14px;padding:20px 20px 22px}.verb-num{font-family:var(--font-display);font-size:12px;color:var(--ocean);opacity:.6;letter-spacing:.18em;margin-bottom:12px}.verb h4{font-family:var(--font-display);font-size:20px;color:var(--section-ink);margin-bottom:4px;font-weight:400}.verb h4 em{font-family:var(--font-italic);font-style:italic;color:var(--ocean)}.verb p{font-size:13.5px;color:var(--section-ink-soft);line-height:1.55}.annotated{position:relative;margin:24px 0 8px;border-radius:14px;overflow:hidden;aspect-ratio:16/9;background:linear-gradient(160deg,#0a2540,#003d62,#081424);box-shadow:0 30px 80px #0d1b2a29;max-width:820px}.annotated .shot-placeholder{background:radial-gradient(ellipse 50% 40% at 60% 50%,rgba(0,120,180,.3),transparent 70%),repeating-linear-gradient(45deg,#e8f4f80a 0 10px,#e8f4f814 10px 20px)}.annot{position:absolute;display:flex;align-items:flex-start;gap:8px}.annot .pin{width:24px;height:24px;border-radius:50%;background:var(--sand);color:var(--night);font-family:var(--font-display);font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 0 3px #c8a96e40,0 4px 12px #0006;transition:transform .2s var(--ease-out-expo)}.annot:hover .pin{transform:scale(1.12)}.annot .pin-label{background:#081220eb;color:var(--foam);border:1px solid rgba(232,244,248,.14);border-radius:8px;padding:8px 12px;font-size:12px;line-height:1.4;max-width:220px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform:translateY(-2px)}.annot .pin-label em{color:var(--sand);font-family:var(--font-italic);font-style:italic}.packs{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0;max-width:760px}@media(max-width:700px){.packs{grid-template-columns:1fr}}.pack{border-radius:16px;padding:24px 22px 22px;position:relative;overflow:hidden;color:var(--foam)}.pack.expert{background:linear-gradient(150deg,#103552,#003d62 60%,#0d1b2a)}.pack.fire{background:linear-gradient(150deg,#4a1410,#8a2a14,#1a0a08)}.pack:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;opacity:.15}.pack.expert:before{background:radial-gradient(circle,#5fb8e8,transparent 70%)}.pack.fire:before{background:radial-gradient(circle,#ffb070,transparent 70%)}.pack-tag{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#e8f4f88c;margin-bottom:8px;font-weight:500;position:relative}.pack h4{font-family:var(--font-display);font-size:24px;margin-bottom:6px;font-weight:400;position:relative}.pack h4 em{font-family:var(--font-italic);font-style:italic}.pack.expert h4 em{color:#7ec8e8}.pack.fire h4 em{color:#ffaa6e}.pack .pack-price{font-family:var(--font-display);font-size:32px;margin:14px 0 4px;position:relative}.pack .pack-price .cur{font-size:16px;vertical-align:top;opacity:.7;margin-right:2px}.pack ul{list-style:none;padding-top:14px;border-top:1px solid rgba(232,244,248,.12);margin-top:14px;position:relative}.pack ul li{font-size:13.5px;color:#e8f4f8d1;line-height:1.5;padding:5px 0}.pack ul li strong{color:var(--foam);font-weight:500}.pack ul li em{font-family:var(--font-italic);font-style:italic}.pack.expert ul li em{color:#b3dcef}.pack.fire ul li em{color:#ffc89c}.achievements{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0;max-width:760px}@media(max-width:700px){.achievements{grid-template-columns:1fr}}.achievement{display:flex;gap:14px;padding:14px 16px;background:#fff9;border:1px solid var(--section-rule);border-radius:12px}.ach-medal{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-display);font-size:13px;border:2px solid}.ach-medal.common{color:#5a7a8e;background:#5a7a8e1a;border-color:#5a7a8e66}.ach-medal.rare{color:#2a83a8;background:#2a83a81a;border-color:#2a83a880}.ach-medal.epic{color:#7c4ba6;background:#7c4ba61a;border-color:#7c4ba680}.ach-medal.legendary{color:#b8842a;background:#c8a96e2e;border-color:#c8a96eb3;box-shadow:0 0 14px #c8a96e4d}.ach-body{flex:1;min-width:0}.ach-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:4px}.ach-name{font-family:var(--font-display);font-size:15px;color:var(--section-ink);letter-spacing:.01em}.ach-rarity{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--section-ink-soft);opacity:.7;font-weight:500;flex-shrink:0}.ach-how{font-size:13px;color:var(--section-ink-soft);line-height:1.5}.trouble{margin:20px 0;border-top:1px solid var(--section-rule);max-width:760px}.trouble-item{border-bottom:1px solid var(--section-rule)}.trouble-q{width:100%;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;font-family:var(--font-display);font-size:18px;color:var(--section-ink);text-align:left;line-height:1.35}.trouble-q em{font-family:var(--font-italic);font-style:italic;color:var(--ocean)}.trouble-q .sign{flex-shrink:0;width:24px;height:24px;border:1px solid rgba(26,36,51,.25);border-radius:50%;position:relative;transition:background .3s ease,transform .4s var(--ease-out-expo),border-color .3s ease}.trouble-q .sign:before,.trouble-q .sign:after{content:"";position:absolute;top:50%;left:50%;background:var(--section-ink);transition:opacity .3s ease}.trouble-q .sign:before{width:9px;height:1px;transform:translate(-50%,-50%)}.trouble-q .sign:after{width:1px;height:9px;transform:translate(-50%,-50%)}.trouble-item.open .trouble-q .sign{background:var(--ocean);border-color:var(--ocean);transform:rotate(90deg)}.trouble-item.open .trouble-q .sign:before,.trouble-item.open .trouble-q .sign:after{background:var(--foam)}.trouble-item.open .trouble-q .sign:after{opacity:0}.trouble-a{max-height:0;overflow:hidden;transition:max-height .5s var(--ease-out-expo),padding .4s ease,opacity .4s ease;font-size:14.5px;color:var(--section-ink-soft);line-height:1.65;opacity:0;padding-right:42px}.trouble-item.open .trouble-a{max-height:400px;padding-bottom:22px;opacity:1}.trouble-a p+p{margin-top:8px}.trouble-a code{font-family:SF Mono,Menlo,monospace;font-size:12.5px;background:#0078b414;color:var(--ocean-deep);padding:2px 6px;border-radius:4px}.glossary{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;margin:20px 0;max-width:760px}@media(max-width:600px){.glossary{grid-template-columns:1fr}}.gloss-item{padding:12px 0;border-top:1px solid var(--section-rule)}.gloss-item dt{font-family:var(--font-display);font-size:16px;color:var(--section-ink);margin-bottom:4px}.gloss-item dt em{font-family:var(--font-italic);font-style:italic;color:var(--ocean)}.gloss-item dd{font-size:13.5px;color:var(--section-ink-soft);line-height:1.55}.tab-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0;max-width:760px}@media(max-width:720px){.tab-tiles{grid-template-columns:1fr 1fr}}.tab-tile{background:#ffffffa6;border:1px solid var(--section-rule);border-radius:12px;padding:18px 16px;position:relative;transition:transform .3s var(--ease-out-expo),border-color .3s ease}.tab-tile:hover{transform:translateY(-3px);border-color:#0078b466}.tab-tile .ttn{font-family:var(--font-display);font-size:11px;color:var(--ocean);opacity:.6;letter-spacing:.16em;margin-bottom:6px}.tab-tile h4{font-family:var(--font-display);font-size:18px;color:var(--section-ink);font-weight:400;margin-bottom:6px;letter-spacing:.01em}.tab-tile h4 em{font-family:var(--font-italic);font-style:italic;color:var(--ocean)}.tab-tile p{font-size:12.5px;color:var(--section-ink-soft);line-height:1.5}.panel-mock{margin:24px 0;max-width:760px;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,#0a2540,#1a3a52,#081424);aspect-ratio:16/10;position:relative;box-shadow:0 20px 50px #0d1b2a2e}.panel-mock .scene{position:absolute;inset:0;background:radial-gradient(ellipse 30% 18% at 35% 62%,rgba(200,169,110,.45),transparent 70%),radial-gradient(ellipse 25% 14% at 38% 65%,rgba(74,158,107,.35),transparent 70%),repeating-linear-gradient(180deg,transparent 0,transparent 22px,rgba(255,255,255,.015) 22px,rgba(255,255,255,.015) 23px)}.panel-mock .scene:after{content:"Island in editor";position:absolute;bottom:18px;left:18px;font-family:SF Mono,Menlo,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#e8f4f866}.panel-mock .editor-panel{position:absolute;top:14px;right:14px;bottom:14px;width:38%;max-width:280px;background:#081220c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(232,244,248,.1);border-radius:10px;padding:14px;display:flex;flex-direction:column;color:var(--foam)}.panel-mock .ep-tabs{display:flex;gap:2px;background:#e8f4f80d;border-radius:6px;padding:3px;margin-bottom:14px}.panel-mock .ep-tabs span{flex:1;text-align:center;padding:6px 4px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#e8f4f88c;border-radius:4px}.panel-mock .ep-tabs span.on{background:var(--ocean);color:var(--foam)}.panel-mock .ep-rows{display:flex;flex-direction:column;gap:10px;flex:1}.panel-mock .ep-row{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#e8f4f8cc}.panel-mock .ep-row .lab{color:#e8f4f88c;letter-spacing:.06em;text-transform:uppercase;font-size:9px}.panel-mock .ep-slider{width:80px;height:3px;background:#e8f4f81a;border-radius:100px;position:relative}.panel-mock .ep-slider:after{content:"";position:absolute;left:0;top:-3px;width:var(--w, 50%);height:9px;background:var(--sand);border-radius:100px;box-shadow:0 0 8px #c8a96e66}.panel-mock .ep-foot{display:flex;gap:6px;margin-top:14px;border-top:1px solid rgba(232,244,248,.08);padding-top:12px}.panel-mock .ep-foot span{flex:1;padding:7px;background:#e8f4f80d;border-radius:6px;text-align:center;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#e8f4f8b3}.panel-mock .ep-foot .play{background:var(--sand);color:var(--night);font-weight:500}.props-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:22px 0;max-width:760px}.prop{background:#ffffffa6;border:1px solid var(--section-rule);border-radius:10px;padding:12px 12px 14px;text-align:center;transition:transform .3s var(--ease-out-expo),border-color .3s ease}.prop:hover{transform:translateY(-3px);border-color:#0078b459}.prop .prop-art{width:100%;aspect-ratio:1/1;border-radius:8px;margin-bottom:10px;position:relative;overflow:hidden}.prop .prop-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,#e8f4f80a 0 6px,#e8f4f814 6px 12px)}.prop .prop-art:after{content:attr(data-glyph);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:28px;color:#e8f4f880}.prop.rock .prop-art{background:linear-gradient(160deg,#4a5868,#2a3848)}.prop.coastal .prop-art{background:linear-gradient(160deg,#2a5a7c,#0a2540)}.prop.struct .prop-art{background:linear-gradient(160deg,#5a4a3a,#2a1f18)}.prop.metal .prop-art{background:linear-gradient(160deg,#4a5868,#1a242e)}.prop.mon .prop-art{background:linear-gradient(160deg,#6a4a2a,#2a1d10)}.prop.deco .prop-art{background:linear-gradient(160deg,#b88a4e,#6a4a2a)}.prop .prop-name{font-family:var(--font-display);font-size:13px;color:var(--section-ink);margin-bottom:2px;line-height:1.2}.prop .prop-cat{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--section-ink-soft);opacity:.7}.palette{display:flex;gap:0;margin:14px 0;border-radius:8px;overflow:hidden;max-width:540px;box-shadow:0 10px 30px #0d1b2a24}.palette .band{flex:1;aspect-ratio:1/2.4;display:flex;align-items:flex-end;justify-content:center;padding:8px 2px;font-family:SF Mono,Menlo,monospace;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.45);writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.palette .band.ocean-deep{background:#0a1d30}.palette .band.ocean-mid{background:#143a5c}.palette .band.deep{background:#2a6488}.palette .band.shallow{background:#5aa6c0}.palette .band.low{background:#d8c896}.palette .band.mid-low{background:#b89760}.palette .band.mid{background:#8a7a48}.palette .band.mid-high{background:#a8623a}.palette .band.high{background:#c8704a}.palette .band.peak{background:#f0e8d0;color:#0000008c;text-shadow:none}