:root{--bg:#090a0d;--panel:#13151a;--panel2:#1a1d23;--line:#292d35;--soft:#20232a;--text:#f4f5f7;--muted:#8d929d;--lime:#c7f43d;--green:#37bb7c;--yellow:#db9a2b;--gray:#706470;--danger:#ff6b72;--shadow:0 18px 50px #00000047}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 50% -30%,#5f72251f,transparent 43%),var(--bg);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,label,select{color:inherit}.topbar{height:76px;padding:0 clamp(20px,4vw,68px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;background:#090a0dc9;backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}.topbar nav{display:flex;align-items:center;gap:6px}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{width:38px;height:38px;display:grid;place-items:center;color:#0b0c0e;background:var(--lime);font:900 italic 24px/1 Arial;transform:skew(-7deg)}.brand strong{display:block;letter-spacing:.18em;font-size:14px}.brand small{display:block;margin-top:2px;color:var(--muted);font-size:10px}.link-btn,.theme-btn{border:0;background:none;cursor:pointer}.link-btn{padding:10px 13px;color:var(--muted)}.link-btn:hover{color:var(--text)}.theme-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:50%}.shell{width:min(1440px,calc(100% - 40px));margin:auto;padding:52px 0 70px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:44px}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 15px;color:var(--lime);font-size:11px;font-weight:800;letter-spacing:.2em}.eyebrow i{width:22px;height:2px;background:currentColor}.hero h1{margin:0;max-width:800px;font-size:clamp(40px,5.2vw,76px);line-height:.98;letter-spacing:-.055em}.hero h1 em{color:var(--lime);font-style:normal}.hero-copy{margin:22px 0 0;max-width:620px;color:var(--muted);font-size:15px;line-height:1.8}.hero-progress{display:flex;align-items:center;gap:20px;flex:none}.score-ring{--progress:0deg;width:108px;height:108px;display:grid;place-content:center;text-align:center;border-radius:50%;position:relative;background:conic-gradient(var(--lime) var(--progress),var(--line) 0)}.score-ring:before{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--bg)}.score-ring>*{position:relative}.score-ring strong{font-size:29px;line-height:1}.score-ring span{color:var(--muted);font-size:10px}.hero-progress>p{color:var(--muted);font-size:11px}.hero-progress>p strong{display:block;margin-top:6px;color:var(--text);font-size:19px}.hero-progress b{color:var(--lime)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.main-column,aside{display:grid;gap:20px;min-width:0}aside{position:sticky;top:96px}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#15171cfa,#0e1014fa);border-radius:15px;box-shadow:var(--shadow)}.guess-panel,.candidate-panel{padding:27px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:23px}.panel-head>div:first-child{display:flex;align-items:baseline;gap:12px}.panel-head h2{margin:0;font-size:21px}.panel-head small{color:var(--lime);font:700 10px/1 ui-monospace,monospace}.round-dots{display:flex;gap:6px}.round-dots i{width:21px;height:4px;border-radius:2px;background:var(--line)}.round-dots i.done{background:var(--lime)}.guess-form{display:grid;grid-template-columns:auto minmax(220px,1fr) 142px;gap:9px;padding:9px;border:1px solid var(--soft);border-radius:11px;background:#0b0d10}.source-toggle{display:flex;padding:3px;border-radius:7px;background:var(--panel2)}.source-toggle input{position:absolute;opacity:0}.source-toggle label{padding:11px 12px;border-radius:6px;color:var(--muted);font-size:11px;cursor:pointer;white-space:nowrap}.source-toggle input:checked+label{color:var(--text);background:#2a2e35}.search-wrap{position:relative;display:flex;align-items:center}.search-wrap>span{position:absolute;left:14px;color:var(--muted);font-size:21px;transform:rotate(-18deg)}.search-wrap input{width:100%;height:44px;padding:0 12px 0 41px;border:0;border-radius:7px;outline:0;color:var(--text);background:var(--panel2)}.search-wrap input:focus{box-shadow:0 0 0 1px var(--lime)}.search-results{display:none;position:absolute;z-index:15;left:0;right:0;top:50px;max-height:290px;overflow:auto;padding:6px;border:1px solid var(--line);border-radius:9px;background:#171a20;box-shadow:0 16px 30px #0007}.search-results.open{display:block}.search-result{width:100%;padding:9px;display:flex;align-items:center;gap:10px;border:0;border-radius:6px;background:none;text-align:left;cursor:pointer}.search-result:hover,.search-result.active{background:#282c34}.search-result small{margin-left:auto;color:var(--muted)}.avatar{width:34px;height:34px;display:inline-grid;place-items:center;flex:none;border-radius:7px;background:#2b3038;color:var(--lime);font-weight:800;text-transform:uppercase}.primary-btn,.secondary-btn{border:0;border-radius:7px;font-weight:750;cursor:pointer}.primary-btn{display:flex;align-items:center;justify-content:center;gap:14px;padding:0 17px;color:#0b0c0e;background:var(--lime)}.primary-btn:hover{background:#d6ff51}.secondary-btn{width:100%;padding:11px;color:var(--text);background:#252932;border:1px solid #353a44}.secondary-btn:hover{border-color:var(--lime)}.empty{padding:56px 20px 39px;text-align:center;color:var(--muted)}.empty strong{display:block;margin:14px 0 6px;color:#c5c8ce;font-size:14px}.empty p{margin:0;font-size:11px}.crosshair{position:relative;width:42px;height:42px;margin:auto;border:1px solid #383c45;border-radius:50%}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#383c45}.crosshair:before{left:-7px;right:-7px;top:20px;height:1px}.crosshair:after{top:-7px;bottom:-7px;left:20px;width:1px}.guess-list{display:grid;gap:10px;margin-top:18px}.guess-card{padding:12px;border:1px solid var(--soft);border-radius:10px;background:#0c0e12;animation:slide .22s ease-out}@keyframes slide{from{opacity:0;transform:translateY(-6px)}}.guess-card-head{display:flex;align-items:center;gap:9px;margin-bottom:11px}.guess-card-head>small{color:var(--muted);font:700 9px ui-monospace}.guess-card-head strong{font-size:14px}.source-badge{padding:4px 7px;border-radius:4px;color:var(--lime);background:#c7f43d1a;font-size:8px;font-weight:800}.source-badge.opponent{color:#bbaaFF;background:#8877ff1c}.remove{margin-left:auto;width:27px;height:27px;border:0;border-radius:5px;background:none;color:var(--muted);cursor:pointer}.remove:hover{color:var(--danger);background:#ff6b7212}.feedback-grid{display:grid;grid-template-columns:repeat(7,minmax(62px,1fr));gap:6px}.feedback-cell{position:relative;min-width:0}.feedback-btn{width:100%;min-height:66px;padding:7px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid #2a2e35;border-radius:6px;color:#d9dbe0;background:#1a1d23;cursor:pointer}.feedback-btn:hover{border-color:#59606b}.feedback-btn .field{color:#777d88;font-size:8px;font-weight:800}.feedback-btn .value{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:11px;white-space:nowrap}.feedback-btn .state{font-size:9px;font-weight:800}.feedback-btn[data-state=exact]{background:#37bb7c38;border-color:var(--green)}.feedback-btn[data-state^=close]{background:#db9a2b38;border-color:var(--yellow)}.feedback-btn[data-state^=miss]{background:#7064704d;border-color:#786a78}.feedback-btn[data-state=unset] .state{color:#5f6570}.feedback-menu{position:absolute;z-index:12;left:50%;bottom:calc(100% + 7px);width:max-content;min-width:142px;padding:6px;transform:translateX(-50%);border:1px solid var(--line);border-radius:8px;background:#20242b;box-shadow:0 12px 28px #0007}.feedback-menu button{width:100%;display:block;padding:8px 10px;border:0;border-radius:5px;color:#d6d8dc;background:none;text-align:left;font-size:10px;cursor:pointer}.feedback-menu button:hover{background:#30353e}.candidate-panel{padding-bottom:17px}.candidate-head{margin-bottom:16px}.table-tools{display:flex;gap:7px}.table-tools label{display:flex;align-items:center;gap:6px;padding:0 9px;border:1px solid var(--line);border-radius:6px;color:var(--muted)}.table-tools input{width:100px;height:33px;border:0;outline:0;color:var(--text);background:none;font-size:10px}.table-tools select{height:35px;padding:0 9px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:#181b20;font-size:10px}.table-wrap{overflow-x:auto;border-top:1px solid var(--soft)}table{width:100%;min-width:790px;border-collapse:collapse}th{padding:11px 9px;color:#696f79;text-align:left;font-size:8px;letter-spacing:.07em;text-transform:uppercase}td{padding:11px 9px;border-top:1px solid var(--soft);color:#bfc2c8;font-size:10px}tbody tr:hover{background:#ffffff08}.player-cell{display:flex;align-items:center;gap:9px}.player-cell strong{color:var(--text);font-size:12px}.player-cell small{display:block;margin-top:2px;color:var(--muted);font-size:8px}.region{display:inline-block;margin-top:3px;padding:2px 5px;border-radius:3px;background:#262a31;font-size:7px}.active{color:var(--green)}.use-player{width:28px;height:28px;border:1px solid var(--line);border-radius:5px;background:none;cursor:pointer}.use-player:hover{color:#0b0c0d;background:var(--lime);border-color:var(--lime)}.no-results{min-width:650px;padding:50px 20px;text-align:center}.no-results p{color:var(--muted);font-size:10px}.table-footer{padding-top:14px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px}.table-footer div{display:flex;gap:4px}.table-footer button{min-width:27px;height:27px;border:1px solid var(--line);border-radius:5px;color:var(--muted);background:none;cursor:pointer;font-size:9px}.table-footer button.active{color:#0b0c0d;background:var(--lime);border-color:var(--lime)}.rec-panel{overflow:hidden}.rec-panel>header{padding:14px 18px;border-bottom:1px solid var(--line);color:var(--lime);font-size:9px;font-weight:800;letter-spacing:.14em}.rec-panel>header i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #c7f43d19}.rec-main{padding:22px}.rec-player{display:flex;align-items:center;gap:12px}.rec-player .avatar{width:47px;height:47px;font-size:16px}.rec-player h3{margin:0;font-size:23px}.rec-player p{margin:3px 0 0;color:var(--muted);font-size:10px}.info-score{margin-left:auto;text-align:right}.info-score strong{display:block;color:var(--lime);font-size:16px}.info-score small{color:var(--muted);font-size:7px}.rec-reason{margin:17px 0;padding:11px;border:1px solid var(--soft);border-radius:7px;color:#a6aab2;background:#0d0f13;font-size:10px;line-height:1.65}.rec-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:13px}.rec-stats div{padding:8px 4px;text-align:center;border-radius:5px;background:#1b1e24}.rec-stats strong{display:block;font-size:11px}.rec-stats span{display:block;margin-top:3px;color:var(--muted);font-size:7px}.rec-empty{padding:29px 22px;color:var(--muted);font-size:11px;line-height:1.7}.legend-panel{padding:20px}.panel-head.compact{margin-bottom:16px}.panel-head.compact h2{font-size:17px}.legend{display:grid;gap:12px;margin-bottom:18px}.legend>div{display:flex;align-items:center;gap:10px}.legend i{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:5px}.legend i.green{background:var(--green)}.legend i.yellow{background:var(--yellow)}.legend i.gray{background:var(--gray)}.legend i.arrow{color:var(--lime);border:1px solid var(--line);font-style:normal;font-weight:800}.legend p{margin:0}.legend b,.legend span{display:block}.legend b{font-size:10px}.legend span{margin-top:3px;color:var(--muted);font-size:8px}.session-panel{padding:16px 18px;display:flex;align-items:center;justify-content:space-between}.session-panel span{color:var(--muted);font-size:8px}.session-panel strong{display:block;margin-top:4px;font-size:11px}.session-panel p{display:flex;gap:5px;margin:0}.session-panel button{padding:7px 8px;border:1px solid var(--line);border-radius:5px;color:var(--muted);background:none;cursor:pointer;font-size:8px}.session-panel button:disabled{opacity:.35;cursor:default}.toast{position:fixed;z-index:80;left:50%;bottom:26px;padding:10px 17px;border:1px solid #3a3f48;border-radius:7px;background:#1c2026;box-shadow:var(--shadow);font-size:11px;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-wrap{position:fixed;z-index:60;inset:0;display:grid;place-items:center;padding:20px;background:#030405c7;backdrop-filter:blur(8px)}.modal-wrap[hidden]{display:none}.modal{width:min(640px,100%);max-height:calc(100vh - 40px);overflow:auto;position:relative;padding:31px;border:1px solid #353a43;border-radius:15px;background:#14171c;box-shadow:0 28px 90px #000a}.modal-close{position:absolute;right:17px;top:14px;border:0;background:none;color:var(--muted);font-size:24px;cursor:pointer}.modal h2{margin:0 0 21px;font-size:27px}.rules{display:grid;grid-template-columns:1fr 1fr;gap:9px}.rules>div{padding:14px;border:1px solid var(--line);border-radius:8px;background:#0d0f12}.rules b{font-size:11px}.rules p,.note{margin:7px 0 0;color:var(--muted);font-size:9px;line-height:1.65}.note{padding:11px;border-left:2px solid var(--lime);background:#c7f43d0a}.modal-copy{color:var(--muted);font-size:12px;line-height:1.7}.data-actions{display:flex;gap:8px;margin:19px 0}.data-actions .secondary-btn,.data-actions .primary-btn{width:auto;min-height:39px;padding:0 15px}.file-btn{cursor:pointer}.file-btn input{display:none}
body.light{--bg:#eceee9;--panel:#f9faf7;--panel2:#eef0eb;--line:#d6d9d2;--soft:#e2e4df;--text:#161813;--muted:#6e746a;--shadow:0 18px 45px #262d1e19;background:#eceee9}body.light .topbar{background:#eceee9d6}body.light .panel{background:linear-gradient(145deg,#fbfcfa,#f3f5f1)}body.light .guess-form,body.light .guess-card,body.light .rec-reason{background:#e8ebe5}body.light .source-toggle,body.light .search-wrap input,body.light .table-tools select,body.light .feedback-btn{background:#e2e5df}body.light .score-ring:before{background:var(--bg)}body.light .modal{background:#f8faf6}body.light .rules>div{background:#eef0eb}
@media(max-width:1120px){.workspace{grid-template-columns:1fr}aside{position:static;grid-template-columns:1fr 1fr}.session-panel{grid-column:1/-1}}@media(max-width:760px){.topbar{height:65px;padding:0 15px}.shell{width:min(100% - 24px,680px);padding-top:31px}.hero-progress{display:none}.hero h1{font-size:clamp(38px,12vw,58px)}.guess-panel,.candidate-panel{padding:17px}.guess-form{grid-template-columns:1fr}.source-toggle label{flex:1;text-align:center}.primary-btn{height:43px}.feedback-grid{grid-template-columns:repeat(2,1fr)}.feedback-cell:last-child{grid-column:span 2}aside{grid-template-columns:1fr}.session-panel{grid-column:auto}.candidate-head{align-items:flex-start;flex-direction:column}.table-tools{width:100%}.table-tools label{flex:1}.table-tools input{width:100%}.rules{grid-template-columns:1fr}.data-actions{flex-direction:column}.data-actions .secondary-btn,.data-actions .primary-btn{width:100%}}

/* 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; } }
/* 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; } }