.page-header{padding:6rem 0 3rem;text-align:center}.subtitle{font-size:1.2rem;max-width:650px;margin:1.5rem auto 0;font-weight:300}.section{padding:4rem 0}.section-desc{font-size:1.15rem;color:var(--color-text-secondary);font-weight:300;line-height:1.6}.mechanics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;margin-top:3.5rem}.mechanic-card{position:relative;padding:3rem 2.5rem}.num-badge{font-family:var(--font-header);font-size:2.5rem;font-weight:800;color:#5ce6e626;line-height:1;margin-bottom:1rem;text-shadow:0 0 20px rgba(92,230,230,.05)}.classifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem}.class-card{padding:3rem 2.5rem;display:flex;flex-direction:column;position:relative;border-radius:20px}.class-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;position:relative}.class-icon{width:24px;height:24px;border-radius:50%;position:relative}.class-card.teal .class-icon{background:#5ce6e626;border:1px solid var(--color-pearl-cyan);box-shadow:0 0 10px var(--color-pearl-cyan-glow)}.class-card.teal .class-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:var(--color-pearl-cyan)}.class-card.gold .class-icon{background:#ffd86626;border:1px solid var(--color-pearl-gold);box-shadow:0 0 10px var(--color-pearl-gold-glow)}.class-card.gold .class-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:4px;border-radius:2px;background:var(--color-pearl-gold)}.class-card.amethyst .class-icon{background:#d67cff26;border:1px solid var(--color-pearl-lavender);box-shadow:0 0 10px var(--color-pearl-lavender-glow)}.class-card.amethyst .class-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:8px;height:8px;background:var(--color-pearl-lavender)}.class-card h3{font-size:1.4rem;font-weight:700}.class-limit{margin-left:auto;font-family:var(--font-header);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.75}.class-stats{display:flex;justify-content:space-between;background:#0006;border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:1.25rem;margin-bottom:2rem}.class-stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-header)}.stat-val{font-family:var(--font-header);font-size:1.1rem;font-weight:700;color:#fff}.stat-val.color-teal{color:var(--color-pearl-cyan)}.stat-val.color-gold{color:var(--color-pearl-gold)}.stat-val.color-amethyst{color:var(--color-pearl-lavender)}.class-desc{font-size:1rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:0;font-weight:300}.ai-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2.5rem;margin-top:3.5rem}.ai-badge{display:inline-block;padding:.35rem .85rem;border-radius:9999px;font-size:.7rem;font-family:var(--font-header);font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.5rem}.ai-badge.cyan{background:#5ce6e61a;border:1px solid var(--color-pearl-cyan);color:var(--color-pearl-cyan)}.ai-badge.gold{background:#ffd8661a;border:1px solid var(--color-pearl-gold);color:var(--color-pearl-gold)}.styled-list{list-style:none;display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem;padding-left:.25rem}.styled-list li{font-size:1rem;color:var(--color-text-secondary);position:relative;padding-left:1.75rem;font-weight:300;line-height:1.5}.styled-list li strong{color:#fff;font-weight:600}.styled-list li:before{content:"";position:absolute;top:.65rem;left:0;width:6px;height:6px;border-radius:50%;background:var(--color-pearl-cyan);box-shadow:0 0 8px var(--color-pearl-cyan)}.controls-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem;margin-top:3.5rem}.control-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.control-item{display:flex;justify-content:space-between;align-items:center;gap:2.5rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.04)}.control-item:last-child{border-bottom:none}.key-pill{background:#5ce6e614;border:1px solid rgba(92,230,230,.2);padding:.45rem 1rem;border-radius:8px;font-family:var(--font-header);font-size:.8rem;font-weight:700;color:var(--color-pearl-cyan);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 10px #0003}.key-pill.gold{background:#ffd86614;border:1px solid rgba(255,216,102,.2);color:var(--color-pearl-gold)}.desc{font-size:.95rem;color:var(--color-text-secondary);text-align:right;font-weight:300;line-height:1.4}.actual-node-sprite{width:140px;height:140px;background-image:url(/images/maps/node_oracle_sheet.png);background-repeat:no-repeat;background-size:800px 496px;margin:0 auto 1.5rem;display:block;border-radius:50%;position:relative;box-shadow:0 0 30px #0009;background-color:#02040e;border:1px solid rgba(255,255,255,.03);transition:var(--transition-smooth)}.class-card:hover .actual-node-sprite{transform:scale(1.06);box-shadow:0 0 40px #5ce6e626}.class-card.teal:hover .actual-node-sprite{box-shadow:0 0 40px #5ce6e633;border-color:#5ce6e633}.class-card.gold:hover .actual-node-sprite{box-shadow:0 0 40px #ffd86633;border-color:#ffd86633}.class-card.amethyst:hover .actual-node-sprite{box-shadow:0 0 40px #d67cff33;border-color:#d67cff33}.actual-node-sprite.small{background-position:-154px -188px}.actual-node-sprite.medium{background-position:-378px -188px}.actual-node-sprite.major{background-position:-618px -188px}.blueprints-grid{display:flex;flex-direction:column;gap:4rem;margin-top:2rem}.blueprint-card{padding:3rem;border-radius:24px;position:relative;border-color:#ffffff08;background:#00000059}.blueprint-tag{display:inline-block;padding:.35rem .85rem;border-radius:9999px;font-size:.7rem;font-family:var(--font-header);font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:var(--color-text-secondary)}#blueprint_structure .blueprint-tag{background:#5ce6e614;border-color:#5ce6e633;color:var(--color-pearl-cyan)}#blueprint_interactions .blueprint-tag{background:#d67cff14;border-color:#d67cff33;color:var(--color-pearl-lavender)}#blueprint_flows .blueprint-tag{background:#ffd86614;border-color:#ffd86633;color:var(--color-pearl-gold)}.blueprint-card h3{font-size:1.6rem;font-weight:700;margin-bottom:.75rem}.blueprint-desc{font-size:1.05rem;color:var(--color-text-secondary);font-weight:300;line-height:1.5;margin-bottom:2.5rem}.blueprint-img-container{width:100%;background:#000;border:1px solid rgba(255,255,255,.03);border-radius:16px;padding:2.5rem;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.blueprint-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:radial-gradient(circle,rgba(92,230,230,.04) 0%,transparent 70%);pointer-events:none;transition:var(--transition-smooth)}#blueprint_interactions .blueprint-glow{background:radial-gradient(circle,rgba(214,124,255,.04) 0%,transparent 70%)}#blueprint_flows .blueprint-glow{background:radial-gradient(circle,rgba(255,216,102,.04) 0%,transparent 70%)}.blueprint-card:hover .blueprint-glow{width:90%;height:90%;opacity:1.5}#blueprint_structure:hover .blueprint-glow{background:radial-gradient(circle,rgba(92,230,230,.06) 0%,transparent 70%)}#blueprint_interactions:hover .blueprint-glow{background:radial-gradient(circle,rgba(214,124,255,.06) 0%,transparent 70%)}#blueprint_flows:hover .blueprint-glow{background:radial-gradient(circle,rgba(255,216,102,.06) 0%,transparent 70%)}.blueprint-img{max-width:100%;max-height:480px;height:auto;object-fit:contain;border-radius:8px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.6));transition:var(--transition-smooth);position:relative;z-index:2}.blueprint-card:hover .blueprint-img{transform:scale(1.015);filter:drop-shadow(0 12px 35px rgba(0,0,0,.8))}@media(max-width:900px){.classifications-grid,.ai-grid,.controls-container{grid-template-columns:1fr;gap:2.5rem}}@media(max-width:480px){.control-item{flex-direction:column;align-items:flex-start;gap:.5rem}.control-item .desc{text-align:left}.class-card{padding:1.75rem 1.25rem}.mechanic-card{padding:2rem 1.25rem}.blueprint-card{padding:1.75rem 1.25rem}.blueprint-img-container{padding:1rem}}