:root{--ink: #1E1B2E;--cream: #F4EBDD;--muted: #5C5548;--body: #3D382F;--line: #E3D8C6;--good: #2E7D4F;--bad: #B23A2A;--l1: #A8431F;--l2: #E7A93B;--l3: #4E6624;--l4: #2F6F79;--l5: #5445A0;--lvl: #A8431F;--lvl-ink: #FFFFFF;--slab: "Alfa Slab One", "Cairo", serif;--sans: "Work Sans", "Cairo", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--sans);background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased}[dir=rtl] body,[dir=rtl]{font-family:"Cairo",var(--sans)}button{font-family:inherit}a{color:var(--l1)}.slab{font-family:var(--slab);font-weight:400}[dir=rtl] .slab{font-family:Cairo,serif;font-weight:800}.label{font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}[dir=rtl] .label{letter-spacing:0}.muted{color:var(--muted)}.card{background:#fff;border-radius:22px;padding:26px}.row{display:flex;gap:18px}.col{display:flex;flex-direction:column;gap:12px}.grow{flex-grow:1;min-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:14px;background:var(--lvl);color:var(--lvl-ink);font-weight:700;font-size:18px;padding:14px 30px;cursor:pointer;text-decoration:none;min-height:52px}.btn.big{font-size:22px;padding:18px 40px}.btn:disabled{opacity:.5;cursor:default}.btn:focus-visible,.ghost:focus-visible,.pick:focus-visible,.opt:focus-visible{outline:4px solid #6A9FE0;outline-offset:3px}.ghost{display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--ink);border-radius:14px;background:transparent;color:var(--ink);font-weight:700;font-size:18px;padding:12px 28px;cursor:pointer;text-decoration:none;min-height:52px}.ghost.light{border-color:#d9cfc0;color:var(--cream)}.err{color:var(--bad);font-weight:600}.pill{padding:7px 16px;border-radius:999px;font-weight:700;font-size:16px}.chip{padding:6px 14px;border-radius:999px;background:#e3efe7;color:#1f5a38;font-weight:600;font-size:16px}.chip.wait{background:#efe6d6;color:var(--muted)}.good{color:var(--good)}.bad{color:var(--bad)}.stage-wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--ink);overflow:hidden}.stage{position:absolute;left:50%;top:50%;width:1440px;height:810px;background:var(--cream);transform-origin:center center;overflow:hidden}.topbar{height:84px;background:var(--ink);color:var(--cream);padding:0 40px;display:flex;align-items:center;justify-content:space-between}.topbar .left,.topbar .right{display:flex;align-items:center;gap:18px}.topbar .right{gap:22px;font-size:17px;color:#d9cfc0}.topbar .logo{font-family:var(--slab);font-size:34px;letter-spacing:.04em}.codechip{padding:6px 14px;border-radius:10px;background:#2e2a45;color:#fff;font-weight:700;letter-spacing:.12em;direction:ltr}.body{height:726px;padding:36px 48px;display:flex;flex-direction:column;gap:24px}.hostbar{position:absolute;bottom:18px;right:22px;display:flex;gap:10px;z-index:5}[dir=rtl] .hostbar{right:auto;left:22px}.hostbar .ghost{min-height:44px;font-size:16px;padding:8px 18px;background:#ffffffb3}.big-num{font-family:var(--slab);line-height:1}.stat{flex:1 1 0;border-radius:14px;background:var(--cream);padding:14px 18px}.stat b{display:block;font-size:15px;color:var(--muted)}.stat .v{font-family:var(--slab);font-size:26px}.stat.g{background:#e3efe7}.stat.g b,.stat.g .s{color:#1f5a38}.headline{padding:14px 22px;border-radius:16px;background:var(--ink);color:#fff;font-size:22px;font-weight:600;max-width:560px;line-height:1.35}.trays{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}.trays span{width:var(--tw, 22px);height:var(--th, 14px);border-radius:4px;background:#c4532d;animation:pop .4s both}.trays span.clean{background:#fff;border:2.5px solid var(--l3)}.trays span.cheap{background:#3d382f}@keyframes pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.rise{animation:rise .6s both}@keyframes rise{0%{transform:translateY(18px);opacity:0}to{transform:none;opacity:1}}.lb-row{display:flex;align-items:center;gap:22px;background:#fff;border-radius:16px;padding:14px 24px;font-size:26px}.lb-row .pl{font-family:var(--slab);width:44px}.lb-row .nm{flex-grow:1;font-weight:700}.lb-row .mv{width:70px;font-weight:700;font-size:20px}.lb-row .sc{font-family:var(--slab);unicode-bidi:plaintext}.podium{display:flex;align-items:flex-end;justify-content:center;gap:18px}.podium .step{width:220px;border-radius:18px 18px 0 0;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:16px;font-family:var(--slab);font-size:44px}.dial{background:#fff;border-radius:20px;padding:12px 14px;display:flex;flex-direction:column;align-items:center;gap:2px}.dial-name{font-size:15px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.dial-sub{font-size:13px;color:var(--muted)}.dial-range{display:flex;justify-content:space-between;width:206px;font-size:13px;color:var(--muted)}.dial-value{font-family:var(--slab);font-size:34px}.term{border-radius:16px;background:var(--cream);padding:14px 16px;display:flex;flex-direction:column;gap:4px}.term b{font-size:17px}.term span{font-size:15px;color:var(--body);line-height:1.4}.qr svg{display:block}.paused-overlay{position:absolute;top:84px;right:0;bottom:0;left:0;background:#1e1b2ed1;color:var(--cream);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;z-index:4}.page{min-height:100vh;padding:44px 64px;display:flex;flex-direction:column;gap:28px;max-width:1440px;margin:0 auto}@media (max-width: 800px){.page{padding:24px 16px}}.opt{min-width:110px;border:2px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-weight:600;font-size:17px;padding:11px 18px;cursor:pointer;min-height:48px}.opt.on{border-color:var(--ink);background:var(--ink);color:#fff;font-weight:700}.lvl{text-align:start;border:3px solid transparent;border-radius:16px;background:#fbf6ee;color:var(--ink);padding:14px 18px;display:flex;gap:14px;align-items:center;cursor:pointer;width:100%}.lvl.on{border-color:var(--ink);background:#fff}.lvl .n{width:44px;height:44px;flex-shrink:0;border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--slab);font-size:22px}.setrow{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--line);flex-wrap:wrap}.setrow .opts{display:flex;gap:10px;flex-wrap:wrap}table.prices{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden}table.prices th,table.prices td{text-align:start;padding:14px 18px;border-bottom:1px solid var(--line);font-size:17px}table.prices th{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}table.prices input{width:100%;min-width:120px;height:44px;border:2px solid #CDBFA8;border-radius:10px;padding:0 12px;font-size:16px;font-family:inherit}@media (max-width: 800px){table.prices th:nth-child(3),table.prices td:nth-child(3){display:none}table.prices th,table.prices td{padding:10px;font-size:15px}}.pframe{min-height:100vh;display:flex}.side{width:340px;flex-shrink:0;background:var(--ink);color:var(--cream);padding:30px 28px;display:flex;flex-direction:column;gap:22px}.side .logo{font-family:var(--slab);font-size:30px;letter-spacing:.04em}[dir=rtl] .side .logo{font-family:var(--slab)}.avatar{width:44px;height:44px;border-radius:14px;color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--slab);font-size:22px;flex-shrink:0}.avatar.circle{border-radius:50%}.avatar.hex{clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);border-radius:0}.avatar.drop{border-radius:50% 50% 50% 8px}.newsbox{border-radius:16px;background:var(--cream);color:var(--ink);padding:16px;display:flex;flex-direction:column;gap:6px}.newsbox .k{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.newsbox .t{font-size:17px;line-height:1.4}.pmain{flex-grow:1;min-width:0;padding:40px 48px;display:flex;flex-direction:column;gap:22px}.pick{border-radius:20px;border:3px solid #D9CCB6;background:#fff;color:var(--ink);font-family:var(--slab);cursor:pointer;padding:14px 18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;text-align:start;min-height:96px;font-size:32px;touch-action:manipulation}.pick.num{align-items:center;font-size:44px;min-height:96px}.pick.on{border-color:var(--ink);background:var(--ink);color:#fff}.pick small{font-family:var(--sans);font-size:16px;font-weight:500;line-height:1.35}.grid6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.steps{display:flex;gap:10px}.steps div{flex:1 1 0;border-radius:12px;background:#efe6d6;color:var(--body);padding:10px;display:flex;flex-direction:column;gap:2px;min-width:0}.steps div.in{background:var(--ink);color:#fff}.steps span{font-size:13px;color:var(--muted)}.steps div.in span{color:#d9cfc0}.steps strong{font-size:18px;white-space:nowrap}.lines div{display:flex;justify-content:space-between;gap:16px;font-size:20px;padding:6px 0}.lines strong{white-space:nowrap}.lines .sep{height:1px;background:var(--line);padding:0}input.field{height:64px;border-radius:16px;border:2px solid #CDBFA8;padding:0 20px;font-family:inherit;font-size:22px;background:#fff;color:var(--ink);width:100%;max-width:520px}input.code{height:76px;border:3px solid var(--ink);font-family:var(--slab);font-size:38px;letter-spacing:.12em;direction:ltr}.lockbtn{min-width:220px;min-height:64px;font-size:22px}.timer-ring{position:relative;width:104px;height:104px}.timer-ring span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--slab);font-size:34px;line-height:1}.timer-ring small{font-family:var(--sans);font-size:12px;font-weight:600;color:#d9cfc0;margin-top:4px}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);background:var(--ink);color:var(--cream);padding:12px 20px;border-radius:12px;font-weight:600;z-index:20}@media (max-width: 1000px) and (min-width: 761px){.side{width:270px;padding:24px 20px}.pmain{padding:28px}.pick.num{font-size:36px}}@media (max-width: 760px){.pframe{flex-direction:column}.side{width:auto;padding:14px 16px;gap:10px;display:grid;grid-template-columns:1fr auto;align-items:center}.side .logo{font-size:22px}.side .who,.side .money{grid-column:auto}.side .place{display:none}.side .newsbox{grid-column:1 / -1;padding:10px 12px}.side .timer-ring{width:64px!important;height:64px!important}.side .timer-ring svg{width:64px;height:64px}.side .timer-ring span{font-size:22px}.side .timer-ring small{display:none}.side .money .slab{font-size:26px!important}.pmain{padding:18px 16px 28px;gap:16px}.pick{min-height:72px;font-size:24px}.pick.num{font-size:32px;min-height:72px}.grid6{grid-template-columns:repeat(3,minmax(0,1fr))}.grid2,.grid3{grid-template-columns:1fr}.steps{flex-wrap:wrap}.steps div{flex:1 1 28%}.lines div{font-size:17px}.lockbtn{width:100%}.place-card{width:100%!important}}