:root{--rag-gold:#e2b84c;--rag-orange:#d77a38;--rag-blue:#679ab6;--rag-red:#ce625b;--rag-line:#39352f;--rag-muted:#aaa49b}
.ragnarok-page{min-height:100vh;background:#0b0e12 radial-gradient(circle at 50% 0,rgba(126,74,29,.25),transparent 42%);color:#f4f0e8}.ragnarok-page .navbar{position:sticky;top:0;z-index:1000;background:rgba(8,10,14,.96);backdrop-filter:blur(12px)}
.ragnarok-main{max-width:1380px;margin:auto;padding:24px 28px 70px}.ragnarok-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:18px;color:#8c867c;font-size:.73rem}.ragnarok-breadcrumb a{color:#b8b0a3;text-decoration:none}.ragnarok-breadcrumb i{font-size:.55rem}
.ragnarok-hero{display:grid;grid-template-columns:minmax(0,1fr) 285px;align-items:end;gap:35px;padding:30px 0 38px}.ragnarok-kicker{margin:0 0 10px;color:var(--rag-gold);font-size:.73rem;font-weight:800;letter-spacing:.2em}.ragnarok-hero h1{margin:0;color:#fff;font-size:clamp(3rem,7vw,6rem);line-height:.9;text-shadow:0 0 38px rgba(215,122,56,.22)}.ragnarok-hero>div>p:not(.ragnarok-kicker){max-width:820px;margin:18px 0;color:var(--rag-muted);font-size:1rem;line-height:1.7}.ragnarok-stats{display:flex;flex-wrap:wrap;gap:8px}.ragnarok-stats span{padding:7px 10px;border:1px solid #4a3b2a;border-radius:999px;color:#c9c0b3;background:#17140f;font-size:.7rem}.ragnarok-stats strong{margin-right:3px;color:#f0c75b}
.ragnarok-countdown{padding:19px;border:1px solid rgba(226,184,76,.42);border-radius:13px;background:linear-gradient(145deg,#292015,#121318);box-shadow:0 15px 38px rgba(0,0,0,.32)}.ragnarok-countdown>span,.ragnarok-countdown small{display:block;color:#a79f94;font-size:.73rem}.ragnarok-countdown strong{display:block;margin:6px 0;color:#f0c85d;font-size:1.45rem}.ragnarok-countdown a{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:14px;padding:9px;border-radius:7px;color:#18130a;background:linear-gradient(#efc953,#ba861b);font-size:.74rem;font-weight:800;text-decoration:none}
.days-section,.prep-section,.army-section,.shops-section{margin-top:35px}.section-heading{margin-bottom:17px}.section-heading p{margin:0 0 5px;color:var(--rag-gold);font-size:.67rem;font-weight:800;letter-spacing:.2em}.section-heading h2{margin:0;color:#fff;font-size:clamp(1.55rem,3vw,2.3rem)}
.day-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.day-card{position:relative;overflow:hidden;padding:22px;border:1px solid var(--rag-line);border-radius:13px;background:linear-gradient(145deg,#19191b,#111318)}.day-card>span{color:#c6a855;font-size:.62rem;font-weight:800;letter-spacing:.15em}.day-card>i{position:absolute;right:20px;top:18px;color:rgba(255,255,255,.12);font-size:3.2rem}.day-card h3{margin:9px 0;color:#fff;font-size:1.55rem}.day-card p{max-width:600px;color:#a8a199;font-size:.78rem;line-height:1.6}.day-card>strong{display:inline-flex;align-items:center;gap:7px;margin-top:8px;color:#d8c8a0;font-size:.72rem}.day-card.wolf{background:linear-gradient(145deg,#17212a,#111318)}.priority-alert{display:flex;gap:14px;margin-top:13px;padding:15px 17px;border:1px solid rgba(226,184,76,.4);border-radius:10px;background:rgba(163,116,25,.12)}.priority-alert>i{color:var(--rag-gold);font-size:1.2rem}.priority-alert strong{color:#f0cb6a}.priority-alert p{margin:4px 0 0;color:#aaa298;font-size:.75rem}
.prep-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.prep-grid article{display:flex;gap:13px;padding:16px;border:1px solid var(--rag-line);border-radius:10px;background:#121419}.prep-grid article>i{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:9px;color:#efc75b;background:#302716}.prep-grid h3{margin:1px 0 5px;color:#fff;font-size:.9rem}.prep-grid p{margin:0;color:#a29b92;font-size:.74rem;line-height:1.55}
.captain-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.captain-grid>article{padding:18px;border:1px solid var(--rag-line);border-radius:11px;background:#121419}.captain-grid header{display:flex;align-items:center;gap:10px}.captain-grid header span{padding:4px 7px;border-radius:5px;color:#221805;background:var(--rag-gold);font-size:.59rem;font-weight:900}.captain-grid h3{margin:0;color:#fff}.captain-grid ol{display:grid;gap:7px;margin:14px 0 0;padding:0;list-style:none}.captain-grid li{display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:9px;padding:8px 10px;border:1px solid #35322e;border-radius:8px;background:#0d1014}.captain-grid li b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:#1b1408;background:#d9ae42;font-size:.65rem}.captain-grid li strong{color:#eee9df;font-size:.8rem}.captain-grid li small{color:#908a81;font-size:.67rem}
.troop-table-wrap{margin-top:14px;overflow:auto;border:1px solid var(--rag-line);border-radius:11px}.troop-table-wrap table{width:100%;min-width:660px;border-collapse:collapse;background:#101217}.troop-table-wrap th,.troop-table-wrap td{padding:12px 15px;border-bottom:1px solid #302e2a;text-align:left}.troop-table-wrap th{color:#e7c366;background:#211c13;font-size:.67rem;letter-spacing:.08em}.troop-table-wrap td{color:#aaa39a;font-size:.75rem}.troop-table-wrap td:first-child{color:#fff;font-weight:800}.troop-table-wrap tr:last-child td{border-bottom:0}
.shop-note{margin:-7px 0 15px;color:#938c83;font-size:.72rem}.shop-grid{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:13px}.shop-card{padding:18px;border:1px solid var(--rag-line);border-radius:11px;background:linear-gradient(145deg,#17181d,#101217)}.shop-card.main-shop{border-color:rgba(226,184,76,.48)}.shop-card header{display:flex;align-items:center;gap:11px}.shop-card header>i{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;color:#edc65c;background:#302716;font-size:1.1rem}.shop-card header span{color:#caa94f;font-size:.57rem;font-weight:800;letter-spacing:.14em}.shop-card h3{margin:2px 0;color:#fff;font-size:1rem}.shop-card ol,.shop-card ul{display:grid;gap:7px;margin:15px 0;padding:0;list-style:none}.shop-card li{display:flex;align-items:flex-start;gap:9px;padding:8px;border-radius:7px;background:#0d0f13;color:#c8c0b5;font-size:.73rem}.shop-card ol li b{display:grid;place-items:center;flex:0 0 23px;height:23px;border-radius:50%;color:#181108;background:#dcb341}.shop-card li strong,.shop-card li small{display:block}.shop-card li strong{color:#eee9df}.shop-card li small{margin-top:2px;color:#888178}.shop-card>p{color:#9d968d;font-size:.72rem;line-height:1.55}.material-row{display:flex;align-items:center;gap:6px;margin:15px 0}.material-row i{width:25px;height:25px;border:2px solid #d8b24a;border-radius:5px;background:#4d3612}.material-row i:nth-child(2){background:#613d76;border-color:#a16ac0}.material-row i:nth-child(3){background:#234b7b;border-color:#5a95d0}.material-row i:nth-child(4){background:#6b2a25;border-color:#d16055}.material-row span{margin-left:5px;color:#d2c6b2;font-size:.65rem;font-weight:800}
.ragnarok-source{display:flex;gap:13px;margin-top:27px;padding:16px 18px;border:1px solid rgba(226,184,76,.25);border-radius:10px;color:#a49d93;background:rgba(226,184,76,.055)}.ragnarok-source>i{margin-top:3px;color:var(--rag-gold)}.ragnarok-source strong{color:#e5ca80}.ragnarok-source p{margin:4px 0;font-size:.75rem;line-height:1.55}
@media(max-width:900px){.ragnarok-page .navbar{position:static}.ragnarok-main{padding:20px 14px 50px}.ragnarok-hero{grid-template-columns:1fr}.shop-grid{grid-template-columns:1fr 1fr}.shop-card:last-child{grid-column:1/-1}}
@media(max-width:620px){.ragnarok-hero{padding-top:15px}.ragnarok-stats{display:grid}.ragnarok-stats span{text-align:center}.day-grid,.prep-grid,.captain-grid,.shop-grid{grid-template-columns:1fr}.shop-card:last-child{grid-column:auto}.ragnarok-countdown{width:100%}.day-card{padding:18px}.priority-alert{align-items:flex-start}.troop-table-wrap{-webkit-overflow-scrolling:touch}}