:root{
  --bg:#071014; --panel:rgba(13,22,29,.86); --panel2:rgba(20,33,44,.78); --text:#e9f6ff; --muted:#9db0be;
  --primary:#60f5b2; --secondary:#38bdf8; --danger:#ff5577; --warning:#ffcc66; --border:rgba(255,255,255,.10);
  --shadow:0 20px 70px rgba(0,0,0,.45); --radius:18px;
}
*{box-sizing:border-box} body{margin:0;color:var(--text);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 20% 0%,rgba(56,189,248,.18),transparent 30%),radial-gradient(circle at 75% 10%,rgba(96,245,178,.12),transparent 30%),linear-gradient(180deg,#061014,#0b121b 45%,#111827);min-height:100vh}
body:before{content:"";position:fixed;inset:0;background:url('../img/ark-bg.png') center/cover no-repeat;opacity:.14;filter:blur(1px);z-index:-2} body:after{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(7,16,20,.92),rgba(7,16,20,.72));z-index:-1}
a{color:inherit;text-decoration:none}.glass{background:linear-gradient(180deg,var(--panel),rgba(8,15,22,.84));border:1px solid var(--border);box-shadow:var(--shadow);backdrop-filter:blur(12px)}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 36px;background:rgba(4,10,14,.84);border-bottom:1px solid var(--border);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.4px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#041014;font-weight:950}.topbar nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.topbar nav a{color:#cfe7f5;font-weight:700;font-size:14px}.topbar nav a:hover{color:white}.nav-user{color:var(--primary);font-weight:800}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:12px 18px;font-weight:900;cursor:pointer;transition:.15s;gap:8px}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#041014}.btn.secondary{border:1px solid var(--border);background:rgba(255,255,255,.06);color:#eaf7ff}.btn.tiny{padding:8px 12px;font-size:13px}.btn.full{width:100%}.btn.danger{background:rgba(255,85,119,.16);color:#ffd5dd;border:1px solid rgba(255,85,119,.32)}button:disabled,.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.hero{max-width:1180px;margin:0 auto;padding:86px 24px 40px}.hero-card{max-width:760px;border-radius:28px;padding:44px}.kicker{color:var(--primary);text-transform:uppercase;font-weight:950;font-size:12px;letter-spacing:1.8px}.hero h1,.page-title h1,.auth-card h1{font-size:clamp(34px,5vw,62px);line-height:1;margin:12px 0}.hero p,.page-title p,.auth-card p{font-size:17px;line-height:1.7;color:#c7d6e1}.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:28px}.points-pill,.wallet-card{border:1px solid var(--border);background:rgba(0,0,0,.22);border-radius:14px;padding:12px 16px;font-weight:900}.wallet-card span{display:block;color:var(--muted);font-size:12px}.wallet-card strong{font-size:30px;color:var(--primary)}
.notice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.notice-card{background:rgba(16,28,38,.74);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.notice-card h3{margin-top:0}.notice-card p{color:#b9c8d3;line-height:1.55}.notice-card.stat span{color:var(--muted);font-size:13px}.notice-card.stat strong{display:block;font-size:34px;color:var(--primary);margin-top:8px}.system-wait,.empty-state{margin-top:26px;border-radius:var(--radius);padding:28px}.system-wait h2,.empty-state h2{margin-top:0}
.page-wrap{max-width:1180px;margin:0 auto;padding:42px 24px}.page-title{border-radius:var(--radius);padding:26px 28px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.page-title h1{font-size:40px}.package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.package-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:22px;background:linear-gradient(180deg,rgba(16,27,37,.92),rgba(8,14,20,.96));padding:20px;box-shadow:var(--shadow)}.package-card:before{content:"";position:absolute;inset:-2px -2px auto;height:6px;background:linear-gradient(90deg,#fff,rgba(255,255,255,.1));opacity:.7}.package-card.green:before{background:#22c55e}.package-card.yellow:before{background:#eab308}.package-card.blue:before{background:#38bdf8}.package-card.red:before{background:#ef4444}.package-card.white:before{background:#e5e7eb}.package-top{display:flex;align-items:center;gap:15px}.package-top img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}.package-top h2{margin:0 0 4px}.package-top p{margin:0;color:var(--muted)}.package-meta{display:flex;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid var(--border);color:#c9d8e3}.reward-list{padding:14px 0}.reward-list h3{margin:0 0 12px}.reward-row{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:10px;margin:8px 0;padding:9px 10px;border-radius:11px;background:rgba(255,255,255,.045)}.rarity{display:block;width:10px;height:10px;border-radius:50%;background:#d1d5db}.rarity.green{background:#22c55e}.rarity.blue{background:#38bdf8}.rarity.purple{background:#d946ef}.rarity.yellow{background:#eab308}.rarity.red{background:#ef4444}.lock-msg{margin:10px 0 0;color:#ffd98a;font-size:13px}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}
.auth-page{min-height:calc(100vh - 80px);display:grid;place-items:center;padding:30px}.auth-card{width:min(520px,100%);border-radius:24px;padding:32px}.form-stack{display:flex;flex-direction:column;gap:12px}.form-stack label{font-weight:800;color:#dcebf5}.form-stack input,.form-stack select,.form-stack textarea{width:100%;border:1px solid var(--border);background:rgba(0,0,0,.22);border-radius:12px;color:var(--text);padding:12px 13px;outline:0}.form-stack textarea{resize:vertical}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus{border-color:rgba(96,245,178,.6)}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto}
.alert{border-radius:14px;padding:13px 16px;margin:14px 0;border:1px solid var(--border)}.alert.success{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.35)}.alert.error{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.35)}.alert.warning{background:rgba(234,179,8,.12);border-color:rgba(234,179,8,.35)}
.table-card,.form-card{border-radius:var(--radius);padding:22px;margin-bottom:20px;overflow-x:auto}.table-card h2,.form-card h2{margin-top:0}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--border)}th{color:#bcd0dd;font-size:13px;text-transform:uppercase;letter-spacing:.08em}td{color:#e7f3fa}.badge{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.badge.ok{background:rgba(34,197,94,.16);color:#86efac}.badge.warn{background:rgba(234,179,8,.16);color:#fde68a}.status{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;background:rgba(148,163,184,.18)}.status.pending{color:#fde68a}.status.delivered{color:#86efac}.status.error{color:#fca5a5}.status.canceled{color:#cbd5e1}.admin-grid{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:20px;align-items:start}.inline-form{display:flex;gap:6px;flex-wrap:wrap}.footer{max-width:1180px;margin:40px auto 0;padding:22px 24px;color:#aebfca;border-top:1px solid var(--border)}
@media(max-width:800px){.topbar{padding:14px 18px;align-items:flex-start;flex-direction:column}.notice-grid,.admin-grid{grid-template-columns:1fr}.page-title{align-items:flex-start;flex-direction:column}.hero{padding-top:42px}.hero-card{padding:28px}.package-meta{flex-direction:column}.wallet-card strong{font-size:24px}}

/* ARKTOPIA Rewards v2 - visual de caixas inspirado em roleta horizontal, sem aposta real */
.hero-reworked{position:relative;overflow:hidden}.hero-reworked:after{content:"";position:absolute;right:-90px;bottom:-120px;width:360px;height:360px;background:radial-gradient(circle,rgba(96,245,178,.22),transparent 62%);filter:blur(2px)}
.preview-roulette{max-width:900px;margin:24px auto 0;border-radius:22px;padding:28px;position:relative;overflow:hidden}.roulette-preview-track{display:flex;gap:10px;animation:previewRoll 18s linear infinite}.mini-reward{min-width:135px;height:92px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(0,0,0,.28));border:1px solid var(--border);box-shadow:inset 0 -26px 40px rgba(0,0,0,.34)}.mini-reward span{font-size:32px}.mini-reward strong{font-size:16px}.mini-reward.green{color:#86efac}.mini-reward.blue{color:#7dd3fc}.mini-reward.purple{color:#f0abfc}.mini-reward.yellow{color:#fde047}.mini-reward.red{color:#fca5a5}.mini-reward.white{color:#fff}
@keyframes previewRoll{from{transform:translateX(0)}to{transform:translateX(-420px)}}
.box-grid .loot-box{min-height:520px}.loot-box{transform:translateZ(0)}.loot-box:hover{border-color:rgba(96,245,178,.35);box-shadow:0 24px 90px rgba(0,0,0,.58),0 0 26px rgba(96,245,178,.08)}.loot-box .package-top img{width:92px;height:92px;transition:.2s}.loot-box:hover .package-top img{transform:translateY(-4px) scale(1.04)}.disabled-link{opacity:.45;pointer-events:none;filter:grayscale(.4)}.reward-list.compact{min-height:230px}
.roulette-page{max-width:1280px}.roulette-shell{border-radius:26px;padding:24px;margin-bottom:22px;position:relative;overflow:hidden}.roulette-shell:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:linear-gradient(180deg,#fff,transparent);opacity:.5}.roulette-shell.green:before{background:#22c55e}.roulette-shell.yellow:before{background:#eab308}.roulette-shell.blue:before{background:#38bdf8}.roulette-shell.red:before{background:#ef4444}.roulette-shell.white:before{background:#e5e7eb}.roulette-login-tip{max-width:560px;margin:0 auto 18px;padding:12px 16px;text-align:center;border-radius:12px;background:rgba(0,0,0,.34);color:#cfdae2;border:1px solid var(--border)}.roulette-topline{display:flex;align-items:center;gap:18px;justify-content:space-between;margin-bottom:18px}.roulette-topline h2{margin:0 0 4px}.roulette-topline p{margin:0;color:var(--muted)}.roulette-box-img{width:96px;height:96px;filter:drop-shadow(0 12px 22px rgba(0,0,0,.55))}
.roulette-machine{position:relative;margin:8px 0 20px;border-radius:18px;padding:16px;background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.42));border:1px solid var(--border);box-shadow:inset 0 0 50px rgba(0,0,0,.42)}.roulette-pointer{position:absolute;left:50%;top:0;z-index:4;transform:translate(-50%,-2px);width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:0;border-bottom:24px solid #5cff8d;filter:drop-shadow(0 0 12px rgba(92,255,141,.65))}.roulette-viewport{height:170px;overflow:hidden;border-radius:14px;mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%)}.roulette-track{display:flex;align-items:stretch;gap:0;will-change:transform;animation:boxPreviewRoll 26s linear infinite}.roulette-card{flex:0 0 150px;height:150px;margin:10px 0;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(0,0,0,.46));border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:inset 0 -44px 55px rgba(0,0,0,.42)}.roulette-card + .roulette-card{border-left:0}.roulette-card-media{height:62px;display:grid;place-items:center;font-size:42px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.55))}.roulette-card-media img{max-width:62px;max-height:62px;object-fit:contain}.roulette-card strong{font-size:13px;line-height:1.15;padding:0 8px;max-width:140px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.roulette-card span{margin-top:7px;font-weight:950;font-size:18px}.roulette-card.green span{color:#4ade80}.roulette-card.blue span{color:#38bdf8}.roulette-card.purple span{color:#e879f9}.roulette-card.yellow span{color:#eab308}.roulette-card.red span{color:#f87171}.roulette-card.white span,.roulette-card.common span{color:#f8fafc}.roulette-empty{padding:50px;color:var(--muted)}.roulette-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.spin-button{min-width:190px;font-size:16px}.compact-table{min-width:620px}.compact-table .rarity{display:inline-block;margin-right:8px;vertical-align:middle}
@keyframes boxPreviewRoll{from{transform:translateX(0)}to{transform:translateX(-900px)}}
@media(max-width:900px){.roulette-topline{align-items:flex-start;flex-direction:column}.roulette-card{flex-basis:130px}.roulette-viewport{height:160px}.preview-roulette{margin-left:24px;margin-right:24px}}