@layer components{.faq-toggle{border:1px solid var(--border);flex-shrink:0;width:28px;height:28px;transition:border-color .2s,background .2s,color .2s;position:relative}.faq-toggle:before,.faq-toggle:after{content:"";background:currentColor;width:10px;height:1.5px;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.faq-toggle:after{transform:translate(-50%,-50%)rotate(90deg)}[aria-expanded=true]>.faq-toggle{border-color:var(--primary);background:color-mix(in oklch, var(--primary) 10%, transparent);color:var(--primary)}[aria-expanded=true]>.faq-toggle:after{transform:translate(-50%,-50%)rotate(0)}}
@layer components{.rules-list-grid{pointer-events:none;z-index:-1;background-image:linear-gradient(color-mix(in oklch, var(--primary) 4%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklch, var(--primary) 4%, transparent) 1px, transparent 1px);background-size:60px 60px;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(60% 50%,#000,#0000);mask-image:radial-gradient(60% 50%,#000,#0000)}.rules-list-num{color:#0000;-webkit-text-stroke:1px var(--primary)}}
@layer components{.chronicle-track{position:relative}.chronicle-track:before{content:"";background:linear-gradient(to bottom, var(--primary), var(--border) 30%, var(--border));width:1px;position:absolute;top:8px;bottom:8px;left:5px}.chronicle-track>li{position:relative}.chronicle-track>li:before{content:"";border:2px solid var(--primary);background:var(--background);width:11px;height:11px;box-shadow:0 0 0 4px color-mix(in oklch, var(--primary) 10%, transparent);border-radius:999px;position:absolute;top:8px;left:0}.chronicle-track>li:last-child:before{background:var(--primary);box-shadow:0 0 0 4px color-mix(in oklch, var(--primary) 10%, transparent), 0 0 14px var(--primary)}.chronicle-track[data-animate]:before{height:calc(var(--track,0px) - 8px);background:var(--border);bottom:auto}.chronicle-track[data-animate]:after{content:"";width:1px;height:max(0px, calc(var(--fill,0px) - 8px));background:linear-gradient(to bottom, color-mix(in oklch, var(--primary) 35%, transparent), var(--primary));box-shadow:0 0 8px var(--primary);position:absolute;top:8px;left:5px}.chronicle-track[data-animate]>li:before{z-index:1;border-color:color-mix(in oklch, var(--foreground) 25%, transparent);background:var(--background);box-shadow:none;transition:border-color .3s,background-color .3s,box-shadow .3s}.chronicle-track[data-animate]>li[data-on]:before{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in oklch, var(--primary) 10%, transparent);animation:.45s cubic-bezier(.22,1,.36,1) chronicle-dot-pop}.chronicle-track[data-animate]>li[data-on]:last-child:before{background:var(--primary);box-shadow:0 0 0 4px color-mix(in oklch, var(--primary) 10%, transparent), 0 0 14px var(--primary)}.chronicle-track[data-animate]>li>*{opacity:.35;transition:opacity .5s,translate .5s cubic-bezier(.22,1,.36,1);translate:0 6px}.chronicle-track[data-animate]>li[data-on]>*{opacity:1;translate:none}@keyframes chronicle-dot-pop{40%{scale:1.45}}}