body{color:#fff;background:radial-gradient(circle at top,#3a2517,#11100f 45%,#050505);margin:0;font-family:Arial,sans-serif}.pagina{min-height:100vh}header{background:linear-gradient(135deg,#080808,#17120d);border-bottom:1px solid #8d6235;justify-content:space-between;align-items:center;gap:30px;padding:30px;display:flex;box-shadow:0 5px 25px #000000b3}header h1{color:#f2d09a;text-shadow:0 0 6px #dc964659}nav{gap:15px;display:flex}nav button{color:#e8c58b;cursor:pointer;background:linear-gradient(145deg,#21170e,#0c0b0a);border:1px solid #8d6235;border-radius:10px;padding:12px 22px;font-size:16px;font-weight:700;transition:all .3s}nav button:hover{color:#fff;background:linear-gradient(145deg,#4a3019,#17100a);transform:translateY(-3px);box-shadow:0 0 12px #d89b5559}.busca{align-items:center;gap:8px;display:flex}.busca input{color:#fff;background:linear-gradient(145deg,#17110b,#080808);border:1px solid #8d6235;border-radius:10px;outline:none;width:240px;padding:12px 15px;font-size:15px}.busca input::placeholder{color:#c9a878}.busca button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#b87935,#704019);border:1px solid #e8c58b;border-radius:10px;padding:12px}main{gap:40px;max-width:1400px;margin:auto;padding:60px;display:flex}.conteudo{width:55%}h2{color:#f2d09a;text-shadow:0 0 5px #d89b5559;font-size:38px}h3{color:#e8c58b}p{color:#ddd2c3;font-size:18px;line-height:1.8}li{color:#ddd2c3;margin:10px 0}.personagem{object-fit:contain;filter:drop-shadow(0 0 35px #000)drop-shadow(0 0 18px #dc964640);width:45%;max-height:850px}.servidor-info{background:linear-gradient(145deg,#2d1e12d9,#080808f2);border:1px solid #8d6235;border-left:5px solid #e8c58b;border-radius:15px;max-width:420px;margin-top:40px;padding:25px;box-shadow:0 0 18px #d89b551f}.discord-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#b87935,#704019);border:1px solid #e8c58b;border-radius:12px;padding:14px 32px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 0 10px #d89b5533}.discord-button:hover{background:linear-gradient(135deg,#d39a55,#8a5423);transform:scale(1.05);box-shadow:0 0 18px #d89b5573}.socials{gap:15px;margin-top:25px;display:flex}.socials a{background:linear-gradient(145deg,#3a2818,#15100b);border:1px solid #b8864b;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;transition:all .3s;display:flex}.socials img{object-fit:contain;width:26px;height:26px}.socials a:hover{transform:translateY(-4px);box-shadow:0 0 15px #d89b5573}.cards{flex-wrap:wrap;gap:25px;margin-top:35px;display:flex}.cards button{color:#e8c58b;cursor:pointer;background:linear-gradient(145deg,#25180d,#080808);border:2px solid #8d6235;border-radius:15px;width:200px;height:90px;font-size:21px;font-weight:700;transition:all .3s}.cards button:hover{color:#fff;border-color:#e8c58b;transform:scale(1.08)translateY(-5px);box-shadow:0 0 15px #d89b5566}.cards-racas{flex-wrap:wrap;gap:30px;margin-top:40px;display:flex}.card-raca{cursor:pointer;background:linear-gradient(145deg,#25180d,#080808);border:2px solid #8d6235;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:180px;height:220px;transition:all .3s;display:flex}.card-raca img{object-fit:contain;width:110px;height:110px}.card-raca h3{color:#e8c58b;font-size:22px}.card-raca:hover{border-color:#f2d09a;transform:translateY(-8px);box-shadow:0 0 20px #d89b5573}.voltar-button,.despertar-button{color:#e8c58b;cursor:pointer;background:linear-gradient(135deg,#21170e,#080808);border:1px solid #8d6235;border-radius:10px;justify-content:center;align-items:center;width:170px;height:45px;font-size:16px;font-weight:700;transition:all .3s;display:flex}.voltar-button:hover,.despertar-button:hover{border-color:#f2d09a;transform:translateY(-3px);box-shadow:0 0 15px #d89b5559}.despertar-button{background:linear-gradient(135deg,#3b1d0b,#080808)}.conteudo{opacity:0;position:relative}.conteudo.entrada{animation:.8s cubic-bezier(.16,1,.3,1) forwards abrirPagina}.conteudo.entrada:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#f2d09a2e,#0000);width:40%;height:100%;animation:.8s forwards brilhoPagina;position:absolute;top:0;left:-20%;transform:skew(-20deg)}@keyframes abrirPagina{0%{opacity:0;filter:blur(6px);transform:translateY(25px)scale(.97)}60%{opacity:1}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes brilhoPagina{0%{opacity:0;left:-40%}30%{opacity:1}to{opacity:0;left:120%}}.botoes-raca{gap:20px;margin-top:25px;display:flex}.despertar-button{color:#e8c58b;cursor:pointer;background:linear-gradient(135deg,#3b1d0b,#080808);border:1px solid #8d6235;border-radius:10px;padding:12px 25px;font-weight:700;transition:all .3s}.despertar-button:hover{border-color:#f2d09a;transform:translateY(-3px);box-shadow:0 0 15px #d89b5559}.cards-despertar{flex-wrap:wrap;gap:20px;margin:30px 0;display:flex}.despertar-card{color:#e8c58b;cursor:pointer;background:linear-gradient(145deg,#25180d,#080808);border:2px solid #8d6235;border-radius:15px;width:220px;height:80px;font-size:18px;font-weight:700;transition:all .3s}.despertar-card:hover{border-color:#f2d09a;transform:translateY(-5px);box-shadow:0 0 20px #d89b5573}.lista-racas{flex-direction:column;gap:15px;width:450px;margin-top:35px;display:flex}.item-raca{cursor:pointer;background:linear-gradient(145deg,#25180d,#080808);border:1px solid #8d6235;border-left-width:4px;border-radius:15px;align-items:center;gap:25px;height:90px;padding:15px 25px;transition:all .35s;display:flex}.item-raca img{object-fit:contain;width:60px;height:60px}.item-raca h3{color:#e8c58b;margin:0;font-size:24px}.item-raca:hover{background:linear-gradient(145deg,#3a2412,#080808);border-color:#f2d09a;border-left-style:solid;border-left-width:4px;transform:translate(10px);box-shadow:0 0 20px #d89b5559}.item-raca:hover h3{color:#fff}.personagem-area{justify-content:center;align-items:center;width:45%;display:flex;position:relative}.pergaminho{opacity:.25;filter:blur(1px);background:linear-gradient(135deg,#d6b879,#8b5a2b);border-radius:30px;width:520px;height:720px;position:absolute;box-shadow:0 0 40px #d89b5580}.personagem{z-index:2;object-fit:contain;filter:drop-shadow(0 0 25px #000)drop-shadow(0 0 35px #ffffff26);width:100%;max-height:850px;position:relative}.pagina.humano{background:radial-gradient(circle at top,#1d3557,#080808)}.pagina.elfo{background:radial-gradient(circle at top,#245c35,#080808)}.pagina.drow{background:radial-gradient(circle at top,#4b2178,#080808)}.pagina.tiefling{background:radial-gradient(circle at top,#8b1e1e,#080808)}.pagina.fada{background:radial-gradient(circle at top,#b94f91,#080808)}.item-raca{transition:all .35s}.item-raca:hover{transform:translateY(-6px)}.item-raca.humano:hover{border-color:#4da3ff;box-shadow:0 0 25px #4da3ff8c}.item-raca.elfo:hover{border-color:#4cff88;box-shadow:0 0 25px #4cff888c}.item-raca.drow:hover{border-color:#b56cff;box-shadow:0 0 25px #b56cff8c}.item-raca.tiefling:hover{border-color:#f55;box-shadow:0 0 25px #ff55558c}.item-raca.fada:hover{border-color:#ff8edb;box-shadow:0 0 25px #ff8edb8c}.dificuldade{color:#c9a878;margin:5px 0;font-size:15px}.estrelas{gap:4px;margin-top:5px;display:flex}.estrela{color:#555;font-size:22px}.estrela.ativa{color:#ffd85c;text-shadow:0 0 8px #ffd85c99}.passiva-texto{white-space:pre-line;line-height:1.8}.personagem{transition:opacity .35s,transform .35s,filter .35s}.info-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#000000bf;border:2px solid #222;border-radius:10px;margin:20px 0;padding:20px;transition:all .35s;box-shadow:0 0 15px #000}.info-box h3{color:#d4af37;margin-bottom:10px}.info-box{color:#fff;background:#000000bf;border:2px solid #3b2a18;border-radius:12px;margin:20px 0;padding:20px;box-shadow:0 0 15px #000c}.info-box h3{color:#e5c07b;border-bottom:1px solid #555;margin-top:0;padding-bottom:10px}.info-box li{margin:8px 0}.modelo3d{justify-content:flex-end;align-items:center;width:80%;height:100%;padding-right:1px;display:flex;position:absolute;top:150px;right:50px}.modelo3d canvas{width:100%!important;height:100%!important}