:root{--ink:#090a0c;--ink2:#0e1013;--panel:#121418;--panel2:#171a1f;--line:#292e35;--line2:#353c45;--paper:#f1ede4;--text:#eeeae2;--soft:#b8b2a8;--muted:#7d848d;--faint:#5f6670;--gold:#c8ad78;--gold2:#ead7ae;--gold-dim:rgba(200,173,120,.11);--green:#83c99b;--red:#e9868d;--blue:#8fa4ea;--shadow:0 24px 80px rgba(0,0,0,.34);--r:16px;--sidebar:248px}
*{box-sizing:border-box}html{background:var(--ink);color-scheme:dark}body{margin:0;background:var(--ink);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{color:inherit}a{text-decoration:none}button{cursor:pointer}::selection{background:var(--gold);color:#16130d}
.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#0c0e11;border-right:1px solid #20252b;padding:17px 14px;display:flex;flex-direction:column;z-index:50}.brand{height:55px;display:flex;align-items:center;gap:11px;padding:0 8px}.brand-mark{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:var(--paper);color:#111217;font-weight:900;font-size:12px;letter-spacing:-.8px}.brand>span:last-child strong{font-size:14px;display:block}.brand small{display:block;color:#626a74;text-transform:uppercase;letter-spacing:1px;font-size:8px;margin-top:2px}.main-nav{display:flex;flex-direction:column;gap:3px;margin-top:15px}.nav-cap{font-size:8px;color:#535a63;text-transform:uppercase;letter-spacing:1.25px;font-weight:800;padding:14px 10px 5px}.main-nav a{padding:9px 10px;border-radius:9px;color:#858c95;font-size:11px;font-weight:650;display:flex;align-items:center;gap:10px;position:relative}.main-nav a>span{width:17px;text-align:center;color:#676e77}.main-nav a:hover{background:#14171b;color:#ddd8cf}.main-nav a.active{background:#181b20;color:#f2ede4}.main-nav a.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;background:var(--gold);border-radius:3px}.main-nav a.active>span{color:var(--gold)}.sidebar-foot{margin-top:auto;border-top:1px solid #20252b;padding:14px 8px 0}.account-row{display:flex;align-items:center;gap:9px;min-width:0}.avatar{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#252a31;border:1px solid #333a43;color:#e8e3da;font-size:9px;font-weight:800}.account-row>span:last-child{min-width:0}.account-row strong,.account-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-row strong{font-size:10px}.account-row small{font-size:8px;color:#68707a;margin-top:2px}.text-button{border:0;background:transparent;color:#707781;padding:10px 0 0;font-size:9px}.text-button:hover{color:#fff}
.app-main{grid-column:2;min-width:0}.app-topbar{height:80px;position:sticky;top:0;z-index:40;padding:0 34px;background:rgba(9,10,12,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(41,46,53,.72);display:flex;align-items:center;justify-content:space-between;gap:20px}.app-topbar h1{margin:3px 0 0;font-size:18px;letter-spacing:-.45px}.eyebrow{font-size:8px;color:#6d747e;text-transform:uppercase;letter-spacing:1px}.top-actions{display:flex;align-items:center;gap:8px}.balance-pill{height:38px;border:1px solid #2b3138;border-radius:10px;background:#12151a;display:flex;align-items:center;gap:8px;padding:0 11px}.balance-pill i{width:6px;height:6px;background:var(--gold);border-radius:50%}.balance-pill span{font-size:8px;color:#747b84}.balance-pill strong{font-size:10px}.mobile-menu{display:none;background:#15181d;border:1px solid #2d333a;border-radius:9px;width:36px;height:36px}.page-wrap{padding:28px 34px 50px;max-width:1560px;margin:0 auto}.messages{max-width:1560px;margin:18px auto 0;padding:0 34px}.notice,.toast{border:1px solid #343a42;background:#15181d;border-radius:10px;padding:11px 13px;font-size:10px}.notice.success,.toast.success{border-color:rgba(131,201,155,.28);background:rgba(131,201,155,.08)}.notice.error,.toast.error{border-color:rgba(233,134,141,.28);background:rgba(233,134,141,.08)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 14px 40px rgba(0,0,0,.16)}.pad{padding:20px}.grid2{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.75fr);gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.stack{display:grid;gap:12px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}.section-head h2,.section-head h3{margin:0;font-size:13px;letter-spacing:-.2px}.section-head p{margin:4px 0 0;color:var(--muted);font-size:9px;max-width:620px}.kicker{font-size:8px;text-transform:uppercase;letter-spacing:1.15px;color:var(--gold);font-weight:800}.muted{color:var(--muted)}.divider{height:1px;background:var(--line);margin:18px 0}.btn{border:1px solid transparent;border-radius:10px;min-height:38px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:720;transition:.16s ease}.btn.primary{background:var(--paper);border-color:#fff;color:#111318}.btn.primary:hover{background:#fff;transform:translateY(-1px)}.btn.gold{background:var(--gold);border-color:#d8bd89;color:#17130c}.btn.secondary{background:#181c21;border-color:#2d343c;color:#e8e3da}.btn.secondary:hover{background:#1d2228;border-color:#3b444e}.btn.ghost{background:transparent;border-color:#2d333a;color:#9ca2aa}.btn.danger{background:rgba(233,134,141,.09);border-color:rgba(233,134,141,.25);color:#f0a0a6}.btn.sm{min-height:30px;padding:0 10px;font-size:9px;border-radius:8px}.action-row{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:5px;border:1px solid #30363e;border-radius:7px;background:#181c21;color:#9299a2;padding:5px 7px;font-size:8px;font-weight:760;text-transform:uppercase;letter-spacing:.45px}.badge.active,.badge.paid,.badge.completed{background:rgba(131,201,155,.09);border-color:rgba(131,201,155,.22);color:#a8d9b8}.badge.pending,.badge.queued,.badge.processing,.badge.requested,.badge.cancelling{background:var(--gold-dim);border-color:rgba(200,173,120,.22);color:var(--gold2)}.badge.rejected,.badge.failed,.badge.refunded{background:rgba(233,134,141,.09);border-color:rgba(233,134,141,.22);color:#eda0a6}.badge.paused,.badge.cancelled{color:#a0a6ae}
.hero-panel{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);overflow:hidden;background:#101216;border:1px solid #2b3037;border-radius:20px;box-shadow:var(--shadow)}.hero-copy{padding:34px}.hero-copy h2{font-family:ui-serif,Georgia,serif;font-size:38px;line-height:1.06;font-weight:500;letter-spacing:-1.2px;margin:11px 0 14px;color:#f5f0e6}.hero-copy p{font-size:10px;line-height:1.75;color:#8a9098;max-width:680px;margin:0 0 20px}.hero-side{padding:30px;border-left:1px solid #2a3037;background:#0e1013;display:flex;flex-direction:column;justify-content:center}.hero-side small{font-size:8px;color:#6f7680;text-transform:uppercase;letter-spacing:.9px}.hero-side strong{font-family:ui-serif,Georgia,serif;font-size:35px;font-weight:500;margin:6px 0}.hero-side span{font-size:9px;color:#767d86}.metric{padding:17px;background:#12151a;border:1px solid #292f36;border-radius:14px}.metric span{display:block;font-size:8px;color:#747b84}.metric strong{display:block;font-family:ui-serif,Georgia,serif;font-size:24px;font-weight:500;margin:10px 0 4px}.metric small{font-size:8px;color:#686f78}.metric small.up{color:#8fc6a1}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:650px}.data-table th{font-size:7px;color:#626a73;text-transform:uppercase;letter-spacing:.8px;text-align:left;font-weight:800;padding:0 10px 10px;border-bottom:1px solid #2a3036}.data-table td{font-size:9px;padding:12px 10px;border-bottom:1px solid #252b31;color:#b5afa5}.data-table tr:last-child td{border-bottom:0}.data-table strong{font-size:9px;color:#e4dfd6}.url-text{max-width:320px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#767d86}.progress{height:5px;background:#242a31;border-radius:99px;overflow:hidden}.progress>i{display:block;height:100%;background:var(--gold);border-radius:99px}
.form-card{max-width:760px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:8px;color:#8d949d;font-weight:700}.field input,.field select,.field textarea,.django-form input,.django-form select,.django-form textarea{width:100%;border:1px solid #30363e;background:#0e1114;border-radius:10px;color:#eeeae2;min-height:42px;padding:0 12px;outline:none;font-size:10px}.field textarea,.django-form textarea{padding:11px 12px;min-height:120px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.django-form input:focus,.django-form select:focus,.django-form textarea:focus{border-color:#70644d;box-shadow:0 0 0 3px rgba(200,173,120,.07)}.django-form p{margin:0 0 13px}.django-form label{display:block;font-size:8px;color:#8d949d;font-weight:700;margin-bottom:6px}.django-form ul.errorlist{list-style:none;padding:0;margin:0 0 6px;color:#efa0a6;font-size:9px}.helptext{display:block;font-size:8px;color:#616973;margin-top:5px}.error-box{border:1px solid rgba(233,134,141,.25);background:rgba(233,134,141,.07);padding:10px;border-radius:10px;color:#eea0a6;font-size:9px;margin-bottom:13px}
.detail-hero{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start}.detail-hero h2{font-family:ui-serif,Georgia,serif;font-weight:500;font-size:30px;line-height:1.1;letter-spacing:-.8px;margin:10px 0}.detail-hero p{margin:0;color:#757d86;font-size:9px}.stat-line{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:20px}.stat-line>div{padding:16px 15px 0 0}.stat-line span{display:block;color:#686f78;font-size:8px}.stat-line strong{display:block;font-size:14px;margin-top:5px}.timeline{display:grid}.timeline-row{display:grid;grid-template-columns:115px 1fr auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #262c32;font-size:9px}.timeline-row:last-child{border-bottom:0}.timeline-row time{color:#656d76}.timeline-row p{margin:0;color:#aaa49a}.timeline-row strong{font-size:9px}
.wallet-balance{padding:28px;background:#101216;border:1px solid #2b3037;border-radius:18px}.wallet-balance span{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#6f7680}.wallet-balance strong{display:block;font-family:ui-serif,Georgia,serif;font-size:42px;font-weight:500;letter-spacing:-1.2px;margin:7px 0 16px}.provider-box{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #2b3138;border-radius:13px;padding:14px;background:#111419}.provider-id{display:flex;align-items:center;gap:10px}.provider-logo{width:36px;height:36px;border-radius:10px;background:#262b31;display:grid;place-items:center;font-weight:900;font-size:11px}.provider-id strong{display:block;font-size:10px}.provider-id span{display:block;font-size:8px;color:#6c737c;margin-top:3px}.empty{padding:28px;text-align:center;color:#757c85;font-size:9px;border:1px dashed #30363e;border-radius:13px}.empty strong{display:block;color:#c9c3b8;font-size:11px;margin-bottom:5px}
.toast-stack{position:fixed;top:18px;right:18px;z-index:100;width:min(360px,calc(100vw - 36px));display:grid;gap:8px}.toast{box-shadow:0 18px 55px rgba(0,0,0,.4)}
@media(max-width:1050px){.grid4{grid-template-columns:repeat(2,1fr)}.grid2,.hero-panel{grid-template-columns:1fr}.hero-side{border-left:0;border-top:1px solid #2a3037}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(max-width:760px){:root{--sidebar:260px}.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.2s ease;box-shadow:20px 0 70px rgba(0,0,0,.5)}.sidebar.open{transform:none}.app-main{grid-column:auto}.app-topbar{height:70px;padding:0 16px}.mobile-menu{display:grid;place-items:center}.app-topbar>div:first-of-type{flex:1}.app-topbar .eyebrow{display:none}.app-topbar h1{font-size:15px}.balance-pill span,.balance-pill i{display:none}.page-wrap{padding:20px 16px 40px}.messages{padding:0 16px}.grid3,.grid4{grid-template-columns:1fr}.hero-copy{padding:24px}.hero-copy h2{font-size:31px}.detail-hero{grid-template-columns:1fr}.stat-line{grid-template-columns:1fr 1fr}.top-actions .btn{display:none}}

.allauth-shell{min-height:100vh;background:radial-gradient(circle at 50% -20%,rgba(200,173,120,.08),transparent 32%),var(--ink);padding:22px}.allauth-bar{max-width:980px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #22272d;padding:0 0 18px}.allauth-bar .brand{padding:0}.allauth-main{width:min(680px,100%);margin:56px auto}.allauth-messages{display:grid;gap:8px;margin-bottom:12px}.allauth-flow{padding:30px}.allauth-flow h1,.allauth-flow h2{font-family:ui-serif,Georgia,serif;font-weight:500;letter-spacing:-.7px;color:#f3eee5}.allauth-flow h1{font-size:30px;margin:0 0 10px}.allauth-flow h2{font-size:20px}.allauth-flow p,.allauth-flow li{color:#918b82;font-size:10px;line-height:1.65}.allauth-flow form{display:grid;gap:12px;margin-top:18px}.allauth-flow label{display:block;font-size:8px;color:#989087;font-weight:700;margin-bottom:6px}.allauth-flow input,.allauth-flow select{width:100%;border:1px solid #30363e;background:#0e1114;border-radius:10px;color:#eeeae2;min-height:42px;padding:0 12px;outline:none}.allauth-flow input:focus,.allauth-flow select:focus{border-color:#70644d;box-shadow:0 0 0 3px rgba(200,173,120,.07)}.allauth-flow button{border:1px solid #fff;border-radius:10px;min-height:40px;padding:0 14px;background:var(--paper);color:#111318;font-weight:750}.allauth-flow a{color:var(--gold2)}.allauth-flow ul{padding-left:18px}.allauth-flow table{width:100%;border-collapse:collapse}.allauth-flow td,.allauth-flow th{padding:11px;border-bottom:1px solid var(--line);text-align:left;font-size:9px}.allauth-flow code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.allauth-flow img{max-width:240px;height:auto;background:#fff;padding:10px;border-radius:10px}@media(max-width:760px){.allauth-shell{padding:16px}.allauth-main{margin:28px auto}.allauth-flow{padding:22px}.allauth-bar .brand small{display:none}}
.market-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.75fr);gap:12px;background:#0f1115;border:1px solid #2b3037;border-radius:20px;overflow:hidden}.market-hero>div{padding:28px}.market-hero>div+div{border-left:1px solid #2a3037;background:linear-gradient(180deg,#13161a,#0d0f12)}.market-hero h2{font-family:ui-serif,Georgia,serif;font-size:34px;line-height:1.08;font-weight:500;letter-spacing:-1px;margin:9px 0 12px}.market-hero p{max-width:760px;color:#858c95;font-size:10px;line-height:1.7;margin:0}.market-invite{display:flex;flex-direction:column;justify-content:center;gap:9px}.market-invite small{font-size:8px;color:#6f7680;text-transform:uppercase;letter-spacing:1px}.market-invite code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:var(--gold2);word-break:break-all;background:#0b0d10;border:1px solid #272d34;border-radius:9px;padding:10px}.market-invite span{font-size:8px;color:#717983;line-height:1.55}.market-filters{display:grid;grid-template-columns:130px 1fr 1fr 190px auto;gap:10px;align-items:end}.market-filters label{font-size:8px;color:#7b828b;display:grid;gap:5px}.market-filters input,.market-filters select{height:38px;border:1px solid #30363e;background:#0e1114;border-radius:9px;color:#e9e4db;padding:0 10px}.market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ref-card{background:#111419;border:1px solid #2a3037;border-radius:16px;padding:18px;box-shadow:0 15px 38px rgba(0,0,0,.16)}.ref-card-head{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.ref-card-head small{display:block;color:#676f78;font-size:7px;text-transform:uppercase;letter-spacing:.8px}.ref-card-head strong{font-size:10px}.grade{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;border:1px solid #4a4232;background:#211d16;color:#efd59f;font-family:ui-serif,Georgia,serif;font-size:20px}.grade.mini{display:inline-grid;width:25px;height:25px;border-radius:7px;font-size:11px;margin-right:5px;vertical-align:middle}.grade-s{border-color:#8f784d;background:#282012;color:#f2d28c}.grade-a{border-color:#5d654c;background:#1b2119;color:#cdd8a1}.grade-b{border-color:#455b5d;background:#172023;color:#a8ced1}.grade-c{border-color:#4b4f5d;background:#191b22;color:#b6bbcf}.grade-d{border-color:#443c40;background:#191517;color:#a89ba1}.ref-id{margin:16px 0 11px;font-size:8px;color:#666d76;text-transform:uppercase;letter-spacing:.8px}.ref-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.ref-stats>div{padding:10px;border-radius:10px;background:#0d1013;border:1px solid #242a30}.ref-stats span{display:block;font-size:7px;color:#656c75}.ref-stats strong{display:block;font-size:11px;margin-top:4px}.ref-price{display:flex;align-items:end;justify-content:space-between;border-top:1px solid #282e34;margin-top:14px;padding-top:14px}.ref-price small{display:block;font-size:7px;color:#676f78;text-transform:uppercase;letter-spacing:.7px}.ref-price strong{display:block;font-family:ui-serif,Georgia,serif;font-size:24px;font-weight:500;margin-top:2px}.market-empty{grid-column:1/-1}.table-sub{display:block;color:#626a73;font-size:7px;margin-top:3px}.fee-note{border:1px solid rgba(200,173,120,.25);background:rgba(200,173,120,.07);border-radius:12px;padding:14px;margin:0 0 16px}.fee-note span,.fee-note small{display:block}.fee-note span{font-size:7px;color:#8f8166;text-transform:uppercase;letter-spacing:.9px}.fee-note strong{display:block;font-family:ui-serif,Georgia,serif;font-size:20px;font-weight:500;margin:4px 0}.fee-note small{font-size:8px;color:#7a818a;line-height:1.55}.up{color:#8fc6a1!important}@media(max-width:1150px){.market-grid{grid-template-columns:repeat(2,1fr)}.market-filters{grid-template-columns:1fr 1fr}.market-filters .btn{min-height:38px}.market-hero{grid-template-columns:1fr}.market-hero>div+div{border-left:0;border-top:1px solid #2a3037}}@media(max-width:720px){.market-grid,.market-filters{grid-template-columns:1fr}.ref-stats{grid-template-columns:1fr}.market-hero h2{font-size:28px}.market-hero>div{padding:22px}}
.ref-market-math{display:flex;justify-content:space-between;gap:10px;margin-top:8px;padding:8px 2px;color:#656d76;font-size:7px}.ref-market-math strong{color:#b9b2a7;font-size:8px}.ref-market-math:after{content:"история не гарантирует будущий доход";display:none}

/* Legibility and interaction polish */
body{font-size:14px}.main-nav a{font-size:13px;padding:11px 12px}.nav-cap,.eyebrow,.kicker{font-size:10px}.brand>span:last-child strong{font-size:16px}.brand small{font-size:9px}.app-topbar{height:88px}.app-topbar h1{font-size:22px}.page-wrap{padding-top:32px}.card{transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.card:hover{border-color:#343b44}.pad{padding:24px}.section-head h2,.section-head h3{font-size:17px}.section-head p,.hero-copy p,.market-hero p{font-size:13px;line-height:1.65}.btn{min-height:42px;font-size:13px;padding:0 17px}.btn.sm{min-height:34px;font-size:11px}.balance-pill span,.balance-pill strong{font-size:11px}.metric span,.metric small,.wallet-balance span,.provider-id span,.timeline-row,.data-table td,.empty,.helptext{font-size:11px}.metric strong{font-size:28px}.data-table th{font-size:9px}.data-table strong,.timeline-row strong,.provider-id strong{font-size:12px}.field label,.django-form label{font-size:11px}.field input,.field select,.field textarea,.django-form input,.django-form select,.django-form textarea{min-height:46px;font-size:14px}.notice,.toast{font-size:12px}.badge{font-size:9px}.empty{padding:38px}.empty strong{font-size:14px}.wallet-balance .muted{font-size:12px!important;line-height:1.6}.order-summary{margin:18px 0;padding:18px;border:1px solid rgba(200,173,120,.28);background:var(--gold-dim);border-radius:12px}.order-summary span,.order-summary small{display:block;color:#8f877a;font-size:11px}.order-summary strong{display:block;color:var(--gold2);font-family:ui-serif,Georgia,serif;font-size:30px;font-weight:500;margin:5px 0}.trust-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);color:#8fc6a1;font-size:11px}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.btn:active{transform:translateY(1px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:760px){.app-topbar{height:74px}.page-wrap{padding-top:20px}.pad{padding:18px}.hero-copy h2{font-size:29px}.wallet-balance strong{font-size:36px}.top-actions{gap:5px}.balance-pill{padding:0 9px}}
.battle-hero{display:grid;grid-template-columns:1fr 280px;background:radial-gradient(circle at 80% 20%,rgba(200,173,120,.13),transparent 35%),#101216;border:1px solid #2b3037;border-radius:20px;overflow:hidden}.battle-hero>div{padding:32px}.battle-hero h2{font-family:ui-serif,Georgia,serif;font-size:35px;font-weight:500;letter-spacing:-1px;margin:10px 0}.battle-hero p{color:#8a9098;line-height:1.65;max-width:700px}.battle-price{border-left:1px solid #2b3037;display:flex;flex-direction:column;justify-content:center}.battle-price small,.battle-price span{color:#7a818a}.battle-price strong{font-family:ui-serif,Georgia,serif;font-size:40px;font-weight:500;color:var(--gold2);margin:5px 0}.battle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.battle-mini{display:grid;gap:10px;padding:18px;border:1px solid #2a3037;background:#101317;border-radius:14px}.battle-mini:hover{border-color:#5d513c;transform:translateY(-2px)}.battle-mini strong{font-size:15px}.battle-mini small{color:#7d858e;line-height:1.5}.battle-mini b{color:var(--gold2)}.battle-result{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.battle-option{position:relative;padding:22px;border:1px solid #2b3138;background:#111419;border-radius:18px;overflow:hidden}.battle-option>span{position:absolute;top:12px;left:12px;width:32px;height:32px;border-radius:9px;background:var(--gold);color:#16120c;display:grid;place-items:center;font-weight:900;z-index:2}.battle-option img{width:100%;height:280px;object-fit:contain;background:#090b0d;border-radius:12px;margin-bottom:15px}.battle-option h3{font-size:18px;margin:7px 0}.battle-option a{color:var(--gold2);font-size:12px}.battle-option>strong{display:block;font-family:ui-serif,Georgia,serif;font-size:36px;margin-top:10px}.result-bar{height:8px;background:#252b31;border-radius:10px;overflow:hidden;margin-top:18px}.result-bar i{display:block;height:100%;background:var(--gold)}.battle-question{text-align:center}.battle-question h2{font-family:ui-serif,Georgia,serif;font-size:30px;font-weight:500}.reward-chip{display:inline-flex;padding:7px 10px;background:rgba(131,201,155,.09);border:1px solid rgba(131,201,155,.25);color:#a8d9b8;border-radius:8px}.selectable{cursor:pointer;transition:.2s}.selectable:hover{border-color:#746446}.selectable:has(input:checked){border-color:var(--gold);box-shadow:0 0 0 3px rgba(200,173,120,.1)}.selectable input{position:absolute;opacity:0}.selectable b{display:block;margin-top:15px;color:#ded8cf}.public-result{min-height:100vh;padding:28px;max-width:1050px;margin:auto}.public-result-card{margin-top:70px;padding:50px;border:1px solid #343a42;background:radial-gradient(circle at 50% 0,rgba(200,173,120,.12),transparent 40%),#101216;border-radius:24px;text-align:center}.public-result-card h1{font-family:ui-serif,Georgia,serif;font-size:46px;font-weight:500;margin:12px 0}.public-result-card>p{color:#8b929a}.public-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;margin:40px 0}.public-score>div{display:grid;gap:6px}.public-score span{color:var(--gold2);font-weight:900}.public-score strong{font-family:ui-serif,Georgia,serif;font-size:60px;font-weight:500}.public-score small{color:#737b84}.public-score>b{font-size:30px;color:#454c54}.public-result-card .action-row{justify-content:center}.public-total{font-size:12px!important}@media(max-width:900px){.battle-hero,.battle-result{grid-template-columns:1fr}.battle-price{border-left:0;border-top:1px solid #2b3037}.battle-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.battle-grid{grid-template-columns:1fr}.battle-option img{height:210px}.public-result{padding:14px}.public-result-card{padding:25px 16px;margin-top:35px}.public-result-card h1{font-size:32px}.public-score{gap:8px}.public-score strong{font-size:38px}}
