:root{color-scheme:dark;--bg:#080912;--paper:#f5ead7;--muted:#bbb8ce;--gold:#ffd176;--universe:#c995ff;--line:#66538166}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#07081130,#080912a8 85vh,#080912 130vh),url('assets/multiverse.png') center top/cover fixed no-repeat,var(--bg);color:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;min-height:100vh}header{max-width:1400px;margin:auto;padding:12px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #b18aff45;gap:18px;background:#090b17d9;backdrop-filter:blur(12px)}.brand{color:var(--paper);text-decoration:none;letter-spacing:2px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:12px}.brand-logo{width:68px;height:68px;object-fit:contain}.edition{font-family:Georgia,serif;font-style:italic;color:#d0b8ec;font-size:15px}main{max-width:1260px;margin:auto;padding:36px 40px 44px}h1,p{margin:0}.intro{text-shadow:0 2px 14px #000,0 0 35px #000}h1{font-family:Georgia,serif;font-size:clamp(32px,3.9vw,54px);font-weight:400;line-height:1.18;letter-spacing:-1.5px}h1 em{color:#d6a4ff;font-weight:400}.workspace{display:grid;grid-template-columns:1.12fr 1fr;gap:42px;align-items:center;margin-top:28px}.wheel-panel{min-width:0}.wheel-wrap{position:relative;width:100%;max-width:520px;margin:auto;aspect-ratio:1;filter:drop-shadow(0 0 38px #853b9266)}.wheel-wrap:before{content:'';position:absolute;inset:1%;border:1px solid #e9be77;border-radius:50%;box-shadow:0 0 20px #b67cff99,inset 0 0 15px #a874eb77}.wheel-wrap:after{content:'';position:absolute;inset:3%;border:1px dashed #71644f;border-radius:50%;pointer-events:none}#wheel{width:100%;height:100%;transition:transform 4.3s cubic-bezier(.13,.67,.12,1);filter:drop-shadow(0 18px 25px #0005)}.pointer{position:absolute;z-index:3;left:calc(50% - 10px);top:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:25px solid var(--gold);filter:drop-shadow(0 0 8px #ffe593)}.wheel-center{position:absolute;inset:39%;background:#0b0b1d;border:1px solid #caaa70;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 8px #1d1333,0 0 0 9px #e3b75f,0 0 26px #9e5fee}.wheel-center img{width:95%;height:78%;object-fit:contain}.wheel-center small{letter-spacing:2px;font-size:10px;margin-top:-9px}.wheel-symbol{filter:drop-shadow(0 0 4px #0009)}.result-panel{background:linear-gradient(140deg,#19152df2,#0d1120f5);border:1px solid #a483c85e;border-top:2px solid var(--universe);border-radius:15px;padding:30px;box-shadow:0 20px 70px #0007;min-width:0;text-align:center;transition:border-color .3s}.eyebrow{color:var(--universe);font-size:12px;letter-spacing:2px;line-height:1.7;font-weight:600}.result{font-family:Georgia,serif;font-size:clamp(28px,3.2vw,42px);font-weight:400;line-height:1.24;color:#f5ead7;margin-top:16px;overflow-wrap:break-word}#reveal{min-height:164px;display:flex;flex-direction:column;justify-content:center}.revealed .result{animation:reveal .65s ease-out both}@keyframes reveal{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}button{display:block;width:100%;padding:18px 20px;margin-top:26px;color:#1a202b;background:linear-gradient(105deg,#ffe49a,#edb969);border:1px solid #ffe2a0;border-radius:5px;font-size:16px;letter-spacing:2px;font-weight:700;cursor:pointer;box-shadow:0 0 25px #e5b05120;transition:background .2s}button:hover{background:linear-gradient(105deg,#fff0bb,#ffcd80);box-shadow:0 0 30px #e5b05155}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:5px}.cosmic-icon{background-image:url('assets/cosmic-symbols.png');background-size:300% 200%;background-repeat:no-repeat;width:120px;height:120px;margin:0 auto 10px;filter:drop-shadow(0 0 12px #a464bc55)}.icon-portal{background-position:0 0}.icon-pig{background-position:50% 0}.icon-cthulhu{background-position:100% 0}.icon-wheel{background-position:0 100%}.icon-eden{background-position:50% 100%}.icon-split{background-position:100% 100%}@media(max-width:900px){.edition{display:none}.workspace{gap:24px}main{padding:28px 24px 36px}.result-panel{padding:24px}}@media(max-width:650px){body{background-attachment:scroll;background-size:auto 1100px;background-position:45% 0}header{padding:10px 16px}.brand{font-size:11px;letter-spacing:1.5px;gap:8px}.brand-logo{width:52px;height:52px}main{padding:24px 16px 32px}h1{font-size:32px;letter-spacing:-.8px}.workspace{grid-template-columns:1fr;gap:22px;margin-top:20px}.wheel-wrap{max-width:350px}.result-panel{padding:20px}.cosmic-icon{width:80px;height:80px;margin-bottom:6px}#reveal{min-height:124px}.result{font-size:30px;line-height:1.28}button{margin-top:20px}}@media(prefers-reduced-motion:reduce){#wheel{transition:none}.revealed .result{animation:none}.result-panel{transition:none}}