:root{--gold:#c6a05a;--ivory:#e9e1d2;--ink:#070707}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#050505;color:var(--ivory)}button{font:inherit}.arcana-world{min-height:100svh;position:relative;overflow:hidden;display:grid;grid-template-rows:72px 1fr 48px;font-family:Inter,sans-serif;letter-spacing:.04em;isolation:isolate}.arcana-bg{position:fixed;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(0,0,0,.52),rgba(0,0,0,.08) 48%,rgba(0,0,0,.5)),linear-gradient(0deg,#050505,transparent 45%),url("assets/arcana/academy-hall.png") center/cover no-repeat;animation:arcana-breathe 14s ease-in-out infinite alternate}.arcana-grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.arcana-header,.arcana-footer{display:flex;align-items:center;justify-content:space-between;padding:0 3.5vw;position:relative;z-index:30;text-transform:uppercase;font-size:9px;letter-spacing:.28em}.arcana-header{border-bottom:1px solid #ffffff1a}.arcana-footer{border-top:1px solid #ffffff14;color:#ffffff70}.arcana-brand{font:18px "Cormorant Garamond";color:var(--ivory);text-decoration:none}.arcana-sound,.arcana-back{border:0;color:var(--ivory);background:transparent;cursor:pointer;text-transform:uppercase;letter-spacing:.2em;font-size:10px}.arcana-sound i{display:inline-grid;place-items:center;width:19px;height:19px;border:1px solid #777;border-radius:50%;margin-right:7px;font-style:normal}.arcana-sound .playing{color:var(--gold);border-color:var(--gold);animation:arcana-pulse 1.8s infinite}.arcana-scene{display:none;min-height:calc(100svh - 120px);position:relative;z-index:2;padding:35px 20px;animation:arcana-appear .75s ease both}.arcana-scene.active{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.arcana-kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.38em;font-size:9px;margin:0 0 22px}.arcana-scene h1,.arcana-scene h2{font-family:"Cormorant Garamond";font-weight:400;margin:0;line-height:.8;text-shadow:0 4px 30px #000}.arcana-scene h1{font-size:clamp(64px,10vw,145px);letter-spacing:-.065em;text-transform:uppercase}.arcana-scene h1 small{display:block;font-size:.18em;letter-spacing:.65em;margin:0 0 18px .6em}.arcana-scene h2{font-size:clamp(48px,6vw,88px);letter-spacing:-.045em}.arcana-rule{display:flex;align-items:center;gap:12px;margin:25px 0 18px;color:var(--gold)}.arcana-rule i{width:42px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.arcana-rule i:last-child{transform:scaleX(-1)}.arcana-rule b{font-size:8px}.arcana-intro,.arcana-sub{font:italic 18px/1.45 "Cormorant Garamond";color:#d7cec1}.arcana-primary{color:#16110a;border:1px solid #d2b376;background:linear-gradient(120deg,#a77d38,#e2c88d,#9a7133);padding:16px 25px;min-width:220px;margin-top:22px;text-transform:uppercase;letter-spacing:.22em;font-size:9px;cursor:pointer;box-shadow:0 12px 45px #b181342e;transition:.35s}.arcana-primary:hover{transform:translateY(-3px);filter:brightness(1.15)}.arcana-primary span{float:right;font-size:13px;margin-left:25px}.arcana-chapter{margin-top:30px;color:#ffffff70;text-transform:uppercase;letter-spacing:.25em;font-size:8px}.arcana-back{position:absolute;top:30px;left:3.5vw;color:#aaa}.arcana-letter{width:min(590px,92vw);padding:60px 70px;color:#2a231b;text-align:center;background:linear-gradient(135deg,#f0e4cbf7,#cdbb97f5);box-shadow:0 20px 90px #000;position:relative;border:1px solid #a48450}.arcana-letter:before{content:"";position:absolute;inset:10px;border:1px solid #4f371c40}.arcana-letter h2{font-size:clamp(43px,5vw,65px);text-shadow:none}.arcana-letter p:not(.arcana-kicker){font:18px/1.5 "Cormorant Garamond"}.arcana-letter .arcana-kicker{color:#75511f}.arcana-letter blockquote{font:italic 29px/1.1 "Cormorant Garamond";color:#6f4b1c;margin:28px 0}.arcana-primary.dark{background:#251b12;color:#e7d5b1;border-color:#604b2e}.arcana-scene[data-panel=orders]{background:#0009}.arcana-orders{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(1180px,95vw);gap:1px;background:#ffffff20;border:1px solid #ffffff20;margin-top:25px}.arcana-order{min-height:320px;color:#ddd;background:#09090adb;border:0;padding:25px 22px;cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:.5s;position:relative;overflow:hidden}.arcana-order:before{content:"";position:absolute;inset:0;opacity:0;transition:.5s;background:radial-gradient(circle at 50% 60%,var(--order),transparent 62%)}.arcana-order:hover{transform:translateY(-8px);z-index:2}.arcana-order:hover:before{opacity:.28}.arcana-order.gold{--order:#d9a945}.arcana-order.masks{--order:#8e1525}.arcana-order.elements{--order:#397397}.arcana-order.dreams{--order:#65428e}.arcana-order small{align-self:flex-start;color:#666;font:13px "Cormorant Garamond"}.arcana-order b{font-size:49px;color:var(--order);margin:19px 0 15px;filter:drop-shadow(0 0 18px var(--order))}.arcana-order span{text-transform:uppercase;letter-spacing:.25em;font-size:8px;color:var(--order)}.arcana-order strong{font:25px "Cormorant Garamond";margin:7px 0 15px}.arcana-order em{font:italic 15px/1.25 "Cormorant Garamond";color:#999;min-height:55px}.arcana-order u{text-transform:uppercase;font-size:8px;letter-spacing:.2em;margin-top:auto;text-decoration:none;border-bottom:1px solid #777;padding-bottom:5px}.arcana-trial.active{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:50px 8vw;gap:7vw;text-align:left;background:radial-gradient(circle at 75% 50%,#b5812e29,transparent 35%),#000b}.arcana-trial__copy{max-width:510px}.arcana-trial__copy>p:not(.arcana-kicker):not(.arcana-whisper){font:18px/1.45 "Cormorant Garamond";color:#aaa;max-width:430px}.arcana-progress{display:flex;gap:8px;margin-top:28px}.arcana-progress i{width:32px;height:2px;background:#444}.arcana-progress i.done{background:var(--gold);box-shadow:0 0 10px var(--gold)}.arcana-whisper{font:italic 15px "Cormorant Garamond";color:#a88a57;min-height:18px}.arcana-finish{display:none}.arcana-finish.visible{display:block}.arcana-canvas{justify-self:center;position:relative;border:14px ridge #755423;width:min(340px,65vw);aspect-ratio:.73;cursor:crosshair;overflow:hidden;background:radial-gradient(ellipse at 48% 35%,#7b6752 0 6%,transparent 7%),radial-gradient(ellipse at 52% 36%,#7b6752 0 5%,transparent 6%),radial-gradient(ellipse at 50% 42%,#2a211d 0 18%,transparent 19%),linear-gradient(145deg,#151311,#504337 50%,#171512);box-shadow:0 30px 100px #000,0 0 40px #c79d522b}.arcana-canvas>i{position:absolute;width:52%;height:58%;top:17%;left:25%;border-radius:48% 52% 44% 50%;box-shadow:inset 18px -5px 30px #0b0908,-9px 0 22px #d7c09d2e;transform:rotate(-4deg)}.arcana-crack{position:absolute;height:2px;z-index:2;transform-origin:left;background:linear-gradient(90deg,#8c611c,#ffe4a1 40%,transparent);box-shadow:0 0 7px #eebc61;animation:arcana-draw .5s ease both}.arcana-chosen{font-size:70px;color:var(--order-color,var(--gold));filter:drop-shadow(0 0 20px currentColor);margin-bottom:20px}.arcana-return{margin-top:25px;color:#aaa;text-transform:uppercase;letter-spacing:.2em;font-size:8px}.arcana-embers i{position:fixed;bottom:-10px;left:calc((var(--i) * 4.1) * 1%);width:2px;height:2px;background:#d6a04c;border-radius:50%;opacity:0;animation:arcana-rise calc(5s + (var(--i) % 5)*1s) calc((var(--i) % 9)*-.7s) infinite}.arcana-world[data-order=gold]{--order-color:#d9a945}.arcana-world[data-order=masks]{--order-color:#8e1525}.arcana-world[data-order=elements]{--order-color:#397397}.arcana-world[data-order=dreams]{--order-color:#65428e}@keyframes arcana-breathe{to{transform:scale(1.05);filter:brightness(1.08)}}@keyframes arcana-appear{from{opacity:0;transform:translateY(12px)}}@keyframes arcana-pulse{50%{box-shadow:0 0 12px var(--gold)}}@keyframes arcana-draw{from{width:0;opacity:0}}@keyframes arcana-rise{15%{opacity:.6}to{transform:translate(35px,-75vh);opacity:0}}@media(max-width:850px){.arcana-header>span,.arcana-footer span:last-child{display:none}.arcana-orders{grid-template-columns:1fr 1fr}.arcana-order{min-height:250px}.arcana-trial.active{grid-template-columns:1fr;text-align:center;padding:75px 20px 40px;overflow:auto}.arcana-trial__copy{margin:auto}.arcana-progress{justify-content:center}.arcana-canvas{width:min(270px,65vw)}}@media(max-width:520px){.arcana-world{grid-template-rows:58px 1fr 38px}.arcana-scene{min-height:calc(100svh - 96px)}.arcana-scene h1{font-size:55px}.arcana-letter{padding:45px 28px}.arcana-order{padding:18px 10px;min-height:215px}.arcana-order em{display:none}.arcana-order b{margin:12px 0;font-size:34px}.arcana-order strong{font-size:19px}.arcana-footer{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}