@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;900&family=Noto+Serif+KR:wght@500;700;900&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090807;--ink:#fff7df;--muted:#b8a882;--line:#ffe09a2e;--gold:#f7c66a;--gold-hot:#ff9138;--smoke:#080705bd;--glass:#100d0994;--danger:#ff715f;--font-display:"Cinzel", "Noto Serif KR", serif;--font-body:"Noto Serif KR", serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);overflow-x:hidden}button{font:inherit}button:disabled{cursor:default}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:radial-gradient(circle at 74% 18%,#f9b24a29,#0000 28rem),radial-gradient(circle at 12% 82%,#5923106b,#0000 32rem),#080706;min-height:100svh}.hero-screen,.casting-screen{min-height:100svh;position:relative;overflow:hidden}.hero-screen{isolation:isolate;align-items:center;padding:2rem clamp(1.25rem,4vw,4rem);display:grid}.hero-screen:before{z-index:-3;content:"";background-color:#0000;background-image:linear-gradient(90deg,#050403eb 0%,#080705bd 42%,#0807052e 100%),radial-gradient(circle at 78% 48%,#ffa63e3d,#0000 19rem),url("data:image/svg+xml,%3Csvg width=\"1200\" height=\"900\" viewBox=\"0 0 1200 900\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cdefs%3E%3CradialGradient id=\"g\" cx=\"50%25\" cy=\"50%25\" r=\"50%25\"%3E%3Cstop offset=\"0%25\" stop-color=\"%23ffc76d\" stop-opacity=\".35\"/%3E%3Cstop offset=\"45%25\" stop-color=\"%23a54d23\" stop-opacity=\".12\"/%3E%3Cstop offset=\"100%25\" stop-color=\"%23080706\" stop-opacity=\"0\"/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width=\"1200\" height=\"900\" fill=\"%23080706\"/%3E%3Ccircle cx=\"845\" cy=\"448\" r=\"272\" fill=\"none\" stroke=\"%23ffd780\" stroke-opacity=\".42\" stroke-width=\"2\"/%3E%3Ccircle cx=\"845\" cy=\"448\" r=\"208\" fill=\"none\" stroke=\"%23ffd780\" stroke-opacity=\".22\" stroke-width=\"1\"/%3E%3Ccircle cx=\"845\" cy=\"448\" r=\"140\" fill=\"none\" stroke=\"%23fff1bd\" stroke-opacity=\".18\" stroke-width=\"1\"/%3E%3Cg stroke=\"%23ffd780\" stroke-opacity=\".22\" stroke-width=\"1\"%3E%3Cpath d=\"M845 176v544M573 448h544M653 256l384 384M1037 256 653 640\"/%3E%3C/g%3E%3Ccircle cx=\"845\" cy=\"448\" r=\"330\" fill=\"url(%23g)\"/%3E%3C/svg%3E");background-position:50%;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;position:absolute;inset:0}.hero-screen:after,.casting-screen:after{z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(#ffe6ab0b 1px,#0000 1px),linear-gradient(90deg,#ffe6ab09 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 52% 52%,#000,#0000 76%);mask-image:radial-gradient(circle at 52% 52%,#000,#0000 76%)}.topline{z-index:10;justify-content:space-between;align-items:center;padding:1.3rem clamp(1.25rem,4vw,4rem);display:flex;position:absolute;top:0;left:0;right:0}.brand-mark{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:clamp(1.4rem,3vw,2.5rem);font-weight:900}.hero-copy{max-width:720px;padding-top:4rem;animation:.76s both rise-in}.eyebrow,.spell-meta{color:var(--gold);font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;margin:0 0 .85rem;font-size:.76rem}h1,h2,p{margin-top:0}h1,h2{font-family:var(--font-display);line-height:.98}h1{letter-spacing:-.07em;max-width:12ch;margin-bottom:1.25rem;font-size:clamp(3.4rem,9vw,8.8rem)}h2{letter-spacing:-.045em;margin-bottom:.8rem;font-size:clamp(2rem,5vw,4rem)}.hero-lede,.unlock-panel p,.spell-entry p{color:var(--muted);line-height:1.75}.hero-lede{max-width:38rem;font-size:clamp(1.05rem,2vw,1.35rem)}.hero-actions,.casting-controls{flex-wrap:wrap;gap:.85rem;margin-top:2rem;display:flex}.primary-button,.secondary-button,.ghost-button{min-height:3rem;color:var(--ink);cursor:pointer;border:1px solid #0000;border-radius:999px;padding:.8rem 1.25rem;transition:transform .18s,border-color .18s,background .18s}.primary-button{color:#150d06;background:linear-gradient(135deg,#ffe49c,#f59a3c 48%,#8b3618);font-weight:900;box-shadow:0 0 42px #ff9d3757}.secondary-button,.ghost-button{border-color:var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff7df0f}.ghost-button{min-height:2.5rem;padding:.55rem .95rem}.compact{min-height:2.6rem;padding:.55rem 1rem}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{border-color:#ffda8980;transform:translateY(-2px)}.privacy-note{color:#fff7df94;margin-top:1rem;font-size:.9rem}.hero-orbit{z-index:-2;aspect-ratio:1;border:1px solid #ffd88247;border-radius:50%;width:min(62vw,48rem);animation:22s linear infinite slow-spin;position:absolute;top:50%;right:clamp(-11rem,-10vw,-3rem)}.hero-orbit:before,.hero-orbit:after{border-radius:inherit;content:"";border:1px solid #ffd88238;position:absolute;inset:12%}.hero-orbit:after{inset:28%;box-shadow:0 0 80px #ffa23438,inset 0 0 80px #ffa23424}.hero-status{text-align:right;gap:.1rem;display:grid;position:absolute;bottom:2rem;right:clamp(1.25rem,4vw,4rem)}.hero-status span{color:var(--gold);font-family:var(--font-display);font-size:clamp(2.5rem,6vw,5.5rem);line-height:1}.hero-status small,.spell-entry small,.hud-readout small{color:#fff7df9e}.casting-screen{background:#050403}.camera-feed,.pointer-stage,.spell-canvas{width:100%;height:100%;position:absolute;inset:0}.camera-feed{object-fit:cover;opacity:.86;transform:scaleX(-1)}.spell-canvas{z-index:2;pointer-events:none}.spell-canvas.interactive{cursor:crosshair;pointer-events:auto;touch-action:none}.left-hand-cursor{z-index:2147483647;pointer-events:none;filter:drop-shadow(0 0 14px #ffe09ab8);width:1.35rem;height:1.75rem;position:fixed;top:0;left:0;transform:translate(.1rem,.1rem)}.left-hand-cursor:before{clip-path:polygon(0 0,100% 38%,50% 54%,27% 100%);content:"";background:#fff7dfeb;border:1px solid #0c0804e6;position:absolute;inset:0}.left-hand-cursor.pinching:before{background:#ffe09a;box-shadow:0 0 24px #ffc25bb8}.pointer-stage{z-index:1;background:radial-gradient(circle at 50% 48%,#ffc66d29,#0000 20rem),linear-gradient(145deg,#090807eb,#241409d1);place-items:center;display:grid;overflow:hidden}.pointer-stage span{z-index:1;color:#fff7df85;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:clamp(1.2rem,4vw,2.2rem)}.pointer-orbit{aspect-ratio:1;border:1px solid #ffd88233;border-radius:50%;width:min(68vw,34rem);animation:28s linear infinite slow-spin;position:absolute;box-shadow:inset 0 0 80px #ffab4014,0 0 90px #ffab401a}.pointer-orbit:before,.pointer-orbit:after{border-radius:inherit;content:"";border:1px solid #ffd88229;position:absolute;inset:16%}.pointer-orbit:after{inset:34%}.spell-burst{--burst-x:50%;--burst-y:50%;--burst-size:420px;left:var(--burst-x);top:var(--burst-y);z-index:3;width:var(--burst-size);height:var(--burst-size);pointer-events:none;opacity:0;filter:drop-shadow(0 0 18px #ffcd5dbd)drop-shadow(0 0 54px #ff741e80);mix-blend-mode:screen;transform-origin:50%;background:radial-gradient(circle,#ffffe8f5 0 7%,#ffdb7694 14%,#ff89263d 28%,#0000 58%),repeating-conic-gradient(from 8deg,#0000 0deg 8deg,#ffeeb1db 9deg 10.5deg,#0000 12deg 20deg),radial-gradient(circle,#0000 0 32%,#ffde84e6 33%,#ff913870 35%,#0000 37%);border-radius:50%;position:absolute;transform:translate(-50%,-50%)scale(.54)rotate(0)}.spell-burst.ember-ring-burst{background:radial-gradient(circle,#ffffe8f5 0 7%,#ffdb7694 14%,#ff89263d 28%,#0000 58%),repeating-conic-gradient(from 8deg,#0000 0deg 8deg,#ffeeb1db 9deg 10.5deg,#0000 12deg 20deg),radial-gradient(circle,#0000 0 32%,#ffde84e6 33%,#ff913870 35%,#0000 37%)}.spell-burst.frost-crystal-lock{filter:drop-shadow(0 0 20px #9ff1ffc7)drop-shadow(0 0 64px #49a6ff94);background:radial-gradient(circle,#f1fefffa 0 5%,#9bedff94 14%,#49a9ff42 30%,#0000 60%),repeating-conic-gradient(#0000 0deg 12deg,#e0fcffe6 13deg 14deg,#0000 16deg 24deg),conic-gradient(from 30deg,#0000,#83e5ff85,#0000,#dbfaff9e,#0000),radial-gradient(circle,#0000 0 30%,#dafcffcc 31%,#5cbcff70 34%,#0000 38%)}.spell-burst.storm-gate-arc{filter:drop-shadow(0 0 18px #d1b0ffcc)drop-shadow(0 0 62px #5b49ff99);background:radial-gradient(circle,#fff5fff5 0 4%,#d1b0ff80 13%,#7158ff40 29%,#0000 62%),repeating-conic-gradient(from -18deg,#0000 0deg 10deg,#eedcfff0 11deg 12.5deg,#0000 14deg 23deg),conic-gradient(from 8deg,#0000 0deg 44deg,#926effc2 52deg,#0000 64deg 126deg,#e7d8ffb8 138deg,#0000 150deg 230deg,#71ddff94 242deg,#0000 258deg)}.spell-burst.solar-halo-radiance{filter:drop-shadow(0 0 24px #fff4a3e6)drop-shadow(0 0 88px #ff8a18b8);background:radial-gradient(circle,#ffffeb 0 8%,#ffef8eb8 17%,#ffae2757 36%,#0000 66%),repeating-conic-gradient(from 4deg,#0000 0deg 5deg,#fffcd1f2 6deg 7.5deg,#0000 9deg 15deg),repeating-conic-gradient(from -8deg,#ffb52947 0deg 2deg,#0000 4deg 18deg),radial-gradient(circle,#0000 0 28%,#fff6ae 29%,#ff9f2080 32%,#0000 36%)}.spell-burst.butterfly-dream-bloom{filter:drop-shadow(0 0 22px #f2a5ffdb)drop-shadow(0 0 78px #7654ff9e);background:radial-gradient(circle,#fff6fffa 0 5%,#f5a9ff94 14%,#8f5bff3d 34%,#0000 64%),conic-gradient(from 20deg,#0000 0deg 28deg,#ffdcffdb 42deg,#0000 70deg 110deg,#b08bff9e 128deg,#0000 158deg 202deg,#ffdcffc7 222deg,#0000 252deg 292deg,#b08bff94 312deg,#0000 340deg),radial-gradient(circle,#0000 0 30%,#f7bbffe6 31%,#7f56ff6b 34%,#0000 39%)}.spell-burst:before,.spell-burst:after{border-radius:inherit;content:"";position:absolute;inset:0}.spell-burst:before{background:repeating-conic-gradient(from -14deg,#0000 0deg 13deg,#fff8c9b8 14deg 15.5deg,#0000 17deg 29deg),radial-gradient(circle,#0000 0 38%,#ffefb3d1 39%,#ff8d2d5c 42%,#0000 47%);-webkit-mask-image:radial-gradient(circle,#0000 0 31%,#000 33% 66%,#0000 72%);mask-image:radial-gradient(circle,#0000 0 31%,#000 33% 66%,#0000 72%)}.spell-burst.frost-crystal-lock:before{background:repeating-conic-gradient(#0000 0deg 18deg,#f0feffeb 19deg 21deg,#0000 23deg 45deg),radial-gradient(circle,#0000 0 34%,#ddfdffd1 35%,#5fc0ff70 39%,#0000 45%);-webkit-mask-image:linear-gradient(30deg,#0000 0 28%,#000 29% 71%,#0000 72%),radial-gradient(circle,#0000 0 28%,#000 30% 72%,#0000 78%);mask-image:linear-gradient(30deg,#0000 0 28%,#000 29% 71%,#0000 72%),radial-gradient(circle,#0000 0 28%,#000 30% 72%,#0000 78%)}.spell-burst.storm-gate-arc:before{background:conic-gradient(from 12deg,#0000 0deg 36deg,#efe2fffa 42deg,#0000 50deg 96deg,#79f5ffb8 103deg,#0000 114deg 188deg,#b98affe0 198deg,#0000 210deg 294deg,#faf0ffdb 304deg,#0000 316deg),repeating-conic-gradient(from 18deg,#0000 0deg 16deg,#9b82ff9e 17deg 19deg,#0000 20deg 32deg);-webkit-mask-image:radial-gradient(circle,#0000 0 25%,#000 28% 74%,#0000 80%);mask-image:radial-gradient(circle,#0000 0 25%,#000 28% 74%,#0000 80%)}.spell-burst.solar-halo-radiance:before{background:repeating-conic-gradient(#0000 0deg 8deg,#fffdd6 9deg 11deg,#0000 13deg 18deg),radial-gradient(circle,#0000 0 35%,#fff9bc 36%,#ff9e1c85 40%,#0000 48%);-webkit-mask-image:radial-gradient(circle,#0000 0 28%,#000 30% 76%,#0000 82%);mask-image:radial-gradient(circle,#0000 0 28%,#000 30% 76%,#0000 82%)}.spell-burst.butterfly-dream-bloom:before{background:radial-gradient(at 33% 34%,#ffe4fff5 0 10%,#ef93ffa3 24%,#0000 43%),radial-gradient(at 67% 34%,#ffe4fff5 0 10%,#ef93ffa3 24%,#0000 43%),radial-gradient(at 34% 68%,#ccb4ffd1 0 9%,#825bff85 24%,#0000 42%),radial-gradient(at 66% 68%,#ccb4ffd1 0 9%,#825bff85 24%,#0000 42%);-webkit-mask-image:radial-gradient(circle,#0000 0 18%,#000 21% 74%,#0000 80%);mask-image:radial-gradient(circle,#0000 0 18%,#000 21% 74%,#0000 80%)}.spell-burst:after{opacity:0;background:radial-gradient(circle,#ffffe8eb 0 8%,#ffe78fb3 17%,#ff8f274d 34%,#0000 62%),conic-gradient(#0000,#fff6c19e,#0000,#ff972d6b,#0000);inset:13%;box-shadow:inset 0 0 26px #fff7c6cc,0 0 46px #ffdd82bd,0 0 110px #ff741870}.spell-burst.frost-crystal-lock:after{background:linear-gradient(#0000 49%,#effefff5 51%,#0000 53%),linear-gradient(60deg,#0000 47%,#acefffb8 49%,#0000 51%),linear-gradient(120deg,#0000 47%,#acefffb8 49%,#0000 51%),radial-gradient(circle,#f5feffeb 0 9%,#8fe4ff94 19%,#3395ff3d 38%,#0000 64%);inset:16%;box-shadow:inset 0 0 30px #edfeffe0,0 0 54px #9af0ffbd,0 0 118px #3d99ff80}.spell-burst.storm-gate-arc:after{background:linear-gradient(110deg,#0000 42%,#f9f0ffeb 45%,#73f0ffc2 48%,#0000 52%),linear-gradient(72deg,#0000 37%,#bc89ffc7 40%,#0000 45%),radial-gradient(circle,#fbf2ffe0 0 7%,#c59aff85 18%,#5f4cff3d 39%,#0000 66%);inset:10%;box-shadow:inset 0 0 20px #edddffd6,0 0 50px #d3a8ffcc,0 0 120px #4741ff85}.spell-burst.solar-halo-radiance:after{background:radial-gradient(circle,#ffffeb 0 12%,#ffed80c7 22%,#ffa31c57 43%,#0000 68%),conic-gradient(#0000,#fffdd6d6,#0000,#ffb11fb3,#0000);inset:10%;box-shadow:inset 0 0 34px #fffed7f2,0 0 60px #fff4a0e0,0 0 150px #ff7a109e}.spell-burst.butterfly-dream-bloom:after{background:linear-gradient(90deg,#0000 47%,#ffeefff5 49%,#0000 52%),radial-gradient(at 32% 40%,#ffebffdb 0 10%,#ed8eff85 24%,#0000 48%),radial-gradient(at 68% 40%,#ffebffdb 0 10%,#ed8eff85 24%,#0000 48%),radial-gradient(circle,#fff5ffe6 0 6%,#a576ff52 34%,#0000 68%);inset:12%;box-shadow:inset 0 0 28px #ffe4ffe0,0 0 58px #efa0ffd6,0 0 134px #654cff94}.casting-screen.success .spell-burst{animation:1.8s cubic-bezier(.17,.86,.2,1) both spell-burst}.casting-screen.success .spell-burst.frost-crystal-lock{animation-name:frost-crystal-lock}.casting-screen.success .spell-burst.storm-gate-arc{animation-name:storm-gate-arc}.casting-screen.success .spell-burst.solar-halo-radiance{animation-name:solar-halo-radiance}.casting-screen.success .spell-burst.butterfly-dream-bloom{animation-name:butterfly-dream-bloom}.casting-screen.success .spell-burst:before{animation:1.8s linear both solar-rays-spin}.casting-screen.success .spell-burst.frost-crystal-lock:before{animation-name:frost-crystal-spin}.casting-screen.success .spell-burst.storm-gate-arc:before{animation-name:storm-gate-spin}.casting-screen.success .spell-burst.solar-halo-radiance:before{animation-name:solar-rays-spin}.casting-screen.success .spell-burst.butterfly-dream-bloom:before{animation-name:butterfly-wing-fold}.casting-screen.success .spell-burst:after{animation:1.8s ease-out both solar-core-flare}.casting-screen.success .spell-burst.frost-crystal-lock:after{animation-name:frost-core-lock}.casting-screen.success .spell-burst.storm-gate-arc:after{animation-name:storm-core-flash}.casting-screen.success .spell-burst.solar-halo-radiance:after{animation-name:solar-core-flare}.casting-screen.success .spell-burst.butterfly-dream-bloom:after{animation-name:butterfly-core-drift}.dream-butterfly-field{z-index:4;pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0;overflow:hidden}.dream-butterfly{--start-x:50%;--start-y:50%;--drift-x:20vw;--drift-y:-20vh;--delay:0s;--duration:2.4s;--scale:1;left:var(--start-x);top:var(--start-y);opacity:0;width:1.8rem;height:1.35rem;transform:translate(-50%, -50%) scale(var(--scale));animation:dream-butterfly-flight var(--duration) cubic-bezier(.2, .84, .24, 1) var(--delay) both;position:absolute}.dream-butterfly>span,.dream-butterfly>span:before,.dream-butterfly>span:after{content:"";position:absolute}.dream-butterfly>span{transform-origin:50%;animation:dream-butterfly-waver .52s ease-in-out var(--delay) infinite alternate;inset:0}.dream-butterfly>span:before,.dream-butterfly>span:after{filter:drop-shadow(0 0 10px #f5abffe6);background:radial-gradient(at 45% 28%,#ffffffe6 0 12%,#0000 25%),radial-gradient(at 50% 58%,#f795ffbd 0 28%,#805eff5c 58%,#0000 72%);border:1px solid #ffeeffeb;width:.9rem;height:1.1rem;top:.1rem}.dream-butterfly>span:before{transform-origin:100%;border-radius:72% 28% 62% 38%;left:0;transform:rotate(-28deg)}.dream-butterfly>span:after{transform-origin:0;border-radius:28% 72% 38% 62%;right:0;transform:rotate(28deg)}.dream-butterfly:nth-child(2n)>span{animation-duration:.43s}.dream-butterfly:nth-child(3n)>span{animation-duration:.61s}.dream-butterfly-giant{z-index:1;transform-origin:50% 54%;width:clamp(15rem,48vw,40rem);height:clamp(11rem,34vw,29rem);animation:3.2s cubic-bezier(.2,.66,.18,1) 90ms both dream-giant-butterfly-flight;top:52%;left:50%}.dream-butterfly-giant>span{clip-path:polygon(48% 7%,52% 7%,56% 45%,53% 95%,47% 95%,44% 45%);background:radial-gradient(at 50% 22%,#fffafff5 0 5%,#0000 12%),linear-gradient(#ffebfff5,#ac69ffa3 48%,#34267461);border-radius:999px;animation:.74s ease-in-out infinite dream-giant-butterfly-waver;box-shadow:0 0 24px #ffcdffd1,0 0 80px #7e5dff94}.dream-butterfly-giant>span:before,.dream-butterfly-giant>span:after{filter:drop-shadow(0 0 20px #ffbeffdb)drop-shadow(0 0 78px #7456ff9e);will-change:transform;background:radial-gradient(at 44% 22%,#fffffff5 0 7%,#0000 19%),radial-gradient(at 53% 33%,#ffbcffe0 0 22%,#0000 48%),radial-gradient(at 62% 70%,#7e5cff99 0 18%,#0000 50%),linear-gradient(138deg,#ffeeffc2,#f280ff61,#4e3eb233);border:2px solid #ffeffff5;width:51%;height:98%;top:0}.dream-butterfly-giant>span:before{transform-origin:100% 52%;border-radius:76% 24% 68% 32%;animation:.36s ease-in-out infinite dream-giant-left-wing;left:1%;transform:rotate(-18deg)translate(3%)scaleX(.92)}.dream-butterfly-giant>span:after{transform-origin:0 52%;border-radius:24% 76% 32% 68%;animation:.36s ease-in-out infinite dream-giant-right-wing;right:1%;transform:rotate(18deg)translate(-3%)scaleX(.92)}.casting-hud{z-index:5;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:1rem;padding:1.25rem;display:grid;position:relative}.hud-readout{border:1px solid var(--line);background:var(--smoke);text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;justify-self:center;max-width:min(42rem,70vw);padding:.7rem 1.2rem}.hud-readout span{font-family:var(--font-display);letter-spacing:.08em;display:block}.hud-actions{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}.casting-controls{z-index:5;justify-content:center;align-items:center;position:absolute;bottom:1.4rem;left:50%;transform:translate(-50%)}.hand-tool-indicator{border:1px solid var(--line);background:var(--smoke);color:#fff7dfd1;white-space:nowrap;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;appearance:none;min-height:3rem;font-size:.9rem;font:inherit;border-radius:999px;align-items:center;padding:.72rem 1rem;transition:border-color .18s,box-shadow .18s;display:inline-flex}.hand-tool-indicator.erase{border-color:#ff715f6b;box-shadow:inset 0 0 24px #ff715f1f}.tool-switch{border:1px solid var(--line);background:var(--smoke);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;min-height:3rem;display:inline-flex;position:relative;overflow:visible}.tool-switch>button,.tool-dropdown-trigger{color:#fff7dfbd;cursor:pointer;background:0 0;border:0;padding:.72rem 1rem}.tool-switch>button:first-child{border-radius:999px 0 0 999px}.tool-switch>button+button,.tool-switch>button+.tool-dropdown{border-left:1px solid var(--line)}.tool-dropdown{align-items:center;display:inline-flex;position:relative}.tool-dropdown-trigger{border-radius:0 999px 999px 0;min-height:100%;padding-right:2.1rem;position:relative}.tool-dropdown-trigger:after{content:"";pointer-events:none;border-bottom:1.5px solid;border-right:1.5px solid;width:.42rem;height:.42rem;position:absolute;top:50%;right:.88rem;transform:translateY(-65%)rotate(45deg)}.tool-dropdown-menu{z-index:40;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0906f5;border-radius:1rem;min-width:100%;position:absolute;bottom:calc(100% + .45rem);right:0;overflow:hidden;box-shadow:0 18px 48px #00000061,inset 0 0 32px #ffcc6f0f}.tool-dropdown-menu button{color:#fff7dfbd;cursor:pointer;white-space:nowrap;text-align:left;background:0 0;border:0;width:100%;padding:.8rem 1rem;display:block}.tool-dropdown-menu button+button{border-top:1px solid var(--line)}.tool-dropdown-menu button:hover,.tool-dropdown-menu button:focus-visible{color:var(--ink);background:#ffe09a1a}.tool-switch>button.active,.tool-dropdown.active .tool-dropdown-trigger{color:#160e07;background:linear-gradient(135deg,#ffe49c,#f59a3c);font-weight:900}.unlock-panel{z-index:6;background:linear-gradient(90deg,#0a0805bd,#0000);border-left:1px solid #ffd37a7a;width:min(26rem,100vw - 2rem);padding:1.2rem 0 1.2rem 1.2rem;animation:.52s both reveal-left;position:absolute;bottom:7rem;right:clamp(1rem,4vw,4rem)}.grimoire-panel{z-index:8;background:linear-gradient(#090806eb,#130c08f0),radial-gradient(circle at 80% 0,#ffc35f1a,#0000 18rem);border-left:1px solid #ffe09a2e;width:min(34rem,94vw);height:100%;padding:1rem;animation:.26s both reveal-left;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-24px 0 60px #00000073}.grimoire-panel .spell-list{border-top:1px solid var(--line)}.grimoire-panel .spell-entry h2{font-size:clamp(1.5rem,3.6vw,2.4rem)}.grimoire-panel-header{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#090806f5,#090806b3);justify-content:space-between;align-items:flex-start;margin:-1rem -1rem 1rem;padding:1rem;display:flex;position:sticky;top:0}.grimoire-panel-header strong{color:var(--gold);font-family:var(--font-display);font-size:2rem;line-height:1}.grimoire-panel-actions{gap:.4rem;display:flex}.spell-list{border-block:1px solid var(--line);gap:1px;display:grid}.spell-entry{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border:0;border-bottom:1px solid var(--line);isolation:isolate;background:0 0;grid-template-columns:minmax(5rem,9rem) minmax(0,1fr);align-items:center;gap:clamp(1rem,4vw,2.5rem);padding:clamp(1.2rem,4vw,2.4rem) 0;transition:opacity .18s,transform .18s;display:grid;position:relative}.spell-entry:last-child{border-bottom:0}.spell-entry:before{z-index:-1;content:"";opacity:0;background:linear-gradient(90deg,#ffd68114,#0000);transition:opacity .18s;position:absolute;inset:0}.spell-entry:hover:before,.spell-entry:hover,.spell-entry.locked:hover{opacity:1}.spell-entry:hover{transform:translate(.35rem)}.spell-entry h2{margin-bottom:.45rem;font-size:clamp(2rem,4.5vw,4.8rem)}.spell-entry.locked{opacity:.74}.grimoire-panel .spell-entry:hover{transform:translate(-.2rem)}.grimoire-panel .spell-entry:hover .glyph-mark{border-color:#ffe09a8a;box-shadow:inset 0 0 34px #ffbe5b29,0 0 34px #ffb74f1f}.glyph-mark{aspect-ratio:1;border:1px solid #ffd88252;border-radius:50%;place-items:center;display:grid;overflow:visible;box-shadow:inset 0 0 32px #ffbe5b1f}.glyph-mark .entry-glyph{width:102%;margin:0;transition:opacity .18s,transform .18s;transform:scale(.9)}.spell-entry:hover .glyph-mark .entry-glyph{transform:scale(.96)rotate(-3deg)}.spell-entry.locked .glyph-mark{border-style:dashed}.spell-entry.locked .glyph-mark .entry-glyph{opacity:.72;filter:saturate(.46)}.pattern-guide{color:#ffe7b2c7;margin:-.1rem 0 .5rem;font-size:.86rem;line-height:1.45;display:block}.preview-pattern-guide{text-align:center;margin:-.2rem auto .6rem}.common .spell-meta,.common .preview-sigil{color:#ffc66d}.rare .spell-meta,.rare .preview-sigil{color:#aee7ff}.epic .spell-meta,.epic .preview-sigil{color:#d1b0ff}.legendary .spell-meta,.legendary .preview-sigil{color:#fff0a8}.preview-modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle,#ffbd522e,#0000 24rem),#040302c2;place-items:center;padding:1rem;animation:.18s both rise-in;display:grid;position:fixed;inset:0}.intro-modal-backdrop{z-index:36;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:radial-gradient(circle at 50% 42%,#ffd37a33,#0000 22rem),radial-gradient(circle at 12% 90%,#ff741e24,#0000 24rem),#030201d1;place-items:center;padding:clamp(.75rem,3vw,1.5rem);animation:.22s both rise-in;display:grid;position:fixed;inset:0;overflow-y:auto}.intro-modal{background:linear-gradient(135deg,#0e0b07f5,#261408eb),radial-gradient(circle at 72% 18%,#ffca6a21,#0000 19rem);border:1px solid #ffe09a47;border-radius:1.25rem;width:min(43rem,100vw - 1.5rem);max-height:min(42rem,100svh - 1.5rem);padding:clamp(1rem,2.4vw,1.45rem);position:relative;overflow-y:auto;box-shadow:0 30px 100px #00000094,inset 0 0 64px #ffb84c12}.intro-modal:before{pointer-events:none;content:"";border:1px solid #ffe09a21;border-radius:.85rem;position:absolute;inset:.65rem}.intro-heading{align-items:center;gap:.85rem;padding-right:2.5rem;display:flex}.intro-heading .eyebrow{margin-bottom:.35rem}.intro-heading h2{letter-spacing:-.025em;margin-bottom:0;font-size:clamp(1.75rem,5.4vw,3rem)}.intro-heading .preview-glyph{width:clamp(4.1rem,14vw,5.6rem);color:var(--gold);filter:drop-shadow(0 0 22px #ffbc5252);flex:none;margin:0;animation:30s linear infinite slow-spin}.intro-guide-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.intro-guide-list li{background:#fff7df0b;border:1px solid #ffe09a21;border-radius:.8rem;grid-template-columns:2.35rem minmax(0,1fr);align-items:center;gap:.68rem;min-height:3.55rem;padding:.62rem .8rem;display:grid}.intro-guide-icon{width:2.35rem;height:2.35rem;color:var(--gold);filter:drop-shadow(0 0 12px #ffb54e33);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;background:#ffc66a14;border:1px solid #ffe09a33;border-radius:999px;padding:.55rem}.intro-guide-list strong,.intro-guide-list p{display:block}.intro-guide-list strong{color:var(--gold);font-family:var(--font-display);letter-spacing:0;margin-bottom:.18rem;font-size:.88rem}.intro-guide-list p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.38}.intro-start-button{width:100%;margin-top:.95rem}.intro-close{place-items:center;width:2.15rem;min-height:2.15rem;padding:0;font-size:1.25rem;line-height:1;display:inline-grid}.preview-modal{text-align:center;background:linear-gradient(145deg,#0f0c08f0,#28160ae0),radial-gradient(circle at 50% 40%,#ffcf741f,#0000 18rem);border:1px solid #ffe09a42;border-radius:2rem;width:min(34rem,100vw - 2rem);padding:clamp(1.2rem,4vw,2rem);position:relative;box-shadow:0 34px 120px #00000085,inset 0 0 80px #ffc25b12}.preview-modal h2{margin-bottom:1rem;font-size:clamp(2.4rem,7vw,5.4rem)}.preview-modal p:not(.eyebrow){max-width:26rem;color:var(--muted);margin:1rem auto 0;line-height:1.7}.preview-modal small{color:#fff7df8f;margin-top:.85rem;display:block}.preview-close{border:1px solid var(--line);min-height:2.35rem;color:var(--ink);cursor:pointer;background:#fff7df0f;border-radius:999px;padding:.35rem .8rem;position:absolute;top:1rem;right:1rem}.preview-glyph{width:min(20rem,74vw);margin:.5rem auto;display:block;overflow:visible}.preview-ring,.preview-sigil,.preview-guide-arrow,.preview-guide-arrowhead{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.preview-ring{color:#ffe7b270;stroke-width:1.5px}.preview-sigil{color:#ffc66d;stroke-width:7px}.preview-guide-arrow,.preview-guide-arrowhead{color:#ffeece9e;stroke-width:4px;stroke-dasharray:9 8}.preview-sigil.frost{color:#aee7ff}.preview-sigil.storm{color:#d1b0ff}.preview-sigil.solar{color:#fff0a8}.preview-sigil.dream{color:#f4a8ff}.preview-sigil.wing-guide{stroke-width:8.5px}.preview-sigil.body-guide{color:#ffeeffe0;stroke-width:4.5px}.glyph-mark .preview-ring{stroke-width:1.8px}.glyph-mark .preview-sigil{stroke-width:7.5px}.glyph-mark .preview-guide-arrow,.glyph-mark .preview-guide-arrowhead{stroke-width:3.5px}@keyframes rise-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes spell-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.44)rotate(-18deg)}14%{opacity:1}58%{opacity:.92;transform:translate(-50%,-50%)scale(1)rotate(26deg)}to{opacity:0;transform:translate(-50%,-50%)scale(1.16)rotate(72deg)}}@keyframes frost-crystal-lock{0%{opacity:0;filter:drop-shadow(0 0 10px #9ff1ff7a)drop-shadow(0 0 34px #49a6ff5c);transform:translate(-50%,-50%)scale(.4)rotate(24deg)}16%{opacity:1}46%{opacity:.96;transform:translate(-50%,-50%)scale(1.02)rotate(-18deg)}72%{opacity:.72;transform:translate(-50%,-50%)scale(.96)rotate(-34deg)}to{opacity:0;transform:translate(-50%,-50%)scale(1.18)rotate(-52deg)}}@keyframes storm-gate-arc{0%{opacity:0;transform:translate(-50%,-50%)scale(.34)rotate(-8deg)skew(-8deg)}10%{opacity:1;transform:translate(-50%,-50%)scale(.9)rotate(5deg)skew(7deg)}22%{transform:translate(-50%,-50%)scale(1.03)rotate(-10deg)skew(-12deg)}38%{transform:translate(-50%,-50%)scale(.96)rotate(14deg)skew(9deg)}68%{opacity:.9;transform:translate(-50%,-50%)scale(1.13)rotate(38deg)skew(-4deg)}to{opacity:0;transform:translate(-50%,-50%)scale(1.26)rotate(78deg)skew(0)}}@keyframes solar-halo-radiance{0%{opacity:0;transform:translate(-50%,-50%)scale(.42)rotate(-30deg)}12%{opacity:1}48%{opacity:1;transform:translate(-50%,-50%)scale(1.08)rotate(36deg)}72%{opacity:.86;transform:translate(-50%,-50%)scale(1.18)rotate(74deg)}to{opacity:0;transform:translate(-50%,-50%)scale(1.42)rotate(132deg)}}@keyframes butterfly-dream-bloom{0%{opacity:0;transform:translate(-50%,-50%)scale(.36)rotate(28deg)}16%{opacity:1;transform:translate(-50%,-50%)scale(.9)rotate(-10deg)}48%{opacity:.96;transform:translate(-50%,-50%)scale(1.04)rotate(14deg)}74%{opacity:.72;transform:translate(-50%,-50%)scale(1.12)rotate(-18deg)}to{opacity:0;transform:translate(-50%,-50%)scale(1.32)rotate(-44deg)}}@keyframes solar-rays-spin{0%{opacity:0;transform:rotate(0)scale(.84)}18%{opacity:1}to{opacity:0;transform:rotate(168deg)scale(1.08)}}@keyframes frost-crystal-spin{0%{opacity:0;transform:rotate(42deg)scale(.72)}18%{opacity:1}64%{opacity:.92;transform:rotate(-42deg)scale(1.02)}to{opacity:0;transform:rotate(-84deg)scale(1.16)}}@keyframes storm-gate-spin{0%{opacity:0;transform:rotate(0)scale(.68)}10%{opacity:1}28%{opacity:.58;transform:rotate(96deg)scale(1.06)}38%{opacity:1;transform:rotate(132deg)scale(.92)}to{opacity:0;transform:rotate(286deg)scale(1.2)}}@keyframes butterfly-wing-fold{0%{opacity:0;transform:scale(.62)rotate(18deg)}18%{opacity:1}44%{transform:scale(1.08)rotate(-10deg)}68%{opacity:.86;transform:scale(.96)rotate(8deg)}to{opacity:0;transform:scale(1.2)rotate(-24deg)}}@keyframes solar-core-flare{0%{opacity:0;transform:scale(.52)}18%{opacity:1}52%{opacity:.94;transform:scale(1.1)}to{opacity:0;transform:scale(1.36)}}@keyframes frost-core-lock{0%{opacity:0;transform:scale(.42)rotate(30deg)}18%{opacity:1}58%{opacity:.96;transform:scale(.98)rotate(0)}to{opacity:0;transform:scale(1.2)rotate(-18deg)}}@keyframes storm-core-flash{0%{opacity:0;transform:scale(.54)rotate(-8deg)}12%{opacity:1;transform:scale(1.08)rotate(8deg)}24%{opacity:.42;transform:scale(.9)rotate(-6deg)}36%{opacity:1;transform:scale(1.14)rotate(12deg)}to{opacity:0;transform:scale(1.42)rotate(28deg)}}@keyframes butterfly-core-drift{0%{opacity:0;transform:scale(.5)translateY(8%)}18%{opacity:1;transform:scale(1)translateY(0)}58%{opacity:.84;transform:scale(1.08)translateY(-5%)}to{opacity:0;transform:scale(1.3)translateY(-14%)}}@keyframes dream-butterfly-flight{0%{opacity:0;transform:translate(-50%,-50%)scale(.28)rotate(-18deg)}12%{opacity:1}54%{opacity:.9;transform:translate(calc(-50% + var(--drift-x)), calc(-50% + var(--drift-y))) scale(var(--scale)) rotate(18deg)}to{opacity:0;transform:translate(calc(-50% + var(--drift-x)), calc(-50% + var(--drift-y))) scale(.72) rotate(44deg)}}@keyframes dream-butterfly-waver{0%{transform:rotate(-9deg)scaleX(.82)}to{transform:rotate(10deg)scaleX(1.08)}}@keyframes dream-giant-butterfly-flight{0%{opacity:0;transform:translate(-50%,-50%)scale(.12)rotate(-18deg)}10%{opacity:1;transform:translate(-50%,-50%)scale(.82)rotate(6deg)}22%{opacity:.96;transform:translate(-64%,-70%)scale(1.04)rotate(-10deg)}36%{opacity:1;transform:translate(-18%,-92%)scale(1.12)rotate(13deg)}52%{opacity:.96;transform:translate(18%,-44%)scale(1)rotate(-8deg)}68%{opacity:.88;transform:translate(44%,-82%)scale(.9)rotate(16deg)}84%{opacity:.7;transform:translate(88%,-118%)scale(.74)rotate(-6deg)}to{opacity:0;transform:translate(64vw,-82vh)scale(.56)rotate(18deg)}}@keyframes dream-giant-butterfly-waver{0%{transform:rotate(-2deg)translateY(0)}28%{transform:rotate(3deg)translateY(-2%)}56%{transform:rotate(-4deg)translateY(1%)}to{transform:rotate(2deg)translateY(-1%)}}@keyframes dream-giant-left-wing{0%{transform:rotate(-16deg)translate(3%)scaleX(.96)scaleY(1.02)}18%{transform:rotate(-48deg)translate(6%)scaleX(.78)scaleY(1.08)}42%{transform:rotate(-8deg)translate(1%)scaleX(1.04)scaleY(.96)}67%{transform:rotate(-38deg)translate(5%)scaleX(.84)scaleY(1.06)}to{transform:rotate(-18deg)translate(3%)scaleX(.94)scaleY(1)}}@keyframes dream-giant-right-wing{0%{transform:rotate(16deg)translate(-3%)scaleX(.96)scaleY(1.02)}18%{transform:rotate(48deg)translate(-6%)scaleX(.78)scaleY(1.08)}42%{transform:rotate(8deg)translate(-1%)scaleX(1.04)scaleY(.96)}67%{transform:rotate(38deg)translate(-5%)scaleX(.84)scaleY(1.06)}to{transform:rotate(18deg)translate(-3%)scaleX(.94)scaleY(1)}}@keyframes reveal-left{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media (width<=760px){.hero-screen{align-items:end;padding-bottom:8rem}.hero-orbit{width:92vw;top:12%;right:-34vw}.hero-status{text-align:left;left:1.25rem;right:auto}.casting-hud{grid-template-columns:1fr 1fr}.hud-actions{gap:.4rem}.hud-actions .ghost-button{flex:1;padding-inline:.75rem}.hud-readout{border-radius:1.4rem;grid-area:2/1/auto/-1;max-width:none}.casting-controls{width:min(27rem,100% - 1rem);bottom:max(.85rem, env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) 5.4rem;align-items:stretch;gap:.55rem;margin-top:0;display:grid}.casting-controls .hand-tool-indicator{letter-spacing:-.01em;grid-column:1/-1;justify-content:center;min-height:2.55rem;padding:.58rem .85rem;font-size:.82rem}.casting-controls .tool-switch{width:100%;min-height:2.75rem}.casting-controls .primary-button{width:100%;min-height:2.75rem;padding:.68rem .75rem;font-size:.9rem}.tool-switch>button,.tool-dropdown{flex:1;min-width:0}.tool-dropdown-trigger{width:100%;padding-inline:.7rem 1.75rem}.tool-switch>button,.tool-dropdown-trigger{letter-spacing:-.02em;white-space:nowrap;justify-content:center;align-items:center;min-height:2.75rem;padding-block:.62rem;font-size:.82rem;display:inline-flex}.tool-dropdown-trigger:after{right:.72rem}.spell-entry{grid-template-columns:4.5rem 1fr}.intro-modal{max-height:calc(100svh - 1rem)}.intro-heading{gap:.7rem}.intro-guide-list{grid-template-columns:1fr}.intro-guide-list li{grid-template-columns:2.35rem minmax(0,1fr);gap:.7rem;min-height:3.55rem;padding:.58rem .68rem}.intro-guide-icon{width:2.35rem;height:2.35rem;padding:.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.casting-screen.drawing .hud-readout{border-color:#ffd47e6b;box-shadow:0 0 40px #ffad3e24}.casting-screen.failed .hud-readout{border-color:#ff715f73}.casting-screen.failed .hud-readout span{color:var(--danger)}.casting-screen.success .hud-readout{border-color:#ffe09ac7;box-shadow:0 0 56px #ffb04042}@media (width<=760px){.unlock-panel{bottom:9.5rem;right:1rem}.grimoire-panel{width:100%}}