/* FURIA DEGLI ELEMENTI — fantasy oscuro, vivo e multicolore */
:root{
  --game-bg:#101116;
  --game-panel:#191b25;
  --game-text:#f5f2ff;
  --game-muted:#b7b8c9;
  --game-accent:#ffd447;
  --game-line:#ffffff20;
  --button-text:#17130b;
  --box-bg:#171923;
  --hero-bg:
    radial-gradient(ellipse at 78% 24%,#e63d4540,transparent 24%),
    radial-gradient(ellipse at 91% 54%,#2588f044,transparent 26%),
    radial-gradient(ellipse at 71% 83%,#8b52e944,transparent 24%),
    radial-gradient(ellipse at 51% 15%,#f3c6322e,transparent 24%),
    radial-gradient(ellipse at 36% 75%,#24b66d26,transparent 28%),
    linear-gradient(125deg,#111219 0%,#171725 53%,#10171f 100%);
}
.furia-page .game-header{background:color-mix(in srgb,#101116 92%,transparent)}
.furia-page .brand-mark{color:#17130b;background:linear-gradient(135deg,#ffd447,#ff7b45)}
.furia-page .game-hero{isolation:isolate}
.furia-page .game-hero:after{background:linear-gradient(90deg,#101116 0%,#101116e8 29%,#1011168c 52%,transparent 82%)}
.furia-page .game-hero-art{
  position:absolute;right:7%;top:12%;width:40vw;max-width:490px;aspect-ratio:1;
  border:2px solid #ffffff38;border-radius:48% 52% 45% 55%;
  background:
    radial-gradient(circle at 50% 50%,#fff8cf 0 3%,#ffd447 4% 8%,#ff7546 9% 14%,transparent 34%),
    radial-gradient(circle at 25% 25%,#f0444d 0 5%,transparent 22%),
    radial-gradient(circle at 77% 24%,#35a9ff 0 6%,transparent 23%),
    radial-gradient(circle at 75% 75%,#a06aff 0 6%,transparent 23%),
    radial-gradient(circle at 24% 76%,#35d17d 0 6%,transparent 23%),
    radial-gradient(circle at 50% 5%,#ffe45c 0 5%,transparent 21%),
    radial-gradient(circle at 50% 95%,#ff6bc4 0 5%,transparent 21%);
  filter:drop-shadow(0 10px 24px #00000055) drop-shadow(0 0 55px #e5a52c28);
  animation:furia-orbit 24s linear infinite;
}
.furia-page .game-hero-art:before,.furia-page .game-hero-art:after{content:"";position:absolute;inset:7%;border:2px solid #ffffff60;transform:rotate(45deg);border-radius:22%;box-shadow:0 0 0 8px #ffcb4a12}
.furia-page .game-hero-art:after{inset:18%;transform:rotate(22deg);border-color:#9c83ff9c;border-radius:30%;box-shadow:0 0 22px #35a9ff2e}
.furia-page .game-hero h1{color:#f8f5ff;text-shadow:0 3px 22px #00000070}
.furia-page .game-hero h1 em{background:linear-gradient(100deg,#ff5757 0%,#ff8d45 19%,#ffdc4d 37%,#40d782 56%,#39b7ff 74%,#ad7aff 90%,#ff70c8 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:0}
.furia-page .eyebrow{color:#ffd447}
.furia-page .game-hero .lead{color:#d4d3e2}
.furia-page .game-button{background:linear-gradient(110deg,#ffd447,#ffb43e);border-color:#ffd447;box-shadow:0 4px 0 #a96b21,0 8px 22px #ffbf2b22}
.furia-page .game-button.secondary{color:#f5f2ff;border-color:#ffffff4a;box-shadow:none;background:#ffffff08}
.furia-page .game-button.secondary:hover{border-color:#40baff;color:#76ceff}
.furia-page .section-title span{background:linear-gradient(90deg,#ff5757,#ffbd42,#ffe45c,#40d782,#39b7ff,#ad7aff);background-clip:text;-webkit-background-clip:text;color:transparent}
.furia-page .fact{border-radius:14px;background:linear-gradient(135deg,#20212d,#171923);box-shadow:0 7px 22px #00000020,inset 0 1px #ffffff0c;border-color:#ffffff20;position:relative;overflow:hidden}
.furia-page .fact:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#ff5757,#ffd447,#40d782,#39b7ff,#ad7aff)}
.furia-page .fact small{color:#ffd447}
.furia-page .box-placeholder{border-radius:18px;background:radial-gradient(circle at 18% 18%,#f0444d28,transparent 28%),radial-gradient(circle at 82% 20%,#35a9ff2b,transparent 28%),radial-gradient(circle at 72% 82%,#a06aff2b,transparent 29%),radial-gradient(circle at 18% 82%,#35d17d25,transparent 28%),linear-gradient(145deg,#1c1d2a,#13151e);border:1px solid #ffffff25;box-shadow:0 14px 30px #00000035}
.furia-page .box-placeholder:before{border:2px dashed #ffd4478c;border-radius:12px}
.furia-page .box-placeholder span{color:#f7f3ff}
.furia-page .box-placeholder small{color:#b7b8c9}
.furia-page .rule-trigger:hover{color:#55c0ff}
.furia-page .rule-symbol{color:#ffd447}
.furia-page .rule-item:nth-child(4n+1) .rule-symbol{color:#ff6565}
.furia-page .rule-item:nth-child(4n+2) .rule-symbol{color:#55baff}
.furia-page .rule-item:nth-child(4n+3) .rule-symbol{color:#53db8a}
.furia-page .rule-item:nth-child(4n) .rule-symbol{color:#ffd447}
.furia-page .notice{background:linear-gradient(100deg,#20212d,#191b25);border-left-color:#ffd447;color:#c7c7d7}
.furia-page .game-footer{background:#101116}
.furia-page .game-footer a:hover{color:#ffd447}
@keyframes furia-orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(max-width:700px){
  .furia-page .game-hero:after{background:linear-gradient(90deg,#101116f5,#101116d9 65%,#1011168c)}
  .furia-page .game-hero-art{width:74vw;right:-25%;top:24%;opacity:.55}
}
@media(prefers-reduced-motion:reduce){.furia-page .game-hero-art{animation:none}}


/* VARIANTE 02 — CRISTALLI ELEMENTALI
   Grafica geometrica, tagli netti e dettagli da cristalli magici. */
:root{
 --game-bg:#111018; --game-panel:#1c1a29; --game-text:#fff8f0; --game-muted:#c6bfce;
 --game-accent:#ffd34f; --game-line:#ffffff24; --button-text:#19131a; --box-bg:#191724;
 --hero-bg:radial-gradient(circle at 77% 30%,#ff4b5330,transparent 24%),radial-gradient(circle at 88% 65%,#2c9fff35,transparent 24%),radial-gradient(circle at 65% 82%,#8b54ff35,transparent 22%),radial-gradient(circle at 42% 18%,#ffe34d24,transparent 23%),linear-gradient(135deg,#111018,#201629 55%,#101722);
}
.furia-page .game-hero-art{border-radius:24% 38% 22% 40%;transform:rotate(12deg) scale(.94);border:1px solid #ffffff70;background:radial-gradient(circle at 50% 50%,#fffbdc 0 3%,#ffe45b 4% 8%,#ff7546 9% 14%,transparent 35%),radial-gradient(circle at 22% 22%,#f0444d 0 5%,transparent 23%),radial-gradient(circle at 78% 22%,#35a9ff 0 6%,transparent 24%),radial-gradient(circle at 78% 78%,#a06aff 0 6%,transparent 24%),radial-gradient(circle at 22% 78%,#35d17d 0 6%,transparent 24%),radial-gradient(circle at 50% 5%,#ffe45c 0 5%,transparent 22%),radial-gradient(circle at 50% 95%,#ff6bc4 0 5%,transparent 22%);box-shadow:inset 0 0 0 10px #ffffff08;}
.furia-page .game-hero-art:before{inset:10%;border-radius:4%;transform:rotate(45deg);border:2px solid #ffffff8a;box-shadow:0 0 0 7px #ffd34f13,0 0 28px #a06aff25}
.furia-page .game-hero-art:after{inset:24%;border-radius:3%;transform:rotate(45deg);border:2px solid #6acaffb0;box-shadow:0 0 25px #35a9ff30}
.furia-page .fact{border-radius:4px;background:linear-gradient(135deg,#242033,#171520);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);}
.furia-page .fact:before{width:4px;background:linear-gradient(180deg,#ff5757,#ffd447,#40d782,#39b7ff,#ad7aff,#ff70c8)}
.furia-page .box-placeholder{border-radius:5px;background:linear-gradient(135deg,#201827,#141621);border:1px solid #ffffff35;box-shadow:inset 0 0 0 7px #ffffff04,0 16px 35px #0005}
.furia-page .box-placeholder:before{inset:12px;border:1px solid #ffd4478c;border-radius:2px;transform:rotate(-1deg)}
.furia-page .game-button{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));border-radius:0}
.furia-page .rule-trigger{padding-left:12px;border-left:2px solid #ffffff12}
.furia-page .rule-item:nth-child(4n+1) .rule-trigger{border-left-color:#ff5757}
.furia-page .rule-item:nth-child(4n+2) .rule-trigger{border-left-color:#39b7ff}
.furia-page .rule-item:nth-child(4n+3) .rule-trigger{border-left-color:#40d782}
.furia-page .rule-item:nth-child(4n) .rule-trigger{border-left-color:#ffd447}