.divination-page{background:radial-gradient(circle,#0b0b1a 0%,#000 100%)}.divination-fiche-page{background:radial-gradient(circle,#0a0a14 0%,#000 100%)}.stars{z-index:0;pointer-events:none;opacity:.3;background-image:radial-gradient(2px 2px at 20px 30px,#fff,#0000),radial-gradient(2px 2px at 40px 70px,#fffc,#0000),radial-gradient(2px 2px at 50px 160px,#c8a96e99,#0000),radial-gradient(2px 2px at 90px 40px,#fff,#0000),radial-gradient(2px 2px at 130px 80px,#fffc,#0000),radial-gradient(2px 2px at 160px 120px,#c8a96e80,#0000);background-repeat:repeat;background-size:200px 200px;width:100%;height:100%;animation:200s linear infinite rotateStars;position:fixed;top:0;left:0}@keyframes rotateStars{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.divination-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:50px;max-width:1400px;margin:0 auto 80px;padding:40px 20px;display:grid;position:relative}.divination-tile{aspect-ratio:1/1.6;background:linear-gradient(135deg,#14141ee6,#0a0a0ff2);border:1px solid #c8a96e66;border-radius:12px;flex-direction:column;text-decoration:none;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s,border-color .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0009,inset 0 0 20px #c8a96e1a}.divination-tile:hover{box-shadow:0 20px 50px #000c, 0 0 40px rgba(var(--cc-r), var(--cc-g), var(--cc-b), .4);border-color:var(--cc,var(--gold));transform:translateY(-15px)scale(1.03)}.divination-tile:before{content:"";pointer-events:none;z-index:3;border:1px dashed #c8a96e4d;border-radius:6px;position:absolute;inset:10px}.divination-visual{flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.divination-img{object-fit:contain;mix-blend-mode:screen;opacity:.8;width:100%;height:100%;padding:20px;transition:opacity .4s,transform .4s}.divination-tile:hover .divination-img{opacity:1;transform:scale(1.05)}.divination-icon{z-index:4;opacity:.7;font-size:2rem;position:absolute;top:20px;right:20px}.divination-info{text-align:center;z-index:4;background:linear-gradient(#0000,#000 60%);padding:40px 20px 20px;position:relative}.divination-name{font-family:var(--font-titre);color:var(--text-bright);text-shadow:0 2px 10px var(--cc,#c8a96e80);margin-bottom:8px;font-size:2rem}.divination-type{font-family:var(--font-ui);color:var(--cc,var(--gold));text-transform:uppercase;letter-spacing:3px;font-size:.75rem}.divination-fiche .section-intro{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:40px 0 60px;display:grid;position:relative}.div-visual-wrapper{aspect-ratio:1/1.6;border:2px solid var(--cc,var(--gold));width:100%;max-width:380px;box-shadow:0 0 50px #000c, inset 0 0 30px rgba(var(--cc-r), var(--cc-g), var(--cc-b), .2);background:linear-gradient(135deg,#0f0f19e6,#05050af2);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative}.div-visual-wrapper:before{content:"";border:1px dashed rgba(var(--cc-r), var(--cc-g), var(--cc-b), .4);pointer-events:none;z-index:3;border-radius:6px;position:absolute;inset:15px}.div-visual-wrapper>div.icon-top{opacity:.6;z-index:4;font-size:3rem;position:absolute;top:20px;right:20px}.div-visual-wrapper img{object-fit:contain;z-index:2;mix-blend-mode:screen;width:100%;height:100%;padding:30px}@media (max-width:900px){.divination-fiche .section-intro{grid-template-columns:1fr}.div-visual-wrapper{order:-1;max-width:280px}}.divination-back{z-index:2;justify-content:center;margin:40px 0 60px;display:flex;position:relative}.divination-back a{font-family:var(--font-titre);letter-spacing:.25em;text-transform:uppercase;color:#ffffff59;border:1px solid #ffffff1a;border-radius:30px;align-items:center;gap:10px;padding:10px 24px;font-size:.75em;text-decoration:none;transition:all .3s;display:inline-flex}.divination-back a:hover{color:var(--cc,var(--gold));border-color:var(--cc,var(--gold));background:#ffffff0a}.methode-glass{border:1px solid rgba(var(--cc-r), var(--cc-g), var(--cc-b), .4);background:rgba(var(--cc-r), var(--cc-g), var(--cc-b), .05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;margin-top:40px;padding:30px 40px}
