*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;overflow-x:hidden}:root{--bg-dark:#0f1117;--bg-card:#181b24;--border-color:#272c3d;--text-main:#f1f5f9;--text-muted:#94a3b8;--primary:#f59e0b;--primary-hover:#d97706;--accent:#38bdf8;--success:#22c55e;letter-spacing:.5px;color:var(--text-main);background-color:var(--bg-dark);font-family:Pixelify Sans,system-ui,sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:hidden}#root{width:100%;max-width:100vw;min-height:100vh;overflow-x:hidden}.wiki-module{width:100%;max-width:1440px;margin:0 auto;padding:1.5rem 1.5rem 4rem}.wiki-mobile-toolbar{margin-bottom:1.25rem;display:none}.wiki-sidebar-toggle-btn{background:var(--bg-card);border:1px solid var(--border-color);width:100%;color:var(--text-main);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;font-weight:600;display:flex}.wiki-sidebar-toggle-btn:hover{border-color:var(--primary);color:var(--primary)}.wiki-content-layout{align-items:flex-start;gap:1.75rem;display:flex;position:relative}.wiki-sidebar{border:1px solid var(--border-color);z-index:50;background-color:#12151cf2;border-radius:8px;flex-shrink:0;width:290px;max-height:calc(100vh - 105px);padding:1.25rem;position:sticky;top:85px;overflow-y:auto;box-shadow:0 4px 16px #00000059}.wiki-sidebar::-webkit-scrollbar{width:6px}.wiki-sidebar::-webkit-scrollbar-track{background:#0f111780;border-radius:3px}.wiki-sidebar::-webkit-scrollbar-thumb{background:#f59e0b40;border-radius:3px}.wiki-sidebar::-webkit-scrollbar-thumb:hover{background:#f59e0b80}.sidebar-header{border-bottom:1px solid var(--border-color);margin-bottom:1.25rem;padding-bottom:1rem}.sidebar-header-top{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.sidebar-close-btn{border:1px solid var(--border-color);color:#fff;cursor:pointer;background:#ffffff14;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:all .2s;display:none}.sidebar-close-btn:hover{color:#fca5a5;background:#ef444433;border-color:#ef4444}.sidebar-badge{text-transform:uppercase;letter-spacing:1.5px;color:var(--primary);background-color:#f59e0b26;border:1px solid #f59e0b59;border-radius:3px;padding:.2rem .55rem;font-size:.7rem;font-weight:700;display:inline-block}.sidebar-header h3{color:var(--text-main);letter-spacing:.5px;font-size:1.15rem}.sidebar-nav{flex-direction:column;gap:1.25rem;display:flex}.sidebar-nav-group{flex-direction:column;gap:.25rem;display:flex}.group-title{text-transform:uppercase;letter-spacing:1px;color:var(--primary);opacity:.9;align-items:center;gap:.45rem;padding:.25rem .4rem;font-size:.8rem;font-weight:700;display:flex}.group-items{flex-direction:column;gap:.15rem;display:flex}.sidebar-item-btn{width:100%;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:space-between;align-items:center;padding:.42rem .65rem;font-family:inherit;font-size:.88rem;transition:all .15s ease-in-out;display:flex}.sidebar-item-btn:hover{color:var(--text-main);background-color:#ffffff0d}.sidebar-item-btn.active{color:#fff;border-color:#f59e0b66;border-left:3px solid var(--primary);text-shadow:0 0 8px #f59e0b59;background:linear-gradient(90deg,#f59e0b29 0%,#f59e0b0a 100%);font-weight:700}.item-icon-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.5rem;display:flex;overflow:hidden}.group-pixel-icon{object-fit:contain;width:18px;height:18px;image-rendering:pixelated;flex-shrink:0}.item-pixel-icon{object-fit:contain;width:20px;height:20px;image-rendering:pixelated;flex-shrink:0}.panel-pixel-icon{object-fit:contain;width:28px;height:28px;image-rendering:pixelated;vertical-align:middle;filter:drop-shadow(0 2px 4px #0006);flex-shrink:0}.boss-banner-img{object-fit:contain;width:38px;height:38px;image-rendering:pixelated;filter:drop-shadow(0 2px 6px #ef444480)}.item-count-badge{color:var(--text-muted);background-color:#ffffff0f;border-radius:9999px;flex-shrink:0;padding:.12rem .45rem;font-size:.72rem;font-weight:600}.sidebar-item-btn.active .item-count-badge{color:var(--primary);background-color:#f59e0b40}.wiki-main-panel{flex-direction:column;flex:1;gap:1.5rem;min-width:0;display:flex}.wiki-panel-header{border:1px solid var(--border-color);background:linear-gradient(135deg,#181b24d9 0%,#12151cf2 100%);border-radius:8px;padding:1.5rem 1.75rem;box-shadow:0 4px 16px #00000040}.panel-breadcrumbs{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:.85rem;font-size:.82rem;display:flex}.crumb-sep{opacity:.4}.crumb-current{color:var(--primary);font-weight:600}.panel-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.panel-heading{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.panel-heading h2{letter-spacing:.5px;align-items:center;gap:.5rem;margin:0;font-size:1.85rem;display:flex}.panel-count-badge{color:var(--primary);background-color:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:4px;padding:.25rem .65rem;font-size:.8rem;font-weight:600}.panel-search-box{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:5px;align-items:center;gap:.5rem;min-width:280px;padding:.5rem .85rem;display:flex}.panel-search-input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.92rem}.panel-search-input::placeholder{color:var(--text-muted)}.search-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 .2rem;font-size:.8rem}.search-clear-btn:hover{color:var(--text-main)}.wiki-view-block{flex-direction:column;gap:1.5rem;display:flex}.wiki-grid-cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;display:grid}.wiki-card-entry{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;flex-direction:column;gap:.85rem;padding:1.25rem;transition:transform .15s,border-color .2s,box-shadow .2s;display:flex}.wiki-card-entry:hover{border-color:#f59e0b99;transform:translateY(-2px);box-shadow:0 6px 16px #0006}.entry-header{align-items:center;gap:.85rem;display:flex}.entry-avatar-wrap,.item-icon-box{border:1px solid var(--border-color);background-color:#0f1117d9;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;padding:4px;display:flex}.entry-pixel-sprite,.item-pixel-sprite{object-fit:contain;max-width:100%;max-height:100%;image-rendering:pixelated}.entry-title-wrap{flex:1;min-width:0}.entry-name{color:var(--text-main);margin-bottom:.25rem;font-size:1.05rem;line-height:1.3}.item-tags,.entry-meta-tags{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.item-vocation-tag{color:var(--accent);background-color:#38bdf81a;border:1px solid #38bdf840;border-radius:3px;padding:.15rem .45rem;font-size:.72rem;font-weight:600}.item-level-tag{color:#c084fc;background-color:#a855f71f;border:1px solid #a855f74d;border-radius:3px;padding:.15rem .45rem;font-size:.72rem;font-weight:600}.item-tier-tag{color:var(--text-muted);border:1px solid var(--border-color);background-color:#ffffff0d;border-radius:3px;padding:.15rem .45rem;font-size:.7rem}.item-stat-badge{letter-spacing:.02em;border-radius:4px;align-items:center;gap:.25rem;padding:.16rem .5rem;font-size:.74rem;font-weight:700;display:inline-flex}.item-stat-badge.stat-atk{color:#fca5a5;background:linear-gradient(135deg,#ef444438 0%,#b91c1c59 100%);border:1px solid #ef444499;box-shadow:0 0 8px #ef444440}.item-stat-badge.stat-def{color:#93c5fd;background:linear-gradient(135deg,#3b82f638 0%,#1d4ed859 100%);border:1px solid #3b82f699;box-shadow:0 0 8px #3b82f640}.item-stat-badge.stat-spd{color:#fde047;background:#eab3082e;border:1px solid #eab30880}.item-equipment-stat-strip{flex-wrap:wrap;gap:.65rem;margin-bottom:.65rem;display:flex}.strip-stat{border-radius:4px;align-items:center;gap:.45rem;padding:.3rem .65rem;font-size:.78rem;font-weight:600;display:inline-flex}.strip-stat.strip-atk{color:#fca5a5;background:#ef44441f;border:1px solid #ef444459}.strip-stat.strip-def{color:#93c5fd;background:#3b82f61f;border:1px solid #3b82f659}.strip-stat-title{letter-spacing:.04em;opacity:.85;font-size:.68rem}.strip-stat-value{font-size:.92rem;font-weight:800}.danger-pill{border:1px solid var(--border-color);color:var(--text-muted);background-color:#ffffff0d;border-radius:3px;padding:.2rem .5rem;font-size:.75rem}.danger-boss{color:#fca5a5;background-color:#ef444433;border-color:#ef444480;font-weight:700}.arena-pill{color:#fbbf24;background-color:#f59e0b1f;border:1px solid #f59e0b59;border-radius:3px;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.bosses-task-banner{background:linear-gradient(90deg,#ef44441f 0%,#181b24cc 100%);border:1px solid #ef444459;border-left:4px solid #ef4444;border-radius:6px;align-items:center;gap:1.25rem;padding:1.2rem 1.5rem;display:flex}.boss-banner-icon{flex-shrink:0;font-size:2rem}.boss-banner-content h4{color:#fca5a5;margin-bottom:.35rem;font-family:inherit;font-size:1.1rem}.boss-banner-content p{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.5}.boss-card{background:linear-gradient(180deg, #ef44440f 0%, var(--bg-card) 40%);border:2px solid #ef444480}.boss-card:hover{border-color:#ef4444;box-shadow:0 0 20px #ef444440}.boss-avatar-wrap{background:radial-gradient(circle,#ef444440 0%,#0f1117e6 75%);border-color:#ef444466}.boss-title-name{color:#fff;text-shadow:0 0 10px #ef44444d}.arena-subfilters{flex-wrap:wrap;gap:.4rem;display:flex}.filter-btn{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;border-radius:4px;padding:.4rem .8rem;font-size:.85rem;font-weight:600;transition:all .2s}.filter-btn:hover{border-color:var(--text-muted);color:var(--text-main)}.filter-btn.active{border-color:var(--primary);color:var(--primary);background-color:#f59e0b1f}.entry-body{color:var(--text-muted);border-top:1px solid #ffffff0d;padding-top:.75rem;font-size:.88rem;line-height:1.55}.entry-lore{margin:0}.npc-avatar-wrap{background:radial-gradient(circle,#38bdf826 0%,#0f1117cc 70%)}.npc-role-tag{color:var(--accent);background-color:#38bdf81a;border:1px solid #38bdf840;border-radius:3px;padding:.15rem .45rem;font-size:.78rem;display:inline-block}.npc-quote-box{color:#cbd5e1;border-left:2px solid var(--accent);background-color:#0f111780;border-radius:0 4px 4px 0;margin-bottom:.75rem;padding:.6rem .75rem;font-size:.85rem;font-style:italic}.entry-field{gap:.5rem;margin-bottom:.35rem;font-size:.85rem;display:flex}.field-label{color:var(--text-muted);flex-shrink:0;font-weight:700}.field-value{color:var(--text-main)}.wiki-grid-world{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem;display:grid}.world-zone-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;flex-direction:column;gap:.85rem;padding:1.5rem;display:flex}.zone-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.zone-title{margin-bottom:.25rem;font-size:1.25rem}.zone-type-badge{color:var(--accent);background-color:#38bdf81a;border:1px solid #38bdf840;border-radius:3px;padding:.15rem .5rem;font-size:.75rem}.coords-badge{color:var(--text-muted);border:1px solid var(--border-color);background-color:#ffffff0d;border-radius:3px;padding:.2rem .5rem;font-size:.75rem}.zone-desc{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.6}.zone-mystery-box{background-color:#f59e0b0f;border:1px solid #f59e0b33;border-radius:4px;padding:.85rem}.mystery-title{color:var(--primary);margin-bottom:.35rem;font-size:.85rem}.mystery-text{color:#fef08a;margin:0;font-size:.85rem;line-height:1.5}.wiki-empty-msg{text-align:center;color:var(--text-muted);border:1px dashed var(--border-color);background-color:#12151c80;border-radius:6px;grid-column:1/-1;padding:3rem 1rem;font-size:.95rem}.outfits-founder-banner{border:1px solid #f59e0b59;border-left:4px solid var(--primary);background:linear-gradient(135deg,#f59e0b1f 0%,#12151cf2 100%);border-radius:8px;margin-bottom:.5rem;padding:1.5rem 1.75rem;box-shadow:0 4px 20px #00000059}.founder-badge-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.founder-golden-badge{text-transform:uppercase;letter-spacing:1.5px;color:#fbbf24;background:linear-gradient(135deg,#f59e0b40 0%,#d9770626 100%);border:1px solid #f59e0b80;border-radius:4px;padding:.25rem .65rem;font-size:.72rem;font-weight:700;display:inline-block;box-shadow:0 0 10px #f59e0b33}.founder-limited-badge{text-transform:uppercase;letter-spacing:1.2px;color:#fca5a5;background:linear-gradient(135deg,#ef444438 0%,#b91c1c26 100%);border:1px solid #ef444480;border-radius:4px;padding:.25rem .65rem;font-size:.72rem;font-weight:700;display:inline-block;box-shadow:0 0 10px #ef444433}.founder-banner-content h4{color:#fff;letter-spacing:.5px;margin:0 0 .5rem;font-size:1.35rem}.founder-banner-content p{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.6}.wiki-grid-outfits{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem;display:grid}.outfit-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;transition:all .25s ease-in-out;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000004d}.outfit-card:hover{border-color:#f59e0b80;transform:translateY(-3px);box-shadow:0 8px 24px #00000080,0 0 15px #f59e0b26}.outfit-image-wrap{border-bottom:1px solid var(--border-color);background:radial-gradient(circle,#f59e0b14 0%,#0c0e14e6 75%);justify-content:center;align-items:center;width:100%;height:380px;padding:1.5rem;display:flex;position:relative;overflow:hidden}.outfit-character-img{object-fit:contain;max-width:100%;max-height:100%;image-rendering:-webkit-optimize-contrast;filter:drop-shadow(0 8px 16px #0009);transition:transform .3s}.outfit-card:hover .outfit-character-img{transform:scale(1.04)}.outfit-badge-tags-col{z-index:5;flex-direction:column;align-items:flex-end;gap:.45rem;display:flex;position:absolute;top:1rem;right:1rem}.outfit-badge-tag{color:#fbbf24;text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#12151ce6;border:1px solid #f59e0b73;border-radius:4px;padding:.22rem .6rem;font-size:.7rem;font-weight:700;box-shadow:0 2px 8px #0006}.outfit-never-again-tag{color:#fca5a5;text-transform:uppercase;letter-spacing:.8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#140a0ae6;border:1px solid #ef444473;border-radius:4px;padding:.2rem .55rem;font-size:.68rem;font-weight:700;box-shadow:0 2px 8px #ef444433}.outfit-info-body{flex-direction:column;flex:1;gap:.75rem;padding:1.25rem 1.35rem;display:flex}.outfit-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.outfit-title{color:#fff;letter-spacing:.5px;margin:0;font-size:1.25rem}.outfit-vocation-pill{color:var(--primary);background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:4px;padding:.2rem .55rem;font-size:.75rem;font-weight:600}.outfit-desc{color:var(--text-muted);margin:0;font-size:.92rem;line-height:1.55}.outfit-legacy-note{color:#a3a3a3;border-top:1px dashed #ffffff14;margin-top:auto;padding-top:.75rem;font-size:.8rem;font-style:italic;line-height:1.4}@media (width<=1024px){.wiki-mobile-toolbar{display:block}.sidebar-close-btn{display:inline-flex}.wiki-content-layout{flex-direction:column}.wiki-sidebar{z-index:1000;border-radius:0;width:300px;height:100vh;max-height:100vh;transition:left .25s ease-in-out;position:fixed;top:0;left:-320px}.wiki-sidebar.open{left:0}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;background:#000000b3;position:fixed;inset:0}.panel-title-row{flex-direction:column;align-items:stretch;gap:1rem}.panel-search-box{width:100%}.panel-search-input{min-height:44px}}@media (width<=768px){.wiki-module{padding:1rem .85rem 3rem}.wiki-panel-header{padding:1.15rem 1rem}.panel-heading h2{font-size:1.45rem}.panel-count-badge{font-size:.75rem}.wiki-grid-cards,.wiki-grid-world{grid-template-columns:1fr;gap:.85rem}.bosses-task-banner{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem}.arena-subfilters{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:.4rem;width:100%;padding-bottom:4px;display:flex;overflow-x:auto}.arena-subfilters::-webkit-scrollbar{display:none}.filter-btn{flex-shrink:0;min-height:38px;padding:.4rem .75rem;font-size:.82rem}.wiki-card-entry{padding:1rem}}@media (width<=480px){.wiki-module{padding:.75rem .65rem 2.5rem}.wiki-panel-header{padding:1rem .75rem}.entry-header{gap:.65rem}.entry-avatar-wrap,.item-icon-box{width:48px;height:48px}.entry-name{font-size:.98rem}.world-zone-card{padding:1rem .85rem}.zone-title{font-size:1.1rem}}.gameplay-section{width:100%;max-width:1200px;margin:0 auto;padding:4.5rem 2rem}.gameplay-header{text-align:center;margin-bottom:2.5rem}.gameplay-badge{text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);background-color:#38bdf81f;border:1px solid #38bdf84d;border-radius:4px;margin-bottom:.85rem;padding:.3rem .8rem;font-size:.78rem;font-weight:700;display:inline-block}.gameplay-header h2{margin-bottom:.75rem;font-size:2.4rem}.gameplay-subtitle{color:var(--text-muted);max-width:650px;margin:0 auto;font-size:1rem;line-height:1.6}.gallery-showcase-container{flex-direction:column;gap:1.5rem;display:flex}.gallery-main-frame{border:2px solid var(--border-color);cursor:pointer;background-color:#0b0d13;border-radius:8px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 12px 36px #0009}.gallery-main-frame:hover{border-color:#f59e0b99;transform:translateY(-2px);box-shadow:0 16px 44px #f59e0b26}.gallery-main-img{image-rendering:auto;aspect-ratio:1024/520;object-fit:cover;width:100%;height:auto;transition:transform .3s;display:block}.gallery-main-frame:hover .gallery-main-img{transform:scale(1.015)}.gallery-overlay-badge{border:1px solid var(--border-color);color:var(--text-main);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#0f1117d9;border-radius:4px;padding:.35rem .75rem;font-size:.8rem;position:absolute;top:1rem;right:1rem}.gallery-caption-bar{background:linear-gradient(#0000 0%,#0a0c12f2 45%,#0a0c12fa 100%);flex-direction:column;gap:.35rem;padding:3rem 1.75rem 1.25rem;display:flex;position:absolute;bottom:0;left:0;right:0}.gallery-tag{color:var(--primary);text-transform:uppercase;letter-spacing:.8px;font-size:.75rem;font-weight:700;display:inline-block}.gallery-title{color:#fff;text-shadow:0 2px 8px #000c;margin:0;font-size:1.35rem}.gallery-desc{color:#cbd5e1;max-width:800px;margin:0;font-size:.9rem;line-height:1.5}.gallery-thumbnails-strip{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.gallery-thumb-btn{background-color:var(--bg-card);border:2px solid var(--border-color);cursor:pointer;text-align:left;border-radius:6px;align-items:center;gap:.85rem;padding:.6rem;font-family:inherit;transition:all .2s;display:flex}.gallery-thumb-btn:hover{background-color:#f59e0b0d;border-color:#f59e0b80}.gallery-thumb-btn.active{border-color:var(--primary);background-color:#f59e0b1f;box-shadow:0 4px 12px #f59e0b33}.gallery-thumb-img{object-fit:cover;border:1px solid var(--border-color);border-radius:4px;flex-shrink:0;width:72px;height:48px}.thumb-info{flex-direction:column;gap:.15rem;display:flex;overflow:hidden}.thumb-tag{color:var(--primary);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;font-weight:700;overflow:hidden}.thumb-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.lightbox-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000000e0;justify-content:center;align-items:center;padding:2rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.lightbox-content{border:2px solid var(--primary);background:#0f121a;border-radius:8px;width:100%;max-width:1100px;position:relative;overflow:hidden;box-shadow:0 20px 60px #000c}.lightbox-close-btn{border:1px solid var(--border-color);color:#fff;cursor:pointer;z-index:10;background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.lightbox-close-btn:hover{background:#ef4444;border-color:#ef4444}.lightbox-img{width:100%;height:auto;display:block}.lightbox-caption{border-top:1px solid var(--border-color);background:#0b0e14;padding:1.25rem 1.75rem}.lightbox-caption h3{color:#fff;margin:.25rem 0 .4rem;font-size:1.3rem}.lightbox-caption p{color:var(--text-muted);margin:0;font-size:.95rem}@media (width<=768px){.gameplay-section{padding:3rem 1.25rem}.gameplay-header h2{font-size:clamp(1.8rem,6vw,2.2rem)}.gameplay-subtitle{font-size:.95rem}.gallery-main-frame{flex-direction:column;display:flex}.gallery-main-img{aspect-ratio:16/9}.gallery-caption-bar{border-top:1px solid var(--border-color);background:#0d1017;padding:1rem 1.15rem;position:static}.gallery-title{margin-bottom:.25rem;font-size:1.1rem}.gallery-desc{font-size:.85rem;line-height:1.45}.gallery-thumbnails-strip{grid-template-columns:repeat(3,1fr);gap:.5rem}.gallery-thumb-btn{text-align:center;flex-direction:column;gap:.35rem;padding:.4rem}.gallery-thumb-img{width:100%;height:48px}.thumb-tag{display:none}.thumb-title{white-space:normal;text-overflow:clip;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.72rem;line-height:1.2;display:-webkit-box}.lightbox-modal{padding:.5rem}.lightbox-caption{padding:.85rem 1rem}.lightbox-caption h3{font-size:1.1rem}.lightbox-caption p{font-size:.85rem}}@media (width<=480px){.gameplay-section{padding:2.25rem .85rem}.gallery-main-img{aspect-ratio:16/9}.gallery-caption-bar{padding:.85rem}}.controls-section{width:100%;max-width:1200px;margin:0 auto;padding:4.5rem 2rem}.controls-header{text-align:center;margin-bottom:2.5rem}.controls-badge{text-transform:uppercase;letter-spacing:1.5px;color:#4ade80;background-color:#22c55e1f;border:1px solid #22c55e4d;border-radius:4px;margin-bottom:.85rem;padding:.3rem .8rem;font-size:.78rem;font-weight:700;display:inline-block}.controls-header h2{margin-bottom:.75rem;font-size:2.4rem}.controls-subtitle{color:var(--text-muted);max-width:650px;margin:0 auto;font-size:1rem;line-height:1.6}.controls-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.control-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:1rem;padding:1.75rem 1.5rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.control-card:hover{border-color:#f59e0b99;transform:translateY(-2px);box-shadow:0 8px 24px #0006}.control-card-header{align-items:center;gap:.75rem;display:flex}.control-icon-box{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;transition:transform .2s,border-color .2s;display:flex}.control-card:hover .control-icon-box{border-color:#4ade8066;transform:scale(1.08)}.control-pixel-img{object-fit:contain;width:32px;height:32px;image-rendering:pixelated;filter:drop-shadow(0 2px 5px #0009)}.control-title{color:#fff;margin:0;font-size:1.15rem}.control-keys-wrap{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.kbd-badge{min-width:32px;height:32px;color:var(--primary);background:linear-gradient(#1e2430f2 0%,#12151cf2 100%);border:1px solid #ffffff26;border-bottom:2px solid #ffffff40;border-radius:4px;justify-content:center;align-items:center;padding:0 .55rem;font-family:inherit;font-size:.88rem;font-weight:700;display:inline-flex;box-shadow:0 2px 4px #00000080}.key-separator{color:var(--text-muted);padding:0 .15rem;font-size:.8rem}.control-desc{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.55}@media (width<=768px){.controls-section{padding:3rem 1.25rem}.controls-header h2{font-size:clamp(1.8rem,6vw,2.2rem)}.controls-subtitle{font-size:.95rem}.controls-grid{grid-template-columns:1fr;gap:1rem}.control-card{padding:1.25rem 1rem}}@media (width<=480px){.controls-section{padding:2.25rem .85rem}.control-card-header{gap:.5rem}.control-icon{font-size:1.5rem}.control-title{font-size:1.05rem}.kbd-badge{min-width:28px;height:28px;padding:0 .4rem;font-size:.8rem}}.highscores-section{width:100%;max-width:1200px;margin:0 auto;padding:4.5rem 2rem}.highscores-header{text-align:center;margin-bottom:2.5rem}.highscores-badge-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.highscores-badge{text-transform:uppercase;letter-spacing:1.5px;color:var(--primary);background-color:#f59e0b26;border:1px solid #f59e0b59;border-radius:4px;padding:.3rem .8rem;font-size:.78rem;font-weight:700;display:inline-block}.live-sync-indicator{letter-spacing:.03em;border-radius:9999px;align-items:center;gap:.4rem;padding:.28rem .75rem;font-size:.76rem;font-weight:600;display:inline-flex}.live-sync-indicator.sync-online{color:#34d399;background:#10b98126;border:1px solid #10b98166}.live-sync-indicator.sync-maintenance{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b73}.live-sync-indicator.sync-offline{color:#f87171;background:#ef444426;border:1px solid #ef444466}.live-pulse-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulseLiveDot;box-shadow:0 0 8px #10b981}.live-pulse-dot.dot-maint{background:#f59e0b;box-shadow:0 0 8px #f59e0b}@keyframes pulseLiveDot{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.3)}to{opacity:.8;transform:scale(.95)}}.btn-sync-refresh{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:#181b24cc;border-radius:4px;margin-left:auto;padding:.5rem .9rem;font-size:.82rem;font-weight:600;transition:all .2s}.btn-sync-refresh:hover{border-color:var(--primary);color:var(--primary);background:#f59e0b1a}.search-error-box{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d;border-radius:6px;margin-top:1rem;padding:.75rem 1rem;font-size:.9rem}.table-loading-cell{text-align:center;color:#94a3b8;font-size:.95rem;padding:3rem 1rem!important}.table-timestamp-footer{text-align:right;color:#64748b;margin-top:.85rem;font-size:.78rem}.highscores-header h2{margin-bottom:.75rem;font-size:2.4rem}.highscores-subtitle{color:var(--text-muted);max-width:650px;margin:0 auto;font-size:1rem;line-height:1.6}.char-lookup-card{border:1px solid var(--border-color);background:linear-gradient(135deg,#181b24d9 0%,#0f1117f2 100%);border-radius:8px;margin-bottom:2.5rem;padding:1.75rem;box-shadow:0 8px 24px #0000004d}.char-lookup-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.lookup-title-wrap{align-items:center;gap:.85rem;display:flex}.lookup-icon{font-size:1.8rem}.lookup-title-wrap h3{color:#fff;margin:0 0 .2rem;font-size:1.25rem}.lookup-title-wrap p{color:var(--text-muted);margin:0;font-size:.88rem}.who-is-online-pill{color:#6ee7b7;background:#10b9811a;border:1px solid #10b9814d;border-radius:9999px;align-items:center;gap:.5rem;padding:.4rem .85rem;font-size:.85rem;font-weight:600;display:inline-flex}.who-is-online-pill.pill-maintenance{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b66}.online-pulse-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #10b981}.online-pulse-dot.dot-maint{background-color:#f59e0b;box-shadow:0 0 8px #f59e0b}.rankings-maintenance-banner{border:1px solid #f59e0b66;border-left:4px solid var(--primary);background:linear-gradient(135deg,#f59e0b1f 0%,#181b24e6 100%);border-radius:6px;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1rem 1.25rem;animation:.25s ease-out fadeIn;display:flex;box-shadow:0 4px 16px #00000040}.r-maint-icon{flex-shrink:0;font-size:1.8rem}.r-maint-text strong{color:#fbbf24;margin-bottom:.25rem;font-size:.95rem;display:block}.r-maint-text p{color:var(--text-muted);margin:0;font-size:.88rem;line-height:1.45}.char-search-form{gap:.75rem;max-width:600px;display:flex}.char-search-input{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);border-radius:4px;outline:none;flex:1;padding:.65rem 1rem;font-family:inherit;font-size:.95rem}.char-search-input:focus{border-color:var(--primary)}.btn-search-char{padding:.65rem 1.4rem;font-size:.9rem}.character-card-modal{background-color:#0a0c12d9;border:1px solid #f59e0b66;border-radius:6px;flex-direction:column;gap:1.25rem;margin-top:1.5rem;padding:1.25rem 1.5rem;animation:.2s ease-out fadeIn;display:flex}.char-card-header{align-items:center;gap:1.25rem;display:flex}.char-avatar-box{background:radial-gradient(circle,#f59e0b33 0%,#0f1117e6 70%);border:1px solid #f59e0b80;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:1.8rem;display:flex}.char-info-col{flex:1}.char-name-row{align-items:center;gap:.85rem;margin-bottom:.35rem;display:flex}.char-name-row h4{color:#fff;margin:0;font-size:1.35rem}.status-tag{border-radius:3px;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.status-online{color:#6ee7b7;background:#10b98126;border:1px solid #10b98166}.status-offline{color:#94a3b8;background:#94a3b81a;border:1px solid #94a3b840}.char-tags-row{flex-wrap:wrap;gap:.5rem;display:flex}.voc-pill{border-radius:3px;padding:.2rem .55rem;font-size:.75rem;font-weight:700}.level-pill{color:var(--primary);background:#f59e0b26;border:1px solid #f59e0b59;border-radius:3px;padding:.2rem .55rem;font-size:.75rem;font-weight:700}.guild-pill{color:var(--text-muted);border:1px solid var(--border-color);background:#ffffff0d;border-radius:3px;padding:.2rem .55rem;font-size:.75rem}.origin-pill{color:#93c5fd;background:#3b82f61f;border:1px solid #3b82f659;border-radius:3px;padding:.2rem .55rem;font-size:.75rem;font-weight:600}.char-details-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;display:grid}.char-stat-box{border:1px solid var(--border-color);background:#0f111799;border-radius:4px;flex-direction:column;gap:.2rem;padding:.75rem 1rem;display:flex}.stat-name{color:var(--text-muted);font-size:.75rem}.stat-val{color:var(--text-main);font-size:1.05rem;font-weight:700}.highscores-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:1.5rem;display:flex}.skill-category-tabs{border:1px solid var(--border-color);background:#12151dd9;border-radius:8px;flex-wrap:wrap;gap:.5rem;padding:.35rem;display:flex}.skill-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:.55rem;padding:.5rem 1rem;font-family:inherit;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex}.skill-tab-icon{width:20px;height:20px;image-rendering:pixelated;flex-shrink:0;transition:transform .2s}.skill-tab-btn:hover{color:var(--text-main);background:#ffffff0d}.skill-tab-btn:hover .skill-tab-icon{transform:scale(1.15)}.skill-tab-btn.active{color:#fbbf24;background:linear-gradient(#f59e0b38 0%,#f59e0b1a 100%);border:1px solid #f59e0ba6;box-shadow:0 0 14px #f59e0b40}.skill-tab-btn.active .skill-tab-icon{filter:drop-shadow(0 0 4px #f59e0b99)}.score-cell-badge{background:#0f1117cc;border:1px solid #f59e0b40;border-radius:4px;align-items:center;gap:.55rem;padding:.3rem .75rem;display:inline-flex}.score-skill-icon{width:18px;height:18px;image-rendering:pixelated;flex-shrink:0}.score-cell-badge strong{color:#fbbf24;letter-spacing:.02em;font-size:.92rem}.voc-table-icon{width:16px;height:16px;image-rendering:pixelated;flex-shrink:0}.char-skills-grid{border-top:1px solid #ffffff14;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:1rem;padding-top:1rem;display:grid}.char-skill-stat-card{border:1px solid var(--border-color);background:#0f1117bf;border-radius:6px;flex-direction:column;gap:.3rem;padding:.65rem .85rem;transition:border-color .2s,transform .2s;display:flex}.char-skill-stat-card:hover{border-color:#f59e0b73;transform:translateY(-2px)}.skill-stat-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:.45rem;font-size:.74rem;font-weight:600;display:flex}.skill-mini-sprite{width:16px;height:16px;image-rendering:pixelated}.skill-stat-num{color:#fff;letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.table-responsive-wrapper{border:1px solid var(--border-color);background:var(--bg-card);border-radius:8px;overflow-x:auto;box-shadow:0 8px 24px #0000004d}.highscores-table{border-collapse:collapse;text-align:left;width:100%;font-size:.92rem}.highscores-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border-color);background:#0f1117f2;padding:.9rem 1.25rem;font-size:.75rem;font-weight:700}.highscores-table td{color:var(--text-main);border-bottom:1px solid #ffffff0a;padding:.85rem 1.25rem}.highscores-table tr:hover{background-color:#ffffff08}.top-rank-row.rank-1{background:#f59e0b0d}.top-rank-row.rank-2{background:#94a3b80a}.top-rank-row.rank-3{background:#b453090a}.td-rank{width:60px;font-weight:700}.medal{align-items:center;gap:.25rem;font-weight:800;display:inline-flex}.gold-medal{color:#fbbf24}.silver-medal{color:#e2e8f0}.bronze-medal{color:#f97316}.regular-rank{color:var(--text-muted);padding-left:.4rem}.td-name{font-weight:700}.player-name-link{color:#fff;cursor:pointer;transition:color .15s}.player-name-link:hover{color:var(--primary);text-decoration:underline}.voc-tag-table{border-radius:3px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.78rem;font-weight:600;display:inline-flex}.voc-warrior{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d}.voc-archer{color:#86efac;background:#22c55e1f;border:1px solid #22c55e4d}.voc-mage{color:#7dd3fc;background:#38bdf81f;border:1px solid #38bdf84d}.voc-healer{color:#fde047;background:#eab3081f;border:1px solid #eab3084d}.td-guild{color:var(--text-muted);font-size:.85rem}.td-score{color:var(--primary);font-family:inherit;font-weight:600}.td-status{text-align:center;width:50px}.dot-status{border-radius:50%;width:9px;height:9px;display:inline-block}.dot-online{background-color:#10b981;box-shadow:0 0 6px #10b981}.dot-offline{background-color:#475569}.mobile-table-hint{display:none}@media (width<=768px){.highscores-section{padding:3rem 1.25rem}.highscores-header h2{font-size:clamp(1.8rem,6vw,2.2rem)}.highscores-subtitle{font-size:.95rem}.highscores-badge-row{flex-direction:column;gap:.5rem}.btn-sync-refresh{justify-content:center;width:100%;margin-left:0}.char-lookup-card{padding:1.25rem 1rem}.char-lookup-header{flex-direction:column;align-items:flex-start}.char-search-form{flex-direction:column;width:100%;max-width:100%}.btn-search-char{width:100%;min-height:44px}.char-details-grid{grid-template-columns:1fr}.highscores-controls{flex-direction:column;align-items:stretch;gap:.75rem}.skill-category-tabs{-webkit-overflow-scrolling:touch;white-space:nowrap;scrollbar-width:none;gap:.45rem;width:100%;padding:.35rem;display:flex;overflow-x:auto}.skill-category-tabs::-webkit-scrollbar{display:none}.skill-tab-btn{flex-shrink:0;min-height:40px;padding:.45rem .85rem;font-size:.82rem}.char-skills-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.mobile-table-hint{color:var(--accent);text-align:center;background:#38bdf814;border:1px dashed #38bdf84d;border-radius:4px;justify-content:center;align-items:center;margin-bottom:.65rem;padding:.4rem .75rem;font-size:.78rem;display:flex}.highscores-table{min-width:540px}.highscores-table th,.highscores-table td{padding:.7rem .75rem;font-size:.85rem}}@media (width<=480px){.highscores-section{padding:2.25rem .85rem}.char-lookup-card{padding:1rem .75rem}.char-card-header{text-align:center;flex-direction:column;align-items:center}.char-avatar-box{width:52px;height:52px;font-size:1.5rem}.char-skills-grid{grid-template-columns:1fr}}.rules-section{width:100%;max-width:1200px;margin:0 auto;padding:4.5rem 2rem}.rules-header{text-align:center;margin-bottom:2.5rem}.rules-badge{text-transform:uppercase;letter-spacing:1.5px;color:#fca5a5;background-color:#ef44441f;border:1px solid #ef44444d;border-radius:4px;margin-bottom:.85rem;padding:.3rem .8rem;font-size:.78rem;font-weight:700;display:inline-block}.rules-header h2{margin-bottom:.75rem;font-size:2.4rem}.rules-subtitle{color:var(--text-muted);max-width:650px;margin:0 auto;font-size:1rem;line-height:1.6}.rules-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.rule-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:.85rem;padding:1.75rem 1.5rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative}.rule-card:hover{border-color:#f59e0b80;transform:translateY(-2px);box-shadow:0 8px 24px #0006}.rule-card-top{justify-content:space-between;align-items:center;display:flex}.rule-num{color:var(--primary);opacity:.8;letter-spacing:1px;font-size:1.3rem;font-weight:800}.rule-icon-box{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s,border-color .2s;display:flex}.rule-card:hover .rule-icon-box{border-color:#f59e0b80;transform:scale(1.08)}.rule-pixel-img{object-fit:contain;width:28px;height:28px;image-rendering:pixelated;filter:drop-shadow(0 2px 5px #0009)}.rule-title{color:#fff;margin:0;font-size:1.15rem}.rule-desc{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.6}@media (width<=768px){.rules-section{padding:3rem 1.25rem}.rules-header h2{font-size:clamp(1.8rem,6vw,2.2rem)}.rules-subtitle{font-size:.95rem}.rules-grid{grid-template-columns:1fr;gap:1rem}.rule-card{padding:1.25rem 1rem}}@media (width<=480px){.rules-section{padding:2.25rem .85rem}.rule-title{font-size:1.05rem}}.play-section{width:100%;max-width:1200px;margin:0 auto;padding:4.5rem 1.5rem}.play-container{width:100%}.play-header{text-align:center;margin-bottom:3rem}.play-header h2{color:var(--text-main,#f8fafc);text-shadow:0 2px 10px #0009;margin-top:.5rem;margin-bottom:.65rem;font-size:clamp(2rem,3.5vw,2.6rem);font-weight:800}.play-header p{color:var(--text-muted,#94a3b8);max-width:620px;margin:0 auto;font-size:1.05rem;line-height:1.6}.platform-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:1.5rem;display:grid}.platform-card{background-color:var(--bg-card,#0f1422);border:1px solid var(--border-color,#1e293b);text-align:center;border-radius:8px;flex-direction:column;align-items:center;height:100%;padding:2rem 1.5rem 1.5rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.platform-card:hover{border-color:#f59e0b73;transform:translateY(-4px);box-shadow:0 12px 30px #0000008c,0 0 16px #f59e0b1f}.platform-card-featured{background:radial-gradient(circle at center top, #f59e0b14, transparent 70%), var(--bg-card,#0f1422);border-color:#f59e0b59;box-shadow:0 8px 24px #0006}.platform-card-featured:hover{border-color:#f59e0b;box-shadow:0 14px 34px #0009,0 0 22px #f59e0b33}.platform-card-badge{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted,#94a3b8);background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;margin-bottom:1.25rem;padding:.25rem .65rem;font-size:.72rem;font-weight:700;display:inline-block}.badge-featured{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b66}.platform-icon-box{color:#f8fafc;background:#0a0f1dcc;border:1px solid #f59e0b40;border-radius:8px;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:1.15rem;transition:transform .2s,border-color .2s,color .2s;display:flex}.platform-card:hover .platform-icon-box{color:#f59e0b;border-color:#f59e0b8c;transform:scale(1.06)}.icon-featured{color:#fbbf24;border-color:#f59e0b73;box-shadow:0 0 15px #f59e0b26}.platform-svg{display:block}.platform-title{color:var(--text-main,#f8fafc);letter-spacing:.3px;margin-bottom:.65rem;font-family:Cinzel,Outfit,system-ui,sans-serif;font-size:1.28rem;font-weight:700}.platform-desc{color:var(--text-muted,#94a3b8);max-width:290px;min-height:48px;margin-bottom:1.75rem;font-size:.88rem;line-height:1.55}.platform-actions{flex-direction:column;align-items:stretch;gap:.65rem;width:100%;margin-top:auto;display:flex}.platform-btn{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:.45rem;width:100%;height:44px;padding:0 1.25rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s,background-color .2s,border-color .2s,color .2s;display:inline-flex}.platform-btn-primary{background-color:var(--primary,#f59e0b);color:#181102;border:2px solid #b45309;box-shadow:0 3px #92400e}.platform-btn-primary:hover{background-color:var(--primary-hover,#fbbf24);color:#181102;transform:translateY(-1px);box-shadow:0 4px #92400e}.platform-btn-primary:active{transform:translateY(2px);box-shadow:0 1px #92400e}.platform-btn-secondary{color:var(--text-main,#f8fafc);background-color:#ffffff0a;border:1px solid #f59e0b4d;box-shadow:0 2px 4px #0000004d}.platform-btn-secondary:hover{color:#fbbf24;background-color:#f59e0b1f;border-color:#f59e0ba6;transform:translateY(-1px)}.platform-btn-secondary:active{transform:translateY(1px)}.btn-arrow{font-size:1.05rem;transition:transform .2s}.platform-btn:hover .btn-arrow{transform:translate(3px)}.platform-tip{color:#64748b;text-align:center;min-height:18px;font-size:.74rem;line-height:1.35}.tip-featured{color:#94a3b8}@media (width<=920px){.platform-grid{grid-template-columns:1fr;gap:1.25rem;max-width:420px;margin:0 auto}.play-section{padding:3rem 1.25rem}.platform-desc{min-height:auto;margin-bottom:1.25rem}}.rc-coming-soon-wrapper{justify-content:center;align-items:center;width:100%;max-width:860px;min-height:65vh;margin:0 auto;padding:4.5rem 1.5rem 6rem;animation:.3s ease-out csFadeIn;display:flex}@keyframes csFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.coming-soon-card{text-align:center;background:radial-gradient(circle at 50% 0,#f59e0b26 0%,#0f1117f2 75%),#181b24;border:1px solid #f59e0b73;border-radius:16px;width:100%;padding:3.5rem 2.5rem;position:relative;overflow:hidden;box-shadow:0 16px 45px #0009,0 0 30px #f59e0b26}.coming-soon-card:before{content:"";background:linear-gradient(90deg,#0000,#f59e0b,#fef08a,#f59e0b,#0000);height:2px;position:absolute;top:0;left:0;right:0}.cs-ambient-glow{pointer-events:none;background:radial-gradient(circle,#f59e0b33 0%,#0000 70%);width:320px;height:320px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.cs-badge-pill{color:#fef08a;letter-spacing:1px;text-transform:uppercase;background:#f59e0b2e;border:1px solid #f59e0b;border-radius:9999px;align-items:center;gap:.55rem;margin-bottom:2rem;padding:.4rem 1rem;font-size:.82rem;font-weight:800;display:inline-flex;box-shadow:0 0 14px #f59e0b4d}.cs-pulsing-dot{background-color:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite csPulseLight;display:inline-block;box-shadow:0 0 10px #22c55e}@keyframes csPulseLight{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}}.cs-crown-frame{background:radial-gradient(circle,#f59e0b40 0%,#0000 70%);border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;margin:0 auto 1.5rem;display:flex}.cs-floating-crown{width:84px;height:84px;image-rendering:pixelated;filter:drop-shadow(0 6px 15px #f59e0b73);animation:3.5s ease-in-out infinite csFloat}@keyframes csFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.cs-main-title{letter-spacing:1.5px;color:#fff;text-shadow:0 2px 12px #000c;margin-bottom:1.25rem;font-size:2.85rem;font-weight:800;line-height:1.1}.cs-gold-text{color:#f59e0b;text-shadow:0 0 18px #f59e0b73}.cs-divider{background:linear-gradient(90deg,#0000,#f59e0b,#0000);width:80px;height:2px;margin:0 auto 1.75rem}.cs-description{color:#cbd5e1;max-width:640px;margin:0 auto 2.5rem;font-size:1.12rem;line-height:1.7}.cs-description strong{color:#fef08a;font-weight:700}.cs-action-box{justify-content:center;display:flex}.cs-btn-discord{color:#fff;letter-spacing:.5px;background:#5865f2;border-radius:8px;align-items:center;gap:.75rem;padding:1rem 1.85rem;font-family:inherit;font-size:1.05rem;font-weight:800;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 4px #3c45a5,0 8px 22px #5865f266}.cs-btn-discord:hover{color:#fff;background:#4752c4;transform:translateY(-2px);box-shadow:0 6px #3c45a5,0 10px 25px #5865f280}.cs-btn-discord:active{transform:translateY(2px);box-shadow:0 2px #3c45a5}@media (width<=768px){.coming-soon-card{padding:2.5rem 1.5rem}.cs-main-title{font-size:2.15rem}.cs-description{font-size:1rem}.cs-floating-crown{width:68px;height:68px}}.game-summary-section{width:100%;max-width:1200px;margin:0 auto;padding:4.5rem 2rem}.summary-header{text-align:center;margin-bottom:2.75rem}.summary-badge{text-transform:uppercase;letter-spacing:1.5px;color:#fbbf24;background-color:#f59e0b1f;border:1px solid #f59e0b59;border-radius:4px;margin-bottom:.85rem;padding:.3rem .85rem;font-size:.78rem;font-weight:700;display:inline-block}.summary-header h2{color:var(--text-main);text-shadow:0 2px 10px #00000080;margin-bottom:.85rem;font-size:2.4rem}.summary-subtitle{color:var(--text-muted);max-width:720px;margin:0 auto;font-size:1.02rem;line-height:1.65}.summary-pillars-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:2.25rem;display:grid}.summary-pillar-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:.85rem;padding:1.85rem 1.5rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.summary-pillar-card:hover{border-color:#f59e0b73;transform:translateY(-4px);box-shadow:0 10px 25px #00000080,0 0 15px #f59e0b1f}.pillar-card-top{justify-content:space-between;align-items:center;display:flex}.pillar-num{font-family:var(--font-pixel,inherit);color:#f59e0b73;letter-spacing:1px;font-size:1.3rem;font-weight:800}.pillar-icon-box{background:#0a0f1db3;border:1px solid #f59e0b40;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pillar-pixel-img{width:28px;height:28px;image-rendering:pixelated;filter:drop-shadow(0 2px 4px #0009)}.pillar-title{color:var(--text-main);margin:0;font-size:1.15rem;font-weight:700}.pillar-desc{color:var(--text-muted);margin:0;font-size:.92rem;line-height:1.6}.summary-actions-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem;display:flex}.btn-summary-action{color:#fbbf24;cursor:pointer;background:#f59e0b14;border:1px solid #f59e0b59;border-radius:6px;align-items:center;gap:.6rem;padding:.7rem 1.4rem;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-summary-action:hover{border-color:var(--primary);color:#fff;background:#f59e0b33;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b33}.action-pixel-icon{width:20px;height:20px;image-rendering:pixelated;flex-shrink:0}@media (width<=768px){.game-summary-section{padding:3rem 1.25rem}.summary-header h2{font-size:1.9rem}.summary-pillars-grid{grid-template-columns:1fr;gap:1.15rem}.summary-actions-bar{flex-direction:column;width:100%}.btn-summary-action{justify-content:center;width:100%}}.app-container{flex-direction:column;min-height:100vh;display:flex}.navbar{border-bottom:1px solid var(--border-color);z-index:100;background-color:#0f1117f2;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.nav-brand,.nav-brand-btn{letter-spacing:.5px;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;padding:0;font-family:inherit;font-size:1.25rem;font-weight:700;display:flex}.nav-logo{object-fit:contain;width:36px;height:36px;image-rendering:pixelated;filter:drop-shadow(0 2px 4px #0006);transition:transform .2s ease-in-out}.nav-brand:hover .nav-logo,.nav-brand-btn:hover .nav-logo{transform:rotate(-8deg)scale(1.1)}.nav-links{align-items:center;gap:.85rem;display:flex}.nav-links a,.nav-link-btn{color:var(--text-muted);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.35rem .65rem;font-family:inherit;font-size:.9rem;text-decoration:none;transition:all .2s}.nav-links a:hover,.nav-link-btn:hover{color:var(--text-main);background-color:#ffffff0a}.nav-links a.active,.nav-link-btn.active{color:var(--primary);text-shadow:0 0 8px #f59e0b59;font-weight:700}.nav-dropdown{align-items:center;display:inline-flex;position:relative}.nav-dropdown-trigger{-webkit-user-select:none;user-select:none;align-items:center;gap:.35rem;display:inline-flex}.dropdown-caret{opacity:.75;font-size:.75rem;transition:transform .2s cubic-bezier(.16,1,.3,1);display:inline-block}.dropdown-caret.open{opacity:1;color:var(--primary);transform:rotate(180deg)}.nav-dropdown-menu{z-index:1000;-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:#0d1221f5;border:1px solid #f59e0b59;border-radius:6px;flex-direction:column;gap:.2rem;min-width:175px;padding:.4rem;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(-6px);box-shadow:0 10px 30px #000000a6,0 0 15px #f59e0b1f}.nav-dropdown-menu.visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.nav-dropdown-menu:before{content:"";border-bottom:6px solid #f59e0b66;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.nav-dropdown-item{width:100%;color:var(--text-muted);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:.65rem;padding:.55rem .75rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .18s;display:flex}.nav-dropdown-item:hover{color:#fff;background:#f59e0b24;border-color:#f59e0b40;transform:translate(2px)}.nav-dropdown-item.active{border-color:var(--primary);color:#fbbf24;background:#f59e0b33}.dropdown-pixel-icon{width:20px;height:20px;image-rendering:pixelated;filter:drop-shadow(0 1px 2px #00000080);flex-shrink:0}.wiki-nav-highlight{color:var(--primary);background:#f59e0b14;border:1px solid #f59e0b59;font-weight:600}.wiki-nav-highlight:hover{color:#fff;border-color:var(--primary);background:#f59e0b33}.wiki-nav-highlight.active{background:var(--primary);text-shadow:none;font-weight:700;box-shadow:0 2px #92400e;color:#160f02!important}.rokcoin-nav-highlight{color:#fbbf24;background:linear-gradient(#f59e0b26 0%,#b453091f 100%);border:1px solid #f59e0b73;align-items:center;gap:.45rem;font-weight:700;display:inline-flex;box-shadow:0 0 10px #f59e0b33}.rokcoin-nav-highlight:hover{color:#fff;background:linear-gradient(#f59e0b4d 0%,#b4530940 100%);border-color:#f59e0b;box-shadow:0 0 14px #f59e0b59}.rokcoin-nav-highlight.active{text-shadow:none;background:linear-gradient(#f59e0b 0%,#d97706 100%);font-weight:800;box-shadow:0 2px #92400e;color:#160f02!important}.nav-coin-icon{width:17px;height:17px;image-rendering:pixelated;flex-shrink:0}.nav-actions{align-items:center;gap:1rem;display:flex}.lang-selector{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;align-items:center;gap:.35rem;padding:.25rem .5rem;display:inline-flex}.lang-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:2px;padding:.15rem .25rem;font-size:.85rem;font-weight:700;transition:color .2s}.lang-btn:hover{color:var(--text-main)}.lang-btn.active{color:var(--primary);text-shadow:0 0 8px #f59e0b66}.lang-sep{color:var(--border-color);-webkit-user-select:none;user-select:none;font-size:.8rem}button,a.btn-primary,a.btn-secondary{justify-content:center;align-items:center;font-family:inherit;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--primary);color:#181102;cursor:pointer;border:2px solid #b45309;border-radius:4px;padding:.6rem 1.2rem;font-weight:700;transition:transform .1s,box-shadow .1s,background-color .2s;box-shadow:0 3px #92400e}.btn-primary:hover{background-color:var(--primary-hover);color:#181102}.btn-primary:active{transform:translateY(2px);box-shadow:0 1px #92400e}.btn-secondary{background-color:var(--bg-card);color:var(--text-main);border:2px solid var(--border-color);cursor:pointer;border-radius:4px;padding:.6rem 1.2rem;font-weight:600;transition:transform .1s,box-shadow .1s,border-color .2s;box-shadow:0 3px #11141c}.btn-secondary:hover{border-color:var(--text-muted);color:var(--text-main)}.btn-secondary:active{transform:translateY(2px);box-shadow:0 1px #11141c}.btn-large{padding:.8rem 1.6rem;font-size:1.05rem}.hero-section{text-align:center;background-image:linear-gradient(to bottom, #0f1117bf 0%, #0f1117e0 70%, var(--bg-dark) 100%), url(/assets/hero/rok_title_background_clean.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;align-items:center;padding:6rem 1.5rem;display:flex;position:relative}.hero-badge{text-transform:uppercase;letter-spacing:1px;color:var(--accent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#38bdf826;border:1px solid #38bdf859;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.35rem .85rem;font-size:.8rem;display:inline-flex}.badge-logo{width:18px;height:18px;image-rendering:pixelated;object-fit:contain}.hero-title{letter-spacing:-.5px;text-shadow:0 4px 12px #000000b3;margin-bottom:1rem;font-size:3.5rem;font-weight:800}.hero-subtitle{color:var(--text-muted);text-shadow:0 2px 8px #000000b3;max-width:650px;margin-bottom:2rem;font-size:1.2rem;line-height:1.6}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.status-pill{color:var(--text-muted);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:9999px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.9rem;transition:all .25s;display:inline-flex}.status-pill.maintenance{color:#fbbf24;background:#f59e0b1a;border-color:#f59e0b73}.status-pill.offline{color:#fca5a5;background:#ef44441a;border-color:#ef444473}.status-dot{background-color:var(--success);width:8px;height:8px;box-shadow:0 0 6px var(--success);border-radius:50%}.status-dot.maintenance{background-color:#f59e0b;animation:1.8s infinite pulseMaintenanceDot;box-shadow:0 0 8px #f59e0b}.status-dot.offline{background-color:#ef4444;box-shadow:0 0 8px #ef4444}@keyframes pulseMaintenanceDot{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.3)}to{opacity:.8;transform:scale(.95)}}.maintenance-banner{color:#fef3c7;text-align:center;z-index:90;background:linear-gradient(90deg,#f59e0b38 0%,#b453094d 50%,#f59e0b38 100%);border-bottom:1px solid #f59e0b80;justify-content:center;align-items:center;gap:.85rem;padding:.75rem 1.25rem;font-size:.9rem;animation:.25s ease-out fadeIn;display:flex;position:relative;box-shadow:0 4px 16px #0006}.maintenance-icon{flex-shrink:0;font-size:1.25rem;animation:2.5s ease-in-out infinite wrenchWiggle}@keyframes wrenchWiggle{0%,to{transform:rotate(0)}15%{transform:rotate(-14deg)}30%{transform:rotate(14deg)}45%{transform:rotate(-6deg)}60%{transform:rotate(0)}}.maintenance-content{flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;line-height:1.45;display:flex}.maintenance-discord-pill{color:#fff;background:#5865f2;border-radius:4px;flex-shrink:0;align-items:center;gap:.25rem;margin-left:.5rem;padding:.25rem .65rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:transform .15s,background-color .2s;display:inline-flex}.maintenance-discord-pill:hover{background:#4752c4;transform:translateY(-1px)}.features-section{width:100%;max-width:1100px;margin:0 auto;padding:4rem 2rem}.features-section h2{text-align:center;margin-bottom:2.5rem;font-size:2rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.feature-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:1.8rem}.feature-icon-box{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.25rem;transition:transform .2s,border-color .2s;display:flex}.feature-card:hover .feature-icon-box{border-color:#f59e0b66;transform:scale(1.08)}.feature-pixel-img{object-fit:contain;width:36px;height:36px;image-rendering:pixelated;filter:drop-shadow(0 2px 6px #00000080)}.feature-card h3{margin-bottom:.5rem;font-size:1.2rem}.feature-card p{color:var(--text-muted);font-size:.95rem;line-height:1.5}.section-desc{text-align:center;color:var(--text-muted);max-width:600px;margin:-1.5rem auto 2.5rem;font-size:.95rem;line-height:1.5}.wiki-section{width:100%;max-width:1100px;margin:0 auto;padding:4rem 2rem}.wiki-section h2{text-align:center;margin-bottom:2rem;font-size:2rem}.wiki-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem;display:grid}.wiki-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:1.6rem;transition:transform .2s,border-color .2s}.wiki-card:hover{border-color:var(--primary);transform:translateY(-2px)}.wiki-icon{margin-bottom:.75rem;font-size:2rem;display:inline-block}.wiki-card h3{color:var(--text-main);margin-bottom:.5rem;font-size:1.15rem}.wiki-card p{color:var(--text-muted);font-size:.9rem;line-height:1.5}.patchnotes-section{width:100%;max-width:850px;margin:0 auto;padding:3rem 2rem}.patchnotes-section h2{text-align:center;margin-bottom:2rem;font-size:2rem}.patch-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:2rem}.patch-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.patch-version{color:var(--primary);font-size:1.25rem;font-weight:700}.patch-date{color:var(--accent);background-color:#38bdf826;border:1px solid #38bdf84d;border-radius:4px;padding:.25rem .6rem;font-size:.85rem}.patch-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.patch-list li{color:var(--text-muted);align-items:flex-start;gap:.85rem;font-size:.95rem;line-height:1.5;display:flex}.patch-bullet-box{background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;margin-top:1px;display:flex}.patch-pixel-img{object-fit:contain;width:22px;height:22px;image-rendering:pixelated;filter:drop-shadow(0 2px 4px #00000080)}.patch-list li strong{color:var(--text-main)}.maintenance-dot{background:#f59e0b;border-radius:50%;width:10px;min-width:10px;height:10px;animation:2s ease-in-out infinite pulse-dot;display:inline-block;box-shadow:0 0 8px #f59e0b}.status-section{width:100%;max-width:700px;margin:0 auto;padding:2rem 2rem 4rem}.status-box{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.status-box h3{margin-bottom:1rem;font-size:1.1rem}.server-list{flex-direction:column;gap:.8rem;display:flex}.server-item{border:1px solid var(--border-color);background-color:#ffffff05;border-radius:6px;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.server-item strong{font-size:.95rem;display:block}.server-item p{color:var(--text-muted);font-size:.8rem}.badge-status,.badge-online{border-radius:4px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.8rem;font-weight:600;display:inline-flex}.badge-online{color:var(--success);background-color:#22c55e26;border:1px solid #22c55e4d}.badge-maintenance{color:#fbbf24;background-color:#f59e0b26;border:1px solid #f59e0b66}.badge-offline{color:#fca5a5;background-color:#ef444426;border:1px solid #ef444466}.footer{text-align:center;border-top:1px solid var(--border-color);color:var(--text-muted);background-color:#0f1117f2;flex-direction:column;align-items:center;gap:.75rem;margin-top:auto;padding:2.5rem 1.5rem;font-size:.9rem;display:flex}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.footer-link{color:var(--text-main);font-size:.95rem;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--primary)}.footer-divider{color:var(--border-color)}.footer-credits{color:var(--text-muted);font-size:.95rem}.footer-credits a{color:var(--primary);font-weight:700;text-decoration:none;transition:color .2s}.footer-credits a:hover{color:var(--primary-hover);text-decoration:underline}.footer-copy{color:#64748b;font-size:.8rem}.wiki-view-page{flex:1;padding-bottom:3rem;animation:.25s ease-out fadeIn}.wiki-page-breadcrumb{align-items:center;gap:.85rem;max-width:1200px;margin:1.5rem auto 0;padding:0 2rem;display:flex}.breadcrumb-back-btn{color:var(--primary);cursor:pointer;background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:4px;align-items:center;gap:.4rem;padding:.45rem .95rem;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.breadcrumb-back-btn:hover{background:var(--primary);color:#160f02;box-shadow:0 2px 8px #f59e0b4d}.breadcrumb-current{color:var(--text-muted);font-size:.9rem}.game-summary-wrap{flex-direction:column;width:100%;display:flex}.wiki-teaser-section{width:100%;max-width:1100px;margin:0 auto;padding:4.5rem 2rem}.wiki-teaser-card{text-align:center;background:linear-gradient(135deg,#181b24e6 0%,#0f1117f2 100%);border:1px solid #f59e0b59;border-radius:8px;padding:3.5rem 2.5rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006}.wiki-teaser-card:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);height:3px;position:absolute;top:0;left:0;right:0}.wiki-teaser-badge{text-transform:uppercase;letter-spacing:1.5px;color:var(--primary);background-color:#f59e0b26;border:1px solid #f59e0b59;border-radius:4px;margin-bottom:1.25rem;padding:.35rem .85rem;font-size:.8rem;display:inline-block}.wiki-teaser-card h2{margin-bottom:1rem;font-size:2.3rem}.wiki-teaser-card p{color:var(--text-muted);max-width:680px;margin:0 auto 2.2rem;font-size:1.05rem;line-height:1.6}.btn-wiki-teaser{letter-spacing:.5px;padding:.8rem 2.2rem;font-size:1.05rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hamburger-btn{border:1px solid var(--border-color);cursor:pointer;background:#181b24e6;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:0;transition:background-color .2s,border-color .2s;display:none}.hamburger-btn:hover{border-color:var(--primary);background:#f59e0b1a}.hamburger-line{background-color:var(--text-main);border-radius:2px;width:20px;height:2px;transition:transform .25s,opacity .25s;display:block}.hamburger-btn.open .hamburger-line:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-btn.open .hamburger-line:nth-child(2){opacity:0}.hamburger-btn.open .hamburger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;opacity:0;visibility:hidden;background:#000000bf;transition:opacity .25s,visibility .25s;position:fixed;inset:0}.mobile-drawer-backdrop.active{opacity:1;visibility:visible}.mobile-nav-drawer{z-index:999;background:linear-gradient(#131722 0%,#0a0d14 100%);border-left:1px solid #f59e0b4d;flex-direction:column;width:310px;max-width:86vw;height:100dvh;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(105%);box-shadow:-10px 0 35px #000000b3}.mobile-nav-drawer.open{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;display:flex}.drawer-brand{align-items:center;gap:.65rem;display:flex}.drawer-logo{object-fit:contain;width:28px;height:28px;image-rendering:pixelated}.drawer-brand-title{color:#fff;font-size:1.05rem;font-weight:700}.drawer-close-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:#ffffff0f;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:all .2s;display:flex}.drawer-close-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.drawer-cta-wrap{padding:1rem 1.25rem .6rem}.drawer-play-btn{letter-spacing:.5px;justify-content:center;width:100%;min-height:46px;font-size:1.05rem}.drawer-nav-list{flex-direction:column;flex:1;gap:.25rem;padding:.4rem .85rem;display:flex}.drawer-link-btn{width:100%;color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.75rem;padding:.7rem .9rem;font-family:inherit;font-size:.98rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.drawer-link-btn:hover,.drawer-link-btn.active{color:var(--primary);background:#f59e0b1f}.drawer-accordion-group{flex-direction:column;margin:.1rem 0;display:flex}.drawer-accordion-header{justify-content:space-between!important}.drawer-accordion-caret{color:var(--text-muted);font-size:.8rem;transition:transform .2s;display:inline-block}.drawer-accordion-caret.open{color:var(--primary);transform:rotate(180deg)}.drawer-sublinks{border-left:2px solid #f59e0b40;flex-direction:column;gap:.2rem;margin-top:.15rem;margin-bottom:.35rem;margin-left:1.1rem;padding:.3rem 0 .4rem 1rem;display:flex}.drawer-sublink-btn{width:100%;color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:.65rem;padding:.55rem .75rem;font-family:inherit;font-size:.92rem;font-weight:500;transition:all .15s;display:flex}.drawer-sublink-btn:hover,.drawer-sublink-btn.active{color:var(--primary);background:#f59e0b1f;border-color:#f59e0b40}.drawer-sublink-icon{width:18px;height:18px;image-rendering:pixelated;filter:drop-shadow(0 1px 2px #0006);flex-shrink:0}.drawer-icon{justify-content:center;width:22px;font-size:1.15rem;display:inline-flex}.drawer-wiki-highlight{color:var(--primary);background:#f59e0b14;border:1px solid #f59e0b59}.drawer-rokcoin-highlight{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b66;align-items:center;gap:.6rem;font-weight:700;display:flex}.drawer-rokcoin-highlight.active{color:#160f02;background:#f59e0b}.drawer-coin-icon{width:18px;height:18px;image-rendering:pixelated;flex-shrink:0}.btn-gold-rokcoin{color:#160f02;letter-spacing:.5px;cursor:pointer;background:linear-gradient(#f59e0b 0%,#b45309 100%);border:1px solid #fef08a;border-radius:4px;justify-content:center;align-items:center;gap:.55rem;font-weight:800;transition:all .15s;display:inline-flex;box-shadow:0 4px #78350f,0 6px 15px #f59e0b59}.btn-gold-rokcoin:hover{color:#0f1117;background:linear-gradient(#fbbf24 0%,#d97706 100%);transform:translateY(-2px);box-shadow:0 6px #78350f,0 8px 20px #f59e0b73}.btn-gold-rokcoin:active{transform:translateY(2px);box-shadow:0 2px #78350f}.hero-btn-coin{width:22px;height:22px;image-rendering:pixelated;filter:drop-shadow(0 2px 4px #0006)}.rokcoin-view-page{flex-direction:column;flex:1;display:flex}.drawer-footer{border-top:1px solid var(--border-color);background:#090c12;flex-direction:column;gap:.85rem;padding:1.1rem 1.25rem 1.4rem;display:flex}.drawer-lang-selector{justify-content:space-between;align-items:center;display:flex}.drawer-lang-label{color:var(--text-muted);font-size:.85rem}.drawer-discord-btn{justify-content:center;width:100%;padding:.6rem 1rem;font-size:.92rem}@media (width<=1024px){.nav-links{display:none}.desktop-only{display:none!important}.hamburger-btn{display:inline-flex}.navbar{padding:.85rem 1.25rem}}@media (width<=768px){.navbar{padding:.75rem 1rem}.nav-brand,.nav-brand-btn{gap:.5rem;font-size:1.1rem}.nav-logo{width:32px;height:32px}.nav-play-btn{padding:.45rem .85rem;font-size:.85rem}.hero-section{padding:3rem 1.25rem 2.25rem}.hero-title{word-break:break-word;margin-bottom:.75rem;font-size:clamp(2rem,7.5vw,2.9rem);line-height:1.15}.hero-subtitle{margin-bottom:1.5rem;font-size:clamp(.95rem,3.8vw,1.15rem);line-height:1.5}.hero-buttons{flex-direction:column;gap:.75rem;width:100%;max-width:320px;margin-bottom:1.5rem}.hero-buttons a{justify-content:center;width:100%;min-height:48px}.status-pill{text-align:center;max-width:90%;padding:.35rem .75rem;font-size:.8rem}.features-section,.patchnotes-section,.status-section,.wiki-teaser-section{padding:3rem 1.25rem}.features-section h2,.patchnotes-section h2,.wiki-teaser-card h2{margin-bottom:1.25rem;font-size:1.8rem}.features-grid{grid-template-columns:1fr;gap:1rem}.feature-card{padding:1.25rem 1rem}.wiki-teaser-card{padding:2.2rem 1.25rem}.wiki-teaser-card p{margin-bottom:1.5rem;font-size:.95rem}.btn-wiki-teaser{justify-content:center;width:100%;max-width:300px;min-height:46px}.patch-card{padding:1.25rem 1rem}.patch-header{flex-direction:column;align-items:flex-start;gap:.5rem}.footer{padding:2rem 1.25rem}.footer-links{flex-direction:column;gap:.65rem}.footer-divider{display:none}}@media (width<=480px){.navbar{padding:.65rem .85rem}.brand-name{letter-spacing:0;font-size:.95rem}.nav-logo{width:28px;height:28px}.nav-play-btn{padding:.38rem .7rem;font-size:.8rem}.hero-badge{padding:.25rem .65rem;font-size:.72rem}.badge-logo{width:16px;height:16px}.hero-title{font-size:1.85rem}.hero-subtitle{font-size:.9rem}}