.web-client{--gold:#f2c85b;--surface:#24282f;--line:#414957;--muted:#b0b8c6;color:#f3f5f8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#181b20;min-height:100dvh;font:16px/1.5 Arial,Malgun Gothic,sans-serif}.web-client *{box-sizing:border-box}.web-top{border-bottom:1px solid var(--line);background:#20242b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 28px;display:flex}.web-brand{align-items:center;gap:12px;display:flex}.web-brand>span{width:42px;height:44px;color:var(--gold);border:1px solid var(--gold);border-radius:10px;place-items:center;font:700 30px Georgia,serif;display:grid}.web-brand b{letter-spacing:.08em;display:block}.web-brand small{letter-spacing:.14em;color:var(--muted);font-size:12px;display:block}.web-address{color:var(--muted);font-size:14px}.web-entry{border:1px solid var(--line);background:var(--surface);border-radius:18px;max-width:500px;margin:70px auto;padding:32px}.web-eyebrow{color:var(--gold);letter-spacing:.16em;font-size:12px}.web-entry h1{margin:12px 0 16px;font-size:28px;font-weight:650}.web-entry p{color:var(--muted);font-size:14px;line-height:1.8}.web-entry form{gap:12px;margin:28px 0 18px;display:grid}.web-entry input{color:#fff;border:1px solid var(--line);background:#181b20;min-height:48px;font-size:16px}.web-client .web-primary{min-height:46px;font-size:16px;font-weight:650;background:var(--gold)!important;color:#191b20!important}.web-entry>small{color:var(--muted);font-size:12px}.web-balance{border:1px solid var(--gold);border-radius:8px;gap:6px;margin-top:20px;padding:14px;font-size:14px;display:grid}.web-balance b{color:var(--gold)}.web-client .web-error{color:#ffb2b2;font-size:14px}.web-access{align-items:center;gap:18px;display:flex}.web-access>div{display:grid}.web-access small{color:var(--muted);font-size:12px}.web-access strong{color:var(--gold);font-variant-numeric:tabular-nums;font-size:26px;line-height:1.2}.web-access button{color:#f3f5f8;border-color:var(--line);background:0 0;min-height:40px}.web-content{max-width:1500px;margin:0 auto;padding:28px}.web-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.web-heading h1{margin:0;font-size:24px;font-weight:650}.web-heading p{color:var(--muted);margin:5px 0 0;font-size:14px}.web-connection{color:var(--muted);font-size:14px}.web-rooms{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.web-room{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-width:0;overflow:hidden}.web-room>header{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px;display:flex}.web-room>header>span{color:var(--gold);white-space:nowrap;font-size:12px;font-weight:650}.web-room [data-slot=select-trigger]{color:#f3f5f8;border-color:var(--line);background:#20242b;flex:1;min-width:0;min-height:42px;font-size:14px}.web-room-body{padding:20px}.web-cards{background:#171b22;border:1px solid #49445c;border-radius:10px;grid-template-columns:1fr 1fr;gap:16px;padding:18px 10px;display:grid;position:relative;box-shadow:inset 0 0 10px #a49af620}.web-hand{text-align:center}.web-hand>b{font-size:14px}.web-player{color:#83baff}.web-banker{color:#ff9b9b}.web-hand>div{justify-content:center;gap:5px;margin-top:10px;display:flex}.web-card{color:#151b25;background:#fffdf5;border:1px solid #dad7ce;border-radius:4px;flex-direction:column;justify-content:space-between;align-items:center;width:42px;height:61px;padding:7px 4px;font-weight:600;display:flex}.web-card i{font-size:23px;font-style:normal;line-height:1}.web-card.red{color:#c62037}.web-card.empty{background:#141720;border-color:#474157}.web-label{justify-content:space-between;gap:10px;margin:22px 0 10px;font-size:14px;display:flex}.web-label b{font-weight:500}.web-label span{color:var(--muted);font-size:12px}.web-road{border:1px solid var(--line);background:#181b20;border-radius:7px;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(17,minmax(0,1fr));grid-auto-flow:column;gap:3px;padding:7px;display:grid}.web-road>span{aspect-ratio:1;color:#fff;border:1px solid #56606e;border-radius:50%;place-items:center;font-size:12px;line-height:1;display:grid}.side-P{color:#fff!important;background:#1764d7!important}.side-B{color:#fff!important;background:#d72c47!important}.side-T{color:#fff!important;background:#008c75!important}.web-road>span.trigger{box-shadow:0 0 6px #f2c85b77;background:var(--gold)!important;color:#211c0e!important}.web-predictions{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.web-predictions>div{border:1px solid var(--line);background:#191d24;border-radius:8px;flex-direction:column;align-items:center;gap:10px;padding:12px 3px;display:flex}.web-predictions small{color:var(--muted);font-size:12px}.web-predictions b{border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.web-predictions .current{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.web-predictions .current small{color:var(--gold)}.web-room-note{color:var(--muted);margin-top:15px;font-size:12px}.web-content>footer{color:var(--muted);margin-top:20px;font-size:12px}.web-shuffle{color:var(--gold);background:#171b22ee;border-radius:10px;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.web-shuffle span{border:2px solid #695d38;border-top-color:var(--gold);border-radius:50%;width:23px;height:23px;animation:1s linear infinite web-spin}@keyframes web-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.web-shuffle span{animation:none}}@media (max-width:740px){.web-top,.web-content{padding:16px}.web-rooms{grid-template-columns:minmax(0,1fr)}.web-entry{margin:32px 16px;padding:24px}.web-room-body{padding:12px}.web-access{justify-content:space-between;width:100%}.web-room [data-slot=select-trigger]{font-size:16px}.web-road{gap:2px;padding:4px}.web-road>span{font-size:11px}.web-predictions{gap:5px}.web-predictions b{width:26px;height:26px}.web-cards{gap:10px}.web-card{width:34px;height:52px}.web-client button{min-height:44px}}.web-roads{overflow-x:auto}.web-road{grid-template-rows:repeat(3,1fr);margin-bottom:8px}.web-resume{width:100%;margin-top:18px}.web-room [data-slot=select-value]{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.web-road>span{min-width:17px;min-height:17px;font-size:12px}.web-entry p{font-size:16px}.web-room-note,.web-label span{font-size:14px}@media (max-width:740px){.web-road>span{font-size:12px}.web-brand b{font-size:16px}.web-entry h1{font-size:26px}}