/* Shared game pages — artwork can be replaced in the existing arkafus asset folder. */
.arc-game-page{position:relative;isolation:isolate;min-height:85vh;padding:170px 0 70px;background:linear-gradient(180deg,#02101488,#020b11ee 650px),url('../arkafus/images/bg8.jpg') center top/cover fixed;color:#ecf8f8;font-family:Outfit,Arial,sans-serif}
.arc-page-hero{text-align:center;max-width:1120px;margin:0 auto 44px;padding:0 24px}.arc-page-kicker{display:block;color:#55d1d4;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.arc-page-hero h1{font-family:Rowdies,Outfit,sans-serif;font-size:clamp(30px,4.5vw,58px);color:#f5e6c8;line-height:1.15;margin:18px 0;text-transform:uppercase;text-shadow:0 6px 24px #000b}.arc-page-hero h1 em{color:#52cbd0;font-style:normal}.arc-page-hero p{font-size:17px;max-width:720px;margin:0 auto;color:#bdd4d7;line-height:1.6}
.arc-page-container{width:min(1320px,calc(100% - 64px));margin:auto}.arc-page-tabs{display:flex;gap:12px;justify-content:center;margin-bottom:28px;flex-wrap:wrap}.arc-page-tabs a{display:flex;align-items:center;gap:10px;color:#afc2c8;background:#051216dd;border:1px solid #5ec7cb33;padding:14px 34px;border-radius:8px;text-transform:uppercase;letter-spacing:1px;font-weight:800}.arc-page-tabs a:hover,.arc-page-tabs a.is-active{background:#45c3c8;color:#032127;border-color:#7af5ee;box-shadow:0 0 24px #45c3c833}
.arc-page-board{background:linear-gradient(135deg,#061a20f0,#031015f5);border:1px solid #78dce633;border-radius:20px;padding:32px;box-shadow:inset 0 1px #ffffff0d,0 20px 55px #0007}.arc-board-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.arc-board-heading h2{font-size:24px;margin:8px 0 0;font-weight:800;color:#fff}.arc-board-metric{color:#a1b8c0;font-size:12px;white-space:nowrap}
.arc-rank-filters{display:flex;align-items:end;gap:14px;flex-wrap:wrap;border-top:1px solid #66c8cf1c;border-bottom:1px solid #66c8cf1c;padding:22px 0;margin-bottom:26px}.arc-rank-filters label{flex:1;min-width:180px}.arc-rank-filters label>span{display:block;margin-bottom:8px;font-size:12px;color:#b9d4d8;font-weight:600}.arc-rank-filters input,.arc-rank-filters select{width:100%;height:48px;padding:10px 14px;background:#020c12;border:1px solid #76c9d02e;border-radius:8px;color:#fff;outline:none}.arc-rank-filters input:focus,.arc-rank-filters select:focus{border-color:#45c3c8;box-shadow:0 0 0 3px #45c3c81a}.arc-rank-filters button{height:48px;border-radius:8px;border:0;font-family:inherit;font-size:13px}.arc-filter-reset{font-size:12px;color:#ffd17e;padding:15px 2px}
.arc-ladder-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.arc-podium-card{text-align:center;position:relative;background:linear-gradient(155deg,#06202a88,#00080cbb),url('../arkafus/images/bg5.jpg') center/cover;border:1px solid #77cbd933;border-radius:16px;padding:24px 20px;overflow:hidden}.arc-podium-1{border-color:#f0b54588;box-shadow:inset 0 1px #ffcb5033,0 0 25px #ffb3310a}.arc-podium-place{position:absolute;top:16px;left:18px;font-size:20px;font-weight:900;color:#b2ced8}.arc-podium-1 .arc-podium-place{color:#ffc448}.arc-podium-2 .arc-podium-place{color:#c1d9e4}.arc-podium-3 .arc-podium-place{color:#e6a575}.arc-podium-portrait{width:100px;height:100px;overflow:hidden;margin:0 auto 14px;border:2px solid #77d5d855;border-radius:18px;background:#020c12;box-shadow:0 8px 24px #0008}.arc-podium-portrait img{width:105%;height:105%;object-fit:cover;object-position:left;display:block}.arc-podium-card h3{font-size:21px;font-weight:800;margin:8px 0;color:white;overflow-wrap:anywhere}.arc-podium-card p{font-size:12px;color:#a4b9c0;margin:5px 0 16px}.arc-podium-card>strong{font-family:Montserrat,sans-serif;font-size:17px;color:#6bdbd7}.arc-podium-card small{font-size:10px;font-weight:600}
.arc-ranking-table-wrap{overflow-x:auto;border:1px solid #71ced523;border-radius:12px}.arc-ranking-table{width:100%;border-collapse:collapse;white-space:nowrap;margin:0}.arc-ranking-table thead{background:#061e26}.arc-ranking-table th,.arc-ranking-table td{padding:16px 20px;border-bottom:1px solid #77cbd317;text-align:left}.arc-ranking-table thead th{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#91b9c3;font-weight:800}.arc-ranking-table tbody tr:last-child>*{border-bottom:0}.arc-ranking-table tbody tr:hover{background:#45c3c809}.arc-table-rank{display:inline-block;color:#8fa7b2;font-size:15px;min-width:30px}.arc-table-rank.is-medal{color:#ffc44d;font-weight:800}.arc-table-character{display:flex;align-items:center;gap:16px}.arc-table-character strong{font-size:15px;font-weight:700}.arc-table-portrait{width:50px;height:50px;overflow:hidden;border:1px solid #67c7d23b;border-radius:9px;background:#0008}.arc-table-portrait img{width:105%;height:105%;object-fit:cover;object-position:left}.arc-level-badge{font-size:12px;color:#70dfd9;background:#45c3c81c;border:1px solid #45c3c833;padding:5px 11px;border-radius:5px}.arc-score-value{color:#f4d997;font-variant-numeric:tabular-nums}.arc-page-empty{text-align:center!important;padding:50px 24px!important;color:#a6bbc4;white-space:normal}.arc-rank-pagination{margin-top:26px}.arc-rank-pagination nav{display:flex;justify-content:center}.arc-rank-pagination .pagination{gap:5px}.arc-rank-pagination .page-link{background:#071e27;border-color:#39616b;color:#9fced4;border-radius:5px}.arc-rank-pagination .active .page-link{background:#45c3c8;color:#062128}.arc-page-footnote{color:#7e9ca8;text-align:center;font-size:12px;margin:22px 0 0}
.arc-jobs-picker{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 28px}.arc-jobs-picker a{width:48px;height:48px;display:grid;place-items:center;background:#03121a;border:1px solid #6caeb52b;border-radius:9px;color:#e7bc63;font-size:25px}.arc-jobs-picker a.is-active,.arc-jobs-picker a:hover{background:#45c3c82b;border-color:#45c3c8}.arc-jobs-picker img{width:36px;height:36px;object-fit:contain}.arc-job-name{display:flex;align-items:center;gap:10px;font-size:13px}.arc-job-progress{height:4px;background:#ffffff0f;border-radius:10px;width:150px;margin-top:9px;overflow:hidden}.arc-job-progress span{height:100%;display:block;background:#45c3c8}.arc-online-badge{color:#6fe4ac;font-size:11px;background:#26ba6920;padding:5px 10px;border-radius:20px}
.arc-download-shell{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;align-items:center;padding:30px 50px 40px;overflow:hidden;background:linear-gradient(110deg,#061920c7,#021017f5),url('../arkafus/images/bg5.jpg') center/cover}.arc-download-illustration{text-align:center;position:relative}.arc-download-illustration img{width:100%;max-width:420px;height:auto;filter:drop-shadow(0 20px 30px #0008)}.arc-download-illustration>span{font-family:Rowdies,sans-serif;font-size:17px;color:#f4dba8;display:block;margin-top:-20px;position:relative}.arc-download-content h2{font-family:Rowdies,sans-serif;color:white;font-size:30px;margin:12px 0 20px}.arc-download-copy{color:#9ab7c2;line-height:1.6;font-size:14px}.arc-download-options{display:flex;flex-direction:column;gap:12px;margin-top:25px}.arc-download-option{display:flex;align-items:center;gap:18px;padding:20px 24px;border:1px solid #4dced45c;background:linear-gradient(100deg,#0b333c,#061c25);border-radius:12px;color:#71e2e4;transition:transform .2s,border-color .2s}.arc-download-option:hover{border-color:#82f6ee;transform:translateY(-2px);color:#fff;box-shadow:0 8px 25px #45c3c81f}.arc-download-option>i:first-child{font-size:34px}.arc-download-option>i:last-child{font-size:24px;margin-left:auto}.arc-download-option strong{font-size:20px;display:block;color:#fff}.arc-download-option small{display:block;font-size:12px;color:#a4c2c9;margin-top:5px}.arc-download-links{display:flex;gap:20px;margin-top:25px;flex-wrap:wrap}.arc-download-links a{color:#f3cb83;font-size:13px}.arc-install-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px}.arc-install-steps article{background:#04161ec7;border:1px solid #71c4d52b;border-radius:14px;padding:28px}.arc-install-steps span{color:#45c3c8;font-family:Rowdies,sans-serif;font-size:34px}.arc-install-steps h3{color:white;font-weight:800;font-size:19px;margin:14px 0 12px}.arc-install-steps p{color:#9db6c3;font-size:14px;line-height:1.6;margin:0}
.arc-shop-page .card,.arc-shop-page .list-group-item,.arc-shop-modal{background:#05151dec;border:1px solid #70c6d333;color:#e4eef2;border-radius:12px;box-shadow:inset 0 1px #ffffff08}.arc-shop-page .card{overflow:hidden}.arc-shop-page .card-body{padding:24px}.arc-shop-page .card-header{background:#08242d;border-bottom:1px solid #71d0d22b;padding:15px 22px;color:#b7e8e9}.arc-shop-page .list-group{gap:8px}.arc-shop-page .list-group-item{padding:14px 18px;font-size:14px;transition:border-color .2s}.arc-shop-page .list-group-item.active,.arc-shop-page .list-group-item:hover{border-color:#45c3c8;background:#11353f;color:#83f0ec}.arc-shop-page .btn-primary,.arc-shop-modal .btn-primary{background:linear-gradient(#55d1d5,#31a8b3);color:#03272c;border:1px solid #6bdbdc;border-radius:7px;font-weight:800;padding:11px 18px}.arc-shop-page .btn-secondary{background:#0d2834;border-color:#477381;color:#c1dce2}.arc-shop-page h2,.arc-shop-page h3,.arc-shop-page h4{color:white;font-weight:800}.arc-shop-page .card-title{font-size:21px}.arc-shop-page .card-subtitle{color:#f4cc78}.arc-shop-page .card-img-top{width:100%;height:210px;object-fit:contain;padding:24px;background:radial-gradient(ellipse,#1e555955,#03101933)}.arc-shop-product{transition:transform .2s,border-color .2s}.arc-shop-product:hover{transform:translateY(-4px);border-color:#65dce277;box-shadow:0 15px 35px #0005}.arc-shop-page .table{--bs-table-bg:transparent;--bs-table-color:#d9eaef;--bs-table-border-color:#51818c38}.arc-shop-page .table-dark{--bs-table-bg:#0b2731}.arc-shop-page .form-control,.arc-shop-page .form-select{background:#020d14;color:white;border-color:#77cbd23b}.arc-shop-page .alert{background:#103039;border-color:#4d8a9666;color:#c6e6eb}.arc-shop-page .progress{background:#020c13}.arc-shop-page .progress-bar{background:#45c3c8}.arc-shop-page .modal-content{background:#051820;border:1px solid #5cb5c766;color:#e7f5f5}.arc-shop-modal .modal-header,.arc-shop-modal .modal-footer{border-color:#75c9cf26;padding:22px 26px}.arc-shop-modal .modal-body{padding:26px}.arc-shop-detail-image{display:block;max-width:100%;width:260px;height:220px;object-fit:contain;margin:0 auto 20px}.arc-shop-category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px}.arc-shop-category{display:flex;align-items:center;gap:20px;border:1px solid #7ac8d233;background:linear-gradient(140deg,#0a2b35ed,#04131cf5);border-radius:14px;padding:28px;color:#4ccdd3;transition:transform .2s,border-color .2s}.arc-shop-category:hover{transform:translateY(-3px);border-color:#45c3c8;color:#78f2ea}.arc-shop-category>i{font-size:40px}.arc-shop-category h2{font-size:22px;margin-bottom:8px}.arc-shop-category span{font-size:12px;color:#a7bfc9}.arc-shop-welcome{display:flex;align-items:center;gap:24px;min-height:250px;padding:30px}.arc-shop-welcome-copy{flex:1}.arc-shop-welcome-copy h2{font-family:Rowdies,sans-serif;line-height:1.2;margin:16px 0;font-size:28px;color:#f4e7c6}.arc-shop-welcome-copy>div{font-size:14px;color:#a7c4cf;line-height:1.7}.arc-shop-welcome>img{width:220px;height:220px;object-fit:contain;filter:drop-shadow(0 12px 18px #0007)}
@media(max-width:1024px){.arc-game-page{padding-top:140px}.arc-page-container{width:calc(100% - 40px)}.arc-page-board{padding:24px}.arc-download-shell{padding:30px;grid-template-columns:.8fr 1.2fr}.arc-download-content h2{font-size:25px}}
@media(max-width:700px){.arc-game-page{padding:120px 0 45px;background-attachment:scroll}.arc-page-hero{margin-bottom:28px}.arc-page-hero p{font-size:14px}.arc-page-container{width:calc(100% - 24px)}.arc-page-board{padding:18px;border-radius:14px}.arc-page-tabs{gap:8px}.arc-page-tabs a{padding:12px 18px;font-size:12px}.arc-board-heading{display:block}.arc-board-heading h2{font-size:21px}.arc-board-metric{display:block;margin-top:12px}.arc-rank-filters{gap:12px}.arc-rank-filters label{min-width:100%}.arc-rank-filters button{width:100%;justify-content:center}.arc-ladder-podium{grid-template-columns:1fr;gap:12px}.arc-podium-card{display:grid;grid-template-columns:65px 1fr;column-gap:16px;text-align:left;padding:20px 16px 16px 50px}.arc-podium-place{left:12px;top:16px;font-size:16px}.arc-podium-portrait{grid-row:1/4;width:65px;height:65px;margin:0}.arc-podium-card h3{font-size:17px;margin:0}.arc-podium-card p{margin:3px 0 5px}.arc-podium-card>strong{font-size:14px}.arc-ranking-table th,.arc-ranking-table td{padding:13px 14px}.arc-download-shell{grid-template-columns:1fr;padding:24px}.arc-download-illustration img{max-width:220px}.arc-download-illustration>span{font-size:13px}.arc-download-content{margin-top:20px}.arc-download-content h2{font-size:25px}.arc-install-steps{grid-template-columns:1fr;gap:12px}.arc-install-steps article{padding:22px}.arc-shop-category-grid{grid-template-columns:1fr}.arc-shop-welcome{flex-direction:column-reverse;padding:24px}.arc-shop-welcome>img{width:160px;height:160px}.arc-shop-category{padding:22px}.arc-page-hero h1{overflow-wrap:anywhere}}

.arc-shop-page .list-group-item.active{background:#45c3c8!important;color:#032329!important;font-weight:800}.arc-shop-route #itemModal{z-index:1060}.arc-shop-route .modal-backdrop{z-index:1050}