Caixa do Iniciante: mudanças entre as edições
Ir para navegação
Ir para pesquisar
Sem resumo de edição |
Sem resumo de edição |
||
| (16 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
| Linha 2: | Linha 2: | ||
<html> | <html> | ||
< | <style> | ||
/* ========================================================= | |||
SLOTEAMENTO — Edda World (prefixo .ci-) | |||
Paleta-base da wiki + acento roxo. | |||
========================================================= */ | |||
.ci { --ink:#0C1A36; --ink2:#1A2640; --mute:#5C5468; --label:#5A7A9A; --line:rgba(94,207,168,0.18); --night:#241832; | |||
--mint:#5ECFA8; --mint-dk:#2E8F6E; --mint-lt:#A8E8D0; --mint-bg:#F0FBF6; | |||
--ac:#7C3AED; --ac-dk:#5B21B6; --ac-lt:#D8B4FE; --ac-bg:#F5F1FB; --ac-ln:rgba(124,58,237,0.24); --ac-glow:rgba(124,58,237,0.3); | |||
color:var(--ink2); font-size:13px; line-height:1.55; } | |||
.ci *, .ci *::before, .ci *::after { box-sizing:border-box; } | |||
.ci img.px { image-rendering:pixelated; object-fit:contain; vertical-align:middle; } | |||
/* HERO */ | |||
.ci-hero { position:relative; overflow:hidden; background:linear-gradient(120deg, var(--night) 0%, #2D1055 100%); border-radius:14px; padding:26px 28px 0; margin-bottom:14px; } | |||
.ci-hero::before { content:""; position:absolute; top:-70px; right:-50px; width:360px; height:360px; border-radius:50%; background:radial-gradient(circle, var(--ac-glow) 0%, transparent 68%); pointer-events:none; } | |||
.ci-hero::after { content:""; position:absolute; bottom:-80px; left:-40px; width:260px; height:260px; border-radius:50%; background:radial-gradient(circle, rgba(217,119,6,0.16) 0%, transparent 70%); pointer-events:none; } | |||
.ci-hero-main { position:relative; z-index:1; display:flex; align-items:center; gap:24px; } | |||
.ci-hero-text { flex:1; min-width:0; } | |||
.ci-eyebrow { display:inline-block; font-size:10px; font-weight:700; letter-spacing:1.4px; text-transform:uppercase; color:var(--ac-lt); margin-bottom:8px; } | |||
.ci-title { color:#fff; font-size:26px; font-weight:800; line-height:1.15; margin:0 0 8px; } | |||
.ci-pitch { color:rgba(255,255,255,0.64); font-size:13.5px; line-height:1.6; max-width:620px; margin:0; } | |||
.ci-hero-art { flex-shrink:0; width:100px; height:100px; border-radius:22px; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.12); display:flex; align-items:center; justify-content:center; } | |||
.ci-hero-art img { width:60px; height:60px; } | |||
.ci-facts { position:relative; z-index:1; display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); margin:22px -28px 0; border-top:1px solid rgba(255,255,255,0.08); } | |||
.ci-fact { padding:12px 16px; border-right:1px solid rgba(255,255,255,0.08); min-width:0; } | |||
.ci-fact:last-child { border-right:none; } | |||
.ci-fact-k { font-size:9px; font-weight:700; letter-spacing:0.9px; text-transform:uppercase; color:rgba(216,180,254,0.75); margin-bottom:3px; } | |||
.ci-fact-v { font-size:14px; font-weight:800; color:#fff; } | |||
.ci-fact-v small { font-size:11px; font-weight:600; color:rgba(255,255,255,0.5); } | |||
/* SUMÁRIO */ | |||
.ci-nav { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 18px; } | |||
.ci-nav a { display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:20px; background:#fff; border:1px solid var(--line); font-size:12px; font-weight:700; color:var(--ink2); text-decoration:none; } | |||
.ci-nav a:hover { border-color:var(--ac); color:var(--ac-dk); } | |||
.ci-nav a span { font-size:10px; font-weight:800; color:var(--ac); } | |||
/* SEÇÃO */ | |||
.ci-sec { margin:0 0 26px; scroll-margin-top:12px; } | |||
.ci-sec-head { display:flex; align-items:baseline; gap:10px; margin:0 0 10px; padding-bottom:8px; border-bottom:2px solid var(--ac-ln); } | |||
.ci-sec-num { font-size:11px; font-weight:800; color:var(--ac); letter-spacing:0.5px; } | |||
.ci-sec-title { font-size:17px; font-weight:800; color:var(--ink); margin:0; } | |||
.ci-sec-sub { font-size:12px; color:var(--label); margin-left:auto; } | |||
/* PASSOS e REGRAS */ | |||
.ci-steps { list-style:none; margin:0; padding:0; counter-reset:st; display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); gap:10px; } | |||
.ci-steps li { counter-increment:st; position:relative; background:#fff; border:1px solid var(--line); border-radius:10px; padding:12px 14px 12px 50px; font-size:12.5px; } | |||
.ci-steps li::before { content:counter(st); position:absolute; left:12px; top:12px; width:28px; height:28px; border-radius:8px; background:var(--ac); color:#fff; font-size:13px; font-weight:800; display:flex; align-items:center; justify-content:center; } | |||
.ci-steps li strong { color:var(--ink); } | |||
.ci-rules { list-style:none; margin:10px 0 0; display:grid; grid-template-columns:repeat(auto-fit, minmax(300px,1fr)); gap:0 18px; background:#fff; border:1px solid var(--line); border-radius:10px; padding:6px 16px; } | |||
.ci-rules li { position:relative; padding:8px 0 8px 16px; border-bottom:1px solid rgba(94,207,168,0.1); font-size:12.5px; } | |||
.ci-rules li::before { content:""; position:absolute; left:0; top:15px; width:6px; height:6px; border-radius:50%; background:var(--ac); } | |||
.ci-rules li strong { color:var(--ink); } | |||
.ci-coord { display:inline-block; font-family:Consolas, "Courier New", monospace; font-size:10.5px; font-weight:700; color:var(--mint-dk); background:var(--mint-bg); border:1px solid rgba(94,207,168,0.24); border-radius:20px; padding:0 8px; white-space:nowrap; } | |||
/* NPC e tickets */ | |||
.ci-tickets { display:grid; grid-template-columns:repeat(auto-fit, minmax(260px,1fr)); gap:10px; margin-top:10px; } | |||
.ci-ticket { display:flex; align-items:center; gap:12px; background:linear-gradient(110deg, var(--night), #2D1055); border:1px solid var(--ac-ln); border-radius:12px; padding:12px 16px; } | |||
.ci-ticket-art { width:52px; height:52px; flex-shrink:0; border-radius:12px; background:rgba(124,58,237,0.18); border:1px solid rgba(124,58,237,0.32); display:flex; align-items:center; justify-content:center; } | |||
.ci-ticket-art img { width:34px; height:34px; } | |||
.ci-ticket-k { font-size:9px; font-weight:800; letter-spacing:0.8px; text-transform:uppercase; color:rgba(216,180,254,0.65); } | |||
.ci-ticket-name { font-size:14px; font-weight:800; color:#fff; margin:2px 0 3px; } | |||
.ci-ticket-desc { font-size:12px; color:rgba(255,255,255,0.7); } | |||
/* TIERS */ | |||
.ci-tier { background:#fff; border:1px solid var(--ln); border-top:3px solid var(--c); border-radius:12px; overflow:hidden; } | |||
.ci-tier-head { display:flex; align-items:center; gap:10px; padding:10px 16px; background:var(--bg); border-bottom:1px solid var(--ln); } | |||
.ci-tier-name { font-size:13px; font-weight:800; color:var(--c); text-transform:uppercase; letter-spacing:0.8px; } | |||
.ci-tier-tag { margin-left:auto; font-size:11px; font-weight:700; color:var(--label); } | |||
.ci-tier-tag b { color:var(--ink); } | |||
.ci-items { display:grid; grid-template-columns:repeat(auto-fill, minmax(250px,1fr)); } | |||
.ci-it { display:flex; align-items:center; gap:10px; padding:8px 14px; border-bottom:1px solid rgba(94,207,168,0.1); border-right:1px solid rgba(94,207,168,0.1); } | |||
.ci-it img { width:28px; height:28px; flex-shrink:0; } | |||
.ci-noimg { width:28px; height:28px; flex-shrink:0; border-radius:6px; background:var(--bg); border:1px dashed var(--ln); } | |||
.ci-it-txt { flex:1; min-width:0; } | |||
.ci-it-name { font-size:12.5px; font-weight:700; color:var(--ink); } | |||
.ci-qty { display:inline-block; margin-left:6px; font-size:10.5px; font-weight:800; color:var(--c); background:var(--bg); border:1px solid var(--ln); padding:0 7px; border-radius:20px; } | |||
.ci-it-pct { font-size:11px; font-weight:800; color:var(--c); white-space:nowrap; font-variant-numeric:tabular-nums; } | |||
.ci-tw { overflow-x:auto; } | |||
.ci-table { width:100%; border-collapse:collapse; font-size:12.5px; } | |||
.ci-table th { background:var(--mint-bg); font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:0.7px; color:var(--label); padding:8px 14px; text-align:left; border-bottom:1px solid var(--line); white-space:nowrap; } | |||
.ci-table th.num { text-align:right; } | |||
.ci-table td { padding:7px 14px; border-bottom:1px solid rgba(94,207,168,0.08); } | |||
.ci-table tr:last-child td { border-bottom:none; } | |||
.ci-table .num { text-align:right; font-weight:800; font-variant-numeric:tabular-nums; color:var(--ink); } | |||
.ci-tit { display:inline-flex; align-items:center; gap:8px; font-weight:700; color:var(--ink); } | |||
.ci-tit img { width:24px; height:24px; } | |||
/* CAIXAS */ | |||
.ci-pair { display:grid; grid-template-columns:repeat(auto-fit, minmax(300px,1fr)); gap:10px; margin-top:10px; } | |||
.ci-box { background:#fff; border:1px solid var(--line); border-radius:10px; padding:12px 14px; } | |||
.ci-box-k { font-size:10px; font-weight:800; letter-spacing:0.9px; text-transform:uppercase; color:var(--ac-dk); margin-bottom:6px; display:flex; align-items:center; gap:8px; } | |||
.ci-box-k img { width:24px; height:24px; } | |||
.ci-box ul { list-style:none; margin:0; padding:0; } | |||
.ci-box li { position:relative; padding:5px 0 5px 14px; font-size:12.5px; border-top:1px solid rgba(94,207,168,0.1); } | |||
.ci-box li:first-child { border-top:none; } | |||
.ci-box li::before { content:""; position:absolute; left:0; top:12px; width:5px; height:5px; border-radius:50%; background:var(--ac); } | |||
.ci-box li strong { color:var(--ink); } | |||
.ci-pity { display:flex; align-items:center; gap:16px; background:linear-gradient(110deg, var(--night), #2D1055); border-radius:12px; padding:14px 18px; margin-top:10px; } | |||
.ci-pity-num { font-size:34px; font-weight:900; color:var(--ac-lt); line-height:1; flex-shrink:0; } | |||
.ci-pity-text { font-size:12.5px; color:rgba(255,255,255,0.72); } | |||
.ci-pity-text strong { color:#fff; } | |||
.ci-note { display:flex; gap:10px; align-items:flex-start; background:var(--mint-bg); border:1px solid rgba(94,207,168,0.24); border-radius:10px; padding:11px 14px; font-size:12px; color:var(--mint-dk); margin-top:10px; } | |||
.ci-note svg { flex-shrink:0; margin-top:1px; color:var(--mint); } | |||
.ci-note strong { color:var(--ink2); } | |||
.ci-foot { margin-top:14px; font-size:11px; color:var(--label); text-align:right; } | |||
/* MONSTROS */ | |||
.ci-mobs { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px; } | |||
.ci-mob { display:flex; align-items:center; gap:14px; background:#fff; border:1px solid var(--line); border-radius:12px; padding:12px 14px; } | |||
.ci-mob-art { width:84px; height:84px; flex-shrink:0; border-radius:10px; background:var(--ac-bg); border:1px solid var(--ac-ln); display:flex; align-items:center; justify-content:center; overflow:hidden; } | |||
.ci-mob-art img { max-width:76px; max-height:76px; } | |||
.ci-mob-name { font-size:14px; font-weight:800; color:var(--ink); } | |||
.ci-mob-meta { font-size:11.5px; color:var(--label); margin:2px 0 6px; } | |||
.ci-pill { display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:800; color:var(--ac-dk); background:var(--ac-bg); border:1px solid var(--ac-ln); border-radius:20px; padding:2px 10px 2px 4px; } | |||
.ci-pill img { width:18px; height:18px; } | |||
.ci-boss { display:grid; grid-template-columns:150px 1fr; gap:0; margin-top:10px; background:#fff; border:1px solid rgba(217,119,6,0.3); border-top:3px solid #D97706; border-radius:12px; overflow:hidden; } | |||
.ci-boss-art { background:linear-gradient(160deg,#FFFBEB,#FEF3C7); display:flex; align-items:center; justify-content:center; padding:14px; } | |||
.ci-boss-art img { max-width:120px; max-height:120px; } | |||
.ci-boss-body { padding:12px 16px; } | |||
.ci-boss-k { font-size:10px; font-weight:800; letter-spacing:0.9px; text-transform:uppercase; color:#92400E; } | |||
.ci-boss-name { font-size:16px; font-weight:900; color:var(--ink); margin:2px 0 4px; } | |||
.ci-boss-meta { font-size:11.5px; color:var(--label); margin-bottom:10px; } | |||
.ci-bonus { display:flex; align-items:center; gap:12px; background:#FFFBEB; border:1px solid rgba(217,119,6,0.3); border-radius:10px; padding:8px 12px; margin-bottom:10px; } | |||
.ci-bonus img { width:32px; height:32px; } | |||
.ci-bonus-v { font-size:16px; font-weight:900; color:#78350F; } | |||
.ci-bonus-s { font-size:11px; font-weight:600; color:#92400E; } | |||
.ci-drops { display:grid; grid-template-columns:repeat(auto-fill, minmax(200px,1fr)); gap:6px; } | |||
.ci-drop { display:flex; align-items:center; gap:8px; padding:5px 8px; border:1px solid var(--line); border-radius:8px; background:#FAFCFA; font-size:12px; font-weight:600; color:var(--ink2); } | |||
.ci-drop img { width:24px; height:24px; flex-shrink:0; } | |||
.ci-drop b { margin-left:auto; font-size:11px; color:#92400E; font-variant-numeric:tabular-nums; } | |||
/* HORÁRIO */ | |||
.ci-clock { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:8px; } | |||
.ci-tick { background:#fff; border:1px solid var(--line); border-radius:10px; padding:10px 12px; } | |||
.ci-tick-t { font-size:20px; font-weight:900; color:var(--ink); font-variant-numeric:tabular-nums; } | |||
.ci-tick-d { font-size:11.5px; color:var(--label); } | |||
.ci-tick.open { border-color:rgba(22,163,74,0.35); background:#F0FDF4; } | |||
.ci-tick.open .ci-tick-t { color:#15803D; } | |||
.ci-tick.warn { border-color:rgba(217,119,6,0.35); background:#FFFBEB; } | |||
.ci-tick.warn .ci-tick-t { color:#B45309; } | |||
.ci-tick.close { border-color:var(--ac-ln); background:var(--ac-bg); } | |||
.ci-tick.close .ci-tick-t { color:var(--ac-dk); } | |||
/* RISCOS */ | |||
.ci-risks { display:grid; grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); gap:8px; } | |||
.ci-risk { background:#fff; border:1px solid var(--line); border-left:3px solid var(--ac); border-radius:10px; padding:10px 14px; } | |||
.ci-risk.ok { border-left-color:#16A34A; } | |||
.ci-risk-k { font-size:12.5px; font-weight:800; color:var(--ink); margin-bottom:3px; } | |||
.ci-risk-t { font-size:12px; color:var(--mute); } | |||
.ci-chips { display:flex; flex-wrap:wrap; gap:6px; } | |||
.ci-chip { display:inline-flex; align-items:center; gap:6px; font-size:11.5px; font-weight:700; color:var(--ink2); background:#fff; border:1px solid var(--line); border-radius:20px; padding:3px 10px 3px 4px; } | |||
.ci-chip img { width:20px; height:20px; } | |||
.ci-chip.no { color:var(--ac-dk); border-color:var(--ac-ln); background:var(--ac-bg); } | |||
/* NPCs */ | |||
.ci-npcs { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px; } | |||
.ci-npc { background:linear-gradient(110deg, var(--night), #2D1055); border:1px solid var(--ac-ln); border-radius:12px; padding:12px 14px; } | |||
.ci-npc-n { font-size:14px; font-weight:800; color:#fff; } | |||
.ci-npc-s { font-size:11.5px; color:rgba(255,255,255,0.6); } | |||
/* ENCANTAMENTO */ | |||
.ci-ench { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px; } | |||
.ci-ench-col { background:#fff; border:1px solid var(--line); border-radius:12px; overflow:hidden; } | |||
.ci-ench-head { background:var(--night); color:var(--ac-lt); font-size:11px; font-weight:800; letter-spacing:0.9px; text-transform:uppercase; padding:9px 14px; } | |||
.ci-ench-k { font-size:9.5px; font-weight:800; letter-spacing:0.8px; text-transform:uppercase; color:var(--label); padding:9px 14px 4px; } | |||
.ci-ench-list { list-style:none; margin:0; padding:0 14px 10px; } | |||
.ci-ench-list li { display:flex; align-items:center; gap:8px; padding:4px 0; font-size:12px; color:var(--ink2); border-top:1px solid rgba(94,207,168,0.1); } | |||
.ci-ench-list li:first-child { border-top:none; } | |||
.ci-ench-list li b { color:var(--ink); white-space:nowrap; } | |||
.ci-ench-list li span { display:block; color:var(--mute); font-size:11px; line-height:1.35; } | |||
.ci-ench-list img { width:20px; height:20px; flex-shrink:0; } | |||
@media (max-width: 720px) { | |||
.ci-clock { grid-template-columns:repeat(2, minmax(0,1fr)); } | |||
.ci-npcs { grid-template-columns:1fr; } | |||
.ci-hero { padding:20px 18px 0; } | |||
.ci-hero-art { display:none; } | |||
.ci-title { font-size:22px; } | |||
.ci-facts { grid-template-columns:repeat(2, minmax(0,1fr)); margin:18px -18px 0; } | |||
.ci-fact { border-bottom:1px solid rgba(255,255,255,0.08); } | |||
.ci-fact:nth-child(2n) { border-right:none; } | |||
.ci-fact:last-child { grid-column:1 / -1; } | |||
.ci-sec-sub { display:none; } | |||
.ci-mobs, .ci-boss, .ci-ench { grid-template-columns:1fr; } | |||
.ci-boss-art { width:100%; } | |||
.ci-table th, .ci-table td { padding-left:10px; padding-right:10px; } | |||
.ci-pity { flex-direction:column; align-items:flex-start; } | |||
} | |||
/* EXTRA — Mestre das Classes */ | |||
.ci-alert { display:flex; gap:10px; align-items:flex-start; background:#FEF2F2; border:1px solid rgba(220,38,38,0.24); border-radius:10px; padding:11px 14px; font-size:12px; color:#B91C1C; margin-top:10px; } | |||
.ci-alert svg { flex-shrink:0; margin-top:1px; } | |||
.ci-alert strong { color:#7F1D1D; } | |||
.ci-ticket-k .ci-coord { text-transform:none; letter-spacing:0; } | |||
.ci-stages { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:10px; } | |||
.ci-stage { background:#fff; border:1px solid var(--line); border-top:3px solid var(--c); border-radius:12px; padding:12px 14px; display:flex; flex-direction:column; } | |||
.ci-stage-k { font-size:9.5px; font-weight:800; letter-spacing:0.9px; text-transform:uppercase; color:var(--c); } | |||
.ci-stage-n { font-size:15px; font-weight:900; color:var(--ink); margin:2px 0 2px; } | |||
.ci-stage-p { font-size:11.5px; color:var(--label); margin-bottom:10px; } | |||
.ci-stage-row { display:flex; align-items:center; gap:8px; padding:6px 0; border-top:1px solid rgba(94,207,168,0.12); font-size:12px; color:var(--mute); } | |||
.ci-stage-row img { width:22px; height:22px; } | |||
.ci-stage-row b { margin-left:auto; color:var(--ink); white-space:nowrap; } | |||
.ci-arrow { color:var(--ac); font-weight:900; padding:0 4px; } | |||
.ci-table td.dim { color:var(--label); } | |||
@media (max-width: 720px) { | |||
.ci-stages { grid-template-columns:1fr; } | |||
} | |||
.ci-chg { display:inline-flex; align-items:center; gap:4px; margin-top:2px; font-size:10.5px; font-weight:800; font-family:Consolas, "Courier New", monospace; } | |||
.ci-chg .f { color:var(--label); } | |||
.ci-chg .a { color:var(--c); opacity:0.6; } | |||
.ci-chg .t { color:var(--c); } | |||
.ci-grp { grid-column:1 / -1; padding:7px 14px; font-size:9.5px; font-weight:800; letter-spacing:0.9px; text-transform:uppercase; color:var(--label); background:#FAFCFA; border-bottom:1px solid rgba(94,207,168,0.12); } | |||
.ci-sub { font-size:13px; font-weight:800; color:var(--ink); margin:18px 0 8px; display:flex; align-items:center; gap:8px; } | |||
.ci-sub::before { content:""; width:4px; height:14px; border-radius:2px; background:var(--ac); } | |||
.ci-stages.two { grid-template-columns:repeat(2, minmax(0,1fr)); } | |||
.ci-sec-sub .ci-coord { margin-left:4px; } | |||
@media (max-width: 720px) { .ci-stages.two { grid-template-columns:1fr; } } | |||
/* ---------- extras Caixa do Iniciante ---------- */ | |||
.ci-list { display:grid; gap:10px; } | |||
.ci-grpbox { background:#fff; border:1px solid var(--line); border-radius:12px; overflow:hidden; } | |||
.ci-grpbox-h { display:flex; align-items:center; gap:10px; padding:9px 14px; background:var(--night); } | |||
.ci-grpbox-h span { font-size:11px; font-weight:800; letter-spacing:0.9px; text-transform:uppercase; color:var(--ac-lt); } | |||
.ci-grpbox-h b { margin-left:auto; font-size:10px; font-weight:800; color:rgba(255,255,255,0.55); } | |||
.ci-row { display:flex; align-items:center; gap:12px; padding:10px 14px; border-top:1px solid rgba(94,207,168,0.1); } | |||
.ci-row:first-of-type { border-top:none; } | |||
.ci-row-art { width:44px; height:44px; flex-shrink:0; border-radius:10px; background:var(--ac-bg); border:1px solid var(--ac-ln); display:flex; align-items:center; justify-content:center; } | |||
.ci-row-art img { width:32px; height:32px; } | |||
.ci-row-txt { flex:1; min-width:0; } | |||
.ci-row-n { font-size:13px; font-weight:800; color:var(--ink); } | |||
.ci-row-n em { font-style:normal; font-size:10px; font-weight:800; color:var(--ac-dk); background:var(--ac-bg); border:1px solid var(--ac-ln); border-radius:20px; padding:1px 7px; margin-left:6px; vertical-align:1px; white-space:nowrap; } | |||
.ci-row-d { font-size:12px; color:var(--mute); margin-top:1px; } | |||
.ci-row-q { flex-shrink:0; font-size:15px; font-weight:900; color:var(--ac-dk); font-variant-numeric:tabular-nums; } | |||
@media (max-width: 520px) { | |||
.ci-row { align-items:flex-start; } | |||
.ci-row-n em { display:inline-block; margin:3px 0 0 6px; } | |||
} | |||
</style> | |||
<div class="ci"> | |||
<!-- ============ HERO ============ --> | |||
<div class="ci-hero"> | |||
<div class="ci-hero-main"> | |||
<div class="ci-hero-text"> | |||
<div class="ci-eyebrow">Boas-vindas · Conta nova</div> | |||
<div | <div class="ci-title">Caixa do Iniciante</div> | ||
<p class="ci-pitch">Mobilidade, armazém, VIP, bônus de EXP e drop e quatro visuais para os primeiros dias. Chega sozinha no primeiro personagem da conta.</p> | |||
<div | |||
< | |||
</div> | </div> | ||
<div class="ci-hero-art"><img class="px" src="https://static.divine-pride.net/images/items/item/23285.png" alt="" width="60" height="60" style="image-rendering:pixelated;" onerror="if(!this.dataset.f){this.dataset.f=1;this.src='https://www.eddaworld.com.br/img/itens/23285.png';}else{this.style.visibility='hidden';}"></div> | |||
</div> | </div> | ||
<div class="ci-facts"> | |||
< | <div class="ci-fact"><div class="ci-fact-k">Entrega</div><div class="ci-fact-v">Ao logar</div></div> | ||
<div class="ci-fact"><div class="ci-fact-k">Limite</div><div class="ci-fact-v">1 <small>por conta</small></div></div> | |||
<div class="ci-fact"><div class="ci-fact-k">Itens</div><div class="ci-fact-v">12 <small>· 16 unidades</small></div></div> | |||
<div | <div class="ci-fact"><div class="ci-fact-k">Prazo</div><div class="ci-fact-v">7 dias <small>· maioria</small></div></div> | ||
<div class="ci-fact"><div class="ci-fact-k">Negociável</div><div class="ci-fact-v">Não</div></div> | |||
<div | |||
</div> | </div> | ||
</div> | |||
<!-- ============ SUMÁRIO ============ --> | |||
<div class="ci-nav"> | |||
<a href="#ci-como"><span>01</span>Como receber</a> | |||
<a href="#ci-itens"><span>02</span>O que vem na caixa</a> | |||
</div> | </div> | ||
<!-- | <!-- ============ 01 COMO RECEBER ============ --> | ||
<div | <div class="ci-sec" id="ci-como"> | ||
<div | <div class="ci-sec-head"><span class="ci-sec-num">01</span><div class="ci-sec-title">Como receber</div><span class="ci-sec-sub">Automático</span></div> | ||
<ul class="ci-rules" style="margin-top:0;"> | |||
<li>A caixa chega no inventário quando o <strong>primeiro personagem criado</strong> na conta faz login.</li> | |||
<li>É entregue <strong>uma vez por conta</strong>. Outros personagens da mesma conta não recebem.</li> | |||
<li>A caixa e todos os itens dela ficam <strong>presos à conta</strong>: não podem ser negociados nem largados.</li> | |||
<li>Se faltar peso ou espaço na mochila, a caixa volta inteira para o inventário. Libere espaço e abra de novo.</li> | |||
</ul> | |||
</div> | |||
<div style=" | <!-- ============ 02 ITENS ============ --> | ||
<div class="ci-sec" id="ci-itens"> | |||
<div class="ci-sec-head"><span class="ci-sec-num">02</span><div class="ci-sec-title">O que vem na caixa</div><span class="ci-sec-sub">12 itens</span></div> | |||
<div class="ci-list"><div class="ci-grpbox"><div class="ci-grpbox-h"><span>Mobilidade</span><b>3 itens</b></div><div class="ci-row"><div class="ci-row-art"><img class="px" src="https://static.divine-pride.net/images/items/item/23329.png" alt="" width="32" height="32" style="image-rendering:pixelated;" onerror="if(!this.dataset.f){this.dataset.f=1;this.src='https://www.eddaworld.com.br/img/itens/23329.png';}else{this.style.visibility='hidden';}"></div><div class="ci-row-txt"><div class="ci-row-n">Asa de Mosca Ilimitada<em>7 dias</em></div><div class="ci-row-d">Teleporta para um ponto aleatório do mapa. Não é gasta ao usar.</div></div><div class="ci-row-q">1×</div></div><div class="ci-row"><div class="ci-row-art"><img class="px" src="https://static.divine-pride.net/images/items/item/12507.png" alt="" width="32" height="32" style="image-rendering:pixelated;" onerror="if(!this.dataset.f){this.dataset.f=1;this.src='https://www.eddaworld.com.br/img/itens/12507.png';}else{this.style.visibility='hidden';}"></div><div class="ci-row-txt"><div class="ci-row-n">Asa de Borboleta<em>7 dias</em></div><div class="ci-row-d">Leva ao ponto de retorno. Não é gasta ao usar. Não funciona na Batalha Campal.</div></div><div class="ci-row-q">1×</div></div><div class="ci-row"><div class="ci-row-art"><img class="px" src="https://static.divine-pride.net/images/items/item/12622.png" alt="" width="32" height="32" style="image-rendering:pixelated;" onerror="if(!this.dataset.f){this.dataset.f=1;this.src='https://www.eddaworld.com.br/img/itens/12622.png';}else{this.style.visibility='hidden';}"></div><div class="ci-row-txt"><div class="ci-row-n">Rédeas<em>7 dias</em></div><div class="ci-row-d">Liga e desliga a montaria. Não é gasta ao usar.</div></div><div class="ci-row-q">1×</div></div></div><div class="ci-grpbox"><div class="ci-grpbox-h"><span>Conveniência</span><b>2 itens</b></div><div class="ci-row"><div class="ci-row-art"><img class="px" src="https://static.divine-pride.net/images/items/item/12211.png" alt="" width="32" height="32" style="image-rendering:pixelated;" onerror="if(!this.dataset.f){this.dataset.f=1;this.src='https://www.eddaworld.com.br/img/itens/12211.png';}else{this.style.visibility='hidden';}"></div><div class="ci-row-txt"><div class="ci-row-n">Cartão Kafra<em>7 dias</em></div><div class="ci-row-d">Abre o armazém em qualquer lugar, exceto na Zona Morta.</div></div><div class="ci-row-q">1×</div></div><div class="ci-row"><div class="ci-row-art"><img class="px" src="https://static.divine-pride.net/images/items/item/410185.png" alt="" width="32" height="32" style="image-rendering:pixelated;" onerror="if(!this.dataset.f){this.dataset.f=1;this.src='https://www.eddaworld.com.br/img/itens/410185.png';}else{this.style.visibility='hidden';}"></div><div class="ci-row-txt"><div class="ci-row-n">Éden de Bolso<em>7 dias</em></div><div class="ci-row-d">Entrega as missões do Grupo Éden já completas sem ir até o quadro. Funciona com até 3 missões ativas.</div></div><div class="ci-row-q">1×</div></div></div><div class="ci-grpbox"><div class="ci-grpbox-h"><span>Bônus</span><b>3 itens</b></div><div class="ci-row"><div class="ci-row-art"><img class="px" src="https://static.divine-pride.net/images/items/item/25876.png" alt="" width="32" height="32" style="image-rendering:pixelated;" onerror="if(!this.dataset.f){this.dataset.f=1;this.src='https://www.eddaworld.com.br/img/itens/25876.png';}else{this.style.visibility='hidden';}"></div><div class="ci-row-txt"><div class="ci-row-n">Ticket VIP<em>1 dia</em></div><div class="ci-row-d">Cada ticket dá 1 dia de VIP. Relogue depois de usar para ativar.</div></div><div class="ci-row-q">3×</div></div><div class="ci-row"><div class="ci-row-art"><img class="px" src="https://static.divine-pride.net/images/items/item/12210.png" alt="" width="32" height="32" style="image-rendering:pixelated;" onerror="if(!this.dataset.f){this.dataset.f=1;this.src='https://www.eddaworld.com.br/img/itens/12210.png';}else{this.style.visibility='hidden';}"></div><div class="ci-row-txt"><div class="ci-row-n">Goma de Mascar 50%<em>30 min</em></div><div class="ci-row-d">Chance de drop +50% por 30 minutos.</div></div><div class="ci-row-q">2×</div></div><div class="ci-row"><div class="ci-row-art"><img class="px" src="https://static.divine-pride.net/images/items/item/12208.png" alt="" width="32" height="32" style="image-rendering:pixelated;" onerror="if(!this.dataset.f){this.dataset.f=1;this.src='https://www.eddaworld.com.br/img/itens/12208.png';}else{this.style.visibility='hidden';}"></div><div class="ci-row-txt"><div class="ci-row-n">Manual de Combate<em>30 min</em></div><div class="ci-row-d">EXP +50% por 30 minutos.</div></div><div class="ci-row-q">3×</div></div></div><div class="ci-grpbox"><div class="ci-grpbox-h"><span>Visuais</span><b>4 itens</b></div><div class="ci-row"><div class="ci-row-art"><img class="px" src="https://static.divine-pride.net/images/items/item/19656.png" alt="" width="32" height="32" style="image-rendering:pixelated;" onerror="if(!this.dataset.f){this.dataset.f=1;this.src='https://www.eddaworld.com.br/img/itens/19656.png';}else{this.style.visibility='hidden';}"></div><div class="ci-row-txt"><div class="ci-row-n">Chapéu do Bardo Verde<em>7 dias</em></div><div class="ci-row-d">Visual temporário.</div></div><div class="ci-row-q">1×</div></div><div class="ci-row"><div class="ci-row-art"><img class="px" src="https://static.divine-pride.net/images/items/item/19551.png" alt="" width="32" height="32" style="image-rendering:pixelated;" onerror="if(!this.dataset.f){this.dataset.f=1;this.src='https://www.eddaworld.com.br/img/itens/19551.png';}else{this.style.visibility='hidden';}"></div><div class="ci-row-txt"><div class="ci-row-n">Símbolo Élfico<em>7 dias</em></div><div class="ci-row-d">Visual temporário.</div></div><div class="ci-row-q">1×</div></div><div class="ci-row"><div class="ci-row-art"><img class="px" src="https://static.divine-pride.net/images/items/item/19713.png" alt="" width="32" height="32" style="image-rendering:pixelated;" onerror="if(!this.dataset.f){this.dataset.f=1;this.src='https://www.eddaworld.com.br/img/itens/19713.png';}else{this.style.visibility='hidden';}"></div><div class="ci-row-txt"><div class="ci-row-n">Trevo Visual de Quatro Folhas<em>7 dias</em></div><div class="ci-row-d">Visual temporário.</div></div><div class="ci-row-q">1×</div></div><div class="ci-row"><div class="ci-row-art"><img class="px" src="https://static.divine-pride.net/images/items/item/480110.png" alt="" width="32" height="32" style="image-rendering:pixelated;" onerror="if(!this.dataset.f){this.dataset.f=1;this.src='https://www.eddaworld.com.br/img/itens/480110.png';}else{this.style.visibility='hidden';}"></div><div class="ci-row-txt"><div class="ci-row-n">Mochila do Doram Aventureiro<em>7 dias</em></div><div class="ci-row-d">Visual temporário.</div></div><div class="ci-row-q">1×</div></div></div></div> | |||
<div class="ci-note"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="7" stroke="currentColor" stroke-width="1.6"/><path d="M8 7v4M8 4.6v.1" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg><span>Asa de Mosca, Asa de Borboleta, Rédeas, Cartão Kafra e Éden de Bolso vêm em caixas próprias: o prazo de 7 dias começa quando você abre cada uma. O prazo dos visuais começa ao abrir a Caixa do Iniciante.</span></div> | |||
<div class="ci-note"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="7" stroke="currentColor" stroke-width="1.6"/><path d="M8 7v4M8 4.6v.1" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg><span>Quem volta ao jogo depois de 15 dias ou mais sem logar recebe o <strong>Bônus de Retorno</strong>, com outra seleção de itens.</span></div> | |||
</div> | |||
<div class="ci-foot">Conferido com o emulador em 28/10/2026.</div> | |||
</div> | </div> | ||
</html> | </html> | ||
Edição atual tal como às 17h09min de 28 de outubro de 2026
Boas-vindas · Conta nova
Caixa do Iniciante
Mobilidade, armazém, VIP, bônus de EXP e drop e quatro visuais para os primeiros dias. Chega sozinha no primeiro personagem da conta.

Entrega
Ao logar
Limite
1 por conta
Itens
12 · 16 unidades
Prazo
7 dias · maioria
Negociável
Não
01
Como receber
Automático- A caixa chega no inventário quando o primeiro personagem criado na conta faz login.
- É entregue uma vez por conta. Outros personagens da mesma conta não recebem.
- A caixa e todos os itens dela ficam presos à conta: não podem ser negociados nem largados.
- Se faltar peso ou espaço na mochila, a caixa volta inteira para o inventário. Libere espaço e abra de novo.
02
O que vem na caixa
12 itensMobilidade3 itens
Asa de Mosca Ilimitada7 dias
Teleporta para um ponto aleatório do mapa. Não é gasta ao usar.
1×
Asa de Borboleta7 dias
Leva ao ponto de retorno. Não é gasta ao usar. Não funciona na Batalha Campal.
1×
Rédeas7 dias
Liga e desliga a montaria. Não é gasta ao usar.
1×
Conveniência2 itens
Cartão Kafra7 dias
Abre o armazém em qualquer lugar, exceto na Zona Morta.
1×
Éden de Bolso7 dias
Entrega as missões do Grupo Éden já completas sem ir até o quadro. Funciona com até 3 missões ativas.
1×
Bônus3 itens
Ticket VIP1 dia
Cada ticket dá 1 dia de VIP. Relogue depois de usar para ativar.
3×
Goma de Mascar 50%30 min
Chance de drop +50% por 30 minutos.
2×
Manual de Combate30 min
EXP +50% por 30 minutos.
3×
Visuais4 itens
Chapéu do Bardo Verde7 dias
Visual temporário.
1×
Símbolo Élfico7 dias
Visual temporário.
1×
Trevo Visual de Quatro Folhas7 dias
Visual temporário.
1×
Mochila do Doram Aventureiro7 dias
Visual temporário.
1×
Asa de Mosca, Asa de Borboleta, Rédeas, Cartão Kafra e Éden de Bolso vêm em caixas próprias: o prazo de 7 dias começa quando você abre cada uma. O prazo dos visuais começa ao abrir a Caixa do Iniciante.
Quem volta ao jogo depois de 15 dias ou mais sem logar recebe o Bônus de Retorno, com outra seleção de itens.
Conferido com o emulador em 28/10/2026.