:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#e8d18e;background:#080808;font-synthesis:none;font-size:14px;color-scheme:dark;--red: #b60008;--blue: #1119b8;--gold: #dec37a;--road-height: clamp(144px, 14vw, 252px)}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid #f9dc81;outline-offset:2px}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}button{background:#171717;border:1px solid #665b3d;border-radius:5px;padding:6px 10px}.site-shell,.loading-screen{background:linear-gradient(135deg,transparent 9%,#1d1d1d 9.2%,#292929 10.8%,#ba9550 11%,#fff0b0 11.2%,#b28c47 11.5%,#171717 11.7%,transparent 14%),linear-gradient(315deg,#111 7%,#353535 7.2%,#d1ad63 7.5%,#fbe5a0 8%,#5e4a24 8.3%,#202020 9%,#080808 14% 77%,#151515 77.3%,#090909 88%)}.site-shell{min-height:100dvh;padding:0 clamp(6px,1.4vw,26px)}.site-header{height:clamp(40px,4vw,70px);display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:34px;height:34px;display:block;object-fit:contain;flex-shrink:0}.mobile-brand-mark{width:26px;height:26px;object-fit:contain;flex-shrink:0}h1{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-right{display:flex;align-items:center;gap:18px;font-size:12px;white-space:nowrap}.page-fullscreen{border:0;background:none;font-size:30px;line-height:1;padding:0 6px}.connection{display:flex;align-items:center;gap:6px;color:#a6a49c}.connection i{width:7px;height:7px;border-radius:50%;background:#b98943}.connection.healthy i{background:#1ebf4f}.stage{display:grid;grid-template-columns:61.5% minmax(0,1fr);height:clamp(230px,calc(100dvh - var(--road-height) - var(--chrome-height, 126px)),70vw)}.video-frame{min-width:0;min-height:0;position:relative;background:#000;overflow:hidden}.video-crop{width:100%;height:100%;overflow:hidden}.video-frame video{width:100%;height:100%;object-fit:contain;transition:transform .3s}.video-frame video.zoom{transform:scale(1.45)}.video-frame:fullscreen{height:100vh}.video-watermark{position:absolute;top:12px;right:12px;z-index:2;max-width:calc(100% - 24px);padding:8px 12px;display:flex;flex-direction:column;gap:3px;color:#fff9;background:#080b1066;border:1px solid #ffffff14;border-radius:6px;text-align:right;font-size:clamp(11px,1vw,15px);font-weight:400;line-height:1.5;pointer-events:none;-webkit-user-select:none;user-select:none}.video-watermark span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-badge{position:absolute;top:44px;left:10px;display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:4px;color:#eee;background:#111b;font-size:11px;z-index:2}.video-badge i{width:6px;height:6px;border-radius:50%;background:#999}.video-badge i.online{background:#2ac359}.video-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#24231e,#090909 70%);gap:12px}.video-cover h2{color:#d4c18e;font-size:16px;font-weight:500}.video-cover p{color:#89877e;font-size:12px}.video-connection-status{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}@media(max-width:900px),(max-height:500px){.video-watermark{inset:auto auto 48px 8px;max-width:calc(100% - 16px);padding:6px 8px;gap:2px;text-align:left;font-size:clamp(9px,2.5vw,11px);line-height:1.4}.video-connection-status{gap:4px}.video-connection-status .signal-icon,.video-connection-status p{display:none}}.signal-icon{display:flex;align-items:flex-end;gap:4px;height:30px}.signal-icon span{width:5px;height:10px;background:#d3b66f;animation:pulse 1.5s infinite}.signal-icon span:nth-child(2){height:20px;animation-delay:.2s}.signal-icon span:nth-child(3){height:30px;animation-delay:.4s}@keyframes pulse{50%{opacity:.3}}.video-tools{position:absolute;right:8px;bottom:8px;display:flex;gap:6px;z-index:3}.video-tools>button,.segmented{background:#111d;font-size:11px}.segmented{border:1px solid #695d3d;border-radius:5px;display:flex;padding:2px}.segmented button{border:0;font-size:11px;padding:4px 8px;background:none}.segmented .selected{color:#111;background:#d6bb74}.table-side{background:linear-gradient(135deg,#252525,#070707 55%,#242424);position:relative;display:flex;flex-direction:column;min-width:0}.table-heading{background:linear-gradient(#080808,#151515);border:2px solid #193d32;border-radius:10px;min-height:34px;padding:6px 10px;display:flex;align-items:center;gap:10px;font-size:16px}.table-heading>span:first-child{color:#badc76;font-weight:700}.table-heading .phase{margin-left:auto;font-size:11px;color:#9d9b8e}.identity-card{margin:auto;width:min(90%,480px);aspect-ratio:1;max-height:calc(100% - 44px);min-height:0;display:flex;align-items:center;justify-content:center}.identity-art{display:block;width:100%;height:100%;object-fit:contain}.control-bar{display:flex;align-items:center;min-height:36px;gap:7px;padding:3px 2px;background:linear-gradient(#252525,#121212);overflow-x:auto;scrollbar-width:thin}.round-label{font-size:12px;font-weight:700;background:#080808;padding:5px 7px;border-radius:16px;white-space:nowrap;max-width:25%;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.stats-row{display:flex;align-items:center;gap:7px;white-space:nowrap}.stat{display:flex;align-items:center;gap:5px;font-weight:800;font-size:13px}.stat>span{background:#555;padding:2px 4px;border-radius:20px;color:#e8d18e}.stat b{color:#aaa;font-size:15px}.stat.banker>span{background:#9e1231}.stat.player>span{background:#2978c5}.stat.tie>span{background:#308454}.stat.banker b{color:#d22d50}.stat.player b{color:#5d9bdd}.stat.tie b{color:#55aa73}.stat.gold>span{background:#45321c;font-size:11px}.stat.gold b{color:#ddc07a}.ask-controls{display:flex;gap:6px;margin-left:auto;padding:0 4px;flex-shrink:0}.ask{display:flex;align-items:center;gap:4px;padding:1px 8px;background:#101010;border-radius:20px;font-size:18px;line-height:1.25}.ask.banker{color:#cc2845;border-color:#cc2845}.ask.player{color:#5096d8;border-color:#5096d8}.ask.active{background:#32302a;box-shadow:inset 0 0 0 1px currentColor}.ask span.banker{color:#d62b32}.ask span.player{color:#168ac5}.ask .unavailable{color:#666}.road-board{position:relative;background:#fff;color-scheme:light}.roads-layout{display:grid;grid-template-columns:33.5% minmax(0,1fr);height:var(--road-height)}.road-panel{min-width:0;min-height:0;position:relative;overflow:hidden;background:#fff}.road-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.road-scroll{position:relative;overflow-x:auto;overflow-y:hidden;height:100%;scrollbar-width:none;background-image:linear-gradient(to right,#c9c9c9 1px,transparent 1px),linear-gradient(to bottom,#c9c9c9 1px,transparent 1px);background-size:var(--cell) var(--cell)}.road-scroll::-webkit-scrollbar{display:none}.road-scroll svg{display:block}.grid-line{stroke:#c9c9c9;stroke-width:1}.road-empty{position:absolute;inset:0;display:grid;place-items:center;color:#999;font-size:11px;pointer-events:none}.right-roads{min-width:0;min-height:0;display:grid;grid-template-rows:50% 25% 25%;border-left:1px solid #c9c9c9}.derived-roads{display:grid;grid-template-columns:1fr 1fr;min-height:0}.stale .road-scroll{opacity:.6}.forecast{opacity:.65;animation:pulse 1.2s ease-in-out infinite}.board-hint{position:absolute;right:6px;top:4px;padding:3px 6px;font-size:10px;background:#fffc;color:#666;border-radius:3px;pointer-events:none}.board-hint.simulation{color:#26628b}.result-overlay{position:absolute;inset:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#101010d9;z-index:5;pointer-events:none;color:#eee}.result-side{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(4px,1vw,12px);overflow:hidden}.result-side.player{color:#5899ed}.result-side.banker{color:#de274a}.result-overlay.player .result-side.player{background:#2026b066}.result-overlay.banker .result-side.banker{background:#b1182866}.result-overlay.tie .result-side{background:#14693644}.result-side h3{margin:0;font-size:clamp(14px,2.5vw,38px)}.result-hand{display:flex;align-items:center;gap:clamp(6px,2vw,28px)}.result-hand>strong{font-size:clamp(32px,6vw,90px);line-height:1}.playing-cards{display:flex;gap:clamp(3px,.8vw,12px)}.playing-card{position:relative;width:clamp(26px,4.6vw,76px);aspect-ratio:.7;background:linear-gradient(#fff,#e9e9e9);border-radius:5px;border:1px solid #bbb;color:#161616;padding:2px 4px;box-shadow:0 2px 3px #0005}.playing-card.red{color:#bd1116}.card-rank{display:block;font-size:clamp(12px,1.8vw,28px);line-height:1;font-family:Georgia,serif;font-weight:700}.card-corner{font-size:clamp(10px,1.3vw,20px);line-height:1}.card-suit{position:absolute;bottom:2px;right:3px;font-size:clamp(20px,3vw,44px)}.result-card{text-align:center;padding:8px clamp(12px,2vw,30px);border-radius:100px;background:linear-gradient(135deg,#b1282c,#750518);min-width:130px}.result-overlay.player .result-card{background:linear-gradient(135deg,#286bb7,#132f83)}.result-overlay.tie .result-card{background:linear-gradient(135deg,#22944a,#12602c)}.result-round{display:block;font-size:11px;opacity:.8}.result-card strong{display:block;font-size:clamp(26px,3.6vw,58px);font-weight:800;color:#fff;line-height:1.3}.result-caption{font-size:clamp(12px,1.8vw,28px);font-weight:800;color:#fff}.result-enter-active,.result-leave-active{transition:opacity .2s}.result-enter-from,.result-leave-to{opacity:0}footer{min-height:28px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 2px;font-size:11px;line-height:1.4;color:#a2987b}footer p{white-space:pre-line}footer a{white-space:nowrap;color:#dfc583}.loading-screen{position:fixed;inset:0;z-index:20;display:grid;place-items:center}.loading-content{width:min(360px,60vw);text-align:center}.loading-brand{display:block;margin-bottom:28px;font-size:24px;letter-spacing:4px}.loading-track{height:8px;border:1px solid #786640;border-radius:10px;overflow:hidden;background:#242017}.loading-track span{display:block;width:35%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ad8847,#fff1cc);animation:loading 1.4s ease-in-out infinite alternate}.loading-content p{margin-top:14px;font-size:13px;color:#e2d6b7}@keyframes loading{to{transform:translate(185%)}}@media(max-width:1050px){.stat.gold{display:flex}.control-bar{gap:5px}.round-label{max-width:160px}.stats-row{gap:5px}}@media(max-width:600px){.site-shell{padding:0 5px}.site-header{height:40px}.brand{gap:6px}.brand-mark{width:25px;height:25px;font-size:17px}h1{font-size:12px;max-width:140px}.header-right{gap:5px;font-size:10px}.page-fullscreen{font-size:24px}.header-right a{display:none}.stage{height:clamp(190px,44vh,330px);grid-template-columns:66% minmax(0,1fr)}.table-heading{min-height:28px;padding:3px 5px;gap:4px;font-size:12px;border-radius:5px}.table-heading .phase{display:none}.identity-card{width:86%;border-radius:10px;gap:8px;padding:8px}.identity-card h2{font-size:13px}.identity-card p{font-size:9px}.video-cover h2{font-size:12px}.video-cover p{font-size:9px}.video-badge{top:32px;left:5px;font-size:9px}.video-tools{right:4px;bottom:5px;gap:3px;flex-wrap:wrap;justify-content:flex-end}.video-tools>button,.segmented button{font-size:9px;padding:3px 5px}.control-bar{flex-wrap:wrap;overflow:visible;padding:3px 0;gap:3px}.round-label{flex:1;max-width:none;font-size:10px;order:0}.ask-controls{order:1}.ask{font-size:14px;padding:1px 6px}.stats-row{order:2;width:100%;overflow-x:auto;scrollbar-width:none;padding:3px 0;gap:6px}.stat{font-size:10px;gap:3px}.stat b{font-size:12px}.stat.gold>span{font-size:9px}.roads-layout{grid-template-columns:33.5% minmax(0,1fr)}.road-empty,.board-hint{font-size:9px}.result-card{min-width:86px;padding:8px}.result-round{font-size:9px}.result-hand{gap:4px}.playing-card{border-radius:3px;padding:2px;width:23px}.result-hand>strong{font-size:28px}.result-side h3{font-size:13px}.result-caption{font-size:10px}.result-card strong{font-size:24px}footer{font-size:10px;gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.stat>span.has-icon{display:flex;align-items:center;gap:3px;background:none;padding:0}.stat img{display:block;width:26px;height:26px}.stat img.illustrated{border-radius:50%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:600px){.stat img{width:20px;height:20px}}@media(orientation:landscape)and (max-height:500px){:root{--road-height:108px}.site-header{height:32px}.brand-mark{width:24px;height:24px;font-size:17px}.stage{height:max(100px,calc(100dvh - var(--road-height) - var(--chrome-height, 96px)))}.identity-card{width:min(42%,150px);border-radius:10px;gap:5px;padding:8px}.identity-emblem{width:36px;font-size:26px}.identity-card h2{font-size:14px}.identity-card p{font-size:10px}.control-bar{min-height:30px}footer{min-height:22px;padding:3px 2px;font-size:10px}}.mobile-table-label{display:none}@media(orientation:portrait)and (max-width:900px){.site-shell{padding:0;background:#080808}.site-header,.table-side,.round-label{display:none}main{height:100dvh;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(288px,1fr) auto auto}.stage{grid-row:1;height:auto;aspect-ratio:16/9;min-width:0;display:block;position:relative}.video-frame{height:100%;width:100%}.video-badge{display:none}.mobile-table-label{display:flex;align-items:center;gap:8px;position:absolute;top:8px;left:8px;right:8px;z-index:4;color:#fff;font-size:14px;text-shadow:0 1px 3px #000;pointer-events:none}.mobile-table-label small{font-size:10px;color:#eee}.mobile-table-label>span{margin-left:auto;font-size:10px;padding:3px 6px;border-radius:4px;background:#102e22b3}.mobile-table-label>span.offline{background:#56451eb3}.video-tools{right:8px;bottom:8px;gap:6px}.video-tools>button,.segmented button{font-size:12px;padding:7px 9px}.video-cover h2{font-size:14px}.control-bar{display:contents}.stats-row{grid-row:2;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;margin:0;padding:7px 6px;width:auto;overflow:visible;background:#090909}.stat{grid-column:span 2;min-width:0;min-height:28px;justify-content:center;gap:3px;border-radius:20px;background:#292929;font-size:11px}.stat:nth-child(n+7){grid-column:span 3;background:#342413}.stat.banker{background:#3b161d}.stat.player{background:#122942}.stat.tie{background:#153b28}.stat>span{padding:0;background:none!important}.stat b{font-size:13px}.stat img{width:23px;height:23px}.stat.gold>span{font-size:11px}.road-board{grid-row:3;min-height:0}.roads-layout{height:100%;grid-template-columns:minmax(0,1fr);grid-template-rows:2fr 1fr 1fr 2fr;grid-template-areas:"bead" "eye" "derived" "big"}.right-roads{display:contents}.bead-panel{grid-area:bead}.big-panel{grid-area:big}.eye-panel{grid-area:eye}.derived-roads{grid-area:derived;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ask-controls{grid-row:4;margin:0;padding:6px 8px;display:grid;grid-template-columns:repeat(2,minmax(0,112px));justify-content:center;gap:12px;background:#080808}.ask{min-height:32px;justify-content:center;font-size:16px;gap:6px;padding:3px 8px;border-radius:18px}.ask.banker{background:#240e12}.ask.player{background:#0b1c30}footer{grid-row:5;padding:5px 8px max(5px,env(safe-area-inset-bottom));font-size:10px}.result-overlay{align-items:center;grid-template-columns:1fr auto 1fr}.result-side{max-height:180px}}@media(orientation:landscape)and (max-height:500px){.site-shell{padding:0;background:#080808}.site-header,.table-side{display:none}.stage{display:block;position:relative}.video-frame{height:100%}.mobile-table-label{display:flex;align-items:center;gap:8px;position:absolute;top:7px;left:8px;z-index:4;color:#eee;font-size:12px;text-shadow:0 1px 3px #000;pointer-events:none}.mobile-table-label small,.mobile-table-label>span{font-size:10px}.video-badge,.round-label{display:none}.control-bar{display:flex;flex-wrap:nowrap;min-height:34px;gap:4px;padding:3px 5px}.stats-row{gap:4px;flex:1;flex-wrap:wrap;justify-content:center}.stat{font-size:10px;gap:3px}.stat b{font-size:11px}.stat img{width:20px;height:20px}.stat.gold>span{font-size:10px}.ask-controls{gap:5px}.ask{font-size:15px;padding:2px 6px}footer{padding:3px 6px}}