:root{--caos-gold:#f7c85f;--caos-gold-hot:#fff1ad;--caos-red:#661827;--caos-violet:#7b3cff;--caos-line:rgba(255,221,126,.28)}body.randomia-caos-page{min-height:100vh;overflow:hidden}body.randomia-caos-page .caos-shell{position:relative;min-height:calc(100vh - var(--rsh-h,64px));display:grid;place-items:center;padding:18px;isolation:isolate}body.randomia-caos-page .caos-world{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;pointer-events:none;background:#030306}body.randomia-caos-page .caos-bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(247,200,95,.18),transparent 12%),radial-gradient(circle at 50% 50%,rgba(123,60,255,.18),transparent 27%),radial-gradient(circle at 18% 14%,rgba(247,200,95,.1),transparent 30%),radial-gradient(circle at 84% 78%,rgba(102,24,39,.2),transparent 34%),linear-gradient(145deg,#030306,#120b0b 42%,#05050a)}body.randomia-caos-page .caos-vortex{position:absolute;left:50%;top:50%;width:min(1180px,116vw);height:min(880px,92vh);transform:translate(-50%,-50%);border-radius:50%;filter:saturate(1.04)}body.randomia-caos-page .caos-piece{position:absolute;left:50%;top:50%;width:clamp(48px,5.8vw,86px);aspect-ratio:180/252;margin-left:calc(var(--w, 70px) / -2);margin-top:calc((var(--w, 70px) * 1.4) / -2);border-radius:14px;background-size:cover;background-position:center 15%;border:1px solid rgba(255,221,126,.13);box-shadow:0 18px 42px #0000007a,0 0 0 1px #ffffff07 inset;opacity:0;filter:brightness(.78) saturate(.9) contrast(1.02);transform:translate(var(--x),var(--y)) rotate(var(--tilt)) scale(var(--scale, .92));animation:caosPieceBreathe var(--dur, 7s) ease-in-out infinite alternate,caosPieceFade var(--life, 11s) ease-in-out infinite;animation-delay:var(--delay, 0s),var(--fade-delay, 0s);transition:opacity .7s ease,transform .7s ease,filter .7s ease}body.randomia-caos-page .caos-piece:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,241,173,.1),transparent 36%,rgba(0,0,0,.38))}body.randomia-caos-page .caos-piece.is-character{border-radius:18px}body.randomia-caos-page .caos-piece.is-terrain{width:clamp(76px,8vw,126px);aspect-ratio:260 / 170;border-radius:20px}body.randomia-caos-page .caos-piece.is-fading-out{opacity:0!important;filter:brightness(.55) saturate(.65)}body.randomia-caos-page .caos-ring{position:absolute;left:50%;top:50%;translate:-50% -50%;border-radius:50%;border:1px solid rgba(255,221,126,.2);box-shadow:0 0 48px #f7c85f1a,inset 0 0 60px #7b3cff0d;animation:caosPulse 2.8s ease-in-out infinite alternate}body.randomia-caos-page .caos-ring-a{width:min(430px,52vw);height:min(430px,52vw)}body.randomia-caos-page .caos-ring-b{width:min(650px,78vw);height:min(650px,78vw);animation-delay:-1.4s;opacity:.55}body.randomia-caos-page .caos-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,transparent 0 20%,rgba(0,0,0,.28) 52%,rgba(0,0,0,.86) 100%),linear-gradient(90deg,rgba(0,0,0,.64),transparent 34%,rgba(0,0,0,.64))}body.randomia-caos-page .caos-center{position:relative;z-index:3;min-height:56vh;display:grid;place-items:center;gap:18px}body.randomia-caos-page .caos-button{position:relative;width:clamp(210px,22vw,330px);height:clamp(210px,22vw,330px);border-radius:50%;border:1px solid rgba(255,241,173,.72);cursor:pointer;color:#210d05;background:radial-gradient(circle at 36% 28%,#fff8d2 0,#fff8d2 12%,#fff1ad 21%,#f7c85f 43%,#9d5421 72%,#4a160f);box-shadow:0 0 0 12px #f7c85f0b,0 0 54px #f7c85f4d,0 34px 90px #0000009e,inset 0 5px 15px #ffffff61,inset 0 -26px 38px #4a160f6b;display:grid;place-items:center;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}body.randomia-caos-page .caos-button:before,body.randomia-caos-page .caos-button:after{content:"";position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;border-radius:50%;border:1px solid rgba(255,221,126,.26);animation:caosButtonHalo 2.2s ease-in-out infinite alternate}body.randomia-caos-page .caos-button:after{top:-38px;right:-38px;bottom:-38px;left:-38px;border-color:#7b3cff2e;animation-delay:-1.1s}body.randomia-caos-page .caos-button span{position:relative;z-index:1;font:1000 clamp(42px,5.8vw,86px)/.85 var(--aaa-font-title, Georgia, serif);letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px rgba(255,255,255,.42),0 0 18px rgba(255,241,173,.46)}body.randomia-caos-page .caos-button:hover{transform:scale(1.04);filter:brightness(1.08);box-shadow:0 0 0 16px #f7c85f0d,0 0 80px #f7c85f6b,0 40px 100px #000000a8,inset 0 5px 15px #ffffff6b,inset 0 -26px 38px #4a160f6b}body.randomia-caos-page .caos-back{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,221,126,.22);border-radius:999px;min-height:42px;padding:10px 18px;background:linear-gradient(180deg,#201812e0,#0a080aeb);color:#f8e9b5;font:900 12px/1 var(--aaa-font-ui, system-ui);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 12px 24px #00000047;transition:transform .16s ease,border-color .16s ease}body.randomia-caos-page .caos-back:hover{transform:translateY(-1px);border-color:#ffdd7e8a}to{rotate:360deg}} @keyframes caosPieceBreathe{from{transform:translate(calc(var(--x) - var(--drift, 8px)),calc(var(--y) + var(--drift-y, 5px))) rotate(calc(var(--tilt) - 2deg)) scale(calc(var(--scale, .92) - .025))}to{transform:translate(calc(var(--x) + var(--drift, 8px)),calc(var(--y) - var(--drift-y, 5px))) rotate(calc(var(--tilt) + 2deg)) scale(calc(var(--scale, .92) + .025))}}@keyframes caosPieceFade{0%,to{opacity:0}12%,72%{opacity:var(--op,.42)}86%{opacity:0}}to{opacity:.56;transform:rotate(calc(var(--angle) + 18deg)) translate(calc(var(--radius) - 42px)) rotate(calc((var(--angle) + 18deg) * -1)) rotate(calc(var(--tilt) + 8deg)) scale(.74)}} @keyframes caosPulse{from{opacity:.34;scale:.94}to{opacity:.78;scale:1.04}}@keyframes caosButtonHalo{0%{opacity:.32;scale:.96}to{opacity:.72;scale:1.04}}@media (max-width:760px){body.randomia-caos-page .caos-vortex{width:118vw;height:86vh}body.randomia-caos-page .caos-piece{width:54px}body.randomia-caos-page .caos-piece.is-terrain{width:78px}}@media (prefers-reduced-motion: reduce){body.randomia-caos-page .caos-piece,body.randomia-caos-page .caos-ring,body.randomia-caos-page .caos-button:before,body.randomia-caos-page .caos-button:after{animation:none!important}}