*{box-sizing:border-box}html{min-height:100%;background:#070806}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% 42%,rgb(27 42 40 / 62%),transparent 31rem),linear-gradient(135deg,#070806,#15120d 46%,#071111);color:#f5efe2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.orb-page{display:grid;min-height:100svh;place-items:center;padding:clamp(18px,4vw,44px)}.orb-shell{position:relative;display:grid;width:min(100%,880px);min-height:min(760px,calc(100svh - 36px));place-items:center;isolation:isolate}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;padding:0;white-space:nowrap}.crystal-orb{position:relative;z-index:3;display:grid;width:clamp(224px,42vw,390px);aspect-ratio:1;place-items:center;border:0;border-radius:50%;background:transparent;cursor:pointer;touch-action:manipulation;outline:none;transition:filter .22s ease,transform .22s ease}.crystal-orb:focus-visible{filter:drop-shadow(0 0 20px rgb(214 186 116 / 66%))}.crystal-orb[data-mode=voice-chanting]{transform:scale(1.025)}.crystal-orb[data-mode=silent-chanting]{transform:scale(.985)}.crystal-orb[data-mode=casting]{transform:scale(1.045) rotate(1deg)}.orb-visual,.orb-glass,.orb-halo,.orb-caustic,.orb-core,.orb-rune{position:absolute;display:block;border-radius:50%}.orb-visual{inset:0}.orb-halo-outer{inset:-12%;border:1px solid rgb(209 184 123 / 20%);opacity:.56;animation:halo-breathe 5.8s ease-in-out infinite}.orb-halo-inner{inset:5%;border:1px solid rgb(116 212 201 / 32%);opacity:.62;animation:halo-turn 14s linear infinite}.orb-glass{inset:10%;overflow:hidden;border:1px solid rgb(244 229 194 / 44%);background:radial-gradient(circle at 38% 30%,rgb(255 255 246 / 86%),transparent 12%),radial-gradient(circle at 64% 66%,rgb(133 223 213 / 70%),transparent 29%),radial-gradient(circle at 50% 50%,#254e4cc7,#0c1819 62%),#0d1413;box-shadow:inset -18px -22px 38px #02040494,inset 18px 18px 34px #ffffff1a,0 28px 84px #00000075,0 0 42px #5bcbc12e}.orb-caustic-a{inset:20% 23% 42% 19%;border-radius:45% 55% 60% 40%;background:#fff9e25c;filter:blur(10px);transform:rotate(-20deg)}.orb-caustic-b{inset:58% 19% 20% 52%;background:#ffbe7347;filter:blur(14px)}.orb-core{inset:28%;border:1px solid rgb(255 245 202 / 34%);background:conic-gradient(from 40deg,#74d4c900,#74d4c994,#d8af5b61,#dd717b4d,#74d4c900);filter:blur(.5px);opacity:.82;animation:halo-turn 9s linear infinite reverse}.orb-rune{width:12%;aspect-ratio:1;border:1px solid rgb(245 226 175 / 72%);opacity:.68}.orb-rune-a{top:21%;left:58%}.orb-rune-b{right:25%;bottom:23%;border-color:#74d4c9cc}.orb-rune-c{bottom:35%;left:21%;border-color:#dd717bb3}.orb-visual[data-mode=voice-chanting] .orb-halo-outer,.orb-visual[data-mode=voice-chanting] .orb-halo-inner{border-color:#74d4c99e;animation-duration:1.35s}.orb-visual[data-mode=silent-chanting] .orb-glass{box-shadow:inset -18px -22px 38px #02040494,inset 18px 18px 34px #ffffff1a,0 28px 84px #00000075,0 0 58px #d8af5b61}.orb-visual[data-mode=circles-revealed] .orb-core,.orb-visual[data-mode=casting] .orb-core,.orb-visual[data-mode=sealed] .orb-core{opacity:1;animation-duration:3.8s}.orb-visual[data-pulse=odd] .orb-glass{animation:orb-pulse .52s ease-out}.circle-deck{position:absolute;z-index:4;right:0;bottom:clamp(20px,8vh,86px);left:0;display:grid;grid-auto-columns:clamp(112px,24vw,158px);grid-auto-flow:column;gap:clamp(12px,3vw,22px);overflow-x:auto;overscroll-behavior-x:contain;padding:10px max(18px,calc((100% - 520px)/2));scrollbar-width:none}.circle-deck::-webkit-scrollbar{display:none}.circle-card{display:grid;aspect-ratio:1;place-items:center;border:1px solid rgb(245 226 175 / 38%);border-radius:8px;background:#0a0d0b9e;box-shadow:0 18px 54px #00000057;cursor:pointer;outline:none;transition:border-color .18s ease,opacity .18s ease,transform .18s ease}.circle-card:hover,.circle-card:focus-visible,.circle-card[data-selected=true]{border-color:#f5e2afdb;transform:translateY(-4px)}.circle-card:disabled{cursor:default;opacity:.66}.circle-sigil{position:relative;display:block;width:72%;aspect-ratio:1}.circle-ring,.circle-mark{position:absolute;display:block}.circle-ring{inset:0;border:1px solid currentColor;border-radius:50%}.circle-ring-b{inset:22%;transform:rotate(45deg)}.circle-mark{background:currentColor;opacity:.84}.circle-mark-a{top:49%;left:9%;width:82%;height:1px}.circle-mark-b{top:9%;left:49%;width:1px;height:82%}.circle-mark-c{inset:42%;border-radius:50%}.circle-card[data-aura=cyan]{color:#74d4c9}.circle-card[data-aura=amber]{color:#d8af5b}.circle-card[data-aura=rose]{color:#dd717b}.scroll-trail{position:absolute;z-index:2;top:clamp(18px,8vh,72px);right:clamp(18px,5vw,56px);display:grid;gap:9px;margin:0;padding:0;list-style:none}.scroll-fragment{display:grid;width:44px;height:18px;place-items:center;border:1px solid rgb(245 226 175 / 32%);border-radius:4px;background:#f5e2af1a}.scroll-glyph{display:block;width:22px;height:1px;background:currentColor;box-shadow:-7px 4px 0 currentColor,7px -4px 0 currentColor}.scroll-fragment[data-aura=cyan]{color:#74d4c9}.scroll-fragment[data-aura=amber]{color:#d8af5b}.scroll-fragment[data-aura=rose]{color:#dd717b}@keyframes halo-breathe{0%,to{transform:scale(.98);opacity:.46}50%{transform:scale(1.04);opacity:.76}}@keyframes halo-turn{to{transform:rotate(360deg)}}@keyframes orb-pulse{0%{transform:scale(1)}45%{transform:scale(1.035)}to{transform:scale(1)}}@media(max-width:640px){.orb-shell{min-height:calc(100svh - 36px)}.circle-deck{bottom:16px;grid-auto-columns:112px;padding-inline:18px}.scroll-trail{top:18px;right:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}