:root{--bg: #05040c;--nav: #0b091a;--panel: #151033;--primary: #623fff;--primary-press: #4e2edc;--secondary: #cdc9e6;--destructive: #ee2843;--muted: #a09ac4;--white: #ffffff;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--white);overflow:hidden;touch-action:manipulation}html,body,#app,#hud,canvas,*{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,textarea{user-select:text;-webkit-user-select:text}html.tma,html.tma body,html.tma #frame{width:var(--tma-w, 100%);height:var(--tma-h, 100dvh)}#frame{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:stretch;justify-content:center;background:var(--bg)}#stage{position:relative;width:100%;max-width:430px;height:100dvh;overflow:hidden;background:var(--bg)}html.tma #stage{max-width:none;width:100%;height:100%}#pixi{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%!important;height:100%!important;object-fit:cover;object-position:center}#hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;width:100%;height:100%;pointer-events:none;box-sizing:border-box}#hud .hit{pointer-events:auto}.splash{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;width:100%;padding:24px 20px;box-sizing:border-box;text-align:center;background:var(--bg)}.splash .mascot{width:46%;max-width:220px;height:auto;margin:0 0 20px;background:transparent;border:0;box-shadow:none}.splash .title{margin:0 0 10px;font-size:clamp(26px,8vw,34px);font-weight:800;line-height:1.15}.splash .sub,.splash .status{margin:0;font-size:16px;color:var(--muted)}.splash .lang{margin-top:20px;min-height:44px;min-width:44px}.screen{flex:1;display:flex;flex-direction:column;min-height:0;padding:8px 16px 16px;box-sizing:border-box;overflow:hidden}.screen.full{flex:1}.body{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0;padding:8px 16px 12px;overflow-y:auto;box-sizing:border-box}.header{display:flex;align-items:center;gap:8px;flex:0 0 auto;width:100%;padding:8px 12px;min-height:48px;box-sizing:border-box;overflow:visible}.lang{border:0;background:transparent;color:var(--white);font-weight:800;font-size:14px;min-height:44px;min-width:44px}.header .lang{flex:0 0 auto;flex-shrink:0;width:auto;height:32px;min-height:32px;min-width:0;padding:0 10px;border-radius:16px;background:var(--panel);font-size:12px}.header .nick{flex:1 1 auto;min-width:0}.header .timer{flex:0 0 auto;padding:0 10px;font-size:18px;line-height:32px}.header.table-top{position:relative;z-index:3;background:linear-gradient(to bottom,rgba(5,4,12,.78),transparent)}.header .logo{width:38px;height:38px;flex:0 0 auto;flex-shrink:0;border-radius:50%;object-fit:cover}.header .bonus{flex:0 0 auto;flex-shrink:0;height:32px;width:auto;max-height:32px;object-fit:contain}.header .wallet{display:flex;align-items:center;gap:6px;height:32px;margin-left:auto;padding:0 4px 0 8px;background:var(--panel);border-radius:16px;flex:0 0 auto;width:auto;min-width:0;box-sizing:border-box}.header .wallet-icon{flex-shrink:0;width:20px;height:20px;display:block;object-fit:cover;object-position:left center;border-radius:50%}.header .wallet .bal{font-size:14px;font-weight:700;line-height:32px;white-space:nowrap}.header .plus{flex:0 0 auto;flex-shrink:0;width:28px;height:28px;border:0;background:url(/assets/buttons/btn_plus.png) center / 28px 28px no-repeat}.nav{flex:0 0 auto;width:100%;margin:0;padding:4px 8px calc(4px + env(safe-area-inset-bottom,0px));box-sizing:border-box}.nav-bar{display:flex;align-items:stretch;justify-content:stretch;width:100%;height:56px;margin:0;padding:0;background:var(--nav);border-radius:16px}.nav-item{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:56px;min-height:44px;margin:0;border:0;border-radius:12px;background:none;color:var(--muted);font-size:11px;font-weight:700;line-height:1.1;padding:6px 2px}.nav-item.on{background:none;color:var(--white)}.nav-item img{width:26px;height:26px;display:block}.nav-item span{display:block;text-align:center;font-size:11px}.title{margin:0;font-size:24px;font-weight:800}.sub{color:var(--muted);font-size:15px;margin:0}.status{color:var(--secondary);font-size:14px;min-height:20px;margin:6px 0}.toast{position:absolute;left:30px;right:30px;top:128px;z-index:5;background:var(--panel);color:var(--white);border-radius:16px;padding:14px 16px;text-align:center;font-weight:700;pointer-events:none}.mascot{display:block;width:180px;height:auto;margin:24px auto 8px;background:transparent;border:0;box-shadow:none}.field{width:100%;box-sizing:border-box;height:52px;border:1px solid var(--primary);border-radius:14px;background:var(--panel);color:var(--white);padding:0 14px;font-size:16px;margin:8px 0}.btn{display:flex;align-items:center;justify-content:center;width:100%;height:48px;min-height:48px;margin:0;padding:0 16px;border:0;border-radius:24px;background:var(--primary);color:var(--white);font-weight:800;font-size:16px;line-height:1;cursor:pointer;white-space:nowrap;box-sizing:border-box}.btn:disabled{opacity:.38;cursor:default}.btn-secondary{background:var(--panel);color:var(--white);box-shadow:inset 0 0 0 1px var(--primary)}.btn-compact{width:auto;min-width:88px;height:40px;min-height:40px;padding:0 14px;font-size:14px;flex-shrink:0}.btn-bmp{display:block;border:0;color:var(--white);font-weight:800;font-size:18px;line-height:1.1;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:100% 100%;cursor:pointer;white-space:nowrap}.btn-bmp:disabled{opacity:.38;cursor:default}.game-card{position:relative;width:100%;min-height:168px;aspect-ratio:358 / 168;overflow:hidden;border-radius:20px}.game-card .card-plate{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill}.game-card .card-art{position:absolute;right:0;top:0;width:46%;height:100%;object-fit:contain;object-position:right center;pointer-events:none;mix-blend-mode:lighten;z-index:0}.game-card h2{position:absolute;left:16px;top:16px;z-index:1;margin:0;width:50%;font-size:20px;font-weight:800;text-shadow:0 2px 8px #05040c}.game-card p{position:absolute;left:16px;top:44px;z-index:1;width:48%;margin:0;color:var(--muted);font-size:13px;text-shadow:0 2px 8px #05040c}.game-card .btn-card-play{position:absolute;left:16px;bottom:14px;top:auto;z-index:1;width:123px;height:44px;min-height:44px;font-size:16px}.carousel{position:relative;width:100%;aspect-ratio:358 / 168;border-radius:20px;overflow:hidden;background:var(--panel);flex:0 0 auto}.carousel img{width:100%;height:100%;object-fit:cover;mix-blend-mode:lighten}.divider{display:flex;align-items:center;flex:0 0 auto;min-height:32px;font-size:18px;font-weight:800}.choices{display:flex;gap:8px;margin:8px 0 14px}.choice{flex:1;height:48px;border:0;border-radius:14px;background:var(--panel);color:var(--secondary);font-weight:700;font-size:15px}.choice.on{background:var(--primary);color:var(--white)}.room-card{width:100%;min-height:72px;margin:8px 0;padding:12px 16px;box-sizing:border-box;border:0;border-radius:18px;background:url(/assets/panels/panel_card.png) center / 100% 100% no-repeat,var(--panel);color:var(--white);text-align:left;font-weight:700}.room-card small{display:block;color:var(--muted);font-weight:500;margin-top:4px}.scroll{flex:1;min-height:0;overflow-y:auto}.prompt{margin:8px 12px;padding:12px 14px;border-radius:16px;background:var(--panel);font-weight:700;font-size:16px}.prompt.warn{background:#3a1020;color:#ffd0d6}.timer{color:var(--primary);font-size:22px;font-weight:800}.ranks{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:8px 0}.rank{height:44px;border:0;border-radius:10px;background:var(--panel);color:var(--white);font-weight:800}.rank.on{background:var(--primary)}.hand{display:flex;gap:6px;overflow-x:auto;padding:8px 4px 16px;min-height:150px}.card{flex:0 0 92px;width:92px;height:132px;border:0;padding:0;background:transparent;border-radius:8px}.card img{width:100%;height:100%;object-fit:contain;display:block}.card.on{transform:translateY(-14px);filter:drop-shadow(0 0 8px var(--primary))}.actions-row{display:flex;justify-content:space-between;gap:8px;margin:8px 0 12px}.pile-pick{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:16px 4px 8px;box-sizing:border-box}.seat-tag{font-size:12px;text-align:center}.frame-wrap{position:relative;width:120px;height:120px;margin:0 auto}.frame-wrap img.frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.frame-wrap img.ava{position:absolute;top:18%;right:18%;bottom:18%;left:18%;width:64%;height:64%;object-fit:contain}.board-row{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:12px;background:var(--panel);margin:0 0 8px;box-sizing:border-box}.board-rank{flex:0 0 36px;color:var(--muted);font-weight:800;font-size:13px}.board-name{flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-rating{flex:0 0 auto;color:var(--primary);font-weight:800}.seat-row{display:flex;align-items:center;gap:10px;min-height:52px;margin:6px 0;padding:10px 14px;border-radius:14px;background:var(--panel);font-weight:700}.seat-row .badge{margin-left:auto;font-size:12px;color:var(--primary)}.seat-row.me{outline:1px solid var(--primary)}.hint{margin:0;font-size:13px;color:var(--muted);line-height:1.3}.section-title{margin:4px 0 0;font-size:16px;font-weight:800}.seg{display:flex;align-items:stretch;gap:6px;flex:0 0 auto;height:40px}.seg-btn{flex:1 1 0;height:40px;min-height:40px;margin:0;padding:0 8px;border:0;border-radius:12px;background:var(--panel);color:var(--secondary);font-weight:700;font-size:14px}.seg-btn.on{background:var(--primary);color:var(--white)}.join-row{display:flex;align-items:center;gap:8px;flex:0 0 auto}.join-row .field{flex:1 1 auto;min-width:0;height:40px;margin:0}.join-row .btn{width:auto;min-width:96px;height:40px;min-height:40px;flex-shrink:0;font-size:14px}.room-list{display:flex;flex-direction:column}.profile-hero{display:flex;flex-direction:column;align-items:center;gap:10px;flex:0 0 auto}.profile-name{margin:0;font-size:22px;font-weight:800;text-align:center}.stat-row{display:flex;gap:8px;flex:0 0 auto}.stat-card{flex:1 1 0;min-width:0;padding:10px 8px;border-radius:14px;background:var(--panel);text-align:center;box-sizing:border-box}.stat-lbl{display:block;font-size:11px;font-weight:700;color:var(--muted)}.stat-val{display:block;margin-top:4px;font-size:16px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-row{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:0 14px;border:0;border-radius:14px;background:var(--panel);color:var(--white);font-weight:700;font-size:15px;box-sizing:border-box}.settings-val{color:var(--primary)}.hidden{display:none!important}.center{text-align:center}.grow{flex:1}.table-hud{position:relative;flex:1;display:flex;flex-direction:column;min-height:0;width:100%;height:100%;box-sizing:border-box;background:linear-gradient(to bottom,#05040cc7,#05040c47 22%,#05040c38 48%,#05040cd1)}.table-hud:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 82% 52% at 50% 38%,transparent 28%,rgba(10,21,32,.42) 100%);pointer-events:none;z-index:0}.seats{position:absolute;top:44px;right:0;bottom:36%;left:0;z-index:1;pointer-events:none}.seat{position:absolute;transform:translate(-50%,-50%);width:56px;text-align:center}.seat-ava{position:relative;width:44px;height:44px;margin:0 auto}.seat-ava img{width:44px;height:44px;border-radius:50%;object-fit:cover;display:block;background:var(--panel);box-shadow:0 0 0 2px #05040ca6}.seat.turn .seat-ava img{box-shadow:0 0 0 2px var(--primary)}.seat.out{opacity:.4}.seat-n{position:absolute;right:-6px;bottom:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--panel);color:var(--white);font-size:11px;font-weight:800;line-height:20px;text-align:center;box-sizing:border-box}.seat-t{display:block;margin-top:4px;font-size:11px;font-weight:800;color:var(--primary);text-shadow:0 1px 4px #05040c}.table-mid{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:56px 12px 8px;box-sizing:border-box;overflow-x:hidden}.table-mid.is-picking{justify-content:flex-start;overflow-y:auto}.table-mid.is-picking .claim-banner{flex:0 0 auto;margin:0 0 8px;max-width:100%}.table-toast{margin:0 0 10px;padding:8px 12px;max-width:92%;border-radius:14px;background:#151033e0;font-weight:700;font-size:13px;text-align:center}.pile{position:relative;width:72px;height:86px;margin:0 auto 10px}.pile.empty{height:24px}.pile-stack{position:relative;width:52px;height:74px;margin:0 auto}.pile-back{position:absolute;left:0;top:0;width:52px;height:74px;border-radius:6px;box-shadow:0 2px 8px #00000080;object-fit:fill}.pile-count{position:absolute;right:-4px;top:-8px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--primary);color:var(--white);font-size:12px;font-weight:800;line-height:22px;text-align:center;box-sizing:border-box}.reveal{width:72px;height:100px;margin:0 auto 10px}.reveal img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.55))}.claim-banner{text-align:center;pointer-events:none}.claim-rank{margin:0;font-size:clamp(22px,7vw,30px);font-weight:800;line-height:1.15;text-shadow:0 2px 10px #05040c}.claim-turn{margin:4px 0 0;font-size:14px;font-weight:700;color:var(--secondary);text-shadow:0 1px 6px #05040c}.table-hud .pile-pick{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px;width:100%;max-width:min(100%,412px);overflow:visible;padding:16px 0 8px;box-sizing:border-box}.table-hud .pile-pick.is-dense{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,56px);grid-auto-columns:40px;justify-content:start;justify-items:center;align-items:end;gap:6px;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:16px 4px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.pile-card{position:relative;flex:0 0 52px;width:52px;height:74px;min-width:44px;min-height:62px;margin:0;padding:0;border:0;background:transparent;border-radius:6px}.table-hud .pile-pick.is-dense .pile-card{flex:none;width:40px;height:56px;min-width:40px;min-height:40px}.pile-card img{width:100%;height:100%;object-fit:fill;display:block;border-radius:6px;pointer-events:none}.table-hud .pile-card.on,.table-hud .pile-card:active{transform:translateY(-12px);outline:2px solid #623fff;outline-offset:1px;z-index:2}@media (hover: hover){.table-hud .pile-card:hover{transform:translateY(-12px);outline:2px solid #623fff;outline-offset:1px;z-index:2}}.table-dock{position:relative;z-index:2;display:flex;flex-direction:column;flex:0 0 auto;padding:0 0 calc(8px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,rgba(5,4,12,.72),transparent);pointer-events:auto}.table-hud .ranks{position:relative;z-index:201;margin:0 12px 8px}.table-actions{position:relative;z-index:200;display:flex;gap:10px;width:100%;padding:0 12px 8px;box-sizing:border-box;pointer-events:auto}.table-actions .btn,.table-actions .hit{pointer-events:auto}.btn.is-off{opacity:.38;cursor:pointer}.table-actions .btn{flex:1 1 0;width:auto;min-width:0;height:48px;min-height:48px;box-shadow:inset 0 0 0 1px #ffffff73}.btn-doubt-solid{background:var(--destructive);color:var(--white)}.forced-hint{margin:0 12px 8px;text-align:center;font-size:14px;font-weight:800;color:var(--white);text-shadow:0 1px 6px #05040c}.table-hud .hand.fan{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;overflow:visible;gap:0;min-height:118px;height:auto;padding:36px 10px 8px;isolation:isolate;pointer-events:none}.table-hud .hand-row{display:flex;justify-content:center;align-items:flex-end;position:relative;gap:0;min-height:var(--card-h, 96px);pointer-events:none}.table-hud .hand-row+.hand-row{margin-top:-44px}.table-hud .card{position:relative;flex:0 0 var(--card-w, 68px);width:var(--card-w, 68px);height:var(--card-h, 96px);margin-left:calc(var(--step, 37px) - var(--card-w, 68px));padding:0;border:0;background:transparent;border-radius:8px;transform:translateY(0) rotate(var(--rot, 0deg)) scale(1);transform-origin:50% 100%;z-index:var(--z, 1);pointer-events:auto}.table-hud .hand-row .card:first-child{margin-left:0}.table-hud .card img{width:100%;height:100%;object-fit:fill;display:block;border-radius:8px;pointer-events:none;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45))}.table-hud .card.on{transform:translateY(-28px) rotate(var(--rot, 0deg)) scale(1.06);filter:drop-shadow(0 0 8px var(--primary));z-index:120}@media (hover: hover){.table-hud .card:hover{transform:translateY(-28px) rotate(var(--rot, 0deg)) scale(1.06);z-index:121}}.table-hud .status{margin:0 12px;text-align:center}