:root{--bg:#060b14;--bg2:#0b1322;--panel:rgba(10,16,29,.88);--panel2:rgba(14,22,39,.92);--panel3:rgba(7,11,21,.96);--border:rgba(255,220,120,.12);--text:#eef5ff;--muted:#a7b5cb;--gold:#f6c453;--gold2:#ffe49a;--blue:#7dc7ff;--danger:#ff8d8d;--ok:#79e3a4;--shadow:0 20px 48px rgba(0,0,0,.42);--radius:24px}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 10%,rgba(125,199,255,.16),transparent 18%),radial-gradient(circle at 86% 12%,rgba(246,196,83,.12),transparent 18%),radial-gradient(circle at 60% 85%,rgba(122,211,255,.06),transparent 18%),linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.9) 0 1px,transparent 1.5px),radial-gradient(circle at 80% 20%,rgba(255,255,255,.75) 0 1px,transparent 1.5px),radial-gradient(circle at 40% 70%,rgba(255,255,255,.65) 0 1px,transparent 1.5px),radial-gradient(circle at 70% 55%,rgba(255,255,255,.55) 0 1px,transparent 1.5px);background-size:300px 300px,400px 400px,460px 460px,360px 360px}.shell{width:min(1220px,calc(100% - 28px));margin:0 auto;padding:20px 0 34px;position:relative;z-index:1}.card{background:linear-gradient(180deg,#0d1424f0,#070b15eb);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(10px)}.inner{padding:22px}.topbar,.row,.save-row,.badge-row,.button-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.topbar{justify-content:space-between;margin-bottom:16px}.brand{display:flex;flex-direction:column;gap:5px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--gold2);font-weight:800}h1{margin:0;font-size:clamp(34px,5vw,58px);line-height:.95;letter-spacing:-.04em}h2{margin:0 0 10px;font-size:24px;letter-spacing:-.03em}h3{margin:0 0 8px;font-size:18px}p{margin:0;color:var(--muted);line-height:1.65}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;font-size:13px;font-weight:800;color:var(--muted);background:#ffffff0a;border:1px solid rgba(255,220,120,.1)}.rank-badge{cursor:pointer;color:#fff2be;background:#f6c4531a;border-color:#f6c45340}.btn{appearance:none;border:none;cursor:pointer;padding:12px 16px;border-radius:16px;font-weight:800;color:#fff;background:linear-gradient(180deg,#f3c75e,#c88a1c);box-shadow:0 12px 24px #c88a1c47;transition:transform .15s ease,opacity .15s ease}.btn:hover{transform:translateY(-1px)}.btn.secondary{background:#131d31f5;border:1px solid rgba(255,220,120,.13);box-shadow:none}.btn.ghost{background:#ffffff0a;border:1px solid rgba(255,220,120,.1);box-shadow:none;color:var(--muted)}.hero{display:grid;grid-template-columns:1.35fr .92fr;gap:18px;margin-bottom:18px}.hero-main{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 18%,rgba(246,196,83,.14),transparent 18%),radial-gradient(circle at 12% 18%,rgba(125,199,255,.14),transparent 18%),linear-gradient(180deg,#0e1525fa,#070b15f2)}.hero-main:after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(246,196,83,.1),transparent 68%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1fr 320px;gap:16px}.big{font-size:48px;font-weight:900;line-height:1;margin:6px 0}.small-label{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#d8c78c;font-weight:800}.home-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.games-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tile{min-height:245px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 80% 20%,rgba(246,196,83,.12),transparent 18%),radial-gradient(circle at 14% 15%,rgba(125,199,255,.12),transparent 18%),linear-gradient(180deg,#101829f5,#070b15ed)}.icon{width:64px;height:64px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,220,120,.12);font-size:34px;margin-bottom:14px}.sidebar-stack{display:grid;gap:18px}.stat{padding:18px;border-radius:20px;background:#080c16bd;border:1px solid rgba(255,220,120,.1)}.stat .value{font-size:26px;font-weight:900;margin-top:8px}.clean-list{display:grid;gap:10px;margin-top:14px}.clean-item{padding:12px 14px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,220,120,.08);color:var(--muted)}.footer{text-align:center;color:#90a0b8;font-size:12px;margin-top:16px}.overlay{position:fixed;inset:0;display:none;z-index:1100;background:#030610db;backdrop-filter:blur(14px)}.overlay.open{display:flex}.overlay-panel{width:100%;min-height:100vh;overflow-y:auto;padding:24px;background:radial-gradient(circle at 14% 10%,rgba(125,199,255,.1),transparent 18%),radial-gradient(circle at 86% 12%,rgba(246,196,83,.1),transparent 18%),linear-gradient(180deg,#040812fa,#070c18fa)}.overlay-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:18px}.overlay-title{margin:0 0 8px;font-size:clamp(30px,4vw,52px);letter-spacing:-.04em}.rank-layout{display:grid;grid-template-columns:340px 1fr;gap:18px}.summary,.route-shell{padding:20px;border-radius:26px;background:#0c1321db;border:1px solid rgba(255,220,120,.12);box-shadow:var(--shadow)}.summary .rank-big{font-size:34px;font-weight:900;line-height:1.04;margin:8px 0 12px}.summary-block{margin-top:14px;padding:14px 16px;border-radius:18px;background:#050912a8;border:1px solid rgba(255,220,120,.08);color:var(--muted);line-height:1.65;font-size:14px}.route-shell{overflow:visible}.route{position:relative;min-height:1280px;border-radius:24px;padding-bottom:36px;background:radial-gradient(circle at 16% 12%,rgba(125,199,255,.08),transparent 20%),radial-gradient(circle at 82% 16%,rgba(246,196,83,.08),transparent 18%),linear-gradient(180deg,#070b15d1,#04070fd1)}.route-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}.rank-card{position:absolute;width:min(280px,calc(100% - 28px));padding:18px 18px 16px;border-radius:22px;background:linear-gradient(180deg,#10182bfa,#070b16f2);border:1px solid rgba(255,220,120,.1);box-shadow:0 14px 30px #00000057;z-index:1}.rank-card:hover,.rank-card:focus-visible,.rank-card:focus-within{z-index:30}.rank-card:before{content:"";position:absolute;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:999px;background:radial-gradient(circle at 35% 35%,#33415d,#1c2741 60%,#0d1322);border:2px solid rgba(255,220,120,.22);box-shadow:0 0 0 7px #05091285,inset 0 1px 2px #ffffff14,0 0 12px #0c142659}.rank-card.left:before{right:-32px}.rank-card.right:before{left:-32px}.rank-card.reached:before{background:radial-gradient(circle at 32% 30%,#fff,#e8fff0 14%,#8df5b0 38%,#39be69 68%,#144f2c);border-color:#d6ffe2fa;box-shadow:0 0 0 5px #5be37a29,0 0 0 11px #5be37a14,0 0 22px #5be37a80,0 0 38px #5be37a38}.rank-card.current:before{background:radial-gradient(circle at 32% 30%,#fff,#fff7d3 16%,#ffe48f 40%,#f6c453 68%,#8f5c0b);border-color:#fff2c2fa;box-shadow:0 0 0 5px #f6c45329,0 0 0 11px #f6c45314,0 0 24px #f6c4538f,0 0 40px #f6c4533d}.rank-card.reached{border-color:#5be37a52;box-shadow:0 14px 30px #00000057,0 0 18px #5be37a1a}.rank-card.current{border-color:#ffdc7859;box-shadow:0 14px 30px #00000057,0 0 22px #f6c4531f}.rank-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:6px}.rank-icon{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#ffffff09;border:1px solid rgba(255,220,120,.1);color:#8ea5c9}.rank-icon svg{width:22px;height:22px;display:block;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.rank-card.reached .rank-icon{color:#79e3a4;background:#5be37a14;border-color:#5be37a2e;box-shadow:0 0 18px #5be37a1a}.rank-card.current .rank-icon{color:#f6c453;background:#f6c45314;border-color:#f6c4532e;box-shadow:0 0 18px #f6c4531a}.rank-text{min-width:0;flex:1}.rank-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#d8c78c;font-weight:800;margin-bottom:7px}.rank-name{font-size:21px;font-weight:900;line-height:1.08;margin-bottom:6px}.rank-credits{font-size:14px;font-weight:700;color:#cdddff;margin-bottom:10px}.rank-state{display:inline-flex;padding:7px 11px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,220,120,.1);color:var(--muted);font-size:12px;font-weight:800}.rank-card.reached .rank-state{color:#d9ffe6;background:#5be37a1a;border-color:#5be37a2e}.rank-card.current .rank-state{color:#fff2be;background:#f6c45317;border-color:#f6c45329}.rank-lore-tooltip{position:absolute;left:18px;right:18px;bottom:calc(100% + 12px);top:auto;padding:11px 12px;border-radius:14px;background:linear-gradient(180deg,#0b121ffa,#070c16f5);border:1px solid rgba(255,220,120,.14);color:#d7e4f6;font-size:12.5px;line-height:1.5;box-shadow:0 16px 28px #00000057;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:8}.rank-lore-label{display:block;margin-bottom:5px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#d8c78c}.rank-card:hover .rank-lore-tooltip,.rank-card:focus-visible .rank-lore-tooltip,.rank-card:focus-within .rank-lore-tooltip{opacity:1;transform:translateY(0)}.rank-card:focus-visible{outline:2px solid rgba(246,196,83,.55);outline-offset:4px}:is(.rank-card,.leaderboard-rank).rank-tier-rare{--rank-route-primary:#79e3a4;--rank-route-secondary:#b9ffd0;--rank-route-panel:rgba(10,31,24,.98);--rank-route-deep:rgba(4,15,13,.97);border-color:#79e3a452;background:radial-gradient(circle at 50% 12%,rgba(121,227,164,.16),transparent 38%),linear-gradient(180deg,var(--rank-route-panel),var(--rank-route-deep));box-shadow:0 14px 30px #00000057,0 0 24px #79e3a41a}:is(.rank-card,.leaderboard-rank).rank-tier-epic{--rank-route-primary:#c079ff;--rank-route-secondary:#7dc7ff;--rank-route-panel:rgba(30,15,49,.98);--rank-route-deep:rgba(13,7,25,.98);border-color:#c079ff61;background:radial-gradient(circle at 50% 12%,rgba(192,121,255,.2),transparent 38%),radial-gradient(circle at 10% 92%,rgba(125,199,255,.08),transparent 32%),linear-gradient(180deg,var(--rank-route-panel),var(--rank-route-deep));box-shadow:0 14px 30px #00000059,0 0 30px #c079ff21}:is(.rank-card,.leaderboard-rank).rank-tier-legendary{--rank-route-primary:#f6c453;--rank-route-secondary:#fff4c7;--rank-route-panel:rgba(45,30,9,.98);--rank-route-deep:rgba(18,11,3,.98);border-color:#f6c45375;background:radial-gradient(circle at 50% 12%,rgba(246,196,83,.24),transparent 40%),radial-gradient(circle at 88% 10%,rgba(255,244,199,.1),transparent 28%),linear-gradient(180deg,var(--rank-route-panel),var(--rank-route-deep));box-shadow:0 15px 32px #00000061,0 0 38px #f6c45329,inset 0 0 22px #f6c4530a}:is(.rank-card,.leaderboard-rank).rank-tier-ascendent{--rank-route-primary:#ff4f9a;--rank-route-secondary:#ff5b4d;--rank-route-panel:rgba(52,8,28,.98);--rank-route-deep:rgba(20,3,12,.99);border-color:#ff4f709e;background:radial-gradient(circle at 50% 10%,rgba(255,79,154,.3),transparent 42%),radial-gradient(circle at 14% 90%,rgba(255,91,77,.16),transparent 32%),linear-gradient(180deg,var(--rank-route-panel),var(--rank-route-deep));box-shadow:0 17px 36px #0000006b,0 0 52px #ff4f9a3d,0 0 28px #ff5b4d24,inset 0 0 28px #ff4f9a0f}.rank-card[class*=rank-tier-]:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.07),transparent 34%);opacity:.42}.rank-card[class*=rank-tier-]:before{border-color:color-mix(in srgb,var(--rank-route-primary,#f6c453) 62%,rgba(255,255,255,.16));box-shadow:0 0 0 7px #05091285,inset 0 1px 2px #ffffff1a,0 0 16px color-mix(in srgb,var(--rank-route-primary,#f6c453) 24%,transparent)}.rank-card[class*=rank-tier-] .rank-icon{color:var(--rank-route-primary,#f6c453);background:color-mix(in srgb,var(--rank-route-primary,#f6c453) 10%,transparent);border-color:color-mix(in srgb,var(--rank-route-primary,#f6c453) 28%,rgba(255,255,255,.08));box-shadow:0 0 18px color-mix(in srgb,var(--rank-route-primary,#f6c453) 16%,transparent)}.rank-card[class*=rank-tier-] .rank-name{color:color-mix(in srgb,var(--rank-route-primary,#f6c453) 34%,#fff 66%);text-shadow:0 0 18px color-mix(in srgb,var(--rank-route-primary,#f6c453) 28%,transparent)}.rank-card[class*=rank-tier-] .rank-credits{color:color-mix(in srgb,var(--rank-route-secondary,#fff4c7) 44%,#dce8ff 56%)}.rank-card[class*=rank-tier-] .rank-state{background:color-mix(in srgb,var(--rank-route-primary,#f6c453) 10%,transparent);border-color:color-mix(in srgb,var(--rank-route-primary,#f6c453) 24%,rgba(255,255,255,.08));color:color-mix(in srgb,var(--rank-route-secondary,#fff4c7) 52%,#ffffff 48%)}.rank-card[class*=rank-tier-].reached,.rank-card[class*=rank-tier-].current{border-color:color-mix(in srgb,var(--rank-route-primary,#f6c453) 66%,rgba(255,255,255,.12));box-shadow:0 16px 34px #0000005c,0 0 34px color-mix(in srgb,var(--rank-route-primary,#f6c453) 24%,transparent),0 0 18px color-mix(in srgb,var(--rank-route-secondary,#fff4c7) 14%,transparent)}.rank-card[class*=rank-tier-].current{transform:scale(1.02)}.rank-card[class*=rank-tier-].reached:before,.rank-card[class*=rank-tier-].current:before{background:radial-gradient(circle at 32% 30%,#ffffff 0%,color-mix(in srgb,var(--rank-route-secondary,#fff4c7) 76%,white 24%) 16%,var(--rank-route-primary,#f6c453) 46%,color-mix(in srgb,var(--rank-route-primary,#f6c453) 62%,#000 38%) 100%);border-color:color-mix(in srgb,var(--rank-route-primary,#f6c453) 72%,white 20%);box-shadow:0 0 0 5px color-mix(in srgb,var(--rank-route-primary,#f6c453) 18%,transparent),0 0 0 11px color-mix(in srgb,var(--rank-route-primary,#f6c453) 9%,transparent),0 0 26px color-mix(in srgb,var(--rank-route-primary,#f6c453) 48%,transparent),0 0 44px color-mix(in srgb,var(--rank-route-secondary,#fff4c7) 22%,transparent)}.rank-card.rank-tier-ascendent.current,.rank-card.rank-tier-ascendent.reached{box-shadow:0 18px 38px #0000006b,0 0 62px #ff4f9a4d,0 0 34px #ff5b4d2e,inset 0 0 30px #ff4f9a12}.game-page{position:fixed;inset:0;display:none;z-index:1200;background:#030610db;backdrop-filter:blur(14px)}.game-page.open{display:flex}.game-page-panel{width:100%;min-height:100vh;overflow-y:auto;padding:24px;background:radial-gradient(circle at 18% 12%,rgba(125,199,255,.12),transparent 16%),radial-gradient(circle at 80% 10%,rgba(246,196,83,.12),transparent 16%),linear-gradient(180deg,#040812fc,#080d1afc)}.game-shell{width:min(1360px,calc(100% - 28px));margin:0 auto;padding:0 0 34px}.controls{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:18px}.play-area{display:grid;grid-template-columns:1fr 330px;gap:18px}.panel{padding:18px;border-radius:20px;background:#080c16bd;border:1px solid rgba(255,220,120,.1)}.split,.dice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hand{display:flex;flex-wrap:wrap;gap:10px;min-height:64px;align-items:center}.playing-card{min-width:64px;padding:14px 16px;border-radius:18px;text-align:center;font-size:20px;font-weight:900;color:#fff6d6;background:linear-gradient(180deg,#362c14f2,#121929f2);border:1px solid rgba(255,220,120,.18);box-shadow:0 10px 24px #00000047}.label{display:block;color:var(--muted);font-size:14px;margin-bottom:10px}.value-line,.muted-small{margin-top:10px;color:var(--muted);font-size:14px}.value-line strong{color:#fff}.status{margin-top:18px;min-height:78px;padding:14px 16px;border-radius:18px;line-height:1.6;background:#f6c45314;border:1px solid rgba(246,196,83,.14);color:#fff5d0}.status.alt{background:#7dc7ff14;border-color:#7dc7ff26;color:#dff6ff}.dice-value{font-size:40px;font-weight:900;letter-spacing:.04em}.hidden-input{display:none}.bet-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:18px}.bet-input{width:160px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,220,120,.14);background:#0a101deb;color:var(--text);font-size:15px;font-weight:700;outline:none;box-shadow:none}.bet-input:focus{border-color:#f6c45366;box-shadow:0 0 0 3px #f6c4531a}.underworld-note{margin-top:14px;padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,#340e0e73,#1208088c);border:1px solid rgba(255,120,120,.16);color:#ffd8c7;line-height:1.65;box-shadow:inset 0 0 22px #7814141f}.loan-deal-card{position:relative;overflow:hidden;background:linear-gradient(180deg,#120a0af5,#090710f0);border:1px solid rgba(255,130,90,.12)}.loan-deal-card:after{content:"";position:absolute;inset:auto -30px -40px auto;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(255,110,70,.12),transparent 70%);pointer-events:none}.danger-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;color:#ffd5c4;background:#781a1a42;border:1px solid rgba(255,125,95,.18)}.loan-title-glow{color:#ffe4bf;text-shadow:0 0 18px rgba(246,196,83,.12),0 0 30px rgba(255,120,80,.08)}@media(max-width:1060px){.hero,.home-grid,.rank-layout,.play-area,.games-grid{grid-template-columns:1fr}.route{min-height:1760px}.rank-card{left:12px!important;width:calc(100% - 24px)!important}.rank-card.left:before,.rank-card.right:before{inset:auto auto -32px 50%;margin:0 0 0 -9px}}@media(max-width:760px){.shell,.game-shell{width:calc(100% - 18px)}.split,.dice-grid,.hero-grid{grid-template-columns:1fr}.overlay-panel{padding:16px}}.loan-theme{background:linear-gradient(180deg,#190505f2,#0a0000fa);border:1px solid rgba(255,80,80,.25)}.loan-theme .card,.loan-theme .stat,.loan-theme .summary-block{background:linear-gradient(180deg,#1e0505f2,#0c0000f2);border:1px solid rgba(255,80,80,.2)}.loan-theme .btn{background:linear-gradient(180deg,#f6c453,#c88a1c);color:#000}.loan-theme .btn.secondary{background:#000000d9;border:1px solid rgba(255,200,0,.25);color:#ffe49a}.loan-theme h1,.loan-theme h2{color:#ffb3b3}.loan-theme p{color:#d6a3a3}#loanOverlay .overlay-panel{background:radial-gradient(circle at 12% 10%,rgba(255,90,90,.12),transparent 18%),radial-gradient(circle at 82% 14%,rgba(246,196,83,.1),transparent 18%),linear-gradient(180deg,#140406fb,#080204fc 58%,#030203fe)}#loanOverlay .summary,#loanOverlay .route-shell,#loanOverlay .summary-block,#loanOverlay .underworld-note,#loanOverlay .loan-deal-card{background:linear-gradient(180deg,#2a0a0cf0,#0e0406f5)!important;border:1px solid rgba(255,110,90,.2)!important;box-shadow:0 18px 38px #00000057,inset 0 1px #ffffff08}#loanOverlay .summary,#loanOverlay .route-shell{border-radius:26px}#loanOverlay .summary-block,#loanOverlay .underworld-note,#loanOverlay .loan-deal-card{color:#f1c9c3!important}#loanOverlay .overlay-title,#loanOverlay .rank-big,#loanOverlay strong{color:#fff0d8!important}#loanOverlay .small-label{color:#ffcf88!important}#loanOverlay p{color:#e1b0a8!important}#loanOverlay .badge{background:#ffd27817;border:1px solid rgba(255,210,120,.2);color:#ffe3a0}#loanOverlay .danger-chip{background:#7812128c;border:1px solid rgba(255,120,90,.3);color:#ffd9bf}#loanOverlay .btn{background:linear-gradient(180deg,#f5cc62,#cf901d)!important;color:#100b00!important;box-shadow:0 12px 24px #c88a1c38}#loanOverlay .btn.secondary{background:linear-gradient(180deg,#191612fa,#080808fa)!important;border:1px solid rgba(255,210,120,.24)!important;color:#ffe8a8!important;box-shadow:0 10px 22px #00000038}#loanOverlay .btn:disabled{opacity:.45;cursor:not-allowed}#loanOverlay .loan-deal-card:after{background:radial-gradient(circle,rgba(255,90,70,.18),transparent 70%)}.loan-theme #loanRepayBadge{box-shadow:0 10px 24px #00000047,inset 0 1px #ffffff2e;min-width:140px;justify-content:center;display:inline-flex}.loan-theme #loanCreditsBadge{min-width:140px;justify-content:center;display:inline-flex}