:root{--ink: #f4e8ff;--experience-accent: #c084fc}body{background:#05030a;color:var(--ink);touch-action:manipulation}.fractal-bg{position:fixed;inset:-100vmax;z-index:0;background:radial-gradient(circle at 50% 46%,#10142e,#070814 46%,#02030a);transform-origin:center}.julia-board{width:120vmax;height:120vmax;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:2;cursor:pointer;touch-action:manipulation}.julia-turn{height:100%;position:relative;transform-origin:center;width:100%;will-change:transform}.julia-layer{display:block;height:100%;inset:0;opacity:0;position:absolute;width:100%;transform-origin:center center;touch-action:manipulation}.julia-layer.is-reveal{transition:opacity 1.6s var(--ease-calm, cubic-bezier(.22, .61, .36, 1))}.fractal-tone{position:fixed;z-index:10000;left:calc(max(.75rem,env(safe-area-inset-left,0px)) + 88px + 9.4rem);bottom:max(.75rem,env(safe-area-inset-bottom,0px));margin:0}.fractal-tone select{appearance:none;max-width:min(15.5rem,calc(100vw - 88px - 25.6rem));height:44px;margin:0;padding:0 1.9rem 0 .85rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;background-color:#081218c7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;background-size:.7rem;color:#fff;font:inherit;font-size:.82rem;cursor:pointer}.fractal-tone select:focus{outline:none}.fractal-tone select:focus-visible{outline:2px solid rgba(139,185,200,.9);outline-offset:3px}body.is-place .fractal-tone{opacity:1;transition:opacity .7s var(--ease-calm, cubic-bezier(.22, .61, .36, 1))}body.is-place.place-ui-idle .fractal-tone{opacity:0;pointer-events:none}body.is-place.place-ui-idle .fractal-tone:focus-within{opacity:1;pointer-events:auto}body.is-place.place-ui-reduced .fractal-tone{transition-duration:.01ms}@media(max-width:720px){.fractal-tone{left:max(.75rem,env(safe-area-inset-left,0px));right:max(.75rem,env(safe-area-inset-right,0px));bottom:calc(max(.75rem,env(safe-area-inset-bottom,0px)) + 44px + .65rem)}.fractal-tone select{width:100%;max-width:none}}.vignette{position:fixed;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at center,transparent 58%,rgba(5,3,10,.28) 100%)}.fractal-hint{position:fixed;left:50%;bottom:max(5.6rem,calc(env(safe-area-inset-bottom,0px) + 5.2rem));transform:translate(-50%);margin:0;z-index:4;font-family:var(--font-display);font-size:1.05rem;letter-spacing:.06em;color:#f4e8ff9e;pointer-events:none;white-space:nowrap}.fractal-hint.is-spent{opacity:0}body.is-place .fractal-hint{transition:opacity .7s var(--ease-calm, cubic-bezier(.22, .61, .36, 1))}body.is-place.place-ui-idle .fractal-hint{opacity:0}@media(max-width:640px){.fractal-hint{bottom:calc(max(.75rem,env(safe-area-inset-bottom,0px)) + 8.4rem)}}@media(prefers-reduced-motion:reduce){.julia-board.is-reduced .julia-turn{transform:none}.julia-layer.is-reveal,body.is-place .fractal-hint{transition-duration:.01ms}}