:root{--gold:#e0b155;--gold2:#f6d78d;--goldD:#8f6c22;--blue:#7fb2ff;--emerald:#4cd6a0;--orange:#ffa24e;--red:#ff6b6b;--fd:"Cinzel", Georgia, serif;--fb:"Manrope", system-ui, sans-serif;--r-lg:20px;--r-md:14px;--r-sm:10px;--ease:cubic-bezier(.22,1,.36,1);--spring:cubic-bezier(.34,1.56,.64,1)}[data-theme=dark]{--bg:#0c0d11;--panel:#15171ec7;--panel2:#1d2029eb;--line:#ffffff17;--line2:#ffffff2b;--text:#edeae1;--muted:#99a1ae;--dim:#5d6572;--wood:#b07a41;--shadow:0 26px 60px -22px #000000bf;--vig:#030407a8;--chipglow:#e0b15538}[data-theme=light]{--bg:#eae5da;--panel:#fffdf6d1;--panel2:#fffffff2;--line:#231c0f1c;--line2:#231c0f38;--text:#25200f;--muted:#6e6757;--dim:#a89f8d;--wood:#8a5a2b;--gold:#a8781f;--gold2:#7c5a16;--shadow:0 24px 50px -24px #46341466;--vig:#5a482838;--chipglow:#a8781f2e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{width:100%;height:100%}html{height:-webkit-fill-available}body{min-height:100vh;min-height:100dvh}#root{position:relative}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Manrope,system-ui,sans-serif;font-size:15.5px;line-height:1.45;overflow:hidden}html[lang=ar] body{font-family:Cairo,sans-serif;letter-spacing:0!important}button{color:inherit;cursor:pointer;background:0 0;border:0;font-family:inherit}#glwrap{z-index:0;position:fixed;inset:0}#glwrap canvas{touch-action:none;display:block}#ui{inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);z-index:2;pointer-events:none;position:fixed}@supports (padding:env(safe-area-inset-top)){.hud-corner.l{left:calc(14px + env(safe-area-inset-left))}.hud-corner.r{right:calc(14px + env(safe-area-inset-right))}.hud-top{padding-left:calc(26px + env(safe-area-inset-left));padding-right:calc(26px + env(safe-area-inset-right))}.hud-bottom{padding-left:calc(14px + env(safe-area-inset-left));padding-right:calc(14px + env(safe-area-inset-right));padding-bottom:calc(16px + env(safe-area-inset-bottom))}.screen{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)!important}}#ui .pe{pointer-events:auto}.screen{opacity:0;display:none;position:absolute;inset:0;overflow:hidden}.screen.active{opacity:1;animation:fadeIn .45s var(--ease);pointer-events:auto;display:block}.btn{border-radius:var(--r-md);border:1px solid var(--line);background:var(--panel2);transition:transform .18s var(--spring), box-shadow .25s, border-color .25s, background .25s;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:12px 20px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn:hover{border-color:var(--line2);transform:translateY(-2px);box-shadow:0 10px 26px -12px #00000080}.btn:active{transform:translateY(0)scale(.97)}.btn-gold{color:#241703;background:linear-gradient(160deg,#f3d489,#d3a044 55%,#b9852e);border-color:#ffebb48c;box-shadow:0 8px 26px -8px #d3a0448c,inset 0 1px #ffffff80}.btn-gold:hover{box-shadow:0 14px 34px -8px #d3a044b3,inset 0 1px #ffffff80}.btn.sm{border-radius:var(--r-sm);min-height:36px;padding:8px 14px;font-size:.85rem}.btn.lg{border-radius:16px;min-height:56px;padding:16px 30px;font-size:1.05rem}.btn.block{width:100%}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(18px)saturate(1.25);box-shadow:var(--shadow), inset 0 1px 0 #ffffff12}.panel-h{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:16px 18px;display:flex}.panel-b{padding:16px 18px}.row{align-items:center;gap:10px;display:flex}.spread{justify-content:space-between;align-items:center;gap:10px;display:flex}.col{flex-direction:column;display:flex}.muted{color:var(--muted)}.gold{color:var(--gold)}.hidden{display:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes spin{to{transform:rotate(360deg)}}.ava{color:#fff;background:conic-gradient(from 210deg,#5b6c85,#33415a,#5b6c85);border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-size:1rem;font-weight:800;display:grid;position:relative}.ava:before{content:"";background:conic-gradient(var(--gold), #8a6a25, var(--gold2), var(--gold));-webkit-mask-composite:xor;border-radius:50%;padding:2.5px;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ava .lvl{background:linear-gradient(140deg, var(--gold2), var(--gold));color:#241703;white-space:nowrap;border-radius:99px;padding:1px 7px;font-size:.6rem;font-weight:800;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.ava.sm{width:38px;height:38px;font-size:.8rem}.ava.lg{width:86px;height:86px;font-size:1.6rem}.nav-item{border-radius:var(--r-md);color:var(--muted);transition:.22s var(--spring);text-align:start;border:1px solid #0000;align-items:center;gap:14px;width:100%;padding:13px 18px;font-size:1rem;font-weight:700;display:flex}.nav-item:hover{color:var(--text);background:var(--panel);border-color:var(--line);transform:translate(6px)}.nav-item.primary{color:#241703;background:linear-gradient(160deg,#f3d489,#d3a044 55%,#b9852e);border-radius:16px;padding:17px 20px;font-size:1.1rem;box-shadow:0 12px 34px -10px #d3a04499}.dom{aspect-ratio:1/2;background:linear-gradient(155deg,#faf5e8,#e8dfc9);border:1px solid #c9bd9f;border-radius:15%;flex-direction:column;flex:none;width:34px;display:inline-flex;box-shadow:0 3px 8px #0006,inset 0 1px #fff}.dom .dh{flex:1;grid-template:repeat(3,1fr)/repeat(3,1fr);padding:8%;display:grid}.dom .dh+.dh{border-top:2px solid #3c2d1447}.dom .p{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#3c3a34,#141310);border-radius:50%;place-self:center;width:62%;box-shadow:inset 0 1px 2px #000}.dom .p.tl{grid-area:1/1}.dom .p.tr{grid-area:1/3}.dom .p.ml{grid-area:2/1}.dom .p.c{grid-area:2/2}.dom .p.mr{grid-area:2/3}.dom .p.bl{grid-area:3/1}.dom .p.br{grid-area:3/3}.chip{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:.3s var(--spring);border-radius:16px;align-items:center;gap:10px;min-width:158px;padding:8px 14px 8px 8px;display:flex}.chip .meta{min-width:0;line-height:1.25}.chip .meta b{white-space:nowrap;align-items:center;gap:6px;font-size:.85rem;display:flex}.chip .meta .sub{color:var(--muted);font-size:.75rem}.chip .score{color:var(--gold);font-family:Cinzel,serif;font-size:1.15rem}.chip.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 10px 30px -10px var(--chipglow)}.tag{border:1px solid var(--line);color:var(--muted);border-radius:99px;align-items:center;gap:5px;padding:3px 9px;font-size:.72rem;font-weight:700;display:inline-flex}.tag.gold{color:var(--gold);border-color:color-mix(in srgb, var(--gold) 45%, transparent)}.seg{background:var(--panel2);border:1px solid var(--line);border-radius:12px;gap:4px;padding:4px;display:inline-flex}.seg button{color:var(--muted);border-radius:9px;padding:8px 14px;font-size:.85rem;font-weight:700;transition:all .2s}.seg button.on{background:linear-gradient(150deg, var(--gold2), var(--gold));color:#241703;box-shadow:0 3px 10px -3px #00000080}.bar{background:var(--dim);border-radius:8px;height:8px;overflow:hidden}.bar>i{background:linear-gradient(90deg, var(--gold), var(--gold2));width:0;height:100%;transition:width 1s var(--ease);border-radius:8px;display:block}.hud-top{flex-wrap:wrap;justify-content:center;gap:10px;padding:12px 26px;display:flex;position:absolute;top:0;left:0;right:0}.hud-round{text-align:center;position:absolute;top:12px;left:50%;transform:translate(-50%)}.hud-round .t{letter-spacing:.22em;color:var(--dim);text-transform:uppercase;font-size:.72rem;font-weight:800}.hud-round .v{font-family:Cinzel,serif;font-size:1rem}.hud-corner{gap:8px;display:flex;position:absolute;top:12px}.hud-corner.l{left:14px}.hud-corner.r{right:14px}.hud-bottom{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:14px;padding:0 14px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.ends-pill{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--muted);border-radius:99px;align-items:center;gap:8px;padding:8px 14px;font-size:.8rem;display:flex}.end-val{background:var(--panel2);border:1px solid var(--gold);width:30px;height:30px;color:var(--gold);border-radius:50%;place-items:center;font-family:Cinzel,serif;font-weight:700;display:grid}.hand-ctl{align-items:center;gap:8px;display:flex}#handHint{background:linear-gradient(140deg, var(--gold2), var(--gold));color:#241703;white-space:nowrap;border-radius:99px;padding:9px 20px;font-size:.85rem;font-weight:800;position:absolute;bottom:118px;left:50%;transform:translate(-50%);box-shadow:0 8px 26px -8px #d3a044b3}.overlay{z-index:20;background:color-mix(in srgb, var(--bg) 62%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;align-items:center;display:none;position:absolute;inset:0}.overlay.active{animation:.35s fadeIn;display:flex}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (width<=820px){.chip{min-width:0;padding:4px 8px;font-size:.75rem}.chip .meta .sub{display:none}.chip .score{font-size:.95rem}.hud-round{display:none}.hud-top{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:4px;padding:8px;overflow-x:auto}.hud-top::-webkit-scrollbar{display:none}.hud-bottom{gap:6px;padding:0 8px 10px}.ends-pill{flex-shrink:0;padding:5px 10px;font-size:.7rem}.end-val{flex-shrink:0;width:24px;height:24px;font-size:.75rem}.hand-ctl{flex-wrap:wrap;justify-content:center;gap:6px}.hand-ctl .btn{min-height:40px;padding:8px 14px;font-size:.78rem}#handHint{padding:7px 14px;font-size:.75rem;bottom:96px}.btn.lg{min-height:48px;padding:12px 20px;font-size:.9rem}.nav-item{padding:12px 16px;font-size:.9rem}.nav-item.primary{padding:14px 16px;font-size:1rem}}@media (width<=480px){body{font-size:14px}.btn,.hand-ctl .btn,.nav-item{min-height:44px}.btn.sm,.hud-corner .btn.sm{min-height:36px}.hud-corner.l,.hud-corner.r{top:4px}.hud-corner.l{left:4px}.hud-corner.r{right:4px}.hud-corner .btn.sm{min-width:36px;padding:6px 10px;font-size:.72rem}.hud-top{gap:3px;padding:2px}.hud-top .chip{border-radius:8px;min-height:28px;padding:3px 6px;font-size:.62rem}.hud-top .chip .meta b{font-size:.68rem}.hud-top .chip .score{font-size:.8rem}.hud-bottom{gap:4px;padding:0 2px 4px}.ends-pill{gap:4px;padding:4px 8px;font-size:.6rem}.end-val{width:22px;height:22px;font-size:.6rem}.hand-ctl{gap:4px}.hand-ctl .btn{padding:8px 12px;font-size:.7rem}.btn.lg{min-height:44px;padding:12px 18px;font-size:.85rem}#handHint{white-space:normal;max-width:85vw;padding:6px 12px;font-size:.68rem;bottom:80px}.nav-item{padding:10px 14px;font-size:.82rem}.nav-item.primary{padding:14px 16px;font-size:.9rem}.screen.active{padding:8px!important}.seg button{padding:6px 10px;font-size:.72rem}h1{font-size:clamp(1.1rem,5.5vw,1.4rem)!important}h2{font-size:clamp(.95rem,4.5vw,1.2rem)!important}.panel{border-radius:10px}.hud-corner .btn,.hand-ctl .btn{touch-action:manipulation}}@media (width<=380px){body{font-size:12px}.hud-corner.l,.hud-corner.r{top:2px}.hud-corner.l{left:2px}.hud-corner.r{right:2px}.hud-corner .btn.sm{min-width:30px;min-height:30px;padding:4px 7px;font-size:.62rem}.hud-top .chip{min-height:24px;padding:2px 4px;font-size:.55rem}.hud-top .chip .score{font-size:.7rem}.hud-top .chip .meta b{font-size:.6rem}.ends-pill{padding:3px 6px;font-size:.55rem}.end-val{width:18px;height:18px;font-size:.55rem}.hand-ctl .btn{min-height:32px;padding:6px 9px;font-size:.6rem}#handHint{max-width:90vw;padding:4px 8px;font-size:.58rem;bottom:70px}.btn.lg{min-height:38px;padding:10px 14px;font-size:.78rem}}