:root{--ink:#120f0c;--paper:#f1eadc;--muted:#b5a997;--ember:#e26335;--gold:#e5ae4b;--line:#382d24;--panel:#1b1612}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1200px;padding:0 28px;margin:auto;border-bottom:1px solid #2a221b}.brand{color:var(--paper);font-family:Georgia,serif;font-weight:800;letter-spacing:.13em;text-decoration:none}.brand span{color:var(--ember)}nav{display:flex;gap:26px}nav a,.source-link,.source-note a{color:var(--muted);text-decoration:none;font-size:.9rem}nav a:hover,.source-link:hover,.source-note a:hover{color:var(--gold)}.section,.hero{max-width:1200px;margin:auto;padding:112px 28px}.hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px}.eyebrow,.tiny-label{color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.hero h1,.section h2{font-family:Georgia,serif;font-size:clamp(3.5rem,6vw,6.4rem);line-height:.95;letter-spacing:-.055em;margin:18px 0 26px}.hero h1 em{color:var(--ember);font-weight:normal}.lede{color:var(--muted);font-size:1.12rem;line-height:1.7;max-width:510px}.hero-actions{display:flex;gap:12px;margin-top:34px}.button{display:inline-flex;gap:9px;justify-content:center;align-items:center;text-decoration:none;border-radius:5px;padding:14px 19px;font-size:.9rem;font-weight:800}.primary{background:var(--ember);color:#fff}.primary:hover{background:#ef7447}.ghost{border:1px solid #4a3e34;color:var(--paper)}.fine-print{margin-top:24px;color:#716759;font-size:.75rem}.cube-art{position:relative;height:440px;max-width:440px;margin:auto}.cube{position:absolute;inset:90px;display:grid;place-items:center;background:linear-gradient(145deg,#54311e,#241510 60%,#81512d);transform:rotate(15deg);border:1px solid #b47c42;box-shadow:0 30px 60px #000,0 0 45px #e2633570}.cube:before,.cube:after{content:"";position:absolute;inset:13px;border:1px solid #c29454;opacity:.6}.cube:after{transform:rotate(45deg);inset:35px}.cube span{font-size:4rem;color:#f6c668;z-index:1}.rune{position:absolute;z-index:2;border:1px solid #6b4d30;background:#1e1712;border-radius:50%;width:92px;height:92px;display:grid;place-items:center;color:var(--gold);font-size:.63rem;font-weight:800;letter-spacing:.06em;box-shadow:0 0 25px #e2633540}.r1{left:12px;top:55px}.r2{right:0;top:135px}.r3{left:52px;bottom:10px}.spark{position:absolute;width:9px;height:9px;background:var(--gold);border-radius:50%;box-shadow:0 0 15px var(--gold)}.s1{top:42px;right:65px}.s2{bottom:86px;right:65px}.s3{top:190px;left:3px}.crafting{background:#18130f;max-width:none;padding-left:max(28px,calc((100vw - 1200px)/2 + 28px));padding-right:max(28px,calc((100vw - 1200px)/2 + 28px))}.section-heading{max-width:720px}.section-heading h2{font-size:clamp(2.9rem,5vw,4.7rem);margin:14px 0}.section-heading p:not(.eyebrow){color:var(--muted);line-height:1.6}.catalog-tabs{display:flex;gap:9px;margin-top:38px;border-bottom:1px solid #493a2f}.catalog-tab{border:0;background:transparent;color:var(--muted);padding:13px 2px;margin-right:20px;font:700 .92rem inherit;cursor:pointer}.catalog-tab.active{color:var(--paper);border-bottom:2px solid var(--ember)}.catalog-tab span{color:var(--gold);font-size:.78rem}.search-box{margin:25px 0 18px;background:#251d17;border:1px solid #493a2f;display:flex;gap:12px;align-items:center;padding:0 17px;border-radius:5px;max-width:650px}.search-box span{font-size:1.6rem;color:var(--gold)}input{width:100%;border:0;outline:0;background:transparent;color:var(--paper);padding:17px 0;font:inherit}.filter-row{display:flex;flex-wrap:wrap;gap:8px}.filter{border:1px solid #493a2f;border-radius:20px;background:transparent;color:var(--muted);padding:8px 13px;cursor:pointer}.filter.active{border-color:var(--gold);color:var(--gold)}.result-count{color:#867868;font-size:.85rem;margin:24px 0 14px}.recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.recipe-card{border:1px solid #403128;background:#1d1713;padding:22px;min-height:260px}.recipe-top{display:flex;justify-content:space-between}.category{color:var(--gold);font-size:.68rem;text-transform:uppercase;letter-spacing:.11em}.cube-mark{color:var(--ember);font-size:1.4rem}.recipe-card h3{font-family:Georgia,serif;font-size:1.5rem;margin:20px 0 5px}.result,.note{color:var(--muted);font-size:.85rem;line-height:1.5}.recipe-card ul{list-style:"✦  ";padding-left:18px;line-height:1.8;color:#ddd0bd;font-size:.84rem}.note{border-top:1px solid #362a22;padding-top:12px}.rune-order{color:var(--gold);font-size:.78rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.base-label{margin:23px 0 5px;color:#9d8e7b;font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.bases{margin:0;color:#e4d0a6;line-height:1.5;font-size:.88rem}.runeword-card details{margin-top:15px;border-top:1px solid #362a22;padding-top:12px;color:var(--muted);font-size:.82rem}.runeword-card summary{cursor:pointer;color:#d4c2aa}.runeword-card details ul{margin:9px 0 0}.empty{color:var(--muted)}.source-note{max-width:780px;margin-top:28px;color:#766b5e;font-size:.75rem;line-height:1.6}.preview{overflow:hidden;text-align:center}.narrow{margin:auto}.phone-gallery{display:flex;justify-content:center;gap:38px;align-items:flex-end;margin-top:52px}.phone-wrap{margin:0}.phone{width:236px;height:478px;padding:9px;background:#302821;border:5px solid #5d5044;border-radius:34px;box-shadow:0 25px 50px #000}.notch{height:17px;width:88px;border-radius:0 0 14px 14px;background:#5d5044;margin:-9px auto 0;position:relative;z-index:3}.screen{height:100%;margin-top:-8px;border-radius:22px;padding:44px 17px 16px;text-align:left;background:#12100e;overflow:hidden}.screen h3{font:1.6rem/1.08 Georgia,serif;margin:14px 0}.tiny-label{font-size:.56rem}.tag{font-size:.67rem;color:var(--gold);border:1px solid #624622;display:inline-block;padding:6px 8px;border-radius:3px}.progress{margin-top:90px;display:flex;justify-content:space-between;color:#b8aa99;font-size:.66rem}.progress strong{color:var(--gold)}.screen-card{margin-top:11px;background:#2a211b;padding:13px;border-left:2px solid var(--ember);display:grid;gap:5px}.screen-card small{color:var(--gold);font-size:.55rem}.screen-card b{font-size:.83rem}.screen-card span{color:#aa9b88;font-size:.65rem}.ingredient-row{display:flex;gap:9px;padding:12px 0;border-bottom:1px solid #30261f;font-size:.76rem;color:#d7c8b6}.ingredient-row i{color:var(--gold);font-style:normal}.craft-screen button{margin-top:32px;width:100%;border:0;background:#3a5737;color:#d7f1cf;padding:10px;font-size:.7rem}.runes{color:var(--gold);letter-spacing:.06em;font-size:.68rem;margin:28px 0 100px}.stat-line{color:#bfaf9e;font-size:.7rem;margin-top:20px}.phone-wrap figcaption{margin-top:16px;color:#918473;font-size:.75rem}.tilted-left{transform:rotate(-7deg) translateY(14px)}.tilted-right{transform:rotate(7deg) translateY(14px)}.download{display:grid;grid-template-columns:1fr 400px;gap:80px;align-items:center;border-top:1px solid #30271f}.download h2{font-size:clamp(3rem,5vw,5.2rem)}.download>div>p:not(.eyebrow){color:var(--muted);line-height:1.7;max-width:530px}.download-card{background:linear-gradient(145deg,#2c2019,#17120f);border:1px solid #5b3e29;padding:31px}.status-dot{display:inline-block;background:#e8b14a;width:8px;height:8px;border-radius:50%;margin-right:8px}.status{color:var(--gold);font-size:.65rem;letter-spacing:.1em}.download-card h3{font:1.75rem Georgia,serif;margin:26px 0 8px}.download-card p{color:var(--muted);font-size:.85rem}.full{width:100%;margin:22px 0 17px}.source-link{display:block;text-align:center;font-size:.8rem}footer{max-width:1200px;margin:auto;padding:28px;display:flex;justify-content:space-between;border-top:1px solid #2a221b;color:#766b5e;font-size:.72rem}@media(max-width:760px){.site-header{padding:0 19px}nav{gap:14px;font-size:.8rem}.hero{grid-template-columns:1fr;padding-top:76px;min-height:auto}.cube-art{transform:scale(.8);margin:-45px auto}.recipe-grid{grid-template-columns:1fr}.phone-gallery{gap:8px;transform:scale(.75);width:133%;margin-left:-16.5%;margin-top:-10px;margin-bottom:-65px}.download{grid-template-columns:1fr;gap:32px}.section,.hero{padding-left:20px;padding-right:20px}footer{display:grid;gap:10px;padding:24px 20px}.tilted-left,.tilted-right{display:none}.catalog-tab{margin-right:10px;font-size:.78rem}}
