:root{
    --bg:#1b1f14;
    --bg2:#232a1a;
    --bg3:#161a0e;
    --olive:#4a5a2a;
    --khaki:#c9b67a;
    --gold:#d4af37;
    --red:#8b1a1a;
    --line:#3c4a22;
    --line2:#5a6b35;
    --txt:#e6e2c9;
    --txt-dim:#8a866a;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
    background:
        repeating-linear-gradient(45deg,#1b1f14 0 20px,#1e2317 20px 40px);
    color:var(--txt);
    font-family:"Courier New", monospace;
    min-height:100vh;
    padding-bottom:40px;
}

.topbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 26px;
    background:linear-gradient(#111508,#1a1f0d);
    border-bottom:3px double var(--khaki);
    box-shadow:0 2px 12px rgba(0,0,0,.6);
}
.crest{display:flex;align-items:center;gap:14px}
.crest-star{
    width:44px;height:44px;
    display:flex;align-items:center;justify-content:center;
    border:2px solid var(--khaki);
    border-radius:50%;
    background:radial-gradient(circle,#3a2a10,#1a1208);
    box-shadow:inset 0 0 8px rgba(212,175,55,.4);
}
.crest-star i{
    font-size:22px;
    color:var(--gold);
    line-height:1;
}
.crest-line1{font-size:10px;letter-spacing:3px;color:var(--txt-dim)}
.crest-line2{font-size:15px;letter-spacing:3px;color:var(--khaki);font-weight:bold}
.crest-line2 b{color:var(--gold)}
.topbar-right{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:2px;color:#7ab55c}
.status-dot{
    width:8px;height:8px;border-radius:50%;background:#7ab55c;
    box-shadow:0 0 8px #7ab55c;
    animation:pulse 1.6s infinite;
}
@keyframes pulse{50%{opacity:.4}}

h1{
    font-size:22px;
    letter-spacing:6px;
    color:var(--khaki);
    text-align:center;
}
.stripe{
    height:6px;
    background:repeating-linear-gradient(90deg,var(--gold) 0 12px,#8b1a1a 12px 24px);
    margin:14px 0;
    opacity:.7;
}

.auth{max-width:620px;margin:50px auto;padding:20px}
.doc{
    background:linear-gradient(#f4efd9,#e8e0bd);
    color:#1a1a0a;
    padding:26px 30px;
    border:3px double #2a2410;
    box-shadow:0 12px 40px rgba(0,0,0,.7), inset 0 0 60px rgba(120,90,40,.15);
    position:relative;
}
.doc::before{
    content:'';
    position:absolute;inset:8px;
    border:1px solid rgba(60,50,20,.4);
    pointer-events:none;
}
.doc-header{text-align:center;border-bottom:2px solid #2a2410;padding-bottom:16px;margin-bottom:22px;position:relative}
.doc-stamp{
    display:inline-block;
    padding:4px 12px;
    border:2px solid #8b1a1a;
    color:#8b1a1a;
    font-size:11px;
    letter-spacing:4px;
    font-weight:bold;
    margin-bottom:10px;
    transform:rotate(-2deg);
}
.doc h1{color:#1a1a0a;letter-spacing:6px;font-size:22px;text-shadow:none}
.doc-sub{font-size:11px;letter-spacing:4px;color:#5a5028;margin-top:6px}

.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.field label{font-size:11px;letter-spacing:3px;color:#5a5028;font-weight:bold}
.field input{
    padding:12px 14px;
    background:#fbf7e5;
    border:1.5px solid #6b5a2a;
    color:#1a1a0a;
    font-family:inherit;
    font-size:15px;
    letter-spacing:2px;
}
.field input:focus{outline:none;border-color:#8b1a1a;box-shadow:0 0 0 2px rgba(139,26,26,.15)}
.field input::placeholder{color:#a89a70;letter-spacing:2px}

.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
.btn-row button{
    padding:12px 18px;
    font-family:inherit;
    font-size:13px;
    letter-spacing:3px;
    cursor:pointer;
    border:2px solid #2a2410;
    background:linear-gradient(#c9b67a,#a89454);
    color:#1a1a0a;
    font-weight:bold;
    transition:.15s;
}
.btn-row button:hover{background:linear-gradient(#d4c17a,#b8a45a);transform:translateY(-1px)}
.btn-row button.btn-secondary{background:linear-gradient(#e8e0bd,#d4c9a0)}
.btn-row button.btn-secondary:hover{background:linear-gradient(#f4efd9,#e8e0bd)}

.err{color:#8b1a1a;min-height:18px;text-align:center;font-size:12px;letter-spacing:2px;font-weight:bold;margin-top:6px}
.doc-footer{
    text-align:center;
    font-size:9px;
    letter-spacing:3px;
    color:#8a7a4a;
    margin-top:14px;
    padding-top:12px;
    border-top:1px dashed #a89870;
}

.menu{max-width:720px;margin:50px auto;padding:20px}
.menu-doc{
    background:linear-gradient(#1e2311,#161a0e);
    border:3px double var(--khaki);
    padding:34px 40px;
    box-shadow:0 12px 40px rgba(0,0,0,.7), inset 0 0 80px rgba(0,0,0,.5);
    position:relative;
}
.menu-header{text-align:center;margin-bottom:30px}
.menu-header .sub{font-size:11px;letter-spacing:5px;color:var(--txt-dim);margin-top:10px}
.menu nav{display:flex;flex-direction:column;gap:14px}
.menu-btn{
    display:grid;
    grid-template-columns:60px 1fr 40px;
    align-items:center;
    gap:20px;
    padding:18px 22px;
    background:linear-gradient(90deg,rgba(74,90,42,.2),rgba(74,90,42,.05));
    border:1px solid var(--line);
    border-left:4px solid var(--gold);
    color:var(--txt);
    text-decoration:none;
    font-family:inherit;
    letter-spacing:3px;
    transition:.15s;
    position:relative;
}
.menu-btn:hover{
    background:linear-gradient(90deg,rgba(212,175,55,.18),rgba(74,90,42,.05));
    border-left-color:#fff;
    transform:translateX(4px);
}
.menu-btn-num{
    font-size:22px;
    color:var(--gold);
    font-weight:bold;
    letter-spacing:2px;
    border-right:1px solid var(--line);
    padding-right:16px;
    text-align:center;
}
.menu-btn-txt{font-size:15px;font-weight:bold}
.menu-btn-arrow{font-size:22px;color:var(--gold);text-align:right;transition:.15s}
.menu-btn:hover .menu-btn-arrow{transform:translateX(4px)}
.menu-btn-secondary{border-left-color:#6b4a2a;opacity:.85}
.menu-btn-secondary .menu-btn-num{color:#c9a06a}

.profile{max-width:760px;margin:50px auto;padding:20px}
.profile-doc{
    background:linear-gradient(#1e2311,#161a0e);
    border:3px double var(--khaki);
    padding:30px 36px;
    box-shadow:0 12px 40px rgba(0,0,0,.7), inset 0 0 80px rgba(0,0,0,.5);
}
.profile-doc-header{text-align:center}
.profile-card{padding:8px 4px;margin:20px 0}
.row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 8px;
    border-bottom:1px dashed var(--line);
    gap:16px;
}
.row:last-child{border-bottom:none}
.row span{
    color:var(--khaki);
    letter-spacing:3px;
    font-size:12px;
    font-weight:bold;
}
.row b{
    color:#fff;
    font-weight:bold;
    letter-spacing:1px;
    font-size:14px;
}
.row.note span{color:var(--txt-dim);font-weight:normal;font-size:11px}
.rank-line{display:flex;align-items:center;gap:10px}
.rank{height:26px;image-rendering:pixelated}
.icons{display:flex;gap:6px;flex-wrap:wrap}
.icon16{width:16px;height:16px;image-rendering:pixelated}
.empty{color:var(--txt-dim);letter-spacing:2px;font-size:11px}
.back-btn{
    display:block;
    text-align:center;
    margin-top:24px;
    padding:12px;
    color:var(--khaki);
    letter-spacing:4px;
    font-size:12px;
    text-decoration:none;
    border:1px solid var(--line);
    background:rgba(74,90,42,.1);
    transition:.15s;
}
.back-btn:hover{border-color:var(--gold);color:#fff}

.game{max-width:none;padding:0;position:relative}
#hud{
    display:grid;
    grid-template-columns:200px 1fr 320px;
    align-items:center;
    gap:20px;
    padding:12px 26px;
    background:linear-gradient(#111508,#1a1f0d);
    border-bottom:3px double var(--khaki);
    letter-spacing:2px;
    position:relative;
    z-index:5;
}
.hud-left{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.hud-left b{font-size:22px;color:var(--gold);font-weight:bold}
.hud-right{
    display:flex;
    gap:22px;
    align-items:flex-end;
    justify-content:flex-end;
}
.hud-cell{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.hud-cell b{
    font-family:inherit;
    font-size:18px;
    color:var(--gold);
    font-weight:bold;
    letter-spacing:1px;
    font-variant-numeric:tabular-nums;
    min-width:70px;
    text-align:right;
    display:inline-block;
}
.hud-label{font-size:10px;letter-spacing:3px;color:var(--txt-dim)}
.hud-center{width:100%;display:flex;justify-content:flex-start}
.mission-bar-wrap{width:460px;max-width:80%}
.mission-bar-wrap{
    position:relative;
    height:26px;
    background:#0e120a;
    border:2px solid var(--line);
    overflow:hidden;
}
.mission-bar{
    height:100%;
    width:0%;
    background:linear-gradient(90deg,#8b1a1a,#d4af37);
    transition:width .35s ease;
}
.mission-bar-text{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:10px;
    letter-spacing:2px;
    color:#fff;
    text-shadow:0 1px 2px #000, 0 0 4px #000;
    font-weight:bold;
}

#cv{
    display:block;
    margin:0 auto;
    background:#0e120a;
    cursor:crosshair;
    max-width:100%;
    height:auto;
    border-bottom:3px double var(--khaki);
}

.game-over{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.85);
    backdrop-filter:blur(4px);
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
    z-index:100;
    animation:fadeIn .3s ease;
}
.game-over.show{display:flex}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.game-over-doc{
    max-width:680px;
    width:100%;
    background:linear-gradient(#1e2311,#161a0e);
    border:3px double var(--khaki);
    padding:30px 36px;
    box-shadow:0 20px 60px rgba(0,0,0,.9), inset 0 0 80px rgba(0,0,0,.6);
    animation:slideUp .35s ease;
    max-height:90vh;
    overflow-y:auto;
}
@keyframes slideUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}
.game-over-doc h2{
    text-align:center;
    font-size:28px;
    letter-spacing:8px;
    color:#c9503a;
    text-shadow:0 0 12px rgba(139,26,26,.6);
}
.game-over-sub{
    text-align:center;
    font-size:11px;
    letter-spacing:5px;
    color:var(--txt-dim);
    margin-top:6px;
}
.result-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px 24px;
    margin:22px 0;
    padding:18px;
    background:rgba(0,0,0,.25);
    border:1px solid var(--line);
}
.result-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:6px 0;
    border-bottom:1px dashed var(--line);
}
.result-item span{font-size:10px;letter-spacing:2px;color:var(--txt-dim)}
.result-item b{font-size:15px;color:var(--gold);letter-spacing:1px}
.result-missions{margin:14px 0}
.rm-title{
    text-align:center;
    font-size:10px;
    letter-spacing:4px;
    color:var(--khaki);
    margin-bottom:10px;
}
.rm-row{
    display:grid;
    grid-template-columns:1fr 1fr auto;
    gap:12px;
    padding:6px 12px;
    font-size:11px;
    letter-spacing:2px;
    border-bottom:1px dashed var(--line);
    color:var(--txt-dim);
}
.rm-row b{color:var(--gold)}
.game-over-btns{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin-top:22px;
}
.btn{
    display:block;
    padding:14px 22px;
    background:linear-gradient(#4a5a2a,#2f3a19);
    color:var(--txt);
    border:2px solid #6b7c3d;
    font-family:inherit;
    font-size:13px;
    letter-spacing:4px;
    cursor:pointer;
    text-decoration:none;
    text-align:center;
    font-weight:bold;
    transition:.15s;
}
.btn:hover{
    background:linear-gradient(#5d7034,#3a481f);
    border-color:var(--gold);
    color:#fff;
}
.btn-secondary{background:linear-gradient(#3a2010,#241208);border-color:#6b4a2a}
.btn-secondary:hover{background:linear-gradient(#4a2a15,#2a1808);border-color:var(--gold)}

.missions{max-width:820px;margin:50px auto;padding:20px}
.missions-doc{
    background:linear-gradient(#1e2311,#161a0e);
    border:3px double var(--khaki);
    padding:30px 36px;
    box-shadow:0 12px 40px rgba(0,0,0,.7), inset 0 0 80px rgba(0,0,0,.5);
}
.missions-header{text-align:center;margin-bottom:24px}
.missions-header .sub{font-size:11px;letter-spacing:4px;color:var(--txt-dim);margin-top:10px}
.missions-section{margin-bottom:24px}
.section-title{
    font-size:11px;
    letter-spacing:4px;
    color:var(--txt-dim);
    padding:6px 0;
    margin-bottom:10px;
    border-bottom:1px solid var(--line);
}
.section-title.active{color:var(--gold);border-bottom-color:var(--gold)}
.section-title.pending{color:#a89a70}
.missions-list{display:flex;flex-direction:column;gap:6px}
.msn-row{
    display:grid;
    grid-template-columns:32px 70px 1fr auto;
    align-items:center;
    gap:14px;
    padding:11px 14px;
    background:rgba(74,90,42,.08);
    border-left:3px solid var(--line);
    font-size:12px;
    letter-spacing:2px;
    transition:.15s;
}
.msn-row:hover{background:rgba(74,90,42,.18)}
.msn-mark{font-size:15px;text-align:center;color:var(--txt-dim)}
.msn-id{color:var(--khaki);font-weight:bold}
.msn-task{color:var(--txt)}
.msn-reward{color:var(--gold);font-weight:bold}
.msn-done{border-left-color:#4a5a2a;opacity:.6}
.msn-done .msn-mark{color:#7ab55c}
.msn-done .msn-task{text-decoration:line-through;color:var(--txt-dim)}
.msn-current{
    border-left-color:var(--gold);
    background:linear-gradient(90deg,rgba(212,175,55,.18),rgba(74,90,42,.05));
    box-shadow:0 0 12px rgba(212,175,55,.15) inset;
}
.msn-current .msn-mark{color:var(--gold);animation:pulse 1.4s infinite}
.msn-pending{border-left-color:#3c4a22}
.empty-row{padding:14px;text-align:center;color:var(--txt-dim);letter-spacing:3px;font-size:11px}
.load-more{
    margin-top:10px;
    padding:11px;
    text-align:center;
    font-size:11px;
    letter-spacing:3px;
    color:var(--khaki);
    background:rgba(74,90,42,.12);
    border:1px solid var(--line);
    cursor:pointer;
    transition:.15s;
}
.load-more:hover{border-color:var(--gold);color:#fff;background:rgba(212,175,55,.12)}

.leaderboard{max-width:820px;margin:50px auto;padding:20px}
.lb-doc{
    background:linear-gradient(#1e2311,#161a0e);
    border:3px double var(--khaki);
    padding:30px 36px;
    box-shadow:0 12px 40px rgba(0,0,0,.7), inset 0 0 80px rgba(0,0,0,.5);
}
.lb-header{text-align:center;margin-bottom:24px}
.lb-header .sub{font-size:11px;letter-spacing:4px;color:var(--txt-dim);margin-top:10px}
.lb-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:20px}
.lb-tab{
    padding:12px 8px;
    background:rgba(74,90,42,.1);
    border:1px solid var(--line);
    color:var(--txt-dim);
    font-family:inherit;
    font-size:11px;
    letter-spacing:3px;
    cursor:pointer;
    transition:.15s;
}
.lb-tab:hover{color:#fff;border-color:var(--khaki)}
.lb-tab.active{
    background:linear-gradient(#4a5a2a,#2f3a19);
    border-color:var(--gold);
    color:#fff;
    font-weight:bold;
}
.lb-list{display:flex;flex-direction:column;gap:6px}
.lb-row{
    display:grid;
    grid-template-columns:44px 30px 1fr 110px 110px;
    align-items:center;
    gap:14px;
    padding:11px 14px;
    background:rgba(74,90,42,.08);
    border-left:3px solid var(--line);
    font-size:12px;
    letter-spacing:2px;
    transition:.15s;
}
.lb-row:hover{background:rgba(74,90,42,.18)}
.lb-place{
    font-size:16px;
    color:var(--gold);
    font-weight:bold;
    text-align:center;
}
.lb-rank{height:22px;image-rendering:pixelated;justify-self:center}
.lb-name{color:#fff;font-weight:bold;letter-spacing:2px}
.lb-extra{color:var(--txt-dim);font-size:11px;text-align:right}
.lb-val{color:var(--gold);font-weight:bold;text-align:right}
.lb-me{border-left-color:var(--gold);background:linear-gradient(90deg,rgba(212,175,55,.15),rgba(74,90,42,.05))}
.lb-me .lb-name{color:var(--gold)}
.lb-top1{border-left-color:#ffd700;background:linear-gradient(90deg,rgba(255,215,0,.18),rgba(74,90,42,.05))}
.lb-top2{border-left-color:#c0c0c0;background:linear-gradient(90deg,rgba(192,192,192,.14),rgba(74,90,42,.05))}
.lb-top3{border-left-color:#cd7f32;background:linear-gradient(90deg,rgba(205,127,50,.14),rgba(74,90,42,.05))}

.combat{max-width:820px;margin:50px auto;padding:20px}
.combat-doc{
    background:linear-gradient(#1e2311,#161a0e);
    border:3px double var(--khaki);
    padding:30px 36px;
    box-shadow:0 12px 40px rgba(0,0,0,.7), inset 0 0 80px rgba(0,0,0,.5);
}
.combat-header{text-align:center;margin-bottom:24px}
.combat-header .sub{font-size:11px;letter-spacing:4px;color:var(--txt-dim);margin-top:10px}

.combat-card{
    display:flex;
    flex-direction:column;
    gap:20px;
    padding:26px;
    background:
        radial-gradient(ellipse at 50% 0%, rgba(212,175,55,.08), transparent 60%),
        linear-gradient(#1a1f0e,#0f1308);
    border:2px solid var(--line);
    border-top:4px solid var(--gold);
    box-shadow:0 0 40px rgba(0,0,0,.6) inset;
}

.cc-gun{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px 0 6px;
    position:relative;
}
.cc-gun::after{
    content:'';
    position:absolute;
    left:10%;right:10%;
    bottom:-8px;
    height:2px;
    background:linear-gradient(90deg,transparent,var(--gold),transparent);
    opacity:.4;
}
.cc-gun-img{
    max-width:520px;
    width:100%;
    height:auto;
    image-rendering:pixelated;
    filter:drop-shadow(0 8px 20px rgba(0,0,0,.8)) drop-shadow(0 0 30px rgba(212,175,55,.15));
}

.cc-cd{
    display:flex;
    align-items:baseline;
    justify-content:center;
    gap:14px;
    padding:10px 0;
}
.cc-lbl{
    font-size:12px;
    letter-spacing:5px;
    color:var(--txt-dim);
}
.cc-cd-val{
    font-family:inherit;
    font-size:15px;
    font-weight:bold;
    color:var(--gold);
    letter-spacing:2px;
}
.cc-cd-unit{
    font-size:14px;
    letter-spacing:4px;
    color:var(--khaki);
}

.cc-progress{
    position:relative;
    height:24px;
    background:#0a0d06;
    border:1px solid var(--line);
    overflow:hidden;
}
.cc-progress-bar{
    height:100%;
    background:linear-gradient(90deg,#8b1a1a,#d4af37);
    transition:width .4s ease;
    box-shadow:0 0 12px rgba(212,175,55,.4);
}
.cc-progress-txt{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:10px;
    letter-spacing:3px;
    color:#fff;
    text-shadow:0 1px 2px #000, 0 0 4px #000;
    font-weight:bold;
}

.cc-rows{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px 28px;
    padding-top:14px;
    border-top:1px dashed var(--line);
}
.cc-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:5px 0;
    font-size:11px;
    letter-spacing:2px;
}
.cc-row span{color:var(--txt-dim)}
.cc-row b{color:#fff}

.cc-note{
    padding:8px 12px;
    background:rgba(212,175,55,.08);
    border-left:3px solid var(--gold);
    font-size:10px;
    letter-spacing:3px;
    color:var(--khaki);
    text-align:center;
}

@media(max-width:720px){
    #hud{grid-template-columns:1fr;gap:8px}
    .hud-left,.hud-right{align-items:center;justify-content:center}
    .btn-row,.result-grid,.game-over-btns{grid-template-columns:1fr}
    .menu-btn{grid-template-columns:50px 1fr 30px;gap:12px;padding:14px}
    .lb-row{grid-template-columns:36px 24px 1fr 80px;gap:8px}
    .lb-extra{display:none}
    .lb-tabs{grid-template-columns:1fr}
    .msn-row{grid-template-columns:24px 60px 1fr;gap:8px}
    .msn-row .msn-reward{grid-column:3;justify-self:end}
    .cc-cd-val{font-size:44px}
    .cc-rows{grid-template-columns:1fr}
}
.lb-row{cursor:pointer}
.lb-row:hover{background:rgba(74,90,42,.22);transform:translateX(3px);transition:.15s}
.lb-me:hover{background:linear-gradient(90deg,rgba(212,175,55,.25),rgba(74,90,42,.08))}
.cc-shield-val{
    color:#5ab4ff;
    text-shadow:0 0 14px rgba(90,180,255,.5);
}
.cc-shield-val{
    color:#5ab4ff;
    text-shadow:0 0 14px rgba(90,180,255,.5);
}
#shield{
    color:#5ab4ff;
    text-shadow:0 0 8px rgba(90,180,255,.4);
}
.cc-waves{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px;
    margin-top:8px;
}
.cc-wave{
    display:grid;
    grid-template-columns:70px 1fr 60px;
    gap:10px;
    padding:8px 12px;
    background:rgba(74,90,42,.1);
    border-left:3px solid var(--line);
    font-size:11px;
    letter-spacing:2px;
    align-items:center;
}
.cc-wave span:first-child{color:var(--khaki);font-weight:bold}
.cc-wave b{color:#fff;text-align:center}
.cc-wave span:last-child{color:var(--gold);text-align:right}
.cc-wave-bonus{
    grid-column:1 / -1;
    border-left-color:var(--gold);
    background:linear-gradient(90deg,rgba(212,175,55,.18),rgba(74,90,42,.05));
}
#wave{color:var(--gold)}
#waveLeft{color:#fff}
#shield2{
    color:#7ed0ff;
    text-shadow:0 0 8px rgba(126,208,255,.5);
}
.academy #hud{
    border-bottom-color:#7ab55c;
}
.academy .mission-bar{
    background:linear-gradient(90deg,#3d6b1e,#7ab55c);
}
.academy #cv{
    background:#0b1207;
}
#exp{
    color:#7ab55c;
    text-shadow:0 0 8px rgba(122,181,92,.4);
}
#rank{
    color:#c9e08a;
}
.profile-section-title{
    font-size:11px;
    letter-spacing:4px;
    color:var(--gold);
    margin:20px 0 6px;
    padding:8px 0 6px;
    border-bottom:2px solid var(--line);
    border-top:1px solid var(--line);
}
.row-link{
    display:block;
    text-align:center;
    padding:12px;
    margin:12px 0 4px;
    color:var(--gold);
    background:rgba(212,175,55,.08);
    border:1px solid var(--line);
    letter-spacing:4px;
    font-size:11px;
    text-decoration:none;
    transition:.15s;
}
.row-link:hover{
    background:rgba(212,175,55,.18);
    border-color:var(--gold);
    color:#fff;
}
.lb-tabs{
    grid-template-columns:1fr 1fr 1fr 1fr;
}
@media(max-width:720px){
    .lb-tabs{grid-template-columns:1fr 1fr}
}