/* GENERATED. Edit ui/*.css; run python tools/build_ui.py. */
:root{ --bg:#08140f;--panel:#14221d;--line:#3e5846;--text:#edf1e8;--muted:#a4b4a8; --gold:#ffda62;--lime:#c4ec77;--green:#77b853; --a:#fb6159;--b:#efc653;--c:#b97bef;--d:#6fb4ed;--e:#aeb9b1; color-scheme:dark; } *{box-sizing:border-box} html,body{margin:0;min-height:100%;overscroll-behavior-y:none} body{ background:radial-gradient(ellipse at 50% 30%,#243329 0%,#0b1310 52%,#040907 100%); color:var(--text);font-family:var(--body); font-size:14px;-webkit-font-smoothing:antialiased; } button,input,select{font:inherit} button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation} button{color:inherit} button:disabled{cursor:default;opacity:.43} button:focus-visible,input:focus-visible,select:focus-visible{ outline:2px solid var(--gold);outline-offset:3px; } button:not(:disabled):active{filter:brightness(1.2)} button,a,input,select{touch-action:manipulation} img{user-select:none;-webkit-user-drag:none} svg{display:block} button{border:0} [hidden]{display:none!important} .app{ position:relative;display:flex;flex-direction:column;width:100%;max-width:440px;height:100dvh; min-height:440px;margin:0 auto;overflow:hidden; background:#091511;border:1px solid #385144;box-shadow:0 15px 80px #0009,inset 0 0 0 3px #08110e; } .main{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#455b44 #0b1611} .main.is-home{overflow:hidden} .home{height:100%;display:flex;flex-direction:column;position:relative} .hq-header{ flex:none;display:flex;justify-content:space-between;align-items:center;gap:6px; min-height:70px;padding:10px 12px 8px;position:relative;z-index:4; background:linear-gradient(115deg,#17221c,#081610 55%,#06110d); border-bottom:1px solid #32473a; box-shadow:0 4px 12px #0007,inset 0 1px #72856930; } .profile-trigger{padding:0;display:flex;align-items:center;gap:9px;background:transparent;text-align:left;min-width:0} .rank-medal{ height:44px;width:38px;flex-shrink:0;border:1px solid #506050;border-radius:8px; background:linear-gradient(135deg,#34392b,#131d17);box-shadow:inset 0 1px #e6d29c44,0 3px 7px #0007; display:flex;align-items:center;justify-content:center; } .rank-medal svg,.rank-medal .rank-icon{width:30px;height:36px;display:block;object-fit:contain} .profile-lines{min-width:0} .nickname{display:block;font-weight:900;font-size:16px;line-height:1.2;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px} .rank-label{display:block;font-size:11px;color:#c1cbc0;margin-top:4px;white-space:nowrap} img.rank-icon{display:block;object-fit:contain} .wallet-area{display:flex;align-items:flex-end;flex-direction:column;gap:3px;flex-shrink:0} .wallet-trigger{ display:flex;align-items:center;gap:6px;background:linear-gradient(#07150f,#102319); border:1px solid #34533d;border-radius:10px;padding:5px 8px 4px; box-shadow:inset 0 1px #91ae8630; } .wallet-trigger strong{font-size:19px;letter-spacing:.2px;font-variant-numeric:tabular-nums} .coin{ display:inline-flex;align-items:center;justify-content:center;flex-shrink:0; width:22px;height:22px;position:relative;overflow:visible; background:none!important;border:0!important;box-shadow:none!important;border-radius:0; color:transparent;font-size:0;line-height:0;text-shadow:none!important; } .coin img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 0 rgba(255,244,178,.35)) drop-shadow(0 2px 3px rgba(0,0,0,.35));} .coin.smallcoin{width:16px;height:16px;font-size:0} .coin.bigcoin{width:24px;height:24px;font-size:0} .income-mini{padding:0 3px;font-size:15px;font-weight:900;color:var(--lime);background:none;text-shadow:0 1px 4px #0c1a03} .hq-stage{ position:relative;flex:1;min-height:188px;overflow:hidden; background:#252d20 url("assets/hq_hangar.png") center/cover no-repeat; } .hq-stage:before{ content:"";position:absolute;inset:0; background:linear-gradient(0deg,#0a15112e 0%,transparent 35%,#07120d22 100%); pointer-events:none; } .hq-stage:after{ content:"";position:absolute;inset:0;pointer-events:none; box-shadow:inset 0 10px 18px #0003,inset 0 -5px 12px #101a12; } .hero-corgi{ position:absolute;z-index:1;bottom:-1px;left:50%;transform:translateX(-50%); width:70%;height:98%;max-height:405px;object-fit:contain;object-position:center bottom; filter:drop-shadow(0 5px 3px #0008); } .stage-action{ position:absolute;z-index:3;bottom:7%;width:25%;max-width:110px;padding:0 0 6px; display:flex;align-items:center;flex-direction:column;background:transparent; } .stage-action.tasks{left:1.5%}.stage-action.daily{right:1.5%} .action-disc{ position:relative;display:flex;align-items:center;justify-content:center; width:clamp(49px,16.5vw,73px);height:clamp(49px,16.5vw,73px);border-radius:50%; background:radial-gradient(circle at 40% 20%,#25372c,#0b1d16 75%); border:2px solid #5e7461;box-shadow:inset 0 0 0 3px #0a130f,inset 0 0 14px #b6ceac14,0 3px 8px #0009; } .action-disc svg{width:59%;height:59%;color:#d0d9ce;filter:drop-shadow(0 2px 1px #000)} .action-caption{ position:relative;margin-top:-1px;display:block;padding:3px 5px;background:#102019d9; font-size:clamp(11px,3.3vw,14px);font-weight:800;text-align:center;line-height:1.2; text-shadow:0 2px 3px #000;border-radius:4px; } .status-dot{ position:absolute;right:0;top:1px;min-width:17px;height:17px;padding:1px 4px; display:flex;align-items:center;justify-content:center;border-radius:12px;background:#debe45; color:#1e260d;border:1px solid #ffef98;box-shadow:0 1px 5px #000;font-size:10px;font-weight:900; } .status-dot:empty{width:9px;height:9px;min-width:9px;padding:0;right:3px;top:4px;background:#c7e978} .equipment-row{ position:relative;z-index:3;flex:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px;padding:0 13px;margin-top:-1px;background:linear-gradient(#11201966,#0a160f); } .equipment-slot{ position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end; min-width:0;height:clamp(86px,27vw,121px);padding:7px 4px 8px; background:linear-gradient(145deg,#193029,#0b1914 58%,#102418); border:1px solid #527661;border-radius:8px;box-shadow:inset 0 1px #a7c39644,0 2px 6px #0009; } .equipment-slot:hover{border-color:#b4d480;box-shadow:inset 0 0 20px #56802d22} .equipment-slot img{display:block;width:100%;height:63%;object-fit:contain;filter:drop-shadow(0 2px 1px #000)} .equipment-slot .slot-kind{font-size:11px;line-height:1.2;color:#c8d3c6;margin-top:3px} .equipment-slot .slot-name{font-size:12px;font-weight:700;line-height:1.2;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .empty-slot-icon{height:55%;font-size:31px;color:#809775;display:flex;align-items:center} .hq-income{ flex:none;margin:11px 13px 12px;padding:9px 10px 10px;border:1px solid #8ca855;border-radius:8px; display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px; background:linear-gradient(115deg,#1a341c,#2b4825 43%,#16301a); box-shadow:inset 0 1px #d7e9a83d,inset 0 -6px 15px #060e0628,0 2px 8px #0007; } .hq-income:hover{border-color:#c7e77a} .hq-income .caption{font-size:13px;color:#e2efcf;text-shadow:0 1px #142810} .income-value{display:flex;align-items:center;gap:7px;font-size:24px;font-weight:900;line-height:1.1;color:var(--gold);text-shadow:0 2px 3px #101703} .bottom-nav{ flex:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px; padding:6px 5px calc(6px + env(safe-area-inset-bottom,0px));position:relative;z-index:5; background:linear-gradient(#102019,#07120e);border-top:1px solid #466444;box-shadow:0 -3px 9px #0006; } .nav-btn{ display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px; padding:6px 2px 5px;min-height:62px;background:transparent;color:#8f9e93;border:1px solid transparent;border-radius:8px; font-size:11px; } .nav-btn svg{height:27px;width:29px;filter:drop-shadow(0 2px 1px #0008)} .nav-btn.active{ color:#e6f491;border-color:#b3d275; background:linear-gradient(120deg,#284725,#18361f 65%,#253d20); box-shadow:inset 0 0 0 2px #152915,inset 0 0 18px #8faa3033,0 0 9px #b1d45311; } .nav-btn.active svg{color:#ebea65}.nav-btn.active span{color:#f0f8df;font-weight:700} .screen{padding:0 13px 20px;min-height:100%;background:radial-gradient(ellipse at top,#1a2c21,#0c1812 60%)} .screen-head{ display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 0 14px; border-bottom:1px solid #344c3c;margin-bottom:14px; } .screen-title{display:flex;align-items:center;gap:7px;min-width:0} .screen-head h1{font-size:21px;margin:0;font-weight:900;letter-spacing:.3px} .icon-button{padding:5px;background:transparent;color:#c2cdbb;border-radius:5px;display:flex;align-items:center;justify-content:center} .icon-button svg{height:23px;width:23px} .screen-head .wallet-trigger strong{font-size:17px} .panel{padding:14px;background:linear-gradient(130deg,#1d3024,#112016);border:1px solid #435f45;border-radius:10px;margin:12px 0;box-shadow:inset 0 1px #bbc9a81a} .section{font-size:17px;font-weight:800;margin:19px 0 10px} .section:first-child{margin-top:0} .row{display:flex;align-items:center;justify-content:space-between;gap:10px} .gold{color:var(--gold)}.green{color:var(--lime)}.muted,.sub{color:var(--muted)} .sub,.small{font-size:11px;line-height:1.4}.hint{font-size:12px;line-height:1.55;color:#a5b7a6} .center{text-align:center}.wide{width:100%}.stack{display:grid;gap:9px}.line{height:1px;background:#344c37;margin:14px 0} .btn{ display:inline-flex;align-items:center;justify-content:center;gap:7px;text-align:center; padding:11px 14px;min-height:43px;border-radius:7px;font-weight:800; background:linear-gradient(#77bf47,#386d2d);border:1px solid #9bd168;color:#f4ffe5; box-shadow:inset 0 1px #d4efa251,0 2px 2px #0006;text-shadow:0 1px 2px #233313; } .btn.goldbtn{background:linear-gradient(#ffdb63,#e5a62a);border-color:#ffe78a;color:#302a0a;text-shadow:0 1px #ffebae} .btn.dark{background:linear-gradient(#2b4130,#172b1e);border-color:#5a7350;color:#dce8d2} .btn.red{background:linear-gradient(#d95835,#a53225);border-color:#ec8159;color:#fff1db} .btn.compact{padding:7px 10px;min-height:35px;font-size:12px} .btn:hover:not(:disabled){filter:brightness(1.1)} .tabs{display:flex;gap:6px;padding:0 0 9px;overflow-x:auto;scrollbar-width:none} .tabs button{padding:8px 10px;border:1px solid #3b5542;border-radius:6px;white-space:nowrap;background:#14261c;color:#aebfac;font-size:12px;min-height:36px} .tabs button.active{background:linear-gradient(#365e28,#1b3a20);border-color:#bdd577;color:#fffad1} .stat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:9px 0} .stat>div{background:#192e20;border:1px solid #445e40;border-radius:8px;padding:12px;font-size:12px} .stat b{display:block;font-size:21px;margin-top:5px;color:#e8f2cd} .case{display:flex;align-items:center;gap:10px;padding:12px 10px;margin:12px 0;min-height:150px;border:1px solid #426246;border-radius:10px;background:linear-gradient(115deg,#213e24f5,#0b1a16ed),url("assets/bg_cases.png") center/cover} .case img{width:43%;height:126px;object-fit:contain;border-radius:8px} .case-info{flex:1;min-width:0}.case-info h2{font-size:18px;margin:0 0 8px}.case-info p{font-size:12px;line-height:1.4;color:#b7c7ad;margin:7px 0} .probabilities{background:none;color:#c9d7bc;padding:8px 0;font-size:11px;text-decoration:underline;text-underline-offset:3px} .tier{display:inline-block;padding:3px 5px;border-radius:4px;font-size:10px;font-weight:700;border:1px solid currentColor} .tier.A{color:var(--a);background:#482321}.tier.B{color:var(--b);background:#45371a}.tier.C{color:var(--c);background:#332447}.tier.D{color:var(--d);background:#1e3445}.tier.E{color:var(--e);background:#303e32} .item{display:flex;align-items:center;gap:9px;background:linear-gradient(110deg,#1c3324,#102016);border:1px solid #395840;padding:8px;border-radius:8px;margin:8px 0} .item.selected{border-color:#aacd67;box-shadow:inset 0 0 18px #6c9d281b} .item img{width:85px;height:67px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 1px #000)} .item .details{flex:1;min-width:0}.item .details b{font-size:13px;line-height:1.3;display:block;margin-bottom:5px} .item .details .gold{margin-top:4px} .item .btn{font-size:11px;padding:7px;min-height:35px} .item-count{color:#9cad94;font-size:11px} .empty{padding:28px 14px;text-align:center;border:1px dashed #4c6446;border-radius:9px;color:#b7c7ad;margin:15px 0} .empty svg{width:38px;height:38px;margin:0 auto 12px;opacity:.55} .betbox{background:#15291c;border:1px solid #466541;border-radius:9px;padding:12px;margin:11px 0;display:grid;gap:7px} .betbox label{font-size:12px;font-weight:700;color:#dceccb} input,select{border:1px solid #4a6a44;border-radius:6px;background:#091b11;color:#f8e89a;padding:11px;max-width:100%} .betbox input{width:100%;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums} .controls{display:flex;gap:8px;margin:12px 0} .controls>*{flex:1;min-width:0} .gamebg{height:275px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #527448;border-radius:10px;background:#12251c;text-align:center} .gamebg>img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.85} .gamebg .overlay{position:relative;z-index:1;font-size:47px;font-weight:900;text-shadow:0 2px 6px #000;color:#ffe092} .gamebg .overlay small{display:block;font-size:12px;color:#f4f4d7;margin-top:8px} .flightscene .overlay{font-size:31px;border-radius:8px;background:#102623dc;padding:12px} .flight-events{position:absolute;bottom:10px;left:10px;right:10px;display:flex;gap:4px;justify-content:center;flex-wrap:wrap} .flight-events span{padding:5px 8px;background:#315a27;border:1px solid #a6ce6c;border-radius:5px;font-size:12px;font-weight:700} .minegrid{display:grid;gap:6px;margin:14px auto;max-width:360px} .cell{aspect-ratio:1;background:linear-gradient(135deg,#354c2b,#1d3422);border:1px solid #627c49;border-radius:7px;font-size:21px;color:#accc87;min-width:0;padding:5px} .cell.open{background:#315b2f;border-color:#b5d170}.cell.boom{background:#813524;border-color:#ff9568}.cell img{width:100%;height:100%;object-fit:contain} .cell:disabled{opacity:1}.cell:not(.open):disabled{opacity:.68} .game-summary{font-size:11px;color:#c2d6a5;margin:9px 0} .progress{height:8px;overflow:hidden;background:#0a190e;border:1px solid #3c5736;border-radius:9px;margin:10px 0} .progress i{display:block;height:100%;background:linear-gradient(90deg,#447e31,#b8d866)} .leader{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:13px 8px;border-bottom:1px solid #334e35} .leader.me{background:#263c23;border:1px solid #88a957;border-radius:8px;margin-top:10px} .leader .place{color:#d8d695;font-weight:900;font-size:18px} .leader strong{display:block;font-size:13px}.leader .leader-value{font-size:14px;color:#edd77c;font-weight:700;text-align:right} .demo-tag{padding:5px 8px;background:#263c26;color:#b8c799;border:1px solid #466442;border-radius:5px;font-size:11px;display:inline-block} .sheet-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:18px 12px;background:#000c;backdrop-filter:blur(3px)} .sheet{ width:min(410px,100%);max-height:calc(100dvh - 36px);display:flex;flex-direction:column; background:linear-gradient(155deg,#1f3525,#0b1b12 60%);border:1px solid #71885b;border-radius:16px; box-shadow:0 16px 80px #000b,inset 0 1px #cad9a94d;animation:sheetIn .17s ease-out; } .sheet-header{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #425a38;padding:16px} .sheet-header h2{font-size:20px;margin:0;line-height:1.2;font-weight:900} .sheet-header .icon-button{border:1px solid #426040;border-radius:50%;width:30px;height:30px;flex-shrink:0} .sheet-body{padding:16px;overflow:auto;overscroll-behavior:contain} .sheet-body>p:first-child{margin-top:0} .sheet-body h3{font-size:15px;line-height:1.4;margin:14px 0 8px} .task-row{background:#1a3020;border:1px solid #405e3a;padding:12px;margin:10px 0;border-radius:9px} .task-top{display:flex;align-items:center;justify-content:space-between;gap:9px} .task-top strong{font-size:14px}.task-top .task-check{color:#bcd578} .task-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:9px;gap:8px} .task-reward{color:#e0d078;font-size:12px} .task-state{font-size:11px;color:#afc299} .days{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:14px 0} .day{border:1px solid #405d38;border-radius:8px;text-align:center;min-height:88px;padding:8px 3px;background:#16291b;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:6px} .day.current{border-color:#d8d883;background:linear-gradient(#344e24,#21331b);box-shadow:0 0 14px #adc0551c} .day.claimed{opacity:.65}.day.final{grid-column:span 2} .day>span:first-child{font-size:11px;color:#c5d4b5}.day strong{font-size:13px;color:#efde92} .day .day-check{font-size:12px;min-height:16px;color:#b6d574} .reward-img{width:90%;height:170px;object-fit:contain;filter:drop-shadow(0 5px 14px #f5bc3b33)} .reward-title{font-size:25px;color:#f4dea1;margin:8px 0} .reward-benefit{font-size:21px;color:#e8d279;font-weight:800;margin:14px 0} .balance-large{display:flex;align-items:center;justify-content:center;gap:9px;font-size:34px;font-weight:900;color:#f2dc8c;margin:10px 0 20px} .ledger-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #334932} .ledger-row span{font-size:12px}.ledger-row b{font-size:13px;white-space:nowrap}.ledger-row small{font-size:10px;color:#92a487;display:block;margin-top:4px} .profile-art{display:block;height:150px;width:180px;object-fit:contain;margin:0 auto;filter:drop-shadow(0 6px 6px #0007)} .profile-name{font-size:24px;text-align:center;margin:8px 0} .name-editor{display:flex;gap:7px;margin:10px 0} .name-editor input{min-width:0;flex:1} .ranks-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #354b32;color:#a9ba9d;font-size:12px} .rank-row-main{display:flex;align-items:center;gap:8px;min-width:0}.rank-row-main .rank-icon{width:24px;height:28px;flex:none;display:block;object-fit:contain}.rank-row-main b{font-weight:700;min-width:0} .ranks-row.unlocked{color:#eff0cb}.ranks-row.current{background:#2b4224;border:1px solid #97af59;border-radius:6px} .income-row{display:grid;grid-template-columns:1fr 70px 85px;gap:5px;padding:10px 0;border-bottom:1px solid #304c32;align-items:center;font-size:12px} .income-row span:nth-child(n+2){text-align:right} .sheet-pills{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0} .sheet-pills>*{text-align:center;background:#203621;border:1px solid #47633d;border-radius:7px;padding:10px;font-size:12px} .sheet-pills b{font-size:18px;display:block;margin-top:5px;color:#dce99b} #toast{ position:fixed;left:50%;top:max(16px,env(safe-area-inset-top,0px));transform:translateX(-50%);z-index:80; width:max-content;max-width:min(400px,calc(100% - 30px));background:#274626f7;color:#eefad5; border:1px solid #aac779;border-radius:9px;padding:12px 16px;box-shadow:0 5px 20px #0009;font-size:13px;text-align:center;line-height:1.4; } @keyframes sheetIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}} @media(min-width:600px){ .app{height:min(780px,calc(100dvh - 44px));min-height:590px;width:min(440px,calc((100dvh - 44px) * .635));min-width:340px;margin:22px auto;border-radius:15px;border:2px solid #425246} .hq-header{padding-top:12px} } @media(max-width:345px){ .hq-header{min-height:56px;padding:7px 8px 6px}.nickname{font-size:13px;max-width:116px} .profile-trigger{gap:6px}.rank-medal{width:32px;height:37px}.rank-medal svg,.rank-medal .rank-icon{width:26px;height:30px;display:block;object-fit:contain} .rank-label{font-size:9px}.wallet-trigger{padding:4px 6px}.wallet-trigger strong{font-size:15px} .wallet-trigger .coin{width:18px;height:18px;font-size:10px}.income-mini{font-size:12px} .hq-stage{min-height:165px}.equipment-row{padding:0 10px;gap:6px}.equipment-slot{height:86px;padding:4px 3px 6px} .equipment-slot .slot-kind{font-size:10px}.equipment-slot .slot-name{font-size:10px} .hq-income{margin:8px 10px 9px;padding:7px}.hq-income .caption{font-size:11px}.income-value{font-size:21px} .nav-btn{min-height:50px;font-size:10px;padding:4px 1px}.nav-btn svg{width:25px;height:25px}.bottom-nav{padding-top:4px;padding-bottom:4px} .item img{width:66px;height:55px}.item .details b{font-size:12px}.item .btn{font-size:10px;padding:5px} .screen-head h1{font-size:18px}.screen{padding:0 10px 16px}.sheet-header h2{font-size:18px} .task-top strong{font-size:13px}.case img{height:105px}.case-info h2{font-size:16px}.case-info .btn{font-size:12px;padding:9px} .sheet-body{padding:12px} } @media(max-height:610px){ .app{min-height:420px}.hq-stage{min-height:150px}.hero-corgi{width:62%} .equipment-slot{height:86px}.hq-income{margin-top:8px;margin-bottom:8px;padding:7px}.income-value{font-size:21px} .nav-btn{min-height:50px}.nav-btn svg{width:25px;height:25px} } @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}} .crash-mode-bar{display:flex;align-items:center;justify-content:space-between;margin:12px 0}.crash-mode-bar h2{font-size:26px;letter-spacing:2.5px;line-height:1;margin:0 0 3px}.crash-rules-button{border:1px solid #59715e;width:29px;height:29px;border-radius:50%;color:#e0eec5;background:#203323;font-weight:800} .room-switch{display:flex;padding:3px;border:1px solid #304c3a;border-radius:8px;background:#07190f;margin-bottom:12px;gap:3px}.room-switch button{flex:1;min-height:34px;font-size:12px;color:#94ac9c;border:0;background:transparent;border-radius:5px}.room-switch button.active{color:#f3f6d0;background:#2e482e;box-shadow:0 1px 4px #0005}.live-dot{display:inline-block;width:6px;height:6px;background:#5e7266;border-radius:50%;margin-right:6px}.live-dot.connected{background:#a8ee77;box-shadow:0 0 8px #a8ee7780} .crash-history-head{display:flex;justify-content:space-between;color:#829b90;font-size:10px;letter-spacing:.3px;margin:10px 1px 6px}.crash-history-head span:last-child{font-size:9px;letter-spacing:1px}.crash-history{display:flex;gap:5px;overflow:auto;scrollbar-width:none;min-height:28px;margin-bottom:9px}.crash-history::-webkit-scrollbar{display:none}.history-chip{padding:6px 9px;flex-shrink:0;background:#10261e;border:1px solid currentColor;border-radius:5px;font-size:12px;font-weight:800;line-height:1}.history-empty{font-size:11px;align-self:center;color:#8a9e88} .coef-red{color:#ff7268!important}.coef-amber{color:#ffd76b!important}.coef-green{color:#a4f18b!important}.coef-purple{color:#c6a5ff!important}.coef-gold{color:#ffcf55!important} .crash-stage{position:relative;height:264px;border:1px solid #477c69;border-radius:12px;overflow:hidden;background:#071e2b;isolation:isolate;box-shadow:inset 0 0 35px #0005,0 8px 25px #0003}.crash-stage canvas{position:absolute;inset:0;width:100%;height:100%}.crash-stage-top,.crash-stage-bottom{position:absolute;left:13px;right:13px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a0bfb0;letter-spacing:.4px}.crash-stage-top{top:12px}.crash-stage-bottom{bottom:10px;font-size:9px;letter-spacing:.3px}.stage-live{padding:4px 7px;background:#27442b88;border:1px solid #49684766;border-radius:4px}.crash-mult-wrap{position:absolute;top:23%;left:8%;right:8%;text-align:center;pointer-events:none;text-shadow:0 2px 16px #000,0 2px 3px #000;display:flex;flex-direction:column}.crash-mult-wrap strong{font-size:clamp(38px,12vw,56px);font-weight:900;line-height:1.05;font-variant-numeric:tabular-nums;letter-spacing:-2px}.crash-mult-wrap span{font-size:11px;color:#dfecd7;margin-top:6px;letter-spacing:.2px}.crash-stage[data-phase="ended"]{border-color:#c7654f}.signal-bars{display:flex;align-items:flex-end;gap:2px;height:11px}.signal-bars i{width:3px;background:#81c885;height:4px}.signal-bars i:nth-child(2){height:6px}.signal-bars i:nth-child(3){height:8px}.signal-bars i:nth-child(4){height:11px} .bank-bar{margin:10px 0;display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border:1px solid #42623f;border-radius:9px;background:linear-gradient(110deg,#2b4227,#13241a)}.bank-bar small{font-size:10px;color:#b9cba9;display:block}.bank-bar strong{display:flex;gap:6px;align-items:center;font-size:20px;margin-top:3px;color:#f4df97}.bank-bar .coin{width:18px;height:18px;font-size:11px}.players-count{text-align:right}.players-count strong{justify-content:flex-end;color:#d9e9c3;font-size:19px}.players-count small{margin-top:3px} .stake-v7{background:#13261a;border-color:#405d3b;padding:10px;margin:10px 0}.bet-label{display:flex;justify-content:space-between;align-items:center;gap:6px}.bet-label>span{font-size:10px;color:#849c80}.stake-adjust{display:grid;grid-template-columns:40px 1fr 40px;gap:5px}.stake-adjust button{border:1px solid #567446;color:#e1edc5;border-radius:6px;background:linear-gradient(#2f462b,#1a2f1d);font-size:23px;font-weight:700}.stake-adjust input{text-align:center;min-width:0;appearance:textfield;height:43px;padding:8px}.stake-adjust input::-webkit-inner-spin-button,.stake-adjust input::-webkit-outer-spin-button{appearance:none;margin:0}.stake-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.stake-presets button{border:1px solid #405b37;border-radius:5px;background:#243b23;color:#d9e8b9;font-size:12px;height:29px;font-weight:700}.stake-presets button:last-child{color:#eddd8d;border-color:#74733b}.stake-limit{float:right;color:#819879;font-size:9px}.stake-v7 .sub{font-size:10px} .auto-v7{display:grid;grid-template-columns:1fr 112px;align-items:center;gap:3px 10px;border:1px solid #405b3d;background:#15271b;border-radius:9px;padding:9px 11px}.auto-v7 small{font-size:9px;color:#8eaa81;grid-column:2;text-align:center}.auto-toggle{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700}.auto-toggle input{accent-color:#96d870;width:17px;height:17px}.auto-number{display:flex;align-items:center;background:#081b13;border:1px solid #566f42;border-radius:5px;overflow:hidden}.auto-number span{padding-left:9px;color:#cbd4ab}.auto-number input{width:88px;min-width:0;background:none;border:0;padding:8px 4px;font-size:16px;font-weight:800;text-align:center;appearance:textfield}.auto-number input::-webkit-inner-spin-button{appearance:none}.auto-number:has(input:disabled){opacity:.48}.crash-actions{margin:11px 0}.crash-actions button{min-height:45px;font-size:13px}.room-note{font-size:10px;color:#98ac92;line-height:1.55;margin:10px 0 15px;border-left:2px solid #627740;padding-left:9px}.room-wallet{color:#f4de8c}.room-wallet>span{display:block;text-align:right;color:#aec397;font-size:9px}.room-wallet>div{display:flex;align-items:center;gap:5px;font-size:18px}.room-wallet .coin{width:19px;height:19px;font-size:11px} .crash-player-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3f553a;padding-bottom:7px;gap:8px}.crash-player-heading h3{font-size:14px;margin:0}.crash-player-heading .sub{font-size:10px}.crash-player{display:grid;grid-template-columns:27px minmax(60px,1fr) 56px 81px;align-items:center;gap:7px;padding:10px 5px;border-bottom:1px solid #2b4130;font-size:12px}.crash-player.is-me{background:#253d223d}.player-avatar{display:flex;align-items:center;justify-content:center;border:1px solid #63804b;border-radius:8px;background:#2a4029;width:27px;height:30px;font-weight:800;color:#d5df9f}.player-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e2e9d1}.player-name small{display:block;font-size:9px;color:#a2b986;margin-top:2px}.crash-player>b{text-align:right;color:#eedc9b;font-size:12px}.player-out{text-align:right;font-size:10px;color:#a7b79c}.player-out small{display:block;margin-top:3px;font-size:11px}.players-empty{padding:15px 8px;color:#8ca184;font-size:11px;text-align:center;line-height:1.6}.coefficient-legend{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:10px 0;font-size:9px}.code-block{background:#08170f;color:#c4e4a6;border:1px solid #405e35;padding:12px;border-radius:7px;font-size:12px;overflow:auto} .reel-heading{text-align:center}.reel-heading>span{font-size:10px;color:#a5b79c;text-transform:uppercase;letter-spacing:1px}.reel-heading h3{font-size:22px;margin:5px 0 16px;color:#f0d387}.case-reel-viewport{position:relative;height:170px;border:1px solid #7c8952;overflow:hidden;background:radial-gradient(ellipse at center,#2d3d26,#071610);border-radius:10px;margin:10px -6px 14px;isolation:isolate}.case-reel-viewport:before,.case-reel-viewport:after{content:'';position:absolute;top:0;bottom:0;width:36px;z-index:3;pointer-events:none}.case-reel-viewport:before{left:0;background:linear-gradient(90deg,#08150fe8,transparent)}.case-reel-viewport:after{right:0;background:linear-gradient(-90deg,#08150fe8,transparent)}.case-reel-track{display:flex;gap:8px;align-items:center;height:100%;padding:12px 8px;width:max-content;will-change:transform}.reel-card{width:114px;height:138px;flex-shrink:0;border:1px solid #61775a;border-radius:8px;background:linear-gradient(150deg,#23392a,#071810);position:relative;padding:7px;display:flex;flex-direction:column;align-items:center;text-align:center}.reel-card img{width:100%;height:65px;object-fit:contain;filter:drop-shadow(0 4px 4px #0009)}.reel-card b{font-size:11px;line-height:1.3;color:#dce8ca;margin-top:auto}.reel-card small{font-size:10px;color:#e8d894;margin-top:5px}.reel-tier{align-self:flex-start;font-weight:900;font-size:13px;line-height:1}.reel-card.tier-A{border-color:#d45f4d;background:linear-gradient(150deg,#522a23,#180e0d);color:#ff998b}.reel-card.tier-B{border-color:#c6a44d;background:linear-gradient(150deg,#4a3f22,#1c1b0c);color:#ffd978}.reel-card.tier-C{border-color:#9a79c1;background:linear-gradient(150deg,#3f2948,#15101c);color:#d6b0ff}.reel-card.tier-D{border-color:#5e9aad;background:linear-gradient(150deg,#253f46,#091a22);color:#8fd8f0}.reel-card.tier-E{border-color:#76817b}.reel-marker{position:absolute;left:50%;height:100%;width:2px;background:#ffe092;z-index:5;box-shadow:0 0 10px #ffdf6666;transform:translateX(-50%)}.reel-marker:before,.reel-marker:after{content:'';position:absolute;left:50%;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent}.reel-marker:before{top:0;border-top:11px solid #ffe08b}.reel-marker:after{bottom:0;border-bottom:11px solid #ffe08b} @media(max-width:345px){.crash-stage{height:238px}.crash-player{grid-template-columns:24px minmax(50px,1fr) 48px 73px;gap:4px}.crash-mult-wrap strong{font-size:43px}.stake-limit{display:none}.bet-label>span{font-size:9px}.crash-mode-bar h2{font-size:23px}} .app[data-game="Crash"] .screen-head{min-height:52px;padding-top:10px;padding-bottom:10px;margin-bottom:9px} .app[data-game="Crash"] .tabs{padding-bottom:6px} .crash-room-head{display:flex;align-items:center;gap:8px;margin:6px 0 8px}.crash-room-head .room-switch{flex:1;margin:0}.crash-room-head .crash-rules-button{flex-shrink:0} .crash-stage{height:clamp(165px,24dvh,218px)} .app[data-game="Crash"] .crash-history-head{margin-top:8px} .app[data-game="Crash"] .stake-v7{padding:9px;gap:5px} .app[data-game="Crash"] .auto-v7{padding:7px 10px} .app[data-game="Crash"] .bank-bar{padding:8px 11px} :root{ --bg:#091513;--panel:#13231f;--line:#385046;--text:#ecede1;--muted:#9fac9f; --gold:#ffcf72;--lime:#d1e79e;--a:#ed7562;--b:#e5bf69;--c:#ac8ade;--d:#6aa9d2;--e:#939e92; --display:"ArsenalDela","Arial Narrow","Arial",sans-serif; --body:"Segoe UI",Arial,sans-serif; } body{font-family:var(--body);background:radial-gradient(ellipse at 50% 25%,#22332e 0,#0a1514 45%,#030908 100%)} h1,h2,h3,.nickname,.income-value,.wallet-trigger strong,.btn,.nav-btn,.menu-tile b, .collection-card h3,.mission-copy b,.stake-adjust input,.crash-mult-wrap strong, .mine-payout-bar b,.flight-hud strong,.leader-value{font-family:var(--display)} .app{border-color:#466058;background:linear-gradient(#10221d,#07120f);box-shadow:0 20px 95px #0009} @media(min-width:700px){.app{height:min(900px,calc(100dvh - 28px));margin:14px auto;border-radius:20px}} .main{scrollbar-width:thin;scrollbar-color:#566b51 #0c1915} .screen{background:radial-gradient(ellipse at 40% -20%,#26403333,transparent 55%),#0b1915;padding:0 13px 22px} .screen-head{min-height:69px;padding:14px 0 12px;margin-bottom:12px;border-bottom:1px solid #385448;gap:6px} .screen-head h1{font-size:20px;line-height:1.35;min-width:0;overflow:hidden} .screen-title{gap:8px;flex:1} .heading-art{height:21px;width:auto;max-width:180px;object-fit:contain;object-position:left center;display:block} .title-text{display:none} .font-ready .title-text{display:inline} .font-ready .heading-art{display:none} .font-ready .screen-head h1{font-size:17px;letter-spacing:-.3px} .icon-button{border:1px solid #4a635348;background:linear-gradient(#263a2d70,#14251b50);padding:6px;flex-shrink:0;min-width:32px;min-height:34px} .icon-button svg{width:22px;height:22px} .wallet-trigger{padding:6px 8px;gap:6px;border-radius:9px;border-color:#56704977;background:#0b1912;box-shadow:inset 0 1px 2px #aecb7d13} .wallet-trigger strong{font-size:17px;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.5px} .font-ready .wallet-trigger strong{font-size:14px} .coin{background:radial-gradient(circle at 35% 25%,#ffe9a3,#eab740 68%,#f8d978 73%,#c78926);color:#8c631f;border-color:#eada97;box-shadow:0 0 0 1px #997b34,inset 0 0 0 3px #efb94a} .btn{font-size:13px;min-height:43px;border:1px solid #94c873;border-radius:8px;background:linear-gradient(#6fac52,#386e38);box-shadow:inset 0 1px #d3eab880,inset 0 -3px #16381a4f,0 3px 8px #0004;color:#f3f7df;text-shadow:0 1px 2px #182919;font-weight:800;letter-spacing:0;padding:11px 10px} .btn:hover:not(:disabled){filter:brightness(1.09)} .btn.goldbtn{background:linear-gradient(#ffd77b,#daa238);border-color:#ffe2a1;color:#2d2717;text-shadow:0 1px #ffeba555;box-shadow:inset 0 1px #fff0bb,inset 0 -3px #a0712544,0 4px 10px #0005} .btn.dark{background:linear-gradient(#243b30,#162920);border-color:#4f6c54;color:#d3dcc8;box-shadow:inset 0 1px #abc79817,0 2px 6px #0003} .btn.red{background:linear-gradient(#c67346,#974329);border-color:#e2a16b;color:#ffefc9} .btn.compact{font-size:11px;min-height:35px;padding:7px 9px} .font-ready .btn{font-size:11px}.font-ready .btn.compact{font-size:9px} .secondary-action{margin-top:9px} .hint{font-size:11px;line-height:1.65;color:#a5b2a6} .sub{color:#a5b4a5} .eyebrow,.section-kicker{font-size:9px;letter-spacing:1.6px;color:#9ab692;font-weight:700} .section-kicker{margin:17px 1px 7px} .info-strip{display:flex;gap:10px;align-items:center;padding:14px;background:#1a302255;border:1px solid #405d424d;border-radius:9px;font-size:11px;line-height:1.65;color:#b7c9ab} .info-strip svg{width:23px;height:27px;flex:none;color:#b4cd89} .bottom-nav{padding-top:6px;background:linear-gradient(#172c20,#0b1b15);border-top:1px solid #506a4a;gap:3px} .nav-btn{min-height:63px;font-weight:700;color:#8d9d91;gap:5px;font-size:10px} .nav-btn.active{background:linear-gradient(#354d2b,#1d3721);border-color:#a8c56b;box-shadow:inset 0 0 0 2px #203520,0 0 13px #b0cf6812} .nav-btn.active svg{color:#e0db6e}.nav-btn svg{width:26px;height:26px} .font-ready .nav-btn{font-size:8px} .hq-header{padding:11px 11px 10px;gap:7px;min-height:78px;background:linear-gradient(120deg,#1c2b22,#0a1813 70%);border-bottom:1px solid #68826355} .hq-menu{padding:3px;min-width:27px;min-height:29px;border:0;background:transparent} .hq-menu svg{width:22px} .profile-trigger{gap:6px;flex:1} .rank-medal{height:40px;width:33px;border-color:#5e70538c;background:linear-gradient(#394032,#1b2c23)} .rank-icon{width:32px;height:37px;display:block;object-fit:contain} .rank-medal .rank-icon{width:29px;height:34px} .rank-icon-vip{filter:drop-shadow(0 0 6px rgba(255,214,110,.45)) drop-shadow(0 1px 2px rgba(0,0,0,.45));} .nickname{font-size:15px;max-width:129px;color:#e9eadc} .rank-label{font-size:9px;color:#b6c2b0} .font-ready .nickname{font-size:11px;max-width:116px} .wallet-area{gap:5px}.income-mini{font-size:12px;color:#c0d784} .hq-stage{background:#182b23 url("assets/hangar_clean.svg") center 46%/cover no-repeat;min-height:240px;isolation:isolate} .hq-stage:before{background:linear-gradient(180deg,#0a191044,transparent 35%,#0a181c11 72%,#0a1715aa)} .hq-stage:after{box-shadow:inset 25px 0 36px #020d0b77,inset -25px 0 36px #020d0b77,inset 0 -20px 32px #0a1814} .corgi-pet{position:absolute;inset:4% 8% 0;display:flex;justify-content:center;align-items:flex-end;background:none;z-index:1;padding:0;-webkit-tap-highlight-color:transparent} .hero-corgi{position:relative!important;inset:auto!important;height:95%!important;max-height:520px!important;width:auto!important;max-width:93%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 14px 6px #06100b77)!important;animation:corgi-breathe 3.8s ease-in-out infinite;transform-origin:50% 90%} .corgi-pet.petted .hero-corgi{animation:corgi-bounce .7s ease-in-out 2} .corgi-shadow{position:absolute;left:22%;right:20%;height:6%;bottom:1%;border-radius:50%;background:#05100c88;filter:blur(4px);animation:shadow-breathe 3.8s ease-in-out infinite} .stage-tag{position:absolute;left:50%;top:13px;transform:translateX(-50%);font-size:8px;letter-spacing:2px;color:#d7d9ba66;white-space:nowrap;z-index:1} .pet-feedback{position:absolute;top:25px;left:12%;width:76%;z-index:5;text-align:center;color:#f0f1d5;font-size:12px;font-weight:700;text-shadow:0 2px 3px #000} .pet-feedback:not(:empty){background:#14261cd9;padding:10px;border:1px solid #8daa6555;border-radius:8px} .stage-action{z-index:3!important;bottom:7%!important} .stage-action.tasks{left:4%!important}.stage-action.daily{right:3%!important} .action-disc{width:57px;height:57px;border:2px solid #526b51;background:radial-gradient(circle at 35% 25%,#334a38,#10261c);box-shadow:inset 0 0 0 3px #132b1f,0 4px 12px #0006} .action-disc svg{width:32px;height:32px;color:#b8c4a8} .action-caption{font-size:10px;color:#e2e9d2;text-shadow:0 1px 5px #000,0 2px 3px #000} .hangar-dust{position:absolute;inset:0;background-image:radial-gradient(circle at 13% 27%,#f3d49566 0 1px,transparent 2px),radial-gradient(circle at 71% 35%,#f3d49533 0 1px,transparent 2px),radial-gradient(circle at 26% 66%,#f3d49555 0 1px,transparent 2px),radial-gradient(circle at 84% 69%,#f3d49544 0 1px,transparent 2px);background-size:179px 233px;animation:dust-drift 30s linear infinite;pointer-events:none} .equipment-row{padding:0 12px;gap:7px;background:#0b1a14;margin-top:-1px;z-index:3} .equipment-slot{min-height:104px;height:112px;padding:0 5px 10px;background:radial-gradient(ellipse at 40% 10%,#29433977,transparent 80%),linear-gradient(#152b23,#0d1c16);border-color:#60765688;border-radius:8px;box-shadow:inset 0 1px #c1d29e22,0 4px 9px #0004;gap:1px} .equipment-slot img{width:100%;height:66px;max-height:none;object-fit:contain;margin-bottom:-3px;filter:drop-shadow(0 5px 4px #02080488)} .equipment-slot .slot-kind{font-size:10px;color:#b6c4ac} .equipment-slot .slot-name{font-size:11px;font-weight:700} .hq-income{margin:10px 12px 11px;padding:9px;border-color:#98b76d;background:linear-gradient(115deg,#203d23,#314c2a 40%,#1a321f);gap:4px;box-shadow:inset 0 1px #cedc9955,0 4px 12px #0004} .hq-income .caption{font-size:12px} .income-value{font-size:24px;color:#f1d480} .income-caption{font-size:8px;letter-spacing:.3px;color:#a6be8e} .font-ready .income-value{font-size:18px} @keyframes corgi-breathe{0%,100%{transform:translateY(1px) rotate(-.65deg) scale(1)}50%{transform:translateY(-5px) rotate(.65deg) scale(1.014,1.024)}} @keyframes shadow-breathe{50%{transform:scale(.94);opacity:.74}} @keyframes corgi-bounce{0%,100%{transform:translateY(0)}35%{transform:translateY(-11px) rotate(-2deg)}70%{transform:translateY(-2px) rotate(2deg)}} @keyframes dust-drift{to{background-position:0 -233px}} .sheet-backdrop{backdrop-filter:blur(6px);background:#020909c9} .sheet{background:linear-gradient(145deg,#1a3028,#0c1c16 65%);border:1px solid #78906a;box-shadow:0 22px 80px #000b,inset 0 1px #bbcc9c33;border-radius:16px 16px 12px 12px;width:min(414px,100%);max-height:92dvh} .sheet-header{padding:15px 15px 12px;border-bottom:1px solid #4d694440;background:#15291f} .sheet-header h2{font-size:17px;letter-spacing:.5px;line-height:1.5} .font-ready .sheet-header h2{font-size:13px} .sheet-body{padding:17px 15px 19px} .sheet-body h3{font-size:16px;line-height:1.6} .font-ready .sheet-body h3{font-size:13px} .menu-brand{display:flex;align-items:center;gap:12px;padding:0 0 16px} .menu-brand img{width:66px;height:66px;object-fit:cover;object-position:50% 25%;border-radius:16px;background:#31482d;border:1px solid #6c8753;box-shadow:inset 0 0 20px #8fab6b22} .menu-brand h3{margin:0 0 3px;color:#e6d497;font-size:23px} .menu-brand span{font-size:10px;color:#a0b196} .build-pill{margin-left:auto;background:#3b502a;border:1px solid #667f49;border-radius:6px;padding:6px;color:#cde08e!important} .menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px} .menu-tile{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:6px;padding:15px 13px;background:linear-gradient(135deg,#263e2c,#12281d);border:1px solid #4e6c4244;border-radius:9px;min-height:109px} .menu-tile:hover{border-color:#9ba85d}.menu-tile svg{width:23px;height:23px;color:#b8cc8b;margin-bottom:4px} .menu-tile b{font-size:15px}.font-ready .menu-tile b{font-size:12px} .menu-tile span{font-size:10px;color:#a2b398} .mini-heading{font-size:12px!important;margin-top:21px;color:#bccfaa} .quick-modes{display:flex;gap:7px}.quick-modes button{flex:1;padding:10px 4px;border:1px solid #6e865346;border-radius:7px;background:#283e25;color:#d0dda8;font-size:12px} .menu-links{display:grid;margin-top:15px} .menu-links button{display:flex;align-items:center;gap:9px;background:none;text-align:left;padding:12px 0;border-bottom:1px solid #51724526;font-size:12px} .menu-links svg{width:19px;height:19px;color:#91af75}.menu-links span{margin-left:auto;color:#aac193;font-size:19px} .settings-row{display:flex;align-items:center;gap:9px;justify-content:space-between;padding:14px 0;border-block:1px solid #56704540} .settings-row b{display:block;font-size:12px}.settings-row span span,.settings-row>div>span{display:block;font-size:10px;color:#a8b29d;margin-top:5px} .settings-row input[type=checkbox]{width:19px;height:19px;accent-color:#9cbd6e} .hub-intro{padding:10px 2px 21px}.hub-intro h2{font-size:23px;line-height:1.45;margin:8px 0 7px;letter-spacing:-.5px} .font-ready .hub-intro h2{font-size:20px} .hub-intro p{margin:0;color:#9caf99;font-size:12px} .mission-list{display:flex;flex-direction:column;gap:14px} .mission-card{position:relative;text-align:left;min-height:182px;padding:19px 16px;border:1px solid #63775677;border-radius:12px;overflow:hidden;isolation:isolate;box-shadow:0 7px 18px #0004} .mission-card:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#091a18ef 5%,#0a2019b0 52%,transparent);z-index:-1} .mission-crash{background:#24484d url("assets/crash_sky.svg") center/cover} .mission-mines{background:radial-gradient(ellipse at right,#6b7c4b,#1e3826);border-color:#9aab6866} .mission-flight{background:#526944 url("assets/flight_terrain.svg") right 30%/54% auto} .mission-card>img{position:absolute;width:59%;height:96%;right:-9%;top:7%;object-fit:contain;transform:rotate(-4deg);z-index:-1;filter:drop-shadow(0 8px 9px #061809);transition:transform .2s} .mission-crash>img{width:68%;right:-15%;top:11%;transform:rotate(-5deg)} .mission-flight>img{width:50%;right:-3%;transform:rotate(9deg)} .mission-card:hover>img{transform:translateY(-4px) rotate(-4deg)} .mission-number{position:absolute;right:15px;top:13px;color:#e6e9bf73;font-size:11px;letter-spacing:2px} .mission-copy{max-width:67%}.mission-copy>span{font-size:8px;letter-spacing:1.2px;color:#bccca5} .mission-copy h2{font-size:22px;line-height:1.4;color:#f0ebd0;margin:9px 0 7px;font-weight:900} .font-ready .mission-copy h2{font-size:16px} .mission-copy p{font-size:11px;line-height:1.6;color:#a9bba3;margin:0 0 12px;max-width:190px} .mission-copy b{display:inline-flex;gap:20px;align-items:center;font-size:12px;color:#e0d89c}.mission-copy i{font-style:normal;font-size:18px} .mode-switcher{display:flex;align-items:center;gap:9px;margin:0 0 12px} .mode-switcher>button:first-child{display:flex;align-items:center;gap:3px;font-size:10px;background:none;color:#b6c7a9;padding:3px 0} .mode-switcher svg{width:16px;height:16px} .mode-switcher>span{margin-left:auto;font-size:8px;letter-spacing:1.1px;color:#809f8a} .game-help{height:23px;width:23px;border:1px solid #6a835c55;background:#233b27;border-radius:50%;font-weight:700;color:#c5d09f} .case{margin:13px 0;padding:9px 10px 9px 1px;min-height:184px;border-radius:12px;background:radial-gradient(ellipse at 10% 10%,#42644238,transparent 85%),linear-gradient(115deg,#1a3025,#0c1c19);border-color:#6a815466;gap:6px} .case-1{background:radial-gradient(ellipse at 10% 10%,#33597266,transparent 85%),linear-gradient(115deg,#112d2c,#0c1b19);border-color:#56899a66} .case-2{background:radial-gradient(ellipse at 10% 10%,#884b2744,transparent 85%),linear-gradient(115deg,#382b21,#1d2119);border-color:#a18a4b77} .case-art{position:relative;flex-shrink:0;width:44%;min-height:135px;display:flex;align-items:center;justify-content:center} .case .case-art img{width:122%;max-width:none;height:auto;position:relative;z-index:1;filter:drop-shadow(0 13px 9px #020b0877)} .case-halo{position:absolute;inset:8%;background:radial-gradient(ellipse,#a7c37420,transparent 70%);border-radius:50%} .case-info{min-width:0;padding:4px 0;z-index:2} .case-info h2{font-size:20px;line-height:1.5;margin:4px 0 5px;letter-spacing:-.3px} .font-ready .case-info h2{font-size:14px} .case-info p{font-size:10px;line-height:1.6;color:#adc0a5;max-width:180px;margin:0 0 10px} .case-info .btn{min-height:36px;padding:8px 10px;font-size:12px} .font-ready .case-info .btn{font-size:10px} .case-info .eyebrow{font-size:8px;letter-spacing:1px} .probabilities{color:#abbd94;font-size:9px;padding:8px 0 0} .confirm-case-art{height:190px;display:flex;justify-content:center;background:radial-gradient(ellipse,#9aaf6138,transparent 65%)} .confirm-case-art img{width:90%;height:100%;object-fit:contain;filter:drop-shadow(0 9px 6px #0008)} .transaction-preview{display:grid;grid-template-columns:1fr auto;gap:13px 8px;padding:17px 12px;margin:16px 0;border-block:1px solid #7592553d;background:#19302366;border-radius:6px;align-items:center;font-size:12px} .transaction-preview span{color:#aab89c}.transaction-preview b{text-align:right;color:#e6e8cf} .garage-summary{display:flex;justify-content:space-between;align-items:center;padding:8px 0 18px} .garage-summary strong{display:block;font-size:29px;margin-top:5px;font-family:var(--display);color:#e9edce} .garage-summary strong small{font-size:10px;color:#9db38f} .garage-summary>div:last-child{text-align:right;font-size:10px;color:#aab99e} .garage-summary b{display:block;font-size:16px;margin-top:7px} .category-tabs{gap:6px;margin-bottom:15px;padding-bottom:5px} .tabs button{border:1px solid #4c664449;background:linear-gradient(#1d3227,#10221a);color:#a5b89b;padding:9px 10px;font-size:11px;border-radius:7px;line-height:1.4;white-space:nowrap} .tabs button.active{background:linear-gradient(#45603b,#254525);border-color:#9fb976;color:#e5ebc6;box-shadow:inset 0 1px #bcce8533} .garage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px} .collection-card{--rarity:var(--e);position:relative;border:1px solid var(--rarity);background:radial-gradient(ellipse at 50% 24%,color-mix(in srgb,var(--rarity) 12%,transparent),transparent 65%),linear-gradient(#172c23,#0d1c16);border-radius:10px;overflow:hidden;box-shadow:inset 0 1px #ffffff11,0 5px 12px #0004} .rarity-A{--rarity:var(--a)}.rarity-B{--rarity:var(--b)}.rarity-C{--rarity:var(--c)}.rarity-D{--rarity:var(--d)}.rarity-E{--rarity:var(--e)} .collection-main{width:100%;background:none;display:flex;align-items:center;flex-direction:column;padding:15px 7px 10px;text-align:center;position:relative;min-height:175px} .collection-main img{width:100%;height:85px;filter:drop-shadow(0 7px 5px #0007);object-fit:contain;margin-top:4px} .collection-main h3{font-size:12px;line-height:1.5;min-height:34px;display:flex;align-items:center;margin:1px 0 0;color:#e6e9d5} .font-ready .collection-main h3{font-size:9px;min-height:30px} .card-income{font-size:11px;color:#d6d99d;margin:5px 0} .item-price{display:flex;align-items:center;gap:6px;font-weight:700;font-size:12px;color:#bdcbb1} .rarity-letter{position:absolute;left:0;top:0;border-radius:8px 0 6px 0;background:var(--rarity);color:#0b211e;text-shadow:0 1px #fff3;font-size:15px;font-weight:900;padding:3px 7px} .equipped-mark{position:absolute;right:8px;top:6px;color:#bddc8c;font-size:16px} .owned-count{position:absolute;right:6px;top:27px;color:#aebb9c;background:#1d3228cc;font-size:10px;padding:2px 4px;border-radius:4px} .card-sell{border-top:1px solid #76885938;background:#1e34272e;padding:10px 4px;width:100%;color:#bacdaa;font-size:10px;min-height:33px} .card-sell:hover{color:#ffdb9d;background:#708b4144} .item{background:linear-gradient(#1e3328,#14251d);border-color:#516f4455;border-radius:8px;padding:10px 7px;gap:8px} .item>img{background:none;border:none;width:78px;height:61px;object-fit:contain} .item .details b{font-size:12px;line-height:1.4;display:block;margin-bottom:4px} .item .details .tier{font-size:8px;white-space:normal} .item-actions{display:flex;flex-direction:column;gap:6px} .text-sale{color:#c7b484;font-size:10px;background:none;padding:5px} .item-detail{text-align:center;padding:12px;background:radial-gradient(ellipse,var(--rarity,#56643c) -200%,transparent 65%)} .item-detail>img{width:100%;height:180px;object-fit:contain;filter:drop-shadow(0 10px 8px #0009)} .sale-illustration{height:145px;background:radial-gradient(ellipse,#4a674033,transparent 66%)} .sale-illustration img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 6px #0008)} .sale-warning{padding:11px;background:#6a503522;border:1px solid #a8853d44;border-radius:7px} .reward-presentation{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding:20px 12px 10px;border-radius:11px;border:1px solid var(--rarity,#749454);background:radial-gradient(ellipse at 50% 36%,#ccb57722,transparent 80%)} .reward-presentation>img{position:relative;width:100%;height:170px;object-fit:contain;filter:drop-shadow(0 6px 9px #0008);animation:reward-lift .45s ease-out} .reward-rays{position:absolute;width:410px;height:410px;left:50%;top:50%;margin:-205px;background:repeating-conic-gradient(from 0deg,#b9ce6820 0deg 8deg,transparent 8deg 28deg);mask-image:radial-gradient(circle,#000,transparent 65%);z-index:-1;animation:spin-rays 40s linear infinite} .reward-presentation h3{margin:5px 0;font-size:21px}.reward-rate{font-size:17px;color:#eed27b;margin:9px} @keyframes spin-rays{to{transform:rotate(360deg)}}@keyframes reward-lift{from{opacity:0;transform:translateY(12px) scale(.9)}} .case-reel-viewport{background:#0b1d18;border:1px solid #476546;box-shadow:inset 0 0 32px #0008} .reel-card{border-radius:8px;background:radial-gradient(ellipse at 50% 10%,#586b492e,transparent 80%),#13271c} .reel-card img{object-fit:contain;filter:drop-shadow(0 6px 5px #0006)} .reel-heading h3{color:#e9dc9e}.reel-marker{filter:drop-shadow(0 0 7px #f8d77266)} .stake-v7{border-radius:9px;border-color:#5f785354;background:linear-gradient(#1d3428,#13261d);padding:12px;margin:12px 0} .stake-adjust{grid-template-columns:37px 1fr 37px;gap:8px} .stake-adjust input{background:#0b1a14;border-color:#3f5b3e66;border-radius:5px;font-size:23px;font-weight:800;color:#ecedd3;box-shadow:inset 0 2px 6px #0005} .font-ready .stake-adjust input{font-size:19px} .stake-adjust button{border-radius:5px;background:linear-gradient(#334b35,#203b27);border-color:#7b976366;color:#dde7bd;font-size:22px;box-shadow:inset 0 1px #bdd79733} .stake-presets button{background:#243b2b;border-color:#62805566;border-radius:5px;color:#cbd9b7;font-size:12px;padding:6px;min-height:30px} .bet-label label{font-size:11px;color:#b9c9ae}.bet-label>span{font-size:9px;color:#899f84}.stake-limit{display:none} .stake-v7 .sub{font-size:9px;margin-top:4px} .crash-room-head{margin-bottom:12px}.room-switch{border-color:#4a695045;background:#101e17;padding:3px} .room-switch button{font-size:10px;padding:7px 10px;border-radius:6px} .room-switch button.active{background:#2d482e;color:#d6e7b2}.crash-rules-button{display:none} .crash-history-head{font-size:9px;letter-spacing:.25px;margin:6px 0} .history-chip{background:#101f18;border:1px solid currentColor;border-radius:5px;font-size:12px;padding:6px 8px} .crash-stage{height:300px;border-radius:11px;border:1px solid #74867488;box-shadow:inset 0 1px #d6daa255,0 5px 14px #0006} .crash-stage-top{top:12px;left:12px;right:12px;font-size:9px;color:#e7ead39c} .crash-mult-wrap{top:auto;bottom:35px;left:auto;right:17px;transform:none;text-align:right;align-items:flex-end} .crash-mult-wrap strong{font-size:50px;text-shadow:0 3px #06100ec9,0 0 25px #071212b8;letter-spacing:-1.5px} .font-ready .crash-mult-wrap strong{font-size:38px} .crash-mult-wrap #crash-status{font-size:10px;padding:4px 0;text-shadow:0 2px 2px #000} .crash-stage-bottom{font-size:8px;color:#c8dbbd9c} .bank-bar{background:linear-gradient(120deg,#25432d,#182e21);border-color:#6b86514d;border-radius:9px;margin:9px 0} .bank-bar small{font-size:9px;color:#aac398}.bank-bar strong{font-size:20px}.players-count strong{font-size:21px;color:#c9dfad} .auto-v7{background:#162a20;border-color:#4e704449;border-radius:8px;gap:6px} .auto-number input{background:#0d2117;border-color:#536e4666;font-size:14px;color:#e0ddb0;width:85px} .auto-v7 small{font-size:8px} .crash-actions .btn{min-height:45px} .room-note{font-size:9px;color:#96ad93;background:#172b2177;border-color:#5b73404d} .crash-player-heading h3{font-size:12px}.crash-player-heading .sub{font-size:9px} .crash-player{font-size:11px;padding:10px 3px}.player-avatar{background:#28432d;border:1px solid #78915d44;color:#cfdaa0} .crash-player .player-name{font-size:10px}.player-out{font-size:10px}.player-out small{font-size:9px} .players-empty{font-size:10px;padding:14px 0} .coef-red{color:#f28c75}.coef-amber{color:#e5c973}.coef-green{color:#aeda93}.coef-purple{color:#bf9be8}.coef-gold{color:#ffe492} .coefficient-legend{font-size:8px} .mine-settings{display:grid;grid-template-columns:1.35fr 1fr;gap:17px;margin:0 0 13px;padding:9px 3px 5px} .mine-settings label{font-size:10px;color:#b5c8a5;display:flex;flex-direction:column;gap:8px} .size-buttons{display:flex;gap:6px} .size-buttons button{flex:1;border:1px solid #64804e66;background:#1f3726;border-radius:6px;padding:9px 4px;font-size:13px;color:#c9d4b9;min-height:35px} .size-buttons button.active{background:linear-gradient(#678345,#37572a);border-color:#c7d882;color:#f4f4c9;box-shadow:inset 0 1px #d3e9a655} .mine-settings select{background:#1c3525;border-color:#6b874f66;font-size:15px;height:35px;padding:5px 10px;border-radius:6px} .mine-board-wrap{border:1px solid #60784d;background:linear-gradient(#1d3324,#10241a);padding:11px 11px 7px;border-radius:11px;box-shadow:inset 0 1px #8aa77233,0 5px 17px #0004} .minegrid{max-width:none;margin:0;gap:7px} .cell{border:1px solid #4d653e;background:linear-gradient(150deg,#3d5436,#243c27);border-radius:7px;box-shadow:inset 0 1px #a6bd852a,inset 0 -3px #0a211333;color:#9bae7a;font-family:var(--display);font-size:23px;min-width:0;padding:0;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden} .cell:disabled{opacity:1}.cell:not(:disabled):hover{background:linear-gradient(#557346,#314e30);border-color:#acbf7a} .cell img{width:115%!important;height:100%!important;object-fit:contain;margin:-6%;filter:drop-shadow(0 3px 3px #051809a0)} .cell.open{background:radial-gradient(ellipse,#94a85e44,#2c502e);border-color:#96b85c} .cell.open img{animation:cell-reveal .2s ease-out} .cell.boom{background:radial-gradient(ellipse,#ac694c55,#2d3529);border-color:#c07b52} .cell.boom img{width:90%!important;margin:0;animation:cell-boom .3s ease-out} .board-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.8px;color:#809b72;padding-top:9px} .mine-payout-bar{display:flex;justify-content:space-between;gap:10px;padding:12px;border:1px solid #6d87544d;border-radius:8px;background:linear-gradient(120deg,#223e26,#11271b)} .mine-payout-bar small{font-size:9px;display:block;color:#b0c09c;margin-bottom:6px} .mine-payout-bar b{display:flex;align-items:center;gap:7px;font-size:25px;color:#c6e199}.mine-payout-bar .gold{color:#e8d37c} .font-ready .mine-payout-bar b{font-size:19px} .mine-actions{margin-top:11px} @keyframes cell-reveal{from{transform:translateY(-7px) scale(.85);opacity:.5}} @keyframes cell-boom{from{transform:scale(.7)}70%{transform:scale(1.13)}} .flight-stage{height:372px;border:1px solid #7894618c;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 5px 17px #0005;background:#4b623c} .flight-stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%} .flight-stage:after{content:'';position:absolute;inset:0;box-shadow:inset 22px 0 28px #14251d77,inset -22px 0 28px #14251d77;pointer-events:none} .flight-hud{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;gap:10px;z-index:2} .flight-hud>div{padding:9px 11px;background:linear-gradient(#152d24ed,#162e22df);border:1px solid #a2b37566;border-radius:8px;min-width:95px;box-shadow:0 4px 13px #0b201c33} .flight-hud small{display:block;font-size:8px;letter-spacing:.3px;color:#c2c9a6;margin-bottom:4px} .flight-hud strong{font-size:22px;color:#ddf3ad;text-shadow:0 2px 2px #132216} .font-ready .flight-hud strong{font-size:17px} .flight-status{position:absolute;top:90px;left:0;right:0;text-align:center;z-index:2;font-size:8px;letter-spacing:1.7px;color:#e8f1c6;text-shadow:0 1px 4px #021408;pointer-events:none} .flight-bottom{position:absolute;bottom:16px;left:12px;right:12px;display:flex;justify-content:space-between;font-size:9px;z-index:2;color:#edf0d3;text-shadow:0 1px 3px #000} .route-progress{height:3px;background:#1f3c28b0;position:absolute;bottom:0;left:0;right:0}.route-progress i{display:block;height:100%;background:#d2dd8e;transition:width .1s linear} .flight-legend{display:flex;justify-content:space-between;gap:3px;padding:11px 0 0;font-size:9px} .good{color:#b7d996}.bad{color:#edab88} .flight-log{display:flex;gap:6px;font-size:13px;margin-top:9px;min-height:20px} .flight-log span{border:1px solid #6e894655;border-radius:5px;padding:4px 10px;background:#223922} .rule-example{padding:15px 12px;background:#213d2866;border:1px solid #79995f44;border-radius:8px;font-size:13px;line-height:1.6;color:#c5dda8} .game-summary{background:#26482b22;border-color:#638e4444;border-radius:7px;color:#b6c79f;font-size:11px} .top-source{display:flex;gap:5px;background:#142b1e;padding:4px;border:1px solid #3e5b3844;border-radius:8px;margin:12px 0} .top-source button{background:none;border-radius:6px;padding:9px 10px;color:#9dbb8e;flex:1;font-size:11px} .top-source button.active{background:linear-gradient(#405936,#234029);color:#d6e7b6;box-shadow:inset 0 1px #a2bb6433} .top-disclosure{font-size:9px;margin:10px 0 15px} .leader-list{border:1px solid #5c7a4349;border-radius:10px;overflow:hidden;background:linear-gradient(#182e23,#0e2318)} .leader{display:flex;align-items:center;gap:8px;justify-content:flex-start;padding:15px 9px;border-bottom:1px solid #708b4740} .leader:last-child{border:0}.leader.me{background:linear-gradient(120deg,#4b5e322e,#1e392788);box-shadow:inset 3px 0 #9fb957} .place{width:16px;min-width:16px;font-size:14px;color:#d9e1bd;text-align:center;font-weight:800} .podium{color:#e5c472;font-size:19px}.podium-1{color:#c1d1be}.podium-2{color:#b9946a} .leader-avatar{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 30% 20%,#7a8e54,#1c3424);border:1px solid #97ac6880;flex-shrink:0} .leader-avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 30%} .avatar-1{background:radial-gradient(circle at 30% 20%,#6a8490,#1e3c44);border-color:#729ba477} .avatar-2{background:radial-gradient(circle at 30% 20%,#937052,#3a2e1e);border-color:#be906066} .avatar-3{background:radial-gradient(circle at 30% 20%,#856a88,#302135);border-color:#a680b088} .leader-info{min-width:0;flex:1}.leader-info>strong{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800} .leader-info em{font-style:normal;font-size:8px;color:#d3c77b;margin-left:2px} .rank-line{display:flex!important;gap:4px;align-items:center;color:#acbca0;font-size:9px;margin-top:3px} .rank-line .rank-icon{width:12px;height:15px;display:block;object-fit:contain} .leader-value{font-size:12px;text-align:right;color:#d7dda8;white-space:nowrap} .font-ready .leader-value{font-size:10px} .verified-dot{color:#bfd889;font-size:10px} .profile-portrait{position:relative;display:flex;align-items:center;justify-content:center;padding:10px 0} .profile-portrait .leader-avatar{width:84px;height:84px}.profile-portrait>.rank-icon{margin-left:-24px;margin-top:51px;position:relative} .profile-art{display:none}.profile-name{text-align:center} .referral-hero{text-align:center;padding:10px 0}.referral-hero img{width:140px;height:140px;object-fit:contain;filter:drop-shadow(0 8px 13px #051a12)} .profile-art img{object-fit:contain} #toast{background:linear-gradient(#294632f5,#1a3426f5);border-color:#96b47680;box-shadow:0 5px 25px #0007;color:#e3e7cf;font-size:12px;line-height:1.55;border-radius:10px;z-index:100} @media(max-width:359px){ .screen{padding-inline:10px}.hq-header{padding-inline:8px;gap:4px}.profile-trigger{gap:4px}.rank-medal{width:28px}.rank-label{font-size:8px}.nickname{font-size:12px}.font-ready .nickname{font-size:9px;max-width:91px} .wallet-trigger strong{font-size:14px}.font-ready .wallet-trigger strong{font-size:11px}.wallet-trigger{gap:4px;padding:5px}.coin{width:18px;height:18px;font-size:10px} .heading-art{max-width:145px;height:19px}.font-ready .screen-head h1{font-size:14px}.equipment-slot{height:99px;min-height:99px}.equipment-slot img{height:56px}.equipment-slot .slot-name{font-size:9px} .case-info h2{font-size:17px}.font-ready .case-info h2{font-size:12px}.font-ready .case-info .btn{font-size:9px} .font-ready .collection-main h3{font-size:8px}.collection-main img{height:77px}.collection-main{padding-inline:3px;min-height:165px} .crash-stage{height:270px}.font-ready .crash-mult-wrap strong{font-size:32px}.flight-stage{height:330px}.sheet-header h2{font-size:13px} .stake-v7{padding:10px}.font-ready .btn{font-size:9px}.mode-switcher>span{font-size:7px}.leader{padding:13px 6px;gap:6px}.leader-info>strong{font-size:9px}.leader-value{font-size:10px}.leader-avatar{width:32px;height:32px} } @media(max-height:710px){ .hq-header{min-height:65px;padding-top:7px;padding-bottom:7px}.hq-stage{min-height:188px} .equipment-slot{height:94px;min-height:94px}.equipment-slot img{height:53px} .hq-income{margin-top:8px;margin-bottom:8px;padding:7px}.income-caption{display:none}.income-value{font-size:21px} .nav-btn{min-height:55px;padding-top:4px;padding-bottom:4px}.nav-btn svg{height:23px;width:23px}.action-disc{width:48px;height:48px}.action-caption{font-size:9px} } @media(prefers-reduced-motion:reduce){ .hero-corgi,.corgi-shadow,.hangar-dust,.reward-rays,.cell img{animation:none!important} } html[data-motion=off] .hero-corgi,html[data-motion=off] .corgi-shadow,html[data-motion=off] .hangar-dust,html[data-motion=off] .reward-rays,html[data-motion=off] .cell img{animation:none!important} .font-ready .nav-btn{font-size:10px} .font-ready .btn{font-size:11px} .font-ready .btn.compact{font-size:10px} .app[data-game=Mines] .screen-head{min-height:60px;padding-block:10px;margin-bottom:8px} .app[data-game=Mines] .mode-switcher{margin-bottom:10px} .mine-settings{padding:3px 2px 0;margin-bottom:10px;gap:16px} .mine-board-wrap{padding:9px 9px 6px} .mine-board-wrap .minegrid{width:clamp(230px,31.2dvh,264px);max-width:100%;margin:0 auto;gap:6px} .mine-board-wrap .board-label{padding-top:8px} .app[data-game=Mines] .stake-v7{padding:9px;margin-block:10px;gap:6px} .app[data-game=Mines] .stake-adjust input{padding-block:7px} .app[data-game=Mines] .stake-presets button{padding:4px;min-height:27px} .app[data-game=Mines] .mine-payout-bar{padding:9px 11px} .app[data-game=Mines] .mine-payout-bar small{margin-bottom:3px} .app[data-game=Mines] .mine-payout-bar b{font-size:22px} .app[data-game=Mines] .mine-actions{margin-block:10px} .app[data-game=Mines] .game-footer{margin-block:8px} .crash-player .leader-avatar{width:28px;height:28px} @media(max-width:359px){.font-ready .nav-btn{font-size:9px}.font-ready .btn.compact{font-size:9px}.font-ready .btn{font-size:10px}} :root{--bg:#061417;--panel:#0b2024;--line:#426c6e;--text:#f3f7ed;--muted:#b3c6c3;--gold:#ffe060;--lime:#cbff72;--green:#50d647;--a:#ff514b;--b:#ffd349;--c:#c26cff;--d:#31b9ff;--e:#b8c4c9;--display:'ArsenalDela','Arial Narrow','Impact',Arial,sans-serif;--body:'Arial Narrow','Segoe UI',Arial,sans-serif} body{background:radial-gradient(ellipse at 50% 24%,#203c37 0,#091a1b 40%,#02080c 100%);color:var(--text)} .app.v9{border:2px solid #5b9797;border-radius:18px;background:#041115;max-width:440px;height:calc(100dvh - 12px);margin:6px auto;min-height:450px;box-shadow:0 0 0 4px #050d10,0 0 0 5px #31494d,inset 0 0 0 3px #132a2c,0 22px 90px #000c;isolation:isolate} .v9:after{content:'';position:absolute;inset:4px;border:1px solid #72999a30;border-radius:11px;z-index:45;pointer-events:none} .v9 .main{scrollbar-width:thin;scrollbar-color:#3c7472 #061518} .v9 .screen{padding:0 12px 14px;min-height:100%;background:linear-gradient(#071a2199 0 70px,#021115ed 240px,#031519ec),url('assets/v9_hangar.webp') center top/100% auto no-repeat} .v9 .hint{color:#a8c0bd;font-size:11px;line-height:1.55} .v9 .sub{color:#bfd2cc}.v9 .gold{color:#ffe461} .v9-topbar{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:4px;height:45px;margin:0 -8px;position:relative;background:linear-gradient(120deg,#0c2224ed,#061316 45%,#163135ed);border-bottom:2px solid #416c6d;box-shadow:inset 0 1px #92bab93b,0 3px 8px #0008} .v9-topbar:before,.v9-topbar:after{content:'';position:absolute;top:1px;width:33px;height:39px;opacity:.5;pointer-events:none;background:repeating-linear-gradient(132deg,#b4a276 0 2px,transparent 2px 10px);clip-path:polygon(0 0,100% 0,25% 100%,0 100%)} .v9-topbar:before{left:40px}.v9-topbar:after{right:40px;transform:scaleX(-1)} .v9-topbar h1{margin:0;text-align:center;line-height:1;min-width:0;font-size:20px;font-weight:900;text-shadow:0 2px 3px #000;display:flex;justify-content:center;align-items:center} .v9-title-art{height:24px;max-width:230px;object-fit:contain;display:block;filter:drop-shadow(0 2px 1px #000)} .v9 .icon-button,.sheet .icon-button{display:flex;align-items:center;justify-content:center;min-height:32px;min-width:32px;padding:5px;color:#d4e3dc;background:linear-gradient(#15363b,#0a1d20);border:1px solid #5f8782;border-radius:6px;box-shadow:inset 0 1px #bcddd03b,0 2px 3px #0007} .v9-topbar>.icon-button{margin:0 3px;z-index:2}.v9 .icon-button svg{width:21px;height:21px} .v9-statusbar{height:40px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 7px;padding:3px 2px;border-bottom:1px solid #24515680} .v9-statusbar .mini-user{display:flex;align-items:center;gap:5px;min-width:0;color:#bed0c8;font-size:10px;text-transform:uppercase} .mini-user .rank-icon{height:25px;width:22px}.mini-user span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px} .v9 .wallet-trigger{gap:6px;border-radius:8px;border:1px solid #427b79;background:linear-gradient(#041317,#10272b);box-shadow:inset 0 1px #9abebe26,0 2px 4px #0008;padding:5px 7px;min-height:31px} .v9 .wallet-trigger strong{font-family:var(--body);font-size:18px;font-weight:900;letter-spacing:0;font-variant-numeric:tabular-nums} .v9 .coin,.sheet .coin{border:1px solid #fff4b0;background:radial-gradient(circle at 36% 25%,#ffffb2 0,#ffd43d 30%,#ffbd13 58%,#ffd44b 65%,#ca7c08 86%,#ffe78d 90%);box-shadow:0 0 0 1px #65420e,inset 0 0 0 3px #e7a121,0 0 7px #ffbb3338;color:#ffe772;text-shadow:0 1px 1px #6e4300} .v9 .btn,.sheet .btn{border:1px solid #a0ee88;border-radius:7px;min-height:45px;color:#f6ffe5;background:linear-gradient(#69dc45 0,#2cab35 45%,#08711f 100%);box-shadow:inset 0 2px #d4ff9b90,inset 0 -4px #04592188,0 2px 0 #021a0b,0 0 10px #46e65320;text-shadow:0 2px 2px #07370c;font-family:var(--body);font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:.15px;padding:11px 12px;transition:filter .15s,transform .15s} .v9 .btn:hover:not(:disabled),.sheet .btn:hover:not(:disabled){filter:brightness(1.17)} .v9 .btn:active:not(:disabled),.sheet .btn:active:not(:disabled){transform:translateY(1px)} .v9 .btn.goldbtn,.sheet .btn.goldbtn{background:linear-gradient(#fff391,#ffcb2b 35%,#f3a312 100%);border-color:#fff693;box-shadow:inset 0 2px #fffcc6,inset 0 -4px #c9761380,0 0 15px #fcca323d,0 3px 0 #53380c;color:#30200b;text-shadow:0 1px #fff088} .v9 .btn.red,.sheet .btn.red{background:linear-gradient(#ff7043,#ef381d 45%,#b82112);border-color:#ffb272;color:#fff7db;box-shadow:inset 0 2px #ffe3a577,inset 0 -4px #7b190f70,0 0 14px #ff482746;text-shadow:0 2px #721307} .v9 .btn.dark,.sheet .btn.dark{background:linear-gradient(#18383f,#0d252b);border-color:#5e9391;color:#e9f7e6;text-shadow:0 1px #051516;box-shadow:inset 0 1px #c1ffff25,inset 0 -2px #05121688,0 2px 4px #0004} .v9 .btn.compact,.sheet .btn.compact{min-height:34px;font-size:12px;padding:6px 8px} .v9 button:disabled,.sheet button:disabled{opacity:.46}.v9 .cell:disabled{opacity:1} .v9 .bottom-nav{height:68px;flex:none;padding:5px 6px max(6px,env(safe-area-inset-bottom));gap:4px;border-top:2px solid #467577;background:linear-gradient(#10292b,#031217);box-shadow:0 -4px 16px #0007;position:relative;z-index:20} .v9 .nav-btn{padding:4px 0;min-height:54px;gap:3px;color:#98b3b9;font-family:var(--body);font-size:11px;font-weight:600;border-radius:7px} .v9 .nav-btn svg{width:27px;height:27px;filter:drop-shadow(0 2px 1px #000)} .v9 .nav-btn.active{background:linear-gradient(135deg,#456e2c,#173626);border:1px solid #e9ff77;box-shadow:inset 0 0 0 2px #8fc95350,inset 0 0 16px #acfb382b,0 0 13px #ddff5957;color:#fff4c0} .v9 .nav-btn.active svg{color:#fff065;filter:drop-shadow(0 0 4px #9ac428)} .v9 .home{background:#081c1a url('assets/v9_hangar.webp') center/cover} .v9 .home>.v9-topbar{margin:0 3px;flex:none} .v9 .hq-header{min-height:63px;flex:none;border:1px solid #6b9281;border-radius:7px;background:linear-gradient(100deg,#10262aeb,#06171df2);margin:5px 10px 0;padding:6px 8px;box-shadow:0 3px 8px #0007} .v9 .profile-trigger{gap:8px}.v9 .nickname{font-family:var(--body);font-size:17px;letter-spacing:.1px;max-width:156px}.v9 .rank-label{font-size:10px;color:#d1ddd0} .v9 .rank-medal{height:43px;width:34px;border-color:#af8e52;background:linear-gradient(#263437,#09191e);box-shadow:inset 0 0 0 2px #102121,0 2px 4px #0008}.v9 .rank-medal .rank-icon{width:32px;height:40px;display:block;object-fit:contain} .v9 .income-mini{font-family:var(--body);font-size:15px;font-weight:900;color:#e1f576} .v9 .hq-stage{background:transparent;min-height:190px;overflow:hidden;flex:1} .v9 .hq-stage:before{background:linear-gradient(#05121213,transparent 70%,#04171488)}.v9 .hq-stage:after{box-shadow:inset 0 -8px 16px #03121440} .v9 .corgi-pet{inset:10% 14% -1px}.v9 .hero-corgi{height:100%!important;max-height:none!important;max-width:100%;filter:drop-shadow(0 10px 5px #0009)!important;animation:v9-breathe 3s ease-in-out infinite} .v9 .corgi-pet.petted .hero-corgi{animation:corgi-bounce .65s ease-in-out 2} .v9 .hq-banner{position:absolute;left:50%;top:7px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:1px;color:#e0b34f;text-shadow:0 2px 3px #000;opacity:.9;font-size:12px;letter-spacing:2px;font-weight:900;z-index:0} .hq-banner svg{width:24px;height:25px}.v9 .stage-action{bottom:7%!important;width:25%;max-width:88px}.v9 .stage-action.tasks{left:1%!important}.v9 .stage-action.daily{right:1%!important} .v9 .action-disc{height:59px;width:59px;border:2px solid #91b1a1;background:radial-gradient(circle at 35% 20%,#315554,#0a2125 65%);box-shadow:inset 0 0 0 3px #0a191c,0 4px 7px #000c,0 0 12px #6cbe9140} .v9 .action-disc svg{color:#ffdc64;width:34px;height:34px;filter:drop-shadow(0 2px 2px #000)} .v9 .action-caption{font-size:11px;font-weight:700;color:#f7f6e8;line-height:1.12;margin-top:5px}.v9 .status-dot{background:#ff5345;color:white;border:1px solid #ffe3b7;box-shadow:0 0 7px #ff705150} .v9 .equipment-row{background:#061819a1;gap:7px;padding:0 10px;flex:none} .v9 .equipment-slot{height:108px;min-height:108px;border:1px solid #81bb99;border-radius:7px;background:radial-gradient(ellipse at 50% 45%,#264f4666,transparent 65%),linear-gradient(#071e22,#071419);padding:4px 4px 7px;box-shadow:inset 0 0 10px #9fcd6b13,0 2px 6px #0006} .v9 .equipment-slot img{height:65px;margin:0;filter:drop-shadow(0 4px 2px #0009)} .v9 .slot-kind{font-size:11px!important}.v9 .slot-name{font-size:12px!important;color:white;line-height:1.15;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis} .v9 .hq-income{margin:8px 10px 9px;min-height:65px;flex:none;padding:6px;border:1px solid #c4f778;border-radius:8px;background:linear-gradient(110deg,#173f22,#214c28 50%,#102c24);box-shadow:inset 0 1px #e8ff8277,inset 0 0 22px #2edd4a1c,0 0 9px #9af65721;gap:3px} .v9 .hq-income .caption{font-size:13px}.v9 .income-value{font-family:var(--body);font-size:27px;font-weight:900;line-height:1.1;color:#ffe764;text-shadow:0 2px 3px #463811} .v9 .income-caption{display:none}.v9 .pet-feedback{top:20px;background:#082e26e8} @keyframes v9-breathe{0%,100%{transform:translateY(1px) rotate(-.5deg) scale(1)}50%{transform:translateY(-4px) rotate(.5deg) scale(1.015)}} .v9 .tabs{gap:5px;margin:7px 0 10px;padding-bottom:2px}.v9 .tabs button,.v9 .size-buttons button,.v9 .room-switch button,.v9 .top-source button{background:linear-gradient(#153038,#091b20);border:1px solid #3a626b;border-radius:5px;color:#dae9df;font-size:12px;padding:7px 10px;min-height:33px;box-shadow:inset 0 1px #b7e0e017} .v9 .tabs button.active,.v9 .size-buttons button.active,.v9 .room-switch button.active,.v9 .top-source button.active{background:linear-gradient(#347731,#104d29);border-color:#d9ef93;box-shadow:inset 0 0 0 1px #a6ee6b40,0 0 8px #a4ee4c24;color:#fff9cf} .v9 .cases-filter{display:grid;grid-template-columns:repeat(4,1fr)}.v9 .cases-filter button{padding:7px 3px;font-size:11px} .v9 .case{display:flex;gap:8px;align-items:center;min-height:172px;padding:11px 9px;margin:8px 0;border:1px solid #69a778;border-radius:8px;background:radial-gradient(ellipse at 23% 42%,#3591414f,transparent 57%),linear-gradient(110deg,#082c1df5,#071a22fa);box-shadow:inset 0 0 0 2px #11271b,0 2px 9px #0008;overflow:hidden;position:relative} .v9 .case:after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#e5ffb999,transparent)} .v9 .case-1{border-color:#2bbaed;background:radial-gradient(ellipse at 22% 42%,#1887cd59,transparent 60%),linear-gradient(110deg,#06314c,#071722)} .v9 .case-2{border-color:#ff6755;background:radial-gradient(ellipse at 20% 40%,#d32f2575,transparent 62%),linear-gradient(110deg,#41140f,#1b1019)} .v9 .case-art{flex:0 0 45%;width:45%;height:clamp(148px,44vw,174px);min-height:0;position:relative;display:flex;align-items:center;justify-content:center} .v9 .case-art img{display:block;flex:none;width:min(116%,196px);height:auto;aspect-ratio:1 / 1;max-width:none;object-fit:contain;position:relative;z-index:1;-webkit-mask-image:radial-gradient(ellipse 70% 72% at 50% 52%,#000 49%,#000f 62%,transparent 78%);mask-image:radial-gradient(ellipse 70% 72% at 50% 52%,#000 49%,#000f 62%,transparent 78%);filter:drop-shadow(0 6px 3px #0009) drop-shadow(0 0 7px #a2ff6329);animation:v9-float 4s ease-in-out infinite} .v9 .case-1 .case-art img{animation-delay:-1s;filter:drop-shadow(0 6px 3px #0009) drop-shadow(0 0 9px #42c5ff49)}.v9 .case-2 .case-art img{animation-delay:-2s;filter:drop-shadow(0 6px 3px #0009) drop-shadow(0 0 9px #ff583e49)} .v9 .case-info{flex:1;min-width:0;z-index:1}.v9 .case h2{font-family:var(--body);font-size:20px;font-weight:900;line-height:1.05;margin:0 0 10px;text-shadow:0 2px 2px #000;letter-spacing:-.3px} .v9 .case-info>p{font-size:11px;line-height:1.4;color:#b3c9c7;margin:9px 0 0}.v9 .case-info .btn{min-height:36px;font-size:14px;padding:7px 11px;display:inline-flex;justify-content:center;align-items:center;gap:5px;max-width:100%} .v9 .probabilities{font-size:10px;color:#cae3d5;margin-top:8px;text-decoration:underline;text-underline-offset:3px} .v9 .case-meta{font-size:10px;color:#dfd6a3;margin-top:6px;min-height:12px}.v9 .case-footer-note{display:flex;align-items:center;gap:7px;border-top:1px solid #346367;margin-top:12px;padding:10px 5px;color:#9cb9b4;font-size:10px;line-height:1.4}.case-footer-note svg{width:25px;height:28px;flex:none} @keyframes v9-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}} .v9 .garage-summary{margin:5px 0 7px;padding:8px 9px;border:1px solid #3d6d63;background:#0c2924b0;border-radius:7px;min-height:54px} .v9 .garage-summary strong{font-family:var(--body);font-size:22px}.v9 .garage-summary small{font-size:12px}.v9 .garage-summary b{font-size:17px}.v9 .garage-summary span{font-size:10px} .v9 .category-tabs{display:grid;grid-template-columns:.78fr .78fr .94fr 1.38fr .68fr;gap:4px;overflow:visible}.v9 .category-tabs button{padding:7px 2px;font-size:10px;white-space:nowrap} .v9 .garage-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:9px 0;color:#b9d7ca;font-size:11px}.v9 .garage-tools button{padding:6px 8px;border:1px solid #4d7370;background:#14342d;border-radius:5px;font-size:11px} .v9 .garage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .v9 .collection-card{border-radius:7px;border:1.4px solid var(--rarity);background:radial-gradient(ellipse at 45% 24%,color-mix(in srgb,var(--rarity),transparent 78%),transparent 67%),linear-gradient(#102125,#061316);box-shadow:inset 0 0 14px color-mix(in srgb,var(--rarity),transparent 92%),0 0 5px color-mix(in srgb,var(--rarity),transparent 83%);position:relative;overflow:hidden} .v9 .collection-main{padding:25px 3px 6px;width:100%;min-height:154px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative;gap:3px} .v9 .collection-main img{height:62px;width:100%;object-fit:contain;margin:0;filter:drop-shadow(0 5px 2px #000a)} .v9 .collection-main h3{font-family:var(--body);font-size:11px;font-weight:800;line-height:1.1;text-align:center;color:#f6f8eb;min-height:23px;margin:3px 0 0;display:flex;align-items:center;justify-content:center} .v9 .rarity-letter{position:absolute;left:0;top:0;font-family:var(--body);font-size:21px;line-height:1;padding:2px 5px 4px;border-radius:4px 0 7px 0;background:linear-gradient(135deg,var(--rarity),color-mix(in srgb,var(--rarity),#07151b 55%));color:#fff;box-shadow:1px 2px 5px #0007;text-shadow:0 1px 3px #0009} .v9 .equipped-mark{position:absolute;right:4px;top:5px;font-size:11px;background:#183f30;border:1px solid #b8f281;border-radius:4px;color:#e7ffbe;line-height:14px;width:16px;text-align:center}.v9 .owned-count{right:3px;bottom:4px;top:auto;background:#062320} .v9 .card-income{font-size:13px;font-weight:900;color:#ffea68}.v9 .item-price{font-family:var(--body);font-size:11px;color:#f7efd0;display:flex;gap:4px;justify-content:center;align-items:center} .v9 .card-sell{font-size:10px;padding:6px 2px;background:#0b2328;border-top:1px solid color-mix(in srgb,var(--rarity),transparent 62%);color:#dcdfc1;min-height:26px} .v9 .collection-card.unowned{border-color:color-mix(in srgb,var(--rarity),#13292d 50%);opacity:.74}.v9 .collection-card.unowned img{filter:grayscale(.55) brightness(.57) drop-shadow(0 3px 2px #0009)}.v9 .collection-card.unowned .item-price{color:#aac5c2}.v9 .lock-label{color:#a0bdb9;font-size:10px;padding:6px;border-top:1px solid #385154;text-align:center} .v9 .equip-scene{position:relative;min-height:370px;height:clamp(340px,53dvh,500px);background:url('assets/v9_hangar.webp') center/cover;border:1px solid #507e69;border-radius:8px;overflow:hidden;isolation:isolate;box-shadow:inset 0 -30px 30px #031912} .equip-scene:after{content:'';position:absolute;left:0;right:0;bottom:0;height:55px;background:linear-gradient(transparent,#092329);z-index:-1}.equip-scene>.equip-corgi{position:absolute;left:20%;bottom:10px;width:64%;height:83%;object-fit:contain;object-position:center bottom;animation:v9-breathe 3s ease-in-out infinite;filter:drop-shadow(0 9px 4px #0009);z-index:1} .equip-lines{position:absolute;width:100%;height:100%;inset:0;z-index:0;opacity:.75;filter:drop-shadow(0 0 4px #facb5c)} .v9 .equip-card{position:absolute;background:radial-gradient(#163736,#06131ddf);width:27%;border:1px solid var(--rarity);border-radius:7px;padding:7px 4px;display:flex;align-items:center;flex-direction:column;gap:3px;box-shadow:0 0 9px color-mix(in srgb,var(--rarity),transparent 70%);z-index:3;font-size:11px} .equip-card img{width:100%;height:65px;object-fit:contain;filter:drop-shadow(0 3px 2px #0009)}.equip-card strong{font-size:11px;line-height:1.2}.equip-card small{font-size:10px;color:#b7cec5} .equip-card.slot-tank{left:8px;top:14px}.equip-card.slot-drone{right:8px;top:14px}.equip-card.slot-weapon{right:8px;bottom:76px} .v9 .equip-income{margin:9px 0}.v9 .equip-footer{display:grid;gap:8px;margin-top:8px} .v9 .stake-v7{background:linear-gradient(#123032d9,#061a20ef);border:1px solid #567d73;border-radius:6px;margin:8px 0;padding:7px 8px;box-shadow:inset 0 1px #bfecbd16} .v9 .stake-label{font-size:12px;color:#e5ede0;margin:0 0 5px;display:flex;justify-content:space-between}.v9 .stake-label small{font-size:10px;color:#a9c3ba} .v9 .stake-adjust{display:grid;grid-template-columns:40px 1fr 40px;gap:6px;margin:0} .v9 .stake-adjust input{height:38px;min-height:38px;background:linear-gradient(#031115,#0c2124);border:1px solid #31574f;border-radius:5px;font-family:var(--body);font-size:23px;font-weight:900;color:#fffaf1;text-align:center;padding:5px 6px;box-shadow:inset 0 2px 6px #0007} .v9 .stake-adjust button{height:38px;background:linear-gradient(#305455,#102a30);border:1px solid #92a99c;border-radius:5px;font-size:26px;color:#edf7df;box-shadow:inset 0 1px #d7ece23a,0 2px #0007} .v9 .stake-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:6px 0 0} .v9 .stake-presets button{padding:5px 4px;min-height:28px;font-size:12px;color:#dde8dd;background:linear-gradient(#1b3b40,#10232a);border:1px solid #5b807b;border-radius:4px;box-shadow:inset 0 1px #b4d2c927} .v9 .stake-note{font-size:9px;color:#a5bdb5;margin-top:4px}.v9 .controls{gap:7px;margin:8px 0}.v9 .controls>.btn{flex:1}.v9 .game-summary:empty{display:none}.v9 .game-summary{border:1px solid #376956;background:#0c3626;margin:7px 0;padding:8px;font-size:11px;border-radius:5px}.v9 .game-footer{margin:8px 0 0;font-size:9px;opacity:.8} .v9 .room-switch{display:flex;gap:5px;flex:1;background:none;padding:0;border:0}.v9 .room-switch button{flex:1;font-size:11px;min-height:29px;padding:5px} .v9 .crash-room-head{margin:0 0 7px;gap:8px}.v9 .crash-rules-button{height:28px;width:29px;min-width:29px;font-size:16px;color:#def3d5;border:1px solid #567f71;background:#113532;border-radius:5px} .v9 .crash-stage{height:clamp(240px,33dvh,308px);min-height:230px;border-radius:7px;border:1px solid #709b9a;box-shadow:inset 0 0 0 2px #173237,0 3px 10px #0009;isolation:isolate} .v9 .crash-stage canvas{position:absolute;inset:0;width:100%;height:100%} .v9 .crash-stage-top{left:8px;right:8px;top:8px;gap:6px;font-size:10px}.v9 .crash-stage-top>span{background:#072126d9;border:1px solid #60877f77;padding:4px 7px;border-radius:5px} .v9 .crash-mult-wrap{top:auto;bottom:24px;left:0;right:0;transform:none;display:flex;flex-direction:column;align-items:flex-end;padding-right:12px;gap:0;z-index:2} .v9 .crash-mult-wrap strong{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;font-size:69px;line-height:1;letter-spacing:-1px;transform:rotate(-7deg);text-shadow:0 3px 0 #601a10,2px 0 0 #512014,-2px 0 0 #512014,0 -2px 0 #512014,0 6px 7px #0009;filter:drop-shadow(0 0 5px #fff6772a)} .v9 #crash-status{display:block;font-family:var(--body);font-weight:700;color:#ffeabb;background:#0a1c21c4;padding:4px 7px;border-radius:5px;font-size:11px;margin-top:7px;text-shadow:0 1px #000} .v9 .crash-stage-bottom{font-size:9px;bottom:6px;color:#d2e1d1}.v9 .crash-stage[data-phase='ended']{border-color:#fb7c51}.v9 .crash-stage[data-phase='ended'] #crash-status{background:#6a1e15} .v9 .bank-bar{position:absolute;right:8px;top:37px;margin:0;padding:6px 8px;display:block;border:1px solid #7b9d87;background:linear-gradient(#143a38ef,#082326ef);border-radius:6px;z-index:3;min-height:0}.v9 .bank-bar strong{font-family:var(--body);font-size:15px;gap:4px;line-height:1.1}.v9 .bank-bar small{font-size:9px;color:#dce4bd}.v9 .bank-bar .coin{height:16px;width:16px;font-size:9px;box-shadow:inset 0 0 0 2px #cf9713} .v9 .bank-bar .players-count{display:none} .v9 .crash-history-head{font-size:9px;margin:9px 1px 4px;color:#bdcebd}.v9 .crash-history{gap:5px;min-height:28px;margin:0 0 7px;scrollbar-width:none} .v9 .history-chip{border-radius:5px;background:#0c2529;border:1px solid currentColor;padding:4px 6px;font-size:12px;box-shadow:inset 0 1px #ebffe611}.v9 .history-empty{font-size:10px;color:#9ab1a9;padding:5px} .v9 .coef-red{color:#ff6555}.v9 .coef-yellow{color:#ffe271}.v9 .coef-green{color:#8def61}.v9 .coef-purple{color:#cf8aff}.v9 .coef-gold{color:#ffce47} .v9 .crash-live-panel{border:1px solid #3d6b70;border-radius:6px;padding:7px;background:linear-gradient(110deg,#071d28,#051d24);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:8px;margin:8px 0} .v9 .crash-live-panel h3{font-family:var(--body);font-size:10px;line-height:1.2;margin:0 0 6px;color:#d1e8d9;text-transform:uppercase;display:flex;gap:5px;align-items:center} .v9 .crash-live-panel #crash-players{max-height:84px;overflow:auto}.v9 .players-empty{font-size:10px;line-height:1.4;padding:2px;color:#9cb7bc;min-height:50px;text-align:left;border:0;background:none} .v9 .crash-player{display:grid;grid-template-columns:23px minmax(0,1fr) auto;gap:4px;min-height:35px;padding:4px 0;font-size:10px;border:0;background:none}.v9 .crash-player .leader-avatar{width:22px;height:22px;border-width:1px}.v9 .crash-player .player-out{grid-column:2/4;text-align:right;font-size:10px}.v9 .crash-player .player-out small{display:inline;margin-left:6px}.v9 .player-name{font-size:10px;max-width:76px;overflow:hidden;text-overflow:ellipsis}.v9 .player-name small{font-size:8px} .v9 .crash-mini-chart{display:flex;flex-direction:column;justify-content:center;border-left:1px solid #2b4d53;padding-left:8px;min-width:0}.v9 .crash-mini-chart svg{width:100%;height:69px;overflow:visible}.v9 .chart-axis{display:flex;justify-content:space-between;font-size:8px;color:#78969d} .v9 .auto-v7{background:#0a2626;border:1px solid #3e7064;border-radius:6px;padding:6px 8px;gap:5px;margin:7px 0;min-height:38px;display:flex;align-items:center;justify-content:space-between} .v9 .auto-toggle{font-size:11px;display:flex;align-items:center;gap:7px}.v9 .auto-toggle input{appearance:none;position:relative;width:35px;height:19px;border:1px solid #699083;border-radius:16px;background:#132c2d;transition:background .2s} .v9 .auto-toggle input:after{content:'';position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:#e4f2d7;box-shadow:0 1px 3px #0006;transition:left .2s}.v9 .auto-toggle input:checked{background:#22b94c;border-color:#acf698}.v9 .auto-toggle input:checked:after{left:18px} .v9 .auto-number input{background:#07191e;border:1px solid #456f66;color:#c9ffa5;min-width:0;width:70px;height:27px;font-size:15px;text-align:center;border-radius:4px}.v9 .auto-v7 small{font-size:9px;color:#8faa9e;max-width:76px} .v9 .crash-actions .btn{font-size:19px;min-height:49px}.v9 .room-note{font-size:9px;color:#8eada5;padding:5px 0;border:0;background:none;line-height:1.4;margin-top:5px} .v9 .mine-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 9px;align-items:end}.v9 .mine-settings label{display:block;font-size:11px;color:#d7e5da}.v9 .size-buttons{margin-top:5px;gap:5px}.v9 .size-buttons button{font-size:12px;flex:1;padding:5px;min-height:31px}.v9 .bomb-buttons{display:flex;align-items:center;gap:4px;margin-top:5px}.v9 .bomb-buttons button{min-width:30px;min-height:31px;background:linear-gradient(#173e3e,#0c252b);border:1px solid #50776d;border-radius:4px;font-size:12px}.v9 .bomb-buttons button.active{border-color:#bded89;background:#235d2f;box-shadow:inset 0 0 6px #6ffc652c} .v9 .mine-settings select{min-width:42px;width:100%;height:31px;padding:4px;background:#102f2d;border:1px solid #5c8572;color:#ecf8e2;border-radius:4px;font-size:12px} .v9 .mine-board-wrap{border:1px solid #6a9987;border-radius:7px;padding:8px;background:linear-gradient(130deg,#1a392f,#0b2726);box-shadow:inset 0 0 0 2px #09221f,inset 0 0 40px #2d5e2616} .v9 .minegrid{margin:0;gap:6px;max-width:none}.v9 .cell{border:1px solid #577969;border-radius:6px;background:radial-gradient(ellipse at 30% 10%,#38604c80,transparent 80%),linear-gradient(#29473c,#102c29);box-shadow:inset 0 2px #bddec328,inset 0 -3px #041b1e77,0 2px 3px #0004;aspect-ratio:1;min-height:0;padding:3px;transition:background .2s,box-shadow .2s;position:relative} .v9 .cell span{font-family:var(--body);font-weight:900;font-size:26px;color:#b8cabb;text-shadow:0 2px 2px #001511}.v9 .cell:hover:not(:disabled){background:#386b4b;box-shadow:0 0 8px #aeff5940}.v9 .cell.open{background:radial-gradient(#548535,#1b4b25);border-color:#91cd67;box-shadow:inset 0 1px #e7ffa359,0 0 9px #94e93d24}.v9 .cell.boom{background:radial-gradient(#781e15,#361419);border-color:#fb7755;box-shadow:0 0 10px #f7473452} .v9 .cell img{height:94%;width:97%;object-fit:contain;filter:drop-shadow(0 3px 1px #000b);animation:v9-pop .23s ease-out}.v9 .cell.boom img{animation:v9-boom .35s ease-out} .v9 .board-label{font-size:9px;letter-spacing:.4px;padding:7px 0 0;color:#b1c4a2}.v9 .mine-payout-bar{display:flex;align-items:center;justify-content:space-between;border:1px solid #53865e;border-radius:6px;padding:8px 10px;background:linear-gradient(#0f3028,#0b211f);margin:8px 0;gap:6px}.v9 .mine-payout-bar small{font-size:10px;color:#c4d5b7}.v9 .mine-payout-bar b{font-family:var(--body);font-size:26px;font-weight:900;color:#bcff86;line-height:1.15}.v9 .mine-payout-bar b.gold{color:#ffe969}.v9 .mine-actions>.btn{font-size:18px;min-height:49px}.v9 .mine-payout-bar .coin{height:22px;width:22px} @keyframes v9-pop{0%{transform:scale(.4) rotate(-9deg);opacity:.2}80%{transform:scale(1.08)}100%{transform:scale(1)}}@keyframes v9-boom{0%{transform:scale(.3);filter:brightness(3)}50%{transform:scale(1.17)}100%{transform:scale(1)}} .v9 .flight-stage{height:clamp(340px,49dvh,460px);min-height:320px;border:1px solid #96af6e;border-radius:7px;box-shadow:0 2px 10px #0009,inset 0 0 0 2px #123123;margin:2px 0 6px} .v9 .flight-stage canvas{width:100%;height:100%}.v9 .flight-hud{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:space-between;gap:12px}.v9 .flight-hud>div{background:linear-gradient(#173723ea,#0b2927ed);border:1px solid #b7cf8b;border-radius:6px;padding:6px 9px;min-width:112px;box-shadow:0 3px 5px #0004}.v9 .flight-hud small{font-size:10px;color:#daedc2}.v9 .flight-hud strong{font-family:var(--body);font-size:25px;font-weight:900;color:#caff87;line-height:1.1;display:block}.v9 .flight-hud>div:last-child{text-align:right} .v9 .flight-status{top:auto;bottom:41px;left:12%;right:12%;background:#0b2425b8;border:1px solid #7b9e6c77;padding:5px 6px;font-size:9px;letter-spacing:1px;color:#e4f2cf;border-radius:5px;text-shadow:0 1px #102013} .v9 .flight-bottom{bottom:15px;font-size:10px;color:#eaf0ce;text-shadow:0 1px 3px #000}.v9 .route-progress{height:5px;background:#123728}.v9 .route-progress i{background:linear-gradient(90deg,#8bdd53,#e7fd9f);box-shadow:0 0 6px #bafa73} .v9 .flight-legend{font-size:9px;gap:4px;line-height:1.4;margin:6px 0}.v9 .flight-legend .good{color:#b9eb89}.v9 .flight-legend .bad{color:#ff9272}.v9 .flight-actions>.btn{font-size:18px;min-height:49px} .v9 .flight-log{display:flex;gap:5px;flex-wrap:wrap;padding:4px 0;min-height:0}.v9 .flight-log span{padding:3px 6px;font-size:11px;border:1px solid #4b9660;color:#beef90;background:#174129;border-radius:5px}.v9 .flight-log span.bad{border-color:#ce6b50;background:#5a211a;color:#ffd2a5} .v9 .hub-intro{text-align:center;padding:4px 0 11px}.v9 .hub-intro h2{font-family:var(--body);font-weight:900;font-size:23px;margin:5px 0}.v9 .hub-intro p{font-size:12px;color:#bdd1c4;margin:2px}.v9 .hub-intro .eyebrow{color:#f1d87d;font-size:9px;letter-spacing:1px} .v9 .mission-list{gap:10px}.v9 .mission-card{min-height:171px;border:1px solid #64a1a0;border-radius:9px;position:relative;overflow:hidden;background:linear-gradient(90deg,#061a23ee,#0b1c2240),url('assets/v9_sky.svg') center/cover;box-shadow:inset 0 0 0 2px #082127,0 3px 7px #000a;padding:17px 12px;text-align:left} .v9 .mission-card.mission-mines{background:linear-gradient(90deg,#0b2726f5,#0b25277a),url('assets/v9_garage.webp') center/cover;border-color:#82b586}.v9 .mission-card.mission-flight{background:linear-gradient(90deg,#152919f7,#122e1966),url('assets/v9_terrain.svg') center/cover;border-color:#c6c572} .v9 .mission-card>img{position:absolute;width:53%;height:140px;object-fit:contain;right:-5px;top:17px;filter:drop-shadow(0 4px 4px #000b);opacity:1}.v9 .mission-copy{position:relative;z-index:2;width:63%}.v9 .mission-copy>span{font-size:8px;color:#d0dea1;letter-spacing:1px}.v9 .mission-copy h2{font-family:var(--body);font-size:21px;line-height:1.05;letter-spacing:-.3px;margin:8px 0;text-shadow:0 2px 3px #000}.v9 .mission-copy p{font-size:11px;line-height:1.4;max-width:162px;min-height:30px;color:#cfdfcb}.v9 .mission-copy b{display:inline-flex;align-items:center;gap:14px;padding:6px 10px;font-family:var(--body);font-size:12px;background:linear-gradient(#3c9f3a,#156d28);border:1px solid #b9ee89;border-radius:5px;color:#fff7cc;box-shadow:0 0 6px #8cff5440}.v9 .mission-number{right:8px;top:7px;color:#eaffcd70;font-size:15px} .v9 .top-source{background:none;border:0;margin:5px 0 8px;padding:0;gap:6px}.v9 .top-source button{font-size:11px;min-height:31px}.v9 .top-disclosure{font-size:10px;margin:6px 0 9px;color:#8db7ac} .v9 .leader-list{border:1px solid #497b75;border-radius:8px;background:linear-gradient(#0c2429e8,#04181cf0);padding:0 7px;overflow:hidden}.v9 .leader{display:flex;gap:8px;align-items:center;padding:12px 2px;border-bottom:1px solid #25564c;min-height:74px;background:none}.v9 .leader:last-child{border:0}.v9 .leader.me{border:1px solid #c5d878;background:linear-gradient(100deg,#173424,#0c2825);margin:8px -1px;border-radius:6px;padding:9px 3px} .v9 .leader .place{font-size:17px;min-width:19px;text-align:center;color:#d4e6cc}.v9 .leader .podium{clip-path:polygon(50% 0,100% 22%,100% 78%,50% 100%,0 78%,0 22%);background:linear-gradient(#ffee97,#ecab1b);color:#72540b;line-height:30px;width:27px;min-width:27px;font-size:20px;text-shadow:0 1px #ffeab1;filter:drop-shadow(0 1px #ffefb8)}.v9 .podium.podium-1{background:linear-gradient(#f2f5f4,#8098a9);color:#304955}.v9 .podium.podium-2{background:linear-gradient(#eeb977,#b16c36);color:#503110} .v9 .leader-avatar{width:41px;height:41px;min-width:41px;border:2px solid #bacc92;border-radius:50%;background:radial-gradient(#3a5746,#09272b);box-shadow:0 0 0 1px #12282a,0 2px 5px #0007}.v9 .leader-avatar img{object-position:50% 32%}.v9 .leader-info{flex:1;min-width:0}.v9 .leader-info strong{font-family:var(--body);font-weight:900;font-size:13px;white-space:nowrap;max-width:145px;overflow:hidden;text-overflow:ellipsis;display:block;color:#f2efdf}.v9 .leader-value{font-family:var(--body);font-size:12px;font-weight:800;white-space:nowrap;color:#ffe778}.v9 .leader-info em{font-size:9px;color:#a6d899;font-style:normal}.v9 .rank-line{font-size:10px;color:#bdcfc4;gap:4px;white-space:nowrap}.v9 .rank-line .rank-icon{height:21px;width:16px;display:block;object-fit:contain} .v9 .rank-hero{border:1px solid #95cc75;border-radius:7px;padding:13px;background:linear-gradient(120deg,#214a29,#092a23);margin:5px 0 12px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;box-shadow:inset 0 1px #cbffc244}.rank-hero>.rank-icon{width:64px;height:74px;display:block;object-fit:contain}.rank-hero h2{font-family:var(--body);font-size:25px;line-height:1;margin:0 0 6px}.rank-hero p{font-size:12px;margin:4px 0;color:#d2e7bc}.rank-hero .progress{flex:0 0 100%;margin:0;height:13px;border:1px solid #648966;background:#0b2a23}.progress i{background:linear-gradient(#75ed63,#19a948)!important;box-shadow:0 0 6px #64ff4166} .v9 .v9-ranks{background:#051a1eeb;border:1px solid #395e62;border-radius:8px;padding:4px}.v9 .v9-rank-row{display:flex;align-items:center;gap:8px;min-height:47px;padding:4px 7px;border-bottom:1px solid #204942}.v9-rank-row .rank-icon{width:28px;height:33px;flex:none;display:block;object-fit:contain}.v9-rank-row strong{flex:1;font-size:13px;font-family:var(--body);font-weight:500}.v9-rank-row small{font-size:10px;color:#a1bda9}.v9-rank-row.current{border:1px solid #e6d77e;background:#1f3e2f;box-shadow:inset 0 0 10px #d8e3661c;border-radius:5px}.v9-rank-row.locked{opacity:.6} .v9 .referral-art{height:300px;background:linear-gradient(transparent 45%,#092218),url('assets/v9_hangar.webp') center/cover;border:1px solid #508772;border-radius:8px;display:flex;align-items:flex-end;justify-content:center;position:relative;overflow:hidden}.referral-art img{width:100%;height:95%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 5px 4px #0008)}.referral-title{font-family:var(--body);font-size:24px;font-weight:900;text-align:center;margin:15px 0 7px;line-height:1.1;color:#f5f6d9}.referral-copy{font-size:12px;line-height:1.5;text-align:center;color:#b7d0c0}.v9 .referral-benefits{display:grid;gap:7px;margin:14px 0}.referral-benefits>div{display:flex;align-items:center;gap:10px;background:#143528;border:1px solid #4b775d;padding:10px;border-radius:5px}.referral-benefits strong{display:block;color:#ffe26a;font-size:17px}.referral-benefits small{color:#b5cdb8;font-size:11px} .sheet-backdrop{background:#010c11ce;backdrop-filter:blur(4px)}.sheet{background:linear-gradient(#081b1ceb,#041518f5),url('assets/v9_hangar.webp') center top/cover;border:2px solid #658e8b;border-radius:13px;box-shadow:0 0 0 3px #081415,0 14px 60px #000c;max-width:425px} .sheet-header{background:linear-gradient(#18383b,#081e23);border-bottom:1px solid #658b82;padding:12px 13px;min-height:52px}.sheet-header h2{font-family:var(--body);text-transform:uppercase;font-size:18px;font-weight:900;letter-spacing:.1px;margin:0}.sheet-body{padding:13px}.sheet-body h3{font-family:var(--body);font-size:18px;font-weight:800;line-height:1.3}.sheet .hint{font-size:11px;color:#afc6ba;line-height:1.5}.sheet .item,.sheet .task-row{border-color:#56826b;background:linear-gradient(115deg,#17372ce6,#091f24);border-radius:7px}.sheet .item img{background:none;border:0;object-fit:contain;filter:drop-shadow(0 4px 2px #0009)}.sheet .item .details>b{font-family:var(--body);font-size:14px}.sheet .tier{font-size:10px}.sheet .text-sale{color:#eecc77;font-size:11px} .sheet .days .day{border:1px solid #517665;background:linear-gradient(#143d30,#0a2528);border-radius:6px}.sheet .days .current{border-color:#fff185;background:linear-gradient(#486b2b,#174a2a);box-shadow:0 0 8px #e4ff6240}.sheet .days .day strong{color:#ffe57a}.sheet .days .final{border-color:#ecc460;background:linear-gradient(#645123,#283a20)} .sheet .menu-brand{padding-bottom:12px}.sheet .menu-brand img{border-radius:50%;border-color:#92b987}.sheet .menu-brand h3{font-family:var(--body);font-size:27px;color:#ffe776}.sheet .menu-tile{background:linear-gradient(135deg,#254735,#0a2629);border:1px solid #62907b;border-radius:7px;min-height:95px;gap:5px;padding:11px}.sheet .menu-tile svg{color:#ffdf70;width:25px;height:25px}.sheet .menu-tile b{font-family:var(--body);font-size:17px;color:#e9f0d4}.sheet .menu-tile span{font-size:10px;color:#aac4b2}.sheet .menu-links button{background:#102b2b;border-color:#416b5c;padding:11px;color:#d6e8d0}.sheet .quick-modes button{background:linear-gradient(#2c6336,#174228);border:1px solid #98cc73;color:#edffcf;border-radius:5px;padding:9px;font-weight:800} .sheet .transaction-preview{background:#0a2225;border:1px solid #47736b;border-radius:6px;color:#cad7c3;padding:12px}.sheet .transaction-preview b{color:#ffe577;font-size:15px}.sheet .transaction-preview span{font-size:11px} .sheet.feature-sheet{height:min(790px,calc(100dvh - 30px));max-height:calc(100dvh - 30px);width:min(420px,calc(100vw - 20px));background:linear-gradient(#061a1f45,#051a1fe6 65%),url('assets/v9_hangar.webp') center/cover} .sheet.feature-sheet .sheet-body{display:flex;flex-direction:column;overflow:auto;padding:13px;flex:1}.sheet.feature-sheet .sheet-header{flex:none} .case-reveal-scene{min-height:202px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#b88a1a77,transparent 65%);border-radius:9px} .case-reveal-scene img{height:clamp(194px,55vw,226px);width:auto;max-width:85%;aspect-ratio:1 / 1;object-fit:contain;z-index:2;-webkit-mask-image:radial-gradient(ellipse 70% 72% at 50% 52%,#000 49%,#000f 62%,transparent 78%);mask-image:radial-gradient(ellipse 70% 72% at 50% 52%,#000 49%,#000f 62%,transparent 78%);filter:drop-shadow(0 5px 5px #000a) drop-shadow(0 0 22px #ffbe454f);animation:v9-float 3s ease-in-out infinite} .case-rays{position:absolute;inset:-40%;background:repeating-conic-gradient(from 0deg at 50% 60%,#ffe07528 0deg 8deg,transparent 8deg 24deg);animation:v9-rays 23s linear infinite;mask-image:radial-gradient(ellipse,#000,transparent 60%);z-index:0} @keyframes v9-rays{to{transform:rotate(360deg)}} .sheet .reel-heading{text-align:center;margin:7px 0}.sheet .reel-heading h3{color:#ffe879;margin:4px;font-size:24px}.sheet .reel-heading span{font-size:11px;color:#a8c8b2} .sheet .case-reel-viewport{height:158px;flex:none;background:#051317aa;border-top:1px solid #e0c34f88;border-bottom:1px solid #e0c34f88;box-shadow:0 0 17px #cbae2245;margin:5px -7px 10px;overflow:hidden} .sheet .reel-card{height:137px;width:115px;min-width:115px;border-radius:7px;border-width:2px;background:radial-gradient(ellipse at 50% 45%,#3651486a,#071a1edb);padding:12px 4px 7px;box-shadow:inset 0 0 10px #e8ffb111}.sheet .reel-card img{height:75px;width:100%;filter:drop-shadow(0 4px 2px #0009)}.sheet .reel-card b{font-family:var(--body);font-size:12px}.sheet .reel-card small{color:#f8e66f;font-size:11px}.sheet .reel-marker{border-color:#ffe254;box-shadow:0 0 14px #ffe46478}.sheet .reel-tier{left:5px;top:2px;font-size:19px;color:white} .sheet .reward-presentation{background:radial-gradient(ellipse,#66663a35,#062027d9);border:2px solid var(--rarity);border-radius:8px;margin:7px auto 12px;max-width:280px;width:100%;min-height:230px;padding:13px;box-shadow:0 0 22px color-mix(in srgb,var(--rarity),transparent 65%);text-align:center;position:relative;overflow:hidden} .sheet .reward-presentation>img{height:120px;width:100%;position:relative;filter:drop-shadow(0 5px 3px #000b)}.sheet .reward-presentation h3{position:relative;font-size:21px;color:#fff3c2;margin:5px 0}.sheet .reward-rate{color:#ffe562;font-family:var(--body);font-weight:800;font-size:18px}.sheet .reward-presentation .tier{position:relative} .sheet .reward-heading{font-size:11px;letter-spacing:1px;color:#f5da84;text-align:center;margin:3px 0 8px}.sheet .reward-footer-note{font-size:10px;color:#a5c6b5;text-align:center;margin:9px 0 0}.sheet .sale-illustration img{filter:drop-shadow(0 8px 3px #0009)} #toast{border:1px solid #c0ec8c;background:linear-gradient(#255236,#12312d);color:#f3ffe5;box-shadow:0 8px 30px #000a;max-width:370px;font-size:13px;border-radius:8px} .v9 .empty{background:#0b2a2a99;border:1px solid #507b6d;border-radius:7px;padding:23px 13px;font-size:13px;color:#c5d7c3} @media(min-width:700px){.app.v9{height:min(930px,calc(100dvh - 28px));margin:14px auto;max-width:440px}.v9 .hq-stage{min-height:240px}} @media(max-width:370px){.app.v9{margin:3px auto;height:calc(100dvh - 6px);border-radius:12px}.v9 .screen{padding-left:8px;padding-right:8px}.v9 .v9-title-art{max-width:190px;height:22px}.v9 .nickname{font-size:15px;max-width:124px}.v9 .wallet-trigger strong{font-size:16px}.v9 .case{min-height:153px;padding:8px}.v9 .case-art{height:clamp(132px,43vw,154px);flex-basis:44%;width:44%}.v9 .case h2{font-size:18px}.v9 .collection-main{min-height:140px}.v9 .collection-main img{height:51px}.v9 .collection-main h3{font-size:10px}.v9 .leader-info strong{font-size:11px}.v9 .leader-value{font-size:10px}.v9 .leader-avatar{width:34px;height:34px;min-width:34px}.v9 .leader{gap:5px}.v9 .equipment-slot{height:96px;min-height:96px}.v9 .equipment-slot img{height:53px}.v9 .income-value{font-size:24px}.v9 .action-disc{height:51px;width:51px}} @media(max-height:720px){.v9 .hq-header{min-height:55px}.v9 .hq-stage{min-height:160px}.v9 .equipment-slot{min-height:89px;height:89px}.v9 .equipment-slot img{height:49px}.v9 .hq-income{min-height:58px;margin-top:6px;margin-bottom:7px}.v9 .bottom-nav{height:62px}.v9 .nav-btn{min-height:49px}.v9 .case{min-height:150px}.v9 .case-art{height:clamp(129px,37vw,150px)}.v9 .crash-stage{height:244px}.v9 .flight-stage{height:340px}.v9 .v9-topbar{height:40px}} @media(prefers-reduced-motion:reduce){.v9 *,.sheet *{scroll-behavior:auto!important}.v9 .hero-corgi,.v9 .case-art img,.equip-corgi,.case-rays,.case-reveal-scene img{animation:none!important}} html[data-motion='off'] .v9 .hero-corgi,html[data-motion='off'] .v9 .case-art img,html[data-motion='off'] .equip-corgi,html[data-motion='off'] .case-rays,html[data-motion='off'] .case-reveal-scene img{animation:none!important} .v9 .home{background:#061b1e} .v9 .hq-stage{background:#1c2c25 url('assets/v9_hangar.webp') center/cover no-repeat} .v9 .inline-rules{display:inline;background:none;border:0;padding:0;color:#b3d5bc;text-decoration:underline;font-size:inherit} .v9 .referral-benefits svg{width:25px;height:25px;flex:none;color:#f7df77} .sheet .confirm-case-art{height:clamp(188px,53vw,216px);align-items:center;overflow:hidden;border-radius:9px} .sheet .confirm-case-art img{display:block;flex:none;width:auto;height:min(100%,216px);max-width:95%;aspect-ratio:1 / 1;object-fit:contain;-webkit-mask-image:radial-gradient(ellipse 70% 72% at 50% 52%,#000 49%,#000f 62%,transparent 78%);mask-image:radial-gradient(ellipse 70% 72% at 50% 52%,#000 49%,#000f 62%,transparent 78%);filter:drop-shadow(0 4px 3px #0009) drop-shadow(0 0 20px #bcff5b30)} .v9 .rarity-A,.sheet .rarity-A{--rarity:#ff514b}.v9 .rarity-B,.sheet .rarity-B{--rarity:#ffd349}.v9 .rarity-C,.sheet .rarity-C{--rarity:#c26cff}.v9 .rarity-D,.sheet .rarity-D{--rarity:#31b9ff}.v9 .rarity-E,.sheet .rarity-E{--rarity:#b8c4c9} .v9 .garage-tools button[aria-pressed='true']{background:linear-gradient(#426e38,#184b2e);border-color:#c2e994;color:#fbffd8} .v9 .equip-income{width:100%} .v9[data-game='Crash'][data-hub='false'] .v9-statusbar{height:30px;margin-bottom:5px} .v9 .crash-stage{height:clamp(208px,28dvh,255px);min-height:208px} .v9 .crash-history-head{margin:6px 1px 3px} .v9 .crash-history{min-height:25px;margin-bottom:5px} .v9 .history-chip{padding:3px 6px} .v9 .crash-live-panel{padding:5px 6px;margin:6px 0} .v9 .crash-mini-chart svg{height:48px} .v9 .crash-live-panel #crash-players{max-height:67px} .v9 .crash-live-panel h3{margin-bottom:3px} .v9 .crash-player .leader-avatar{width:22px;height:22px;min-width:22px} .v9 .crash-player .leader-avatar img{width:100%;height:100%} .v9 .stake-note{display:none} .v9 .auto-v7{min-height:34px;margin:6px 0;padding:4px 8px} .v9 .crash-actions{margin:6px 0} .v9 .coef-amber{color:#ffe271} .v9 .crash-stage .bank-bar strong .coin{display:inline-flex} .sheet.feature-sheet[data-view='reward'] .reward-presentation{min-height:204px;padding:10px;margin-bottom:8px} .sheet.feature-sheet[data-view='reward'] .reward-presentation>img{height:103px} @media(max-height:720px){.v9 .crash-stage{height:210px}.v9 .crash-mini-chart svg{height:43px}.v9 .crash-live-panel{margin:5px 0}} .v9 .minegrid{width:100%;max-width:none;aspect-ratio:1.17;grid-auto-rows:minmax(0,1fr)} .v9 .minegrid .cell{aspect-ratio:auto;min-height:0;min-width:0;width:100%;height:100%;overflow:hidden} .v9 .referral-art{height:clamp(170px,24dvh,230px)} .v9 .referral-title{font-size:21px;margin-top:12px} .v9 .referral-copy{margin:7px 0} .v9 .referral-benefits{margin:10px 0;gap:6px} .v9 .referral-benefits>div{padding:8px 10px} .v9[data-game='Crash'] .crash-room-head{margin:2px 0 9px;gap:7px} .v9[data-game='Crash'] .room-switch{gap:3px;padding:3px;border:1px solid #46686770;background:#0b242ba3;border-radius:12px} .v9[data-game='Crash'] .room-switch button{min-height:31px;padding:5px 7px;border:1px solid transparent;background:transparent;box-shadow:none;border-radius:9px;color:#bbd2d2;font-weight:700;transition:background .18s,border-color .18s} .v9[data-game='Crash'] .room-switch button.active{background:#225449d9;border-color:#83c5a178;box-shadow:inset 0 1px #d1ffd51b;color:#f1ffeb} .v9[data-game='Crash'] .crash-rules-button{height:36px;width:36px;min-width:36px;border-radius:11px;background:#102e33;border:1px solid #52787575;color:#d8ede9;font-weight:700} .v9[data-game='Crash'] .crash-stage{height:clamp(221px,29dvh,269px);min-height:221px;border-radius:14px;border:1px solid #638e927e;background:#0b2734;box-shadow:0 5px 17px #010c1280,inset 0 0 0 1px #bdffed0a;overflow:hidden} .v9[data-game='Crash'] .crash-stage[data-phase='ended']{border-color:#f1856899} .v9[data-game='Crash'] .crash-stage-top{top:10px;left:11px;right:11px;gap:6px} .v9[data-game='Crash'] .crash-stage-top>span{border:1px solid #b1dfd125;background:#071c2a9c;box-shadow:none;border-radius:9px;padding:5px 8px;color:#d6e9e6;backdrop-filter:blur(4px)} .v9[data-game='Crash'] .crash-stage-bottom{left:12px;right:12px;bottom:8px;color:#c2d8d0a6;font-size:9px} .v9[data-game='Crash'] .crash-mult-wrap{bottom:27px;left:4px;right:10px;padding-right:0;align-items:flex-end} .v9[data-game='Crash'] .crash-mult-wrap strong{font-family:var(--body),Arial,sans-serif;font-weight:900;font-size:clamp(43px,14vw,56px);letter-spacing:-2.3px;transform:none;line-height:1;text-shadow:0 3px 14px #020e18ef,0 1px 2px #020b16;filter:none;font-variant-numeric:tabular-nums} .v9[data-game='Crash'] .crash-mult-wrap .coef-red{color:#ffac91} .v9[data-game='Crash'] #crash-status{font-family:var(--body),Arial,sans-serif;font-size:10px;line-height:1.2;font-weight:750;letter-spacing:.1px;padding:4px 8px;margin-top:7px;background:#071c27be;border:1px solid #c8e9df24;border-radius:8px;color:#fff1d5;text-shadow:none;backdrop-filter:blur(5px)} .v9[data-game='Crash'] .crash-stage[data-phase='ended'] #crash-status{background:#4a211bd8;border-color:#ff936a4d} .v9[data-game='Crash'] .bank-bar{top:44px;right:11px;padding:7px 9px;border:1px solid #bde2d846;background:#082535c2;border-radius:10px;box-shadow:0 3px 9px #0003;backdrop-filter:blur(4px)} .v9[data-game='Crash'] .bank-bar small{font-size:9px;color:#c5dcd9} .v9[data-game='Crash'] .bank-bar strong{font-size:14px;color:#ffe7a5} .v9[data-game='Crash'] .crash-history-head{font-size:10px;letter-spacing:.05px;color:#a6c7c1;margin:9px 1px 5px} .v9[data-game='Crash'] .crash-history{gap:6px;min-height:25px;margin:0 0 8px} .v9[data-game='Crash'] .history-chip{border:1px solid #668c8c4b;background:#12313aaf;border-radius:9px;padding:5px 8px;font-size:11px;box-shadow:none} .v9[data-game='Crash'] .history-empty{padding:5px 1px;color:#a7c4c2} .v9[data-game='Crash'] .crash-live-panel{gap:10px;padding:10px 11px;margin:8px 0;border:1px solid #668c8b59;border-radius:12px;background:linear-gradient(125deg,#102d35b8,#0c222cbf);box-shadow:none} .v9[data-game='Crash'] .crash-live-panel h3{color:#bed7d0;font-size:10px;letter-spacing:.4px} .v9[data-game='Crash'] .crash-mini-chart{padding-left:10px;border-left:1px solid #6a8d8566} .v9[data-game='Crash'] .crash-mini-chart svg{height:52px} .v9[data-game='Crash'] .chart-axis{color:#8caeae} .v9[data-game='Crash'] .stake-v7{margin:8px 0;padding:9px 10px;border:1px solid #5f858467;border-radius:12px;background:#102a309e;box-shadow:none} .v9[data-game='Crash'] .stake-adjust input{border:1px solid #51777692;background:#081d25;border-radius:9px;box-shadow:none;font-size:21px} .v9[data-game='Crash'] .stake-adjust button{border:1px solid #6b929181;background:#1b4045;border-radius:9px;box-shadow:none} .v9[data-game='Crash'] .stake-presets button{border:1px solid #527c7b77;background:#19383ea8;border-radius:8px;box-shadow:none;color:#d1e7e0} .v9[data-game='Crash'] .auto-v7{margin:7px 0;padding:8px 11px;min-height:40px;border:1px solid #658d8961;border-radius:12px;background:#102a309e} .v9[data-game='Crash'] .crash-actions{margin:9px 0} .v9[data-game='Crash'] .crash-actions .btn{min-height:47px;border-radius:11px;font-size:18px;letter-spacing:.3px} .v9[data-game='Crash'] .room-note{margin:5px 0 11px;padding:5px 3px;color:#98b4ae;font-size:10px;line-height:1.4} @media(max-width:350px){ .v9[data-game='Crash'] .crash-mult-wrap strong{font-size:43px} .v9[data-game='Crash'] .crash-live-panel{padding:8px} .v9[data-game='Crash'] .bank-bar{padding:5px 7px} } @media(max-height:680px){ .v9[data-game='Crash'] .crash-stage{height:216px;min-height:216px} .v9[data-game='Crash'] .crash-live-panel{padding:7px 9px} } @media(prefers-reduced-motion:reduce){.v9[data-game='Crash'] .room-switch button{transition:none}} .flag-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 5px;border-radius:5px;background:#061720dd;border:1px solid #cde4e044;box-shadow:0 2px 5px #0008;line-height:1;pointer-events:none} .flag-badge .flag-icon,.v9 .collection-main .flag-badge .flag-icon,.v9 .collection-card.unowned .flag-badge .flag-icon{display:block;width:25px;height:16px;max-width:25px;max-height:16px;min-width:25px;min-height:16px;object-fit:cover;border-radius:2px;margin:0;filter:none;box-shadow:0 0 0 1px #e9f6ef26} .card-corner,.sheet-corner,.inline,.inline-sheet{position:absolute;z-index:3} .card-corner{top:5px;right:5px} .sheet-corner{top:9px;right:9px} .inline{top:7px;right:8px} .inline-sheet{top:8px;right:8px} .origin-country{display:block;font-size:10px;line-height:1.28;color:#b8d3cf;letter-spacing:.08px;margin-top:2px;overflow-wrap:anywhere} .center.origin-country{text-align:center} .reward-inline-wrap,.item-detail,.item{position:relative} .v9 .equipped-mark{right:48px;top:6px} .v9 .owned-count{right:4px;bottom:5px;top:auto} .v9 .collection-main{padding-top:30px;min-height:172px} .v9 .collection-main h3{min-height:26px;font-size:10.5px;overflow-wrap:anywhere} .v9 .collection-main .origin-country{font-size:9.5px;min-height:13px;color:#bad3d0} .v9 .nation-filters{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:3px 2px 8px;scroll-snap-type:x proximity;margin:-3px 0 5px} .v9 .nation-filters::-webkit-scrollbar{display:none} .v9 .nation-filters button{display:inline-flex;gap:5px;align-items:center;justify-content:center;white-space:nowrap;flex:none;min-height:32px;padding:5px 9px;border:1px solid #365c61;background:#102832;border-radius:7px;color:#bcd2d4;font-size:10px;scroll-snap-align:start;transition:background .15s} .v9 .nation-filters button.active{background:#285650;border-color:#b8c6a2;color:#fff5dc} .v9 .nation-filters .flag-badge{padding:2px;box-shadow:none;border:0;background:none} .v9 .nation-filters .flag-icon{width:20px;height:13px;min-width:20px;min-height:13px} .v9 .collection-main .flag-badge{position:absolute} @media(max-width:350px){.v9 .collection-main h3{font-size:9.5px}.v9 .collection-main .origin-country{font-size:9px}.v9 .collection-main{padding-inline:3px}} .v9 .v9-title-label{ display:block;font-family:var(--display);font-size:23px;font-weight:900; letter-spacing:1.4px;color:#f6e7b5;text-shadow:0 1px 0 #aa863d,0 3px 5px #000; } .v9 .nation-filters{justify-content:space-between;gap:5px;overflow-x:auto;margin:1px 0 6px;padding:3px 2px 8px} .v9 .nation-filters button{flex:1 0 42px;min-width:42px;min-height:41px;padding:5px 4px;gap:0;border-radius:8px} .v9 .nation-filters .flag-badge{display:flex;padding:0;margin:0;border:0;background:none} .v9 .nation-filters .flag-badge .flag-icon{ display:block;width:33px;height:22px;min-width:33px;min-height:22px; max-width:33px;max-height:22px;object-fit:cover;border-radius:3px; box-shadow:0 0 0 1px #d8f4e745,0 1px 4px #0007; } .v9 .nation-filters button.active .flag-icon{box-shadow:0 0 0 2px #ebfca5,0 0 8px #b6f8747d} .v9 .nation-filters .filter-all-icon{font-size:23px;line-height:1;display:block} .v9 .collection-main{gap:6px;padding-bottom:9px} .v9 .collection-main .origin-country{display:none} .v9 .collection-owned-label{border-top:1px solid #426b64;padding:7px 3px;text-align:center;font-size:10px;font-weight:700;color:#c9eec0;background:#143d2baf} .v9 .collection-summary{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(120deg,#173b36,#0b2529);border:1px solid #638a76;border-radius:8px;margin:6px 0 8px} .v9 .collection-summary>div{display:flex;flex-direction:column;gap:4px} .v9 .collection-summary strong{font-size:24px;line-height:1;color:#ffe270} .v9 .collection-summary small{font-size:11px;color:#d9e6d3} .v9 .collection-summary>div:last-child{align-items:flex-end;font-size:11px;color:#adcac0} .v9 .collection-summary b{font-size:17px} .v9 .garage-tools{padding:0 1px;min-height:30px} .v9 .garage-tools>span{font-size:11px;color:#b5d2c0} .v9 .equipment-slot[class*="rarity-"],.v9 .equip-card[class*="rarity-"]{ border-color:var(--rarity); background:radial-gradient(ellipse at 52% 31%,color-mix(in srgb,var(--rarity) 43%,transparent),transparent 78%), linear-gradient(158deg,color-mix(in srgb,var(--rarity) 28%,#0a2226),#08151d 87%); box-shadow:inset 0 1px 0 color-mix(in srgb,var(--rarity) 60%,transparent), inset 0 0 22px color-mix(in srgb,var(--rarity) 20%,transparent),0 2px 7px #0009; } .v9 .equipment-slot[class*="rarity-"] .slot-name, .v9 .equip-card[class*="rarity-"] strong{text-shadow:0 1px 2px #000c} @media(max-width:370px){ .v9 .nation-filters button{flex-basis:39px;min-width:39px;min-height:39px;padding:4px 2px} .v9 .nation-filters .flag-badge .flag-icon{width:30px;height:20px;min-width:30px;min-height:20px;max-width:30px;max-height:20px} .v9 .v9-title-label{font-size:21px} } .v9 .garage-grid{ display:flex; flex-direction:column; gap:9px; margin:7px 0 12px; } .v9 .collection-card.arsenal-row{ min-height:108px; border-radius:11px; border:1px solid color-mix(in srgb,var(--rarity) 35%,#38564c); background:linear-gradient(120deg,#122a29 0%,#0a1d20 49%,#0b1b20 100%); box-shadow:inset 0 1px 0 #d3ebdb11,0 4px 11px #0004; overflow:hidden; opacity:1; } .v9 .collection-card.arsenal-row.selected{ border-color:#c7b989; background:linear-gradient(110deg,#20372c,#0a2222 56%,#1d2b25); box-shadow:inset 3px 0 0 #e2c887,inset 0 0 0 1px #dec58d24,0 3px 12px #0005; } .v9 .collection-card.arsenal-row.unowned{ border-color:#344a48; background:linear-gradient(120deg,#111d20,#0a171b); opacity:1; } .v9 .arsenal-row .collection-main.arsenal-row-main{ display:grid; grid-template-columns:minmax(0,40%) minmax(0,60%); align-items:stretch; justify-items:stretch; gap:0; width:100%; min-height:108px; height:auto; padding:0; margin:0; border:0; border-radius:0; background:transparent; text-align:left; color:#f1f4ea; cursor:pointer; } .v9 .arsenal-row .arsenal-row-main:focus-visible{ outline:2px solid #d6ca9b; outline-offset:-3px; } @media(hover:hover){ .v9 .arsenal-row .arsenal-row-main:hover{background:#cddbc40a} .v9 .arsenal-row .arsenal-row-main:hover .arsenal-row-arrow{border-color:#e2c68d;background:#3b5449} } .v9 .arsenal-row .arsenal-row-visual{ position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; min-width:0; padding:12px 7px; background: radial-gradient(ellipse at 51% 52%,color-mix(in srgb,var(--rarity) 16%,transparent),transparent 72%), linear-gradient(110deg,#061618,#102626); border-right:1px solid #5e807435; } .v9 .arsenal-row .arsenal-row-visual::after{ content:''; position:absolute; inset:auto 15% 13px; height:9px; background:#0008; filter:blur(8px); border-radius:100%; pointer-events:none; } .v9 .arsenal-row .arsenal-row-visual .arsenal-row-img{ display:block; width:100%; height:92px; max-height:100%; margin:0; object-fit:contain; object-position:center center; filter:drop-shadow(0 5px 4px #0008); position:relative; z-index:1; } .v9 .arsenal-row.unowned .arsenal-row-visual .arsenal-row-img{ filter:grayscale(.58) brightness(.62) drop-shadow(0 4px 3px #0009); opacity:.9; } .v9 .arsenal-row .arsenal-row-visual .flag-badge.card-corner{ left:7px; top:7px; right:auto; bottom:auto; z-index:3; padding:2px; background:#09191bc9; border-color:#d3e2c83b; border-radius:4px; } .v9 .arsenal-row .arsenal-row-visual .flag-badge .flag-icon{ width:23px; min-width:23px; max-width:23px; height:15px; min-height:15px; max-height:15px; filter:none; } .v9 .arsenal-row .arsenal-row-visual .owned-count{ left:7px; right:auto; bottom:7px; top:auto; z-index:3; background:#102622e0; border:1px solid #6989776b; color:#e6efd8; padding:2px 5px; border-radius:4px; } .v9 .arsenal-row .arsenal-row-details{ position:relative; min-width:0; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:7px; padding:11px 42px 11px 13px; } .v9 .arsenal-row .arsenal-row-name{ display:block; width:100%; min-width:0; min-height:0; margin:0; padding:0; font-family:var(--body); font-size:clamp(12px,3.6vw,15px); font-weight:800; line-height:1.22; text-align:left; color:#f3f1df; overflow-wrap:anywhere; text-wrap:pretty; } .v9 .arsenal-row .arsenal-row-rarity{ display:inline-flex; align-items:center; justify-content:center; width:max-content; max-width:100%; min-height:22px; padding:3px 8px; border-radius:5px; border:1px solid color-mix(in srgb,var(--rarity) 65%,#172525); background:color-mix(in srgb,var(--rarity) 16%,#102329); color:color-mix(in srgb,var(--rarity) 45%,#fff5de); font-size:10px; font-weight:800; line-height:1.3; letter-spacing:.12px; white-space:normal; } .v9 .arsenal-row .arsenal-row-note{ display:block; font-size:10.5px; line-height:1.2; color:#abc3b6; text-align:left; } .v9 .arsenal-row .arsenal-row-note.is-equipped{color:#decb91;font-weight:700} .v9 .arsenal-row .lock-label{ display:block; padding:0; margin:0; border:0; background:none; font-size:10.5px; line-height:1.2; text-align:left; color:#899f9a; } .v9 .arsenal-row .arsenal-row-arrow{ position:absolute; right:11px; top:50%; transform:translateY(-50%); display:flex; align-items:center; justify-content:center; width:31px; height:31px; min-width:31px; border-radius:50%; border:1px solid #58736b; background:linear-gradient(#29413d,#1b302e); color:#e8e5cf; font-family:var(--body); font-size:25px; font-weight:400; line-height:1; box-shadow:inset 0 1px 0 #e1e9d419,0 2px 4px #0003; } .v9 .arsenal-row.selected .arsenal-row-arrow{ border-color:#ceb77a; background:linear-gradient(#625b3d,#324338); color:#fff2b8; } @media(max-width:350px){ .v9 .garage-grid{gap:7px} .v9 .arsenal-row .collection-main.arsenal-row-main{min-height:103px} .v9 .arsenal-row .arsenal-row-details{padding:10px 36px 10px 10px;gap:6px} .v9 .arsenal-row .arsenal-row-arrow{width:28px;height:28px;min-width:28px;right:8px;font-size:23px} .v9 .arsenal-row .arsenal-row-name{font-size:12px} .v9 .arsenal-row .arsenal-row-rarity{font-size:9.5px;padding:3px 6px;min-height:21px} .v9 .arsenal-row .arsenal-row-note,.v9 .arsenal-row .lock-label{font-size:10px} .v9 .arsenal-row .arsenal-row-visual{padding:11px 4px} } .app.v9 .home.polished-home{ background-color:#0a1513; background-image: linear-gradient(180deg,rgba(4,14,14,.42) 0%,rgba(4,14,14,.10) 25%,transparent 62%,rgba(3,13,12,.60) 100%), url('assets/hq_user_hangar.webp'); background-position:center center; background-size:cover; background-repeat:no-repeat; } .app.v9 .home.polished-home>.hq-stage{background:transparent;} .v9{--ref-bg:#071918;--ref-panel:#0b211f;--ref-panel-2:#102724;--ref-line:#36544a;--ref-active:#24452a;--ref-text:#eaede8;--ref-muted:#a0acaa;--ref-gold:#d8ac47;--ref-income:#e6db64} body{background:#02090c} .app.v9{border:1px solid #26443e;border-radius:16px;background:#051313;box-shadow:0 14px 50px #000a} .v9:after{border-color:#6a8b8230} .v9 .screen{padding:0 10px 10px;min-height:100%;background:linear-gradient(180deg,#061615 0,#071918 120px,#071918 100%)} .v9 .home.hq-ref-home{background:transparent;padding-bottom:0;gap:8px} .v9 .hq-ref-topbar{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:8px;min-height:42px;margin:6px 4px 0;padding:2px 0;background:#091615;color:var(--ref-text)} .v9 .hq-ref-topbar h1{margin:0;text-align:center;font-family:var(--body);font-size:17px;font-weight:900;letter-spacing:.7px;color:var(--ref-text)} .v9 .hq-ref-appicon{width:32px;height:32px;padding:0;border:1px solid #29463d;border-radius:8px;background:#0d2320;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff12} .v9 .hq-ref-appicon img{width:24px;height:24px;border-radius:6px;display:block;object-fit:cover} .v9 .hq-ref-settings{width:32px;min-width:32px;height:32px;min-height:32px;border-radius:8px;border-color:#29463d;background:#0d2320;box-shadow:inset 0 1px #ffffff12} .v9 .hq-ref-settings img.ui-icon,.v9 .hq-ref-settings svg{width:18px;height:18px;filter:none;opacity:.95} .v9 .hq-ref-profile{display:grid;grid-template-columns:minmax(0,1.6fr) 1px minmax(112px,.95fr);grid-template-rows:auto auto;align-items:center;column-gap:10px;row-gap:2px;margin:0 4px;padding:8px 10px;border:1px solid var(--ref-line);border-radius:14px;background:linear-gradient(90deg,#102724,#0b211f 50%,#0a1b1b);box-shadow:inset 0 1px #ffffff14} .v9 .hq-ref-profile-main{grid-column:1;grid-row:1 / span 2;display:flex;align-items:center;gap:10px;min-width:0;padding:0;border:0;background:none;text-align:left;color:var(--ref-text)} .v9 .hq-rank-box{width:58px;height:58px;flex:none;border:1px solid #d8ac47;border-radius:12px;background:linear-gradient(180deg,#132c28,#0c1f1d);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #c59e4d55} .v9 .hq-rank-box .rank-icon{width:37px;height:46px;object-fit:contain} .v9 .hq-ref-profile-lines{display:flex;flex-direction:column;gap:3px;min-width:0} .v9 .hq-ref-profile-lines strong{font-family:var(--body);font-size:18px;font-weight:900;line-height:1;color:var(--ref-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} .v9 .hq-ref-profile-lines span{font-size:11px;line-height:1.15;color:var(--ref-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .v9 .hq-ref-divider{grid-column:2;grid-row:1 / span 2;align-self:stretch;width:1px;background:#294239} .v9 .hq-ref-wallet,.v9 .hq-ref-income-mini{grid-column:3;justify-self:stretch;border:0;background:none;padding:0;text-align:right} .v9 .hq-ref-wallet-line{display:flex;align-items:center;justify-content:flex-end;gap:7px;color:var(--ref-text)} .v9 .hq-ref-wallet .coin{width:33px;height:33px;font-size:18px;box-shadow:0 1px 0 #7a5a12,inset 0 0 0 2px #efc459} .v9 .hq-ref-wallet strong{font-family:var(--body);font-size:22px;font-weight:900;line-height:1;color:var(--ref-text);font-variant-numeric:tabular-nums} .v9 .hq-ref-income-mini{font-family:var(--body);font-size:14px;font-weight:900;line-height:1;color:var(--ref-income)} .v9 .hq-stage-ref{position:relative;min-height:280px;margin:0 4px;border-radius:18px;border:1px solid #2d463f;background:linear-gradient(180deg,#10231f99,#10231f05 24%,#07191811 100%),url('assets/hq_user_hangar.webp') center 26%/cover no-repeat;box-shadow:inset 0 -70px 80px #05110fb8,0 10px 22px #0007;overflow:hidden;isolation:isolate} .v9 .hq-stage-ref:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#1d161000 0,#10231f12 50%,#081514bb 100%);pointer-events:none;z-index:0} .v9 .hq-stage-ref .hangar-dust{position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(180deg,transparent,#071514f2 80%);pointer-events:none;z-index:1} .v9 .hq-stage-ref .corgi-shadow{position:absolute;left:50%;bottom:44px;transform:translateX(-50%);width:48%;height:26px;border-radius:50%;background:radial-gradient(ellipse at center,#000c 0,#0007 42%,transparent 72%);filter:blur(8px);z-index:1} .v9 .hq-ref-corgi{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);width:min(60vw,250px);height:86%;border:0;background:none;padding:0;display:flex;align-items:flex-end;justify-content:center;z-index:2} .v9 .hq-ref-corgi .hero-corgi{height:100%!important;width:auto;max-width:100%;max-height:none!important;object-fit:contain;filter:drop-shadow(0 12px 8px #000b)!important;animation:none} .v9 .stage-action{position:absolute;bottom:18px;width:80px;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:3} .v9 .stage-action.tasks{left:12px!important}.v9 .stage-action.daily{right:12px!important} .v9 .action-disc{position:relative;width:58px;height:58px;border:1px solid #507565;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 25%,#234139,#102724 62%,#0a1b1b 100%);box-shadow:inset 0 1px #ffffff24,0 5px 10px #0008} .v9 .action-disc img.ui-icon,.v9 .action-disc svg{width:29px;height:29px;filter:grayscale(.08) brightness(1.1)} .v9 .status-dot{top:-4px;right:-3px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#d73a3a;border:1px solid #f5c5c5;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;box-shadow:none} .v9 .action-caption{font-size:11px;font-weight:700;line-height:1.1;color:var(--ref-text);text-align:center;text-shadow:0 1px 2px #000} .v9 .hq-ref-equipment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 4px;background:none;flex:none} .v9 .hq-ref-card{position:relative;min-height:104px;padding:0;border:1px solid var(--ref-line);border-radius:12px;background:linear-gradient(180deg,#223733,#101d1d);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;box-shadow:0 5px 12px #0006} .v9 .hq-ref-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.88) saturate(.9)} .v9 .hq-ref-card::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,#0c1717ab 70%,#081414f3 100%)} .v9 .hq-ref-card .slot-kind,.v9 .hq-ref-card .slot-arrow{position:relative;z-index:1} .v9 .hq-ref-card .slot-kind{display:block;padding:0 30px 10px 10px;font-family:var(--body);font-size:14px;font-weight:900;line-height:1;color:var(--ref-text);text-align:left} .v9 .hq-ref-card .slot-arrow{position:absolute;right:8px;bottom:8px;width:20px;height:20px;border-radius:50%;border:1px solid #8b7b3d;background:#101716;color:#e0c25a;font-size:18px;line-height:18px;display:flex;align-items:center;justify-content:center} .v9 .hq-income.ref-income{margin:0 4px 8px;min-height:72px;padding:10px 12px;border:1px solid #6e8b42;border-radius:14px;background:linear-gradient(90deg,#163d26,#0c241d 56%,#153225);box-shadow:inset 0 1px #ffffff18;text-align:center} .v9 .hq-income.ref-income .caption{font-size:13px;color:#d6dbc8} .v9 .hq-income.ref-income .income-value{justify-content:center;gap:8px;font-family:var(--body);font-size:23px;color:var(--ref-income);text-shadow:none} .v9 .hq-income.ref-income .coin{width:26px;height:26px;font-size:14px} .v9 .bottom-nav.bottom-nav-ref{height:auto;min-height:74px;padding:7px 6px calc(max(8px,env(safe-area-inset-bottom)) + 1px);gap:6px;border-top:1px solid #27443c;background:linear-gradient(180deg,#081414,#071918);box-shadow:none} .v9 .bottom-nav-ref .nav-btn.has-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:60px;padding:6px 4px;border-radius:12px;color:#97a5a6;border:1px solid transparent;background:none} .v9 .bottom-nav-ref .nav-btn.has-label span{display:block;font-size:11px;font-weight:700;line-height:1.05;white-space:nowrap} .v9 .bottom-nav-ref .nav-btn.has-label>img.ui-icon,.v9 .bottom-nav-ref .nav-btn.has-label>svg,.v9 .bottom-nav-ref .nav-btn.has-label .nav-corgi-face{width:28px;height:28px;max-height:28px;object-fit:contain;filter:grayscale(1) brightness(1.25) opacity(.9)} .v9 .bottom-nav-ref .nav-btn.has-label.active{background:linear-gradient(180deg,#1b3c23,#15311f);border-color:#9fb764;color:var(--ref-text);box-shadow:inset 0 1px #ffffff12} .v9 .bottom-nav-ref .nav-btn.has-label.active>img.ui-icon,.v9 .bottom-nav-ref .nav-btn.has-label.active>svg,.v9 .bottom-nav-ref .nav-btn.has-label.active .nav-corgi-face{filter:none} .v9 .bottom-nav-ref .nav-btn.has-label .nav-corgi-face{border-radius:7px} .v9 .pet-feedback{top:14px;left:50%;transform:translateX(-50%);font-size:10px;border-radius:999px;padding:5px 9px;background:#0a231eec;border:1px solid #335046;color:#e7ecdd} @media (max-width:390px){ .v9 .hq-ref-profile-lines strong{font-size:16px} .v9 .hq-ref-wallet strong{font-size:19px} .v9 .hq-stage-ref{min-height:262px} .v9 .hq-ref-corgi{width:min(58vw,230px)} .v9 .stage-action{width:74px} .v9 .action-disc{width:54px;height:54px} .v9 .hq-ref-card{min-height:96px} .v9 .hq-ref-card .slot-kind{font-size:12px;padding-left:8px} } .v9 .pet-feedback:empty{display:none} .v9 .hq-ref-home{gap:7px;background:#071918} .v9 .hq-ref-topbar{margin:3px 3px 0;min-height:42px;background:linear-gradient(90deg,#071715,#081a19 50%,#081513);border-bottom:1px solid #233e36} .v9 .hq-ref-topbar h1{font-size:17px;letter-spacing:.3px} .v9 .hq-ref-settings{border:0;background:transparent;box-shadow:none} .v9 .hq-ref-settings img.ui-icon{width:17px;height:17px;opacity:.78;filter:grayscale(1) brightness(.88)} .v9 .hq-ref-appicon{width:31px;height:31px;border-color:#2e5143;border-radius:7px} .v9 .hq-ref-appicon img{width:25px;height:25px} .v9 .hq-ref-profile{ min-height:72px; margin:0 3px; padding:8px 9px; border-color:#2b5146; border-radius:11px; background:linear-gradient(100deg,#102522 0%,#0c211e 62%,#081c1b 100%); box-shadow:inset 0 1px #ffffff0a; grid-template-columns:minmax(0,1.48fr) 1px minmax(113px,.93fr); column-gap:9px; } .v9 .hq-rank-box{width:47px;height:50px;border:1px solid #b58b31;border-radius:9px;background:#0f261f;box-shadow:inset 0 0 0 1px #3d532e} .v9 .hq-rank-box .rank-icon{width:37px;height:42px} .v9 .hq-ref-profile-main{gap:8px} .v9 .hq-ref-profile-lines strong{font-size:17px;font-weight:850;line-height:1.06} .v9 .hq-ref-profile-lines span{font-size:10px;line-height:1.25;color:#aabcb5} .v9 .hq-ref-divider{background:#234238;opacity:.64} .v9 .hq-ref-wallet{border:1px solid #24443b;border-radius:11px;background:#061513;padding:4px 5px 4px 2px;min-width:0} .v9 .hq-ref-wallet-line{gap:5px} .v9 .hq-ref-wallet .coin{width:25px;height:25px;font-size:14px;min-width:25px;box-shadow:0 1px 0 #7a5a12,inset 0 0 0 2px #efc459} .v9 .hq-ref-wallet strong{font-size:19px;font-weight:800;letter-spacing:-.55px;line-height:1.1;white-space:nowrap} .v9 .hq-ref-income-mini{font-size:14px;line-height:1.18;margin-top:0;color:#e3dc69} .v9 .hq-stage.hq-stage-ref{ min-height:250px; margin:0 3px; border:0; border-radius:3px; background-image:linear-gradient(180deg,#07141165 0%,#07161238 31%,#06130e3d 53%,#06120ed0 100%),url('assets/hq_user_hangar.webp'); background-size:cover,cover; background-position:center,center 27%; box-shadow:inset 0 20px 24px #030a0866,inset 0 -40px 38px #05131180; overflow:hidden; } .v9 .hq-stage.hq-stage-ref:before{ inset:0; background:radial-gradient(ellipse 83% 78% at 50% 40%,transparent 20%,#04110f33 76%,#04110f84 100%); z-index:0; } .v9 .hq-stage.hq-stage-ref:after{ inset:0; box-shadow:inset 12px 0 22px #02090635,inset -12px 0 22px #02090635; pointer-events:none;z-index:1; } .v9 .hq-stage.hq-stage-ref .hangar-dust{opacity:.54;height:24%;z-index:1} .v9 .hq-stage.hq-stage-ref .corgi-shadow{bottom:20px;width:51%;height:21px;filter:blur(9px);opacity:.85;animation:none} .v9 .hq-stage.hq-stage-ref .corgi-pet.hq-ref-corgi{ position:absolute; inset:auto auto 7px 50%!important; left:50%!important; right:auto!important; top:auto!important; bottom:7px!important; margin:0; padding:0; width:min(73%,278px); max-width:none; height:87%; max-height:none; min-height:0; transform:translateX(-50%); display:flex;align-items:flex-end;justify-content:center; border:0;background:transparent;z-index:2; } .v9 .hq-stage.hq-stage-ref .corgi-pet.hq-ref-corgi .hero-corgi{ display:block; width:auto!important; max-width:100%!important; height:100%!important; max-height:none!important; object-fit:contain; object-position:center bottom; filter:drop-shadow(0 10px 9px #0009)!important; animation:corgi-breathe 3.8s ease-in-out infinite; } .v9 .hq-stage.hq-stage-ref .corgi-pet.hq-ref-corgi.petted .hero-corgi{animation:corgi-bounce .7s ease-in-out 2} .v9 .hq-stage-ref .stage-action{bottom:22px!important;width:80px;max-width:80px;gap:5px} .v9 .hq-stage-ref .stage-action.tasks{left:12px!important} .v9 .hq-stage-ref .stage-action.daily{right:12px!important} .v9 .hq-stage-ref .action-disc{ width:61px;height:61px; border:1px solid #598479; background:radial-gradient(circle at 40% 18%,#1b4136,#0e2723 70%); box-shadow:inset 0 0 0 2px #1a3430,0 5px 10px #0009; } .v9 .hq-stage-ref .action-disc img.ui-icon{width:31px;height:31px;filter:drop-shadow(0 2px 2px #0007)} .v9 .hq-stage-ref .action-caption{font-size:11px;line-height:1.15;color:#eaece6;margin-top:2px} .v9 .hq-stage-ref .status-dot{width:auto;min-width:18px;height:18px;top:-3px;right:-2px;box-shadow:none;border-color:#f5a3a3} .v9 .hq-stage-ref .pet-feedback:empty{display:none} .v9 .hq-ref-equipment{margin:0;padding:0 12px;gap:7px;background:none;z-index:3;flex:none} .v9 .hq-ref-equipment .hq-ref-card{ min-height:clamp(99px,29.5vw,120px)!important; height:clamp(99px,29.5vw,120px)!important; border:1px solid #425c56; border-radius:8px; background:#12221f; box-shadow:inset 0 1px #ffffff18,0 4px 9px #0007; } .v9 .hq-ref-equipment .hq-ref-card img{ display:block; width:100%!important;height:100%!important; max-height:none!important; inset:0!important; margin:0; object-fit:cover;object-position:center; filter:saturate(.86) brightness(.92); } .v9 .hq-ref-equipment .hq-ref-card:before{z-index:1;background:linear-gradient(180deg,transparent 34%,#06110f25 60%,#061312f0 100%)} .v9 .hq-ref-equipment .hq-ref-card .slot-kind{ z-index:2; margin:0; padding:0 29px 11px 9px; font-family:var(--body); font-size:13px!important; color:#e5e9e3;font-weight:900;letter-spacing:.1px; } .v9 .hq-ref-equipment .hq-ref-card .slot-arrow{ z-index:2;right:7px;bottom:7px; width:21px;height:21px; background:#071414f2; border-color:#927b2b; color:#cba54a; box-shadow:0 1px 3px #000a; font-size:18px; } .v9 .hq-income.ref-income{ min-height:72px; margin:1px 11px 6px; padding:8px 12px; border:1px solid #718b49; border-radius:8px; background:linear-gradient(100deg,#163921 0%,#13331e 50%,#102b20 100%); box-shadow:inset 0 1px #bccb8b1f; } .v9 .hq-income.ref-income .caption{font-size:12px;color:#c9d2c5} .v9 .hq-income.ref-income .income-value{font-size:25px;gap:7px;color:#e8cb62;line-height:1.05;text-shadow:0 1px 2px #0008} .v9 .hq-income.ref-income .coin{width:25px;height:25px;min-width:25px;font-size:15px} .v9 .bottom-nav.bottom-nav-ref{ gap:5px; min-height:69px; padding:6px 7px calc(5px + env(safe-area-inset-bottom,0px)); background:linear-gradient(180deg,#0b1c1a,#071514); border-top:1px solid #244039; box-shadow:0 -3px 10px #0006; } .v9 .bottom-nav-ref .nav-btn.has-label{ gap:5px; padding:5px 2px 4px; min-height:55px; border:1px solid transparent; border-radius:8px; background:transparent; box-shadow:none; color:#94a2a5; } .v9 .bottom-nav-ref .nav-btn.has-label span{font-size:10px;font-weight:600;color:inherit;letter-spacing:0} .v9 .bottom-nav-ref .nav-btn.has-label>svg.nav-outline-icon{ display:block;width:26px;height:26px;max-height:26px; color:#95a4a8;fill:none;stroke:currentColor; filter:none!important;transform:none; } .v9 .bottom-nav-ref .nav-btn.has-label.active{ color:#eff3e9; border-color:#8d9d52; background:linear-gradient(180deg,#23472b,#173922); box-shadow:inset 0 1px #c5d6a733; } .v9 .bottom-nav-ref .nav-btn.has-label .nav-corgi-face{width:27px;height:27px;filter:none;box-shadow:none} .v9 .bottom-nav-ref .nav-btn.has-label:not(.active) .nav-corgi-face{filter:grayscale(1) brightness(1.15)} .v9 .bottom-nav-ref .nav-btn.has-label.active span{color:#eff3e9;font-weight:700} @media(max-width:370px){ .v9 .hq-ref-home{gap:5px} .v9 .hq-ref-profile{grid-template-columns:minmax(0,1.45fr) 1px minmax(100px,.95fr);column-gap:6px;padding:6px 7px;min-height:66px} .v9 .hq-rank-box{height:43px;width:39px} .v9 .hq-rank-box .rank-icon{height:37px;width:32px} .v9 .hq-ref-profile-main{gap:6px} .v9 .hq-ref-profile-lines strong{font-size:15px} .v9 .hq-ref-profile-lines span{font-size:9px} .v9 .hq-ref-wallet .coin{height:20px;width:20px;min-width:20px;font-size:12px} .v9 .hq-ref-wallet strong{font-size:16px} .v9 .hq-ref-income-mini{font-size:12px} .v9 .hq-ref-equipment{padding:0 9px;gap:5px} .v9 .hq-ref-equipment .hq-ref-card .slot-kind{font-size:11px!important;padding-left:7px} .v9 .hq-stage-ref .stage-action{width:68px} .v9 .hq-stage-ref .stage-action.tasks{left:6px!important} .v9 .hq-stage-ref .stage-action.daily{right:6px!important} .v9 .hq-stage-ref .action-disc{height:52px;width:52px} .v9 .hq-stage-ref .action-caption{font-size:10px} .v9 .bottom-nav-ref .nav-btn.has-label span{font-size:9px} .v9 .bottom-nav-ref .nav-btn.has-label>svg.nav-outline-icon{width:23px;height:23px} } @media(max-height:710px){ .v9 .hq-ref-home{gap:4px} .v9 .hq-ref-topbar{min-height:38px;margin-top:1px} .v9 .hq-ref-profile{min-height:56px;padding-top:5px;padding-bottom:5px} .v9 .hq-rank-box{height:38px;width:39px} .v9 .hq-rank-box .rank-icon{height:35px} .v9 .hq-stage.hq-stage-ref{min-height:178px} .v9 .hq-stage-ref .stage-action{bottom:8px!important} .v9 .hq-stage-ref .action-disc{width:51px;height:51px} .v9 .hq-ref-equipment .hq-ref-card{min-height:85px!important;height:85px!important} .v9 .hq-income.ref-income{min-height:56px;margin-bottom:3px} .v9 .hq-income.ref-income .income-value{font-size:21px} .v9 .bottom-nav.bottom-nav-ref{min-height:61px;padding-top:4px;padding-bottom:calc(3px + env(safe-area-inset-bottom,0px))} .v9 .bottom-nav-ref .nav-btn.has-label{min-height:51px;gap:3px} } @media(prefers-reduced-motion:reduce){ .v9 .hq-stage.hq-stage-ref .hero-corgi{animation:none!important} } @media(min-width:410px){ .v9 .hq-stage.hq-stage-ref .corgi-pet.hq-ref-corgi{width:min(80%,348px)} } .v9 .hq-ref-settings svg.nav-outline-icon{width:19px;height:19px;color:#a3aeac;filter:none;stroke-width:2} .v9[data-game='Crash']{ --c-bg:#071716; --c-panel:#0e2423; --c-panel-soft:#102c2a; --c-border:#32544d; --c-muted:#96adaa; --c-cream:#ecf3e9; --c-amber:#d5aa53; --c-gold:#f1d286; --c-good:#9ce0a2; --c-red:#f58373; } .v9[data-game='Crash'] .screen{background:linear-gradient(180deg,#071a1a,#061615 42%,#071716);padding:0 11px 13px} .v9[data-game='Crash'] .crash-premium-shell{display:flex;flex-direction:column;gap:0;color:var(--c-cream);min-width:0} .v9[data-game='Crash'] .crash-premium-header{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:8px;height:48px;padding:5px 1px 4px;border-bottom:1px solid #23443d} .v9[data-game='Crash'] .crash-premium-header h1{font-family:var(--body),sans-serif;font-weight:900;font-size:20px;letter-spacing:2px;text-align:center;margin:0;color:#f2f6ef;text-shadow:none} .v9[data-game='Crash'] .crash-nav-back,.v9[data-game='Crash'] .crash-nav-avatar{width:35px;height:35px;min-width:35px;border:1px solid #36584f;border-radius:10px;background:#0e2623;color:#d8e8e2;display:flex;justify-content:center;align-items:center;box-shadow:inset 0 1px #ffffff12;padding:5px} .v9[data-game='Crash'] .crash-nav-back svg{width:22px;height:22px;stroke:#e8f1e9;stroke-width:2;fill:none} .v9[data-game='Crash'] .crash-nav-avatar img{width:100%;height:100%;object-fit:cover;border-radius:6px} .v9[data-game='Crash'] .crash-player-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 3px 9px;min-height:57px} .v9[data-game='Crash'] .crash-player-identity{display:flex;flex-direction:column;gap:2px;min-width:0} .v9[data-game='Crash'] .crash-player-identity .crash-player-label{font-size:9px;letter-spacing:.9px;color:#8ba7a1;font-weight:750} .v9[data-game='Crash'] .crash-player-identity strong{color:#e7eee9;font-size:15px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .v9[data-game='Crash'] .crash-header-wallet{display:flex;align-items:center;justify-content:flex-end;flex:none} .v9[data-game='Crash'] .crash-header-wallet .wallet-trigger{padding:7px 10px;border:1px solid #38564a;border-radius:11px;background:#0e2723;box-shadow:inset 0 1px #ffffff0b;display:flex;align-items:center;justify-content:center;gap:7px} .v9[data-game='Crash'] .crash-header-wallet .wallet-trigger strong{font-size:18px;color:#e9e9e0;letter-spacing:.2px;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums} .v9[data-game='Crash'] .crash-header-wallet .wallet-trigger .coin{width:21px;height:21px;font-size:11px;margin:0;flex:none} .v9[data-game='Crash'] .crash-header-wallet .room-wallet{padding:3px 10px 4px;border:1px solid #365850;border-radius:10px;background:#102923;min-height:43px} .v9[data-game='Crash'] .crash-header-wallet .room-wallet>span{color:#93a9a0;font-size:9px} .v9[data-game='Crash'] .crash-header-wallet .room-wallet>div{color:#edeae0;gap:6px;font-size:17px} .v9[data-game='Crash'] .crash-room-head{display:flex;gap:7px;align-items:center;margin:0 0 8px;min-height:35px} .v9[data-game='Crash'] .crash-room-head .room-switch{flex:1;display:flex;gap:3px;margin:0;padding:3px;border:1px solid #33514a;background:#0d2423;border-radius:11px;box-shadow:none;min-height:35px} .v9[data-game='Crash'] .crash-room-head .room-switch button{flex:1;min-width:0;min-height:28px;padding:3px 8px;border:1px solid transparent;border-radius:8px;background:transparent;box-shadow:none;font-size:11px;font-weight:800;letter-spacing:0;color:#8faea3} .v9[data-game='Crash'] .crash-room-head .room-switch button.active{background:#24473c;color:#f2f5e9;border-color:#557767;box-shadow:inset 0 1px #ffffff10} .v9[data-game='Crash'] .crash-room-head .room-switch button[hidden]{display:none!important} .v9[data-game='Crash'] .crash-room-head .room-switch .live-dot{height:7px;width:7px;margin-right:5px;box-shadow:none;background:#829389;border-radius:50%} .v9[data-game='Crash'] .crash-room-head .room-switch .live-dot.connected{background:#74d5a4;box-shadow:0 0 5px #56c69648} .v9[data-game='Crash'] .crash-room-head .crash-rules-button{display:flex;align-items:center;justify-content:center;width:35px;min-width:35px;height:35px;border-radius:10px;background:#102823;border:1px solid #3b5a4f;font-size:15px;font-weight:800;color:#bbcfc7} .v9[data-game='Crash'] .crash-stage{height:clamp(230px,31dvh,282px);min-height:230px;margin:0;border-radius:16px;border:1px solid #496e62;background:#0b2328;box-shadow:0 6px 18px #0006,inset 0 0 0 1px #d8f4de0b;position:relative;overflow:hidden;isolation:isolate} .v9[data-game='Crash'] .crash-stage canvas{z-index:0;position:absolute;inset:0;width:100%;height:100%} .v9[data-game='Crash'] .crash-stage-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#051818b8 0%,#061a2030 26%,transparent 45%,#05121520 62%,#040f17bc 100%),linear-gradient(90deg,#071a1a28,transparent 60%,#08181b38)} .v9[data-game='Crash'] .crash-stage-top{top:12px;left:12px;right:12px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;z-index:3;pointer-events:none} .v9[data-game='Crash'] .crash-stage-top>div{background:none;border:0;padding:0;box-shadow:none;backdrop-filter:none;color:inherit} .v9[data-game='Crash'] .crash-round-info{display:flex;flex-direction:column;gap:3px;min-width:76px;color:#c2d4cf} .v9[data-game='Crash'] .crash-round-info span{font-size:9px;color:#91aca5;font-weight:700;letter-spacing:1px} .v9[data-game='Crash'] .crash-round-info strong{font-size:13px;color:#eaf0e6;letter-spacing:.35px;font-weight:900;white-space:nowrap} .v9[data-game='Crash'] .crash-stage-topright{display:flex;align-items:flex-end;flex-direction:column;gap:7px;max-width:50%} .v9[data-game='Crash'] .crash-on-air{display:flex;align-items:center;gap:6px;color:#d1e6dc;font-size:10px;letter-spacing:0;font-weight:800;white-space:nowrap} .v9[data-game='Crash'] .crash-live-dot{width:7px;height:7px;border-radius:50%;background:#8ba29c;box-shadow:none} .v9[data-game='Crash'] .crash-on-air.is-online .crash-live-dot{background:#73cf97;box-shadow:0 0 5px #73cf9780} .v9[data-game='Crash'] .crash-stage .bank-bar{position:static;display:flex;flex-direction:column;gap:3px;align-items:flex-end;max-width:100%;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none} .v9[data-game='Crash'] .crash-stage .bank-bar small{font-size:9px;color:#a0b7af;font-weight:800;letter-spacing:.7px} .v9[data-game='Crash'] .crash-stage .bank-bar strong{display:flex;align-items:center;gap:5px;margin:0;font-size:14px;line-height:1.15;color:#f1dcaa;font-weight:900;font-variant-numeric:tabular-nums} .v9[data-game='Crash'] .crash-stage .bank-bar strong .coin{width:16px;height:16px;font-size:9px} .v9[data-game='Crash'] .crash-mult-wrap{z-index:3;top:auto!important;left:auto;right:13px;bottom:53px;width:auto;max-width:70%;padding:0;margin:0;display:flex;flex-direction:column;align-items:flex-end;text-align:right;background:none;filter:none;text-shadow:none;pointer-events:none} .v9[data-game='Crash'] .crash-mult-label{display:block;font-size:9px;line-height:1;letter-spacing:1.2px;color:#c9dad2;font-weight:850;margin-bottom:4px;padding:0} .v9[data-game='Crash'] .crash-mult-wrap #crash-coefficient{display:block;font-family:var(--body),sans-serif;font-size:clamp(49px,14.4vw,69px);font-weight:950;letter-spacing:-2.9px;line-height:1.03;color:#dfe9df!important;white-space:nowrap;text-shadow:0 2px 7px #020b10,0 2px 17px #000c;filter:none;transform:none;transition:color .23s ease} .v9[data-game='Crash'] .crash-stage[data-phase='running'] #crash-coefficient{color:#f4d084!important;text-shadow:0 2px 8px #020d0a,0 0 15px #f7ab4034} .v9[data-game='Crash'] .crash-stage[data-phase='ended'] #crash-coefficient,.v9[data-game='Crash'] .crash-stage[data-outcome='lost'] #crash-coefficient{color:#ff9485!important;text-shadow:0 2px 9px #1e0909} .v9[data-game='Crash'] .crash-stage[data-outcome='cashed'] #crash-coefficient{color:#b3ecaa!important;text-shadow:0 2px 8px #030c09,0 0 13px #4aaf5848} .v9[data-game='Crash'] .crash-stage[data-phase='ended']{border-color:#9b5c53} .v9[data-game='Crash'] .crash-stage[data-outcome='cashed']{border-color:#4a9668} .v9[data-game='Crash'] .crash-stage-bottom{left:13px;right:13px;bottom:11px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;z-index:3;color:#d3ded6;font-size:11px;line-height:1.28;letter-spacing:0} .v9[data-game='Crash'] .crash-stage-phase{display:flex;align-items:center;gap:7px;min-width:0;flex:1;font-weight:800;font-size:11px;color:#e6ede6} .v9[data-game='Crash'] .crash-phase-dot{height:7px;width:7px;flex:none;border-radius:50%;background:#a0b1a8;box-shadow:none} .v9[data-game='Crash'] [data-phase='running'] .crash-phase-dot{background:#f1c375;box-shadow:0 0 6px #ffba4b6b} .v9[data-game='Crash'] [data-phase='ended'] .crash-phase-dot{background:#f18571} .v9[data-game='Crash'] [data-outcome='cashed'] .crash-phase-dot{background:#97d4a3} .v9[data-game='Crash'] #crash-status{font-size:11px;font-weight:800;line-height:1.2;letter-spacing:0;color:#e6ede6;text-shadow:0 1px 4px #0009;padding:0;margin:0;border:0;background:none;box-shadow:none;backdrop-filter:none;min-width:0} .v9[data-game='Crash'] #crash-hint{font-size:9px;color:#9fb0ae;line-height:1.25;text-align:right;white-space:nowrap} .v9[data-game='Crash'] .crash-history-head{margin:11px 2px 5px;display:flex;align-items:center;justify-content:space-between;gap:6px;color:#a0b9af;font-size:9px;font-weight:850;letter-spacing:.75px;line-height:1.1} .v9[data-game='Crash'] .crash-history-head span:last-child{color:#718e87;font-size:9px;letter-spacing:.55px} .v9[data-game='Crash'] .crash-history{display:flex;align-items:center;gap:6px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;min-height:31px;margin:0 0 10px} .v9[data-game='Crash'] .crash-history::-webkit-scrollbar{display:none} .v9[data-game='Crash'] .history-chip{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;line-height:1.15;min-height:27px;font-size:11px;font-weight:900;border-radius:999px;border:1px solid #4a5d52;background:#142923;box-shadow:none;white-space:nowrap} .v9[data-game='Crash'] .history-chip.coef-red{color:#f7a194!important;background:#3b201f;border-color:#74504b} .v9[data-game='Crash'] .history-chip.coef-amber{color:#eed39b!important;background:#3a301f;border-color:#73603f} .v9[data-game='Crash'] .history-chip.coef-green,.v9[data-game='Crash'] .history-chip.coef-purple,.v9[data-game='Crash'] .history-chip.coef-gold{color:#addbb5!important;background:#1b392b;border-color:#476d51} .v9[data-game='Crash'] .history-chip:first-child{border-width:1.4px;box-shadow:inset 0 0 0 1px #ffffff18} .v9[data-game='Crash'] .history-empty{padding:4px 0;font-size:10px;color:#889e99} .v9[data-game='Crash'] .crash-bet-module{border:1px solid #365a4d;border-radius:16px;background:linear-gradient(165deg,#112c28,#0a201e 85%);padding:11px 12px 12px;box-shadow:inset 0 1px #ffffff11,0 3px 12px #0005;display:flex;flex-direction:column;gap:0} .v9[data-game='Crash'] .crash-stake-control{margin:0;padding:0;gap:7px;background:transparent;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column} .v9[data-game='Crash'] .crash-stake-control .stake-label{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0} .v9[data-game='Crash'] .crash-stake-control .stake-label label{font-size:13px;font-weight:850;color:#e8efe9} .v9[data-game='Crash'] .crash-stake-control .stake-label small{font-size:10px;color:#89aa9f} .v9[data-game='Crash'] .crash-stake-control .stake-adjust{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;gap:7px;align-items:stretch;margin:0} .v9[data-game='Crash'] .crash-stake-control .stake-adjust button{min-height:43px;border-radius:9px;border:1px solid #3f6558;background:#193b32;color:#d9e9dc;font-size:25px;font-weight:750;box-shadow:none;padding:0} .v9[data-game='Crash'] .crash-stake-control .stake-adjust input{min-height:43px;height:43px;border:1px solid #4a695f;border-radius:9px;background:#061a19;box-shadow:inset 0 1px 4px #0006;color:#f5efd9;font-size:22px;font-weight:900;letter-spacing:.4px;text-align:center;appearance:textfield;-moz-appearance:textfield;padding:5px 0;width:100%} .v9[data-game='Crash'] .crash-stake-control .stake-adjust input::-webkit-inner-spin-button,.v9[data-game='Crash'] .crash-stake-control .stake-adjust input::-webkit-outer-spin-button{display:none;appearance:none} .v9[data-game='Crash'] .crash-stake-control .stake-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:1px} .v9[data-game='Crash'] .crash-stake-control .stake-presets button{height:30px;min-height:30px;font-size:11px;font-weight:850;padding:2px 0;background:#1a3830;border:1px solid #335749;color:#c5dacd;border-radius:8px;box-shadow:none} .v9[data-game='Crash'] .crash-stake-control .stake-presets button:active{background:#2e5241} .v9[data-game='Crash'] .crash-stake-control .stake-note{display:block;font-size:10px;color:#879e94;margin-top:1px} .v9[data-game='Crash'] .crash-bet-module .auto-v7{margin:10px 0 0;display:grid;grid-template-columns:minmax(0,1fr) 97px;gap:2px 9px;align-items:center;background:transparent;border:0;border-top:1px solid #355247;border-radius:0;padding:9px 0 0;min-height:0;box-shadow:none} .v9[data-game='Crash'] .crash-bet-module .auto-toggle{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800;color:#d7e8de;white-space:nowrap} .v9[data-game='Crash'] .crash-bet-module .auto-toggle input{appearance:none;position:relative;flex:none;width:32px;height:19px;margin:0;border:1px solid #587162;border-radius:20px;background:#29443b;cursor:pointer;outline-offset:3px} .v9[data-game='Crash'] .crash-bet-module .auto-toggle input:after{content:'';position:absolute;width:13px;height:13px;top:2px;left:2px;border-radius:50%;background:#c6d2c8;transition:transform .16s ease} .v9[data-game='Crash'] .crash-bet-module .auto-toggle input:checked{background:#557d4e;border-color:#8cac6c} .v9[data-game='Crash'] .crash-bet-module .auto-toggle input:checked:after{transform:translateX(13px);background:#f0f4cd} .v9[data-game='Crash'] .crash-bet-module .auto-toggle input:disabled{opacity:.5;cursor:not-allowed} .v9[data-game='Crash'] .crash-bet-module .auto-number{min-height:35px;background:#071b19;border:1px solid #426253;border-radius:8px;display:flex;align-items:center;overflow:hidden} .v9[data-game='Crash'] .crash-bet-module .auto-number span{padding-left:9px;font-size:15px;color:#b4cbbb} .v9[data-game='Crash'] .crash-bet-module .auto-number input{min-height:33px;width:100%;height:33px;padding:3px 4px;background:none;border:0;font-size:15px;font-weight:900;text-align:center;color:#eaf0e7} .v9[data-game='Crash'] .crash-bet-module .auto-v7 small{grid-column:2;font-size:9px;color:#8aa79b;justify-self:center;text-align:center} .v9[data-game='Crash'] .crash-actions{display:grid;grid-template-columns:minmax(0,1fr);margin:10px 0 0;gap:0;min-height:48px} .v9[data-game='Crash'] .crash-actions button{grid-area:1/1;width:100%;height:49px;min-height:49px;border:1px solid #c1a362;border-radius:10px;background:linear-gradient(180deg,#b18d49,#80632d);font-family:var(--body),sans-serif;color:#10221c;font-size:17px;font-weight:950;letter-spacing:.7px;box-shadow:inset 0 1px #fdf2b05e,0 4px 10px #0006;text-shadow:none} .v9[data-game='Crash'] .crash-actions button.crash-cashout-btn{border-color:#9aca95;background:linear-gradient(180deg,#85b979,#4e825f);color:#061c14;box-shadow:inset 0 1px #ddffd9a6,0 5px 12px #0006} .v9[data-game='Crash'] .crash-actions button[hidden]{display:none!important} .v9[data-game='Crash'] .crash-actions button:disabled{opacity:.46;cursor:not-allowed;box-shadow:none} .v9[data-game='Crash'] .crash-actions button:not(:disabled):active{transform:translateY(1px)} .v9[data-game='Crash'] .crash-live-panel{display:block;margin:11px 0 0;padding:8px 11px;border:1px solid #304a44;border-radius:11px;background:#0c211e8a;box-shadow:none;min-height:0} .v9[data-game='Crash'] .crash-list-head{display:flex;align-items:center;justify-content:space-between;gap:8px} .v9[data-game='Crash'] .crash-list-head h3{margin:0;font-size:10px;font-weight:900;color:#baccc3;letter-spacing:.65px} .v9[data-game='Crash'] .crash-participant-total{font-size:10px;color:#91ab9e;display:flex;gap:5px;align-items:center} .v9[data-game='Crash'] .crash-participant-total i{width:6px;height:6px;border-radius:50%;background:#75b996} .v9[data-game='Crash'] #crash-players{max-height:72px;overflow-y:auto;scrollbar-width:thin} .v9[data-game='Crash'] .crash-player{border-bottom:1px solid #2c443b;padding:6px 3px;font-size:11px} .v9[data-game='Crash'] .players-empty{padding:6px 1px 1px;text-align:left;font-size:10px;line-height:1.35;color:#899f99} .v9[data-game='Crash'] .room-note{margin:6px 2px 5px;border:0;padding:0;font-size:9px;line-height:1.4;color:#718b81} .v9[data-game='Crash'] .crash-result-summary{border:0;background:transparent;padding:5px 4px;margin:0;color:#b2c7b9;font-size:11px} .v9[data-game='Crash'] .crash-result-summary:empty{display:none} .v9[data-game='Crash'] .crash-legal{text-align:center;margin:6px 0 4px;color:#7e9a8e;font-size:9px;line-height:1.45} .v9[data-game='Crash'] .crash-legal button{display:inline;border:0;padding:0;background:none;color:#b7ccb7;font-size:inherit;text-decoration:underline;text-underline-offset:2px} .v9[data-game='Crash'] .bottom-nav .nav-btn.active{box-shadow:inset 0 1px #d9e2d20e} @media(max-width:360px){ .v9[data-game='Crash'] .screen{padding:0 8px 12px} .v9[data-game='Crash'] .crash-stage{height:clamp(204px,31dvh,243px);min-height:204px} .v9[data-game='Crash'] .crash-player-strip{min-height:52px} .v9[data-game='Crash'] .crash-mult-wrap #crash-coefficient{font-size:46px} .v9[data-game='Crash'] .crash-stage-bottom{left:9px;right:9px;bottom:9px} .v9[data-game='Crash'] .crash-stage-top{left:9px;right:9px} .v9[data-game='Crash'] .crash-bet-module{padding:9px 9px 10px} .v9[data-game='Crash'] .crash-stake-control .stake-adjust{grid-template-columns:40px minmax(0,1fr) 40px;gap:5px} .v9[data-game='Crash'] .crash-stake-control .stake-adjust button{min-height:40px} .v9[data-game='Crash'] .crash-stake-control .stake-adjust input{min-height:40px;height:40px} .v9[data-game='Crash'] .crash-stake-control .stake-presets{gap:5px} .v9[data-game='Crash'] .crash-header-wallet .wallet-trigger strong{font-size:15px} } @media(max-height:710px){ .v9[data-game='Crash'] .crash-stage{height:clamp(204px,32dvh,240px);min-height:204px} .v9[data-game='Crash'] .crash-history-head{margin-top:8px} .v9[data-game='Crash'] .crash-bet-module{padding-top:9px;padding-bottom:10px} } @media(prefers-reduced-motion:reduce){ .v9[data-game='Crash'] .crash-mult-wrap #crash-coefficient,.v9[data-game='Crash'] .crash-bet-module .auto-toggle input:after{transition:none} } .v9 .hq-ref-home{gap:7px;background:#071918} .v9 .hq-unified-header{ position:relative;z-index:5;flex:none; display:flex;flex-direction:column; margin:0 3px 1px; padding:0; border:none; border-radius:0 0 11px 11px; background:linear-gradient(180deg,#0a201e 0%,#0c211e 55%,#0a1e1b 100%); box-shadow:none; } .v9 .hq-unified-header .hq-ref-topbar{ display:grid;grid-template-columns:30px minmax(0,1fr) 30px; gap:7px;align-items:center; margin:0;padding:5px 10px 1px; min-height:35px;height:auto; background:transparent; border:0; border-radius:0; box-shadow:none; } .v9 .hq-unified-header .hq-ref-topbar h1{ margin:0;font-size:16px;line-height:1.1; color:#e9eeea; } .v9 .hq-unified-header .hq-ref-appicon, .v9 .hq-unified-header .hq-ref-settings{ width:30px;height:30px;min-width:30px;min-height:30px; padding:3px;border:0;border-radius:7px; background:transparent;box-shadow:none; } .v9 .hq-unified-header .hq-ref-appicon img{width:25px;height:25px} .v9 .hq-unified-header .hq-ref-profile{ display:grid;grid-template-columns:minmax(0,1fr) auto; gap:7px;align-items:center; margin:0;padding:4px 10px 9px; min-height:57px; border:0;border-radius:0; background:transparent; box-shadow:none; } .v9 .hq-unified-header .hq-ref-profile-main{ grid-row:auto;grid-column:1; min-width:0;gap:7px; border:0;background:transparent; } .v9 .hq-unified-header .hq-rank-box{ width:40px;height:44px;flex:none; border:0;border-radius:0; background:transparent; box-shadow:none; } .v9 .hq-unified-header .hq-rank-box .rank-icon{width:34px;height:41px} .v9 .hq-unified-header .hq-ref-profile-lines strong{font-size:16px} .v9 .hq-unified-header .hq-ref-profile-lines span{font-size:10px} .v9 .hq-unified-balance{ grid-row:auto;grid-column:2; display:flex;flex-direction:column;align-items:flex-end; justify-content:center;gap:4px; min-width:96px; } .v9 .hq-unified-header .hq-ref-wallet{ display:block;min-width:0; border:0;border-radius:0; padding:0;background:transparent; box-shadow:none; } .v9 .hq-unified-header .hq-ref-wallet-line{gap:5px} .v9 .hq-unified-header .hq-ref-wallet .coin{height:23px;width:23px;min-width:23px} .v9 .hq-unified-header .hq-ref-wallet strong{ color:#edf1eb;font-size:20px;letter-spacing:-.5px; } .v9 .hq-unified-header .hq-ref-income-mini{ border:0;background:transparent; font-size:13px;color:#dcd46b; text-align:right; } .v9 .hq-ref-home .hq-stage.hq-stage-ref{ border:0;border-radius:0; margin:0 3px; box-shadow:none; } .v9 .hq-ref-home .hq-stage-ref .action-disc{ border:0;box-shadow:0 4px 12px #0008; background:radial-gradient(circle at 35% 15%,#214237,#102825 70%); } .v9 .hq-ref-home .hq-ref-equipment{margin:0;padding:0 9px;gap:7px} .v9 .hq-ref-home .hq-ref-equipment .hq-ref-card{ border:0;border-radius:9px; background:#132620; box-shadow:0 3px 10px #0006; } .v9 .hq-ref-home .hq-ref-equipment .hq-ref-card .slot-arrow{ border:0;box-shadow:none; color:#dbc66e;background:#0b1a17eb; } .v9:has(.hq-ref-home){border:0;box-shadow:0 20px 90px #0008} .v9:has(.hq-ref-home)::after{display:none} .v9:has(.hq-ref-home) .bottom-nav.bottom-nav-ref{ border-top:0;background:#071715;box-shadow:none; } .v9:has(.hq-ref-home) .bottom-nav-ref .nav-btn.has-label{ border:0;box-shadow:none; } .v9:has(.hq-ref-home) .bottom-nav-ref .nav-btn.has-label.active{ border:0; background:linear-gradient(180deg,#1d382b,#143026); box-shadow:none; } @media(max-width:370px){ .v9 .hq-unified-header .hq-ref-profile{gap:4px;padding:4px 7px 8px} .v9 .hq-unified-header .hq-ref-profile-main{gap:4px} .v9 .hq-unified-header .hq-rank-box{width:35px;height:40px} .v9 .hq-unified-header .hq-rank-box .rank-icon{width:30px;height:37px} .v9 .hq-unified-header .hq-ref-profile-lines strong{font-size:14px} .v9 .hq-unified-header .hq-ref-profile-lines span{font-size:9px} .v9 .hq-unified-header .hq-ref-wallet .coin{width:20px;height:20px;min-width:20px} .v9 .hq-unified-header .hq-ref-wallet strong{font-size:17px} .v9 .hq-unified-header .hq-ref-income-mini{font-size:12px} .v9 .hq-unified-balance{min-width:94px} } @media(max-height:710px){ .v9 .hq-unified-header .hq-ref-topbar{min-height:33px;padding-top:3px} .v9 .hq-unified-header .hq-ref-profile{min-height:50px;padding-top:3px;padding-bottom:5px} .v9 .hq-unified-header .hq-rank-box{height:38px} } .v9[data-game='Crash'] .crash-stage[data-phase='ended'] .crash-stage-shade{ opacity:.34; transition:opacity .12s ease-out; } .v9[data-game='Crash'] .crash-stage[data-phase='running'] .crash-stage-shade{ opacity:.85; } .v9[data-game='Crash'] .crash-stage canvas{ display:block; filter:none!important; opacity:1!important; } @media(prefers-reduced-motion:reduce){ .v9[data-game='Crash'] .crash-stage-shade{transition:none!important} } .fm-screen{margin:0 -6px;color:#edf8ed;--fm-gold:#ffe089;--fm-teal:#7fe9d7;--fm-panel:#0b252d;--fm-line:#4a8286;font-family:var(--body)} .fm-header{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:5px;height:43px;background:linear-gradient(120deg,#193839,#081b24 50%,#173336);border-bottom:1px solid #83a9a05c;margin:0 -3px;box-shadow:0 4px 12px #0004} .fm-header h1{margin:0;display:flex;justify-content:center;align-items:center;min-width:0}.fm-header .v9-title-art{height:22px;max-width:200px} .fm-header .icon-button{min-height:29px!important;min-width:29px!important;padding:5px!important;margin:1px 3px} .fm-statusbar{height:39px;display:flex;align-items:center;gap:7px;padding:4px 0} .fm-model{margin-right:auto;background:none;border:0;padding:3px;display:flex;align-items:center;gap:5px;font-weight:700;color:#c3d9d0;font-size:11px;max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .fm-green-dot{width:6px;height:6px;background:#a2f799;box-shadow:0 0 6px #7cec8877;border-radius:50%;display:inline-block;flex-shrink:0} .fm-sound{width:29px;height:28px;padding:4px;background:linear-gradient(#1d393c,#10262e);border:1px solid #426a70;border-radius:7px;color:#c2dace}.fm-sound svg{width:20px;height:20px} .fm-statusbar .wallet-trigger{padding:3px 7px!important;min-height:28px!important}.fm-statusbar .wallet-trigger strong{font-size:16px!important} .fm-layout{display:grid;grid-template-columns:1fr;gap:0} .fm-scene{height:clamp(176px,calc(100dvh - 435px),440px);position:relative;overflow:hidden;border:1px solid #8cbbb1;border-radius:14px 14px 4px 4px;background:#418daf;box-shadow:inset 0 0 0 3px #0b3d5344,0 8px 20px #0003;isolation:isolate} .fm-scene:after{content:'';position:absolute;inset:3px;border:1px solid #dcffe52e;border-radius:10px;pointer-events:none;box-shadow:inset 0 -20px 18px #0d3b5a33} .fm-scene canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none} .fm-sky-top{position:absolute;top:11px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.4px;font-weight:800;color:#d8eee9;text-shadow:0 1px #254e6899} .fm-mission{display:flex;align-items:center;gap:7px}.fm-mission i{display:inline-block;width:21px;border-top:1px solid #bceadc8a} [data-connection11]{font-size:8px;letter-spacing:1px;border:1px solid #c6fadb50;background:#23495970;padding:3px 6px;border-radius:20px} [data-connection11][data-ok="1"]{color:#c7ffc1;border-color:#a6edaa88} .fm-factor-hud{position:absolute;right:12px;top:43px;padding:7px 10px 6px;background:linear-gradient(125deg,#123d51d9,#133946a6);border:1px solid #b7e6bf69;border-radius:10px;box-shadow:0 5px 10px #0c3a5233;min-width:87px;text-align:center} .fm-factor-hud small{font-size:8px;text-transform:uppercase;letter-spacing:.8px;color:#c0ddce;display:block;margin-bottom:-2px} .fm-number{display:inline-flex;align-items:center;vertical-align:middle;white-space:nowrap;filter:drop-shadow(0 2px 0 #0b202c)}.fm-number i{background-repeat:no-repeat;display:block}.fm-number-space{width:6px} .fm-factor-hud .fm-number{filter:drop-shadow(0 2px 0 #193f48) drop-shadow(0 0 4px #c6fcac44)} .fm-scene-caption{position:absolute;bottom:43px;left:12px;right:12px;text-align:center;color:#e2f6e5;text-shadow:0 2px 5px #052b42;font-size:10px;letter-spacing:.35px;font-weight:700;pointer-events:none} .fm-sea-route{position:absolute;bottom:13px;left:15px;right:15px;display:flex;gap:9px;align-items:center;font-size:8px;letter-spacing:1.4px;color:#b8d9d1;text-shadow:0 1px 2px #103648} .fm-sea-route>i{flex:1;height:3px;border-radius:3px;background:#09273d9c;overflow:hidden;box-shadow:0 1px #76ada533}.fm-sea-route b{height:100%;display:block;background:linear-gradient(90deg,#5fb4c3,#d6f7b1);box-shadow:0 0 6px #e6ffc8;transition:width .08s linear} .fm-telemetry{display:grid;grid-template-columns:1fr 1fr 1.38fr;background:linear-gradient(#18373b,#0c252d);border:1px solid #497b7f;border-top:0;border-radius:0 0 10px 10px;padding:9px 5px;box-shadow:inset 0 1px #bdfff51a} .fm-telemetry>div{display:flex;flex-direction:column;align-items:center;gap:3px;border-right:1px solid #72aaa530;min-width:0}.fm-telemetry>div:last-child{border:0} .fm-telemetry small{font-size:9px;color:#9ec8c5;letter-spacing:.1px}.fm-telemetry b{font-size:17px;font-variant-numeric:tabular-nums;line-height:1.05;color:#e4f9e8}.fm-telemetry em{font-size:10px;font-weight:400;font-style:normal}.fm-estimate b{color:var(--fm-gold)} .fm-bottom-controls{min-width:0;padding-top:8px} .fm-speedbar{display:flex;align-items:center;gap:7px;margin-bottom:8px}.fm-speedbar>span{font-size:10px;color:#9bbab5;margin-right:auto}.fm-speedbar>div{display:flex;gap:5px;flex:1;max-width:286px} .fm-speedbar button{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:33px;background:linear-gradient(#1b353b,#102a30);border:1px solid #466b71;border-radius:7px;padding:3px 4px;color:#a9c3c1;box-shadow:inset 0 1px #c1dbbe1f} .fm-speedbar button svg{width:20px;height:20px}.fm-speedbar small{font-size:9px;font-weight:800}.fm-speedbar button[aria-pressed="true"]{border-color:#c1ea8b;background:linear-gradient(#3a5e43,#1b3b35);color:#efffc8;box-shadow:inset 0 0 0 1px #dcffa42b,0 0 8px #9cea6940} .fm-launch-panel{display:grid;grid-template-columns:1fr 79px;gap:10px;align-items:center;background:linear-gradient(105deg,#143439,#091f29);border:1px solid #507d7e;border-radius:12px;padding:8px 9px;box-shadow:inset 0 1px #b7ddd23a,0 3px 10px #0005} .fm-stake{min-width:0}.fm-stake label{display:block;font-size:10px;margin:0 0 5px 2px;color:#bdd4c9}.fm-stake-input{display:grid;grid-template-columns:30px 1fr 30px;gap:5px;align-items:center} .fm-stake-input button{height:31px;border:1px solid #5f8584;background:linear-gradient(#2e4c4b,#173138);border-radius:6px;color:#eefcdc;font-size:22px;line-height:1;box-shadow:inset 0 1px #bbefca3d} .fm-stake-input input{appearance:textfield;-moz-appearance:textfield;border:1px solid #436b71;border-radius:6px;width:100%;height:32px;min-width:0;background:#071d25;color:#fff4cb;text-align:center;font:900 19px var(--display);letter-spacing:.1px;padding:2px 3px;box-shadow:inset 0 2px 6px #0008;font-variant-numeric:tabular-nums} .fm-stake-input input::-webkit-inner-spin-button,.fm-stake-input input::-webkit-outer-spin-button{appearance:none;margin:0} .fm-presets{display:flex;gap:5px;margin-top:5px}.fm-presets button{flex:1;min-width:0;background:#1b343a;border:1px solid #4e797b;border-radius:5px;color:#d9e8d4;font:700 11px var(--body);height:24px;padding:1px;box-shadow:inset 0 1px #b7daca24} .fm-launch{display:flex;align-items:center;flex-direction:column;gap:5px;justify-content:center}.fm-launch>button{height:65px;width:65px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff6c8;background:radial-gradient(circle at 34% 24%,#b6e988 0,#64b15e 28%,#227547 58%,#123e37 100%);border:2px solid #e1f3a6;box-shadow:inset 0 0 0 4px #4f835058,inset 0 2px 2px #fff7cb94,inset 0 -6px 5px #16373599,0 0 0 3px #0b2128,0 0 0 4px #618b7c,0 5px 14px #05131d80,0 0 24px #9cdd5838;transition:transform .13s,filter .15s;padding:14px} .fm-launch>button:not(:disabled):hover{filter:brightness(1.14)}.fm-launch>button:not(:disabled):active{transform:scale(.95)}.fm-launch>button:disabled{opacity:.57!important;filter:saturate(.55)}.fm-launch svg{width:34px;height:34px;filter:drop-shadow(0 2px #21583d)}.fm-launch>span{font-size:9px;letter-spacing:1px;color:#cfe3c6;font-weight:900} .fm-bottomline{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 2px 4px;font-size:8px;letter-spacing:.25px;color:#80a9a6}.fm-bottomline button{display:flex;gap:5px;align-items:center;background:none;color:#d1ddc4;font-size:10px;border:0;padding:2px}.fm-bottomline svg{width:13px;height:15px} .fm-footnote{display:flex;align-items:center;justify-content:space-between;color:#80a39f;font-size:8px;gap:4px;margin:5px 1px 0;line-height:1.4}.fm-footnote button{border:0;border-bottom:1px dotted #93b6ac;background:none;color:#b9d5c6;padding:0;font-size:9px} .fm-auto{display:flex;justify-content:space-between;align-items:center;margin:7px 0;padding:7px 10px;border:1px solid #b9df8b;border-radius:8px;font-size:11px;color:#d4edaa}.fm-auto button{color:#fff4d0;background:#703f37;border:1px solid #af7260;border-radius:5px;padding:4px 7px} .fm-offline{position:absolute;z-index:8;inset:auto 15px 48px;background:#0a2430ef;border:1px solid #aac0a188;padding:12px;border-radius:12px;text-align:center;box-shadow:0 10px 40px #072a52aa}.fm-offline strong{font-size:12px;letter-spacing:2px;color:#e8d396}.fm-offline p{font-size:11px;line-height:1.5;margin:6px 0;color:#bbd3d1} .fm-result{border:1px solid #9dbd80;background:radial-gradient(ellipse at 65% 0,#41604566,transparent 65%),linear-gradient(#12363c,#09232b);border-radius:12px;margin-top:8px;padding:10px;box-shadow:0 0 18px #b2e67a18,inset 0 1px #d3e89c44;animation:fm-result-in .25s ease-out} .fm-result-head{display:flex;gap:9px;align-items:center}.fm-result-symbol{display:flex;width:31px;height:34px;align-items:center;justify-content:center;border:1px solid #d5d892;border-radius:7px;color:#e6eeb2;background:#365b43}.fm-result-symbol svg{width:24px;height:24px}.fm-result-head small{font-size:8px;color:#7fa69f;letter-spacing:1px}.fm-result h3{font-size:14px;line-height:1.25;margin:1px 0 0;color:#f3f6d8;font-family:var(--body)} .fm-result-amount{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:7px 0}.fm-result-amount>b{display:flex;align-items:center;gap:6px;color:#ffe79c;font-size:23px;font-variant-numeric:tabular-nums}.fm-result-detail{display:grid;grid-template-columns:1fr 1.3fr;gap:8px;background:#061d247d;border:1px solid #50767255;border-radius:7px;padding:7px;font-size:10px;color:#9fbfb5}.fm-result-detail>span{display:flex;flex-direction:column;gap:3px}.fm-result-detail b{font-size:16px;color:#eef5d8}.fm-result .controls{margin:9px 0 0}.fm-result .btn{font-size:11px!important} .good{color:#b7f59b!important}.bad{color:#ffb194!important}.fm-rule-hero{padding:18px;border:1px solid #8ead73;border-radius:12px;background:linear-gradient(125deg,#355b47,#102b31);text-align:center}.fm-rule-hero b{display:block;font-size:40px;color:#ecf1a7}.fm-rule-hero span{font-size:11px;letter-spacing:1px}.fm-rule-row{display:grid;gap:5px;border:1px solid #456e66;background:#163831;padding:9px 11px;margin:8px 0;border-radius:8px}.fm-rule-row b{font-size:16px;color:#d2f6a9}.fm-rule-row span{font-size:12px;line-height:1.45;color:#b6d6c6}.fm-rule-row.bad{background:#372d2f;border-color:#8d695d}.fm-odds{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:10px}.fm-odds>div{background:#0b242b;padding:7px;border:1px solid #315558;border-radius:5px;display:flex;justify-content:space-between;font-size:11px}.fm-odds span{color:#d6e6b1} .fm-history-row{display:flex;gap:8px;align-items:center;border-bottom:1px solid #466661;padding:10px 0}.fm-history-row>span{min-width:40px;font-weight:900}.fm-history-row>div{flex:1}.fm-history-row small{display:block;font-size:9px;color:#9caeac}.fm-history-row strong{color:#eeeab0}.fm-history-row button{font-size:10px!important;padding:5px 7px!important} @keyframes fm-result-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}} [data-command-pending="true"] .fm-launch{pointer-events:none} @media(max-width:359px){.fm-header h1 img{max-width:190px;height:20px}.fm-telemetry small{font-size:8px}.fm-telemetry b{font-size:15px}.fm-launch-panel{grid-template-columns:1fr 64px;gap:6px;padding:7px}.fm-launch>button{width:55px;height:55px;padding:10px}.fm-stake-input input{font-size:17px}.fm-stake-input{grid-template-columns:26px 1fr 26px;gap:3px}.fm-stake-input button{height:29px}.fm-speedbar>span{display:none}.fm-speedbar>div{max-width:none}.fm-factor-hud{top:34px;right:10px;padding:3px 6px}.fm-factor-hud .fm-number{transform:scale(.8);transform-origin:center center;margin:-4px -6px}.fm-bottomline{font-size:7px}} @media(max-height:650px) and (orientation:portrait){.fm-scene{height:177px}.fm-header{height:34px}.fm-statusbar{height:32px}.fm-telemetry{padding:6px 3px}.fm-telemetry small{font-size:8px}.fm-telemetry b{font-size:14px}.fm-bottom-controls{padding-top:5px}.fm-speedbar{margin-bottom:5px}.fm-speedbar button{min-height:28px}.fm-launch-panel{padding:5px 8px}.fm-stake label{margin-bottom:3px}.fm-presets button{height:21px}.fm-launch>button{height:54px;width:54px;padding:9px}.fm-launch>span{font-size:8px}.fm-bottomline{padding-top:5px}.fm-footnote{margin-top:3px}.flight11-mode .bottom-nav{height:55px!important}.flight11-mode .nav-btn{min-height:43px!important}.flight11-mode .nav-btn svg{height:22px!important}.fm-factor-hud{top:31px;padding:3px 5px}.fm-factor-hud .fm-number{transform:scale(.75);margin:-6px -8px}.fm-factor-hud small{font-size:7px}.fm-scene-caption{font-size:8px;bottom:34px}.fm-sea-route{bottom:10px}} @media(orientation:landscape) and (max-height:600px){.app.v9.flight11-mode{max-width:1000px!important;height:100dvh!important;min-height:0!important;margin:0 auto!important;border-radius:8px}.flight11-mode .screen{padding:0 11px 5px}.fm-header{height:33px}.fm-header h1 img{height:20px}.fm-statusbar{height:32px}.fm-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);grid-template-rows:1fr auto;gap:0 10px}.fm-scene{height:calc(100dvh - 161px);grid-column:1;grid-row:1;min-height:125px}.fm-telemetry{grid-column:1;grid-row:2;padding:6px}.fm-bottom-controls{grid-column:2;grid-row:1 / 3;align-self:center;padding:0}.fm-footnote{margin:3px 0 0}.fm-launch-panel{grid-template-columns:1fr 65px;padding:7px}.fm-launch>button{width:54px;height:54px;padding:10px}.fm-speedbar>span{display:none}.fm-speedbar>div{max-width:none}.flight11-mode .bottom-nav{height:48px!important}.flight11-mode .nav-btn{min-height:35px!important;gap:1px!important;font-size:8px!important}.flight11-mode .nav-btn svg{height:21px!important}.fm-result{margin-top:5px;padding:8px}.fm-bottom-controls:has(.fm-result:not([hidden])) .fm-speedbar,.fm-bottom-controls:has(.fm-result:not([hidden])) .fm-launch-panel{display:none}.fm-result h3{font-size:12px}.fm-result-amount{margin:3px 0}.fm-factor-hud{top:29px;padding:3px 4px}.fm-factor-hud .fm-number{transform:scale(.75);margin:-7px}.fm-factor-hud small{font-size:7px}.fm-sea-route{bottom:9px}.fm-scene-caption{bottom:28px;font-size:8px}} @media(prefers-reduced-motion:reduce){.fm-result{animation:none}.fm-launch>button{transition:none}} .v9 .mission-card.mission-avia{ background:radial-gradient(ellipse at 77% 34%,#6ac9e88a 0,#133d5d40 32%,transparent 74%),linear-gradient(105deg,#071e2bf2 18%,#154e70aa 72%),url('assets/v9_sky.svg') center/cover; border-color:#8cd3c9;min-height:172px; box-shadow:0 3px 10px #0009,inset 0 0 0 2px #124757,0 0 12px #58c9d91e; } .v9 .mission-card.mission-avia>img{width:64%;height:146px;right:-17px;top:19px;filter:drop-shadow(0 7px 9px #021a338f);animation:avia-hero-bob 4s ease-in-out infinite} .v9 .mission-card.mission-avia .mission-copy{width:66%} .v9 .mission-card.mission-avia .mission-copy>span{color:#a7f8ef} .v9 .mission-card.mission-avia .mission-copy>b{background:linear-gradient(#7eeacb,#168a6e);border-color:#aeffe4;box-shadow:0 0 15px #74f5d550} @keyframes avia-hero-bob{0%,100%{transform:translateY(3px) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}} @media(prefers-reduced-motion:reduce){.v9 .mission-card.mission-avia>img{animation:none}} .fm-scene-end[hidden]{display:none!important} .fm-scene-end{position:absolute;left:8%;right:8%;top:30%;z-index:7;text-align:center; background:linear-gradient(145deg,#09252eea,#143d42ed);border:1.5px solid #baf3a0; border-radius:15px;padding:14px 12px;box-shadow:0 10px 28px #052332ba,0 0 30px #b2ff953e,inset 0 1px #f4ffee91; animation:fm-end-pop .3s ease-out;backdrop-filter:blur(5px)} .fm-scene[data-phase="lost"] .fm-scene-end{border-color:#ffa48c;box-shadow:0 10px 28px #052332aa,0 0 26px #ff8c603e} .fm-scene-end-title{font-family:var(--display),var(--body),sans-serif;font-size:15px;color:#f2ffcf;letter-spacing:.4px;text-shadow:0 2px #173829} .fm-scene[data-phase="lost"] .fm-scene-end-title{color:#ffd4c5} .fm-scene-end-factor{display:flex;justify-content:center;align-items:center;gap:11px;font-size:25px;font-weight:900;color:#eaffac;margin:7px 0;white-space:nowrap} .fm-scene-end-factor span{font-size:16px;color:#ffdd78} .fm-scene-end-actions{display:flex;gap:8px}.fm-scene-end-actions button{flex:1;min-height:36px;border:1px solid #c3eca7;border-radius:8px;background:linear-gradient(#70b964,#2c7441);color:#fbffe8;font-size:11px;font-weight:900} .fm-scene-end-actions button:last-child{background:linear-gradient(#21444a,#123239);border-color:#739795} @keyframes fm-end-pop{from{opacity:0;transform:translateY(10px) scale(.93)}to{opacity:1;transform:none}} @media(max-height:650px){.fm-scene-end{top:13%;padding:9px 10px}.fm-scene-end-title{font-size:11px}.fm-scene-end-factor{font-size:19px;margin:3px}.fm-scene-end-factor span{font-size:12px}.fm-scene-end-actions button{min-height:28px;font-size:10px}} @media(prefers-reduced-motion:reduce){.fm-scene-end{animation:none}} .fm-header .fm-custom-title{display:block;height:31px;max-width:min(90%,255px);object-fit:contain;filter:drop-shadow(0 2px 0 #08191f)} @media(max-width:359px){.fm-header .fm-custom-title{height:25px;max-width:95%}} .fm-statusbar{height:auto;min-height:42px;flex-wrap:wrap;gap:5px 6px;padding:6px 1px 7px} .fm-aircraft-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%;flex:1 0 100%;order:-1} .fm-aircraft-switch button{min-height:29px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:9px;background:#102d37;border:1px solid #4d8083;color:#b2d7d2;font-size:11px;font-weight:800;letter-spacing:.1px;padding:5px 8px;transition:background .15s,border-color .15s} .fm-aircraft-switch button[aria-pressed="true"]{background:linear-gradient(145deg,#295d58,#17453f);border-color:#b9eba0;color:#f0ffe2;box-shadow:inset 0 0 0 1px #d7f3b127} .fm-aircraft-switch button:disabled{opacity:.6;cursor:not-allowed} .fm-statusbar .fm-model{max-width:none;min-width:0;flex:1 1 0;font-size:10px;white-space:nowrap;text-overflow:ellipsis;padding:4px 2px} .fm-statusbar .wallet-trigger{flex-shrink:0} .fm-statusbar .fm-sound{flex-shrink:0} .fm-scene{height:clamp(175px,calc(100dvh - 465px),400px)} .fm-factor-hud{background:linear-gradient(135deg,#143b4bce,#0e303e99);box-shadow:0 5px 14px #082b4140} @media(max-width:359px){.fm-aircraft-switch button{font-size:10px;min-height:27px}.fm-scene{height:clamp(160px,calc(100dvh - 465px),320px)}} @media(max-height:650px) and (orientation:portrait){.fm-statusbar{gap:3px;padding:3px 0}.fm-aircraft-switch button{min-height:24px;padding:2px 5px}.fm-scene{height:165px}} @media(orientation:landscape) and (max-height:600px){.fm-statusbar{min-height:62px}.fm-scene{height:calc(100dvh - 195px);min-height:120px}} .app.v9.bpla19-mode{background:#20291c;border-color:#596746;box-shadow:0 0 0 3px #10160d,0 12px 55px #000a} .app.v9.bpla19-mode .main{overflow-y:auto;overflow-x:hidden;background:#182217;scrollbar-width:thin} .app.v9.bpla19-mode .screen{display:flex;flex-direction:column;min-height:100%;padding:0!important;background:#19251b} .app.v9.bpla19-mode .bottom-nav{display:none!important} .fm-bpla19{--fm-gold:#ffd26b;--fm-teal:#d4e2ad;--fm-panel:#182411;--fm-line:#606e41;display:flex;flex:1;flex-direction:column;min-height:calc(100dvh - 22px);margin:0;background:linear-gradient(#263326,#162116 28%,#111a12);color:#f2f3df;overflow:visible;font-family:var(--body)} .fm-bpla19 .fm-header{flex:none;display:grid;grid-template-columns:38px minmax(0,1fr) auto 38px;align-items:center;gap:4px;min-height:76px;height:auto;margin:0;padding:5px 10px;background:linear-gradient(#28382c,#18271c);border-bottom:1px solid #667047;box-shadow:inset 0 1px #b5c09b2a,0 3px 9px #111a11ac;position:relative;z-index:2} .fm-bpla19 .fm-header h1{min-width:0;margin:0;display:flex;justify-content:center;align-items:center} .fm-bpla19 .fm-header .fm-custom-title{display:block;width:100%;height:auto;max-height:65px;max-width:207px;object-fit:contain;filter:drop-shadow(0 3px 2px #080f07bd)} .fm-bpla19 .fm-header .icon-button{width:36px;height:39px;padding:6px!important;margin:0!important;min-height:36px!important;min-width:36px!important;border-radius:9px!important;background:linear-gradient(#364528,#1b2916)!important;border:1px solid #8d9560!important;box-shadow:inset 0 2px #9fa98550,0 3px 0 #0d140c!important;color:#dce5b9!important} .fm-bpla19 .fm-header .icon-button svg{height:24px;width:24px} .fm-bpla19 .fm-header-wallet{min-width:98px;max-width:129px;display:flex;justify-content:flex-end} .fm-bpla19 .fm-header-wallet .wallet-trigger{width:auto;min-height:35px;padding:3px 6px!important;border:1px solid #7e8451!important;border-radius:9px!important;background:linear-gradient(#202b17,#0d1b0e)!important;box-shadow:inset 0 1px #b9c68e50,0 2px 3px #0a0e06!important;gap:5px} .fm-bpla19 .fm-header-wallet .wallet-trigger strong{font-size:clamp(13px,3.7vw,17px)!important;color:#f9f7e7} .fm-bpla19 .fm-header-wallet .coin{height:22px;width:22px;font-size:11px} .fm-bpla19 .fm-statusbar{display:none!important} .fm-bpla19 .fm-layout{display:flex!important;flex:1;flex-direction:column;min-height:0;gap:0} .fm-bpla19 .fm-telemetry{order:0;flex:none;height:auto;display:grid;grid-template-columns:1fr 1fr 1.26fr;gap:7px;padding:8px 10px 7px;background:linear-gradient(#1a2519,#1d281a);border:0;border-radius:0;box-shadow:inset 0 -1px #7f88503a} .fm-bpla19 .fm-telemetry>div{border:1px solid #78805475;min-width:0;min-height:65px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;padding:6px 5px;background:linear-gradient(145deg,#29351dcf,#101b11f0);border-radius:7px;box-shadow:inset 0 1px #abb67e44,0 2px 4px #11190c77} .fm-bpla19 .fm-stat-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;gap:4px} .fm-bpla19 .fm-stat-symbol{display:block;flex:0 0 auto;font-family:var(--display),var(--body);font-size:26px;line-height:1;color:#b8c88d;text-shadow:0 2px 1px #15250b} .fm-bpla19 .fm-telemetry small{font-size:clamp(7px,1.9vw,9px);font-weight:800;line-height:1.05;letter-spacing:0;color:#bfc99a;text-transform:uppercase;text-align:center} .fm-bpla19 .fm-telemetry b{font-size:clamp(15px,4.5vw,22px);font-weight:1000;line-height:1;white-space:nowrap;color:#f8f8e5;text-shadow:0 2px #121c10;font-variant-numeric:tabular-nums} .fm-bpla19 .fm-telemetry .fm-estimate b{font-size:clamp(19px,5.5vw,27px);color:#ffb84e;text-shadow:0 2px 2px #411b08,0 0 10px #ffa52655} .fm-bpla19 .fm-telemetry em{font-size:12px} .fm-bpla19 .fm-scene{order:1;flex:1 1 auto;min-height:305px;height:auto;max-height:none;margin:0;border:0;border-top:1px solid #39472b;border-bottom:3px solid #56683f;border-radius:0;background:#596344;box-shadow:none;isolation:isolate} .fm-bpla19 .fm-scene:after{inset:0;border:0;border-radius:0;box-shadow:inset 0 20px 22px #18261546,inset 0 -20px 34px #101b1188} .fm-bpla19 .fm-sky-top{position:absolute;top:7px;left:10px;right:10px;letter-spacing:.7px;font-size:9px;color:#d7dec5;text-shadow:0 2px 4px #000b;z-index:3;opacity:.75} .fm-bpla19 .fm-mission{display:none} .fm-bpla19 [data-connection11]{margin-left:auto;letter-spacing:.8px;font-size:8px;border-color:#acc7816b;background:#162d1ab8} .fm-bpla19 .fm-scene-caption{bottom:10px;left:19%;right:19%;max-width:280px;margin:auto;border:1px solid #a5b77b75;background:#1a2d1ab3;border-radius:30px;padding:5px 4px;font-size:10px;letter-spacing:.2px;color:#f6efcf;box-shadow:0 2px 8px #16210e8a} .fm-bpla19 .fm-sea-route{display:none} .fm-bpla19 .fm-offline{background:#17251be8;border-color:#98a86d;bottom:38px} .fm-bpla19 .fm-scene-end{top:29%;left:6%;right:6%;background:linear-gradient(155deg,#263a21f0,#101d11f0);border-color:#ffd075;box-shadow:0 10px 26px #000b,0 0 19px #ffbd4e38} .fm-bpla19 .fm-scene-end-factor{color:#f0eeb7} .fm-bpla19 .fm-bottom-controls{order:2;flex:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'stake speed' 'launch launch' 'bottom bottom' 'auto auto' 'result result';gap:8px 9px;background:linear-gradient(#2b3b26,#1c2d1a 35%,#14200f);border-top:1px solid #83946a;padding:10px 10px 6px;box-shadow:inset 0 3px #4e5c37aa} .fm-bpla19 .fm-launch-panel{display:contents} .fm-bpla19 .fm-stake{grid-area:stake;min-width:0;min-height:135px;padding:9px 9px 8px;border:1px solid #7785538f;border-radius:8px;background:linear-gradient(150deg,#25341b,#111e11);box-shadow:inset 0 1px #a1b57544,0 3px 4px #080e074f} .fm-bpla19 .fm-stake label{font-size:12px;color:#bac694;font-weight:900;letter-spacing:.2px;margin:0 0 8px} .fm-bpla19 .fm-stake-input{grid-template-columns:minmax(0,1fr) 32px 32px;gap:3px;margin-bottom:8px} .fm-bpla19 .fm-stake-input input{order:0;min-width:0;height:38px;font-size:19px;font-family:var(--body);text-align:center;color:#f9f6d8;background:#101e0e;border-color:#52613e;border-radius:6px} .fm-bpla19 .fm-stake-input button{height:38px;background:linear-gradient(#3f5033,#1a2b19);border:1px solid #809061;border-radius:6px;box-shadow:inset 0 1px #ced6ac66,0 2px #11180b;color:#f4f7d8;font-size:23px} .fm-bpla19 .fm-stake-input button:first-of-type{order:1} .fm-bpla19 .fm-stake-input button:last-of-type{order:2} .fm-bpla19 .fm-presets{margin-top:2px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px} .fm-bpla19 .fm-presets button{height:29px;padding:2px 1px;background:linear-gradient(#3b4c30,#1a2a17);border:1px solid #727c52;box-shadow:inset 0 1px #9eab7c44,0 2px #11190f;color:#edf3d5;font-size:10px;font-weight:900} .fm-bpla19 .fm-speedbar{grid-area:speed;min-width:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;margin:0;padding:11px 7px 8px;border:1px solid #7785538f;border-radius:8px;background:linear-gradient(145deg,#25341b,#111e11);box-shadow:inset 0 1px #a1b57544,0 3px 4px #080e074f} .fm-bpla19 .fm-speedbar>span{font-size:12px;color:#bac694;font-weight:900;margin:0;text-align:left} .fm-bpla19 .fm-speedbar>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;max-width:none;flex:none;margin-top:2px} .fm-bpla19 .fm-speedbar button{min-width:0;height:47px;min-height:0;padding:0 1px;border:1px solid #737f55;border-radius:6px;background:linear-gradient(#3b4d30,#142218);box-shadow:inset 0 1px #b3c29531,0 2px #101809;color:#c6d2aa} .fm-bpla19 .fm-speedbar button svg{display:none} .fm-bpla19 .fm-speedbar button small{font-size:clamp(10px,2.8vw,13px);color:inherit} .fm-bpla19 .fm-speedbar button[aria-pressed='true']{border-color:#8fff5e;background:linear-gradient(#47b738,#168328);box-shadow:inset 0 1px #c9ff9744,0 0 8px #3cff3d55;color:white} .fm-bpla19 .fm-launch{grid-area:launch;display:block;margin:0} .fm-bpla19 .fm-launch>button{width:100%;height:70px;min-height:62px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:18px;border-radius:11px;border:3px solid #ffe2a5;background:linear-gradient(155deg,#ffe17d 0%,#ffb830 45%,#ff8d21 85%,#e3670b 100%);box-shadow:inset 0 3px #fff7c6,inset 0 -4px #c65d11aa,0 4px 0 #4a2307,0 0 14px #ff9c2440;color:#4b2408;padding:8px 12px;text-shadow:0 1px #ffe3a2} .fm-bpla19 .fm-launch>button span{font-family:var(--display),var(--body),sans-serif;font-weight:1000;font-size:clamp(15px,4.2vw,23px);line-height:1;white-space:nowrap;letter-spacing:-.2px} .fm-bpla19 .fm-launch>button svg{display:block;width:30px;height:30px;min-width:24px;flex:none;color:#4f2307} .fm-bpla19 .fm-launch>button:disabled{opacity:.58;filter:saturate(.6)} .fm-bpla19 .fm-bottomline{grid-area:bottom;display:flex;gap:8px;align-items:center;justify-content:space-between;margin:0;padding:1px 3px 0;color:#b1bf99;font-size:9px} .fm-bpla19 .fm-bottomline button{display:flex;gap:4px;font-size:10px;color:#d8dfb9} .fm-bpla19 .fm-bottomline button svg{width:17px;height:17px} .fm-bpla19 .fm-bottomline b{color:#ffd17b;font-size:11px} .fm-bpla19 .fm-auto{grid-area:auto;margin:0} .fm-bpla19 .fm-result{grid-area:result;margin:0;background:linear-gradient(#273b21,#152619);border-color:#8d9d5c} .fm-bpla19 .fm-footnote{flex:none;margin:0;padding:4px 13px 8px;font-size:9px;justify-content:space-between;color:#b0bc8f;border-top:1px solid #46553a} .fm-bpla19 .fm-footnote button{color:#e7d79f} .fm-settings-craft{margin:8px 0 14px!important} @media(max-width:365px){ .fm-bpla19 .fm-header{grid-template-columns:34px minmax(0,1fr) auto 34px;min-height:65px;padding:4px 6px;gap:3px} .fm-bpla19 .fm-header .icon-button{width:32px;height:34px;min-width:32px!important;min-height:32px!important} .fm-bpla19 .fm-header-wallet .wallet-trigger{min-height:31px;padding:3px!important} .fm-bpla19 .fm-header-wallet .wallet-trigger strong{font-size:12px!important} .fm-bpla19 .fm-telemetry{gap:3px;padding:6px 5px} .fm-bpla19 .fm-telemetry>div{min-height:55px;padding:4px 2px;gap:2px} .fm-bpla19 .fm-stat-symbol{font-size:19px} .fm-bpla19 .fm-telemetry small{font-size:7px} .fm-bpla19 .fm-bottom-controls{gap:5px;padding:7px 6px} .fm-bpla19 .fm-stake,.fm-bpla19 .fm-speedbar{padding:7px 5px;min-height:118px} .fm-bpla19 .fm-stake-input{grid-template-columns:minmax(0,1fr) 27px 27px} .fm-bpla19 .fm-stake-input button{height:34px} .fm-bpla19 .fm-stake-input input{height:34px;font-size:16px} .fm-bpla19 .fm-speedbar button{height:36px} .fm-bpla19 .fm-launch>button{height:60px;min-height:60px} .fm-bpla19 .fm-scene{min-height:270px} } @media(max-height:710px) and (orientation:portrait){ .fm-bpla19 .fm-header{min-height:58px} .fm-bpla19 .fm-header .fm-custom-title{max-height:49px} .fm-bpla19 .fm-scene{min-height:245px} .fm-bpla19 .fm-speedbar,.fm-bpla19 .fm-stake{min-height:111px} .fm-bpla19 .fm-launch>button{height:59px;min-height:59px} .fm-bpla19 .fm-telemetry>div{min-height:51px} .fm-bpla19 .fm-telemetry b{font-size:16px} } @media(orientation:landscape){ .app.v9.bpla19-mode{max-width:1000px} .fm-bpla19 .fm-layout{display:flex!important} .fm-bpla19 .fm-scene{height:auto!important;min-height:230px!important;grid-column:auto!important;grid-row:auto!important} .fm-bpla19 .fm-bottom-controls{grid-column:auto!important;grid-row:auto!important} } @media(prefers-reduced-motion:reduce){.fm-bpla19 .fm-launch>button{transition:none}} .fm-bpla19 .fm-scene canvas{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:100%;min-height:100%} .sheet-backdrop:has(.sheet[data-view="profile"]){background:#071009dc;backdrop-filter:blur(8px);padding:8px} .sheet[data-view="profile"]{--dp-olive:#1d2b1b;--dp-light:#d8e5b2;--dp-lime:#c2e28c;--dp-gold:#f6ce79;--dp-muted:#aebd98;display:flex;flex-direction:column;width:min(450px,100%);max-width:450px;height:min(910px,calc(100dvh - 16px));max-height:calc(100dvh - 16px);min-height:350px;background:linear-gradient(180deg,#253521 0,#101c13 35%,#0b160d 100%);border:1px solid #819166;border-radius:15px;box-shadow:0 0 0 2px #1c2a17,0 28px 80px #000c,inset 0 1px #b8cd8755;color:#f5f4dd;overflow:hidden} .sheet[data-view="profile"] .sheet-header{min-height:53px;flex:none;background:linear-gradient(90deg,#32432a,#172719 60%,#2e3c28);border-bottom:1px solid #75845e;padding:10px 15px;box-shadow:inset 0 1px #a8b78f34;position:relative} .sheet[data-view="profile"] .sheet-header:before{content:'';position:absolute;left:7px;bottom:0;right:7px;height:2px;background:linear-gradient(90deg,transparent,#caad6b80 47%,transparent);pointer-events:none} .sheet[data-view="profile"] .sheet-header h2{font-family:var(--display),var(--body),sans-serif;font-size:clamp(15px,3.9vw,20px);letter-spacing:.3px;color:#f6f1dc;text-shadow:0 2px #10170e;margin:0} .sheet[data-view="profile"] .sheet-header .icon-button{border-radius:8px;min-width:33px;min-height:33px;background:linear-gradient(#536247,#283a26);border:1px solid #99aa7d;box-shadow:inset 0 1px #d2d7b451,0 2px #182017;color:#f6efd9} .sheet[data-view="profile"] .sheet-body{padding:0;flex:1;scrollbar-color:#899774 #142214;scrollbar-width:thin;overflow-x:hidden;overscroll-behavior:contain} .sheet[data-view="profile"] .sheet-body h3{font-size:17px;font-weight:900;line-height:1.15} .dossier{color:#f1f3dc;font-family:var(--body);position:relative;min-height:100%;background:linear-gradient(180deg,#273523 0,#152116 310px,#101b13 100%);padding-bottom:0} .dossier *{box-sizing:border-box} .dossier button{cursor:pointer;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent} .dossier button:focus-visible,.dossier input:focus-visible{outline:2px solid #f6d67b;outline-offset:2px} .dossier-topline{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:11px 15px 7px;color:#aebd90;font-size:9px;font-weight:900;letter-spacing:1px;line-height:1.2} .dossier-stamp{font-size:8px;letter-spacing:1px;color:#d9e3b7;white-space:nowrap} .dossier-stamp:first-letter{color:#a9d46e} .dossier-hero{position:relative;margin:0 9px;min-height:225px;border:1px solid #88986b;border-radius:11px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 82% 30%,#758c505b,transparent 45%),linear-gradient(120deg,#39472e 0%,#1c3020 48%,#0b1b13 100%);box-shadow:inset 0 0 0 2px #1e2e1e,inset 0 1px #d0dcb04d,0 7px 14px #070c0788} .dossier-hero:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.26;background:repeating-linear-gradient(135deg,transparent 0,transparent 17px,#9fb28118 18px,#9fb28118 19px);mask-image:linear-gradient(90deg,transparent 30%,black)} .dossier-hero:after{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#edd28a,transparent 75%)} .dossier-crosshair{position:absolute;top:14px;right:16px;color:#c7dbaf66;font-size:28px;font-weight:300;z-index:-1} .dossier-hero-copy{position:relative;z-index:2;width:61%;padding:17px 0 86px 16px;min-height:223px;display:flex;flex-direction:column;align-items:flex-start} .dossier-call-label{font-size:9px;color:#d0dcb0;letter-spacing:2px;font-weight:900;line-height:1.1} .dossier-hero-copy h2{color:#fff7dc;font-family:var(--display),var(--body);font-weight:900;font-size:clamp(16px,5.15vw,24px);line-height:1.12;overflow-wrap:anywhere;text-shadow:0 2px 4px #000b;letter-spacing:-.4px;margin:7px 0 15px;max-width:100%;text-transform:uppercase} .dossier-rank-block{display:flex;align-items:center;gap:7px;max-width:100%} .dossier-rank-emblem{display:flex;flex:none;width:34px;height:38px;align-items:center;justify-content:center;border:1px solid #97895a;border-radius:6px;background:linear-gradient(#536040,#222c23);box-shadow:0 2px 5px #0009,inset 0 1px #b5bd8e5c} .dossier-rank-emblem svg,.dossier-rank-emblem .rank-icon{max-width:30px;max-height:34px;width:30px;height:34px} .dossier-rank-block>div:last-child{min-width:0} .dossier-rank-block span{color:#9fb08f;font-size:8px;display:block;letter-spacing:.7px;line-height:1.2} .dossier-rank-block strong{font-size:12px;color:#f9db8b;display:block;margin-top:3px;line-height:1.2;text-wrap:balance;text-shadow:0 1px 3px #000b} .dossier-level-label{font-size:9px;color:#d6e2b4;letter-spacing:.5px;font-weight:800;margin-top:13px;background:#172916aa;border:1px solid #6c8b5399;padding:5px 8px;border-radius:5px} .dossier-level-label strong{font-size:11px;color:#ffd47d;margin-left:4px} .dossier-service{position:absolute;bottom:48px;left:16px;display:flex;gap:4px;flex-direction:column;color:#c3d0a8;letter-spacing:.7px;font-size:8px} .dossier-service b{color:#e7edc6;font-weight:900;font-size:10px} .dossier-hero-figure{position:absolute;right:-10px;top:8px;width:49%;height:181px;z-index:1;pointer-events:none} .dossier-hero-figure img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;position:relative;filter:drop-shadow(0 8px 4px #050b06ae)} .dossier-hero-halo{position:absolute;inset:15px 7px 1px 2px;border:1px solid #c3d7993e;border-radius:50%;background:radial-gradient(ellipse,#8eaa6d30 0,transparent 65%);box-shadow:0 0 0 13px #d6db9430,0 0 0 31px #bdce7520} .dossier-xp{position:absolute;bottom:0;left:0;right:0;z-index:4;height:55px;padding:9px 13px 5px;border-top:1px solid #8d9d735f;background:linear-gradient(#122317d9,#0b1b12fa)} .dossier-xp>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:.3px;color:#b3c4a2} .dossier-xp b{color:#ffe090;letter-spacing:0;font-size:10px} .dossier-xp small{font-size:8px;color:#b6c7a4;display:block;text-align:right;margin-top:3px} .dossier-bar{height:7px;overflow:hidden;border-radius:30px;border:1px solid #576945;background:#101d12;box-shadow:inset 0 2px 3px #0008} .dossier-bar>i{height:100%;display:block;min-width:0;background:linear-gradient(90deg,#7cae52,#c6e67a 65%,#f5d47b);box-shadow:0 0 11px #c7df7d66;border-radius:inherit;transition:width .25s ease} .dossier-xp .dossier-bar{margin-top:5px;height:8px} .dossier-brief{display:grid;grid-template-columns:1.2fr 1fr .8fr;align-items:stretch;gap:5px;margin:9px 9px 11px} .dossier-brief>div{min-width:0;min-height:56px;padding:9px 6px 6px;background:linear-gradient(#2b3c25,#172719);border:1px solid #687957;border-radius:7px;display:flex;flex-direction:column;gap:5px;box-shadow:inset 0 1px #b9c9a53a,0 2px 3px #0005} .dossier-brief>div:first-child{border-color:#a6a26c} .dossier-brief span{color:#b3c39b;font-size:8px;font-weight:900;letter-spacing:.7px} .dossier-brief b{font-size:clamp(12px,3.3vw,17px);line-height:1.1;font-weight:900;color:#f7edc8;white-space:nowrap;font-variant-numeric:tabular-nums} .dossier-brief>div:first-child b{color:#ffe18a;display:flex;align-items:center;gap:5px} .dossier-brief .coin{height:17px;width:17px;line-height:16px;font-size:10px;flex:none} .dossier-brief b small{font-size:9px;color:#a7c69f} .dossier-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0 9px;padding:4px;border-radius:9px;background:#0d1c12;border:1px solid #687d50;box-shadow:inset 0 2px 4px #020a07b9} .dossier-tabs button{min-width:0;min-height:39px;padding:8px 2px;font-size:12px;font-weight:900;color:#a9bc98;background:linear-gradient(#263726,#192a1c);border:1px solid #3a5535;border-radius:6px;transition:background .16s} .dossier-tabs button.active{color:#25321c;border-color:#f6d48a;background:linear-gradient(#ffdf9b,#d2b666 80%);box-shadow:inset 0 2px #ffefb5,0 2px 8px #0008;text-shadow:0 1px #fff4c1} .dossier-content{min-height:230px;padding:0 12px 20px} .dossier-section-heading{display:flex;flex-direction:column;gap:3px;margin:19px 0 10px} .dossier-section-heading>span,.dossier-section-heading>div>span{font-size:9px;font-weight:800;letter-spacing:1.2px;color:#aabd8b} .dossier .dossier-section-heading h3{margin:2px 0 0;font-size:18px;line-height:1.2;font-weight:1000;color:#f4edcf;text-shadow:0 2px #08100a} .dossier-section-heading.with-link{flex-direction:row;align-items:end;justify-content:space-between;gap:12px} .dossier-section-heading.with-link button{color:#e9d394;font-size:10px;border:0;border-bottom:1px solid #a5a271;background:none;white-space:nowrap;padding:5px 0;margin-bottom:2px} .dossier-metrics{display:grid;gap:8px}.dossier-metrics.cols-two{grid-template-columns:repeat(2,minmax(0,1fr))} .dossier-metric{min-height:95px;position:relative;padding:10px 11px 8px;background:radial-gradient(ellipse at 100% 0,#536c3940,transparent 65%),linear-gradient(125deg,#2d402b,#142719);border-radius:8px;border:1px solid #74835b;box-shadow:inset 0 1px #c6d3a23c,0 3px 5px #0004;display:flex;flex-direction:column} .dossier-metric-top{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;color:#bdcda7;font-weight:800} .dossier-metric-top i{font-size:17px;font-style:normal;color:#cbb473;line-height:1} .dossier-metric>strong{color:#ffe4a1;text-shadow:0 2px 2px #0008;font-size:clamp(20px,6.3vw,29px);line-height:1.2;letter-spacing:-.5px;font-weight:1000;margin-top:6px;font-variant-numeric:tabular-nums} .dossier-metric>small{font-size:9px;color:#b6c79e;margin-top:auto;padding-top:3px} .dossier-loadout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px} .dossier-loadout-card{position:relative;min-height:133px;padding:8px 4px 9px;border:1px solid #6c7d57;border-radius:9px;background:radial-gradient(ellipse at center 38%,#6e805353,transparent 55%),linear-gradient(#2b3e29,#142519);box-shadow:inset 0 1px #c5d3a83e,0 3px 6px #0004;display:flex;align-items:center;flex-direction:column;justify-content:space-between;min-width:0;overflow:hidden} .dossier-loadout-card>small{align-self:flex-start;padding-left:4px;color:#d6dda9;font-size:9px;font-weight:900;text-transform:uppercase} .dossier-loadout-card>img{height:67px;width:100%;object-fit:contain;filter:drop-shadow(0 4px 3px #000c)} .dossier-loadout-card strong{display:block;text-align:center;font-size:10px;line-height:1.15;font-weight:900;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f5f1d5} .dossier-loadout-arrow{position:absolute;top:6px;right:7px;color:#e9ce7b;font-size:12px} .dossier-loadout-none{font-size:35px;color:#70845e} .dossier-overview-case{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;background:linear-gradient(#101f13,#1c2b1c);border:1px solid #526b4f;border-radius:9px} .dossier-overview-slot{position:relative;height:91px;background:radial-gradient(ellipse at 50% 20%,#76935348,transparent 70%),#182819;border:1px solid #7a8957;border-radius:8px;box-shadow:inset 0 1px #becd9757;overflow:hidden;display:flex;align-items:center;justify-content:center} .dossier-overview-slot img{width:94%;height:82%;object-fit:contain;filter:drop-shadow(0 3px 2px #0009)} .dossier-overview-slot>span{font-size:35px;color:#82966f}.dossier-overview-slot small{position:absolute;bottom:3px;left:5px;font-size:8px;color:#b8caa5} .dossier-rename{background:linear-gradient(#263b29,#152819);border:1px solid #637958;border-radius:8px;padding:10px} .dossier-rename label{display:block;color:#c4d2ad;font-size:10px;font-weight:900;margin-bottom:8px} .dossier-rename>div{display:flex;gap:7px} .dossier-rename input{width:100%;flex:1;min-width:0;background:#0b1d12;color:#fff7df;border:1px solid #839367;border-radius:6px;padding:10px 9px;height:39px;font-size:13px} .dossier-rename button{flex:none;min-width:83px;background:linear-gradient(#eac981,#b6984e);border:1px solid #f0d291;color:#273219;border-radius:6px;font-size:11px;font-weight:900;padding:8px} .dossier-management{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:9px 0 4px} .dossier-management button{background:linear-gradient(#35462e,#202f22);border:1px solid #74855c;border-radius:7px;min-height:38px;display:flex;align-items:center;justify-content:center;gap:5px;font-weight:800;font-size:10px} .dossier-management svg{width:18px;height:18px} .dossier-panel{background:linear-gradient(#263b29,#102417);border:1px solid #71825b;border-radius:9px;padding:13px 11px;box-shadow:inset 0 1px #adc49b36,0 3px 6px #0005} .dossier-row-text{display:flex;justify-content:space-between;align-items:center;color:#d5dfbd;font-size:12px;margin-bottom:10px} .dossier-row-text strong{color:#ffe19b;font-size:22px} .dossier-win-panel p{margin:8px 0 0;color:#a6bd9d;font-size:10px;line-height:1.4} .dossier-rarity-panel{display:flex;flex-direction:column;gap:11px} .dossier-rarity-row{display:grid;grid-template-columns:25px minmax(82px,1fr) minmax(50px,1.35fr) 19px;gap:7px;align-items:center;font-size:10px;color:#d7e1be} .dossier-tier-token{height:22px;line-height:21px;text-align:center;border:1px solid currentColor;border-radius:5px;font-size:12px;font-weight:1000} .rarity-A.dossier-tier-token{color:#e9aa87}.rarity-B.dossier-tier-token{color:#f7d279}.rarity-C.dossier-tier-token{color:#c7a1ff}.rarity-D.dossier-tier-token{color:#7bbddc}.rarity-E.dossier-tier-token{color:#b6c1be} .dossier-rarity-row .dossier-bar{height:6px;background:#101d15} .dossier-rarity-row .dossier-bar .fill-A{background:linear-gradient(90deg,#bd6251,#ecb175)} .dossier-rarity-row .dossier-bar .fill-B{background:linear-gradient(90deg,#b78c36,#fbe388)} .dossier-rarity-row .dossier-bar .fill-C{background:linear-gradient(90deg,#7c57b1,#ceb1ff)} .dossier-rarity-row .dossier-bar .fill-D{background:linear-gradient(90deg,#3e85aa,#91d7e9)} .dossier-rarity-row .dossier-bar .fill-E{background:linear-gradient(90deg,#788d88,#bfc7ac)} .dossier-rarity-panel>small{font-size:9px;color:#a6bc98;border-top:1px solid #5e745a73;padding-top:10px} .dossier-extras{display:grid;gap:9px;padding:11px}.dossier-extras>div{display:flex;justify-content:space-between;gap:12px;color:#bccca7;font-size:11px}.dossier-extras b{color:#f6d889} .dossier-section-desc{font-size:11px;color:#b6c7a4;line-height:1.5;margin:-1px 0 13px} .dossier-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .dossier-showcase-card{background:radial-gradient(ellipse at 32% 20%,#7f966159,transparent 55%),linear-gradient(130deg,#344532,#14281c);border:1px solid #86946b;border-radius:10px;overflow:hidden;position:relative;display:flex;flex-direction:column;min-height:234px;box-shadow:inset 0 1px #c7dba740,0 4px 10px #0007} .dossier-showcase-card.featured{grid-column:span 2;min-height:173px;flex-direction:row;align-items:center;background:radial-gradient(ellipse at 23% 40%,#a9b6686e,transparent 60%),linear-gradient(135deg,#495a39,#152c1c)} .dossier-show-art{position:relative;height:112px;width:100%;padding:12px 7px 2px;display:flex;align-items:center;justify-content:center;flex:none} .dossier-showcase-card.featured .dossier-show-art{width:48%;height:170px;padding:8px} .dossier-item-image.show{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 3px #040804ac);position:relative;z-index:1} .dossier-rarity{position:absolute;top:8px;left:9px;background:#19281feb;border:1px solid #e5bd7685;border-radius:5px;z-index:2;padding:3px 5px;color:#ffdb87;font-size:11px;font-weight:900} .dossier-rarity.rarity-A{color:#fbb28c}.dossier-rarity.rarity-C{color:#dab1ff}.dossier-rarity.rarity-D{color:#a6dbf6}.dossier-rarity.rarity-E{color:#d1d9c4} .dossier-show-info{width:100%;padding:5px 9px 11px;min-width:0;display:flex;flex-direction:column;gap:5px;flex:1} .dossier-showcase-card.featured .dossier-show-info{padding:17px 11px 14px 1px} .dossier-show-index{font-size:8px;color:#cdd8a9;letter-spacing:1.2px;font-weight:900} .dossier-show-info strong{color:#fff5d6;font-size:13px;line-height:1.2;overflow-wrap:anywhere;text-shadow:0 2px #0008;min-height:30px} .dossier-showcase-card.featured .dossier-show-info strong{font-size:16px;min-height:0} .dossier-show-info small{font-size:9px;line-height:1.3;color:#b7caa0;min-height:21px} .dossier-mini-action{font-size:10px!important;font-weight:900!important;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:5px!important;background:linear-gradient(#f0d58d,#c0a65a)!important;border:1px solid #ffe6a7!important;box-shadow:inset 0 1px #fff0bf70,0 2px 3px #0006;color:#28321b!important;padding:7px 6px!important;margin-top:auto!important;min-height:28px} .dossier-mini-action span{font-size:16px;line-height:1} .dossier-remove{position:absolute;right:5px;top:5px;z-index:4;border:1px solid #97a37c!important;background:#1e321fea!important;border-radius:5px!important;font-size:16px!important;line-height:1!important;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#d9e4c0!important} .dossier-empty-art{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;width:100%;height:100%;color:#b7ca9b} .dossier-empty-art>span{font-size:39px;line-height:1;opacity:.7}.dossier-empty-art small{font-size:9px;opacity:.65} .dossier-showcase-card.empty{border-style:dashed;background:#192b1d} .dossier-notice{display:flex;align-items:flex-start;gap:8px;background:#26352a;border:1px solid #617353aa;border-radius:7px;padding:10px;margin-top:12px} .dossier-notice span{color:#f6d584;font-size:16px}.dossier-notice p{color:#bdd0ae;font-size:10px;line-height:1.5;margin:0} .dossier-wide-link{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:42px;margin-top:12px;padding:10px 13px;background:linear-gradient(#45553a,#293a29);border:1px solid #a6aa7e;border-radius:8px;font-size:12px;font-weight:900} .dossier-wide-link span{color:#e4d58c} .dossier-picker-head{display:flex;justify-content:space-between;align-items:center;gap:9px;color:#c8d4ae;font-size:9px;letter-spacing:1px;margin:13px 0 3px} .dossier-picker-head button{padding:5px 0;color:#f7d992;font-weight:900;font-size:11px;border:0;background:none} .dossier-filter{display:flex;overflow-x:auto;gap:5px;padding:2px 0 9px;scrollbar-width:none} .dossier-filter button{flex:none;padding:7px 11px;background:linear-gradient(#2d412d,#192b20);border:1px solid #6e8460;border-radius:6px;font-size:10px;font-weight:900} .dossier-filter button.active{background:linear-gradient(#f4db9b,#c5ad70);color:#28321b;border-color:#ffedb2} .dossier-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} .dossier-picker-card{position:relative;display:flex;align-items:center;flex-direction:column;padding:21px 8px 10px;min-height:150px;border:1px solid #798e64;border-radius:9px;background:radial-gradient(ellipse at center 34%,#6f8a534a,transparent 59%),linear-gradient(#2c432b,#14271a);box-shadow:inset 0 1px #bbc99f44} .dossier-picker-card>img{height:75px;width:100%;object-fit:contain;filter:drop-shadow(0 4px 3px #000c)} .dossier-picker-card strong{width:100%;font-size:11px;line-height:1.25;min-height:26px;text-align:center;margin:4px 0 2px;overflow-wrap:anywhere;color:#f8f0d4} .dossier-picker-card small{font-size:9px;color:#d0dda9;text-align:center} .dossier-picker-card[disabled]{opacity:.46;filter:grayscale(.3);cursor:not-allowed} .dossier-picker-tier{position:absolute;top:6px;left:8px;font-size:12px;color:#ffe1a0;font-weight:1000} .dossier-empty-collection{font-size:12px;color:#a5ba94;text-align:center;padding:24px} .dossier-footer{margin-top:10px;min-height:41px;border-top:1px solid #657b55;display:flex;align-items:center;justify-content:center;gap:9px;color:#a3b393;font-size:9px;letter-spacing:1px;font-weight:900;background:#122017} .dossier-footer span{color:#f2d48c} @media(max-width:355px){ .dossier-hero{min-height:215px}.dossier-hero-copy{min-height:215px;padding-left:11px;width:63%} .dossier-hero-figure{width:47%;right:-13px;top:17px}.dossier-hero-copy h2{font-size:16px} .dossier-rank-block strong{font-size:10px}.dossier-rank-emblem{width:30px} .dossier-service{left:11px}.dossier-metric{padding:9px 8px}.dossier-metric-top{font-size:9px} .dossier-show-info strong{font-size:12px}.dossier-showcase-card.featured .dossier-show-info strong{font-size:13px} .dossier-rarity-row{grid-template-columns:22px minmax(66px,1fr) minmax(36px,1fr) 16px;gap:4px;font-size:9px} } @media(max-height:620px){.sheet[data-view="profile"]{height:calc(100dvh - 8px);max-height:calc(100dvh - 8px)}.sheet-backdrop:has(.sheet[data-view="profile"]){padding:4px}} @media(prefers-reduced-motion:reduce){.dossier .dossier-bar>i,.dossier button{transition:none}} img.ui-icon{ display:inline-block;flex:none;width:23px;height:23px;min-width:0;max-width:none; vertical-align:middle;object-fit:contain;object-position:center; pointer-events:none;user-select:none;-webkit-user-drag:none; filter:drop-shadow(0 1px 2px rgba(0,0,0,.38)); } .v9 .icon-button img.ui-icon,.icon-button img.ui-icon{width:22px;height:22px;margin:auto} .v9 .bottom-nav .nav-btn>img.ui-icon,.bottom-nav .nav-btn>img.ui-icon{width:35px;height:35px;max-height:35px;margin:0 auto;transition:transform .15s,filter .15s} .v9 .bottom-nav .nav-btn.active>img.ui-icon,.bottom-nav .nav-btn.active>img.ui-icon{filter:drop-shadow(0 0 4px #ffce5b80) drop-shadow(0 2px 2px #0007);transform:translateY(-1px) scale(1.03)} .v9 .action-disc img.ui-icon,.action-disc img.ui-icon{width:32px;height:32px;filter:drop-shadow(0 3px 4px #000a)} .v9 .mini-user img.ui-icon{width:23px;height:23px} .v9 .hq-banner img.ui-icon{width:23px;height:23px} .v9 .menu-grid .menu-tile>img.ui-icon,.sheet .menu-tile>img.ui-icon{width:33px;height:33px;max-width:100%;margin-bottom:2px;filter:drop-shadow(0 2px 3px #0009)} .sheet .menu-links button{display:flex;align-items:center;gap:10px} .sheet .menu-links img.ui-icon{width:23px;height:23px;flex:none} .sheet .quick-modes button{display:flex;align-items:center;justify-content:center;gap:6px;padding-inline:5px;font-size:11px} .sheet .quick-modes img.ui-icon{width:22px;height:22px;flex:none} .v9 .mode-switcher img.ui-icon,.mode-switcher img.ui-icon{width:19px;height:19px} .v9 .game-help img.ui-icon,.game-help img.ui-icon{width:22px;height:22px;display:block;margin:auto} .v9 .case-footer-note img.ui-icon,.info-strip img.ui-icon{width:25px;height:25px;flex:none} .v9 .referral-benefits img.ui-icon{width:23px;height:23px;flex:none} .v9 .referral-title img.ui-icon{height:27px;width:27px;margin-right:8px} .v9 .category-tabs button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-width:0;min-height:52px;white-space:normal;word-break:break-word;font-size:9px;line-height:1.14;padding:5px 2px} .v9 .category-tabs button img.ui-icon{height:20px;width:20px;margin:0 auto} .v9 .mission-card>img, .v9 .mission-card.mission-avia>img{ width:clamp(78px,25vw,98px);height:clamp(78px,25vw,98px);max-width:30%; top:50%;right:13px;transform:translateY(-50%); object-fit:contain;z-index:1;animation:none!important; filter:drop-shadow(0 3px 4px rgba(0,0,0,.55)); } .v9 .mission-card:hover>img, .v9 .mission-card.mission-avia:hover>img{transform:translateY(calc(-50% - 2px)) scale(1.025)} .fm-sound img.ui-icon{width:20px;height:20px;display:block;margin:auto} .fm-launch img.ui-icon{height:28px;width:28px;flex:none} .fm-bpla19 .fm-launch>button img.ui-icon{height:27px;width:27px;min-width:24px;flex:none} .fm-aircraft-switch button img.ui-icon{width:22px;height:22px;flex:none} .fm-bottomline img.ui-icon,.fm-speedbar img.ui-icon{width:18px;height:18px} .flight11-mode .bottom-nav .nav-btn>img.ui-icon{height:32px;width:32px} .sheet .btn img.ui-icon{width:21px;height:21px;margin-right:5px} .sheet h3>img.ui-icon{width:23px;height:23px;vertical-align:-5px;margin-right:7px} .sheet .dossier-brief>div span img.ui-icon{width:16px;height:16px;margin-right:3px} .dossier-tabs button{display:flex;align-items:center;justify-content:center;gap:7px} .dossier-tabs button img.ui-icon{width:21px;height:21px;flex:none} .dossier-metric-top i{display:flex;align-items:center;justify-content:center;width:24px;height:24px} .dossier-metric-top i img.ui-icon{height:27px;width:27px} .dossier-crosshair img.ui-icon{height:27px;width:27px;opacity:.58} .dossier-management button img.ui-icon{height:18px;width:18px;flex:none} @media(max-width:370px){ .v9 .bottom-nav .nav-btn>img.ui-icon{width:32px;height:32px} .v9 .action-disc img.ui-icon{width:28px;height:28px} .v9 .category-tabs button{font-size:8px;min-height:48px} .v9 .category-tabs button img.ui-icon{width:19px;height:19px} .sheet .quick-modes button{font-size:9px;gap:3px} .sheet .quick-modes img.ui-icon{height:20px;width:20px} .v9 .mission-card>img,.v9 .mission-card.mission-avia>img{width:78px;height:78px;max-width:28%;right:10px;top:50%} .dossier-tabs button{gap:4px;font-size:11px} .dossier-tabs button img.ui-icon{width:18px;height:18px} } .sheet .balance-large img.ui-icon{width:31px;height:31px;vertical-align:middle;margin-right:7px} .sheet .ui-virtual-note{display:flex;align-items:center;justify-content:center;gap:8px} .sheet .ui-virtual-note img.ui-icon{width:24px;height:24px;flex:none} .sheet .ui-virtual-note span{flex:1;text-align:left} .v9 .bottom-nav .nav-btn,.bottom-nav .nav-btn{ display:flex;align-items:center;justify-content:center;flex-direction:row; gap:0;min-height:48px;padding:4px 2px; } .v9 .bottom-nav .nav-btn>img.ui-icon,.bottom-nav .nav-btn>img.ui-icon{object-fit:contain;} @media(max-width:370px){ .v9 .bottom-nav .nav-btn>img.ui-icon,.bottom-nav .nav-btn>img.ui-icon{width:32px;height:32px;max-height:32px;} .flight11-mode .bottom-nav .nav-btn>img.ui-icon{width:29px;height:29px;} } .v9 .mine-board-wrap .minegrid{aspect-ratio:1;gap:clamp(3px,1.2vw,6px);} .v9 .minegrid button.cell.mines-tile{ border:0!important;padding:0!important;border-radius:8px!important; background:transparent!important;box-shadow:none!important;outline-offset:2px; position:relative;display:block;overflow:hidden;isolation:isolate; -webkit-tap-highlight-color:transparent;touch-action:manipulation; aspect-ratio:1;min-height:0;min-width:0; } .v9 .minegrid button.cell.mines-tile:disabled{opacity:1!important;filter:none!important;} .v9 .minegrid button.cell.mines-tile img.mines-tile-image{ position:absolute;inset:0;display:block;width:100%!important;height:100%!important; max-width:none;max-height:none;margin:0!important;border:0!important; object-fit:contain;object-position:center;pointer-events:none; filter:none!important;transform:scale(1);opacity:1; animation:none;transition:opacity .07s ease-out, transform .14s ease-out; } .v9 .minegrid button.cell.mines-tile img.mines-tile-pressed{opacity:0;transform:scale(.965);} .v9 .minegrid button.cell.mines-tile:not(:disabled):hover{background:transparent!important;box-shadow:none!important;} .v9 .minegrid button.cell.mines-tile:active img.mines-tile-base, .v9 .minegrid button.cell.mines-tile.mines-pressing img.mines-tile-base{opacity:0;transform:scale(.95);} .v9 .minegrid button.cell.mines-tile:active img.mines-tile-pressed, .v9 .minegrid button.cell.mines-tile.mines-pressing img.mines-tile-pressed{opacity:1;transform:scale(.96);} .v9 .minegrid button.cell.mines-tile.open img.mines-tile-result{animation:mines-v24-safe .25s ease-out;} .v9 .minegrid button.cell.mines-tile.boom img.mines-tile-result{animation:mines-v24-boom .32s ease-out;} @keyframes mines-v24-safe{0%{opacity:.65;transform:scale(.80)}65%{transform:scale(1.045)}100%{opacity:1;transform:scale(1)}} @keyframes mines-v24-boom{0%{transform:scale(.85);filter:brightness(1.5)}45%{transform:scale(1.06)}100%{transform:scale(1)}} @media(prefers-reduced-motion:reduce){ .v9 .minegrid button.cell.mines-tile img.mines-tile-image{transition:none!important;animation:none!important;} } .v9 .mission-card.mission-crash { background: linear-gradient(90deg,rgba(4,15,32,.59) 0%,rgba(5,18,34,.19) 46%,transparent 81%), url('assets/banner_crash.webp') 65% center / cover no-repeat; border-color:#59c9eb; box-shadow:inset 0 0 0 1px #52d8ec35,0 3px 9px #000a; } .v9 .mission-card.mission-avia,.v9 .mission-card.mission-flight { background: linear-gradient(90deg,rgba(4,20,35,.57) 0%,rgba(4,25,38,.16) 50%,transparent 85%), url('assets/banner_bpla.webp') 67% center / cover no-repeat; border-color:#4fc3f0; box-shadow:inset 0 0 0 1px #6bddfa32,0 3px 9px #000a; } .v9 .mission-card.mission-mines { background: linear-gradient(90deg,rgba(1,21,19,.62) 0%,rgba(7,28,25,.2) 47%,transparent 87%), url('assets/banner_mines.webp') 64% center / cover no-repeat; border-color:#74c9a0; box-shadow:inset 0 0 0 1px #6de7a436,0 3px 9px #000a; } .v9 .mission-card.mission-crash>img, .v9 .mission-card.mission-avia>img, .v9 .mission-card.mission-flight>img, .v9 .mission-card.mission-mines>img{display:none} .v9 .mission-card.mission-crash::after, .v9 .mission-card.mission-avia::after, .v9 .mission-card.mission-flight::after, .v9 .mission-card.mission-mines::after { background:linear-gradient(90deg,rgba(3,13,21,.38) 0%,rgba(3,15,20,.11) 56%,transparent 87%); pointer-events:none; } .v9 .mission-card.mission-crash .mission-copy, .v9 .mission-card.mission-avia .mission-copy, .v9 .mission-card.mission-flight .mission-copy, .v9 .mission-card.mission-mines .mission-copy {position:relative;z-index:2;width:70%;max-width:235px;} .v9 .mission-card .mission-copy h2 {text-shadow:0 2px 5px #000,0 0 12px #061019c0;} .v9 .mission-card .mission-copy p {color:#edf4e4;text-shadow:0 1px 3px #00151f,0 2px 5px #000e;} .v9 .mission-card .mission-copy>span {color:#f5e2a4;text-shadow:0 1px 4px #00101f;} .v9 .mission-card.mission-avia .mission-copy>span{color:#b2f6ff;} .v9 .mission-card .mission-number{z-index:2;color:#fffdf09e;text-shadow:0 1px 3px #001122;} @media (max-width:370px) { .v9 .mission-card.mission-crash {background-position:center, 63% center;} .v9 .mission-card.mission-avia,.v9 .mission-card.mission-flight {background-position:center, 65% center;} .v9 .mission-card.mission-mines {background-position:center, 63% center;} .v9 .mission-card.mission-crash .mission-copy, .v9 .mission-card.mission-avia .mission-copy, .v9 .mission-card.mission-flight .mission-copy, .v9 .mission-card.mission-mines .mission-copy {width:74%;} } @media(prefers-reduced-motion:reduce){ .v9 .mission-card{transition:none} } :root{ --ct-bg:#071715;--ct-bg-2:#091c1a;--ct-panel:#0d2421;--ct-card:#102925; --ct-line:#29453e;--ct-text:#f1f2ee;--ct-muted:#9aa9a4;--ct-icon:#748681; --ct-gold:#d2ad59;--ct-active:#294d2d;--ct-income:#d8e47a; --ct-font:'Golos Text',Arial,sans-serif;--ct-radius:10px;--ct-gap:9px; } body.ct-ui{background:#101715;color:var(--ct-text);} .ct-ui .app.v9{background:var(--ct-bg);border-color:#162d27;box-shadow:0 12px 42px #0005;} .ct-ui .app.v9::after{display:none;} .ct-ui .v9 .main{scrollbar-color:#36574a var(--ct-bg);overscroll-behavior-y:contain;} .ct-ui .v9 .screen{background:var(--ct-bg);} .ct-ui .v9[data-hub='true'] .screen{padding:0 10px 10px;} .ct-ui .v9:not([data-hub='true']) .screen{padding:0 11px 14px;} .ct-ui button:not(.mission-card):not(.mission-card *),.ct-ui input,.ct-ui select,.ct-ui textarea{font-family:var(--ct-font);} .ct-ui :where(button,input,select,summary,a):not(.mission-card):not(.mission-card *):focus-visible{outline:2px solid #b6c587;outline-offset:3px;} .ct-ui .ct-line-icon{width:22px;height:22px;display:inline-block;flex:none;vertical-align:middle;color:inherit;} .ct-ui .hint{color:var(--ct-muted);line-height:1.5;font-size:12px;} .ct-ui .gold{color:var(--ct-gold);} .ct-ui .screen>h2,.ct-ui .screen>h3,.ct-ui .sheet h3{font:600 16px/1.3 var(--ct-font);letter-spacing:0;text-shadow:none;color:var(--ct-text);} .ct-ui .ct-topbar{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:6px;min-height:48px;padding:2px 0;border-bottom:1px solid #29453e75;background:#061311;flex:none;} .ct-ui .screen>.ct-topbar{margin:0 -10px;padding-inline:7px;} .ct-ui .ct-topbar h1{font:700 18px/1.2 var(--ct-font);letter-spacing:.65px;text-align:center;margin:0;color:var(--ct-text);overflow-wrap:anywhere;} .ct-ui .ct-header-action{width:42px;height:42px;padding:9px;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:none;color:#899a92;box-shadow:none;} .ct-ui .ct-header-action img{width:29px;height:29px;object-fit:contain;border-radius:5px;} .ct-ui .ct-header-action svg{width:22px;height:22px;} .ct-ui .ct-header-action:hover{background:#132823;} .ct-ui .ct-player-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 10px;margin:6px 0 13px;border:1px solid var(--ct-line);border-radius:8px;background:linear-gradient(110deg,#0b201b,#081a18);min-height:68px;flex:none;} .ct-ui .ct-player-main{display:flex;gap:9px;align-items:center;min-width:0;padding:0;text-align:left;background:none;border:0;color:var(--ct-text);} .ct-ui .ct-rank{width:34px;height:44px;flex:none;display:flex;align-items:center;justify-content:center;border:1px solid #887a3e;border-radius:7px;background:#0c1c18;} .ct-ui .ct-rank .rank-icon{width:28px;height:36px;object-fit:contain;filter:none;} .ct-ui .ct-player-copy{display:flex;flex-direction:column;gap:5px;min-width:0;} .ct-ui .ct-player-copy strong{font-size:14px;font-weight:650;line-height:1.25;overflow-wrap:anywhere;} .ct-ui .ct-player-copy small{font-size:10px;line-height:1.35;color:var(--ct-muted);} .ct-ui .ct-player-funds{display:flex;flex-direction:column;align-items:flex-end;gap:2px;max-width:170px;} .ct-ui .ct-balance{display:flex;align-items:center;gap:5px;min-height:29px;padding:3px 5px;border:1px solid #1b3029;border-radius:7px;background:#041311;color:var(--ct-text);} .ct-ui .ct-balance strong{font:700 16px/1.2 var(--ct-font);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;} .ct-ui .ct-income-mini{min-height:23px;padding:1px 0;background:none;border:0;font:600 12px/1.25 var(--ct-font);color:var(--ct-income);} .ct-ui .ct-balance .coin{width:22px;height:22px;flex:none;} .ct-ui .coin,.ct-ui .v9 .coin,.ct-ui .sheet .coin{background:none;border:0;box-shadow:none;filter:none;} .ct-ui .coin img{width:100%;height:100%;display:block;object-fit:contain;} .ct-ui .ct-section-label{display:flex;align-items:center;justify-content:center;gap:10px;color:#a4b1aa;margin:17px 0;} .ct-ui .ct-section-label svg{width:23px;height:23px;} .ct-ui .ct-section-label h2{font:600 15px/1.25 var(--ct-font);letter-spacing:.7px;margin:0;} .ct-ui .v9 .bottom-nav.bottom-nav-ref{height:auto;min-height:68px;flex:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:4px 5px calc(4px + env(safe-area-inset-bottom,0px));border:0;border-top:1px solid var(--ct-line);background:#071715;box-shadow:none;} .ct-ui .v9 .bottom-nav-ref .nav-btn.has-label{min-width:0;min-height:59px;padding:6px 1px;gap:5px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ct-icon);box-shadow:none;font-family:var(--ct-font);} .ct-ui .v9 .bottom-nav-ref .nav-btn.has-label span{font:500 10px/1.2 var(--ct-font);color:inherit;white-space:nowrap;} .ct-ui .v9 .bottom-nav-ref .nav-btn.has-label.active{background:#223e28;border:1px solid #73834c;box-shadow:none;color:#e5e9cd;} .ct-ui .v9 .bottom-nav-ref .nav-btn.has-label.active span{color:inherit;font-weight:650;} .ct-ui .v9 .bottom-nav-ref .nav-btn.has-label>svg.nav-outline-icon{width:24px;height:24px;filter:none;stroke-width:1.7;} .ct-ui .v9 .bottom-nav-ref .nav-corgi-face{width:27px;height:27px;object-fit:contain;box-shadow:none;border-radius:5px;} .ct-ui .app.v9 .home.polished-home.ct-home{display:flex;flex-direction:column;gap:0;min-height:100%;height:100%;background:var(--ct-bg);padding:0 0 9px;} .ct-ui .ct-home>.ct-topbar{padding-inline:9px;} .ct-ui .ct-home>.ct-player-panel{margin:0 10px 0;border-top:0;border-radius:0 0 8px 8px;position:relative;z-index:3;} .ct-ui .app.v9 .ct-home>.ct-hq-scene{position:relative;flex:1 0 280px;min-height:280px;background:#171e17 url('assets/hq_user_hangar.webp') center 40%/cover no-repeat;border:0;border-radius:0;margin:0;box-shadow:none;isolation:isolate;overflow:hidden;} .ct-ui .ct-hq-scene::before{content:'';position:absolute;inset:0;background:linear-gradient(#00100c55,transparent 32%,#05110a18 65%,#071715);z-index:0;pointer-events:none;} .ct-ui .ct-hq-scene::after{box-shadow:inset 16px 0 22px #02120a60,inset -16px 0 22px #02120a60;z-index:0;} .ct-ui .ct-hq-brand{position:absolute;top:16px;left:0;right:0;display:flex;align-items:center;flex-direction:column;gap:5px;z-index:1;color:#d6dbcf;font:600 13px/1.2 var(--ct-font);letter-spacing:1.5px;text-shadow:0 2px 4px #000;} .ct-ui .ct-hq-brand svg{width:24px;height:24px;color:#d1d6bd;} .ct-ui .v9 .ct-hq-corgi{position:absolute;inset:65px 15% 12px;transform:none;padding:0;width:auto;height:auto;display:flex;align-items:flex-end;justify-content:center;z-index:1;border:0;background:none;} .ct-ui .v9 .ct-hq-corgi .hero-corgi{position:relative!important;inset:auto!important;width:auto!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain;object-position:center bottom;transform:none;filter:drop-shadow(0 6px 4px #0008)!important;} .ct-ui .ct-hq-scene .corgi-shadow{position:absolute;inset:auto 24% 10px;width:auto;height:16px;border-radius:50%;background:#0006;filter:blur(7px);transform:none;animation:none;} .ct-ui .ct-home .stage-action{bottom:9px!important;width:82px;max-width:25%;gap:0;z-index:2;} .ct-ui .ct-home .stage-action.tasks{left:10px!important;} .ct-ui .ct-home .stage-action.daily{right:10px!important;} .ct-ui .ct-home .action-disc{width:60px;height:60px;border:1px solid #799f91;border-radius:50%;background:#0f302a;box-shadow:inset 0 0 0 3px #0b1e1a,0 3px 6px #0006;} .ct-ui .ct-home .action-disc img{width:34px;height:34px;filter:none;} .ct-ui .ct-home .action-caption{font:600 11px/1.15 var(--ct-font);background:none;color:var(--ct-text);margin:6px 0 0;text-shadow:0 1px 3px #000;} .ct-ui .ct-home .status-dot{width:auto;min-width:15px;height:15px;line-height:13px;top:-2px;right:-1px;font:600 9px/13px var(--ct-font);padding:0 3px;border:1px solid #f3b7a6;background:#c94037;box-shadow:none;} .ct-ui .status-dot[hidden]{display:none!important;} .ct-ui .ct-home .pet-feedback{top:58px;left:12%;width:76%;transform:none;z-index:4;font-size:12px;} .ct-ui .ct-home .pet-feedback:empty{display:none;} .ct-ui .app.v9 .ct-home .ct-hq-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 11px;margin:3px 0 0;gap:8px;flex:none;background:none;} .ct-ui .v9 .ct-hq-categories .hq-ref-card{border:1px solid var(--ct-line);border-radius:7px;height:105px;min-height:105px;padding:0;background:#071513;box-shadow:none;} .ct-ui .v9 .ct-hq-categories .hq-ref-card img{inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.84) saturate(.8);margin:0;} .ct-ui .ct-hq-categories .hq-ref-card::before{z-index:1;background:linear-gradient(transparent 50%,#041210e8 80%);} .ct-ui .ct-hq-categories .slot-kind{position:absolute!important;bottom:9px;left:8px;padding:0!important;font:600 11px/1.15 var(--ct-font)!important;} .ct-ui .ct-hq-categories .slot-arrow{bottom:6px!important;right:6px!important;width:20px!important;height:20px!important;font:400 18px/1 var(--ct-font)!important;background:#09201b!important;border:1px solid #786535!important;color:var(--ct-gold)!important;} .ct-ui .v9 .ct-home>.hq-income.ct-hq-income{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;flex:none;margin:10px 11px 0;min-height:71px;padding:8px;border:1px solid #667845;border-radius:8px;background:linear-gradient(110deg,#1d3521,#10231a);box-shadow:none;} .ct-ui .ct-home .ct-hq-income .caption{font:400 12px/1.2 var(--ct-font);color:#cbd2c5;text-shadow:none;} .ct-ui .ct-home .ct-hq-income .income-value{font:700 27px/1.2 var(--ct-font);color:#e3c16b;letter-spacing:-.5px;text-shadow:none;gap:7px;} .ct-ui .ct-hq-income .coin{width:28px;height:28px;} .ct-ui .v9 .btn,.ct-ui .sheet .btn{min-height:43px;padding:10px 13px;border:1px solid #4e6951;border-radius:8px;background:#2a5035;color:#eef1df;font:650 13px/1.3 var(--ct-font);text-transform:none;letter-spacing:0;text-shadow:none;box-shadow:none;} .ct-ui .v9 .btn.goldbtn,.ct-ui .sheet .btn.goldbtn{border-color:#867445;background:#5a4c2c;color:#fff1c6;box-shadow:none;text-shadow:none;} .ct-ui .v9 .btn.dark,.ct-ui .sheet .btn.dark{background:#102721;border-color:var(--ct-line);color:var(--ct-text);box-shadow:none;} .ct-ui .v9 .btn.red,.ct-ui .sheet .btn.red{background:#532b28;border-color:#795149;color:#f5c3b7;box-shadow:none;} .ct-ui .btn:hover:not(:disabled){filter:brightness(1.09);} .ct-ui .v9 .btn.compact,.ct-ui .sheet .btn.compact{min-height:36px;padding:7px 10px;font-size:12px;} .ct-ui :where(.sheet,.screen) input:not([type='checkbox']):not([type='file']),.ct-ui :where(.sheet,.screen) select{background:#071916;color:var(--ct-text);border:1px solid #345149;border-radius:7px;box-shadow:none;font-family:var(--ct-font);min-width:0;} .ct-ui :where(.sheet,.screen) input[type='checkbox']{accent-color:#718a54;width:19px;height:19px;} .ct-ui .v9 .tabs button,.ct-ui .v9 .size-buttons button,.ct-ui .v9 .bomb-buttons button,.ct-ui .v9 .top-source button{background:#0a1e1a;border:1px solid var(--ct-line);border-radius:9px;color:#bfcac3;box-shadow:none;min-height:36px;font:500 12px/1.2 var(--ct-font);} .ct-ui .v9 .tabs button.active,.ct-ui .v9 .size-buttons button.active,.ct-ui .v9 .bomb-buttons button.active,.ct-ui .v9 .top-source button.active{background:#243c26;border-color:#71844f;color:#f0efcf;box-shadow:none;} .ct-ui .v9 .empty,.ct-ui .v9 .info-strip,.ct-ui .v9 .game-summary{background:#0b211c;border:1px solid var(--ct-line);border-radius:9px;padding:15px;color:var(--ct-muted);box-shadow:none;font-size:13px;} .ct-ui .progress,.ct-ui .dossier-bar{height:7px;background:#102521;border:1px solid #244037;border-radius:6px;overflow:hidden;box-shadow:none;} .ct-ui .progress>i,.ct-ui .dossier-bar>i{background:#76986a;box-shadow:none;} .ct-ui .v9 .category-tabs{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;margin:12px 0 8px;padding-bottom:3px;} .ct-ui .v9 .category-tabs button{display:flex;align-items:center;justify-content:center;padding:8px 11px;gap:5px;flex:none;white-space:nowrap;} .ct-ui .v9 .category-tabs button .ui-icon{display:none;} .ct-ui .v9 .nation-filters{display:flex;gap:6px;justify-content:space-between;margin:6px 0 10px;padding:0;} .ct-ui .v9 .nation-filters button{width:calc((100% - 30px)/6);min-width:38px;max-width:53px;min-height:38px;padding:6px;border:1px solid #213c33;border-radius:8px;background:#0b201b;box-shadow:none;color:#889e90;} .ct-ui .v9 .nation-filters button.active{background:#203a28;border-color:#6f8150;box-shadow:none;} .ct-ui .v9 .nation-filters .filter-flag{width:31px;height:22px;display:flex;margin:auto;border-radius:3px;box-shadow:none;} .ct-ui .v9 .nation-filters .filter-flag img{width:100%;height:100%;object-fit:contain;} .ct-ui .v9 .nation-filters .ct-line-icon{width:24px;height:24px;} .ct-ui .v9 .garage-summary,.ct-ui .v9 .collection-summary{padding:9px 2px;border:0;border-top:1px solid #24413766;border-bottom:1px solid #24413766;border-radius:0;background:none;margin:8px 0;box-shadow:none;min-height:50px;gap:8px;} .ct-ui .v9 .garage-summary span,.ct-ui .v9 .collection-summary span{font-size:10px;color:var(--ct-muted);} .ct-ui .v9 .garage-summary strong,.ct-ui .v9 .collection-summary strong{font:650 19px/1.3 var(--ct-font);} .ct-ui .v9 .garage-summary b,.ct-ui .v9 .collection-summary b{font:650 15px/1.3 var(--ct-font);color:var(--ct-income);} .ct-ui .v9 .garage-tools{font-size:11px;margin:5px 0 9px;color:var(--ct-muted);gap:8px;} .ct-ui .v9 .garage-tools button{border:0;background:none;color:#c1cdaa;font-size:12px;min-height:36px;padding:5px 1px;box-shadow:none;} .ct-ui .v9 .garage-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;} .ct-ui .v9 .collection-card.arsenal-row{background:linear-gradient(110deg,#102721,#0a1b17);border:1px solid var(--ct-line);border-radius:10px;box-shadow:none;opacity:1;} .ct-ui .v9 .collection-card.arsenal-row.selected{border-color:#63744d;background:linear-gradient(110deg,#162e22,#0d211b);box-shadow:inset 3px 0 #76854b;} .ct-ui .v9 .arsenal-row .collection-main.arsenal-row-main{display:grid;grid-template-columns:40% minmax(0,60%);min-height:114px;height:auto;padding:0;gap:0;align-items:stretch;} .ct-ui .v9 .arsenal-row .arsenal-row-visual{position:relative;width:auto;height:auto;min-height:112px;margin:0;padding:12px 6px;display:flex;align-items:center;background:linear-gradient(130deg,#11261b55,transparent);border:0;} .ct-ui .v9 .arsenal-row .arsenal-row-img{position:static;width:100%;height:85px;object-fit:contain;max-width:100%;margin:0;filter:none;mix-blend-mode:screen;} .ct-ui .v9 .arsenal-row .arsenal-row-details{width:auto;min-width:0;min-height:112px;padding:15px 35px 14px 12px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:6px;position:relative;} .ct-ui .v9 .arsenal-row .arsenal-row-name{font:650 14px/1.3 var(--ct-font);color:var(--ct-text);overflow-wrap:anywhere;} .ct-ui .v9 .arsenal-row .arsenal-row-rarity{font:500 10.5px/1.25 var(--ct-font);padding:3px 6px;min-height:20px;background:color-mix(in srgb,var(--rarity) 9%,#10251d);color:color-mix(in srgb,var(--rarity) 52%,#e5e9df);border:1px solid color-mix(in srgb,var(--rarity) 14%,#1c3025);border-radius:5px;} .ct-ui .v9 .arsenal-row .arsenal-row-note,.ct-ui .v9 .arsenal-row .lock-label{font-size:10px;line-height:1.25;color:#8fa096;} .ct-ui .v9 .arsenal-row .arsenal-row-note.is-equipped{color:#bbc997;} .ct-ui .v9 .arsenal-row .arsenal-row-arrow{width:27px;height:27px;min-width:27px;right:7px;font:400 22px/1 var(--ct-font);background:#0a1e18;border:1px solid #365046;color:#c2c9b9;box-shadow:none;} .ct-ui .v9 .arsenal-row .card-corner{position:absolute;left:7px;top:7px;opacity:.72;transform:scale(.75);transform-origin:left top;} .ct-ui .v9 .arsenal-row.unowned{opacity:.7;} .ct-ui .v9 .arsenal-row.unowned .arsenal-row-img{filter:grayscale(.65) brightness(.64);} .ct-ui .v9 .arsenal-row .owned-count{background:#142b21;border:1px solid #355244;font-size:10px;color:#d5ddce;} .ct-ui .v9 .case{border:1px solid var(--ct-line);border-radius:10px;background:#0b201b;box-shadow:none;padding:11px;gap:9px;} .ct-ui .v9 .case-halo,.ct-ui .case-rays,.ct-ui .reward-rays{opacity:.18;} .ct-ui .v9 .case h2{font:650 18px/1.2 var(--ct-font);color:var(--ct-text);text-shadow:none;letter-spacing:0;} .ct-ui .v9 .case-art img{filter:drop-shadow(0 4px 3px #0006);} .ct-ui .case-info p,.ct-ui .case-meta,.ct-ui .probabilities{font-size:12px;line-height:1.4;color:var(--ct-muted);} .ct-ui .v9 .case-footer-note{font-size:12px;line-height:1.45;border-color:var(--ct-line);color:var(--ct-muted);} .ct-ui .v9 .equip-scene{border:1px solid var(--ct-line);border-radius:10px;box-shadow:none;} .ct-ui .v9 .equip-lines{opacity:.32;filter:none;} .ct-ui .v9 .equip-card{border:1px solid color-mix(in srgb,var(--rarity) 30%,#2a4435);border-radius:9px;background:#0d241eeb;box-shadow:none;} .ct-ui .v9 .hq-income.equip-income{border:1px solid #55613c;background:#10271c;border-radius:9px;box-shadow:none;} .ct-ui .v9 .leader{min-height:66px;padding:10px 9px;border:1px solid var(--ct-line);border-radius:8px;background:#0b211b;box-shadow:none;gap:8px;margin:6px 0;} .ct-ui .v9 .leader.me{border-color:#60784b;background:#142c1d;box-shadow:none;} .ct-ui .leader-info{min-width:0;}.ct-ui .leader-info strong{font-size:12px;overflow-wrap:anywhere;} .ct-ui .leader-value{font-size:12px;color:#d9c185;font-variant-numeric:tabular-nums;} .ct-ui .v9 .place{color:var(--ct-muted);background:none;border:0;font:600 15px/1 var(--ct-font);} .ct-ui .v9 .rank-hero,.ct-ui .v9 .v9-rank-row,.ct-ui .v9 .referral-benefits>div{background:#0d231c;border:1px solid var(--ct-line);border-radius:8px;box-shadow:none;} .ct-ui .v9 .v9-rank-row.current{border-color:#72834e;background:#203824;} .ct-ui .v9 .v9-rank-row strong{font-size:13px;}.ct-ui .v9 .v9-rank-row small{font-size:12px;color:var(--ct-muted);} .ct-ui .v9 .referral-title{font:650 19px/1.3 var(--ct-font);text-shadow:none;} .ct-ui .v9 .referral-copy{font-size:13px;color:var(--ct-muted);line-height:1.5;} .ct-ui .v9 .referral-art{max-height:190px;overflow:hidden;border:1px solid var(--ct-line);border-radius:10px;background:#0c211a;} .ct-ui .v9 .referral-art img{height:180px;max-width:100%;object-fit:contain;filter:none;} .ct-ui .v9 .referral-benefits strong{color:var(--ct-gold);font-size:18px;} .ct-ui .sheet-backdrop,.ct-ui .sheet-backdrop:has(.sheet[data-view='profile']){background:#020907bf;backdrop-filter:blur(5px);padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));} .ct-ui .sheet,.ct-ui .sheet[data-view='profile']{width:min(440px,100%);max-width:440px;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:0;overflow:hidden;display:flex;flex-direction:column;border:1px solid #365044;border-radius:12px;background:var(--ct-bg);box-shadow:0 15px 60px #0008;color:var(--ct-text);font-family:var(--ct-font);} .ct-ui .sheet[data-view='profile']{height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));} .ct-ui .sheet-header,.ct-ui .sheet[data-view='profile'] .sheet-header{background:#0a1d18;min-height:49px;padding:5px 10px 5px 15px;border-bottom:1px solid var(--ct-line);box-shadow:none;flex:none;} .ct-ui .sheet-header::before,.ct-ui .sheet-header::after{display:none;} .ct-ui .sheet-header h2,.ct-ui .sheet[data-view='profile'] .sheet-header h2{font:650 15px/1.3 var(--ct-font);text-shadow:none;letter-spacing:.2px;color:var(--ct-text);overflow-wrap:anywhere;} .ct-ui .sheet .icon-button,.ct-ui .sheet[data-view='profile'] .icon-button{width:40px;height:40px;padding:10px;border:0;background:none;color:#9db0a3;border-radius:8px;box-shadow:none;} .ct-ui .sheet .icon-button svg{width:22px;height:22px;} .ct-ui .sheet-body{padding:14px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;font-size:13px;line-height:1.45;color:#c8d1c8;} .ct-ui .sheet-body h3{margin:14px 0 9px;}.ct-ui .sheet-body p{line-height:1.5;} .ct-ui .sheet .controls{display:flex;flex-wrap:wrap;gap:8px;} .ct-ui .sheet .controls>.btn{flex:1 1 110px;} .ct-ui .sheet .task-row,.ct-ui .sheet .settings-row,.ct-ui .sheet .transaction-preview,.ct-ui .sheet .income-row,.ct-ui .sheet .wallet-row,.ct-ui .sheet .item,.ct-ui .sheet .fm-history-row{padding:12px;border:1px solid var(--ct-line);border-radius:9px;background:#0d231c;box-shadow:none;margin:8px 0;} .ct-ui .task-top strong{font-size:14px;font-weight:650;color:var(--ct-text);} .ct-ui .task-bottom{gap:8px;}.ct-ui .task-reward{font-size:12px;color:#d0c17c;} .ct-ui .days{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:12px 0;} .ct-ui .day{min-height:108px;border:1px solid var(--ct-line);border-radius:8px;background:#0d231c;box-shadow:none;gap:7px;padding:10px 3px;} .ct-ui .day.current{border-color:#899454;background:#233722;box-shadow:none;} .ct-ui .day.claimed{background:#162d21;}.ct-ui .day strong{font-size:13px;color:var(--ct-gold);} .ct-ui .day-check{font-size:9px;}.ct-ui .day>span:first-child{font-size:11px;} .ct-ui .sheet .menu-brand{background:none;border:0;border-bottom:1px solid var(--ct-line);padding:0 0 12px;margin-bottom:12px;} .ct-ui .menu-brand h3{font:700 19px/1.2 var(--ct-font);letter-spacing:.4px;color:var(--ct-text);} .ct-ui .menu-brand img{border-radius:9px;width:47px;height:47px;object-fit:cover;} .ct-ui .build-pill{display:none;} .ct-ui .sheet .menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;} .ct-ui .sheet .menu-tile{border:1px solid var(--ct-line);border-radius:9px;background:#0d241d;box-shadow:none;min-height:91px;padding:10px;color:var(--ct-muted);gap:5px;} .ct-ui .sheet .menu-tile b{font:650 14px/1.25 var(--ct-font);color:var(--ct-text);} .ct-ui .sheet .menu-tile span{font-size:11px;line-height:1.3;} .ct-ui .sheet .menu-tile .ui-icon,.ct-ui .sheet .menu-tile .nav-outline-icon{width:26px;height:26px;filter:none;color:#9dad95;} .ct-ui .menu-links button,.ct-ui .quick-modes button{border:1px solid var(--ct-line);border-radius:8px;background:#0c211c;color:var(--ct-text);padding:11px;min-height:43px;box-shadow:none;} .ct-ui .quick-modes button{font-size:12px;} .ct-ui .ct-about{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ct-line);padding:5px 0 14px;} .ct-ui .ct-about strong{font:700 20px/1.2 var(--ct-font);}.ct-ui .ct-about span{color:var(--ct-muted);} .ct-ui .sheet .item{gap:10px;}.ct-ui .sheet .item .details{min-width:0;}.ct-ui .sheet .item .details b{overflow-wrap:anywhere;} .ct-ui .sheet .item>img{object-fit:contain;mix-blend-mode:screen;} .ct-ui .sheet .item-hero{background:#0c211b;border:1px solid var(--ct-line);border-radius:10px;box-shadow:none;} .ct-ui .sheet .item-hero img,.ct-ui .sheet .reward-art img{object-fit:contain;max-width:100%;max-height:230px;filter:drop-shadow(0 5px 3px #0004);} .ct-ui .sheet .item-price,.ct-ui .sheet .reward-amount{font-family:var(--ct-font);color:var(--ct-gold);} .ct-ui .sheet .tier{border:1px solid color-mix(in srgb,currentColor 25%,#1e3529);background:#0e241b;border-radius:5px;padding:4px 7px;font-size:11px;} .ct-ui #toast{left:50%;right:auto;transform:translateX(-50%);width:min(414px,calc(100% - 26px));bottom:calc(78px + env(safe-area-inset-bottom));top:auto;border:1px solid #506d51;border-radius:10px;background:#112c21;color:#e4ebdd;padding:12px 14px;box-shadow:0 6px 24px #0006;font:500 13px/1.45 var(--ct-font);} .ct-ui .sheet[data-view='profile'] .sheet-body{padding:0;} .ct-ui .dossier{background:var(--ct-bg);color:var(--ct-text);font-family:var(--ct-font);} .ct-ui .ct-profile-hero{display:flex;gap:13px;align-items:center;padding:18px 13px 16px;border-bottom:1px solid #29453e66;} .ct-ui .ct-profile-avatar{width:87px;height:98px;object-fit:cover;border:1px solid #516348;border-radius:9px;flex:none;background:#0c241c;} .ct-ui .ct-profile-identity{flex:1;min-width:0;} .ct-ui .ct-profile-identity h2{font:700 22px/1.2 var(--ct-font);margin:0 0 5px;color:var(--ct-text);overflow-wrap:anywhere;} .ct-ui .ct-profile-identity p{font-size:12px;color:var(--ct-muted);margin:0;} .ct-ui .ct-profile-xp{display:flex;gap:9px;align-items:center;margin-top:10px;} .ct-ui .ct-profile-xp>.rank-icon{width:28px;height:36px;object-fit:contain;filter:none;} .ct-ui .ct-profile-xp>div{flex:1;min-width:0;} .ct-ui .ct-profile-xp small{display:block;text-align:right;font:400 10px/1.4 var(--ct-font);margin-top:6px;color:var(--ct-muted);} .ct-ui .dossier-brief{background:none;border:0;border-bottom:1px solid var(--ct-line);padding:8px 12px;margin:0;box-shadow:none;gap:7px;} .ct-ui .dossier-brief>div{border:0;background:none;box-shadow:none;padding:4px;} .ct-ui .dossier-brief>div span{font:500 9px/1.3 var(--ct-font);color:var(--ct-muted);letter-spacing:.4px;} .ct-ui .dossier-brief>div b{font:650 14px/1.3 var(--ct-font);color:var(--ct-text);overflow-wrap:anywhere;} .ct-ui .dossier-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px 12px 0;gap:6px;margin:0;background:none;border:0;} .ct-ui .dossier-tabs button{min-height:36px;padding:6px 3px;border:1px solid var(--ct-line);border-radius:8px;background:#0a211b;color:var(--ct-muted);font-size:11px;box-shadow:none;gap:4px;} .ct-ui .dossier-tabs button.active{background:#233c27;border-color:#687a4b;color:#e0e7d2;box-shadow:none;} .ct-ui .dossier-tabs .ui-icon,.ct-ui .dossier-tabs .nav-outline-icon{width:17px;height:17px;color:inherit;} .ct-ui .dossier-content{padding:0 12px 15px;} .ct-ui .dossier-section-heading{margin:20px 0 10px;padding:0;} .ct-ui .dossier-section-heading h3{font:600 15px/1.25 var(--ct-font)!important;color:#c8cfc1;margin:0;letter-spacing:.2px;} .ct-ui .dossier-section-heading>span,.ct-ui .dossier-section-heading>div>span{color:var(--ct-muted);font-size:10px;} .ct-ui .dossier-metrics{gap:8px;} .ct-ui .dossier-metric{min-height:86px;padding:12px 11px;border:1px solid var(--ct-line);border-radius:9px;background:linear-gradient(110deg,#102720,#081c16);box-shadow:none;} .ct-ui .dossier-metric-top{color:var(--ct-muted);font-size:11px;}.ct-ui .dossier-metric-top i{background:none;border:0;box-shadow:none;color:var(--ct-gold);} .ct-ui .dossier-metric-top .ui-icon,.ct-ui .dossier-metric-top .nav-outline-icon{width:22px;height:22px;color:var(--ct-gold);} .ct-ui .dossier-metric>strong{font:650 23px/1.25 var(--ct-font);color:var(--ct-text);text-shadow:none;margin-top:4px;} .ct-ui .dossier-metric>small{font-size:10px;color:var(--ct-muted);} .ct-ui .dossier-panel,.ct-ui .dossier-loadout-card,.ct-ui .dossier-overview-slot,.ct-ui .dossier-showcase-card,.ct-ui .dossier-picker-card{border:1px solid var(--ct-line);border-radius:9px;background:#0b211b;box-shadow:none;} .ct-ui .dossier-loadout-card{padding:8px 6px;}.ct-ui .dossier-loadout-card strong{font:600 11px/1.25 var(--ct-font);color:var(--ct-text);} .ct-ui .dossier-loadout-card small{font-size:10px;color:var(--ct-muted);}.ct-ui .dossier-loadout-card img{mix-blend-mode:screen;} .ct-ui .dossier-notice{padding:10px;background:#0e251d;border:1px solid var(--ct-line);border-radius:8px;color:var(--ct-muted);font-size:12px;box-shadow:none;} .ct-ui .dossier-notice .ui-icon{width:19px;height:19px;} .ct-ui .dossier-rename input{min-height:40px;width:100%;font-size:14px;} .ct-ui .dossier-rename button,.ct-ui .dossier-mini-action,.ct-ui .dossier-management button,.ct-ui .dossier-wide-link{background:#203d29;border:1px solid #4e6545;border-radius:7px;color:#e0e5d2;box-shadow:none;min-height:37px;font:600 12px/1.3 var(--ct-font);} .ct-ui .dossier-section-heading.with-link button{color:var(--ct-muted);font-size:11px;min-height:32px;} .ct-ui .dossier-filter button{background:#0a201a;border:1px solid var(--ct-line);border-radius:7px;color:var(--ct-muted);min-height:36px;box-shadow:none;} .ct-ui .dossier-filter button.active{background:#25402a;border-color:#718053;color:var(--ct-text);} .ct-ui .dossier-show-info strong,.ct-ui .dossier-picker-card strong{font-family:var(--ct-font);color:var(--ct-text);} .ct-ui .dossier-show-info small,.ct-ui .dossier-section-desc,.ct-ui .dossier-show-index{color:var(--ct-muted);} .ct-ui .dossier-footer{background:#081b16;border-top:1px solid var(--ct-line);color:var(--ct-muted);font-size:10px;letter-spacing:.6px;} .ct-ui .v9 .crash-premium-shell{background:none;} .ct-ui .crash-premium-shell>.ct-topbar{margin:0 -9px;padding-inline:5px;} .ct-ui .crash-premium-shell>.ct-player-panel{margin-bottom:10px;} .ct-ui .v9 .crash-room-head{margin:8px 0;} .ct-ui .v9 .crash-room-head .room-switch{border:1px solid var(--ct-line);border-radius:8px;background:#0e241e;box-shadow:none;} .ct-ui .v9 .crash-room-head .room-switch button{min-height:34px;border:0;background:none;color:#c6d1c4;box-shadow:none;font-size:12px;} .ct-ui .v9 .crash-rules-button{background:#0d251e;border:1px solid var(--ct-line);color:#c6d2c3;border-radius:8px;min-width:36px;height:36px;box-shadow:none;} .ct-ui .v9 .crash-stage{border:1px solid #315044;border-radius:11px;box-shadow:none;} .ct-ui .v9 .crash-bet-module{background:#0c231c;border:1px solid var(--ct-line);border-radius:10px;box-shadow:none;} .ct-ui .v9 .crash-stake-control .stake-label label{font-size:15px;}.ct-ui .v9 .stake-label small{font-size:10px;color:var(--ct-muted);} .ct-ui .v9 .stake-adjust input{font:650 22px/1.2 var(--ct-font);height:43px;color:var(--ct-text);} .ct-ui .v9 .stake-adjust button{height:43px;background:#19332a;border:1px solid #365648;border-radius:7px;box-shadow:none;color:#b8c9bc;} .ct-ui .v9 .stake-presets button{background:#112a22;border:1px solid var(--ct-line);border-radius:7px;box-shadow:none;color:#a3b89f;font:600 12px/1.2 var(--ct-font);min-height:34px;} .ct-ui .v9 .crash-bet-module .auto-controls{border-color:var(--ct-line);background:none;} .ct-ui .v9 .crash-primary-btn{min-height:47px;background:linear-gradient(#657945,#435b35);border:1px solid #7c8c51;color:#f3efcc;box-shadow:none;text-shadow:none;font:700 17px/1.2 var(--ct-font);} .ct-ui .v9 .crash-cashout-btn{background:linear-gradient(#548353,#346b47);border-color:#6e9865;color:#eff5e6;} .ct-ui .v9 .crash-history .history-pill,.ct-ui .v9 .crash-history button{box-shadow:none;} .ct-ui .v9 .crash-history-head{color:var(--ct-muted);} .ct-ui .v9 .crash-live-panel,.ct-ui .v9 .crash-player{background:#0b211c;border-color:var(--ct-line);box-shadow:none;} .ct-ui .room-note,.ct-ui .crash-legal{color:var(--ct-muted);font-size:11px;} .ct-ui .v9 .mine-settings{padding:0;gap:10px;background:none;border:0;margin:12px 0;} .ct-ui .v9 .mine-settings label{font-size:12px;color:var(--ct-muted);} .ct-ui .v9 .mine-board-wrap{background:#0b211b;border:1px solid var(--ct-line);border-radius:10px;padding:9px;box-shadow:none;} .ct-ui .v9 .board-label{color:var(--ct-muted);font-size:10px;} .ct-ui .v9 .stake-v7:not(.crash-stake-control){background:#0d241e;border:1px solid var(--ct-line);border-radius:9px;padding:11px;box-shadow:none;} .ct-ui .v9 .mine-payout-bar{background:#10271d;border:1px solid var(--ct-line);border-radius:9px;padding:10px;box-shadow:none;} .ct-ui .mine-payout-bar small{font-size:11px;color:var(--ct-muted);} .ct-ui .mine-payout-bar b{font-family:var(--ct-font);font-size:19px;} .ct-ui .fm-screen,.ct-ui .fm-bpla19,.ct-ui .v9.bpla19-mode .screen{background:var(--ct-bg);color:var(--ct-text);} .ct-ui .fm-header,.ct-ui .fm-bpla19 .fm-header{background:#091d17;border:0;border-bottom:1px solid var(--ct-line);box-shadow:none;border-radius:0;min-height:45px;height:auto;padding:4px 5px;gap:6px;} .ct-ui .fm-header .icon-button{background:none;border:0;box-shadow:none;width:36px;min-width:36px;height:36px;padding:8px;color:#899e90;} .ct-ui .fm-header h1.ct-flight-title{font:650 14px/1.25 var(--ct-font);color:var(--ct-text);margin:0;letter-spacing:.4px;min-width:0;} .ct-ui .fm-header h1.ct-flight-title::before,.ct-ui .fm-header h1.ct-flight-title::after{display:none;} .ct-ui .fm-header .wallet-trigger,.ct-ui .fm-statusbar .wallet-trigger{padding:5px;border:1px solid var(--ct-line);border-radius:7px;background:#071a14;box-shadow:none;min-height:30px;} .ct-ui .fm-header .wallet-trigger strong{font-size:13px;} .ct-ui .fm-statusbar{background:#0c221a;border:0;border-bottom:1px solid var(--ct-line);box-shadow:none;} .ct-ui .fm-telemetry,.ct-ui .fm-bpla19 .fm-telemetry{background:#0d241e;border-color:var(--ct-line);box-shadow:none;border-radius:8px;gap:5px;} .ct-ui .fm-telemetry>div,.ct-ui .fm-bpla19 .fm-telemetry>div{background:#0c201a;border:1px solid var(--ct-line);border-radius:7px;box-shadow:none;padding:8px 5px;} .ct-ui .fm-telemetry small{font:500 9px/1.25 var(--ct-font);color:var(--ct-muted);letter-spacing:.1px;} .ct-ui .fm-telemetry b{font:650 18px/1.25 var(--ct-font);color:#d9e7c5;} .ct-ui .fm-bpla19 .fm-telemetry .fm-estimate b{color:var(--ct-gold);} .ct-ui .fm-bottom-controls,.ct-ui .fm-bpla19 .fm-bottom-controls{background:#091e17;border-color:var(--ct-line);box-shadow:none;} .ct-ui .fm-stake,.ct-ui .fm-speedbar,.ct-ui .fm-launch-panel,.ct-ui .fm-bpla19 .fm-stake,.ct-ui .fm-bpla19 .fm-speedbar{background:#10271e;border-color:var(--ct-line);box-shadow:none;border-radius:9px;} .ct-ui .fm-stake label,.ct-ui .fm-speedbar>span{font:500 12px/1.25 var(--ct-font);color:var(--ct-muted);} .ct-ui .fm-stake-input input{min-height:40px;background:#081c16!important;color:var(--ct-text);border:1px solid #35503e;font:650 20px/1.3 var(--ct-font);} .ct-ui .fm-stake-input button,.ct-ui .fm-presets button,.ct-ui .fm-speedbar button,.ct-ui .fm-aircraft-switch button{border:1px solid #38533e;border-radius:7px;background:#183427;box-shadow:none;color:#c5d2b8;} .ct-ui .fm-presets button{min-height:32px;font-size:10px;} .ct-ui .fm-speedbar button[aria-pressed='true'],.ct-ui .fm-aircraft-switch button[aria-pressed='true']{border-color:#7b8c50;background:#314e30;box-shadow:none;color:#ecedcc;} .ct-ui .fm-launch>button,.ct-ui .fm-bpla19 .fm-launch>button{border:1px solid #7d854c;background:linear-gradient(#647e48,#385a35);box-shadow:none;color:#f0edcf;text-shadow:none;} .ct-ui .fm-launch>button>span{font-family:var(--ct-font);font-size:14px;text-shadow:none;} .ct-ui .fm-scene{border-color:var(--ct-line);box-shadow:none;border-radius:9px;} .ct-ui .fm-scene-caption{background:#0c261dcc;border:1px solid #3c5440;border-radius:7px;box-shadow:none;color:#e0e7d3;} .ct-ui .fm-result,.ct-ui .fm-scene-end,.ct-ui .fm-bpla19 .fm-scene-end{background:#10271fee;border:1px solid #657247;border-radius:10px;box-shadow:0 5px 22px #0005;color:#e5e9d7;} .ct-ui .fm-offline{background:#10271ff2;border:1px solid #536643;border-radius:9px;box-shadow:none;color:#c5d2b8;} .ct-ui .fm-rule-hero,.ct-ui .fm-rule-row{border:1px solid var(--ct-line);border-radius:9px;background:#0f281e;box-shadow:none;color:var(--ct-text);} .ct-ui .fm-rule-hero b{color:var(--ct-gold);}.ct-ui .fm-rule-row.bad{background:#332822;border-color:#655047;} .ct-ui .fm-bottomline,.ct-ui .fm-footnote{color:var(--ct-muted);font-size:10px;} html[data-command-pending='true'] .ct-ui .btn{cursor:progress;} @media(max-width:359px){ .ct-ui .ct-player-panel{gap:6px;padding:8px;} .ct-ui .ct-player-main{gap:6px;}.ct-ui .ct-rank{width:28px;height:38px;} .ct-ui .ct-rank .rank-icon{width:23px;height:30px;} .ct-ui .ct-player-copy strong{font-size:12px;}.ct-ui .ct-player-copy small{font-size:9px;} .ct-ui .ct-balance strong{font-size:13px;}.ct-ui .ct-balance .coin{width:18px;height:18px;} .ct-ui .ct-player-funds{max-width:137px;}.ct-ui .ct-income-mini{font-size:11px;} .ct-ui .ct-home .ct-hq-income .income-value{font-size:24px;} .ct-ui .ct-home .action-disc{width:53px;height:53px;}.ct-ui .ct-home .action-caption{font-size:10px;} .ct-ui .v9 .ct-hq-categories .hq-ref-card{min-height:92px;height:92px;} .ct-ui .ct-hq-categories .slot-kind{font-size:10px!important;left:6px!important;} .ct-ui .ct-hq-categories .slot-arrow{width:17px!important;height:17px!important;right:4px!important;} .ct-ui .ct-profile-avatar{width:70px;height:85px;}.ct-ui .ct-profile-identity h2{font-size:18px;} .ct-ui .v9 .arsenal-row .arsenal-row-details{padding-left:9px;}.ct-ui .v9 .arsenal-row .arsenal-row-name{font-size:13px;} } @media(max-height:670px){ .ct-ui .app.v9 .home.polished-home.ct-home{height:auto;min-height:100%;} .ct-ui .app.v9 .ct-home>.ct-hq-scene{flex-basis:275px;min-height:275px;} .ct-ui .ct-home .ct-hq-income{margin-top:8px;} .ct-ui .v9 .bottom-nav.bottom-nav-ref{min-height:60px;} .ct-ui .v9 .bottom-nav-ref .nav-btn.has-label{min-height:51px;} .ct-ui .sheet[data-view='profile']{min-height:0;} } @media(min-width:700px){.ct-ui .ct-home>.ct-topbar{padding-top:4px;}} @supports(padding:max(0px)){ .ct-ui .ct-topbar{padding-top:max(2px,env(safe-area-inset-top));} .ct-ui .ct-home{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);} } .ct-ui .mission-card{--body:'Arial Narrow','Segoe UI',Arial,sans-serif;color:#f3f7ed;font-family:var(--body);} .ct-ui svg.nav-outline-icon{width:22px;height:22px;display:inline-block;flex:none;vertical-align:middle;} .ct-ui .sheet h3>svg,.ct-ui .referral-title>svg{margin-right:7px;} .ct-ui .sheet .day{border:1px solid var(--ct-line);background:#0e241c;border-radius:8px;box-shadow:none;} .ct-ui .sheet .day.current{border-color:#7c8b4f;background:#263924;} .ct-ui .sheet .day.claimed{background:#182f20;} .ct-ui .v9 .case .case-art img{filter:brightness(.87) saturate(.68) drop-shadow(0 4px 3px #0006);} .ct-ui .ct-player-funds{min-width:0;} html[data-command-pending='true'] .ct-ui .btn{cursor:progress;} html.font-ready .ct-ui .ct-topbar h1{font-family:'ArsenalDela','Golos Text',Arial,sans-serif;} .ct-ui .sheet.feature-sheet[data-view='caseRoll']{background:linear-gradient(160deg,#102a22 0%,#071b16 48%,#04120f 100%);} .ct-ui .sheet.feature-sheet[data-view='caseRoll'] .sheet-body{gap:0;padding:12px 14px 15px;} .ct-ui .case-cinematic{--case-glow:#d2af62;min-width:0;display:flex;flex-direction:column;gap:0;position:relative;isolation:isolate;} .ct-ui .case-cinematic-hero{position:relative;isolation:isolate;height:clamp(126px,22dvh,174px);flex:none;display:grid;place-items:center;overflow:hidden;border-radius:12px;border:1px solid #415542a6;background:radial-gradient(ellipse at 50% 70%,#c29b443e 0%,#23433060 35%,#0b211a 72%),linear-gradient(155deg,#183a2a,#06130f);} .ct-ui .case-cinematic-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 24%,#f5e0aa09 44%,transparent 65%),repeating-linear-gradient(0deg,transparent 0px,transparent 17px,#ebf4ce04 18px);pointer-events:none;} .ct-ui .case-cinematic-hero::after{content:'';position:absolute;width:76%;height:26px;bottom:4px;border-radius:50%;background:#020807aa;filter:blur(11px);z-index:1;} .ct-ui .case-cinematic-crate{position:relative;z-index:3;display:block;width:auto;height:min(156px,20dvh);max-width:85%;object-fit:contain;filter:drop-shadow(0 13px 13px #000c) drop-shadow(0 0 22px #f2c76844);animation:ct-case-crate 4.7s ease-in-out both;} .ct-ui .case-cinematic-ring{position:absolute;left:50%;top:53%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #d5bc7752;border-radius:50%;box-shadow:0 0 21px #bfaa5444,inset 0 0 22px #d0aa5233;pointer-events:none;} .ct-ui .case-cinematic-ring.ring-outer{width:260px;background:repeating-conic-gradient(from 0deg,#d3af752e 0deg 3deg,transparent 3deg 22deg);mask-image:radial-gradient(circle,transparent 54%,#000 55%,#000 57%,transparent 69%);animation:ct-case-ring 14s linear infinite;} .ct-ui .case-cinematic-ring.ring-inner{width:190px;border-style:dashed;border-color:#e3c27148;animation:ct-case-ring-reverse 13s linear infinite;} .ct-ui .case-cinematic-beam{position:absolute;inset:-25%;background:conic-gradient(from 50deg at 50% 50%,transparent 0deg,transparent 140deg,#efd28c28 176deg,#ffeab251 181deg,#efd28c28 188deg,transparent 228deg,transparent 360deg);mask-image:radial-gradient(ellipse,#000 6%,transparent 62%);animation:ct-case-beam 7s linear infinite;} .ct-ui .case-cinematic-spark{position:absolute;width:4px;height:4px;background:#f6e3ad;border-radius:50%;z-index:4;box-shadow:0 0 8px #f4d58d,0 0 19px #e6be7599;animation:ct-case-spark 2.4s ease-in-out infinite alternate;} .ct-ui .case-cinematic-spark.spark-one{top:26%;left:22%;animation-delay:.3s;}.ct-ui .case-cinematic-spark.spark-two{top:68%;right:23%;animation-delay:1s;}.ct-ui .case-cinematic-spark.spark-three{top:19%;right:32%;animation-delay:1.7s;} .ct-ui .case-cinematic-heading{text-align:center;flex:none;margin:10px 0 2px;} .ct-ui .case-cinematic-eyebrow{display:block;color:#99b3a2;letter-spacing:2.3px;font:650 9px/1.4 var(--ct-font);} .ct-ui .case-cinematic-heading h3{color:#f4e3b2;margin:2px 0 0;font:750 19px/1.2 var(--ct-font);letter-spacing:.3px;} .ct-ui .case-cinematic-status{height:27px;display:flex;align-items:center;justify-content:center;gap:8px;font:550 11px/1.25 var(--ct-font);color:#c4d3c5;} .ct-ui .case-cinematic-status-dot{width:7px;height:7px;border-radius:50%;background:#e4c477;box-shadow:0 0 0 0 #ffda8166;animation:ct-case-status 1.5s ease-out infinite;} .ct-ui .case-reel-frame{position:relative;min-width:0;margin:0 -6px 5px;border-radius:11px;isolation:isolate;border:1px solid #8d84528e;box-shadow:0 9px 24px #0006,0 0 18px #bfb0631e,inset 0 1px #eddda525;background:#07140f;transition:border-color .2s,box-shadow .2s;} .ct-ui .sheet .case-reel-frame .case-reel-viewport{height:158px;width:100%;margin:0;display:block;border:0;border-radius:10px;background:radial-gradient(ellipse at center,#2c402e,#06130f 78%);box-shadow:inset 0 0 22px #0008;isolation:isolate;} .ct-ui .sheet .case-reel-frame .case-reel-viewport::before,.ct-ui .sheet .case-reel-frame .case-reel-viewport::after{width:44px;z-index:6;} .ct-ui .sheet .case-reel-frame .case-reel-viewport::before{background:linear-gradient(90deg,#071611ef 4%,transparent);} .ct-ui .sheet .case-reel-frame .case-reel-viewport::after{background:linear-gradient(270deg,#071611ef 4%,transparent);} .ct-ui .case-reel-sheen{position:absolute;inset:1px;z-index:1;pointer-events:none;border-radius:10px;background:linear-gradient(180deg,#efffc00b,transparent 36%,transparent 71%,#f3c87e0a);} .ct-ui .case-reel-centerglow{position:absolute;z-index:7;top:0;bottom:0;left:50%;width:144px;transform:translateX(-50%);opacity:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#ffdd9033,transparent 68%);transition:opacity .32s;} .ct-ui .sheet .case-reel-viewport .reel-marker{z-index:8;width:2px;background:linear-gradient(180deg,#fff7d5,#ffd676,#fff7d5);box-shadow:0 0 13px #fbd995b3,0 0 23px #d5b65d77;} .ct-ui .sheet .case-reel-viewport .reel-marker::before{border-top-color:#fff1bb;}.ct-ui .sheet .case-reel-viewport .reel-marker::after{border-bottom-color:#fff1bb;} .ct-ui .sheet .case-reel-viewport .case-reel-track{gap:9px;padding:11px 12px;will-change:transform;} .ct-ui .sheet .case-reel-viewport .reel-card{height:136px;width:113px;min-width:113px;flex:0 0 113px;border-radius:9px;padding:9px 6px 7px;box-shadow:inset 0 1px #ffffff10,0 5px 10px #0006;overflow:hidden;background-clip:padding-box;} .ct-ui .sheet .case-reel-viewport .reel-card::after{content:'';position:absolute;pointer-events:none;inset:0;background:linear-gradient(145deg,#fff8de13,transparent 55%);border-radius:inherit;} .ct-ui .sheet .case-reel-viewport .reel-card img{height:67px;width:100%;object-fit:contain;filter:drop-shadow(0 4px 5px #000b);} .ct-ui .sheet .case-reel-viewport .reel-card b{font:650 11px/1.22 var(--ct-font);max-width:100%;overflow-wrap:anywhere;margin:auto 0 0;color:#e9ebe2;} .ct-ui .sheet .case-reel-viewport .reel-card small{margin-top:5px;font:600 10px/1.2 var(--ct-font);color:#e0c887;} .ct-ui .case-cinematic-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:31px;font:550 10px/1.2 var(--ct-font);color:#95a99a;} .ct-ui .case-cinematic-verified{color:#aabd9c;}.ct-ui .case-cinematic-step{font:750 11px/1.2 var(--ct-font);letter-spacing:1.1px;color:#aab5a9;font-variant-numeric:tabular-nums;} .ct-ui .sheet.feature-sheet[data-view='caseRoll'] .case-skip-button{min-height:45px;margin:7px 0 0;border-radius:9px;font-weight:750;box-shadow:0 3px 0 #0005;} .ct-ui .sheet.feature-sheet[data-view='caseRoll'] .case-cinematic-note{margin:7px 3px 0;font-size:10px;color:#90a598;} .ct-ui .case-reel-frame.is-settled{border-color:#f0da9a;box-shadow:0 0 0 1px #ffd9856e,0 0 33px #e4bf7850,0 9px 24px #0009;} .ct-ui .case-reel-frame.is-settled .case-reel-centerglow{opacity:1;} .ct-ui .case-reel-frame.is-settled .reel-card.is-winner{border-color:#fff0bd;box-shadow:0 0 0 1px #f6e0af,0 0 19px #fbd783aa,inset 0 0 16px #e4cb6740;animation:ct-case-win-card .60s cubic-bezier(.2,.7,.3,1) both;z-index:3;} .ct-ui .case-cinematic[data-phase='landed'] .case-cinematic-status-dot{background:#c6e997;box-shadow:0 0 10px #c6e99770;animation:none;} .ct-ui .case-cinematic[data-phase='landed'] .case-cinematic-status{color:#e8eecf;} .ct-ui .case-cinematic[data-phase='landed'] .case-cinematic-crate{animation:ct-case-crate-open .72s ease-out both;} .ct-ui .sheet.feature-sheet[data-view='reward']{background:linear-gradient(165deg,#10271f 0%,#071c17 56%,#05120f 100%);} .ct-ui .sheet.feature-sheet[data-view='reward'] .sheet-body{padding:14px 15px;} .ct-ui .case-win-heading{--case-win-color:var(--rarity,#e2c782);position:relative;display:flex;align-items:center;justify-content:center;gap:11px;min-height:61px;flex:none;margin-bottom:7px;padding:8px 10px;border-radius:10px;overflow:hidden;border:1px solid color-mix(in srgb,var(--case-win-color),transparent 50%);background:radial-gradient(ellipse at 50% 135%,color-mix(in srgb,var(--case-win-color),transparent 75%),#10271f 84%);box-shadow:0 0 16px color-mix(in srgb,var(--case-win-color),transparent 84%);animation:ct-case-reward-banner .50s ease-out both;} .ct-ui .case-win-label{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;min-width:0;z-index:1;} .ct-ui .case-win-heading .case-win-title{font:800 13px/1.3 var(--ct-font);letter-spacing:1.15px;color:#f1f2e6;} .ct-ui .case-win-heading .case-win-subtitle{font:700 10px/1.2 var(--ct-font);color:var(--case-win-color);letter-spacing:.65px;} .ct-ui .case-win-heading .case-win-star{position:relative;z-index:1;color:var(--case-win-color);font-size:20px;animation:ct-case-star .9s ease-in-out .2s both;} .ct-ui .case-win-halo{position:absolute;left:50%;top:50%;height:4px;width:4px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 50px 40px color-mix(in srgb,var(--case-win-color),transparent 85%);pointer-events:none;} .ct-ui .case-win-heading .case-win-title,.ct-ui .case-win-heading .case-win-subtitle{z-index:1;} .ct-ui .case-reward-enter{display:contents;} .ct-ui .sheet.feature-sheet[data-view='reward'] .reward-presentation{position:relative;isolation:isolate;max-width:310px;min-height:224px;margin:5px auto 12px;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--rarity),transparent 88%),#0a211b 76%);border:1px solid color-mix(in srgb,var(--rarity),#263b2f 23%);border-radius:14px;box-shadow:0 0 20px color-mix(in srgb,var(--rarity),transparent 78%),inset 0 1px #fffc;animation:ct-case-reward-card .65s cubic-bezier(.18,.69,.19,1) both;} .ct-ui .sheet.feature-sheet[data-view='reward'] .reward-presentation::before{content:'';position:absolute;inset:-42%;background:repeating-conic-gradient(from 0deg at 50% 50%,color-mix(in srgb,var(--rarity),transparent 85%) 0 10deg,transparent 10deg 24deg);mask-image:radial-gradient(circle,#000,transparent 64%);z-index:0;pointer-events:none;animation:ct-case-win-rays 23s linear infinite;} .ct-ui .sheet.feature-sheet[data-view='reward'] .reward-presentation>img{position:relative;z-index:1;height:125px;max-width:100%;object-fit:contain;filter:drop-shadow(0 12px 13px #000b);animation:ct-case-item-reveal .95s cubic-bezier(.16,.86,.27,1.14) both;} .ct-ui .sheet.feature-sheet[data-view='reward'] .reward-presentation h3{position:relative;z-index:1;font-size:20px;line-height:1.2;color:#f5efdd;} .ct-ui .sheet.feature-sheet[data-view='reward'] .reward-presentation .tier,.ct-ui .sheet.feature-sheet[data-view='reward'] .reward-presentation .origin-country,.ct-ui .sheet.feature-sheet[data-view='reward'] .reward-presentation .reward-rate{position:relative;z-index:1;} .ct-ui .sheet.feature-sheet[data-view='reward'] .transaction-preview,.ct-ui .sheet.feature-sheet[data-view='reward'] [data-keep-reward],.ct-ui .sheet.feature-sheet[data-view='reward'] [data-reward-sell]{animation:ct-case-actions-in .32s ease-out .38s both;} @keyframes ct-case-crate{0%{opacity:.38;transform:translateY(19px) scale(.84) rotate(-6deg)}12%{opacity:1;transform:translateY(-5px) scale(1.06) rotate(3deg)}24%{transform:translateY(0) scale(1) rotate(-2deg)}55%{transform:translateY(-3px) rotate(1deg)}100%{opacity:1;transform:translateY(-2px) scale(1.04)}} @keyframes ct-case-crate-open{0%{transform:translateY(-2px) scale(1.04);opacity:1;filter:drop-shadow(0 0 8px #f0ca6c44)}56%{transform:translateY(-14px) scale(1.15) rotate(-2deg);filter:drop-shadow(0 0 38px #ffe8a0aa)}100%{transform:translateY(-4px) scale(1.03);opacity:1;filter:drop-shadow(0 0 17px #e9d07888)}} @keyframes ct-case-ring{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}} @keyframes ct-case-ring-reverse{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-360deg)}} @keyframes ct-case-beam{to{transform:rotate(360deg)}} @keyframes ct-case-spark{from{opacity:.25;transform:translate3d(0,6px,0) scale(.6)}to{opacity:1;transform:translate3d(2px,-9px,0) scale(1.5)}} @keyframes ct-case-status{0%{box-shadow:0 0 0 0 #ffd98466}70%{box-shadow:0 0 0 6px #ffd98400}100%{box-shadow:0 0 0 0 #ffd98400}} @keyframes ct-case-win-card{0%{transform:scale(.98)}45%{transform:scale(1.055)}100%{transform:scale(1.03)}} @keyframes ct-case-reward-banner{from{opacity:0;transform:translateY(-9px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}} @keyframes ct-case-star{0%{opacity:0;transform:rotate(-40deg) scale(.4)}55%{opacity:1;transform:rotate(25deg) scale(1.4)}100%{opacity:1;transform:rotate(0) scale(1)}} @keyframes ct-case-reward-card{0%{opacity:0;transform:translateY(14px) scale(.94)}67%{opacity:1;transform:translateY(-3px) scale(1.012)}100%{opacity:1;transform:translateY(0) scale(1)}} @keyframes ct-case-item-reveal{0%{opacity:0;transform:translateY(26px) scale(.68) rotate(-5deg);filter:drop-shadow(0 0 0 transparent)}65%{opacity:1;transform:translateY(-6px) scale(1.06) rotate(2deg)}100%{opacity:1;transform:translateY(0) scale(1);filter:drop-shadow(0 12px 13px #000b)}} @keyframes ct-case-win-rays{to{transform:rotate(360deg)}} @keyframes ct-case-actions-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}} @media(max-height:650px){ .ct-ui .case-cinematic-hero{height:100px;} .ct-ui .case-cinematic-crate{height:105px;} .ct-ui .case-cinematic-heading{margin:5px 0 1px;} .ct-ui .sheet .case-reel-frame .case-reel-viewport{height:144px;} .ct-ui .sheet .case-reel-viewport .reel-card{height:123px;} .ct-ui .sheet .case-reel-viewport .reel-card img{height:59px;} .ct-ui .case-cinematic-status{height:22px;} .ct-ui .case-cinematic-footer{min-height:25px;} .ct-ui .sheet.feature-sheet[data-view='reward'] .reward-presentation{min-height:190px;} } @media(max-width:350px){ .ct-ui .sheet .case-reel-viewport .reel-card{width:107px;min-width:107px;flex-basis:107px;} .ct-ui .case-cinematic-heading h3{font-size:17px;} .ct-ui .case-win-heading{gap:6px;} .ct-ui .case-win-heading .case-win-title{font-size:11px;letter-spacing:.5px;} } @media(prefers-reduced-motion:reduce){ .ct-ui .case-cinematic *,.ct-ui .case-win-heading *,.ct-ui .case-win-heading,.ct-ui .case-reward-enter *, .ct-ui .case-reel-frame,.ct-ui .case-reel-centerglow{animation:none!important;transition:none!important;scroll-behavior:auto!important;} } html[data-motion='off'] .ct-ui .case-cinematic *,html[data-motion='off'] .ct-ui .case-win-heading *,html[data-motion='off'] .ct-ui .case-win-heading,html[data-motion='off'] .ct-ui .case-reward-enter *,html[data-motion='off'] .ct-ui .case-reel-frame,html[data-motion='off'] .ct-ui .case-reel-centerglow{animation:none!important;transition:none!important;} .ct-ui .case-cinematic{margin-top:auto;} .ct-ui .sheet.feature-sheet[data-view='caseRoll'] .case-cinematic-note{margin-bottom:auto;} .ct-ui .sheet .case-reel-viewport .reel-card img[src*="photo_id_"], .ct-ui .sheet.feature-sheet[data-view='reward'] .reward-presentation>img[src*="photo_id_"]{mix-blend-mode:screen;} @media(max-height:510px){ .ct-ui .sheet.feature-sheet[data-view='caseRoll'] .sheet-body{padding:7px 12px 9px;} .ct-ui .case-cinematic-hero{height:76px;} .ct-ui .case-cinematic-crate{height:88px;} .ct-ui .case-cinematic-heading{margin:3px 0 0;} .ct-ui .case-cinematic-heading h3{font-size:16px;} .ct-ui .case-cinematic-eyebrow{font-size:8px;} .ct-ui .case-cinematic-status{height:21px;font-size:10px;} .ct-ui .sheet .case-reel-frame .case-reel-viewport{height:117px;} .ct-ui .sheet .case-reel-viewport .case-reel-track{padding:7px 12px;} .ct-ui .sheet .case-reel-viewport .reel-card{height:103px;padding:5px 5px 4px;} .ct-ui .sheet .case-reel-viewport .reel-card img{height:45px;} .ct-ui .sheet .case-reel-viewport .reel-card b{font-size:10px;} .ct-ui .sheet .case-reel-viewport .reel-card small{font-size:9px;margin-top:2px;} .ct-ui .case-cinematic-footer{min-height:19px;font-size:9px;} .ct-ui .sheet.feature-sheet[data-view='caseRoll'] .case-skip-button{min-height:40px;margin-top:2px;} .ct-ui .sheet.feature-sheet[data-view='caseRoll'] .case-cinematic-note{font-size:9px;margin-top:4px;} } .ct-ui .v9 .arsenal-reference-screen{margin:0 -1px;} .ct-ui .v9 .arsenal-ref-shell{display:flex;flex-direction:column;gap:12px;padding:2px 0 0;min-height:100%;} .ct-ui .v9 .arsenal-ref-topbar{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:8px;padding:2px 2px 0;min-height:34px;} .ct-ui .v9 .arsenal-ref-topbar-avatar,.ct-ui .v9 .arsenal-ref-topbar-settings{width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid #2e4d44;border-radius:8px;background:linear-gradient(180deg,#10261f,#0a1915);color:#b5c0bb;box-shadow:0 1px 0 #ffffff0d inset;} .ct-ui .v9 .arsenal-ref-topbar-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:7px;} .ct-ui .v9 .arsenal-ref-topbar-settings svg{width:18px;height:18px;stroke-width:1.9;} .ct-ui .v9 .arsenal-ref-topbar-title{margin:0;font:700 21px/1 'ArsenalDela','Golos Text',Arial,sans-serif;letter-spacing:.5px;text-align:center;color:#dfe5de;} .ct-ui .v9 .arsenal-ref-profile{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:70px;padding:11px 12px;border:1px solid #243f37;border-radius:10px;background:linear-gradient(180deg,#0b201b,#081614 60%,#081412);box-shadow:inset 0 1px 0 #ffffff08,0 0 0 1px #091512;text-align:left;color:var(--ct-text);} .ct-ui .v9 .arsenal-ref-profile-main{display:flex;align-items:center;min-width:0;gap:10px;text-align:left;padding:0;border:0;background:none;color:inherit;cursor:pointer;} .ct-ui .v9 .arsenal-ref-profile-economy button{padding:0;border:0;background:none;box-shadow:none;cursor:pointer;text-align:right;} .ct-ui .v9 .arsenal-ref-profile-economy button:hover{filter:brightness(1.2);} .ct-ui .v9 .arsenal-ref-profile-rank{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid #77652f;border-radius:9px;background:linear-gradient(180deg,#14211c,#0a1512);box-shadow:inset 0 0 0 1px #d1b75e1d;overflow:hidden;} .ct-ui .v9 .arsenal-ref-profile-rank .rank-icon{width:24px;height:30px;object-fit:contain;} .ct-ui .v9 .arsenal-ref-profile-copy{display:flex;flex-direction:column;gap:3px;min-width:0;} .ct-ui .v9 .arsenal-ref-profile-copy strong{font:700 13px/1.2 var(--ct-font);color:#e9ede6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .ct-ui .v9 .arsenal-ref-profile-copy small{font:500 10px/1.25 var(--ct-font);color:#8e9d97;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .ct-ui .v9 .arsenal-ref-profile-economy{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:0;} .ct-ui .v9 .arsenal-ref-profile-balance{display:inline-flex;align-items:center;gap:5px;font:700 17px/1 var(--ct-font);color:#f1f3ef;font-variant-numeric:tabular-nums;white-space:nowrap;} .ct-ui .v9 .arsenal-ref-profile-balance .coin{width:18px;height:18px;flex:none;} .ct-ui .v9 .arsenal-ref-profile-income{font:700 11px/1.1 var(--ct-font);color:#bfd46c;white-space:nowrap;} .ct-ui .v9 .arsenal-ref-heading{display:flex;align-items:center;justify-content:center;gap:8px;padding:5px 0 2px;color:#b7c0bc;} .ct-ui .v9 .arsenal-ref-heading h2{margin:0;font:700 14px/1.1 var(--ct-font);letter-spacing:.8px;color:#c5ccc6;} .ct-ui .v9 .arsenal-ref-section-icon{width:16px;height:16px;color:#8d9993;} .ct-ui .v9 .arsenal-ref-filters{display:flex;gap:6px;overflow-x:auto;padding:0 0 2px;scrollbar-width:none;} .ct-ui .v9 .arsenal-ref-filters::-webkit-scrollbar{display:none;} .ct-ui .v9 .arsenal-ref-filter{flex:0 0 auto;min-width:52px;min-height:34px;padding:0 11px;border:1px solid #234138;border-radius:999px;background:linear-gradient(180deg,#091b18,#081312);color:#adb6b3;font:600 11px/1 var(--ct-font);letter-spacing:0;box-shadow:inset 0 1px 0 #ffffff08;white-space:nowrap;} .ct-ui .v9 .arsenal-ref-filter.active{background:linear-gradient(180deg,#203625,#18281e);border-color:#637445;color:#edf0dd;box-shadow:inset 0 0 0 1px #d4c66a21;} .ct-ui .v9 .arsenal-ref-list{display:flex;flex-direction:column;gap:8px;padding-bottom:4px;} .ct-ui .v9 .arsenal-ref-card{border:1px solid #163730;border-radius:13px;background:linear-gradient(180deg,#0a1c19,#081412);box-shadow:inset 0 1px 0 #ffffff08,0 0 0 1px #07120f;overflow:hidden;} .ct-ui .v9 .arsenal-ref-card.is-selected{border-color:#4c6038;box-shadow:inset 0 0 0 1px #85965438,0 0 0 1px #07120f;} .ct-ui .v9 .arsenal-ref-card.is-locked{opacity:.78;} .ct-ui .v9 .arsenal-ref-card-button{display:grid;grid-template-columns:minmax(114px,44%) minmax(0,1fr) 32px;align-items:center;gap:6px;width:100%;min-height:104px;padding:0 8px 0 0;border:0;background:none;color:inherit;text-align:left;} .ct-ui .v9 .arsenal-ref-card-art{position:relative;display:flex;align-items:center;justify-content:flex-start;min-height:104px;padding:12px 8px 11px 10px;overflow:hidden;} .ct-ui .v9 .arsenal-ref-card-art::before{content:'';position:absolute;inset:14px 10px 12px;border-radius:10px;background:radial-gradient(circle at 35% 50%,#dcc08612,transparent 58%);pointer-events:none;} .ct-ui .v9 .arsenal-ref-card-art img{position:relative;width:100%;height:70px;object-fit:contain;object-position:left center;mix-blend-mode:screen;filter:drop-shadow(0 4px 8px #00000055);} .ct-ui .v9 .arsenal-ref-card.is-locked .arsenal-ref-card-art img{filter:grayscale(.6) brightness(.62) drop-shadow(0 4px 8px #00000055);} .ct-ui .v9 .arsenal-ref-card-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;min-width:0;padding:10px 0;} .ct-ui .v9 .arsenal-ref-card-name{display:block;max-width:100%;font:700 14px/1.18 var(--ct-font);color:#f2f3f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .ct-ui .v9 .arsenal-ref-rarity{display:inline-flex;align-items:center;gap:5px;min-height:20px;padding:0 9px 0 7px;border-radius:999px;border:1px solid #253630;background:#0b1715;font:700 10px/1 var(--ct-font);white-space:nowrap;} .ct-ui .v9 .arsenal-ref-rarity i{width:10px;height:10px;border-radius:50%;flex:none;box-shadow:0 0 0 1px #fff2 inset,0 0 8px currentColor;} .ct-ui .v9 .arsenal-ref-rarity.rarity-common{color:#aec0cd;}.ct-ui .v9 .arsenal-ref-rarity.rarity-common i{background:#a6bfd0;} .ct-ui .v9 .arsenal-ref-rarity.rarity-rare{color:#c68ff3;}.ct-ui .v9 .arsenal-ref-rarity.rarity-rare i{background:#b86eea;} .ct-ui .v9 .arsenal-ref-rarity.rarity-epic{color:#e39f54;}.ct-ui .v9 .arsenal-ref-rarity.rarity-epic i{background:#d88434;} .ct-ui .v9 .arsenal-ref-rarity.rarity-legendary{color:#dfbc59;}.ct-ui .v9 .arsenal-ref-rarity.rarity-legendary i{background:#d8b047;} .ct-ui .v9 .arsenal-ref-rarity.rarity-contraband{color:#f07f68;}.ct-ui .v9 .arsenal-ref-rarity.rarity-contraband i{background:#df6549;} .ct-ui .v9 .arsenal-ref-state{font:600 10px/1.2 var(--ct-font);color:#82918b;white-space:nowrap;} .ct-ui .v9 .arsenal-ref-state.is-selected{color:#bfce8d;} .ct-ui .v9 .arsenal-ref-state.is-locked{color:#8a908d;} .ct-ui .v9 .arsenal-ref-card-arrow{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid #28453d;border-radius:50%;background:linear-gradient(180deg,#10221d,#0a1714);font:400 22px/1 var(--ct-font);color:#9ba8a3;box-shadow:inset 0 1px 0 #ffffff0a;} .ct-ui .v9 .arsenal-ref-card.is-selected .arsenal-ref-card-arrow{border-color:#566945;color:#d9debf;} .ct-ui .v9 .arsenal-ref-footnote{margin:2px 2px 0;color:#81908a;font:500 10px/1.45 var(--ct-font);} .ct-ui .v9 .arsenal-ref-footnote b{color:#d6dfb7;font-weight:700;} .ct-ui .v9 .arsenal-reference-screen + .hint.center{display:none;} .ct-ui .v9:has(.arsenal-reference-screen) .bottom-nav.bottom-nav-ref{padding:5px 6px calc(5px + env(safe-area-inset-bottom,0px));gap:4px;background:linear-gradient(180deg,#061311,#071715);border-top:1px solid #1f3831;} .ct-ui .v9:has(.arsenal-reference-screen) .bottom-nav-ref .nav-btn.has-label{min-height:56px;padding:4px 2px 5px;gap:4px;border-radius:10px;color:#6e7d79;} .ct-ui .v9:has(.arsenal-reference-screen) .bottom-nav-ref .nav-btn.has-label span{font:600 9.5px/1.1 var(--ct-font);} .ct-ui .v9:has(.arsenal-reference-screen) .bottom-nav-ref .nav-btn.has-label.active{background:linear-gradient(180deg,#213623,#1a2b1f);border:1px solid #77854b;color:#ecefdc;box-shadow:inset 0 1px 0 #ffffff10;} .ct-ui .v9:has(.arsenal-reference-screen) .bottom-nav-ref .nav-btn.has-label.active svg,.ct-ui .v9:has(.arsenal-reference-screen) .bottom-nav-ref .nav-btn.has-label.active .nav-corgi-face{color:#d7dcb4;filter:none;} .ct-ui .v9:has(.arsenal-reference-screen) .bottom-nav-ref .nav-btn.has-label>svg.nav-outline-icon{width:22px;height:22px;stroke-width:1.8;} .ct-ui .v9:has(.arsenal-reference-screen) .bottom-nav-ref .nav-corgi-face{width:24px;height:24px;border-radius:7px;} @media (max-width:360px){ .ct-ui .v9 .arsenal-ref-profile{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:9px 10px;} .ct-ui .v9 .arsenal-ref-profile-copy strong{font-size:12px;} .ct-ui .v9 .arsenal-ref-profile-balance{font-size:15px;} .ct-ui .v9 .arsenal-ref-filter{padding:0 10px;font-size:10px;} .ct-ui .v9 .arsenal-ref-card-button{grid-template-columns:minmax(102px,42%) minmax(0,1fr) 29px;} .ct-ui .v9 .arsenal-ref-card-button{min-height:96px;} .ct-ui .v9 .arsenal-ref-card-art{min-height:96px;} .ct-ui .v9 .arsenal-ref-card-art img{height:64px;} .ct-ui .v9 .arsenal-ref-card-name{font-size:12px;} .ct-ui .v9 .arsenal-ref-rarity{font-size:9.5px;padding:0 8px 0 6px;} } .ct-ui .v9 .arsenal-ref-card-art{padding:6px 2px 6px 6px;} .ct-ui .v9 .arsenal-ref-card-art img{height:75px;object-position:left center;} @media(max-width:360px){.ct-ui .v9 .arsenal-ref-card-art img{height:71px;}} .ct-ui .v9 .arsenal-ref-card-art img{transform:scale(1.3);transform-origin:50% 54%;} .ct-ui .v9[data-design-page="referral"] .screen{ padding:0!important;min-height:100%;background:#051511!important; } .ct-ui .v9 .ct-invite-main{background:#061510;overscroll-behavior-y:contain;} .ct-ui .v9 .ct-invite-main .screen{overflow:visible;} .ct-ui .v9 .ct-invite-screen{ position:relative;isolation:isolate;box-sizing:border-box;width:100%;max-width:440px; margin:0 auto;min-width:0;padding:7px 19px calc(28px + env(safe-area-inset-bottom,0px)); background:radial-gradient(ellipse at 50% 0%,#0d2b21 0%,#061812 37%,#04120e 100%); color:#eef0e9;font-family:'Golos Text',Arial,sans-serif; } .ct-ui .v9 .ct-invite-screen *{box-sizing:border-box;} .ct-ui .v9 .ct-invite-outer-art{ position:absolute;z-index:3;inset:0;pointer-events:none;border:22px solid transparent; border-image-source:url('assets/invite_01_outer_frame.png'); border-image-slice:120 110 120 110;border-image-width:22px;border-image-repeat:stretch; opacity:.86; } .ct-ui .v9 .ct-invite-layout{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px;min-width:0;} .ct-ui .v9 .ct-invite-sr-only{ position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important; padding:0!important;margin:-1px!important;border:0!important;white-space:nowrap!important; clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important; } .ct-ui .v9 .ct-invite-topbar{ position:relative;display:block;width:100%;aspect-ratio:5.72;max-height:75px;min-height:47px; } .ct-ui .v9 .ct-invite-topbar .ct-invite-bar-art{display:block;width:100%;height:100%;object-fit:fill;} .ct-ui .v9 .ct-invite-header-back,.ct-ui .v9 .ct-invite-header-settings{ position:absolute;z-index:2;top:0;bottom:0;width:15%;min-width:43px; border:0;background:transparent;border-radius:8px;box-shadow:none;touch-action:manipulation; } .ct-ui .v9 .ct-invite-header-back{left:0;} .ct-ui .v9 .ct-invite-header-settings{right:0;} .ct-ui .v9 .ct-invite-header-back:active,.ct-ui .v9 .ct-invite-header-settings:active{background:#ddc17017;} .ct-ui .v9 .ct-invite-player{ display:grid;grid-template-columns:minmax(0,1fr) minmax(105px,auto);gap:5px; align-items:center;min-height:68px;padding:7px 11px; border:1px solid #38634a;border-radius:9px; background:linear-gradient(100deg,#092218,#051812 63%,#041a13); box-shadow:inset 0 1px 0 #c5df9540,inset 0 0 18px #080e0730,0 2px 6px #0005; position:relative; } .ct-ui .v9 .ct-invite-player::before{ content:"";position:absolute;inset:-2px;z-index:1;pointer-events:none; border:12px solid transparent; border-image-source:url('assets/invite_trim_03_profile_block.png'); border-image-slice:90 90 85 90;border-image-width:12px;border-image-repeat:stretch; opacity:.66; } .ct-ui .v9 .ct-invite-player-info{position:relative;z-index:2;display:flex;align-items:center;gap:8px;min-width:0;min-height:51px;border:0;padding:0;background:transparent;text-align:left;} .ct-ui .v9 .ct-invite-player-rank{ display:flex;align-items:center;justify-content:center;width:43px;height:49px;flex:none; border:1px solid #e1b744;border-radius:8px;background:linear-gradient(165deg,#0f2918,#071711); box-shadow:inset 0 0 0 2px #020e09,0 0 8px #e6b73e2f; } .ct-ui .v9 .ct-invite-player-rank .rank-icon{display:block;width:30px;height:40px;object-fit:contain;} .ct-ui .v9 .ct-invite-player-name{display:flex;flex-direction:column;gap:4px;min-width:0;} .ct-ui .v9 .ct-invite-player-name strong{font:700 15px/1.14 'Golos Text',Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;} .ct-ui .v9 .ct-invite-player-name small{font:500 11px/1.2 'Golos Text',Arial,sans-serif;color:#d3d8d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;} .ct-ui .v9 .ct-invite-player-funds{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:0;} .ct-ui .v9 .ct-invite-wallet{display:flex;align-items:center;justify-content:flex-end;gap:5px;padding:3px 5px;min-height:29px;border:1px solid #23422f;border-radius:9px;background:#041511b5;color:#f0f3e8;white-space:nowrap;min-width:0;} .ct-ui .v9 .ct-invite-wallet strong{font:800 16px/1.15 'Golos Text',Arial,sans-serif;font-variant-numeric:tabular-nums;} .ct-ui .v9 .ct-invite-wallet .coin{width:19px;height:19px;} .ct-ui .v9 .ct-invite-income{display:block;border:0;padding:0;background:none;color:#f8d66c;font:800 12px/1.1 'Golos Text',Arial,sans-serif;white-space:nowrap;} .ct-ui .v9 .ct-invite-hero{position:relative;margin:1px 0 0;width:100%;aspect-ratio:2.03;min-height:148px;} .ct-ui .v9 .ct-invite-hero-interior{ position:absolute;inset:10px 11px 10px;overflow:hidden;border-radius:9px; background:#221e11;isolation:isolate; } .ct-ui .v9 .ct-invite-hangar{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:brightness(.73) saturate(.93);} .ct-ui .v9 .ct-invite-hero-interior::before{ content:"";position:absolute;inset:0;z-index:1;pointer-events:none; background:linear-gradient(0deg,#04140a4a,transparent 43%,#05150b48),linear-gradient(90deg,#07130be3,transparent 17%,transparent 83%,#07130be3); } .ct-ui .v9 .ct-invite-corgis{ position:absolute;z-index:2;left:50%;bottom:2px;transform:translateX(-50%); width:calc(100% - 14px);height:calc(100% - 10px);object-fit:contain;object-position:center bottom; filter:drop-shadow(0 3px 4px #000a); } .ct-ui .v9 .ct-invite-hero-frame{position:absolute;z-index:3;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;} .ct-ui .v9 .ct-invite-heading{position:relative;width:100%;aspect-ratio:3.34;max-height:133px;margin:-4px 0 -2px;} .ct-ui .v9 .ct-invite-heading img{display:block;width:100%;height:100%;object-fit:fill;} .ct-ui .v9 .ct-invite-rewards{position:relative;min-width:0;margin-top:1px;padding:12px 10px 10px; border:1px solid #335a46;border-radius:10px; background:linear-gradient(115deg,#061f17,#051910 58%,#061e16); box-shadow:inset 0 1px 0 #ffffff13,0 2px 5px #0005; } .ct-ui .v9 .ct-invite-rewards::before{ content:"";position:absolute;z-index:1;inset:-3px;pointer-events:none; border:14px solid transparent; border-image-source:url('assets/invite_trim_07_rewards_block.png'); border-image-slice:55 55 55 55;border-image-width:14px;border-image-repeat:stretch;opacity:.59; } .ct-ui .v9 .ct-invite-rewards h2{position:relative;margin:0 0 10px 2px;font:800 15px/1.2 'Golos Text',Arial,sans-serif;color:#f4f6e8;letter-spacing:-.15px;} .ct-ui .v9 .ct-invite-reward-list{position:relative;display:grid;gap:7px;} .ct-ui .v9 .ct-invite-reward-list::before{content:"";position:absolute;z-index:0;left:18px;top:22px;bottom:22px;width:5px;background:linear-gradient(90deg,#9e6b21,#ffe08c,#986722);box-shadow:0 0 5px #edbb5e38;} .ct-ui .v9 .ct-invite-reward{position:relative;z-index:1;display:grid;grid-template-columns:39px minmax(0,1fr);gap:7px;align-items:center;min-height:68px;} .ct-ui .v9 .ct-invite-milestone{ display:flex;align-items:center;justify-content:center;width:39px;height:45px; color:#fff8e8;font:900 20px/1 'Golos Text',Arial,sans-serif; background:linear-gradient(140deg,#fff3b6,#e7b346 45%,#a97520 73%,#ffe68a); clip-path:polygon(50% 0%,96% 25%,96% 75%,50% 100%,4% 75%,4% 25%); position:relative;isolation:isolate;text-shadow:0 1px 3px #000; } .ct-ui .v9 .ct-invite-milestone::before{ content:"";position:absolute;z-index:-1;inset:4px; background:linear-gradient(160deg,#082017,#03120c); clip-path:polygon(50% 0%,96% 25%,96% 75%,50% 100%,4% 75%,4% 25%); } .ct-ui .v9 .ct-invite-reward-card{ display:grid;grid-template-columns:52px minmax(0,1fr) 28px;gap:8px;align-items:center; min-height:69px;padding:5px 8px 5px 4px; border:1px solid #345845;border-radius:10px; background:linear-gradient(105deg,#072016,#0a271b 55%,#06180f); box-shadow:inset 0 1px 0 #d6c0781c; } .ct-ui .v9 .ct-invite-reward-art{display:block;width:52px;height:55px;object-fit:contain;mix-blend-mode:screen;} .ct-ui .v9 .ct-invite-reward-copy{display:flex;flex-direction:column;gap:5px;min-width:0;} .ct-ui .v9 .ct-invite-reward-copy strong{font:900 15px/1.08 'Golos Text',Arial,sans-serif;color:#ffdc78;overflow-wrap:anywhere;} .ct-ui .v9 .ct-invite-reward-copy small{font:500 10px/1.15 'Golos Text',Arial,sans-serif;color:#d9dfd6;} .ct-ui .v9 .ct-invite-reward-status{display:flex;align-items:center;justify-content:center;} .ct-ui .v9 .ct-invite-status-icon{width:26px;height:26px;display:block;} .ct-ui .v9 .ct-invite-rewards-unavailable{margin:11px 4px 1px;color:#a5b2a7;font:500 10px/1.4 'Golos Text',Arial,sans-serif;text-align:center;} .ct-ui .v9 .ct-invite-actions{display:flex;flex-direction:column;gap:5px;margin-top:2px;} .ct-ui .v9 .ct-invite-image-button{position:relative;width:100%;padding:0;border:0;background:none;box-shadow:none;display:block;overflow:visible;border-radius:9px;transition:filter .14s ease;} .ct-ui .v9 .ct-invite-image-button img{width:100%;height:auto;max-height:65px;object-fit:fill;display:block;} .ct-ui .v9 .ct-invite-image-button:active{transform:translateY(1px);filter:brightness(1.08);} .ct-ui .v9 .ct-invite-image-button:hover{filter:brightness(1.06);} .ct-ui .v9 .ct-invite-fineprint{margin:0 7px;font:500 10px/1.35 'Golos Text',Arial,sans-serif;text-align:center;color:#899f90;} .ct-ui .v9 .ct-invite-screen button:focus-visible{outline:2px solid #ffe48e;outline-offset:2px;} @media(max-width:359px){ .ct-ui .v9 .ct-invite-screen{padding:5px 15px calc(24px + env(safe-area-inset-bottom,0px));} .ct-ui .v9 .ct-invite-player{padding:6px 8px;grid-template-columns:minmax(0,1fr) minmax(90px,auto);} .ct-ui .v9 .ct-invite-player-info{gap:6px;} .ct-ui .v9 .ct-invite-player-rank{width:36px;height:44px;} .ct-ui .v9 .ct-invite-player-rank .rank-icon{width:26px;height:36px;} .ct-ui .v9 .ct-invite-player-name strong{font-size:12px;} .ct-ui .v9 .ct-invite-player-name small{font-size:9.5px;} .ct-ui .v9 .ct-invite-wallet strong{font-size:13px;} .ct-ui .v9 .ct-invite-wallet .coin{width:17px;height:17px;} .ct-ui .v9 .ct-invite-income{font-size:10.5px;} .ct-ui .v9 .ct-invite-rewards h2{font-size:14px;} .ct-ui .v9 .ct-invite-reward-card{grid-template-columns:43px minmax(0,1fr) 26px;gap:6px;} .ct-ui .v9 .ct-invite-reward-art{width:43px;height:47px;} .ct-ui .v9 .ct-invite-reward-copy strong{font-size:13px;} .ct-ui .v9 .ct-invite-reward-copy small{font-size:9.5px;} } @media(prefers-reduced-motion:reduce){.ct-ui .v9 .ct-invite-image-button{transition:none;}} .ct-ui .app.v9:has(.v34-arsenal) {background:#06140f;border-color:#574d24;} .ct-ui .app.v9:has(.v34-arsenal) .main{scrollbar-color:#695925 #07170f;overscroll-behavior-y:contain;} .ct-ui .app.v9:has(.v34-arsenal) .screen{background:#03100c;padding:0 8px 10px;} .ct-ui .app.v9 .arsenal-reference-screen.v34-arsenal{margin:0;} .ct-ui .app.v9 .v34-arsenal{ display:flex;flex-direction:column;gap:7px;min-width:0; background:linear-gradient(180deg,rgba(4,17,12,.65),rgba(3,11,8,.65)), url('assets/arsenal_v34_panel_bg.webp') center top / 100% auto repeat-y; padding:3px 2px 9px;color:#efece1; border-left:1px solid #79622555;border-right:1px solid #79622555; box-shadow:inset 0 0 18px #000c; } .ct-ui .app.v9 .v34-header, .ct-ui .app.v9 .v34-player, .ct-ui .app.v9 .v34-progress {position:relative;width:100%;flex:none;isolation:isolate;} .ct-ui .app.v9 .v34-header{height:56px;display:flex;justify-content:center;align-items:center;} .ct-ui .app.v9 .v34-header-art, .ct-ui .app.v9 .v34-player-art, .ct-ui .app.v9 .v34-progress-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:-1;pointer-events:none;user-select:none;} .ct-ui .app.v9 .v34-header h1{margin:0;padding:0 48px;max-width:100%;color:#ffd56d;text-shadow:0 2px 2px #000,0 0 7px #cf8e2144;text-align:center;font:900 clamp(15px,4.8vw,22px)/1 'ArsenalDela','Golos Text',Arial,sans-serif;letter-spacing:.3px;white-space:nowrap;} .ct-ui .app.v9 .v34-header-back, .ct-ui .app.v9 .v34-header-settings{position:absolute;top:8px;width:51px;height:42px;border:0;background:transparent;box-shadow:none;cursor:pointer;} .ct-ui .app.v9 .v34-header-back{left:1%;} .ct-ui .app.v9 .v34-header-settings{right:1%;} .ct-ui .app.v9 .v34-header-back:hover, .ct-ui .app.v9 .v34-header-settings:hover{background:#ffeaa018;border-radius:10px;} .ct-ui .app.v9 .v34-player{height:66px;display:grid;grid-template-columns:minmax(0,1fr) 110px;align-items:center;gap:2px;padding:6px 12px 7px 8px;} .ct-ui .app.v9 .v34-player-details{display:flex;min-width:0;min-height:47px;align-items:center;gap:8px;padding:0;border:0;background:transparent;color:#f3ede0;text-align:left;box-shadow:none;} .ct-ui .app.v9 .v34-rank{display:flex;align-items:center;justify-content:center;flex:none;width:43px;height:46px;padding:3px;background:linear-gradient(90deg,#061d12df,#061d13b0);border:1px solid #e0af4066;border-radius:7px;} .ct-ui .app.v9 .v34-rank img{display:block;width:35px;height:38px;object-fit:contain;} .ct-ui .app.v9 .v34-identity{display:flex;flex-direction:column;min-width:0;gap:3px;} .ct-ui .app.v9 .v34-identity strong{font:800 clamp(11px,3.25vw,14px)/1.1 'Golos Text',Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f4f5ed;text-shadow:0 1px 2px #000;} .ct-ui .app.v9 .v34-identity small{font:500 clamp(8px,2.5vw,10px)/1.2 'Golos Text',Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#b3c0aa;text-shadow:0 1px 2px #000;} .ct-ui .app.v9 .v34-money{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;min-width:0;} .ct-ui .app.v9 .v34-money button{border:0;background:transparent;box-shadow:none;padding:0;white-space:nowrap;text-align:right;} .ct-ui .app.v9 .v34-balance{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;max-width:100%;color:#fff3c0;} .ct-ui .app.v9 .v34-balance .coin{width:18px;height:18px;flex:none;} .ct-ui .app.v9 .v34-balance strong{font:800 clamp(11px,3vw,15px)/1.1 'Golos Text',Arial,sans-serif;white-space:nowrap;font-variant-numeric:tabular-nums;} .ct-ui .app.v9 .v34-income{color:#ffd753;font:800 clamp(10px,2.75vw,13px)/1.15 'Golos Text',Arial,sans-serif;} .ct-ui .app.v9 .v34-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;min-width:0;min-height:34px;} .ct-ui .app.v9 .v34-filter{min-width:0;min-height:34px;padding:0 2px;border:0;background-position:center;background-size:100% 100%;background-repeat:no-repeat;box-shadow:none;color:#b8c2ae;font:700 clamp(9px,2.7vw,11px)/1.1 'Golos Text',Arial,sans-serif;text-shadow:0 1px 1px #000;white-space:nowrap;} .ct-ui .app.v9 .v34-filter.active{color:#fff5d2;text-shadow:0 1px 3px #000,0 0 2px #ffe38833;} .ct-ui .app.v9 .v34-filter:hover{filter:brightness(1.15);} .ct-ui .app.v9 .v34-progress{height:54px;display:flex;align-items:center;padding:0 2px;} .ct-ui .app.v9 .v34-progress-copy{position:absolute;left:22.2%;top:20%;width:48%;height:22%;display:flex;gap:4px;align-items:center;justify-content:space-between;white-space:nowrap;color:#e7e1b9;text-shadow:0 1px 2px #000;} .ct-ui .app.v9 .v34-progress-copy>span{font:800 clamp(7px,2.2vw,9px)/1 'Golos Text',Arial,sans-serif;color:#d9e2bc;} .ct-ui .app.v9 .v34-progress-copy strong{font:800 clamp(9px,2.5vw,12px)/1 'Golos Text',Arial,sans-serif;color:#ffe476;font-variant-numeric:tabular-nums;} .ct-ui .app.v9 .v34-progress-track{position:absolute;left:22%;width:48%;bottom:24%;height:10px;border-radius:4px;border:1px solid #40653e;background:#10241d;overflow:hidden;box-shadow:inset 0 2px 2px #0008;} .ct-ui .app.v9 .v34-progress-track>i{display:block;height:100%;background:linear-gradient(180deg,#ffe083,#f1ad2f 60%,#e18616);box-shadow:0 0 7px #ffd06065;transition:width .2s ease;} .ct-ui .app.v9 .v34-progress-all{position:absolute;right:3.5%;top:22%;height:55%;width:22%;padding:0 1px;border:0;background:transparent;color:#ffda71;box-shadow:none;font:800 clamp(7px,2.15vw,9px)/1.05 'Golos Text',Arial,sans-serif;white-space:nowrap;text-shadow:0 1px 3px #000;} .ct-ui .app.v9 .v34-progress-all span{font-size:16px;vertical-align:middle;line-height:8px;} .ct-ui .app.v9 .v34-progress-all:hover{filter:brightness(1.2);} .ct-ui .app.v9 .v34-item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0;margin:0;} .ct-ui .app.v9 .v34-item{min-width:0;aspect-ratio:1.225;position:relative;} .ct-ui .app.v9 .v34-item-button{position:relative;display:block;isolation:isolate;overflow:hidden;touch-action:manipulation;width:100%;height:100%;padding:0;margin:0;border:0;border-radius:9px;background:#081812;box-shadow:0 3px 4px #0009;color:#fff;} .ct-ui .app.v9 .v34-item-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;} .ct-ui .app.v9 .v34-item-display{position:absolute;top:15%;left:6%;right:6%;height:54%;display:flex;align-items:center;justify-content:center;overflow:hidden;} .ct-ui .app.v9 .v34-vehicle{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;filter:contrast(1.1) brightness(1.12) drop-shadow(0 4px 3px #0009);transform:scale(1.27);} .ct-ui .app.v9 .v34-locked .v34-vehicle{mix-blend-mode:multiply;filter:grayscale(1) brightness(0);opacity:.78;transform:scale(1.35);} .ct-ui .app.v9 .v34-item-caption{position:absolute;left:10%;right:10%;bottom:8%;height:30%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;pointer-events:none;} .ct-ui .app.v9 .v34-item-name{display:block;text-align:center;max-width:100%;font:800 clamp(9px,3vw,12px)/1.1 'Golos Text',Arial,sans-serif;color:#f5f4ed;text-shadow:0 2px 2px #000,0 1px 5px #000b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .ct-ui .app.v9 .v34-item-rarity{display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:100%;min-height:18px;padding:2px 6px;border:1px solid #8a6833;border-radius:5px;background:#39270dbb;color:#f5ca65;font:700 clamp(8px,2.55vw,10px)/1.1 'Golos Text',Arial,sans-serif;white-space:nowrap;text-shadow:0 1px 2px #000;} .ct-ui .app.v9 .v34-rarity-gem{display:flex;align-items:center;justify-content:center;width:14px;height:14px;flex:none;border-radius:50%;background:linear-gradient(#ffe079,#b9761e);color:#fff2a1;border:1px solid #ffd266;font:700 9px/1 Arial,sans-serif;box-shadow:0 0 5px #f4b92e88;} .ct-ui .app.v9 .v34-item-rarity.rarity-rare{background:#2e174199;border-color:#67418c;color:#deabff;} .ct-ui .app.v9 .v34-item-rarity.rarity-rare .v34-rarity-gem{background:#8544cd;color:#ecd7ff;border-color:#ba7df7;box-shadow:0 0 5px #a34deb9c;} .ct-ui .app.v9 .v34-item-rarity.rarity-epic{background:#45230f99;border-color:#8b4b23;color:#ffc07e;} .ct-ui .app.v9 .v34-item-rarity.rarity-epic .v34-rarity-gem{background:#d57829;color:#ffdfaf;border-color:#ffa75d;box-shadow:0 0 5px #ed8a3688;} .ct-ui .app.v9 .v34-item-rarity.rarity-common{background:#1b303bca;border-color:#4c6570;color:#bad2de;} .ct-ui .app.v9 .v34-item-rarity.rarity-common .v34-rarity-gem{background:#718fa0;color:#e8f5f8;border-color:#a4c5d7;box-shadow:none;} .ct-ui .app.v9 .v34-item-rarity.rarity-contraband{background:#3c1514c9;border-color:#944336;color:#ff9992;} .ct-ui .app.v9 .v34-item-rarity.rarity-contraband .v34-rarity-gem{background:#c1473e;color:#ffdddd;border-color:#ef8379;} .ct-ui .app.v9 .v34-item-rarity.rarity-unfound{border:1px solid #52605e;background:#15201fd9;color:#9caaa7;} .ct-ui .app.v9 .v34-item-rarity.rarity-unfound .v34-rarity-gem{background:#6b7878;color:#c1c7c8;border-color:#909e9e;box-shadow:none;font-size:11px;} .ct-ui .app.v9 .v34-locked .v34-item-name{color:#b4bdbc;} .ct-ui .app.v9 .v34-equipped-check{position:absolute;top:8%;right:10%;width:16px;height:16px;border:1px solid #778847;border-radius:50%;background:#163e22;color:#ddeb9a;font:800 11px/14px Arial,sans-serif;} .ct-ui .app.v9 .v34-duplicates{position:absolute;top:10%;left:10%;background:#092719cc;padding:2px 4px;border:1px solid #b1a35777;border-radius:4px;color:#e6d69a;font:700 9px/1 'Golos Text',Arial,sans-serif;} .ct-ui .app.v9 .v34-item-button:hover{filter:brightness(1.13);} .ct-ui .app.v9 .v34-empty{color:#c1c6a9;text-align:center;font-size:12px;} .ct-ui .app.v9:has(.v34-arsenal) .bottom-nav.bottom-nav-ref{ position:relative;height:76px;min-height:76px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0; padding:2px 7px calc(4px + env(safe-area-inset-bottom,0px)); background: #03130e url('assets/arsenal_v34_nav_active.webp') center center / 100% 100% no-repeat; border:0;box-shadow:0 -1px 1px #b18b3435;overflow:hidden; } .ct-ui .app.v9:has(.v34-arsenal) .bottom-nav-ref .nav-btn.has-label, .ct-ui .app.v9:has(.v34-arsenal) .bottom-nav-ref .nav-btn.has-label.active{ position:relative;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:0; min-width:0;min-height:0;height:100%;border:0;border-radius:0; padding:0 0 1px;background:transparent;box-shadow:none;color:#c9ceb9; } .ct-ui .app.v9:has(.v34-arsenal) .bottom-nav-ref .nav-btn.has-label.active{color:#ffe276;} .ct-ui .app.v9:has(.v34-arsenal) .bottom-nav-ref .nav-btn.has-label>svg, .ct-ui .app.v9:has(.v34-arsenal) .bottom-nav-ref .nav-btn.has-label>img{visibility:hidden;width:22px;height:22px;} .ct-ui .app.v9:has(.v34-arsenal) .bottom-nav-ref .nav-btn.has-label span{ font:700 clamp(9px,2.5vw,11px)/1 'Golos Text',Arial,sans-serif; color:inherit;text-shadow:0 1px 2px #000;pointer-events:none; } .ct-ui .app.v9:has(.v34-arsenal) .bottom-nav-ref .nav-btn.has-label.active span{color:#fce078;} @media (max-width:360px){ .ct-ui .app.v9 .v34-arsenal{gap:6px;padding-inline:1px;} .ct-ui .app.v9 .v34-player{grid-template-columns:minmax(0,1fr) 96px;padding-inline:6px 8px;height:63px;} .ct-ui .app.v9 .v34-rank{width:39px;height:43px;} .ct-ui .app.v9 .v34-player-details{gap:5px;} .ct-ui .app.v9 .v34-rank img{width:31px;height:34px;} .ct-ui .app.v9 .v34-identity small{font-size:8px;} .ct-ui .app.v9 .v34-identity strong{font-size:11px;} .ct-ui .app.v9 .v34-progress{height:52px;} .ct-ui .app.v9 .v34-progress-copy{left:22.5%;width:48%;} .ct-ui .app.v9 .v34-progress-copy>span{font-size:7px;} .ct-ui .app.v9 .v34-progress-copy strong{font-size:8px;} .ct-ui .app.v9 .v34-item-grid{gap:5px;} .ct-ui .app.v9 .v34-item{aspect-ratio:1.15;} .ct-ui .app.v9 .v34-item-rarity{font-size:8px;min-height:17px;padding:1px 4px;} .ct-ui .app.v9 .v34-item-caption{bottom:6%;gap:3px;} .ct-ui .app.v9 .v34-item-name{font-size:9px;} .ct-ui .app.v9:has(.v34-arsenal) .bottom-nav.bottom-nav-ref{height:71px;min-height:71px;} } @media (prefers-reduced-motion: reduce){.ct-ui .app.v9 .v34-progress-track>i{transition:none;}} .ct-ui .app.v9 .v34-player{grid-template-columns:minmax(0,1fr) 110px;padding-inline:10px 14px;} .ct-ui .app.v9 .v34-rank{background:#091e15de;border-color:#b48b3799;} .ct-ui .app.v9 .v34-money{background:#04160fa8;border:1px solid #6a62283d;border-radius:5px;padding:3px 5px 3px 3px;} .ct-ui .app.v9 .v34-progress-crate{position:absolute;left:2.5%;top:9%;height:82%;width:19%;object-fit:contain;pointer-events:none;} .ct-ui .app.v9 .v34-progress-copy{top:21%;left:22%;width:49%;height:18%;} .ct-ui .app.v9 .v34-progress-track{bottom:20%;left:22%;width:49%;height:9px;} .ct-ui .app.v9 .v34-progress-all{right:3.1%;top:18%;height:63%;width:23.7%;font-size:clamp(7px,2.1vw,9px);z-index:0;} .ct-ui .app.v9 .v34-progress-all img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;z-index:-1;} .ct-ui .app.v9 .v34-locked .v34-vehicle{opacity:.85;mix-blend-mode:normal;filter:grayscale(1) brightness(0);} .ct-ui .app.v9 .v34-lock-icon{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:23px;height:26px;color:#9aa3a3;opacity:.78;filter:drop-shadow(0 1px 3px #000);pointer-events:none;} .ct-ui .app.v9 .v34-lock-icon svg{width:100%;height:100%;} .ct-ui .app.v9 .v34-locked .v34-item-frame{filter:brightness(.83);} @media(max-width:360px){ .ct-ui .app.v9 .v34-player{grid-template-columns:minmax(0,1fr) 96px;padding-inline:7px 10px;} .ct-ui .app.v9 .v34-progress-all{font-size:7px;} } .ct-ui .app.v9 .v34-item-display{top:12%;height:62%;} .ct-ui .app.v9 .v34-vehicle{transform:scale(1.42);} .ct-ui .app.v9 .v34-locked .v34-vehicle{transform:scale(1.42);} .ct-ui .v9 .screen:has(.mines-v35){--mine-accent:#d4b46e;--mine-edge:#786747;--mine-ink:#0a1d18;background:var(--ct-bg);} .ct-ui .v9 .screen:has(.mines-v35)>.ct-topbar{ grid-template-columns:52px minmax(0,1fr) 52px; height:58px;min-height:58px;margin:0 -8px 3px;padding:5px 11px; background:transparent url('assets/mines_ui_01_header_bar.webp') center/100% 100% no-repeat; border:0;box-shadow:none; } .ct-ui .v9 .screen:has(.mines-v35)>.ct-topbar h1{ min-width:0;margin:0;color:#f5d991;font-size:17px;font-weight:700; letter-spacing:.45px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-shadow:0 1px 2px #0009; } .ct-ui .v9 .screen:has(.mines-v35)>.ct-topbar .ct-header-action{ width:47px;height:47px;min-width:47px;padding:0;color:transparent; background:transparent;border:0;box-shadow:none; } .ct-ui .v9 .screen:has(.mines-v35)>.ct-topbar .ct-header-action svg{ opacity:0;pointer-events:none; } .ct-ui .v9 .screen:has(.mines-v35)>.ct-topbar .ct-header-action:active{filter:brightness(1.17);} .ct-ui .v9 .screen:has(.mines-v35)>.ct-player-panel{ min-width:0;min-height:66px;gap:7px;margin:3px 0 9px;padding:8px 9px; background:linear-gradient(115deg,#10271eea,#081a15 85%); border:1px solid #596044;border-radius:9px;box-shadow:inset 0 1px #ffffff0c; } .ct-ui .v9 .screen:has(.mines-v35)>.ct-player-panel .ct-player-main{min-width:0;gap:7px;} .ct-ui .v9 .screen:has(.mines-v35)>.ct-player-panel .ct-rank{ flex:none;width:32px;height:39px;border-color:#89764b;background:#11241c; } .ct-ui .v9 .screen:has(.mines-v35)>.ct-player-panel .ct-rank .rank-icon{max-width:27px;max-height:34px;} .ct-ui .v9 .screen:has(.mines-v35)>.ct-player-panel .ct-player-copy{min-width:0;gap:3px;} .ct-ui .v9 .screen:has(.mines-v35)>.ct-player-panel .ct-player-copy strong{ display:block;max-width:100%;font-size:13px;font-weight:700; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } .ct-ui .v9 .screen:has(.mines-v35)>.ct-player-panel .ct-player-copy small{font-size:10px;line-height:1.2;} .ct-ui .v9 .screen:has(.mines-v35)>.ct-player-panel .ct-player-funds{ min-width:93px;max-width:min(46vw,170px);width:max-content; } .ct-ui .v9 .screen:has(.mines-v35)>.ct-player-panel .ct-balance{ min-width:0;max-width:100%;padding:3px 6px;border-color:#796742;background:#071a13; justify-content:flex-end; } .ct-ui .v9 .screen:has(.mines-v35)>.ct-player-panel .ct-balance strong{ min-width:0;font-size:15px;font-weight:700;white-space:nowrap; overflow:hidden;text-overflow:ellipsis; } .ct-ui .v9 .screen:has(.mines-v35)>.ct-player-panel .ct-income-mini{min-height:17px;font-size:11px;white-space:nowrap;} .ct-ui .v9 .mines-v35{display:flex;flex-direction:column;min-width:0;color:var(--ct-text);} .ct-ui .v9 .mines-v35-heading{ display:flex;align-items:center;justify-content:space-between;gap:8px; min-height:52px;margin:1px 0 8px;padding:0 2px; } .ct-ui .v9 .mines-v35-heading-copy{display:flex;align-items:center;min-width:0;gap:8px;} .ct-ui .v9 .mines-v35-icon{ flex:none;display:block;width:39px;height:39px;object-fit:contain; filter:drop-shadow(0 2px 2px #0008); } .ct-ui .v9 .mines-v35-heading-copy>div{min-width:0;} .ct-ui .v9 .mines-v35-heading h2{ margin:0;color:#e7c676;font-size:21px;line-height:1.05;font-weight:800;letter-spacing:.3px; } .ct-ui .v9 .mines-v35-heading p{ margin:3px 0 0;color:#b0bfb5;font-size:11px;line-height:1.3;font-weight:400; } .ct-ui .v9 .mines-v35-help{ flex:none;display:grid;place-items:center;width:37px;height:37px;padding:0; border:1px solid #9b8150;border-radius:8px; background:linear-gradient(165deg,#324130,#12281f 45%,#0b1c17 100%); box-shadow:inset 0 1px #fbeab53d,inset 0 -2px #020d0a99,0 2px 3px #0006; color:#f6d684;font-size:17px;font-weight:800; } .ct-ui .v9 .mines-v35-help:active{transform:translateY(1px);filter:brightness(1.14);} .ct-ui .v9 .mines-v35-settings{ min-width:0;padding:10px 9px 11px;margin:0 0 7px; background:linear-gradient(145deg,#122b22,#0c201a); border:1px solid #405448;border-radius:9px; } .ct-ui .v9 .mines-v35 .mine-settings{ display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr); align-items:end;gap:10px;margin:0;padding:0; } .ct-ui .v9 .mines-v35 .mine-setting-group{min-width:0;} .ct-ui .v9 .mines-v35 .mine-setting-label{ display:block;margin-bottom:7px;color:#cad3c7; font-size:11px;font-weight:500;line-height:1.2;white-space:nowrap; } .ct-ui .v9 .mines-v35 .size-buttons, .ct-ui .v9 .mines-v35 .bomb-buttons{display:flex;align-items:stretch;min-width:0;gap:5px;margin:0;} .ct-ui .v9 .mines-v35 .size-buttons button, .ct-ui .v9 .mines-v35 .bomb-buttons button, .ct-ui .v9 .mines-v35 .stake-presets button{ position:relative;flex:1;min-width:0;min-height:37px;height:37px;padding:2px 3px; border:1px solid #61735c;border-radius:7px; background:linear-gradient(180deg,#344434 0%,#1b3429 24%,#0d231b 68%,#0a1d18 100%); box-shadow:inset 0 1px #eee4bc36,inset 0 -2px #031009b8,0 2px 3px #0005; color:#dbe3d9;font-size:12px;font-weight:700;line-height:1.1; text-shadow:0 1px 1px #0009; transition:filter .12s,transform .12s; } .ct-ui .v9 .mines-v35 .size-buttons button.active, .ct-ui .v9 .mines-v35 .bomb-buttons button.active{ border-color:#e0bd6a; background:linear-gradient(180deg,#8c7a4c 0%,#625737 15%,#2c3928 67%,#192b20 100%); box-shadow:inset 0 1px #fff0b87a,inset 0 0 0 1px #c89e4838,inset 0 -2px #07120c,0 1px 3px #0008; color:#ffe8a4;text-shadow:0 1px #31220e; } .ct-ui .v9 .mines-v35 .size-buttons button:active:not(:disabled), .ct-ui .v9 .mines-v35 .bomb-buttons button:active:not(:disabled), .ct-ui .v9 .mines-v35 .stake-presets button:active:not(:disabled){transform:translateY(1px);filter:brightness(1.16);} .ct-ui .v9 .mines-v35 .bomb-buttons select{ appearance:none;-webkit-appearance:none;flex:0 0 39px;min-width:39px;width:39px;height:37px; padding:3px 13px 3px 5px;text-align:center;text-align-last:center; border:0;border-radius:5px; background:transparent url('assets/mines_ui_05_dropdown_selector.webp') center/100% 100% no-repeat; box-shadow:none;color:#f4d58d;font-size:12px;font-weight:700; } .ct-ui .v9 .mines-v35 .mine-settings :is(button,select):disabled{opacity:.54;cursor:not-allowed;} .ct-ui .v9 .mines-v35 .mine-board-wrap{ display:block;min-width:0;margin:0;padding:0;background:none;border:0;box-shadow:none; } .ct-ui .v9 .mines-v35 .mines-v35-board-stage{ display:block;box-sizing:border-box;position:relative; width:100%;aspect-ratio:1/1;padding:8.25%; background:transparent url('assets/mines_ui_07_grid_frame_square.webp') center/100% 100% no-repeat; } .ct-ui .v9 .mines-v35 .mine-board-wrap .minegrid{ display:grid;box-sizing:border-box;width:100%;height:100%;max-width:none;max-height:none; grid-template-rows:repeat(var(--mine-grid),minmax(0,1fr)); grid-auto-rows:unset;align-items:stretch;justify-items:stretch; gap:clamp(3px,1.25vw,6px);aspect-ratio:1/1!important;margin:0!important; } .ct-ui .v9 .mines-v35 .minegrid button.cell.mines-tile{ display:block;width:100%;height:100%;aspect-ratio:1/1;min-width:0;min-height:0;cursor:pointer; -webkit-tap-highlight-color:transparent; } .ct-ui .v9 .mines-v35 .minegrid button.cell.mines-tile:disabled{cursor:default;} .ct-ui .v9 .mines-v35 .minegrid button.cell.mines-tile:focus-visible{outline:2px solid #ffdb84;outline-offset:1px;} .ct-ui .v9 .mines-v35 .minegrid button.cell.mines-tile img.mines-tile-base{filter:brightness(1.06) saturate(.84)!important;} .ct-ui .v9 .mines-v35 .minegrid button.cell.mines-tile img.mines-tile-pressed{filter:brightness(1.25) saturate(1.05)!important;} .ct-ui .v9 .mines-v35 .board-label{ display:flex;align-items:center;justify-content:space-between;gap:8px; padding:6px 7px 0;color:#9ead9e;font-size:11px;line-height:1.3;letter-spacing:0; } .ct-ui .v9 .mines-v35 .board-label span:last-child{text-align:right;} .ct-ui .v9 .mines-v35 .mine-payout-bar{ display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px; min-width:0;height:auto;margin:9px 0 8px;padding:0; background:transparent;border:0;box-shadow:none; } .ct-ui .v9 .mines-v35 .mine-payout-bar>div{ min-width:0;min-height:73px;display:flex;flex-direction:column; align-items:flex-start;justify-content:center;gap:6px; padding:10px 11px;background:linear-gradient(155deg,#1b3529,#0c231b 70%); border:1px solid #555e43;border-radius:8px; box-shadow:inset 0 1px #eddba01a,0 2px 3px #0003; } .ct-ui .v9 .mines-v35 .mine-payout-bar small{ display:block;margin:0;max-width:100%;white-space:normal; color:#b8c7ba;font-size:11px;font-weight:500;line-height:1.2; } .ct-ui .v9 .mines-v35 .mine-payout-bar b{ min-width:0;max-width:100%;display:flex;align-items:center;gap:5px; margin:0;color:#e8eee4;font-size:clamp(16px,4.9vw,21px);font-weight:800; line-height:1.1;letter-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap; } .ct-ui .v9 .mines-v35 .mine-payout-bar b.gold{color:#efcc78;} .ct-ui .v9 .mines-v35 .mine-payout-bar .coin{flex:none;width:19px;height:19px;} .ct-ui .v9 .mines-v35 .mine-payout-bar [data-mine-payout]{min-width:0;overflow:hidden;text-overflow:ellipsis;} .ct-ui .v9 .mines-v35 .stake-v7{ display:block;min-width:0;position:relative;margin:0 0 9px;padding:11px 11px 10px; background:linear-gradient(150deg,#152e23,#0b211b); border:1px solid #626248;border-radius:9px; box-shadow:inset 0 1px #f5d48a1b,0 2px 4px #0004; } .ct-ui .v9 .mines-v35 .stake-label{ display:flex;justify-content:space-between;gap:6px;align-items:center; min-width:0;margin-bottom:8px; } .ct-ui .v9 .mines-v35 .stake-label label{ min-width:0;color:#e6e8dc;font-size:12px;font-weight:600;line-height:1.2; } .ct-ui .v9 .mines-v35 .stake-label small{ min-width:0;white-space:nowrap;color:#99a99c;font-size:10px;line-height:1.2; } .ct-ui .v9 .mines-v35 .stake-adjust{ display:grid;grid-template-columns:43px minmax(0,1fr) 43px;gap:7px; min-height:42px;align-items:center; } .ct-ui .v9 .mines-v35 .stake-adjust button{ display:grid;place-items:center;width:43px;height:43px;min-width:43px;padding:0; background:transparent url('assets/mines_ui_08_small_button.webp') center/contain no-repeat; border:0;box-shadow:none;border-radius:7px; color:#f5d482;font-size:25px;font-weight:700;line-height:1; text-shadow:0 1px 2px #000; } .ct-ui .v9 .mines-v35 .stake-adjust button:active:not(:disabled){transform:translateY(1px);filter:brightness(1.2);} .ct-ui .v9 .mines-v35 .stake-adjust button:disabled{opacity:.43;cursor:not-allowed;} .ct-ui .v9 .mines-v35 .stake-adjust input{ display:block;min-width:0;width:100%;height:43px;min-height:43px;padding:5px 8px; background:#061812;border:1px solid #8c7748;border-radius:8px; box-shadow:inset 0 2px 5px #0009,0 1px #f0cc6620; color:#f7f4e6;font-size:19px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums; } .ct-ui .v9 .mines-v35 .stake-presets{ display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:8px 0 0; } .ct-ui .v9 .mines-v35 .stake-presets button{min-height:34px;height:34px;font-size:12px;} .ct-ui .v9 .mines-v35 .stake-presets button:last-child{ border-color:#9f8450;color:#ffdf91; } .ct-ui .v9 .mines-v35 .stake-presets button:disabled{opacity:.43;cursor:not-allowed;} .ct-ui .v9 .mines-v35 .stake-note{ margin:6px 0 0;max-width:100%;font-size:10px;line-height:1.3; color:#9dac9c;text-align:right;overflow-wrap:anywhere; } .ct-ui .v9 .mines-v35 .mine-actions{display:flex;margin:3px 0 6px;gap:0;min-height:57px;} .ct-ui .v9 .mines-v35 .mine-actions .mines-v35-action{ display:block;flex:1;min-width:0;height:57px;min-height:57px;margin:0;padding:0 12px; border:14px solid transparent;border-image-source:url('assets/mines_ui_06_start_button.webp'); border-image-slice:80 100 fill;border-image-width:14px 21px;border-image-repeat:stretch; background:linear-gradient(#e3a638,#a66a15);background-clip:padding-box; box-shadow:none;border-radius:0; color:#221707;font-size:clamp(14px,4.1vw,17px);font-weight:900;line-height:1.1;letter-spacing:.25px; text-shadow:0 1px #ffefb97e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .ct-ui .v9 .mines-v35 .mine-actions .mines-v35-action[hidden]{display:none!important;} .ct-ui .v9 .mines-v35 .mine-actions .mines-v35-action:disabled{opacity:.45;filter:grayscale(.35);cursor:not-allowed;} .ct-ui .v9 .mines-v35 .mine-actions .mines-v35-action:active:not(:disabled){transform:translateY(1px);filter:brightness(1.1);} .ct-ui .v9 .screen:has(.mines-v35)>.game-footer{margin:5px 0 9px;color:#8e9f97;font-size:10px;} @media(max-width:359px){ .ct-ui .v9 .screen:has(.mines-v35)>.ct-topbar{height:53px;min-height:53px;padding:4px 9px;grid-template-columns:45px minmax(0,1fr) 45px;} .ct-ui .v9 .screen:has(.mines-v35)>.ct-topbar .ct-header-action{height:42px;min-width:42px;width:42px;} .ct-ui .v9 .screen:has(.mines-v35)>.ct-player-panel{gap:4px;padding:7px 7px;} .ct-ui .v9 .screen:has(.mines-v35)>.ct-player-panel .ct-player-funds{max-width:46vw;min-width:90px;} .ct-ui .v9 .screen:has(.mines-v35)>.ct-player-panel .ct-balance strong{font-size:13px;} .ct-ui .v9 .mines-v35-settings{padding:9px 7px;} .ct-ui .v9 .mines-v35 .mine-settings{gap:7px;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);} .ct-ui .v9 .mines-v35 .mine-setting-label{font-size:10px;} .ct-ui .v9 .mines-v35 .size-buttons,.ct-ui .v9 .mines-v35 .bomb-buttons{gap:3px;} .ct-ui .v9 .mines-v35 .size-buttons button,.ct-ui .v9 .mines-v35 .bomb-buttons button{font-size:11px;} .ct-ui .v9 .mines-v35 .bomb-buttons select{flex-basis:33px;min-width:33px;width:33px;padding-left:3px;padding-right:11px;font-size:11px;} .ct-ui .v9 .mines-v35 .mine-payout-bar>div{padding:8px;} .ct-ui .v9 .mines-v35 .mine-payout-bar small{font-size:10px;} .ct-ui .v9 .mines-v35 .stake-adjust{grid-template-columns:40px minmax(0,1fr) 40px;gap:5px;} .ct-ui .v9 .mines-v35 .stake-adjust button{width:40px;min-width:40px;height:40px;} .ct-ui .v9 .mines-v35 .stake-label small{font-size:9px;} .ct-ui .v9 .mines-v35-heading p{font-size:10px;} } @media(prefers-reduced-motion:reduce){ .ct-ui .v9 .mines-v35 .minegrid *{animation:none!important;transition:none!important;} } .ct-ui .app.v9.bpla19-mode{background:#0b1e18;border-color:#415c42;box-shadow:0 0 0 2px #07140c,0 12px 35px #0008} .ct-ui .app.v9.bpla19-mode .main{background:#0b1e18;overflow-x:hidden;overflow-y:auto} .ct-ui .app.v9.bpla19-mode .screen{padding:0!important;background:#0a1c15} .ct-ui .app.v9.bpla19-mode .bottom-nav.bottom-nav-ref{display:flex!important;visibility:visible;flex:none} .ct-ui .app.v9.bpla19-mode .bottom-nav:not(.bottom-nav-ref){display:flex!important;visibility:visible;flex:none} .ct-ui .fm-bpla19{font-family:var(--body);background:#0b1d16;margin:0;min-height:0;overflow:visible;--fm-gold:#edc66e;--fm-teal:#d4deb9;--fm-line:#526b4f} .ct-ui .fm-bpla19 .fm-header{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;gap:6px;height:52px;min-height:52px;padding:5px 10px;border-bottom:1px solid #758058;background:linear-gradient(#1d3426,#11241a);box-shadow:inset 0 1px #e6d19a24,0 3px 8px #0004} .ct-ui .fm-bpla19 .fm-header h1{overflow:hidden;min-width:0;font:800 clamp(17px,5vw,22px)/1.2 var(--body);white-space:nowrap;letter-spacing:.15px;color:#f7de99;text-shadow:0 2px 1px #0c1808} .ct-ui .fm-bpla19 .fm-header .icon-button{width:36px;height:36px;min-width:36px!important;min-height:36px!important;border-radius:8px!important;border:1px solid #87945f!important;background:linear-gradient(160deg,#394c33,#192b1d)!important;box-shadow:inset 0 1px #c3d5ad66,0 2px 2px #081308!important;color:#f0d89f!important} .ct-ui .fm-bpla19 .fm-player{flex:none;padding:0 9px;background:#0b1e17} .ct-ui .fm-bpla19 .fm-player .ct-player-panel{margin:6px 0 7px;min-height:59px;padding:7px 9px;gap:5px;border-color:#4a624b;background:linear-gradient(130deg,#122e21,#0a1e18)} .ct-ui .fm-bpla19 .fm-player .ct-player-main{min-width:0;overflow:hidden} .ct-ui .fm-bpla19 .fm-player .ct-player-copy{min-width:0;overflow:hidden} .ct-ui .fm-bpla19 .fm-player .ct-player-copy strong{font-size:clamp(11px,3.2vw,15px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .ct-ui .fm-bpla19 .fm-player .ct-player-copy small{font-size:9px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .ct-ui .fm-bpla19 .fm-player .ct-player-funds{min-width:0;max-width:46%;overflow:hidden} .ct-ui .fm-bpla19 .fm-player .ct-balance{max-width:100%;padding:3px 5px;overflow:hidden} .ct-ui .fm-bpla19 .fm-player .ct-balance strong{font-size:clamp(11px,3.5vw,15px);min-width:0;overflow:hidden;text-overflow:ellipsis} .ct-ui .fm-bpla19 .fm-player .ct-income-mini{font-size:9px} .ct-ui .fm-bpla19 .fm-layout{min-height:0;flex:1;gap:0;display:flex!important;flex-direction:column!important} .ct-ui .fm-bpla19 .fm-telemetry{order:0;grid-template-columns:1fr 1fr 1.18fr;gap:6px;padding:6px 9px;background:#0a1d16;box-shadow:none} .ct-ui .fm-bpla19 .fm-telemetry>div{min-width:0;min-height:55px;padding:5px 3px;border:1px solid #455b3c;background:linear-gradient(#243a28,#10231a);border-radius:8px;box-shadow:inset 0 1px #9fae7338} .ct-ui .fm-bpla19 .fm-stat-symbol{font-family:var(--body);font-size:21px;color:#c7bd87} .ct-ui .fm-bpla19 .fm-telemetry small{font-family:var(--body);font-size:clamp(7px,1.9vw,9px);color:#aab89b;line-height:1.15} .ct-ui .fm-bpla19 .fm-telemetry b{font-family:var(--body);font-size:clamp(13px,4vw,18px);font-weight:800;min-width:0;white-space:nowrap;color:#f4f0df;text-shadow:none} .ct-ui .fm-bpla19 .fm-telemetry .fm-estimate b{font-size:clamp(16px,4.6vw,22px);color:#f7d77e;text-shadow:none} .ct-ui .fm-bpla19 .fm-scene{order:1;flex:none;height:clamp(246px,40dvh,340px)!important;min-height:246px!important;max-height:340px!important;width:100%;border-top:1px solid #626c52;border-bottom:2px solid #4d6b57;background:#18495f;box-shadow:none;overflow:hidden} .ct-ui .fm-bpla19 .fm-scene canvas{width:100%;height:100%;display:block;position:absolute;inset:0;min-height:100%} .ct-ui .fm-bpla19 .fm-scene:after{pointer-events:none;inset:0;border:0;box-shadow:inset 0 14px 18px #08211d25,inset 0 -12px 20px #07201955} .ct-ui .fm-bpla19 .fm-sky-top{z-index:3;top:9px;left:10px;right:10px;display:flex;justify-content:space-between;gap:6px;font-size:9px;letter-spacing:.4px;color:#f1ead7} .ct-ui .fm-bpla19 .fm-mission{display:inline!important;opacity:.95} .ct-ui .fm-bpla19 [data-connection11]{margin-left:auto;font-size:8px;letter-spacing:.3px;background:#123526ca;border:1px solid #647d5d;border-radius:4px;padding:2px 4px} .ct-ui .fm-bpla19 .fm-scene-caption{bottom:10px;max-width:85%;font-family:var(--body);font-weight:800;font-size:10px;line-height:1.2;letter-spacing:.1px;background:#102a22de;border-color:#82936e;padding:6px 10px;color:#f6edcf} .ct-ui .fm-bpla19 .fm-sea-route{display:none} .ct-ui .fm-bpla19 .fm-bottom-controls{order:2;padding:9px;gap:7px;background:linear-gradient(#193021,#0b2118);border-top:1px solid #4c6e52;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr)} .ct-ui .fm-bpla19 .fm-stake,.ct-ui .fm-bpla19 .fm-speedbar{min-width:0;min-height:119px;padding:8px;background:linear-gradient(145deg,#223828,#10271c);border-color:#516b48;box-shadow:inset 0 1px #a5af8344;border-radius:8px} .ct-ui .fm-bpla19 .fm-stake label,.ct-ui .fm-bpla19 .fm-speedbar>span{font:700 11px/1.2 var(--body);color:#d6d5ac;letter-spacing:0;margin-bottom:5px} .ct-ui .fm-bpla19 .fm-stake-input{display:grid;grid-template-columns:minmax(0,1fr) 30px 30px;gap:4px;margin:3px 0 8px} .ct-ui .fm-bpla19 .fm-stake-input input{min-width:0;height:37px;font:800 clamp(13px,3.6vw,18px)/1 var(--body);padding:0 2px;background:#081b15;border:1px solid #6f8054;color:#f8f3dc;border-radius:7px} .ct-ui .fm-bpla19 .fm-stake-input button{height:37px;font:800 19px/1 var(--body);border:1px solid #7c9569;color:#f0db9a;border-radius:7px;background:linear-gradient(150deg,#546b4b 0,#263d2e 60%,#13291c);box-shadow:inset 0 1px #c9e1a650,0 2px #07170d} .ct-ui .fm-bpla19 .fm-presets{gap:4px} .ct-ui .fm-bpla19 .fm-presets button{min-height:29px;height:30px;font:700 clamp(9px,2.3vw,11px)/1 var(--body);padding:4px 1px;border:1px solid #72835b;color:#e2e4ce;border-radius:6px;background:linear-gradient(#354c34,#1d3226);box-shadow:inset 0 1px #a3bb894a,0 2px #0b1c14} .ct-ui .fm-bpla19 .fm-speedbar{gap:7px} .ct-ui .fm-bpla19 .fm-speedbar>div{gap:4px;grid-template-columns:repeat(2,minmax(0,1fr));margin:1px 0 0} .ct-ui .fm-bpla19 .fm-speedbar button{min-height:34px;height:35px;padding:0 2px;border-color:#697c5c;border-radius:7px;color:#e5e7cb;background:linear-gradient(#38513c,#1c3324);box-shadow:inset 0 1px #bfd2a047,0 2px #0a1b11} .ct-ui .fm-bpla19 .fm-speedbar button small{font:700 12px/1 var(--body)} .ct-ui .fm-bpla19 .fm-speedbar button[aria-pressed="true"]{border-color:#d6b56a;color:#fff1c8;background:linear-gradient(#776038,#3d422b);box-shadow:inset 0 1px #f1d99e80,0 0 0 1px #b18a4655} .ct-ui .fm-bpla19 .fm-launch>button{height:57px;min-height:57px;gap:9px;padding:8px 14px;border:2px solid #f2d18d;border-radius:9px;background:linear-gradient(158deg,#f8d479 0%,#dca956 52%,#a56d28 100%);box-shadow:inset 0 1px #fff3cc,inset 0 -3px #7b511ecc,0 3px 0 #59380e;color:#2a210c;text-shadow:0 1px #f7d999} .ct-ui .fm-bpla19 .fm-launch>button span{font:900 clamp(15px,4.3vw,19px)/1 var(--body);white-space:nowrap;letter-spacing:0} .ct-ui .fm-bpla19 .fm-launch>button svg{height:23px;width:23px;color:#403014} .ct-ui .fm-bpla19 .fm-bottomline{font:600 10px/1.25 var(--body);display:flex;flex-wrap:wrap;gap:6px 10px;color:#becdaf;padding:2px 3px;min-width:0} .ct-ui .fm-bpla19 .fm-bottomline span{min-width:0;overflow-wrap:anywhere} .ct-ui .fm-bpla19 .fm-bottomline b{font:800 12px/1 var(--body);color:#f0d68f} .ct-ui .fm-bpla19 .fm-bottomline button{font:700 10px var(--body);flex:none;color:#e0dcb4} .ct-ui .fm-bpla19 .fm-footnote{padding:6px 10px 10px;font-size:9px;color:#aebdab;border-top:0} .ct-ui .fm-bpla19 .fm-scene-end{top:24%;left:6%;right:6%;padding:12px 10px;background:#0b251de8;border:1px solid #d0bb7d;box-shadow:0 8px 25px #031a17a8} .ct-ui .fm-bpla19 .fm-scene-end-title{font:900 clamp(12px,3.8vw,16px)/1.25 var(--body);color:#f3e4b9;white-space:normal} .ct-ui .fm-bpla19 .fm-scene-end-actions button{font-family:var(--body);font-weight:800} .ct-ui .fm-bpla19 .fm-result strong{color:#f5d67c;font:900 19px var(--body)} .ct-ui .fm-bpla19 .fm-result h3{font-family:var(--body);font-size:15px} .ct-ui .fm-bpla19 .fm-result-amount{min-width:0;flex-wrap:wrap} .ct-ui .fm-bpla19 .fm-result-amount>b{font-size:20px;min-width:0;overflow-wrap:anywhere} .ct-ui .fm-bpla19 button:focus-visible{outline:2px solid #f6db8e;outline-offset:2px} .ct-ui .fm-bpla19 button:disabled{cursor:not-allowed;opacity:.56} @media(max-width:359px){ .ct-ui .fm-bpla19 .fm-header{height:46px;min-height:46px;padding:4px 6px} .ct-ui .fm-bpla19 .fm-player{padding:0 5px} .ct-ui .fm-bpla19 .fm-player .ct-player-panel{min-height:53px;padding:6px 5px} .ct-ui .fm-bpla19 .fm-telemetry{gap:4px;padding:4px 6px} .ct-ui .fm-bpla19 .fm-telemetry>div{min-height:49px;gap:2px} .ct-ui .fm-bpla19 .fm-stat-symbol{font-size:17px} .ct-ui .fm-bpla19 .fm-telemetry b{font-size:13px} .ct-ui .fm-bpla19 .fm-telemetry .fm-estimate b{font-size:16px} .ct-ui .fm-bpla19 .fm-scene{height:245px!important;min-height:245px!important} .ct-ui .fm-bpla19 .fm-bottom-controls{padding:7px 6px;gap:5px} .ct-ui .fm-bpla19 .fm-stake,.ct-ui .fm-bpla19 .fm-speedbar{padding:6px;min-height:109px} .ct-ui .fm-bpla19 .fm-stake-input{grid-template-columns:minmax(0,1fr) 26px 26px;gap:2px} .ct-ui .fm-bpla19 .fm-stake-input button{height:34px;font-size:17px} .ct-ui .fm-bpla19 .fm-stake-input input{height:34px} .ct-ui .fm-bpla19 .fm-speedbar button{height:32px;min-height:32px} .ct-ui .fm-bpla19 .fm-presets button{font-size:9px;min-height:27px;height:27px} .ct-ui .fm-bpla19 .fm-launch>button{height:54px;min-height:54px} } @media(orientation:landscape) and (max-height:600px){ .ct-ui .fm-bpla19 .fm-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(230px,.8fr);grid-template-rows:auto 1fr;gap:4px 10px} .ct-ui .fm-bpla19 .fm-telemetry{grid-column:1;grid-row:1} .ct-ui .fm-bpla19 .fm-scene{grid-column:1;grid-row:2;height:clamp(185px,49dvh,260px)!important;min-height:185px!important} .ct-ui .fm-bpla19 .fm-bottom-controls{grid-column:2;grid-row:1 / 3;align-self:start} } @media(prefers-reduced-motion:reduce){.ct-ui .fm-bpla19 *, .ct-ui .fm-bpla19 *::after{transition:none!important;animation:none!important}} .ct-ui .fm-bpla19 .fm-player .ct-player-funds{min-width:100px;width:max-content;max-width:min(46vw,170px);flex:none} .ct-ui .fm-bpla19 .fm-player .ct-balance{min-width:0;max-width:100%;justify-content:flex-end} .ct-ui .fm-bpla19 .fm-player .ct-balance strong{display:block;min-width:0;max-width:100%;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal} .ct-ui .fm-bpla19 .fm-player .ct-income-mini{white-space:nowrap} .ct-ui .app.v9.bpla19-mode .bottom-nav.bottom-nav-ref{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))} .ct-ui .fm-bpla19 .fm-scene-end-factor.fm-zero{flex-direction:column;gap:2px;white-space:normal;margin:5px 0 9px} .ct-ui .fm-bpla19 .fm-scene-end-factor.fm-zero small{font:700 11px/1.2 var(--body);color:#e2d8b5} .ct-ui .fm-bpla19 .fm-scene-end-factor.fm-zero span{font:900 19px/1.2 var(--body);color:#ffe2aa} :root { --body: 'Golos Text', Arial, sans-serif; --display: 'ArsenalDela', 'Dela Gothic One', 'Golos Text', sans-serif; --ct-font: var(--body); --ct-bg: #06120c; --ct-bg-2: #091d12; --ct-panel: #0b2014; --ct-card: #102719; --ct-line: #466039; --ct-text: #f6f3e8; --ct-muted: #abbab0; --ct-icon: #d2bd7e; --ct-gold: #efc766; --ct-active: #284f22; --ct-income: #b6e078; --ct-gold-dim: #8d7139; --ct-edge: #d8b45c; --ct-radius: 4px; --ct-gap: 10px; --ct40-surface: linear-gradient(128deg, #17351c60, transparent 46%), linear-gradient(160deg, #0b2014, #04130b 70%, #0b2213); --ct-surface: var(--ct40-surface); --ct-heading-weight: 900; --ct-frame: url('assets/ui41_frame.png'); --ct-frame-active: url('assets/ui41_frame_active.png'); --ct40-metal: linear-gradient(115deg, #8e6927, #ffe398 9%, #b78937 23%, #5e5126 52%, #ae8640 80%, #ffe298 95%); --ct40-cut: polygon(9px 0, calc(100% - 9px) 0, 100% 9px, 100% calc(100% - 9px), calc(100% - 9px) 100%, 9px 100%, 0 calc(100% - 9px), 0 9px); --ct40-bevel: inset 0 1px 0 #fff1b53d, inset 0 -2px 0 #0008, 0 2px 4px #0005; --bg: var(--ct-bg); --panel: var(--ct-panel); --line: var(--ct-line); --text: var(--ct-text); --muted: var(--ct-muted); --gold: var(--ct-gold); --lime: #b8dc83; --green: #84b34f; } body.ct-ui { background: #040d08; color: var(--ct-text); font-family: var(--body); font-size: 14px; } body.ct-ui :is(button, input, select, textarea, option) { font-family: var(--body); } body.ct-ui :is(button, input, select, textarea) { max-width: 100%; } body.ct-ui button { text-wrap: pretty; } body.ct-ui :is(img, svg) { flex-shrink: 0; } body.ct-ui :is(p, h1, h2, h3, h4) { overflow-wrap: anywhere; } body.ct-ui :is(button, input, select, a):focus-visible { outline: 2px solid #ffe291; outline-offset: 3px; } .ct-ui .hint { color: var(--ct-muted); font-size: 12px; line-height: 1.45; } .ct-ui .gold { color: var(--ct-gold); } .ct-ui .coin { flex: 0 0 auto; } .ct-ui .coin img { object-fit: contain; } .ct-ui [data-balance], .ct-ui .task-reward, .ct-ui .dossier-brief b { font-variant-numeric: tabular-nums; } @media (prefers-reduced-motion: reduce) { .ct-ui :is(.btn, .tabs button, .ct-item-frame) { transition: none; } } :root[data-font-display="ready"],:root.font-ready { --ct-heading-weight:400; } .ct-ui :is(h1,h2,.ct-title-text) { font-weight:var(--ct-heading-weight); } .ct-ui .ct-art-icon { display:inline-block; width:24px; height:24px; object-fit:contain; vertical-align:middle; flex:none; } .ct-ui :is(.app.v9,.sheet) :is(.btn,.ct-button,.dossier-rename button) { position:relative; isolation:isolate; display:inline-flex; align-items:center; justify-content:center; gap:7px; min-width:0; min-height:44px; height:auto; padding:11px 15px; border:1px solid #d9b853; border-radius:3px; background:linear-gradient(180deg,#5b7e2d,#345621 40%,#1b3919 85%); box-shadow:inset 0 1px #f7efad66,inset 0 0 8px #8eac4a22,inset 0 -3px #0b210f; color:#fff6dd; text-shadow:0 1px 2px #031108; font-family:var(--display);font-weight:var(--ct-heading-weight); font-size:11px;line-height:1.45;letter-spacing:0; text-align:center;white-space:normal;overflow-wrap:anywhere; transition:filter .12s,transform .12s; } .ct-ui :is(.app.v9,.sheet) :is(.btn,.ct-button,.dossier-rename button)::before { content:'';position:absolute;inset:-1px;pointer-events:none; border:10px solid transparent;border-image:var(--ct-frame-active) 42 / 10px / 0 stretch; background:none;border-radius:0; } .ct-ui :is(.app.v9,.sheet) :is(.btn.goldbtn,.ct-button--gold,.dossier-rename button) { background:linear-gradient(170deg,#aa7725,#604315 27%,#2e2b13 68%,#7a5a21); color:#fff5de;border-color:#f5d373; box-shadow:inset 0 2px #f9e08a88,inset 0 -2px #b18a3e66,0 0 8px #d1a74618; } .ct-ui :is(.app.v9,.sheet) :is(.btn.dark,.ct-button--secondary) { background:linear-gradient(155deg,#1a3524,#07190f 76%);border-color:#677847;color:#d8e0d3; box-shadow:inset 0 1px #c4d3a829,inset 0 -2px #021008; } .ct-ui :is(.app.v9,.sheet) .btn.dark::before { opacity:.4; } .ct-ui :is(.app.v9,.sheet) .btn.red { background:linear-gradient(#703626,#301c13);border-color:#b78151;color:#ffe3d2; } .ct-ui :is(.app.v9,.sheet) .btn.compact { min-height:38px;padding:9px 11px;font-size:10px; } .ct-ui :is(.app.v9,.sheet) .btn.wide { display:flex;width:100%; } .ct-ui :is(.app.v9,.sheet) :is(.btn,.dossier-rename button):active:not(:disabled) { transform:translateY(1px);filter:brightness(.92); } .ct-ui :is(.app.v9,.sheet) :is(.btn,.ct-button):disabled { opacity:.56;filter:saturate(.35);cursor:not-allowed;box-shadow:none; } .ct-ui :is(.controls,.mine-actions,.wallet-actions) { gap:8px;min-width:0; } .ct-ui .controls>button { flex:1 1 0;min-width:0; } .ct-ui :is(.app.v9,.sheet) :is(.tabs,.dossier-tabs,.dossier-filter,.v34-filters,.room-switch,.top-source) { gap:6px;min-width:0;background:none;box-shadow:none; } .ct-ui :is(.app.v9,.sheet) :is(.tabs button,.dossier-tabs button,.dossier-filter button,.v34-filter,.size-buttons button,.bomb-buttons button,.room-switch button,.top-source button,.category-tabs button,.garage-tools button,.stake-presets button,.bet-chips button,.fm-speed-btn,.fm-preset) { position:relative;min-width:0;min-height:39px;height:auto;padding:8px 7px; border:1px solid #536c41;border-radius:3px;background:linear-gradient(155deg,#193321,#071b11 80%); box-shadow:inset 0 1px #c7dbaa24,inset 0 0 0 2px #04100a55; font-family:var(--body);font-size:12px;line-height:1.3;font-weight:700;color:#c3cebf; white-space:normal;text-overflow:clip;overflow:visible; } .ct-ui :is(.app.v9,.sheet) :is(.tabs button.active,.dossier-tabs button.active,.dossier-filter button.active,.v34-filter.active,.size-buttons button.active,.bomb-buttons button.active,.room-switch button.active,.top-source button.active,.category-tabs button.active,.garage-tools button.active,.fm-speed-btn.active) { color:#fff4d6;border-color:#f0c65d;background:linear-gradient(160deg,#8a6927,#403a18 47%,#182b15 80%,#796026); box-shadow:inset 0 0 0 1px #ffe49588,inset 0 3px 7px #d9b86022,0 0 6px #dbb74f20; } .ct-ui :is(.app.v9,.sheet) :is(input:not([type='checkbox']):not([type='range']):not([type='file']),select,textarea) { min-width:0;min-height:42px;padding:10px 11px;border:1px solid #657044;border-radius:3px; background:#04130c;color:#f5f3e8;font-family:var(--body);font-size:14px;line-height:1.4; box-shadow:inset 0 2px 4px #0005; } .ct-ui input::placeholder {color:#91a28d;} .ct-ui :is(input,select):focus {border-color:#e5bf60;outline:1px solid #e5bf6055;outline-offset:2px;} .ct-ui input[type='checkbox'] {accent-color:#8eb94c;width:22px;height:22px;flex:none;} .ct-ui input[type='range'] {accent-color:#d4b256;} .ct-ui :is(.progress,.dossier-bar) {height:10px;border:1px solid #7e8541;background:#021008;border-radius:2px;overflow:hidden;box-shadow:inset 0 1px 3px #0007;} .ct-ui :is(.progress,.dossier-bar)>i {height:100%;border-radius:1px;background:linear-gradient(#ffec9e,#f3c13d 60%,#b38221)!important;box-shadow:inset 0 1px #fff7c9!important;} .ct-ui .ct-panel {background:var(--ct-surface);border:1px solid #8c7938;border-radius:3px;padding:14px;} @media(max-width:360px){ .ct-ui :is(.app.v9,.sheet) :is(.btn,.dossier-rename button) {font-size:10px;padding:10px 10px;} .ct-ui :is(.app.v9,.sheet) :is(.tabs button,.v34-filter) {font-size:11px;padding-inline:4px;} } .ct-ui .app.v9 { width: 100%; max-width: 480px; height: 100dvh; min-height: 0; margin: 0 auto; border-radius: 0; padding-top: env(safe-area-inset-top, 0px); border: 0; background: var(--ct-bg); box-shadow: 0 0 0 1px #53663744; } .ct-ui .app.v9 .main { scrollbar-color: #576742 #08190f; min-height: 0; } .ct-ui .app.v9 .main.is-home { overflow-y: auto; } .ct-ui .app.v9 .screen, .ct-ui .app.v9 .screen:has(.mines-v35), .ct-ui .app.v9 .screen:has(.v34-arsenal) { background: repeating-linear-gradient(134deg,transparent 0 70px,#3463350b 71px 102px,transparent 103px 171px), radial-gradient(ellipse at 85% 0,#244f2524,transparent 65%), #06170f; padding: 0 11px 18px; } .ct-ui .app.v9 .ct-topbar, .ct-ui .app.v9 .screen:has(.mines-v35) > .ct-topbar { display: grid; grid-template-columns: 40px minmax(0,1fr) 40px; min-height: 54px; height: auto; gap: 8px; margin: 0 -11px 8px; padding: 5px 10px; border: 0; border-bottom: 1px solid #9d803a; border-radius: 0; box-shadow: inset 0 1px #d7b96b30; background: linear-gradient(115deg,#142719,#07180f 55%,#102515); } .ct-ui .app.v9 .ct-topbar h1, .ct-ui .app.v9 .screen:has(.mines-v35) > .ct-topbar h1 { font: var(--ct-heading-weight) clamp(16px,4.7vw,21px)/1.25 var(--display); color: #fff2d5; letter-spacing: .01em; margin: 0; white-space: normal; overflow: visible; text-overflow: clip; text-shadow: 0 2px 0 #0009; } .ct-ui .app.v9 .ct-header-action, .ct-ui .app.v9 .screen:has(.mines-v35) > .ct-topbar .ct-header-action { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; min-width: 40px; padding: 8px; border: 1px solid #b99b4d; border-radius: 5px; background: linear-gradient(140deg,#29412a,#0b2116); box-shadow: var(--ct40-bevel); color: #edd292; } .ct-ui .app.v9 .ct-header-action img { display:block; width: 29px; height: 29px; object-fit: contain; } .ct-ui .app.v9 .screen:has(.mines-v35) > .ct-topbar .ct-header-action svg { opacity: 1; } .ct-ui .app.v9 .ct-header-action svg { width: 22px; height: 22px; } .ct-ui .app.v9 .ct-player-panel.ct-ref-player-panel, .ct-ui .app.v9 .screen:has(.mines-v35) > .ct-player-panel { display: grid; grid-template-columns: minmax(0,1fr) minmax(90px,auto); align-items: center; gap: 9px; min-width: 0; min-height: 80px; padding: 10px 11px; margin: 7px 0 13px; position: relative; isolation: isolate; background: var(--ct40-surface); border: 1px solid #d1ad56; border-radius: 3px; box-shadow: inset 0 0 0 3px #03130c, inset 0 0 0 4px #80693655; } .ct-ui .app.v9 .ct-ref-player-panel::after { display: none; } .ct-ui .app.v9 .ct-player-main { display:flex; gap:8px; min-width:0; padding:0; align-items:center; overflow:visible; } .ct-ui .app.v9 .ct-ref-avatar { display: flex; align-items: center; justify-content: center; width: 47px; height: 47px; min-width: 47px; flex: 0 0 47px; padding: 3px; overflow: hidden; border-radius: 50%; border: 2px solid #e2be64; background: radial-gradient(circle at 48% 42%,#3b5128,#0b2315 76%); box-shadow: 0 0 0 2px #06150e,0 0 0 3px #8d7039; } .ct-ui .app.v9 .ct-ref-avatar img { position: static; display: block; width: 100%; height: 100%; max-width:100%; object-fit: contain; object-position: center; border-radius: 50%; transform: none; filter: none; } .ct-ui .app.v9 .ct-player-copy { display:flex; gap:5px; min-width:0; max-width:100%; } .ct-ui .app.v9 .ct-player-copy strong { font: 800 13px/1.22 var(--body); color:#f5f1e5; overflow: visible; overflow-wrap:anywhere; white-space:normal; text-overflow:clip; } .ct-ui .app.v9 .ct-player-copy small { display:flex; gap:5px; align-items:center; min-width:0; overflow:visible; } .ct-ui .app.v9 .ct-player-copy .ct-rank, .ct-ui .app.v9 .screen:has(.mines-v35) > .ct-player-panel .ct-rank { display:flex; align-items:center; justify-content:center; width:18px; height:24px; min-width:18px; flex:0 0 18px; background:none; border:0; padding:0; } .ct-ui .app.v9 .ct-player-copy .ct-rank .rank-icon { width:18px; height:24px; max-width:18px; } .ct-ui .app.v9 .ct-player-rank-name { font:500 10px/1.35 var(--body); color:#b7c1b4; white-space:normal; overflow:visible; } .ct-ui .app.v9 .ct-player-funds, .ct-ui .app.v9 .screen:has(.mines-v35) > .ct-player-panel .ct-player-funds { display:flex; flex-direction:column; align-items:flex-end; gap:3px; width:auto; min-width:0; max-width:138px; padding:7px 8px; background:#04170e; border:1px solid #727c3f; border-radius:4px; box-shadow:inset 0 1px #dfc8771a; } .ct-ui .app.v9 .ct-balance, .ct-ui .app.v9 .screen:has(.mines-v35) > .ct-player-panel .ct-balance { display:flex; align-items:center; justify-content:flex-end; min-width:0; gap:4px; width:100%; padding:0; min-height:24px; border:0; background:none; box-shadow:none; } .ct-ui .app.v9 .ct-balance strong, .ct-ui .app.v9 .screen:has(.mines-v35) > .ct-player-panel .ct-balance strong { font:800 16px/1.25 var(--body); letter-spacing:-.02em; color:#fff4d0; white-space:normal; overflow-wrap:anywhere; text-overflow:clip; overflow:visible; min-width:0; } .ct-ui .app.v9 .ct-balance .coin { width:21px; height:21px; min-width:21px; } .ct-ui .app.v9 .ct-income-mini { min-height:19px; padding:0; font:650 11px/1.3 var(--body); color:#b9db79; white-space:normal; } .ct-ui .app.v9 .ct-ref-settings { display:none; } .ct-ui .app.v9[data-hub='true'] .ct-ref-player-panel { grid-template-columns:minmax(0,1fr) minmax(85px,auto) 32px; gap:7px; } .ct-ui .app.v9[data-hub='true'] .ct-ref-settings { display:flex; align-items:center; justify-content:center; width:32px; height:38px; min-width:32px; padding:5px; color:#e1c584; border:1px solid #967b3e; border-radius:4px; background:linear-gradient(#253b25,#0b2316); box-shadow:var(--ct40-bevel); } .ct-ui .app.v9 .ct-ref-settings svg { width:22px; height:22px; } .ct-ui .app.v9 .ct-ref-player-panel:has(.ct-ref-balance-long) { grid-template-columns:minmax(0,1fr) 32px; } .ct-ui .app.v9 .ct-ref-player-panel:has(.ct-ref-balance-long) .ct-player-main { grid-column:1; } .ct-ui .app.v9 .ct-ref-player-panel:has(.ct-ref-balance-long) .ct-player-funds { grid-column:1 / -1; grid-row:2; max-width:100%; flex-direction:row; justify-content:space-between; gap:12px; } .ct-ui .app.v9 .ct-ref-player-panel:has(.ct-ref-balance-long) .ct-ref-settings { grid-column:2; grid-row:1; } .ct-ui .app.v9 .ct-ref-balance-long { width:auto; } .ct-ui .app.v9 .home.polished-home.ct-home { height:auto; min-height:100%; padding:0 0 12px; background:var(--ct-bg); } .ct-ui .app.v9 .ct-home > .ct-topbar { margin:0 0 6px; padding-inline:10px; } .ct-ui .app.v9 .ct-home > .ct-player-panel { margin:0 10px 8px; border-top:1px solid #d1ad56; border-radius:6px; } .ct-ui .app.v9 .ct-home > .ct-hq-scene { flex:1 0 300px; min-height:300px; } .ct-ui .app.v9 .ct-hq-scene::before { background:linear-gradient(#03211330,transparent 40%,#06211222 70%,#06150d); } .ct-ui .app.v9 .ct-hq-scene .ct-hq-brand { color:#dfd5ac; } .ct-ui .app.v9 .ct-home .action-disc { background:radial-gradient(ellipse at 50% 20%,#385a28,#0f3019 65%); border:1px solid #d1b35f; box-shadow:inset 0 0 0 3px #082213,0 2px 4px #0008; } .ct-ui .app.v9 .ct-home .action-caption { font-size:11px; color:#f5ecd8; } .ct-ui .app.v9 .ct-home .ct-hq-categories { gap:8px; padding-inline:10px; margin-top:5px; } .ct-ui .app.v9 .ct-hq-categories .hq-ref-card { border:1px solid #bd9949; border-radius:4px; min-height:105px; height:105px; } .ct-ui .app.v9 .ct-hq-categories .hq-ref-card img { filter:none; } .ct-ui .app.v9 .ct-hq-categories .slot-arrow { border-color:#a58b49; color:#f0d084; } @media(max-width:360px) { .ct-ui .app.v9 .ct-ref-player-panel { padding:9px; gap:7px; } .ct-ui .app.v9 .ct-ref-avatar { width:38px; height:38px; min-width:38px; flex-basis:38px; } .ct-ui .app.v9 .ct-player-main { gap:6px; } .ct-ui .app.v9 .ct-player-copy strong { font-size:11px; } .ct-ui .app.v9 .ct-player-rank-name { font-size:9px; } .ct-ui .app.v9 .ct-player-funds { padding:6px; } .ct-ui .app.v9 .ct-balance strong { font-size:14px; } .ct-ui .app.v9 .ct-balance .coin { width:18px; height:18px; min-width:18px; } .ct-ui .app.v9 .ct-income-mini { font-size:10px; } } .ct-ui .app.v9 .ct-topbar h1 { font-size:20px; } .ct-ui .app.v9 .ct-player-panel.ct-ref-player-panel { padding:11px 12px; box-shadow:none; border-color:transparent; } .ct-ui .app.v9 .ct-ref-avatar { padding:1px; background:radial-gradient(#34532a,#06170e); } .ct-ui .app.v9 .ct-ref-avatar img { object-fit:contain; } .ct-ui .app.v9 .ct-player-copy strong { font-weight:850; color:#fff3d9; } .ct-ui .app.v9 .ct-player-funds { background:linear-gradient(135deg,#16301844,#021109);border-color:#6f7039;border-radius:3px; } .ct-ui .app.v9 .ct-home > .ct-hq-scene { min-height:285px;flex-basis:285px; } .ct-ui .app.v9 .ct-home .action-disc {background:radial-gradient(ellipse at 50% 20%,#274725,#0b2414 72%);} .ct-ui .app.v9 .ct-home .action-caption {font-weight:750;} .ct-ui .app.v9 .ct-player-panel.ct-ref-player-panel::before { content:''; display:block; position:absolute; inset:-1px; width:auto; height:auto; border:11px solid transparent; border-image:var(--ct-frame-active) 42 / 11px / 0 stretch; background:none; transform:none; box-shadow:none; opacity:1; pointer-events:none; z-index:1; } .ct-ui .ct-item-frame { position:relative; isolation:isolate; background:linear-gradient(137deg,#24432755,transparent 35%),var(--ct40-surface); border:1px solid #b99a4c; border-radius:5px; box-shadow:inset 0 1px #eacb7542,inset 0 0 0 3px #081c13; } .ct-ui .ct-item-frame::before, .ct-ui .ct-item-frame::after { content:''; position:absolute; pointer-events:none; z-index:0; width:18px; height:18px; border-color:#e8c362; border-style:solid; } .ct-ui .ct-item-frame::before { left:4px; top:4px; border-width:2px 0 0 2px; } .ct-ui .ct-item-frame::after { right:4px; bottom:4px; border-width:0 2px 2px 0; } .ct-ui .app.v9 .v34-arsenal { padding:0; margin:0; background:none; color:var(--ct-text); } .ct-ui .app.v9 .v34-filters { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:5px; margin:3px 0 11px; padding:0; overflow:visible; } .ct-ui .app.v9 .v34-filter { min-width:0; width:auto; min-height:37px; padding:8px 3px; font-size:11px; background-image:linear-gradient(#173923,#0a2114); font-weight:700; } .ct-ui .app.v9 .v34-item-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; padding:0; } .ct-ui .app.v9 .v34-item { min-width:0; background:none; padding:0; border:0; } .ct-ui .app.v9 .v34-item-button { display:flex; flex-direction:column; width:100%; min-width:0; min-height:200px; height:auto; aspect-ratio:auto; padding:10px 10px 12px; background:linear-gradient(135deg,#25462b4a,transparent 40%),var(--ct40-surface); border:1px solid transparent; border-radius:5px; box-shadow:none; overflow:hidden; } .ct-ui .app.v9 .v34-item-button .v34-item-display { position:relative; inset:auto; display:flex; align-items:center; justify-content:center; width:100%; height:125px; min-height:0; margin:0; padding:8px 0 4px; background:radial-gradient(ellipse at 50% 75%,#48763726,transparent 70%); } .ct-ui .app.v9 .v34-item-display .v34-vehicle { position:static; display:block; max-width:100%; width:100%; height:100%; object-fit:contain; object-position:center; transform:none; } .ct-ui .app.v9 .v34-owned .v34-vehicle { filter:drop-shadow(0 4px 3px #0007); } .ct-ui .app.v9 .v34-locked .v34-vehicle { filter:brightness(.25) saturate(.35); opacity:.6; } .ct-ui .app.v9 .v34-locked .v34-item-button { border-color:#4b6243; box-shadow:inset 0 0 0 3px #071d13; } .ct-ui .app.v9 .v34-locked .v34-item-button::before, .ct-ui .app.v9 .v34-locked .v34-item-button::after { opacity:.3; } .ct-ui .app.v9 .v34-equipped .v34-item-button { border-color:#e4c475; box-shadow:inset 0 0 0 3px #172914,0 0 5px #d5ad431e; } .ct-ui .app.v9 .v34-item-caption { position:relative; inset:auto; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; width:100%; padding:4px 0 0; flex:1; min-width:0; } .ct-ui .app.v9 .v34-item-name { font-size:13px; font-weight:750; line-height:1.25; color:#f3f0df; white-space:normal; text-overflow:clip; overflow:visible; min-height:32px; display:flex; align-items:center; justify-content:center; } .ct-ui .app.v9 .v34-item-rarity { font-size:10px; line-height:1.25; min-width:0; white-space:normal; justify-content:center; } .ct-ui .app.v9 .v34-item .v34-lock-icon { width:26px; height:28px; top:59px; left:calc(50% - 13px); } .ct-ui .app.v9 .v34-equipped-check { right:9px; top:9px; width:19px; height:19px; font-size:12px; background:#e4c55e; color:#143016; } .ct-ui .app.v9 .v34-duplicates { top:10px; left:10px; padding:3px 5px; border-radius:3px; background:#102818; font-size:11px; } .ct-ui .app.v9 .v34-progress { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:7px 10px; min-height:90px; height:auto; padding:12px; margin:0 0 13px; background:var(--ct40-surface); border:1px solid #84743e; border-radius:4px; } .ct-ui .app.v9 .v34-progress-art { display:none; } .ct-ui .app.v9 .v34-progress-crate { position:static; width:40px; height:40px; object-fit:contain; grid-row:1/3; } .ct-ui .app.v9 .v34-progress-copy { position:static; grid-column:2; min-width:0; } .ct-ui .app.v9 .v34-progress-copy span { display:block; font-size:9px; line-height:1.3; color:#b0c0ac; letter-spacing:.04em; } .ct-ui .app.v9 .v34-progress-copy strong { font-size:20px; color:#f3d581; line-height:1.3; } .ct-ui .app.v9 .v34-progress-track { position:relative; inset:auto; grid-column:2/4; grid-row:2; height:8px; margin:0; background:#03150c; border:1px solid #5d693e; } .ct-ui .app.v9 .v34-progress-track i { background:linear-gradient(#ffe495,#d2a132); } .ct-ui .app.v9 .v34-progress-all { position:relative; inset:auto; grid-column:3; grid-row:1; width:auto; min-width:0; min-height:36px; height:auto; padding:8px; font-size:10px; line-height:1.25; white-space:normal; background:linear-gradient(#305a25,#18361a); color:#f5e6b7; border:1px solid #b49a4e; border-radius:3px; } .ct-ui .app.v9 .v34-progress-all img { display:none; } .ct-ui .app.v9 .case { background:var(--ct40-surface); border:1px solid #a48b46; border-radius:6px; padding:14px 12px; margin:0 0 12px; min-height:180px; box-shadow:var(--ct40-bevel); } .ct-ui .app.v9 .case::before { opacity:.16; } .ct-ui .app.v9 .case-art { flex:0 0 40%; width:40%; min-width:0; } .ct-ui .app.v9 .case-art img { width:100%; max-width:100%; object-fit:contain; } .ct-ui .app.v9 .case-info { min-width:0; flex:1; } .ct-ui .app.v9 .case h2 { font:var(--ct-heading-weight) 17px/1.3 var(--display); color:#f5ead0; overflow-wrap:anywhere; } .ct-ui .app.v9 .case-info .btn { min-width:0; width:100%; font-size:13px; } .ct-ui .app.v9 .case-info p { font-size:12px; line-height:1.45; color:#b3c3b6; } .ct-ui .app.v9 .case-meta { color:#b5c59f; font-size:10px; line-height:1.4; } .ct-ui .app.v9 .probabilities { padding:7px 0; min-height:32px; font-size:11px; line-height:1.3; color:#e8c87b; text-decoration:underline; text-underline-offset:3px; } .ct-ui .app.v9 .collection-card, .ct-ui .sheet .equipment-option, .ct-ui .app.v9 .arsenal-ref-card { background:var(--ct40-surface); border-color:#927b45; border-radius:4px; } .ct-ui .app.v9 :is(.collection-main h3, .arsenal-ref-card-name) { white-space:normal; text-overflow:clip; overflow-wrap:anywhere; line-height:1.25; } .ct-ui .app.v9 .collection-card img { object-fit:contain; } @media(max-width:360px) { .ct-ui .app.v9 .v34-item-button { min-height:185px; padding:9px; } .ct-ui .app.v9 .v34-item-button .v34-item-display { height:107px; } .ct-ui .app.v9 .v34-item-name { font-size:12px; } .ct-ui .app.v9 .case { padding:12px 9px; gap:10px; } .ct-ui .app.v9 .case h2 { font-size:16px; } } .ct-ui .app.v9 .v34-item-display .ct-art-bay {--art-h:118px;} .ct-ui .app.v9 .case {border-color:transparent;box-shadow:none;min-height:174px;} .ct-ui .app.v9 .case-info h2 {font-weight:var(--ct-heading-weight);} .ct-ui .app.v9 .case-info .btn {font-size:11px;} .ct-ui .app.v9 .v34-progress {border-color:transparent;box-shadow:none;} @media(max-width:360px){.ct-ui .app.v9 .v34-item-display .ct-art-bay {--art-h:100px;}.ct-ui .app.v9 .case h2{font-size:15px;}} .ct-ui .app.v9 .tabs.cases-filter {display:grid;grid-template-columns:.72fr 1.4fr 1.08fr 1fr;gap:5px;} .ct-ui .app.v9 .tabs.cases-filter .tab {padding-inline:3px;min-width:0;} .ct-ui .app.v9 .case::before {opacity:1;} .ct-ui .app.v9 .ct-ref-game-heading { position:relative; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:7px; min-height:68px; padding:6px 1px 12px; margin:0 0 7px; background:none; border:0; box-shadow:none; } .ct-ui .app.v9 .ct-ref-game-heading::before, .ct-ui .app.v9 .ct-ref-game-heading::after { display:none; } .ct-ui .app.v9 .ct-ref-game-heading h2 { position:relative; margin:0; width:auto; color:#fff0d3; font:var(--ct-heading-weight) clamp(16px,4.8vw,21px)/1.25 var(--display); letter-spacing:0; } .ct-ui .app.v9 .ct-ref-game-heading > svg { width:24px; height:24px; color:#ebc875; } .ct-ui .app.v9 .ct-ref-wing { flex:1 1 10px; min-width:8px; max-width:40px; height:18px; background:linear-gradient(#edd47d 10%,#8b6e2e 30%,transparent 31% 44%,#c9aa58 45% 67%,transparent 68% 76%,#8e7639 77%); clip-path:polygon(0 0,100% 0,75% 100%,25% 100%); } .ct-ui .app.v9 .ct-ref-wing-right { transform:scaleX(-1); } .ct-ui .app.v9 .ct-ref-game-heading p { width:100%; margin:0; text-align:center; color:#a7b797; font:600 9px/1.4 var(--body); letter-spacing:.19em; } .ct-ui .app.v9 .ct-ref-mission-list { display:flex; flex-direction:column; gap:13px; } .ct-ui .app.v9 .mission-card { position:relative; display:block; width:100%; min-width:0; min-height:198px; height:auto; aspect-ratio:auto; padding:18px 15px; border:2px solid #c9a94f; border-radius:7px; overflow:hidden; box-shadow:inset 0 0 0 3px #05160e,inset 0 0 0 4px #ebcd805c; clip-path:var(--ct40-cut); isolation:isolate; text-align:left; } .ct-ui .app.v9 .mission-card.mission-crash { background:linear-gradient(90deg,#03101fe6 0%,#061729b8 35%,transparent 85%),url('assets/banner_crash.webp') 65% center/cover no-repeat; } .ct-ui .app.v9 .mission-card.mission-mines { background:linear-gradient(90deg,#051b13ed 0%,#05190fb3 36%,transparent 85%),url('assets/banner_mines.webp') 64% center/cover no-repeat; } .ct-ui .app.v9 .mission-card.mission-avia { background:linear-gradient(90deg,#041324ed 0%,#06172ab8 36%,transparent 85%),url('assets/banner_bpla.webp') 66% center/cover no-repeat; } .ct-ui .app.v9 .mission-card .ct-ref-card-trim { position:absolute; inset:5px; border:1px solid #ffe39365; border-radius:2px; background:none; border-image:none; pointer-events:none; z-index:1; } .ct-ui .app.v9 .mission-card::after { background:none; pointer-events:none; } .ct-ui .app.v9 .mission-card .mission-number { position:absolute; top:5px; right:6px; width:29px; height:28px; display:flex; align-items:center; justify-content:center; background:linear-gradient(#1b2d20,#05180f); border:1px solid #e0ba5e; border-radius:0 0 3px 3px; color:#f4d37d; font:800 17px/1 var(--body); } .ct-ui .app.v9 .mission-card .mission-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; width:68%; max-width:260px; min-height:150px; padding:0; position:relative; z-index:2; } .ct-ui .app.v9 .mission-card .mission-copy > span { display:block; max-width:100%; font:750 9px/1.25 var(--body); letter-spacing:.09em; color:#ecd171; margin:0 0 8px; white-space:normal; } .ct-ui .app.v9 .mission-card .mission-copy h2 { font:var(--ct-heading-weight) clamp(17px,4.8vw,21px)/1.2 var(--display); color:#fff4df; margin:0 0 8px; letter-spacing:0; white-space:normal; max-width:100%; text-shadow:0 2px 3px #000; overflow:visible; overflow-wrap:normal; } .ct-ui .app.v9 .mission-card .mission-copy p { display:block; font:500 11px/1.4 var(--body); color:#e1e8dc; width:100%; max-width:192px; min-height:0; margin:0 0 12px; overflow:visible; -webkit-line-clamp:unset; text-shadow:0 1px 3px #000; } .ct-ui .app.v9 .mission-card .mission-copy b.ct-ref-card-cta { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-width:125px; min-height:40px; height:auto; max-width:100%; padding:9px 12px; background:linear-gradient(#426925,#29501c 48%,#163718); border:1px solid #e2c163; border-radius:4px; box-shadow:inset 0 0 0 2px #122812,inset 0 3px #d9e78144; color:#fff4d4; font:800 12px/1.25 var(--body); white-space:normal; text-align:center; } .ct-ui .app.v9 .mission-card .ct-ref-card-cta i { font-style:normal; font-size:23px; line-height:.6; color:#f6daa0; } .ct-ui .app.v9 .mission-card:active { filter:brightness(.93); } .ct-ui .app.v9 .ct-ref-legal { color:#92a38d; font:500 10px/1.4 var(--body); text-align:center; margin:14px 0 0; } .ct-ui .app.v9 .ct-ref-legal::before,.ct-ui .app.v9 .ct-ref-legal::after { display:none; } .ct-ui .app.v9 .mines-v35 .mines-v35-settings, .ct-ui .app.v9 .mines-v35 .stake-v7, .ct-ui .app.v9 .mines-v35 .mine-payout-bar > div { background:var(--ct40-surface); border-color:#8e7c42; border-radius:4px; box-shadow:var(--ct40-bevel); } .ct-ui .app.v9 .mines-v35-heading { min-height:53px; } .ct-ui .app.v9 .mines-v35-heading h2 { font-family:var(--display); font-weight:400; color:#efd283; font-size:20px; } .ct-ui .app.v9 .mines-v35-heading p { font-size:11px; color:#b5c3b6; line-height:1.4; } .ct-ui .app.v9 .mines-v35 .mines-v35-board-stage { width:100%; aspect-ratio:1; padding:7.4%; } .ct-ui .app.v9 .mines-v35 .minegrid { aspect-ratio:1; } .ct-ui .app.v9 .mines-v35 .mine-setting-label { white-space:normal; line-height:1.3; font-size:11px; } .ct-ui .app.v9 .mines-v35 .size-buttons button, .ct-ui .app.v9 .mines-v35 .bomb-buttons button { padding:4px 2px; height:37px; min-height:37px; font-size:12px; } .ct-ui .app.v9 .mines-v35 .bomb-buttons select { appearance:auto; flex:0 0 43px; width:43px; min-width:43px; min-height:37px; height:37px; padding:3px 1px; border:1px solid #7e7447; border-radius:4px; background:#102b1b; font-size:11px; } .ct-ui .app.v9 .mines-v35 .mine-payout-bar > div { min-height:78px; padding:11px; } .ct-ui .app.v9 .mines-v35 .mine-payout-bar b { white-space:normal; font-size:20px; } .ct-ui .app.v9 .mines-v35 .mine-payout-bar [data-mine-payout] { overflow:visible; overflow-wrap:anywhere; text-overflow:clip; } .ct-ui .app.v9 .mines-v35 .stake-presets button { padding:6px 2px; font-size:11px; min-height:36px; } .ct-ui .app.v9 .mines-v35 .stake-label { flex-wrap:wrap; } .ct-ui .app.v9 .mines-v35 .stake-label small { white-space:normal; } .ct-ui .app.v9 .mines-v35 .mine-actions .mines-v35-action { display:flex; align-items:center; justify-content:center; height:auto; min-height:57px; padding:15px 25px; border:0; border-radius:5px; border-image:none; background:linear-gradient(165deg,#fde79d,#e3bd59 43%,#ba8735 95%); box-shadow:inset 0 0 0 2px #ffe8a1,inset 0 0 0 4px #8c6228,inset 0 0 0 5px #ecd184; color:#30200d; font:800 16px/1.25 var(--body); text-shadow:0 1px #f8e7ac; white-space:normal; overflow:visible; text-overflow:clip; } .ct-ui .app.v9 .mines-v35 .mine-actions .mines-v35-action::before { border:0; } .ct-ui .app.v9 :is(.stake-v7, .game-summary, .mine-stake-panel, .crash-live-panel, .bank-bar, .crash-players-panel) { background:var(--ct40-surface); border:1px solid #65763e; border-radius:4px; box-shadow:var(--ct40-bevel); } .ct-ui .app.v9 .stake-adjust { min-width:0; } .ct-ui .app.v9 .stake-adjust input { min-width:0; max-width:100%; color:#fff4db; } .ct-ui .app.v9 .stake-adjust button { border:1px solid #b39a54; border-radius:4px; background:linear-gradient(#345327,#152e1b); color:#f1d082; } .ct-ui .app.v9 .stake-label { min-width:0; gap:7px; } .ct-ui .app.v9 .stake-label small { white-space:normal; } .ct-ui .app.v9 .mode-switcher { color:#a5b89f; } .ct-ui .app.v9 .mode-switcher button { min-height:36px; color:#dfc98b; } .ct-ui .app.v9 .crash-stage { border-color:#b79b4d; } .ct-ui .app.v9 .fm-bpla19 { background:var(--ct-bg); --fm-gold:#ebc873; --fm-line:#7e7849; } .ct-ui .app.v9 .fm-bpla19 .fm-header { background:linear-gradient(#1e3520,#081e12); border-color:#ae8c42; } .ct-ui .app.v9 .fm-bpla19 .fm-header h1 { font:var(--ct-heading-weight) clamp(16px,4.7vw,20px)/1.25 var(--display); } .ct-ui .app.v9 .fm-bpla19 .fm-header .icon-button { border-color:#b6974c!important; background:linear-gradient(#314a27,#142b1b)!important; } .ct-ui .app.v9 .fm-bpla19 :is(.fm-player,.fm-telemetry,.fm-bottom-controls) { background:#081b11; } .ct-ui .app.v9 .fm-bpla19 :is(.fm-telemetry>div,.fm-stake,.fm-speedbar,.fm-launch-panel) { background:var(--ct40-surface); border-color:#8b7b43; border-radius:4px; } .ct-ui .app.v9 .fm-bpla19 .fm-player .ct-player-funds { max-width:138px; overflow:visible; } .ct-ui .app.v9 .fm-bpla19 .fm-player :is(.ct-player-main,.ct-player-copy,.ct-player-copy strong,.ct-player-copy small,.ct-balance,.ct-balance strong) { overflow:visible; white-space:normal; } .ct-ui .app.v9 .fm-bpla19 .fm-telemetry small { font-size:9px; line-height:1.3; } .ct-ui .app.v9 .fm-bpla19 .fm-telemetry b { white-space:normal; overflow-wrap:anywhere; } .ct-ui .app.v9 .fm-bpla19 .fm-presets button { min-width:0; padding:5px 2px; font-size:10px; line-height:1.2; min-height:32px; height:auto; background:linear-gradient(#355228,#18331c); border-color:#8d8c50; } .ct-ui .app.v9 .fm-bpla19 .fm-launch { white-space:normal; font-family:var(--body); line-height:1.25; min-height:51px; height:auto; padding:12px 13px; background:linear-gradient(#6f943c,#3c6725 48%,#244b1d); border-color:#d6bd67; box-shadow:inset 0 0 0 2px #163316; } .ct-ui .app.v9 .fm-bpla19 .fm-launch span { white-space:normal; } .ct-ui .app.v9 .fm-bpla19 .fm-bottomline { gap:6px; font-size:10px; flex-wrap:wrap; } @media(max-width:360px) { .ct-ui .app.v9 .mission-card { padding:16px 13px; min-height:195px; } .ct-ui .app.v9 .mission-card .mission-copy { width:72%; } .ct-ui .app.v9 .mission-card .mission-copy h2 { font-size:16px; } .ct-ui .app.v9 .mission-card .mission-copy p { font-size:10px; max-width:165px; } .ct-ui .app.v9 .mines-v35 .mine-settings { gap:7px; grid-template-columns:minmax(0,1fr) minmax(0,1.18fr); } .ct-ui .app.v9 .mines-v35 .size-buttons button,.ct-ui .app.v9 .mines-v35 .bomb-buttons button { font-size:11px; } } .ct-ui .app.v9 .mission-card .mission-copy b.ct-ref-card-cta {font-family:var(--display);font-weight:var(--ct-heading-weight);font-size:10px;min-height:42px;min-width:138px;} .ct-ui .app.v9 .mission-card .mission-copy p {font-size:11px;line-height:1.5;} .ct-ui .app.v9 .mission-card .mission-copy h2 {max-width:100%;} .ct-ui .app.v9 .mines-v35 .mine-actions .mines-v35-action {font-family:var(--display);font-weight:var(--ct-heading-weight);font-size:14px;line-height:1.4;position:relative;} .ct-ui .app.v9 .mines-v35 .mines-v35-settings {border-radius:3px;} .ct-ui .app.v9 .fm-bpla19 .fm-launch {font-family:var(--display);font-weight:var(--ct-heading-weight);font-size:12px;} @media(max-width:360px){.ct-ui .app.v9 .mission-card .mission-copy b.ct-ref-card-cta{min-width:126px;font-size:10px;}.ct-ui .app.v9 .mines-v35 .mine-actions .mines-v35-action{font-size:12px;}} .ct-ui .app.v9 .mines-v35-heading {font-weight:var(--ct-heading-weight);} .ct-ui .sheet-backdrop { padding: max(7px, env(safe-area-inset-top,0px)) 7px max(7px, env(safe-area-inset-bottom,0px)); background:#020c08dc; backdrop-filter:blur(4px); } .ct-ui .sheet, .ct-ui .sheet[data-view='profile'] { width:min(464px,100%); max-width:464px; max-height:calc(100dvh - 14px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)); background:linear-gradient(137deg,#15301bd9,transparent 24%),#07190f; border:1px solid #d2ad54; border-radius:3px; box-shadow:inset 0 0 0 3px #04140c,0 8px 28px #0008; color:var(--ct-text); overflow:hidden; } .ct-ui .sheet .sheet-header, .ct-ui .sheet[data-view='profile'] .sheet-header { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:58px; padding:10px 13px; flex:none; position:relative; background:linear-gradient(115deg,#21351f,#06190f 58%,#13291a); border-bottom:1px solid #a58c4c; box-shadow:inset 0 2px #d7bd7233; } .ct-ui .sheet .sheet-header h2, .ct-ui .sheet[data-view='profile'] .sheet-header h2 { min-width:0; font:var(--ct-heading-weight) clamp(16px,4.7vw,21px)/1.25 var(--display); color:#f9ead0; margin:0; letter-spacing:.01em; text-shadow:0 2px #0008; white-space:normal; overflow-wrap:anywhere; } .ct-ui .sheet .sheet-header .icon-button, .ct-ui .sheet[data-view='profile'] .sheet-header .icon-button { display:flex; align-items:center; justify-content:center; flex:0 0 37px; min-width:37px; width:37px; height:37px; min-height:37px; padding:8px; border:1px solid #dfbc61; border-radius:4px; background:linear-gradient(140deg,#594721,#182c18); color:#f2d895; box-shadow:inset 0 1px #fff0b53b; } .ct-ui .sheet .sheet-header .icon-button svg { width:21px; height:21px; } .ct-ui .sheet .sheet-body { padding:14px 12px 18px; min-width:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#697b45 #0b2013; } .ct-ui .sheet :is(h3, .mini-heading) { color:#eccb75; font:750 14px/1.4 var(--body); margin:16px 0 11px; } .ct-ui .sheet .menu-brand { display:flex; align-items:center; min-width:0; gap:12px; padding:12px; background:var(--ct40-surface); border:1px solid #8e773e; border-radius:5px; } .ct-ui .sheet .menu-brand > img { position:static; display:block; width:61px; height:61px; min-width:61px; object-fit:contain; object-position:center; padding:4px; margin:0; transform:none; border-radius:50%; border:2px solid #d6b459; background:radial-gradient(#355828,#0b2315); box-shadow:0 0 0 2px #06190f; } .ct-ui .sheet .menu-brand > div { min-width:0; } .ct-ui .sheet .menu-brand h3 { font:var(--ct-heading-weight) 17px/1.3 var(--display); margin:0 0 5px; } .ct-ui .sheet .menu-brand span { font-size:10px; color:#b2bfaa; } .ct-ui .sheet .build-pill { flex:none; } .ct-ui .sheet .menu-grid { gap:9px; } .ct-ui .sheet .menu-tile { min-width:0; min-height:110px; padding:13px 11px; background:var(--ct40-surface); border:1px solid #8c7b46; border-radius:4px; box-shadow:var(--ct40-bevel); color:#d8e0d1; } .ct-ui .sheet .menu-tile b { font-size:15px; color:#f3e6be; line-height:1.3; } .ct-ui .sheet .menu-tile > span { font-size:11px; line-height:1.4; color:#a5b5a9; } .ct-ui .sheet .menu-tile svg { color:#e2bf6a; } .ct-ui .sheet .menu-links button, .ct-ui .sheet .quick-modes button { min-width:0; min-height:43px; padding:10px 9px; border:1px solid #607042; border-radius:4px; background:linear-gradient(#163523,#0b2316); color:#dbdfc8; box-shadow:inset 0 1px #e5ce7022; font-size:12px; line-height:1.35; white-space:normal; } .ct-ui .sheet .quick-modes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; } .ct-ui .sheet .quick-modes button { flex-wrap:wrap; } .ct-ui .sheet .settings-row { gap:12px; padding:13px 11px; margin-bottom:10px; border:1px solid #607647; border-radius:4px; background:var(--ct40-surface); } .ct-ui .sheet .settings-row > :is(div,span) { min-width:0; flex:1; } .ct-ui .sheet .settings-row b { font-size:13px; line-height:1.3; } .ct-ui .sheet .settings-row span { white-space:normal; line-height:1.4; } .ct-ui .sheet .settings-row .btn { flex:0 0 auto; max-width:42%; } .ct-ui .sheet :is(.ct-about,.wallet-head,.wallet-summary,.income-summary,.reward-summary,.equipment-option,.odds-table,.days .day) { background:var(--ct40-surface); border-color:#857b44; border-radius:4px; color:var(--ct-text); } .ct-ui .sheet .days { gap:7px; } .ct-ui .sheet .day { min-width:0; padding:11px 5px; } .ct-ui .sheet .day.current { border-color:#ddbc64; background:linear-gradient(#385124,#122c17); } .ct-ui .sheet .day span { white-space:normal; font-size:10px; } .ct-ui .sheet .day strong { color:#edcf79; font-size:16px; } .ct-ui .sheet .day-check { line-height:1.3; } .ct-ui .sheet .equipment-option { padding:11px; min-width:0; } .ct-ui .sheet .equipment-option strong { white-space:normal; overflow-wrap:anywhere; } .ct-ui .sheet .equipment-option img { object-fit:contain; } .ct-ui .sheet .item-actions { gap:8px; } .ct-ui #toast { max-width:calc(100vw - 24px); min-width:0; padding:12px 16px; border:1px solid #c5a452; border-radius:5px; background:#0e2d1bf5; color:#fff0cd; font:600 13px/1.4 var(--body); overflow-wrap:anywhere; box-shadow:0 3px 10px #0008; } @media(max-width:360px) { .ct-ui .sheet .sheet-body { padding:12px 10px 16px; } .ct-ui .sheet .menu-brand { padding:10px; gap:9px; } .ct-ui .sheet .menu-brand > img { width:52px; height:52px; min-width:52px; } .ct-ui .sheet .menu-brand h3 { font-size:15px; } } .ct-ui .sheet {border-color:transparent;box-shadow:0 10px 24px #0009;background:repeating-linear-gradient(135deg,transparent 0 85px,#3158300a 86px 121px,transparent 122px 215px),#05150c;} .ct-ui .sheet .sheet-header {background:linear-gradient(125deg,#21321b80,transparent 45%),#09190e;} .ct-ui .sheet .sheet-header h2 {font-size:21px;color:#f5e8c6;} .ct-ui .sheet .sheet-header .icon-button {border-radius:2px;box-shadow:inset 0 0 0 2px #06150c,inset 0 1px #f3d88244;} .ct-ui .sheet .menu-brand>img {aspect-ratio:1;padding:2px;object-fit:contain;} .ct-ui .sheet .menu-tile {border-color:transparent;box-shadow:none;} .ct-ui .sheet .menu-tile b {font-family:var(--display);font-weight:var(--ct-heading-weight);font-size:13px;} .ct-ui .sheet .settings-row span {font-size:11px;color:#b4c1a7;} .ct-ui .sheet .item-actions {display:flex;flex-wrap:wrap;} @media(max-width:360px){.ct-ui .sheet .sheet-header h2{font-size:19px;}} .ct-ui .sheet .settings-row input[type='checkbox'] { appearance:none; -webkit-appearance:none; flex:0 0 46px; width:46px;height:28px; position:relative;border:1px solid #8e8845;border-radius:15px;cursor:pointer; background:#03120b;box-shadow:inset 0 2px 3px #0008;margin:0; } .ct-ui .sheet .settings-row input[type='checkbox']::before { content:'';position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%; background:linear-gradient(#dfd8a0,#7c8053);box-shadow:0 1px 3px #0007; } .ct-ui .sheet .settings-row input[type='checkbox']:checked {background:#365622;border-color:#dbb958;} .ct-ui .sheet .settings-row input[type='checkbox']:checked::before {left:21px;background:linear-gradient(#ffed9a,#c0952c);} .ct-ui .sheet .settings-row input[type='checkbox']:focus-visible {outline:2px solid #f2d67c;outline-offset:3px;} .ct-ui .sheet #font-status {font-size:10px;line-height:1.45;} .ct-ui .sheet[data-view='profile'] {height:calc(100dvh - 14px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));} .ct-ui .sheet[data-view='profile'] .sheet-body {padding:10px 12px 18px;} .ct-ui .sheet[data-view='profile'] .dossier {padding:0;min-height:100%;background:none;color:var(--ct-text);} .ct-ui .sheet[data-view='profile'] .ct-profile-hero {display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;align-items:center;min-height:117px;padding:12px;border:1px solid transparent;border-radius:3px;background:var(--ct-surface);box-shadow:none;} .ct-ui .sheet[data-view='profile'] .ct-profile-avatar {position:static;display:block;width:90px;height:90px;padding:0;object-fit:contain;object-position:center bottom;transform:none;filter:none;border:1px solid #b3964b;border-radius:3px;background:radial-gradient(#33532a,#05130c 85%);} .ct-ui .sheet[data-view='profile'] .ct-profile-identity {min-width:0;} .ct-ui .sheet[data-view='profile'] .ct-profile-identity h2 {margin:0 0 8px;font:var(--ct-heading-weight) clamp(15px,4.5vw,20px)/1.32 var(--display);color:#fff4dc;letter-spacing:0;white-space:normal;overflow-wrap:anywhere;} .ct-ui .sheet[data-view='profile'] .ct-profile-identity p {display:flex;align-items:center;gap:5px;font:500 11px/1.4 var(--body);color:#c7cdc0;margin:0 0 10px;} .ct-ui .sheet[data-view='profile'] .ct-profile-identity p .rank-icon {width:19px;height:27px;flex:none;} .ct-ui .sheet[data-view='profile'] .ct-profile-xp {display:block;min-width:0;} .ct-ui .sheet[data-view='profile'] .ct-profile-xp .dossier-bar {height:10px;} .ct-ui .sheet[data-view='profile'] .ct-profile-xp small {display:block;margin-top:4px;font:500 10px/1.3 var(--body);text-align:right;color:#bcc7b9;} .ct-ui .sheet[data-view='profile'] .dossier-brief {display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:7px;margin:10px 0 12px;padding:0;background:none;border:0;} .ct-ui .sheet[data-view='profile'] .dossier-brief>div {display:flex;flex-direction:column;justify-content:center;gap:7px;min-width:0;min-height:65px;padding:10px 8px;background:var(--ct-surface);border:1px solid transparent;box-shadow:none;border-radius:3px;} .ct-ui .sheet[data-view='profile'] .dossier-brief span {font-size:9px;line-height:1.3;color:#b7c3b5;letter-spacing:.02em;} .ct-ui .sheet[data-view='profile'] .dossier-brief b {display:flex;align-items:center;gap:5px;min-width:0;font:800 17px/1.25 var(--body);color:#fff4dc;white-space:normal;overflow-wrap:anywhere;} .ct-ui .sheet[data-view='profile'] .dossier-brief b .ct-brief-value {color:inherit;font:inherit;min-width:0;} .ct-ui .sheet[data-view='profile'] .dossier-brief b small {font-size:11px;color:#adbbaa;} .ct-ui .sheet[data-view='profile'] .dossier-brief .coin,.ct-ui .sheet[data-view='profile'] .dossier-brief .ct-art-icon {width:23px;height:23px;min-width:23px;} .ct-ui .sheet[data-view='profile'] .dossier-tabs {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0 0 12px;padding:0;background:none;border:0;border-radius:0;} .ct-ui .sheet[data-view='profile'] .dossier-tabs button {display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:44px;padding:9px 4px;font:750 11px/1.4 var(--body);} .ct-ui .sheet[data-view='profile'] .dossier-tabs svg {width:18px;height:18px;flex:none;} .ct-ui .sheet[data-view='profile'] .dossier-tabs button.active::before {content:'';position:absolute;inset:-1px;pointer-events:none;border:10px solid transparent;border-image:var(--ct-frame-active) 42 / 10px / 0 stretch;} .ct-ui .sheet[data-view='profile'] .dossier-content {padding:0;} .ct-ui .sheet[data-view='profile'] .dossier-section-heading {display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:9px;flex-wrap:wrap;min-height:30px;margin:13px 0 8px;padding:0;background:none;border:0;text-align:left;} .ct-ui .sheet[data-view='profile'] .dossier-section-heading::before {content:'';width:18px;height:12px;flex:none;transform:skewX(-40deg);background:linear-gradient(90deg,#cf9f36 0 14%,transparent 15% 28%,#ffe29a 29% 51%,#b5862d 85%);box-shadow:none;} .ct-ui .sheet[data-view='profile'] .dossier-section-heading::after {content:'';height:2px;min-width:10px;flex:1;background:linear-gradient(90deg,#b7994c,transparent);} .ct-ui .sheet[data-view='profile'] .dossier-section-heading h3 {font:var(--ct-heading-weight) 12px/1.4 var(--display);text-transform:uppercase;color:#f2cb75;letter-spacing:0;margin:0;width:auto;} .ct-ui .sheet[data-view='profile'] .dossier-section-heading>div {min-width:0;} .ct-ui .sheet[data-view='profile'] .dossier-section-heading.with-link::after {display:none;} .ct-ui .sheet[data-view='profile'] .dossier-section-heading button {margin-left:auto;padding:5px 0;min-height:30px;border:0;background:none;box-shadow:none;color:#bcc6b5;font:500 10px/1.4 var(--body);} .ct-ui .sheet[data-view='profile'] .dossier-metrics {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;} .ct-ui .sheet[data-view='profile'] .dossier-metric {min-width:0;min-height:106px;padding:13px 12px;border:1px solid transparent;background:var(--ct-surface);border-radius:3px;box-shadow:none;} .ct-ui .sheet[data-view='profile'] .dossier-metric::after {content:'';display:block;position:absolute;right:43px;bottom:19px;width:42px;height:42px;background:url('assets/ui41_icon_paw.webp') center/contain no-repeat;opacity:.22;border:0;pointer-events:none;} .ct-ui .sheet[data-view='profile'] .dossier-metric-top {display:flex;align-items:flex-start;justify-content:space-between;gap:4px;} .ct-ui .sheet[data-view='profile'] .dossier-metric-top>span {max-width:calc(100% - 30px);color:#eed17d;font:750 12px/1.4 var(--body);} .ct-ui .sheet[data-view='profile'] .dossier-metric-top i {position:absolute;right:12px;top:17px;width:32px;height:36px;display:grid;place-items:center;color:#ebc563;} .ct-ui .sheet[data-view='profile'] .dossier-metric-top :is(svg,img) {width:32px;height:36px;object-fit:contain;} .ct-ui .sheet[data-view='profile'] .dossier-metric>strong {display:block;position:relative;margin:7px 0 6px;font:800 29px/1.05 var(--body);color:#fcf4df;overflow-wrap:anywhere;} .ct-ui .sheet[data-view='profile'] .dossier-metric>small {font:500 10px/1.4 var(--body);color:#b6c3b0;} .ct-ui .sheet[data-view='profile'] .dossier-loadout {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;} .ct-ui .sheet[data-view='profile'] .dossier-loadout-card {display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:0;min-height:142px;height:auto;padding:11px 8px 10px;background:var(--ct-surface);box-shadow:none;} .ct-ui .sheet[data-view='profile'] .dossier-loadout-card>small {font:700 10px/1.3 var(--body);color:#bfc9b8;text-align:left;padding-right:12px;margin:0;} .ct-ui .sheet[data-view='profile'] .dossier-loadout-card .ct-art-bay {--art-h:78px;} .ct-ui .sheet[data-view='profile'] .dossier-loadout-card>strong {font:700 11px/1.35 var(--body);color:#f1efdb;white-space:normal;text-overflow:clip;overflow:visible;margin:auto 0 0;min-width:0;} .ct-ui .sheet[data-view='profile'] .dossier-loadout-arrow {top:10px;right:8px;bottom:auto;color:#f0c85c;font-size:12px;} .ct-ui .sheet[data-view='profile'] .dossier-loadout-arrow img {width:13px;height:13px;} .ct-ui .sheet[data-view='profile'] .dossier-rename {padding:13px;margin:0;background:var(--ct-surface);border:1px solid transparent;border-radius:3px;box-shadow:none;} .ct-ui .sheet[data-view='profile'] .dossier-rename label {display:block;margin-bottom:9px;font:700 12px/1.4 var(--body);color:#e9c677;} .ct-ui .sheet[data-view='profile'] .dossier-rename>div {display:flex;gap:8px;align-items:stretch;} .ct-ui .sheet[data-view='profile'] .dossier-rename input {width:0;min-width:0;flex:1;font:750 14px/1.4 var(--body);padding:10px;} .ct-ui .sheet[data-view='profile'] .dossier-rename button {min-height:44px;font-size:10px;padding:10px 13px;} .ct-ui .sheet[data-view='profile'] .dossier-management {display:flex;flex-wrap:wrap;gap:6px;margin:13px 0 0;padding:0;} .ct-ui .sheet[data-view='profile'] .dossier-management button {flex:1;min-width:0;min-height:37px;padding:8px 5px;font:600 11px/1.3 var(--body);border:1px solid #4d633b;border-radius:3px;background:#0c2315;color:#b7c7b1;} .ct-ui .sheet[data-view='profile'] .dossier-panel {margin:13px 0;padding:13px;border:1px solid #656d3e;border-radius:3px;background:var(--ct-surface);} .ct-ui .sheet[data-view='profile'] :is(.dossier-panel p,.dossier-section-desc) {color:#b4c0ac;font:500 11px/1.5 var(--body);} .ct-ui .sheet[data-view='profile'] .ct-stat-trio {grid-template-columns:repeat(3,minmax(0,1fr));} .ct-ui .sheet[data-view='profile'] .ct-stat-trio .dossier-metric {padding:11px 6px;min-height:122px;text-align:center;} .ct-ui .sheet[data-view='profile'] .ct-stat-trio .dossier-metric-top {flex-direction:column-reverse;align-items:center;} .ct-ui .sheet[data-view='profile'] .ct-stat-trio .dossier-metric-top>span {max-width:100%;font-size:10px;margin-top:7px;} .ct-ui .sheet[data-view='profile'] .ct-stat-trio .dossier-metric-top i {position:static;width:29px;height:29px;} .ct-ui .sheet[data-view='profile'] .ct-stat-trio .dossier-metric-top :is(svg,img) {width:29px;height:29px;} .ct-ui .sheet[data-view='profile'] .ct-stat-table {margin:12px 0;padding:4px 13px;} .ct-ui .sheet[data-view='profile'] .ct-stat-row {display:flex;align-items:center;gap:9px;min-height:43px;padding:10px 0;border-bottom:1px solid #40503977;} .ct-ui .sheet[data-view='profile'] .ct-stat-row:last-child {border-bottom:0;} .ct-ui .sheet[data-view='profile'] .ct-stat-row>span {flex:1;min-width:0;color:#c3ccbc;font:500 12px/1.4 var(--body);} .ct-ui .sheet[data-view='profile'] .ct-stat-row>strong {color:#f5edda;font:750 13px/1.3 var(--body);text-align:right;overflow-wrap:anywhere;max-width:45%;} .ct-ui .sheet[data-view='profile'] .ct-stat-row .ct-art-icon {width:20px;height:20px;} .ct-ui .sheet[data-view='profile'] .dossier-rarity-row {gap:7px;font:500 11px/1.4 var(--body);} .ct-ui .sheet[data-view='profile'] .dossier-rarity-row>span:nth-child(2) {width:90px;min-width:0;} .ct-ui .sheet[data-view='profile'] .dossier-showcase-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;} .ct-ui .sheet[data-view='profile'] .dossier-showcase-card,.ct-ui .sheet[data-view='profile'] .dossier-showcase-card.featured {display:flex;flex-direction:column;align-items:stretch;grid-column:auto;min-width:0;min-height:231px;padding:31px 7px 10px;border:1px solid transparent;border-radius:3px;background:var(--ct-surface);} .ct-ui .sheet[data-view='profile'] .dossier-show-art {position:relative;width:100%;height:84px;min-height:84px;} .ct-ui .sheet[data-view='profile'] .dossier-show-art .ct-art-bay {--art-h:84px;} .ct-ui .sheet[data-view='profile'] .dossier-show-info {min-width:0;display:flex;flex-direction:column;gap:7px;flex:1;padding:5px 0 0;} .ct-ui .sheet[data-view='profile'] .dossier-show-index {position:absolute;top:11px;left:8px;font:750 10px/1.2 var(--body);color:#edd076;} .ct-ui .sheet[data-view='profile'] .dossier-show-info>strong {font:700 11px/1.4 var(--body);color:#f5eddb;white-space:normal;} .ct-ui .sheet[data-view='profile'] .dossier-show-info>small {font:500 9px/1.4 var(--body);color:#abbba2;} .ct-ui .sheet[data-view='profile'] .dossier-mini-action {width:100%;min-height:36px;padding:8px 3px;margin-top:auto;border:1px solid #a28a44;border-radius:3px;background:linear-gradient(#2f4e20,#0f2716);color:#efdc9f;font:700 10px/1.3 var(--body);white-space:normal;} .ct-ui .sheet[data-view='profile'] .dossier-remove {position:absolute;top:7px;right:6px;width:26px;height:26px;min-width:26px;padding:0;border:1px solid #cba950;border-radius:3px;background:#0d2313;color:#f3d789;} .ct-ui .sheet[data-view='profile'] .dossier-filter {display:flex;flex-wrap:wrap;gap:6px;margin:11px 0 14px;} .ct-ui .sheet[data-view='profile'] .dossier-filter button {flex:1 0 120px;min-width:120px;white-space:normal;} .ct-ui .sheet[data-view='profile'] .dossier-picker-head {gap:8px;align-items:center;} .ct-ui .sheet[data-view='profile'] .dossier-picker-head button {font:600 12px/1.4 var(--body);padding:9px 0;background:none;color:#e3c275;} .ct-ui .sheet[data-view='profile'] .dossier-picker-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;} .ct-ui .sheet[data-view='profile'] .dossier-picker-card {min-width:0;min-height:158px;padding:13px 9px;background:var(--ct-surface);border:1px solid transparent;} .ct-ui .sheet[data-view='profile'] .dossier-picker-card .ct-art-bay {--art-h:91px;} .ct-ui .sheet[data-view='profile'] .dossier-picker-card strong {font:750 12px/1.4 var(--body);white-space:normal;overflow:visible;} .ct-ui .sheet[data-view='profile'] .dossier-wide-link {min-height:44px;border-color:#aa8f47;color:#e9ce85;background:#0e2919;} .ct-ui .sheet[data-view='profile'] .dossier-notice {background:none;border:0;padding:13px 0;color:#aabb9e;} .ct-ui .sheet[data-view='profile'] .dossier-footer {padding:17px 0 0;margin:0;font-size:8px;background:none;border:0;color:#7f987b;} @media(max-width:360px){ .ct-ui .sheet[data-view='profile'] .ct-profile-hero {grid-template-columns:76px minmax(0,1fr);padding:11px;gap:9px;} .ct-ui .sheet[data-view='profile'] .ct-profile-avatar {width:76px;height:82px;} .ct-ui .sheet[data-view='profile'] .ct-profile-identity h2 {font-size:15px;} .ct-ui .sheet[data-view='profile'] .dossier-brief {gap:5px;grid-template-columns:1.45fr 1fr 1fr;} .ct-ui .sheet[data-view='profile'] .dossier-brief>div {padding:9px 6px;} .ct-ui .sheet[data-view='profile'] .dossier-brief b {font-size:14px;gap:3px;} .ct-ui .sheet[data-view='profile'] .dossier-brief :is(.ct-art-icon,.coin) {width:18px;height:18px;min-width:18px;} .ct-ui .sheet[data-view='profile'] .dossier-tabs button {font-size:10px;gap:3px;} .ct-ui .sheet[data-view='profile'] .dossier-tabs svg {width:15px;height:15px;} .ct-ui .sheet[data-view='profile'] .dossier-metric {padding:12px 10px;} .ct-ui .sheet[data-view='profile'] .dossier-metric-top>span {font-size:11px;} .ct-ui .sheet[data-view='profile'] .dossier-metric-top i {right:10px;width:26px;} .ct-ui .sheet[data-view='profile'] .dossier-metric-top :is(img,svg) {width:26px;} .ct-ui .sheet[data-view='profile'] .dossier-section-heading h3 {font-size:10px;} .ct-ui .sheet[data-view='profile'] .dossier-loadout-card {padding-inline:7px;} .ct-ui .sheet[data-view='profile'] .dossier-loadout-card>strong {font-size:10px;} .ct-ui .sheet[data-view='profile'] .dossier-loadout-card .ct-art-bay {--art-h:66px;} .ct-ui .sheet[data-view='profile'] .dossier-rename>div {flex-wrap:wrap;} .ct-ui .sheet[data-view='profile'] .dossier-rename input {flex:1 1 135px;width:100%;} .ct-ui .sheet[data-view='profile'] .dossier-rename button {flex:1 0 90px;} } .ct-ui .sheet[data-view='profile'] :is(.dossier-metric,.dossier-brief>div,.dossier-loadout-card,.dossier-showcase-card,.dossier-picker-card)::before {border-width:9px;border-image-width:9px;} .ct-ui .sheet[data-view='profile'] .dossier-brief>div {padding-inline:9px;} .ct-ui .sheet[data-view='profile'] .ct-profile-hero::before {border-width:12px;border-image-width:12px;} .ct-ui .sheet[data-view='profile'] .dossier-metric {background:radial-gradient(ellipse at 86% 18%,#31482133,transparent 65%),var(--ct-surface);} .ct-ui .sheet[data-view='profile'] .dossier-loadout-card {background:radial-gradient(ellipse at 50% 58%,#294c2322,transparent 80%),var(--ct-surface);} .ct-ui .sheet[data-view='profile'] .dossier-loadout-card .ct-art-bay {--art-h:83px;} .ct-ui .sheet[data-view='profile'] .dossier-metric-top i {width:34px;height:37px;} .ct-ui .sheet[data-view='profile'] .dossier-metric-top :is(svg,img) {width:34px;height:37px;} @media(max-width:360px){.ct-ui .sheet[data-view='profile'] .dossier-loadout-card .ct-art-bay{--art-h:73px;}} .ct-ui .sheet[data-view='tasks'] .sheet-body {padding:10px 12px 18px;} .ct-ui .ct-tasks {min-width:0;} .ct-ui .ct-tasks-hero {position:relative;display:flex;align-items:center;min-height:151px;padding:17px 13px;border:1px solid transparent;border-radius:3px;overflow:hidden;background:linear-gradient(90deg,#031109f0 4%,#031109b8 38%,transparent 73%),url('assets/ui40_tasks_hero.webp') 64% center/auto 100% no-repeat;box-shadow:none;} .ct-ui .ct-tasks-hero::after {content:'';position:absolute;inset:0;pointer-events:none;border:13px solid transparent;border-image:var(--ct-frame-active) 42 / 13px / 0 stretch;} .ct-ui .ct-tasks-hero>div {width:57%;min-width:0;} .ct-ui .ct-tasks-hero small {display:block;color:#eed17c;font:750 8px/1.4 var(--body);letter-spacing:.09em;margin-bottom:8px;} .ct-ui .sheet .ct-tasks-hero h3 {margin:0;color:#fff2d9;font:var(--ct-heading-weight) clamp(15px,4.2vw,19px)/1.22 var(--display);text-shadow:0 2px 2px #000;text-transform:uppercase;} .ct-ui .ct-tasks-hero em {font-style:normal;color:#f7d75a;} .ct-ui .ct-task-tabs {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 0;} .ct-ui .ct-task-tabs button {position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:46px;padding:8px 6px;border:1px solid #647146;border-radius:3px;background:linear-gradient(#193122,#06190e);color:#aebaa3;font:750 12px/1.3 var(--body);} .ct-ui .ct-task-tabs button.active {background:linear-gradient(#506e29,#24441b 85%);border-color:#eac765;color:#fff1ce;box-shadow:inset 0 1px #d4e59a50;} .ct-ui .ct-task-tabs button.active::after {content:'';position:absolute;inset:-1px;pointer-events:none;border:10px solid transparent;border-image:var(--ct-frame-active) 42 / 10px / 0 stretch;} .ct-ui .ct-task-tabs .ct-art-icon {width:25px;height:25px;} .ct-ui .ct-task-tabs button:not(.active) .ct-art-icon {filter:saturate(.55);opacity:.75;} .ct-ui .ct-tasks-progress {padding:13px 12px;margin-bottom:12px;} .ct-ui .ct-tasks-progress-heading {display:flex;align-items:center;justify-content:space-between;gap:10px;} .ct-ui .sheet .ct-tasks-progress-heading h3 {margin:0;color:#f7ead0;font:var(--ct-heading-weight) 12px/1.4 var(--display);text-transform:uppercase;} .ct-ui .ct-tasks-progress-heading>span {text-align:right;color:#a5b696;font:500 9px/1.4 var(--body);} .ct-ui .ct-tasks-progress-heading b {display:block;color:#f0d071;font:750 12px/1.4 var(--body);} .ct-ui .ct-task-total {display:flex;align-items:center;gap:12px;margin:11px 0 9px;} .ct-ui .ct-task-total>strong {flex:none;font:850 24px/1.1 var(--body);color:#f6d359;} .ct-ui .ct-task-total small {font-size:18px;color:#efecd5;} .ct-ui .ct-task-total .progress {flex:1;min-width:0;height:12px;} .ct-ui .ct-task-milestones {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:4px;} .ct-ui .ct-task-milestones>div {position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;} .ct-ui .ct-task-milestones>div>.ct-art-icon {width:34px;height:34px;filter:saturate(.75);} .ct-ui .ct-task-milestones>.claimed>.ct-art-icon {filter:none;} .ct-ui .ct-milestone-index {font:800 9px/1.2 var(--body);min-width:17px;height:16px;padding:2px 3px;text-align:center;border:1px solid #9b8942;background:#0d2613;color:#ebcd7a;border-radius:2px;} .ct-ui .ct-task-milestones .claimed .ct-milestone-index {background:#234e21;color:#c7f395;border-color:#8da74d;} .ct-ui .ct-task-milestones b {display:flex;align-items:center;gap:3px;font:750 11px/1.4 var(--body);color:#f1e1b5;} .ct-ui .ct-task-milestones .coin {width:15px;height:15px;min-width:15px;} .ct-ui .ct-tasks-progress p {margin:8px 0 0;color:#9dae93;font:500 9px/1.45 var(--body);text-align:center;} .ct-ui .ct-task-list {display:grid;gap:10px;} .ct-ui .sheet .task-row.ct-task-card {display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px 10px;position:relative;min-width:0;margin:0;padding:13px 12px;background:var(--ct-surface);border:1px solid transparent;border-radius:3px;box-shadow:none;} .ct-ui .ct-task-icon {display:grid;place-items:center;align-self:start;width:38px;height:44px;padding:6px;border:1px solid #b49948;border-radius:3px;background:linear-gradient(#20391f,#071b0f);color:#eccc70;} .ct-ui .ct-task-icon :is(svg,img) {width:27px;height:29px;object-fit:contain;} .ct-ui .ct-task-copy {min-width:0;} .ct-ui .ct-task-copy h4 {margin:0 0 5px;font:800 13px/1.35 var(--body);text-transform:uppercase;color:#f9eed6;} .ct-ui .ct-task-copy p {margin:0 0 8px;color:#b6c3ac;font:500 11px/1.45 var(--body);} .ct-ui .ct-task-track {display:flex;align-items:center;gap:8px;} .ct-ui .ct-task-track .progress {flex:1;min-width:0;height:7px;margin:0;} .ct-ui .ct-task-track .progress i {background:linear-gradient(#d0ed8e,#85b344)!important;} .ct-ui .ct-task-track>span {font:700 10px/1.3 var(--body);color:#d3dfc4;white-space:nowrap;} .ct-ui .sheet .ct-task-card .task-bottom {grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0;padding:7px 0 0;border-top:1px solid #4a633733;min-width:0;} .ct-ui .sheet .ct-task-card .task-reward {display:flex;align-items:center;gap:5px;min-width:0;flex-wrap:wrap;font:800 14px/1.4 var(--body);color:#f7e6b6;} .ct-ui .sheet .ct-task-card .task-reward small {font:600 10px/1.4 var(--body);color:#94ad88;} .ct-ui .sheet .ct-task-card .task-reward .coin {width:22px;height:22px;min-width:22px;} .ct-ui .sheet .ct-task-card .task-bottom .btn {min-width:111px;min-height:38px;font-size:10px;} .ct-ui .sheet .ct-task-card .task-state {min-height:36px;display:flex;align-items:center;justify-content:center;min-width:111px;padding:8px 10px;border:1px solid #728448;border-radius:3px;color:#b9db80;font:750 12px/1.4 var(--body);background:#0c2a16;} .ct-ui .sheet .ct-task-card.is-claimed::before {opacity:.6;} .ct-ui .ct-wheel-panel {display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 20px;text-align:center;} .ct-ui .ct-wheel-panel>img {width:190px;max-width:80%;height:auto;object-fit:contain;} .ct-ui .ct-wheel-state {font:700 10px/1.4 var(--body);letter-spacing:.1em;color:#c3b176;padding:5px 9px;border:1px solid #5e6339;background:#0a1d10;} .ct-ui .ct-wheel-panel h3 {margin:0!important;font:var(--ct-heading-weight) 17px/1.4 var(--display)!important;} .ct-ui .ct-wheel-panel p {margin:0;color:#b5c1a7;font:500 12px/1.6 var(--body);} @media(max-width:360px){ .ct-ui .ct-task-tabs button {font-size:11px;gap:4px;} .ct-ui .ct-task-tabs .ct-art-icon {width:21px;height:24px;} .ct-ui .sheet .ct-tasks-progress-heading h3 {font-size:10px;} .ct-ui .ct-tasks-hero {min-height:143px;padding:15px 12px;} .ct-ui .ct-tasks-hero>div {width:58%;} .ct-ui .sheet .ct-tasks-hero h3 {font-size:15px;} } .ct-ui .app.v9 :is(.leader,.podium,.rank-hero,.v9-rank-row,.info-strip,.top-disclosure,.empty,.equip-card) { border-color:#8a7c45; background:var(--ct40-surface); color:var(--ct-text); border-radius:4px; box-shadow:var(--ct40-bevel); } .ct-ui .app.v9 .leader { min-width:0; gap:9px; } .ct-ui .app.v9 .leader.me { border-color:#d4b864; background:linear-gradient(#254023,#0e2818); } .ct-ui .app.v9 .leader-info { min-width:0; } .ct-ui .app.v9 .leader-info strong { white-space:normal; overflow:visible; overflow-wrap:anywhere; line-height:1.3; font-size:13px; max-width:100%; } .ct-ui .app.v9 .leader-value { min-width:0; max-width:38%; white-space:normal; overflow-wrap:anywhere; font-size:12px; line-height:1.3; color:#edd18a; } .ct-ui .app.v9 .leader-avatar { border-color:#c6a54f; background:#16321e; overflow:hidden; } .ct-ui .app.v9 .leader-avatar img { object-fit:contain; object-position:center; } .ct-ui .app.v9 .rank-line { white-space:normal; font-size:10px; line-height:1.3; } .ct-ui .app.v9 .v9-rank-row strong { min-width:0; font-size:12px; } .ct-ui .app.v9 .v9-rank-row.current { border-color:#e1bc5c; background:#233c1f; } .ct-ui .app.v9 .rank-hero h2 { font-family:var(--display); font-size:22px; } .ct-ui .app.v9 .v9-ranks { background:#092014; border-color:#576c3d; } .ct-ui .app.v9 .top-source { flex-wrap:wrap; } .ct-ui .app.v9 .top-source button { flex:1; min-width:0; } .ct-ui .app.v9 .ct-invite-screen { background:var(--ct-bg); } .ct-ui .app.v9 :is(.ct-invite-title,.ct-invite-intro,.ct-invite-rewards,.ct-invite-faq,.ct-invite-link-panel) { color:var(--ct-text); } .ct-ui .app.v9 :is(.ct-invite-row,.ct-invite-stat,.ct-invite-reward,.ct-invite-help,.ct-invite-note) { background:var(--ct40-surface); border-color:#8e7e43; } .ct-ui .app.v9 .ct-invite-screen input { min-width:0; } .ct-ui .sheet :is(.ledger-row,.log-row,.history-row,.rules-panel,.referral-benefits>div) { border-color:#556d3e; color:#c7d2bd; } .ct-ui .sheet .sheet-body > .controls { flex-wrap:wrap; } .ct-ui .sheet .sheet-body > .controls > .btn { flex:1 1 120px; } .ct-ui :is(.sheet-body,.screen,.ct-player-panel,.controls,.dossier-brief,.case-info) > * { min-width:0; } .ct-ui .app.v9 :is(.stake-v7,.fm-stake,.mines-v35-settings) label { overflow-wrap:anywhere; } .ct-ui :is(.ct-ref-player-panel,.ct-profile-hero,.dossier-metric,.dossier-brief>div, .dossier-rename,.dossier-panel,.ct-task-card,.ct-tasks-progress,.v34-item-button, .case,.menu-brand,.ct-panel,.menu-tile,.ct-item-frame) { position:relative;isolation:isolate; } .ct-ui :is(.ct-ref-player-panel,.ct-profile-hero,.dossier-metric,.dossier-brief>div, .dossier-rename,.ct-task-card,.ct-tasks-progress,.v34-item-button, .case,.menu-brand,.ct-panel,.menu-tile,.ct-item-frame)::before { content:'';position:absolute;inset:-1px;width:auto;height:auto; background:none;transform:none;box-shadow:none;border-radius:0; border:14px solid transparent;border-image:var(--ct-frame) 42 / 14px / 0 stretch; z-index:1;pointer-events:none;display:block; } .ct-ui :is(.ct-profile-hero,.ct-ref-player-panel)::before {border-image-source:var(--ct-frame-active);} .ct-ui :is(.ct-item-frame,.v34-item-button)::after {display:none;} .ct-ui .ct-item-frame {border:1px solid transparent;border-radius:3px;box-shadow:none;background:var(--ct-surface);} .ct-ui .app.v9 .v34-equipped .v34-item-button::before {border-image-source:var(--ct-frame-active);} .ct-ui .app.v9 .v34-locked .v34-item-button::before {opacity:.35;} .ct-ui .app.v9 .mission-card .ct-ref-card-trim {inset:0;border:14px solid transparent;border-image:var(--ct-frame-active) 42 / 14px / 0 stretch;border-radius:0;z-index:3;pointer-events:none;} .ct-ui .app.v9 .mission-card {border-color:transparent;box-shadow:none;} .ct-ui .app.v9 .mission-card .ct-ref-card-cta {position:relative;border:1px solid #e1c05f;box-shadow:inset 0 2px #dbe79855,inset 0 -2px #0e260f;} .ct-ui .app.v9 .mission-card .ct-ref-card-cta::before {content:'';position:absolute;inset:-1px;pointer-events:none;border:10px solid transparent;border-image:var(--ct-frame-active) 42 / 10px / 0 stretch;} .ct-ui .sheet {position:relative;} .ct-ui .sheet::after {content:'';position:absolute;inset:0;z-index:6;pointer-events:none;border:11px solid transparent;border-image:var(--ct-frame) 42 / 11px / 0 stretch;} .ct-ui .ct-art-bay {--art-h:92px;display:grid;place-items:center;width:100%;height:var(--art-h);min-width:0;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#668b3a18,transparent 72%);} .ct-ui .ct-art-bay .ct-art-fit {display:block;position:relative;aspect-ratio:var(--art-ratio);width:min(100%,calc(var(--art-h)*var(--art-ratio)));max-width:100%;flex:none;} .ct-ui .ct-art-bay .ct-art-fit>img {position:absolute!important;left:var(--art-x)!important;top:var(--art-y)!important;width:var(--art-w)!important;height:var(--art-img-h)!important;max-width:none!important;max-height:none!important;object-fit:fill!important;transform:none!important;margin:0!important;filter:drop-shadow(0 3px 2px #0006);} .ct-ui .ct-art-bay>img {position:static!important;width:100%!important;height:100%!important;max-width:100%;object-fit:contain;transform:none!important;} .ct-ui .app.v9 .bottom-nav.bottom-nav-ref.nav39, .ct-ui .app.v9:has(.v34-arsenal) .bottom-nav.bottom-nav-ref.nav39{ position:relative;isolation:isolate;z-index:25; display:grid;grid-template-columns:repeat(5,minmax(0,1fr)); flex:none;align-items:stretch;width:100%;max-width:100%; height:calc(82px + env(safe-area-inset-bottom,0px)); min-height:calc(82px + env(safe-area-inset-bottom,0px)); margin:0;padding:5px 7px calc(7px + env(safe-area-inset-bottom,0px)); gap:0;border:0;border-radius:0; background:#06110b;box-shadow:0 -2px 7px #000b; overflow:hidden; } .ct-ui .app.v9 .bottom-nav.bottom-nav-ref.nav39::before, .ct-ui .app.v9:has(.v34-arsenal) .bottom-nav.bottom-nav-ref.nav39::before{ content:"";position:absolute;inset:0;z-index:-1;pointer-events:none; border:12px solid transparent; border-image-source:url('assets/nav39_navigation_background.png'); border-image-slice:50 82 48 82 fill; border-image-width:12px 15px 12px 15px; border-image-repeat:stretch; background:#06140d; } .ct-ui .app.v9 .bottom-nav.nav39 .nav-btn.has-label.nav39-button, .ct-ui .app.v9:has(.v34-arsenal) .bottom-nav.nav39 .nav-btn.has-label.nav39-button, .ct-ui .app.v9:has(.v34-arsenal) .bottom-nav.nav39 .nav-btn.has-label.nav39-button.active{ position:relative;display:flex;align-items:center;justify-content:center; flex-direction:column;gap:1px; min-width:0;width:100%;min-height:0;height:100%; margin:0;padding:5px 0 5px;border:0;border-radius:0; background:none;box-shadow:none;overflow:visible; color:#f0dfb5;font-family:var(--ct-font); -webkit-tap-highlight-color:transparent; } .ct-ui .app.v9 .bottom-nav.nav39 .nav-btn.has-label.nav39-button::before, .ct-ui .app.v9:has(.v34-arsenal) .bottom-nav.nav39 .nav-btn.has-label.nav39-button::before{ content:"";position:absolute;inset:1px 0;z-index:0;pointer-events:none; border:11px solid transparent; border-image-source:url('assets/nav39_button_normal_nine_slice.png'); border-image-slice:36 81 33 81 fill; border-image-width:12px 10px 10px 10px; border-image-repeat:stretch; opacity:.94; } .ct-ui .app.v9 .bottom-nav.nav39 .nav-btn.has-label.nav39-button.active, .ct-ui .app.v9:has(.v34-arsenal) .bottom-nav.nav39 .nav-btn.has-label.nav39-button.active{ background:transparent;border:0;border-radius:0;box-shadow:none;color:#fff5da; } .ct-ui .app.v9 .bottom-nav.nav39 .nav-btn.has-label.nav39-button.active::before, .ct-ui .app.v9:has(.v34-arsenal) .bottom-nav.nav39 .nav-btn.has-label.nav39-button.active::before{ border-image-source:url('assets/nav39_button_active_nine_slice.png'); opacity:1; } .ct-ui .app.v9 .bottom-nav.nav39 .nav-btn.has-label:not(:last-child)::after, .ct-ui .app.v9:has(.v34-arsenal) .bottom-nav.nav39 .nav-btn.has-label:not(:last-child)::after{ content:none;display:none; } .ct-ui .app.v9 .bottom-nav.nav39 .nav-btn.has-label.nav39-button>img.nav39-icon, .ct-ui .app.v9:has(.v34-arsenal) .bottom-nav.nav39 .nav-btn.has-label.nav39-button>img.nav39-icon{ position:relative;z-index:1;display:block;visibility:visible; flex:none;width:37px;height:36px;max-width:78%;max-height:39px; padding:0;border:0;border-radius:0; object-fit:contain;object-position:center; opacity:1;filter:drop-shadow(0 1px 1px #0009); pointer-events:none; } .ct-ui .app.v9 .bottom-nav.nav39 .nav-btn.nav39-item-2>img.nav39-icon{width:40px;height:35px;} .ct-ui .app.v9 .bottom-nav.nav39 .nav-btn.nav39-item-3>img.nav39-icon{width:42px;height:34px;} .ct-ui .app.v9 .bottom-nav.nav39 .nav-btn.nav39-item-4>img.nav39-icon{width:50px;height:34px;max-width:82%;} .ct-ui .app.v9 .bottom-nav.nav39 .nav-btn.nav39-item-5>img.nav39-icon{width:36px;height:37px;} .ct-ui .app.v9 .bottom-nav.nav39 .nav-btn.has-label.nav39-button>span.nav39-label, .ct-ui .app.v9:has(.v34-arsenal) .bottom-nav.nav39 .nav-btn.has-label.nav39-button>span.nav39-label{ position:relative;z-index:1;display:block;flex:none;max-width:100%; margin:0;padding:0 1px;overflow:visible; font:800 clamp(9px,2.65vw,11px)/1.12 var(--ct-font); text-align:center;letter-spacing:.01em;text-transform:uppercase; white-space:nowrap;color:#f2e2bd;text-shadow:0 1px 2px #000,0 2px 2px #000c; pointer-events:none; } .ct-ui .app.v9 .bottom-nav.nav39 .nav-btn.has-label.nav39-button.active>span.nav39-label, .ct-ui .app.v9:has(.v34-arsenal) .bottom-nav.nav39 .nav-btn.has-label.nav39-button.active>span.nav39-label{ font-weight:800;color:#fff9e9;text-shadow:0 1px 2px #000,0 0 5px #e0b34c44; } .ct-ui .app.v9 .bottom-nav.nav39 .nav-btn.has-label.nav39-button:active:not(:disabled){ transform:translateY(1px);filter:brightness(.94); } .ct-ui .app.v9 .bottom-nav.nav39 .nav-btn.has-label.nav39-button:focus-visible{ outline:2px solid #fbd77c;outline-offset:-5px; } @media(max-width:360px){ .ct-ui .app.v9 .bottom-nav.bottom-nav-ref.nav39, .ct-ui .app.v9:has(.v34-arsenal) .bottom-nav.bottom-nav-ref.nav39{ height:calc(73px + env(safe-area-inset-bottom,0px)); min-height:calc(73px + env(safe-area-inset-bottom,0px)); padding:4px 4px calc(6px + env(safe-area-inset-bottom,0px)); } .ct-ui .app.v9 .bottom-nav.nav39 .nav-btn.has-label.nav39-button, .ct-ui .app.v9:has(.v34-arsenal) .bottom-nav.nav39 .nav-btn.has-label.nav39-button{padding:3px 0 4px;gap:0;} .ct-ui .app.v9 .bottom-nav.nav39 .nav-btn.has-label.nav39-button>img.nav39-icon{height:31px;width:32px;} .ct-ui .app.v9 .bottom-nav.nav39 .nav-btn.nav39-item-2>img.nav39-icon{height:31px;width:37px;} .ct-ui .app.v9 .bottom-nav.nav39 .nav-btn.nav39-item-3>img.nav39-icon{height:29px;width:38px;} .ct-ui .app.v9 .bottom-nav.nav39 .nav-btn.nav39-item-4>img.nav39-icon{height:30px;width:45px;} .ct-ui .app.v9 .bottom-nav.nav39 .nav-btn.nav39-item-5>img.nav39-icon{height:32px;width:31px;} .ct-ui .app.v9 .bottom-nav.nav39 .nav-btn.has-label.nav39-button>span.nav39-label{font-size:9px;} } @media(prefers-reduced-motion:reduce){ .ct-ui .app.v9 .bottom-nav.nav39 .nav-btn.has-label.nav39-button{transition:none;} } .ct-ui .app.v9 .ct43-topbar, .ct-ui .app.v9 .screen:has(.mines-v35) > .ct43-topbar, .ct-ui .app.v9 .ct-home > .ct43-topbar { display:grid;grid-template-columns:clamp(43px,12vw,53px) minmax(0,1fr) clamp(43px,12vw,53px); align-items:center;justify-items:center;gap:0; min-height:60px;height:60px; margin:0 -11px 2px;padding:0 5px; border:0;border-top:1px solid #866933;border-bottom:2px solid #b28b3b; background:linear-gradient(180deg,#253c24 0%,#0b2315 20%,#06170f 76%,#1a3320 100%); box-shadow:inset 0 1px #d8ad6266,inset 0 -2px #020e08,0 2px 4px #0008; position:relative;isolation:isolate;overflow:visible; } .ct-ui .app.v9 .ct43-topbar::before { content:"";position:absolute;inset:4px 2px 4px;pointer-events:none; border:1px solid #947b3b60;border-radius:4px; background:repeating-linear-gradient(133deg,transparent 0 24px,#8a995509 25px 28px,transparent 30px 63px); z-index:-1; } .ct-ui .app.v9 .ct43-header-button, .ct-ui .app.v9 .screen:has(.mines-v35) > .ct43-topbar .ct43-header-button { display:flex;align-items:center;justify-content:center;position:relative; box-sizing:border-box;width:clamp(41px,11vw,52px);height:clamp(41px,11vw,52px);min-width:0; border:0;border-radius:0;margin:0;padding:0;background:none;box-shadow:none; -webkit-tap-highlight-color:transparent;cursor:pointer;overflow:visible; } .ct-ui .app.v9 .ct43-header-button img, .ct-ui .app.v9 .screen:has(.mines-v35) > .ct43-topbar .ct43-header-button img { display:block;width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none; filter:drop-shadow(0 1px 1px #0008); } .ct-ui .app.v9 .ct43-header-button:active {transform:translateY(1px);filter:brightness(1.15);} .ct-ui .app.v9 .ct43-header-button:focus-visible {outline:2px solid #ffe0a0;outline-offset:-3px;} .ct-ui .app.v9 .ct43-section-banner { position:relative;min-width:0;width:100%;height:58px; display:flex;align-items:center;justify-content:center;isolation:isolate; } .ct-ui .app.v9 .ct43-section-banner .ct43-banner-art { position:absolute;inset:0;width:100%;height:100%;object-fit:contain; z-index:-1;pointer-events:none;display:block;max-width:none; filter:drop-shadow(0 1px 1px #0008); } .ct-ui .app.v9 .ct43-section-title, .ct-ui .app.v9 .screen:has(.mines-v35) > .ct43-topbar .ct43-section-title { margin:0;position:relative;z-index:1;display:flex;align-items:center;justify-content:center; width:60%;max-height:54px;overflow:visible;min-width:0;padding:0; font-family:var(--display);font-size:clamp(11px,3.65vw,20px);font-weight:var(--ct-heading-weight); letter-spacing:.02em;line-height:1.12;text-align:center;text-wrap:balance; overflow-wrap:normal;word-break:normal;color:#fff6e9; text-shadow:0 2px 1px #000b,0 0 4px #000a; } .ct-ui .app.v9 .ct43-player-panel, .ct-ui .app.v9 .ct-home > .ct43-player-panel, .ct-ui .app.v9 .screen:has(.mines-v35) > .ct43-player-panel { box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) minmax(102px,38%); align-items:center;gap:7px;position:relative;isolation:isolate; min-width:0;min-height:76px;max-width:100%;height:auto; margin:0 0 10px;padding:11px 13px; background:linear-gradient(110deg,#082319,#06150e 45%,#081a11);border:0;border-radius:0;box-shadow:none; } .ct-ui .app.v9 .ct-home > .ct43-player-panel {margin:0 10px 8px;} .ct-ui .app.v9 .ct43-player-panel::before, .ct-ui .app.v9 .ct-player-panel.ct43-player-panel::before, .ct-ui .app.v9 .screen:has(.mines-v35) > .ct43-player-panel::before { content:"";display:block;position:absolute;inset:0;width:auto;height:auto;z-index:-1; opacity:1;pointer-events:none;transform:none;background:none;box-shadow:none; border-style:solid;border-width:13px 14px;border-image-source:url('assets/ct43_player_plate.webp'); border-image-slice:78 108 78 108 fill;border-image-width:13px 14px; border-image-repeat:stretch; } .ct-ui .app.v9 .ct43-player-panel::after {display:none;content:none;} .ct-ui .app.v9 .ct43-player-main { display:flex;align-items:center;min-width:0;gap:8px;width:100%;max-width:100%;padding:0; overflow:hidden;text-align:left;border:0;background:none;box-shadow:none;color:inherit; } .ct-ui .app.v9 .ct43-round-avatar { box-sizing:border-box;display:flex;align-items:center;justify-content:center; flex:0 0 49px;width:49px;height:49px;min-width:49px; border-radius:50%;border:2px solid #d8b85c;padding:2px; background:radial-gradient(circle,#3b5c32,#061c10 78%); box-shadow:0 0 0 2px #07200f,0 0 0 3px #90763c, inset 0 0 5px #000a; overflow:hidden; } .ct-ui .app.v9 .ct43-round-avatar img {display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%;} .ct-ui .app.v9 .ct43-player-copy { display:flex;flex-direction:column;align-items:flex-start;justify-content:center; min-width:0;flex:1;gap:4px;overflow:hidden; } .ct-ui .app.v9 .ct43-player-copy strong { display:block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font:850 clamp(11px,3.5vw,16px)/1.17 var(--body);letter-spacing:.005em;color:#f8f4e7; } .ct-ui .app.v9 .ct43-player-copy small { display:flex;align-items:center;gap:3px;width:100%;min-width:0;overflow:hidden; font:550 clamp(9px,2.9vw,12px)/1.3 var(--body); } .ct-ui .app.v9 .ct43-player-copy .ct-rank {flex:0 0 16px;min-width:16px;width:16px;height:23px;} .ct-ui .app.v9 .ct43-player-copy .ct-rank .rank-icon {width:16px;height:23px;} .ct-ui .app.v9 .ct43-player-copy .ct-player-rank-name { display:block;flex:1;min-width:0;line-height:1.25; color:#c2c9b8;font-size:clamp(9px,2.8vw,12px); white-space:normal;overflow-wrap:break-word; } .ct-ui .app.v9 .ct43-player-funds, .ct-ui .app.v9 .screen:has(.mines-v35) > .ct43-player-panel .ct43-player-funds { box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center; min-width:0;max-width:100%;width:100%;gap:3px;margin:0;padding:4px 6px; background:linear-gradient(140deg,#15331a,#04150e);border:1px solid #928448; border-radius:3px;box-shadow:inset 0 1px #b9a66335; } .ct-ui .app.v9 .ct43-player-funds .ct43-balance, .ct-ui .app.v9 .screen:has(.mines-v35) > .ct43-player-panel .ct43-balance { display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;width:100%;min-height:21px; padding:0;background:none;border:0;box-shadow:none; } .ct-ui .app.v9 .ct43-player-funds .ct43-balance strong, .ct-ui .app.v9 .screen:has(.mines-v35) > .ct43-player-panel .ct43-balance strong { display:block;min-width:0;max-width:100%;font:850 clamp(12px,3.5vw,17px)/1.13 var(--body); font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere; text-align:right;color:#fff0c8; } .ct-ui .app.v9 .ct43-player-funds .coin {width:20px;height:20px;min-width:20px;flex:none;} .ct-ui .app.v9 .ct43-player-funds .coin img {width:100%;height:100%;} .ct-ui .app.v9 .ct43-income { display:block;width:100%;min-height:18px;height:auto;margin:0;padding:0; border:0;background:none;box-shadow:none;text-align:right; font:750 clamp(10px,3.2vw,13px)/1.28 var(--body);color:#a7e17d; white-space:nowrap; } .ct-ui .app.v9 .ct43-player-panel .ct-ref-settings {display:none!important;} .ct-ui .app.v9[data-hub='true'] .ct43-player-panel { grid-template-columns:minmax(0,1fr) minmax(102px,38%); } .ct-ui .app.v9 .ct43-player-panel:has(.ct-ref-balance-long) { grid-template-columns:minmax(0,1fr);row-gap:5px; } .ct-ui .app.v9 .ct43-player-panel:has(.ct-ref-balance-long) .ct43-player-main {grid-column:1;} .ct-ui .app.v9 .ct43-player-panel:has(.ct-ref-balance-long) .ct43-player-funds { grid-column:1;max-width:100%;flex-direction:row;justify-content:space-between;gap:5px; } .ct-ui .app.v9 .ct43-player-panel:has(.ct-ref-balance-long) .ct43-balance {width:auto;} .ct-ui .app.v9 .ct43-player-panel:has(.ct-ref-balance-long) .ct43-income {width:auto;text-align:right;} @media(max-width:360px){ .ct-ui .app.v9 .ct43-topbar,.ct-ui .app.v9 .screen:has(.mines-v35) > .ct43-topbar,.ct-ui .app.v9 .ct-home > .ct43-topbar { grid-template-columns:41px minmax(0,1fr) 41px;min-height:54px;height:54px;padding:0 4px; } .ct-ui .app.v9 .ct43-section-banner {height:52px;} .ct-ui .app.v9 .ct43-section-title,.ct-ui .app.v9 .screen:has(.mines-v35) > .ct43-topbar .ct43-section-title {font-size:clamp(10px,3.4vw,13px);} .ct-ui .app.v9 .ct43-player-panel,.ct-ui .app.v9 .screen:has(.mines-v35) > .ct43-player-panel {min-height:70px;padding:9px 10px;gap:5px;} .ct-ui .app.v9 .ct43-round-avatar {width:40px;height:40px;min-width:40px;flex-basis:40px;} .ct-ui .app.v9 .ct43-player-main {gap:6px;} .ct-ui .app.v9 .ct43-player-copy strong {font-size:11px;} .ct-ui .app.v9 .ct43-player-funds .coin {width:17px;height:17px;min-width:17px;} .ct-ui .app.v9 .ct43-player-funds .ct43-balance strong {font-size:13px;} } @media(prefers-reduced-motion:reduce){.ct-ui .app.v9 .ct43-header-button{transition:none;}} .ct-ui .app.v9 .ct-home > .ct43-topbar {margin:0 0 2px;padding-left:5px;padding-right:5px;} .ct-ui .app.v9 .fm-bpla19 > .ct43-topbar, .ct-ui .app.v9 .ct-invite-layout > .ct43-topbar { margin:0;padding-inline:5px;width:100%; } .ct-ui .app.v9 .fm-bpla19 .ct43-player-panel, .ct-ui .app.v9 .ct-invite-layout > .ct43-player-panel { margin:0 0 3px;max-width:100%; } .ct-ui .app.v9 .ct-invite-layout > .ct43-player-panel { margin-bottom:3px; } .ct-ui .app.v9 .fm-bpla19 .fm-player .ct43-player-panel { min-height:76px;padding:11px 13px; } .ct-ui .ct44-main {padding-bottom:calc(105px + env(safe-area-inset-bottom,0px));} .ct-ui .ct44-screen {min-width:0;padding-bottom:16px;} .ct-ui .ct44-clans {display:grid;gap:12px;padding:12px 10px 20px;max-width:680px;margin:auto;color:#f4eee0;font-family:var(--body);} .ct-ui .ct44-clans * {box-sizing:border-box;min-width:0;} .ct-ui .ct44-page-kicker {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 3px 2px;} .ct-ui .ct44-page-kicker>span {color:#f4c86b;font:800 11px/1.35 var(--body);letter-spacing:.09em;} .ct-ui .ct44-page-kicker .ct44-btn {min-height:33px;font-size:10px;padding:6px 10px;flex:none;} .ct-ui .ct44-panel {position:relative;isolation:isolate;min-width:0;padding:17px 15px;border:1px solid #8d763c;background:radial-gradient(ellipse at 85% 8%,#3150233a,transparent 58%),linear-gradient(140deg,#102a18,#06170d 80%);box-shadow:inset 0 1px #e9ce8040,0 3px 9px #0008;border-radius:3px;} .ct-ui .ct44-panel::before {content:'';position:absolute;inset:-1px;border:13px solid transparent;border-image:var(--ct-frame) 42 / 13px / 0 stretch;pointer-events:none;z-index:0;} .ct-ui .ct44-panel>* {position:relative;} .ct-ui .ct44-panel h2,.ct-ui .ct44-clan-identity h2 {font:var(--ct-heading-weight) clamp(16px,4.5vw,23px)/1.25 var(--display);color:#f5d47f;margin:0 0 6px;letter-spacing:0;overflow-wrap:anywhere;} .ct-ui .ct44-panel p {font:500 12px/1.6 var(--body);color:#d7dfcc;margin:5px 0 12px;} .ct-ui .ct44-section-title {display:block;margin:0 0 13px;padding-bottom:10px;border-bottom:1px solid #907c423d;} .ct-ui .ct44-section-title p {color:#a6b9a2;margin:3px 0 0;font-size:11px;} .ct-ui .ct44-welcome {text-align:center;padding:24px 14px 19px;} .ct-ui .ct44-welcome h2 {color:#f8e4a8;} .ct-ui .ct44-welcome small {display:block;color:#8fa788;font:500 10px/1.45 var(--body);} .ct-ui .ct44-crest {display:grid;place-items:center;margin:0 auto 10px;width:62px;height:72px;clip-path:polygon(50% 0,96% 19%,90% 77%,50% 100%,10% 77%,4% 19%);background:linear-gradient(145deg,#eace73,#74521b 53%,#ffe68d);border:0;color:#061708;font-size:31px;text-shadow:0 1px #fff9;} .ct-ui .ct44-tabs {display:flex;min-width:0;gap:6px;padding:5px;border:1px solid #596038;background:linear-gradient(180deg,#0c2013,#06150c);} .ct-ui .ct44-tabs button {flex:1 1 0;min-width:0;min-height:43px;padding:7px 4px;border:1px solid #455638;border-radius:3px;color:#cbd0b7;background:linear-gradient(#162b18,#07170c);font:700 clamp(10px,2.8vw,13px)/1.25 var(--body);overflow-wrap:anywhere;box-shadow:inset 0 1px #ffffff0b;} .ct-ui .ct44-tabs button.active {border-color:#f2d078;color:#f7e6ab;background:linear-gradient(#4e6223,#12371d);box-shadow:inset 0 2px #f9e39c48,0 0 8px #e7bc3730;} .ct-ui .ct44-counter {background:#8f742b;border:1px solid #e6c56e;border-radius:2px;padding:0 3px;color:#fff;} .ct-ui .ct44-btn,.ct-ui .ct44-clans .btn {display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:40px;min-width:0;padding:9px 12px;border:1px solid #b1974d;border-radius:3px;clip-path:none;color:#f5e4b2;background:linear-gradient(180deg,#325526,#173c20 57%,#0b2b18);box-shadow:inset 0 1px #e2ee9540,inset 0 -2px #020e085c,0 2px 4px #0006;font:800 12px/1.35 var(--body);white-space:normal;text-align:center;overflow-wrap:anywhere;cursor:pointer;} .ct-ui .ct44-btn:hover {filter:brightness(1.11);} .ct-ui .ct44-btn:active {transform:translateY(1px);filter:brightness(.93);} .ct-ui .ct44-btn.goldbtn {border-color:#ffe69f;color:#18300f;background:linear-gradient(#f3d982,#c29339 70%,#ad762a);text-shadow:0 1px #fff7;} .ct-ui .ct44-btn.dark {border-color:#586a3b;color:#ced9c1;background:linear-gradient(#1a301c,#071a10);} .ct-ui .ct44-btn.ct44-danger {color:#e6b8a0;border-color:#775043;} .ct-ui .ct44-btn[disabled],.ct-ui .ct44-btn[aria-disabled=true] {opacity:.55;cursor:not-allowed;} .ct-ui .ct44-btn.wide {display:flex;width:100%;} .ct-ui .ct44-btn.ct44-tiny {min-height:26px;padding:3px 7px;font-size:10px;} .ct-ui .ct44-field {display:flex;flex-direction:column;gap:6px;margin:10px 0;color:#e4cf8a;font:700 11px/1.35 var(--body);} .ct-ui .ct44-field :is(input,select,textarea),.ct-ui .ct44-search input {display:block;width:100%;min-width:0;max-width:100%;padding:10px 11px;background:#061910;border:1px solid #647447;border-radius:3px;color:#f5f1d9;font:600 13px/1.5 var(--body);outline:none;} .ct-ui .ct44-field :is(input,select,textarea):focus,.ct-ui .ct44-search input:focus {border-color:#e8ca78;box-shadow:0 0 0 2px #d8aa4430;} .ct-ui .ct44-field textarea {resize:vertical;min-height:70px;} .ct-ui .ct44-search {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch;} .ct-ui .ct44-search input {min-height:44px;} .ct-ui .ct44-directory,.ct-ui .ct44-people,.ct-ui .ct44-chat {display:grid;gap:9px;} .ct-ui .ct44-directory {margin-top:14px;} .ct-ui .ct44-clan-card {display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;align-items:center;padding:12px 10px;border:1px solid #4c6039;background:linear-gradient(135deg,#17321c,#0a1e13);border-radius:3px;} .ct-ui .ct44-mini-crest,.ct-ui .ct44-member-icon {display:grid;place-items:center;width:38px;height:44px;border:1px solid #b8984f;background:linear-gradient(145deg,#3a4d21,#0b2316);color:#e4c568;font:800 11px var(--body);clip-path:polygon(7px 0,93% 0,100% 12%,100% 88%,93% 100%,7% 100%,0 88%,0 12%);} .ct-ui .ct44-clan-info {display:grid;gap:4px;min-width:0;} .ct-ui .ct44-clan-info strong {font:800 12px/1.35 var(--body);color:#f3dea3;overflow-wrap:anywhere;} .ct-ui .ct44-clan-info small {font:500 11px/1.35 var(--body);color:#aebfa9;overflow-wrap:anywhere;} .ct-ui .ct44-clan-info span {font:700 10px var(--body);color:#c4bd94;} .ct-ui .ct44-card-action {grid-column:1/-1;width:100%;} .ct-ui .ct44-pending {display:flex;align-items:center;justify-content:space-between;gap:10px;} .ct-ui .ct44-pending>div {display:grid;gap:5px;} .ct-ui .ct44-pending strong {font-size:12px;color:#f1d080;} .ct-ui .ct44-pending span {font-size:11px;color:#bfcab9;} .ct-ui .ct44-clan-hero {display:flex;align-items:center;gap:14px;padding:18px 14px;} .ct-ui .ct44-clan-mark {flex:0 0 76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:76px;height:88px;clip-path:polygon(50% 0,100% 17%,94% 76%,50% 100%,6% 76%,0 17%);background:linear-gradient(140deg,#e1c267,#4f682f 16%,#091e11 72%,#d8ae46);color:#e8ce74;} .ct-ui .ct44-clan-mark>span {font-size:27px;} .ct-ui .ct44-clan-mark small {font:900 12px/1.4 var(--body);} .ct-ui .ct44-overline {display:block;margin:0 0 5px;font:800 10px/1.25 var(--body);color:#d8bd74;letter-spacing:.07em;} .ct-ui .ct44-clan-identity h2 {margin:0 0 4px;font-size:clamp(16px,4.6vw,22px);} .ct-ui .ct44-clan-identity p {margin:0 0 8px;color:#becfbb;font:500 11px/1.45 var(--body);overflow-wrap:anywhere;} .ct-ui .ct44-stats {display:flex;gap:8px;flex-wrap:wrap;} .ct-ui .ct44-stats>span {font:700 10px/1.4 var(--body);padding:4px 6px;border:1px solid #667442;color:#f3d686;background:#092014;} .ct-ui .ct44-overview-grid {display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0;} .ct-ui .ct44-overview-grid>div {display:grid;gap:4px;text-align:center;border:1px solid #5c6c41;background:#092014;padding:13px 7px;} .ct-ui .ct44-overview-grid b {font:900 25px/1.1 var(--body);color:#f6cf66;} .ct-ui .ct44-overview-grid span {font:600 10px var(--body);color:#b7c3ac;} .ct-ui .ct44-actions {display:flex;gap:8px;} .ct-ui .ct44-actions .ct44-btn {flex:1;} .ct-ui .ct44-person,.ct-ui .ct44-request {display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #586a3740;} .ct-ui .ct44-member-icon {flex:none;width:38px;height:38px;font-size:19px;} .ct-ui .ct44-member-label {flex:1;display:grid;gap:4px;} .ct-ui .ct44-member-label strong,.ct-ui .ct44-request strong {font:800 12px/1.3 var(--body);color:#f4e2b0;overflow-wrap:anywhere;} .ct-ui .ct44-member-label span {font:600 10px/1.3 var(--body);color:#adbea7;} .ct-ui .ct44-member-actions,.ct-ui .ct44-request>div {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:60%;} .ct-ui .ct44-member-actions .ct44-btn,.ct-ui .ct44-request .ct44-btn {min-height:32px;padding:6px 7px;font:700 10px/1.25 var(--body);} .ct-ui .ct44-request strong {flex:1;} .ct-ui .ct44-chat {max-height:320px;overflow-y:auto;overscroll-behavior:contain;margin:10px 0;padding:8px;border:1px solid #394d35;background:#06170d;} .ct-ui .ct44-post {padding:8px 9px;border:1px solid #355237;border-radius:3px;background:#0e2617;overflow-wrap:anywhere;} .ct-ui .ct44-message-meta {display:flex;align-items:center;justify-content:space-between;gap:8px;} .ct-ui .ct44-message-meta b {font:800 11px/1.3 var(--body);color:#f1c66f;} .ct-ui .ct44-message-meta time {font:500 9px/1.3 var(--body);color:#91a58e;} .ct-ui .ct44-post p {white-space:pre-wrap;margin:7px 0;color:#e3eadd;font:500 12px/1.5 var(--body);} .ct-ui .ct44-post .ct44-btn {float:right;} .ct-ui .ct44-invite {display:grid;gap:7px;margin:15px 0;padding:10px;background:#071d13;border:1px solid #526844;} .ct-ui .ct44-invite>span {font:700 11px var(--body);color:#b6c0a9;} .ct-ui .ct44-invite>strong {font:900 17px/1.3 var(--body);color:#f4d783;letter-spacing:.18em;overflow-wrap:anywhere;user-select:all;} .ct-ui .ct44-invite>div {display:flex;gap:6px;flex-wrap:wrap;} .ct-ui .ct44-invite .ct44-btn {flex:1;} .ct-ui .ct44-muted {color:#9caf9b!important;font:500 11px/1.6 var(--body)!important;} .ct-ui .ct44-error {padding:10px;color:#ffdecb;border:1px solid #9e654e;background:#3c201c;font:600 12px/1.45 var(--body);} .ct-ui .ct44-clans .ct44-leave {padding:10px 13px;} .ct-ui .ct44-hq-entry {display:flex;width:100%;align-items:center;gap:12px;min-height:75px;padding:12px 15px;margin:12px 0 2px;border:1px solid #ae9350;border-radius:3px;background:linear-gradient(155deg,#214325,#102818 68%,#07180d);color:#f4d381;text-align:left;box-shadow:inset 0 2px #ffffff18,0 4px 8px #0006;} .ct-ui .ct44-hq-entry:before {content:'★';display:grid;place-items:center;flex:0 0 42px;width:42px;height:44px;border:1px solid #debc59;color:#f2cd6b;background:#102617;font:900 21px var(--body);} .ct-ui .ct44-hq-entry strong {display:block;font:900 14px/1.3 var(--display);overflow-wrap:anywhere;} .ct-ui .ct44-hq-entry small {display:block;margin-top:4px;color:#b7c7ae;font:600 11px/1.3 var(--body);} .ct-ui .ct44-hq-entry .ct44-arrow {margin-left:auto;font-size:22px;} @media(max-width:360px){ .ct-ui .ct44-clans {padding-inline:6px;gap:9px;} .ct-ui .ct44-panel {padding:14px 11px;} .ct-ui .ct44-clan-mark {flex-basis:59px;width:59px;height:71px;} .ct-ui .ct44-clan-hero {gap:9px;} .ct-ui .ct44-tabs {gap:3px;padding:3px;} .ct-ui .ct44-tabs button {padding:6px 2px;font-size:9px;min-height:41px;} .ct-ui .ct44-member-actions {max-width:58%;} .ct-ui .ct44-btn {padding-inline:8px;font-size:10px;} .ct-ui .ct44-clan-card {padding-inline:7px;} }