@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700;800&display=swap');.float-scroll-tools{position:fixed;right:18px;bottom:24px;z-index:8;display:flex;flex-direction:column;gap:8px}.float-scroll-tools button{width:42px;height:42px;border:1px solid #dbe5d7;border-radius:10px;background:#fff;color:#385222;box-shadow:0 4px 16px #24352518;cursor:pointer;font:700 18px/1 'Noto Sans SC',sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center}.float-scroll-tools button span{font-size:8px;font-weight:600;line-height:1;margin-top:3px}.float-scroll-tools button:hover{background:#f0f7e9}@media(max-width:430px){.float-scroll-tools{right:12px;bottom:16px}.float-scroll-tools button{width:38px;height:38px}}.chat-message.bot-broadcast p{color:#d9363e}.chat-message.bot-road-broadcast p{color:#d9363e}.chat-message.bot-pick-broadcast p{color:#111}.cancel-pick-btn{border:1px solid #f0b4b4;background:#fde8e8;color:#9a3b3b;border-radius:6px;padding:6px 9px;font:inherit;font-size:9px;cursor:pointer;margin-top:6px}.cancel-pick-btn:disabled{opacity:.6;cursor:not-allowed}:root{--bg:#f5f7f3;--white:#fff;--ink:#19231e;--muted:#89958d;--line:#e4eae3;--green:#c9ed78;--dark:#203027;--blue:#9dd7ff;--pink:#efc5e9;--orange:#ea9769}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:13px 'DM Sans','Noto Sans SC',sans-serif}.hidden{display:none!important}#loginMode{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 0,#e4f5c9,transparent 40%),var(--bg)}.login-mode-card{width:380px;background:#fff;padding:40px;border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 60px #24352512;text-align:center}.login-mode-card h1{font-size:32px;margin:0 0 10px;color:var(--dark)}.login-mode-card p{color:var(--muted);font-size:12px;margin:0 0 35px}.login-mode-buttons{display:flex;flex-direction:column;gap:12px}.login-mode-buttons button{border:0;background:var(--dark);color:#fff;border-radius:12px;padding:15px;font-weight:700;cursor:pointer;font-size:13px}.login-mode-buttons button:hover{background:#2d4b2a}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 0,#e4f5c9,transparent 40%),var(--bg)}.login-card{width:380px;background:#fff;padding:40px;border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 60px #24352512}.login-logo{width:45px;height:45px;background:var(--green);display:grid;place-items:center;border-radius:13px;font-size:28px;margin-bottom:20px}.login-card h1{font-size:29px;margin:0}.login-card>p{color:var(--muted);margin:6px 0 28px}.login-card #loginSubtitle{display:block;color:var(--muted);font-size:12px;margin-bottom:20px}.login-card label,.modal-card label{display:block;font-size:11px;color:#6f7d74;margin:14px 0}.login-card input,.modal-card input,.modal-card select{display:block;width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;margin-top:6px;outline-color:#9dce65;font:inherit}.login-card small{display:block;text-align:center;color:#a1aca4;font-size:10px;line-height:1.6;margin-top:15px}.login-card .back-link{display:block;text-align:center;margin-top:20px;color:var(--muted);font-size:11px;cursor:pointer;text-decoration:underline}.primary{border:0;background:var(--dark);color:#fff;border-radius:8px;padding:12px;font-weight:700;cursor:pointer}.secondary{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;padding:10px 12px;font-weight:600;cursor:pointer;font-size:10px}.small{padding:7px 10px;font-size:9px}.login-card .primary{width:100%;margin-top:14px}.app{min-height:100vh}.app>aside{}.sidebar{position:fixed;left:0;top:0;bottom:0;width:235px;background:#f0f4ee;border-right:1px solid var(--line);padding:25px 15px 15px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 25px}.mark{width:31px;height:31px;border-radius:10px;background:var(--green);display:grid;place-items:center;font-size:21px}.brand b{font-size:18px;display:block}.brand small{font-size:10px;color:var(--muted)}.workspace{background:#fff;border:1px solid var(--line);padding:12px;border-radius:9px;margin-bottom:26px}.workspace span{float:right;color:var(--muted);letter-spacing:2px}.label{font-size:10px;color:#9ca79f;text-transform:uppercase;letter-spacing:1px;padding:0 10px 9px;margin-top:9px}.label button{float:right;border:0;background:none;color:#75935e;font-size:10px}.label em{font-style:normal;background:#e0ecd9;color:#618351;border-radius:10px;padding:2px 6px;margin-left:5px}.game,.room-link{padding:10px 11px;border-radius:8px;display:flex;align-items:center;gap:9px;color:#66746b;cursor:pointer;margin-bottom:3px}.game.active,.room-link.active{background:#e3f2d1;color:var(--ink);font-weight:700}.game-icon{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;color:#4b6338;font-size:10px}.game small,.room-link small{display:block;font-size:9px;color:var(--muted);font-weight:400;margin-top:2px}.room-label{margin-top:21px}.mini{display:flex;padding:5px 9px}.avatar{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:10px;flex:none}.mini .avatar{margin-right:-7px;border:2px solid #f0f4ee}.dark{background:#203027}.profile{margin-top:auto;border-top:1px solid var(--line);padding:15px 7px 0;display:flex;gap:9px;align-items:center}.profile small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.profile-info{min-width:0}.profile-points{display:block;color:#71816f;font-size:9px;margin-top:4px;white-space:nowrap}.profile-points strong{color:#385222;font-size:11px;margin-left:3px}.profile button{margin-left:auto;border:0;background:none;color:var(--muted)}.main{margin-left:235px;margin-right:0;min-height:100vh;background:#fbfcfa}header{height:84px;border-bottom:1px solid var(--line);background:#fff;padding:0 27px;display:flex;align-items:center;justify-content:space-between}.crumb{font-size:10px;color:#a4aea6;margin-bottom:6px}.crumb span{color:#708a5d}.main h1{margin:0;font-size:21px}.header-actions{display:flex;gap:16px;align-items:center}.header-actions button:not(.invite){border:0;background:none;font-size:16px;color:#89958d}.search{display:flex;background:#f4f6f2;padding:8px 10px;border-radius:8px;color:#a1aaa3}.search input{border:0;background:none;outline:0;width:130px;padding-left:6px;font:inherit;font-size:10px}.confirm-panel{margin:14px 27px 0;padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:12px}.confirm-panel h2{margin:3px 0;font-size:14px}.confirm-panel p{margin:0;color:var(--muted);font-size:9px}.confirm-options{display:flex;flex:1;flex-wrap:wrap;gap:6px} .current-draw-numbers{flex:1;color:#d9363e;font-size:18px;font-weight:800;letter-spacing:2px;white-space:nowrap}.confirm-options label{padding:5px 7px;border:1px solid var(--line);border-radius:6px;background:#fafcf9;font-size:9px;cursor:pointer}.confirm-options input{accent-color:#8abb55}.confirm-panel .primary{white-space:nowrap;padding:9px 10px;font-size:10px}.invite{background:var(--dark);color:#fff;border:0;border-radius:7px;padding:10px 12px;font-size:10px;font-weight:700}.notice{height:42px;display:flex;align-items:center;gap:9px;padding:0 27px;background:#f7faef;border-bottom:1px solid #e8efdc;color:#819075;font-size:10px}.notice span:first-child{color:#7db052;font-size:10px}.content{display:grid;grid-template-columns:minmax(180px,.34fr) minmax(620px,2.66fr);gap:14px;padding:16px 27px}.dashboard{max-height:210px;overflow:auto;opacity:.9}.dashboard .chart-card,.dashboard .history{display:none}.dashboard{min-width:0}.current-head{display:flex;justify-content:space-between;align-items:flex-start}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#9ea9a1}.current-head h2{font-size:20px;margin:8px 0 3px}.current-head p{font-size:10px;color:var(--muted);margin:0}.countdown{background:#fff;border:1px solid var(--line);padding:10px 12px;border-radius:9px;font-size:10px;color:#65707b;min-width:180px}.countdown-title{white-space:nowrap}.countdown-title b{display:inline;color:#e26b27;font-size:12px}.countdown-values{display:flex;align-items:center;gap:6px;margin-top:8px}.countdown-values b{display:inline-grid;place-items:center;background:#3e414d;color:#ffd23f;border-radius:2px;min-width:40px;height:40px;font-size:18px;letter-spacing:1px}.countdown-values span{color:#65707b;font-size:12px}.countdown small{display:block;color:#72a958;font-size:9px;margin-top:5px}.balls{display:flex;gap:11px;align-items:center;padding:22px 0}.ball{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:700;background:#d9edbf;color:#527139}.ball.alt{background:#c6e4fa;color:#49718d}.ball.pink{background:#f1d4ed;color:#946b90}.current-special{margin-left:0;border-left:0;padding-left:0}.current-special,.ball{margin-right:0}.balls{display:flex;gap:11px;align-items:center}.balls .ball{margin-left:0;margin-right:0}.special{margin-left:11px;border-left:1px solid var(--line);padding-left:21px}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px 8px}.stats div{border-right:1px solid var(--line);padding:0 13px}.stats div:last-child{border:0}.stats span,.stats b,.stats small{display:block}.stats span{font-size:9px;color:var(--muted)}.stats b{font-size:16px;margin:7px 0 4px}.stats small{font-size:9px;color:#afb8b1}.stats .green{color:#71ae58}.chart-card,.history{background:#fff;border:1px solid var(--line);border-radius:10px;margin-top:17px;padding:17px}.history{overflow:hidden}.history.collapsed #drawTable{max-height:105px;overflow:hidden;position:relative}.history.collapsed #drawTable:after{content:'';position:absolute;left:0;right:0;bottom:0;height:42px;background:linear-gradient(transparent,#fff)}.history-toggle{border:1px solid var(--line);background:#f7faf3;color:#66834a;border-radius:6px;padding:6px 9px;font:inherit;font-size:10px;cursor:pointer;white-space:nowrap}.history-toggle span{font-size:12px;margin-left:3px}.history.expanded #drawTable{max-height:620px;overflow:auto}.card-head{display:flex;justify-content:space-between;align-items:flex-start}.card-head h3{font-size:13px;margin:0}.card-head p{font-size:9px;color:var(--muted);margin:5px 0}.legend{font-size:9px;color:var(--muted)}.legend i{display:inline-block;width:7px;height:7px;background:#a8d967;border-radius:50%;margin-right:4px}.legend button,.outline{border:1px solid var(--line);background:#fff;color:#829087;border-radius:6px;padding:6px 8px;font:inherit;margin-left:12px}.chart{height:155px;padding-top:15px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid #eef1ed;background:repeating-linear-gradient(to bottom,transparent 0,transparent 37px,#f0f3ef 38px)}.bar-wrap{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}.bar{width:14px;border-radius:4px 4px 0 0;background:linear-gradient(#c7ed77,#94c85c);min-height:8px}.bar-label{font-size:9px;color:#9aa69d}.draw-row{display:grid;grid-template-columns:75px 1fr 35px 70px 125px;gap:8px;align-items:center;padding:12px 4px;border-bottom:1px solid #f0f2ef;font-size:10px}.draw-row strong{font-size:12px}.draw-row time{color:var(--muted);font-size:9px}.row-ball.special,.row-ball.special-number{background:#ffe0e0;color:#e33!important;margin:0;border:0;padding:0;width:22px;height:22px;display:grid;place-items:center;font-weight:700}.draw-row:last-child{border:0}.draw-row span{color:var(--muted)}.row-balls{display:flex;gap:5px}.row-ball{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#eef6e4;color:#66834a;font-size:9px}.chat{background:#fff;border:1px solid var(--line);border-radius:11px;height:calc(100vh - 142px);min-height:720px;display:flex;flex-direction:column;min-width:0;box-shadow:0 8px 24px #2435250a}.chat-head h2{font-size:16px}.chat-messages{padding:22px 20px}.chat-message{margin-bottom:22px}.chat-message p{font-size:12px;padding:10px 11px}.chat-head{padding:16px 15px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.chat-head h2{font-size:14px;margin:0 0 5px}.chat-head span{font-size:9px;color:#7cb468}.chat-head i{display:inline-block;width:6px;height:6px;background:#72b46b;border-radius:50%}.chat-head button{border:0;background:none;color:var(--muted)}.chat-messages{flex:1;overflow:auto;padding:17px 14px}.chat-message{display:flex;gap:8px;margin-bottom:20px}.chat-message .avatar{width:26px;height:26px}.chat-message b{font-size:10px}.chat-message time{font-size:8px;color:#a4aea7;margin-left:6px}.chat-message p{margin:5px 0 0;background:#f5f7f3;padding:8px 9px;border-radius:3px 9px 9px 9px;line-height:1.6;font-size:10px}.chat-compose{margin:0 11px;border:1px solid var(--line);border-radius:8px;padding:7px;display:flex;align-items:flex-end}.chat-compose textarea{border:0;outline:0;resize:none;flex:1;font:inherit;font-size:10px;line-height:18px}.chat-compose button{border:0;background:none;color:#8d9990}.chat-compose .send{background:var(--green);color:#385222;width:25px;height:25px;border-radius:6px}.chat-hint{padding:7px 14px 12px;color:#a9b2ac;font-size:8px}.rightbar{position:fixed;right:0;top:0;bottom:0;width:285px;background:#fff;border-left:1px solid var(--line);padding:27px 20px;overflow:auto}.right-title{font-size:14px;font-weight:700;display:flex;justify-content:space-between}.right-title button{border:0;background:none;color:var(--muted)}.community-card{text-align:center;border-bottom:1px solid var(--line);padding:22px 0}.orb{margin:auto;width:48px;height:48px;border-radius:15px;background:var(--green);display:grid;place-items:center;font-size:24px;color:#547230}.community-card h3{font-size:14px;margin:11px 0 4px}.community-card p{font-size:10px;color:var(--muted);margin:0}.metrics{display:flex;justify-content:center;gap:45px;margin-top:17px}.metrics b{font-size:17px}.metrics small{display:block;font-size:9px;color:var(--muted);font-weight:400;margin-top:4px}.side-block{padding:20px 0;border-bottom:1px solid var(--line)}.side-label{font-size:10px;color:#9aa69f;font-weight:700;margin-bottom:13px}.side-label em{float:right;background:#e4f0dc;border-radius:10px;color:#6b9153;padding:2px 6px;font-style:normal}.person{display:flex;gap:8px;align-items:center;margin:11px 0}.person b,.person small{display:block}.person b{font-size:10px}.person small{font-size:8px;color:var(--muted);margin-top:3px}.person span{margin-left:auto;color:#73b76b;font-size:9px}.ai-row{display:flex;gap:8px;align-items:center}.ai-mark{width:27px;height:27px;border-radius:8px;background:#e9f4da;display:grid;place-items:center;color:#65933c}.ai-row b,.ai-row small{display:block}.ai-row small{font-size:8px;color:var(--muted);margin-top:2px}.ai-row>span{margin-left:auto;color:#72b46b;font-size:9px}.side-block p{font-size:9px;color:var(--muted);line-height:1.6}.side-block button:not(.primary){border:0;background:#f0f6eb;color:#6c8e56;border-radius:6px;padding:6px 8px;font-size:9px;margin-right:4px}.wide{width:100%;font-size:10px}.modal{position:fixed;inset:0;background:#11201880;display:grid;place-items:center;z-index:4}.modal-card{background:#fff;width:390px;border-radius:15px;padding:22px;box-shadow:0 20px 70px #0003}.modal-head{display:flex;justify-content:space-between}.modal-head h2{margin:0;font-size:17px}.modal-head button{border:0;background:none;font-size:20px}.safe{background:#f6faee;padding:10px;border-radius:7px}.top-draw{margin:0;padding:14px 27px;background:#fff;border-bottom:1px solid var(--line);border-radius:0}.top-draw .current-head{max-width:100%;display:flex;justify-content:space-between;align-items:flex-start}.top-draw .balls{padding:14px 0 0}.top-draw .ball{width:38px;height:38px}#adminPanel{position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:10;overflow-y:auto;display:flex;align-items:flex-start;justify-content:center;padding:30px 20px}#adminPanel.hidden{display:none}#adminPanel .admin-panel-content{background:#fff;border-radius:16px;width:min(920px,95vw);max-height:90vh;overflow:auto;box-shadow:0 25px 90px rgba(0,0,0,0.15);padding:0}.admin-header{background:linear-gradient(135deg,#203027 0,#3a5536 100%);color:#fff;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;border-radius:16px 16px 0 0}.admin-header h2{margin:0;font-size:19px}.admin-header button{border:0;background:rgba(255,255,255,0.2);color:#fff;border-radius:8px;padding:8px 12px;font-size:10px;cursor:pointer;font-weight:600}.admin-content{padding:28px}.admin-section{margin-bottom:24px}.admin-section h3{font-size:14px;margin:0 0 14px;color:var(--dark)}.admin-create-user{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.admin-create-user input{flex:1;min-width:130px;width:auto!important;margin-top:0!important}.admin-create-user button{margin-top:0!important;white-space:nowrap}.admin-section label{display:block;margin:10px 0;font-size:10px;color:#666}.admin-section input,.admin-section select{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;margin-top:5px;font:inherit;font-size:10px}.admin-section button.primary{margin-top:12px;width:100%;max-width:200px}.admin-user{border:1px solid var(--line);padding:12px;margin:10px 0;border-radius:8px;background:#f9fbf8}.admin-user>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.admin-user b{font-size:10px;color:var(--dark)}.admin-user small{font-size:9px;color:var(--muted)}.admin-user>div:last-child{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.admin-user label{display:flex;align-items:center;gap:5px;margin:0;font-size:9px}.admin-user input{width:70px;padding:6px;font-size:9px}.admin-user button{padding:6px 10px;font-size:9px}hr{border:0;border-top:1px solid var(--line);margin:20px 0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--dark);color:#fff;padding:10px 16px;border-radius:8px;display:none;z-index:5;font-size:10px}@media(max-width:1200px){.rightbar{display:none}.main{margin-right:0}}@media(max-width:850px){.dashboard{max-height:none;overflow:visible}.dashboard .chart-card,.dashboard .history{display:block}.content{grid-template-columns:1fr}.chat{height:calc(100vh - 260px);min-height:500px}.sidebar{position:static;width:auto;height:auto;padding:12px;border-right:0;border-bottom:1px solid var(--line);display:block}.brand{padding:0 4px 10px}.brand small,.workspace{display:none}.label{display:inline-block;margin:0 5px 0 0;padding:5px 4px}.label button{display:none}#games,#rooms{display:flex;gap:6px;overflow-x:auto;padding-bottom:5px}#games .game,#rooms .room-link{min-width:max-content;margin:0;padding:7px 9px}.game small,.room-link small{display:none}.room-label{display:none}.mini{display:none}.profile{display:none}.main{margin-left:0;margin-right:0}.content{display:block;padding:18px}.chat{margin-top:18px;height:500px}.rightbar{display:none}.header-actions .search,.header-actions>button:not(.invite){display:none}.main header{padding:0 18px}.notice{padding:0 18px;white-space:nowrap;overflow:hidden}.stats{grid-template-columns:repeat(2,1fr);gap:12px}.stats div:nth-child(2){border:0}.balls{gap:6px;overflow:auto}.ball{width:35px;height:35px;flex:none}}@media(max-width:430px){.login-card{width:calc(100vw - 32px);padding:27px 21px}.main h1{font-size:18px}.current-head{display:block}.countdown{display:inline-block;margin-top:12px}.draw-row{grid-template-columns:62px 1fr}.form-row{display:block}}


/* DataRoom layout fix 2026-08-09 */
.main{margin-right:285px}
.chat{height:calc(100vh - 120px);min-height:780px}
.chat-compose{padding:12px;min-height:72px;align-items:stretch}
.chat-compose textarea{min-height:54px;font-size:12px;line-height:1.5;padding:6px}
.chat-compose .send{width:34px;height:34px;border-radius:8px;font-size:14px}
.chat-head-actions{display:flex;gap:8px;align-items:center}
.bot-btn{border:0;background:#e9f4da;color:#385222;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:700;cursor:pointer}
.bot-btn:hover{background:#d8eec0}
.msg-actions{display:flex;gap:6px;margin-top:6px}
.msg-actions button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:3px 8px;font-size:10px;cursor:pointer;color:#66746b}
.msg-actions button:hover{background:#f0f6eb;color:#385222}
.msg-actions .liked{background:#e9f4da;border-color:#b7d98a;color:#385222}
.msg-actions .disliked{background:#fde8e8;border-color:#f0b4b4;color:#9a3b3b}
.pick-panel{margin:14px 27px 0;padding:16px;background:#fff;border:1px solid var(--line);border-radius:12px}
.pick-panel.hidden{display:none!important}
.pick-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}
.pick-head h2{margin:4px 0;font-size:16px}
.pick-head p{margin:0;color:var(--muted);font-size:11px}
.pick-update-countdown{margin-left:auto;min-width:150px;padding:8px 12px;border:1px solid #dfe5eb;border-radius:8px;background:#f7faf3;color:#7c8a82;text-align:center;font-size:10px}.pick-update-countdown b{display:block;color:var(--ink);font-size:17px;margin-top:3px}.pick-update-countdown small{display:block;color:#72a958;font-size:9px;margin-top:2px}
.pick-actions{display:flex;gap:8px}
.points-entry{display:flex;align-items:center;gap:10px;padding:10px 18px;background:#fff;border-bottom:1px solid #dfe5eb}
.number-entry{display:flex;align-items:center;gap:10px;padding:10px 18px;background:#fff;border-bottom:1px solid #dfe5eb;flex-wrap:wrap}.number-entry label{font-size:11px;font-weight:700;color:#667381;white-space:nowrap}.number-choices{display:flex;gap:6px;flex:1;flex-wrap:wrap}.number-choice{min-width:42px;border:1px solid #cbd5dc;border-radius:6px;background:#f7fafc;color:#39434a;padding:8px 7px;font:inherit;font-weight:700;cursor:pointer}.number-choice.selected{background:#4dd6c9;border-color:#22bdb0;color:#102f30;box-shadow:inset 0 0 0 2px #22bdb0}.number-entry>small{width:100%;padding-left:86px;color:#8b969f;font-size:10px}
.points-entry label{font-size:11px;font-weight:700;color:#667381;white-space:nowrap}
.points-input{display:flex;align-items:center;gap:10px;min-width:190px;flex:1;border:1px solid #26b8c8;border-radius:6px;background:#303034;color:#fff;padding:8px 10px;text-align:left;font:inherit}
.points-input span{font-size:16px;font-weight:700}.points-input small{color:#aeb7b7;font-size:10px}.points-input b{margin-left:auto;color:#26b8c8}
.points-pad{position:fixed;inset:0;background:#0009;z-index:20;display:flex;align-items:flex-end;justify-content:center}
.points-pad-card{width:min(430px,100vw);background:#252527;border-radius:14px 14px 0 0;padding:10px 12px 18px;color:#fff;box-shadow:0 -8px 35px #0006}
.points-pad-head{display:flex;justify-content:space-between;align-items:center;padding:0 3px 8px;color:#ddd;font-weight:700}.points-pad-head button{border:0;background:#3a3a3d;color:#fff;border-radius:50%;width:24px;height:24px;font-size:18px}
.points-display{display:flex;align-items:center;gap:8px;border:1px solid #20b9c8;border-radius:5px;padding:7px 9px;margin-bottom:8px}.points-display span{font-size:18px;font-weight:700}.points-display small{color:#b6bebf;font-size:10px}.points-display button{margin-left:auto;border:1px solid #20b9c8;background:#34383a;color:#20b9c8;border-radius:5px;padding:3px 8px}
.points-shortcuts,.points-keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.points-shortcuts{margin-bottom:4px}.points-shortcuts button,.points-keypad button{height:34px;border:0;border-radius:5px;background:#3b3b3d;color:#fff;font:inherit;font-weight:700}.points-shortcuts button{color:#22c6d1;font-size:12px}.points-done{width:100%;margin-top:8px;height:38px}
.pick-grid{display:grid;grid-template-columns:repeat(10,minmax(36px,1fr));gap:8px}
.pick-cell{height:40px;border:1px solid var(--line);border-radius:10px;background:#f7faf3;cursor:pointer;font-weight:700;color:#4b6338}
.pick-cell:hover{background:#eef6e4}
.pick-cell.on{background:#c9ed78;border-color:#9dce65;box-shadow:inset 0 0 0 1px #8abb55}
.pick-selected{margin-top:12px;font-size:12px;color:#66746b}
.pick-selected b{color:var(--ink)}
.vote-row{display:flex;gap:10px;align-items:center;margin-top:14px;flex-wrap:wrap}
.vote{border:0;border-radius:8px;padding:9px 12px;font-weight:700;cursor:pointer;font-size:12px}
.vote.like{background:#e9f4da;color:#385222}
.vote.dislike{background:#fde8e8;color:#9a3b3b}
.vote-stat{font-size:11px;color:var(--muted)}
.view-num .dashboard .chart-card,.view-num .dashboard .history,.view-color .dashboard .chart-card,.view-color .dashboard .history{display:block}.view-six .dashboard,.view-pick .dashboard{display:none}.view-six .content,.view-pick .content{display:block}.view-six .chat,.view-pick .chat{width:100%;height:auto;max-height:none;overflow:visible}
.view-num .dashboard,.view-color .dashboard{max-height:none;opacity:1}
.view-pick .top-draw,.view-pick .notice,.view-pick .dashboard{display:none}
.view-pick .content{grid-template-columns:1fr}
.view-pick .chat{height:calc(100vh - 280px);min-height:560px}
@media(max-width:1200px){.main{margin-right:0}}

/* Red-marked legacy trend card removed */
.dashboard .stats{display:none}
.content{grid-template-columns:minmax(0,1fr)}



/* Original-style correction-index pick matrix */
.pick-panel{background:#f7f9fc;border-color:#d7dde5;padding:0;overflow:hidden}
.pick-head{padding:16px 18px;background:#fff;border-bottom:1px solid #dfe5eb;margin:0}
.pick-grid{display:block;padding:0;background:#f5f7fb}
.matrix-index-bar{height:30px;display:flex;justify-content:center;gap:30px;align-items:center;color:#667381;font-size:11px;background:#dff5ff;border-bottom:1px solid #c8dce7}
.matrix-index-bar b{color:#e53d4a}
.matrix-top-wrap{display:grid;grid-template-columns:1fr 310px 1fr;align-items:stretch;min-height:160px}
.matrix-top-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0}
.matrix-cell{border:1px solid #d5dbe2;background:#fff;min-height:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:#111;font:inherit;padding:5px 2px}
.matrix-cell:hover{background:#eef9fb}
.matrix-cell.pick-locked,.matrix-mid-cell.pick-locked{opacity:.55;cursor:not-allowed;filter:grayscale(.35)}.matrix-cell.pick-disabled,.matrix-mid-cell.pick-disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.pick-lock-notice{padding:10px 12px;background:#fff1f0;color:#c4473c;border-bottom:1px solid #f1c4bf;text-align:center;font-size:11px;font-weight:700}
.matrix-cell b{font-size:10px;font-weight:700}.matrix-cell small{font-size:10px;color:#f04452;margin-top:3px}
.matrix-cell.selected{background:#4dd6c9;color:#111;box-shadow:inset 0 0 0 2px #22bdb0}.matrix-cell.selected small{color:#fff}
.matrix-cell.index-active{background:#4dd6c9}.matrix-cell.index-active small{color:#e8444f}
.matrix-diamond{border:1px solid #cbd3dc;background:#e8edf2;display:grid;grid-template-rows:1fr 2fr 1fr;align-items:center;text-align:center}
.diamond-row{display:flex;justify-content:center}.diamond-row .matrix-cell{width:100%;background:#fff;border:1px solid #d5dbe2}.diamond-row .matrix-cell.selected{background:#4dd6c9;color:#111;box-shadow:inset 0 0 0 2px #22bdb0}.diamond-mid{display:grid;grid-template-columns:repeat(4,1fr);height:100%;align-items:center;background:#fff}.matrix-mid-cell{appearance:none;-webkit-appearance:none;border:1px solid #d5dbe2;background:#fff;color:#111;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font:inherit;padding:5px 2px}.matrix-mid-cell:hover{background:#eef9fb}.matrix-mid-cell.selected{background:#4dd6c9;color:#102f30;box-shadow:inset 0 0 0 2px #22bdb0}.matrix-mid-cell b,.matrix-mid-cell small{display:block}.matrix-mid-cell small{color:#f04452;font-size:10px}.matrix-mid-cell.selected small{color:#e8444f}
.matrix-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:10px 16px 16px;background:#f5f7fb}
.matrix-column{display:flex;flex-direction:column;gap:3px}.matrix-column-title{height:32px;border:1px solid #c9d0d8;background:#fff;display:grid;place-items:center;font-size:11px;font-weight:700}.matrix-column .matrix-cell{min-height:34px}.matrix-column .index-active{background:#4dd6c9}.matrix-column .index-active small{color:#e8444f}
@media(max-width:700px){.matrix-top-wrap{grid-template-columns:1fr 150px 1fr}.matrix-columns{gap:4px;padding:6px}.matrix-cell b{font-size:9px}.matrix-cell small{font-size:9px}.pick-head{display:block}.pick-actions{margin-top:10px}.matrix-index-bar{gap:10px}}

/* Mobile navigation and account switching */
.mobile-tools{display:none}
.mobile-points{display:none}
@media(max-width:850px){
  .mobile-tools{display:flex;position:sticky;top:0;z-index:8;gap:5px;padding:7px;background:#203027;color:#fff;align-items:center}.mobile-points{display:block!important;visibility:visible!important;white-space:nowrap;color:#dff5c0;font-size:10px;padding:7px 4px;flex:0 0 auto}.mobile-points strong{font-size:13px;margin-left:2px}.mobile-tools button{min-width:0}
  .mobile-tools button{flex:1;border:0;border-radius:6px;background:#3a5536;color:#fff;padding:8px 3px;font-size:11px}
  .sidebar{display:block!important;position:static!important;width:100%!important;height:auto!important;padding:10px!important;overflow:visible!important}
  .sidebar .brand{padding:0 4px 8px}.sidebar .workspace{display:block!important;margin:0 0 8px;padding:8px}
  #games,#rooms{display:flex!important;overflow-x:auto!important;gap:5px;padding:3px 0 7px}
  #games .game,#rooms .room-link{display:flex!important;min-width:132px!important;padding:8px!important;margin:0!important}
  #games .game small,#rooms .room-link small{display:block!important;font-size:8px}
  .label{display:block!important;margin-top:5px!important}
  .profile{display:flex!important;margin-top:8px!important;padding-top:8px!important}
  .main{margin:0!important}.chat{min-height:520px!important;height:520px!important}.chat-compose{min-height:70px!important;padding:9px!important}.chat-compose textarea{min-height:48px!important;font-size:13px!important}.rightbar{display:none!important}
  .pick-panel{margin:10px!important}.matrix-top-wrap{grid-template-columns:1fr 150px 1fr!important}.matrix-columns{grid-template-columns:repeat(4,minmax(80px,1fr))!important;overflow-x:auto}.matrix-column{min-width:80px}
}
/* Mobile matrix layout repair */
.matrix-upper-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:0;align-items:stretch}
.matrix-upper-grid .upper-pos{min-width:0;min-height:0}
.matrix-upper-grid .upper-pos .matrix-cell{width:100%;height:100%;min-width:0}
.upper-a{grid-column:1;grid-row:1}.upper-b{grid-column:2;grid-row:1}.upper-c{grid-column:3;grid-row:1}.upper-d{grid-column:4;grid-row:1}.upper-e{grid-column:5;grid-row:1}
.upper-f{grid-column:1;grid-row:2}.upper-g{grid-column:1;grid-row:3}.upper-h{grid-column:1;grid-row:4}.upper-i{grid-column:1;grid-row:5}
.upper-j{grid-column:2;grid-row:5}.upper-k{grid-column:3;grid-row:5}.upper-l{grid-column:4;grid-row:5}.upper-m{grid-column:5;grid-row:5}
.upper-n{grid-column:5;grid-row:2}.upper-o{grid-column:5;grid-row:3}.upper-p{grid-column:5;grid-row:4}
.matrix-upper-grid>.matrix-diamond{grid-column:2 / 5;grid-row:2 / 5;display:grid;grid-template-rows:1fr 1.55fr 1fr;min-width:0}
.matrix-upper-grid>.matrix-diamond .diamond-row{min-height:0}
.matrix-upper-grid>.matrix-diamond .diamond-mid{min-height:0}
.matrix-upper-side{display:none}
.matrix-upper-side .matrix-cell{min-width:0}
.matrix-panel-middle,.matrix-panel-lower{width:100%;overflow:hidden}
.matrix-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
.matrix-row .matrix-cell{min-width:0;width:100%;border-radius:0}
.matrix-panel-title{font-weight:700;font-size:12px;padding:7px 9px;background:#eef4f7;border-bottom:1px solid #d3dbe0}
.matrix-panel-upper .matrix-cell,.matrix-panel-middle .matrix-cell,.matrix-panel-lower .matrix-cell{min-height:42px;padding:5px 2px}
.matrix-panel-upper .matrix-cell b,.matrix-panel-middle .matrix-cell b,.matrix-panel-lower .matrix-cell b{font-size:12px;line-height:1.15;white-space:nowrap}
.matrix-panel-upper .matrix-cell small,.matrix-panel-middle .matrix-cell small,.matrix-panel-lower .matrix-cell small{font-size:11px;line-height:1.1;margin-top:3px}
.matrix-diamond{min-width:0}
@media(max-width:850px){
  .pick-panel{width:100%;margin:0!important;padding:0!important;overflow-x:hidden}
  .number-entry,.points-entry{padding:9px 12px}.number-choices{width:100%;flex-basis:100%}.number-entry>small{padding-left:0}.number-choice{flex:1;min-width:34px;padding:8px 4px}.points-input{min-width:0}
  .pick-update-countdown{order:3;width:100%;margin:0;display:flex;align-items:center;justify-content:center;gap:8px}.pick-update-countdown b{margin:0}.pick-update-countdown small{display:none}
  .matrix-status{font-size:11px;padding:6px 8px}
  .matrix-upper-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(5,minmax(62px,auto));width:100%}
  .matrix-panel-upper .matrix-cell,.matrix-panel-middle .matrix-cell,.matrix-panel-lower .matrix-cell{min-height:45px}
  .matrix-panel-upper .matrix-cell b,.matrix-panel-middle .matrix-cell b,.matrix-panel-lower .matrix-cell b{font-size:12px}
  .matrix-panel-upper .matrix-cell small,.matrix-panel-middle .matrix-cell small,.matrix-panel-lower .matrix-cell small{font-size:11px}
  .matrix-panel-middle .matrix-row,.matrix-panel-lower .matrix-row{grid-template-columns:repeat(4,minmax(0,1fr))}
  .matrix-panel-middle,.matrix-panel-lower{overflow-x:hidden}
  .matrix-diamond .diamond-mid span{font-size:11px;white-space:nowrap}
}