:root{--bg:#090a0d;--panel:#13151a;--panel2:#1b1e24;--line:#2a2e36;--text:#f5f6f2;--muted:#8b909a;--lime:#c8f33e;--green:#39bd7e;--yellow:#db982b;--gray:#706570;--danger:#ff666f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:var(--bg);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}.grain{position:fixed;inset:0;pointer-events:none;opacity:.028;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.glow{position:fixed;z-index:-1;border-radius:50%;filter:blur(120px);pointer-events:none}.glow-a{width:500px;height:500px;top:-360px;left:25%;background:#b7e42b24}.glow-b{width:450px;height:450px;right:-300px;bottom:-280px;background:#795cff1a}.site-header{height:78px;padding:0 clamp(20px,4vw,68px);display:flex;align-items:center;gap:48px;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff12;background:#090a0ddb;backdrop-filter:blur(18px)}.logo{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.logo>i{width:38px;height:38px;display:grid;place-items:center;color:#0b0c0e;background:var(--lime);font:900 italic 24px Arial;transform:skew(-7deg)}.logo b{display:block;font-size:14px;letter-spacing:.18em}.logo small{display:block;margin-top:2px;color:var(--muted);font-size:8px;letter-spacing:.13em}.site-header nav{height:100%;display:flex;align-items:center;gap:2px}.site-header nav button,.site-header nav a{height:100%;padding:0 16px;display:flex;align-items:center;gap:6px;border:0;border-bottom:2px solid transparent;color:var(--muted);background:none;text-decoration:none;font-size:12px;cursor:pointer}.site-header nav button:hover,.site-header nav a:hover,.site-header nav button.active{color:var(--text);border-bottom-color:var(--lime)}.server-pill{margin-left:auto;display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:20px;color:var(--muted);font-size:9px}.server-pill i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #39bd7e18}.server-pill.offline i{background:var(--danger)}main{width:min(1360px,calc(100% - 40px));margin:auto;padding:48px 0 70px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin:20px 0 50px}.hero-copy{max-width:760px}.kicker,.step-label{margin:0 0 14px;color:var(--lime);font-size:9px;font-weight:800;letter-spacing:.18em}.kicker{display:flex;align-items:center;gap:9px}.kicker span{width:22px;height:2px;background:var(--lime)}.hero h1{margin:0;font-size:clamp(44px,5.5vw,78px);line-height:.98;letter-spacing:-.055em}.hero h1 em{color:var(--lime);font-style:normal}.hero-copy>p:last-child{max-width:580px;margin:22px 0 0;color:var(--muted);font-size:14px;line-height:1.8}.hero-card{min-width:300px;padding:21px;display:flex;align-items:center;gap:18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#171a20,#101216);box-shadow:0 18px 50px #0005}.radar{width:74px;height:74px;display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid #3b4230;border-radius:50%;background:radial-gradient(circle,#c8f33e12 0 2px,transparent 3px)}.radar:before,.radar:after{content:"";position:absolute;background:#c8f33e2d}.radar:before{width:100%;height:1px}.radar:after{height:100%;width:1px}.radar i{position:absolute;border:1px solid #c8f33e24;border-radius:50%}.radar i:nth-child(1){inset:12px}.radar i:nth-child(2){inset:24px}.radar b{z-index:1;color:var(--lime);font-size:22px}.hero-card span,.hero-card small{display:block;color:var(--muted);font-size:9px}.hero-card strong{display:block;margin:4px 0;font-size:26px}.mode-shell{border:1px solid var(--line);border-radius:16px;background:linear-gradient(150deg,#15171c,#0e1014);box-shadow:0 25px 70px #0006;overflow:hidden}.mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.mode-tabs button{padding:18px 22px;display:flex;align-items:center;gap:13px;border:0;border-right:1px solid var(--line);color:var(--muted);background:#101216;cursor:pointer;text-align:left}.mode-tabs button:last-child{border-right:0}.mode-tabs button>b{font:700 9px ui-monospace;color:#595f69}.mode-tabs button span{font-size:12px;font-weight:700}.mode-tabs button small{display:block;margin-top:3px;color:#666b74;font-size:8px;font-weight:400}.mode-tabs button.active{color:var(--text);background:#191c21;box-shadow:inset 0 -2px var(--lime)}.mode-tabs button.active>b{color:var(--lime)}.mode-view{display:none;padding:40px}.mode-view.active{display:block}.setup-grid{min-height:270px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:60px}.setup-grid h2,.match-center h2,.room-options h2{margin:0 0 12px;font-size:29px;letter-spacing:-.03em}.setup-grid>div>p:last-child,.match-center>p,.room-options article>p{max-width:520px;color:var(--muted);font-size:12px;line-height:1.75}.setup-form,.room-options article{padding:25px;border:1px solid var(--line);border-radius:12px;background:#0d0f13}.setup-form label,.room-options label,.name-field{display:block;color:var(--muted);font-size:9px}.setup-form input,.room-options input,.name-field input{width:100%;height:46px;margin:7px 0 15px;padding:0 13px;border:1px solid var(--line);border-radius:7px;outline:0;color:var(--text);background:#1a1d23}.setup-form input:focus,.room-options input:focus,.name-field input:focus{border-color:var(--lime)}.cta,.secondary-cta{min-height:44px;padding:0 18px;border:0;border-radius:7px;font-weight:750;cursor:pointer}.cta{display:flex;align-items:center;justify-content:center;gap:20px;color:#0a0c0e;background:var(--lime)}.cta:hover{background:#d7ff53;transform:translateY(-1px)}.setup-form .cta,.room-options .cta,.room-options .secondary-cta{width:100%}.secondary-cta{color:var(--text);border:1px solid #3b414c;background:#252932}.secondary-cta:hover{border-color:var(--lime)}.match-center{max-width:480px;margin:auto;padding:20px 0;text-align:center}.versus-visual{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 0 27px}.player-orb{width:74px;height:74px;display:grid;place-items:center;border:1px solid var(--lime);border-radius:50%;color:var(--lime);background:#c8f33e0c;font:800 11px ui-monospace}.player-orb.ghost{color:#656b75;border-color:#343943}.versus-visual>span{display:flex;align-items:center;gap:7px;color:#6f747d;font:800 9px ui-monospace}.versus-visual>span i{width:18px;height:1px;background:#353941}.name-field{margin:25px auto 0;text-align:left}.wide{width:100%}.quiet-button{margin-top:10px;padding:8px 14px;border:0;color:var(--muted);background:none;cursor:pointer}.match-status{margin-top:20px;padding:15px;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:#0d0f13}.match-status:not([hidden]){display:flex}.match-status i{width:9px;height:9px;border:2px solid var(--lime);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.match-status span{font-size:11px}.match-status small{color:var(--muted);font-size:8px}@keyframes spin{to{transform:rotate(360deg)}}.room-options{display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;gap:16px}.room-options article{height:100%}.option-icon{width:39px;height:39px;margin-bottom:18px;display:grid;place-items:center;border:1px solid #3b4230;border-radius:8px;color:var(--lime);font-size:20px}.or{display:grid;place-items:center;color:#565b64;font:700 8px ui-monospace}.code-input{text-transform:uppercase;letter-spacing:.2em;font:700 17px ui-monospace!important}.arena{padding:28px 30px 34px}.arena:not([hidden]){display:block}.arena-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.arena-title{display:flex;align-items:center;gap:12px}.arena-title h2{margin:0;font-size:22px}.arena-title p{margin:4px 0 0;color:var(--muted);font-size:9px}.room-code{padding:8px 11px;border:1px dashed #4a515c;border-radius:6px;color:var(--lime);font:700 13px ui-monospace;letter-spacing:.15em;cursor:pointer}.arena-actions{display:flex;gap:7px}.arena-actions button{padding:8px 11px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:none;font-size:9px;cursor:pointer}.arena-actions button:hover{color:var(--danger);border-color:var(--danger)}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;gap:13px;align-items:center;margin-bottom:20px}.score-player{padding:14px 16px;display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:9px;background:#111318}.score-player.you{border-color:#59672e}.score-player .badge{width:35px;height:35px;display:grid;place-items:center;border-radius:7px;color:var(--lime);background:#252b20;font-weight:800}.score-player strong,.score-player small{display:block}.score-player strong{font-size:12px}.score-player small{margin-top:3px;color:var(--muted);font-size:8px}.score-player>span:last-child{margin-left:auto;color:var(--lime);font:700 13px ui-monospace}.scoreboard>i{color:#575c65;font:800 9px ui-monospace}.waiting-card,.result-card{padding:38px;text-align:center;border:1px solid var(--line);border-radius:10px;background:#0d0f13}.waiting-card h3,.result-card h3{margin:12px 0 8px}.waiting-card p,.result-card p{color:var(--muted);font-size:10px}.waiting-pulse{width:42px;height:42px;margin:auto;border-radius:50%;border:1px solid var(--lime);box-shadow:0 0 0 8px #c8f33e0a;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 16px #c8f33e02;opacity:.65}}.guess-composer{display:grid;grid-template-columns:1fr 142px;gap:8px;margin-bottom:20px;padding:8px;border:1px solid var(--line);border-radius:9px;background:#0b0d10}.player-input-wrap{position:relative}.guess-composer input{width:100%;height:44px;padding:0 14px;border:0;border-radius:6px;outline:0;color:var(--text);background:#1b1e24}.suggestions{display:none;position:absolute;z-index:8;top:49px;left:0;right:0;max-height:250px;overflow:auto;padding:5px;border:1px solid var(--line);border-radius:8px;background:#1b1e24;box-shadow:0 15px 30px #0008}.suggestions.open{display:block}.suggestions button{width:100%;padding:9px;display:flex;justify-content:space-between;border:0;border-radius:5px;color:var(--text);background:none;text-align:left;cursor:pointer}.suggestions button:hover{background:#2a2e36}.suggestions small{color:var(--muted)}.boards{display:grid;gap:13px}.board-card{overflow:auto;border:1px solid var(--line);border-radius:10px}.board-label{padding:10px 13px;display:flex;justify-content:space-between;background:#171a1f;color:var(--muted);font-size:8px;letter-spacing:.08em}.game-table{width:100%;min-width:850px;border-collapse:separate;border-spacing:5px;padding:5px;background:#0b0d10}.game-table th{padding:6px;color:#686e78;font-size:8px;text-transform:uppercase}.game-table td{height:63px;padding:7px;text-align:center;border-radius:5px;background:#332932;font-size:10px}.game-table td.exact{color:#07120c;background:var(--green)}.game-table td.close,.game-table td[class*="close-"]{color:#1b1203;background:var(--yellow)}.game-table td.miss,.game-table td[class*="miss-"]{background:var(--gray)}.game-table td .direction{display:block;margin-top:3px;font-weight:900}.game-table td:first-child{font-weight:800;font-size:12px}.empty-board{padding:24px;text-align:center;color:#626873;font-size:9px}.result-card{margin-bottom:18px;border-color:#4e5a2b}.result-card .answer{color:var(--lime);font-size:26px}.settling{color:var(--yellow)}.rules-strip{margin-top:20px;padding:16px 20px;display:flex;align-items:center;gap:28px;border:1px solid var(--line);border-radius:11px;background:#111318}.rules-strip>div{display:flex;align-items:center;gap:9px}.rules-strip .color,.rules-strip .arrow{width:27px;height:27px;display:grid;place-items:center;flex:none;border-radius:5px}.color.green{background:var(--green)}.color.yellow{background:var(--yellow)}.color.gray{background:var(--gray)}.rules-strip .arrow{color:var(--lime);border:1px solid var(--line);font-weight:800}.rules-strip p{margin:0}.rules-strip b,.rules-strip small{display:block}.rules-strip b{font-size:9px}.rules-strip small{margin-top:2px;color:var(--muted);font-size:7px}.rules-strip>a{margin-left:auto;color:var(--lime);text-decoration:none;font-size:9px}.toast{position:fixed;z-index:50;left:50%;bottom:25px;padding:11px 17px;border:1px solid #3b414a;border-radius:7px;background:#1c2026;box-shadow:0 16px 40px #0009;font-size:10px;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@media(max-width:900px){.site-header{gap:20px}.site-header nav button{display:none}.hero-card{display:none}.setup-grid{grid-template-columns:1fr;gap:25px}.room-options{grid-template-columns:1fr}.or{height:20px}.rules-strip{flex-wrap:wrap}.scoreboard{grid-template-columns:1fr}.scoreboard>i{text-align:center}}@media(max-width:620px){.site-header{height:auto;min-height:65px;padding:11px 14px;flex-wrap:wrap}.site-header nav{order:3;width:100%;height:42px;overflow:auto}.site-header nav button{display:flex;white-space:nowrap}.site-header nav a{white-space:nowrap}.server-pill{margin-left:auto}.logo small{display:none}main{width:calc(100% - 20px);padding-top:28px}.hero{margin-top:0}.hero h1{font-size:42px}.hero-copy>p:last-child{font-size:12px}.mode-tabs button{padding:13px 9px;justify-content:center}.mode-tabs button>b,.mode-tabs button small{display:none}.mode-view,.arena{padding:20px 14px}.setup-grid{min-height:0}.setup-grid h2,.match-center h2,.room-options h2{font-size:23px}.guess-composer{grid-template-columns:1fr}.guess-composer .cta{height:42px}.arena-head{align-items:flex-start;flex-direction:column}.rules-strip{gap:14px}.rules-strip>a{width:100%;margin-left:0}.room-options article{padding:18px}}

/* Shared PR弗一把 footer and country flags */
.site-footer { width: min(1240px, calc(100% - 32px)); margin: 0 auto; padding: 18px 0 24px; text-align: center; color: #7890a6; font-size: 12px; }
.site-footer a { color: inherit; text-decoration: none; }
.site-footer a:hover { color: #a8d2f2; text-decoration: underline; }
.avatar { font-family: "Apple Color Emoji", "Segoe UI Emoji", sans-serif; font-size: 22px; line-height: 1; }

/* PRBET visual language: local logo, dark-only, compact header */
.brand-art { display: inline-flex; align-items: center; justify-content: center; flex: none; overflow: hidden; }
.brand-art img { display: block; width: auto; height: 38px; max-width: 150px; object-fit: contain; }
.logo .brand-art img { height: 38px; max-width: 150px; }
.admin-brand .brand-art img { height: 34px; max-width: 132px; }
.avatar { color: #dcecf9; font: 800 11px/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .04em; }

.hero-card { display: none !important; }
@media (max-width: 600px) { .brand-art img, .logo .brand-art img { height: 34px; max-width: 128px; } .admin-brand .brand-art img { height: 30px; max-width: 112px; } }
.avatar { overflow: hidden; background: #26313c; }
.avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.avatar-unknown { color: #9aabba; font-size: 14px; }
.feedback-option { display: flex !important; align-items: center; gap: 8px; }
.feedback-swatch { width: 10px; height: 10px; flex: none; border-radius: 50%; background: #65717d; box-shadow: 0 0 0 2px #ffffff12; }
.feedback-option-exact .feedback-swatch { background: #3dac78; }
.feedback-option-close .feedback-swatch, .feedback-option-close-up .feedback-swatch, .feedback-option-close-down .feedback-swatch { background: #d3a047; }
.feedback-option-miss .feedback-swatch, .feedback-option-miss-up .feedback-swatch, .feedback-option-miss-down .feedback-swatch { background: #758391; }
.feedback-option-unset .feedback-swatch { background: #3c4854; }
.site-footer { display: grid; gap: 10px; }
.site-footer-links { display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; }
.site-promo, .author-link { display: inline-flex; align-items: center; gap: 7px; min-height: 30px; padding: 0 10px; border: 1px solid #293a4b; border-radius: 2px; background: #111c27; }
.site-promo strong { color: #87bce8; font-size: 11px; letter-spacing: .08em; }
.site-promo span, .author-link { font-size: 11px; }
.author-link { color: #b9c9d8 !important; }
.beian-link { font-size: 11px; }
@media (max-width: 600px) { .site-footer-links { align-items: stretch; flex-direction: column; } .site-promo, .author-link { justify-content: center; } }
.single-head-tools { display: flex; align-items: center; gap: 14px; }
.single-meta { display: flex; align-items: center; gap: 9px; margin: 6px 0 0; color: var(--muted); font-size: 13px; }
.single-meta strong { color: var(--text); font-size: 15px; }
.single-meta span { padding-left: 9px; border-left: 1px solid var(--line); }
.single-progress { display: flex; align-items: center; gap: 10px; min-width: 238px; padding: 7px 10px; border: 1px solid var(--line); background: #0e1822; }
.single-progress-ring { --progress: 0%; width: 48px; height: 48px; display: grid; place-content: center; flex: none; position: relative; border-radius: 50%; background: conic-gradient(var(--blue2, #87bce8) var(--progress), #293a4b 0); text-align: center; }
.single-progress-ring::before { content: ""; position: absolute; inset: 4px; border-radius: 50%; background: #0e1822; }
.single-progress-ring strong, .single-progress-ring span { position: relative; z-index: 1; display: block; text-align: center; }
.single-progress-ring strong { color: #d8ebfa; font: 800 17px/1 ui-monospace, monospace; }
.single-progress-ring span { margin-top: 3px; color: var(--muted); font-size: 8px; }
.single-progress-info { min-width: 145px; }
.single-progress-info > div:first-child { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.single-progress-info strong { color: var(--text); font-size: 13px; }
.single-progress-info span { color: var(--muted); font-size: 10px; white-space: nowrap; }
.single-progress-track { height: 4px; margin-top: 7px; overflow: hidden; background: #293a4b; }
.single-progress-track i { display: block; height: 100%; background: #87bce8; }
.single-progress-dots { display: flex; gap: 4px; margin-top: 7px; }
.single-progress-dots i { width: 13px; height: 3px; background: #293a4b; }
.single-progress-dots i.used { background: #87bce8; }
@media (max-width: 720px) { .arena-head { align-items: flex-start; flex-direction: column; } .single-head-tools { width: 100%; justify-content: space-between; } .single-progress { min-width: 0; flex: 1; } }
/* First-screen ecosystem links: visible, flat, and compact like the rest of the UI. */
.site-bridge { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0 0 28px; }
.site-bridge-card { position: relative; display: flex; min-height: 112px; flex-direction: column; justify-content: center; gap: 5px; padding: 16px 52px 16px 18px; border: 1px solid #293a4b; border-left: 3px solid #47647d; color: #e8eef5; background: #111c27; text-decoration: none; transition: border-color .16s, background .16s; }
.site-bridge-card:hover { border-color: #87bce8; background: #172534; text-decoration: none; }
.site-bridge-card span { color: #8fa1b3; font: 700 10px/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .08em; text-transform: uppercase; }
.site-bridge-card strong { font-size: 18px; line-height: 1.25; }
.site-bridge-card strong b { color: #87bce8; font-size: 19px; }
.site-bridge-card small { color: #91a2b3; font-size: 12px; line-height: 1.45; }
.site-bridge-primary { border-left-color: #79b3e0; }
.site-bridge-primary strong { color: #a8d2f2; }
.site-bridge-author { border-left-color: #657f98; }
@media (max-width: 620px) { .site-bridge { grid-template-columns: 1fr; gap: 8px; } .site-bridge-card { min-height: 96px; padding: 14px 44px 14px 15px; } .site-bridge-card strong { font-size: 16px; } .site-bridge-card small { font-size: 11px; } }