:root{--bg:#0f0f0f;--panel:#181818;--panel2:#111;--line:rgba(255,255,255,.08);--txt:#f5f5f5;--muted:#919199;--orange:#f59e0b;--red:#ef4444;--red2:#991b1b;--blue:#3b82f6;--blue2:#1e3a8a;--cream:#f3ead8}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Cairo,Arial,sans-serif;background:radial-gradient(circle at 50% -12%,rgba(245,158,11,.11),transparent 32%),radial-gradient(circle at 100% 82%,rgba(59,130,246,.06),transparent 30%),#0f0f0f;color:var(--txt)}button,input,select{font:inherit}.hidden{display:none!important}.topbar{height:74px;position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 18px;background:rgba(10,10,10,.83);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none}.brand img{width:42px;height:42px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:1.25}.brand strong{font-size:.88rem}.brand small{font-size:.56rem;color:#818188}.top-actions{display:flex;align-items:center;gap:8px}.account-pill{display:flex;align-items:center;gap:8px;min-height:42px;padding:5px 9px;border-radius:14px;background:#141414;border:1px solid var(--line)}.account-pill img{width:31px;height:31px;border-radius:10px;object-fit:cover}.account-pill span{display:flex;flex-direction:column}.account-pill b{font-size:.62rem}.account-pill small{font-size:.48rem;color:#787880}.ghost-btn,.danger-btn,.primary-btn,.award-btn,.team-join{border:0;cursor:pointer;border-radius:12px;font-weight:900;transition:transform .18s ease,background .18s ease,border-color .18s ease,filter .18s ease}.ghost-btn{padding:9px 12px;color:#e7e7ea;background:#171717;border:1px solid var(--line)}.ghost-btn:hover{background:#202020;border-color:rgba(245,158,11,.2)}.danger-btn{padding:9px 12px;background:rgba(239,68,68,.09);border:1px solid rgba(239,68,68,.2);color:#fca5a5}.primary-btn{padding:10px 15px;background:linear-gradient(180deg,#f7aa20,#e89005);color:#160f05;box-shadow:0 8px 24px rgba(245,158,11,.12)}.primary-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.primary-btn:disabled{opacity:.46;cursor:not-allowed;transform:none}.link-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.mini{padding:7px 10px;font-size:.58rem}.page{width:min(1180px,100%);margin:auto;padding:38px 18px 70px}.screen{animation:screenIn .24s ease both}@keyframes screenIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.hero{text-align:center;padding:25px 0 30px}.hero-kicker{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(245,158,11,.075);border:1px solid rgba(245,158,11,.15);color:#fbbf24;font:800 .52rem JetBrains Mono,monospace;letter-spacing:.08em}.hero h1{margin:10px 0 4px;font-size:clamp(2rem,6vw,4rem);line-height:1.05;letter-spacing:-.05em}.hero h1 b{color:var(--orange)}.hero p{margin:9px auto 0;max-width:660px;color:var(--muted);font-size:.75rem;line-height:1.9}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:860px;margin:auto}.home-card{position:relative;overflow:hidden;min-height:190px;padding:22px;border-radius:22px;background:linear-gradient(180deg,rgba(28,28,28,.96),rgba(17,17,17,.96));border:1px solid var(--line);box-shadow:0 20px 55px rgba(0,0,0,.22)}.home-card:before{content:'';position:absolute;width:160px;height:160px;border-radius:50%;filter:blur(55px);background:rgba(245,158,11,.08);left:-50px;top:-70px}.home-icon{position:relative;display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#0d0d0d;border:1px solid rgba(245,158,11,.14);color:#fbbf24;font-size:1.2rem}.home-card h2{position:relative;margin:13px 0 4px;font-size:1rem}.home-card p{position:relative;margin:0 0 16px;color:#85858d;font-size:.65rem;line-height:1.8}.join-row{display:flex;gap:8px}.join-row input{width:100%;min-width:0;padding:10px 12px;border-radius:12px;background:#0d0d0d;border:1px solid rgba(255,255,255,.09);outline:0;color:#fff;font:800 .78rem JetBrains Mono,monospace;text-align:center;letter-spacing:.12em;text-transform:uppercase}.join-row input:focus{border-color:rgba(245,158,11,.48);box-shadow:0 0 0 3px rgba(245,158,11,.07)}.feature-row{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:16px auto 0}.feature-row span,.lobby-meta span{padding:6px 9px;border-radius:999px;background:#121212;border:1px solid rgba(255,255,255,.065);color:#92929a;font-size:.53rem;font-weight:800}.public-wrap{max-width:860px;margin:28px auto 0;padding:16px;border-radius:20px;background:rgba(17,17,17,.66);border:1px solid var(--line)}.public-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.public-head small{color:#727279;font-size:.5rem}.public-head h2{margin:2px 0 0;font-size:.82rem}.public-rooms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.public-room{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:#0e0e0e}.public-room .pr-main{min-width:0}.public-room b{display:block;font-size:.68rem}.public-room small{color:#777780;font-size:.5rem}.public-room .avatars{display:flex;direction:ltr;margin-top:6px}.public-room .avatars img{width:22px;height:22px;border-radius:50%;object-fit:cover;border:2px solid #0e0e0e;margin-left:-5px}.empty-state{grid-column:1/-1;padding:20px;text-align:center;color:#74747c;font-size:.62rem}.room-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;padding:13px 15px;border-radius:18px;background:#121212;border:1px solid var(--line)}.room-head>div:first-child{display:flex;align-items:center;gap:10px}.room-head small{color:#777;font-size:.52rem}.room-head strong{font:900 1.05rem JetBrains Mono,monospace;letter-spacing:.13em;color:#fbbf24}.room-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.lobby-title{text-align:center;margin:10px 0 18px}.lobby-title span{font-size:.54rem;font-weight:900;color:#fbbf24}.lobby-title h1{margin:3px 0;font-size:1.5rem}.lobby-title p{margin:0;color:#85858d;font-size:.62rem}.teams-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.team-panel{padding:14px;border-radius:20px;background:#121212;border:1px solid var(--line);min-height:250px}.team-panel.red{box-shadow:inset 0 2px 0 rgba(239,68,68,.4)}.team-panel.blue{box-shadow:inset 0 2px 0 rgba(59,130,246,.4)}.team-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.team-head>div{display:flex;align-items:center;gap:8px}.team-dot{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.team-panel.red .team-dot{color:var(--red)}.team-panel.blue .team-dot{color:var(--blue)}.team-head h2{margin:0;font-size:.8rem}.count-pill{min-width:28px;padding:4px 7px;border-radius:999px;background:#090909;text-align:center;font-size:.55rem}.player-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:7px;min-height:150px;align-content:start}.player-card{display:flex;align-items:center;gap:7px;min-width:0;padding:7px;border-radius:12px;background:#0c0c0c;border:1px solid rgba(255,255,255,.055)}.player-card img{width:30px;height:30px;border-radius:9px;object-fit:cover}.player-card>div{min-width:0;flex:1}.player-card b{display:block;font-size:.55rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-card small{font-size:.44rem;color:#6e6e76}.host-mark{color:#fbbf24;font-size:.78rem}.move-btn{border:0;background:transparent;color:#777;cursor:pointer;font-size:.68rem}.move-btn:hover{color:#fff}.team-join{width:100%;margin-top:10px;padding:9px;color:#fff;border:1px solid transparent}.red-btn{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.22)}.blue-btn{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.22)}.lobby-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:13px 0}.lobby-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-radius:16px;background:#111;border:1px solid var(--line)}.lobby-hint{color:#8a8a92;font-size:.62rem}.primary-btn.big{padding:12px 22px}.game-top{display:grid;grid-template-columns:1fr minmax(160px,.8fr) 1fr;gap:10px;align-items:stretch;margin-bottom:10px}.score-card,.turn-box{border-radius:17px;background:#121212;border:1px solid var(--line);padding:10px 13px;text-align:center}.score-card span{font-size:.54rem;font-weight:900}.score-card b{display:block;font:900 1.35rem JetBrains Mono,monospace;margin:1px 0}.score-card small{font-size:.45rem;color:#717179}.score-card.red b{color:#f87171}.score-card.blue b{color:#60a5fa}.turn-box small{display:block;color:#73737b;font-size:.48rem}.turn-box strong{display:block;font-size:1.15rem;color:#fbbf24;line-height:1.35}.turn-timer{display:inline-flex;margin-top:3px;padding:3px 8px;border-radius:999px;background:#090909;color:#fff;font:800 .58rem JetBrains Mono,monospace}.path-hint{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 10px}.path-hint span{padding:5px 8px;border-radius:999px;font-size:.49rem;font-weight:800}.red-line{background:rgba(239,68,68,.07);border:1px solid rgba(239,68,68,.16);color:#fca5a5}.blue-line{background:rgba(59,130,246,.07);border:1px solid rgba(59,130,246,.16);color:#93c5fd}.game-layout{display:grid;grid-template-columns:160px minmax(0,1fr) 160px;gap:10px;align-items:stretch}.side-panel{padding:10px;border-radius:18px;background:#111;border:1px solid var(--line);max-height:600px;overflow:auto}.red-side{box-shadow:inset 0 2px 0 rgba(239,68,68,.32)}.blue-side{box-shadow:inset 0 2px 0 rgba(59,130,246,.32)}.side-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:7px;font-size:.55rem}.side-head span{padding:3px 6px;border-radius:999px;background:#080808;color:#8d8d95}.mini-team{display:flex;flex-direction:column;gap:5px}.mini-player{display:flex;align-items:center;gap:6px;padding:5px;border-radius:10px;background:#0b0b0b}.mini-player img{width:26px;height:26px;border-radius:8px;object-fit:cover}.mini-player div{min-width:0}.mini-player b{display:block;font-size:.48rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player small{font-size:.4rem;color:#6e6e75}.board-shell{position:relative;min-height:500px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#141414,#0c0c0c);border:4px solid #090909;display:flex;align-items:center;justify-content:center;padding:28px}.board-shell:before,.board-shell:after{content:'';position:absolute;inset:0;pointer-events:none}.board-shell:before{background:linear-gradient(to bottom,rgba(239,68,68,.7) 0 8%,transparent 16% 84%,rgba(239,68,68,.7) 92% 100%);opacity:.38}.board-shell:after{background:linear-gradient(to right,rgba(59,130,246,.7) 0 8%,transparent 16% 84%,rgba(59,130,246,.7) 92% 100%);opacity:.34}.hex-board{position:relative;z-index:2;width:var(--board-w,520px);height:var(--board-h,470px);max-width:100%;filter:drop-shadow(0 15px 24px rgba(0,0,0,.28));transform-origin:center}.hex-cell{position:absolute;width:var(--hex-w);height:var(--hex-h);left:var(--x);top:var(--y);border:0;padding:0;background:transparent;cursor:default;transition:transform .2s ease,filter .2s ease}.hex-cell.host-open{cursor:pointer}.hex-cell.host-open:hover{transform:translateY(-3px) scale(1.035);filter:brightness(1.06)}.hex-shadow,.hex-face{position:absolute;inset:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.hex-shadow{transform:scale(1.055);background:#090909}.hex-face{display:grid;place-items:center;background:linear-gradient(180deg,#f6efdf,#ded2bd);color:#16120d;font-weight:1000;font-size:var(--hex-font);text-shadow:0 1px 0 rgba(255,255,255,.35);transition:background .25s ease,color .25s ease,box-shadow .25s ease}.hex-cell.red .hex-face{background:linear-gradient(160deg,#ef4444,#a71919);color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.06)}.hex-cell.blue .hex-face{background:linear-gradient(160deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.06)}.hex-cell.active .hex-face{background:linear-gradient(160deg,#fbbf24,#f59e0b);color:#1a1103;animation:activePulse .8s ease-in-out infinite alternate}.hex-cell.win .hex-face{animation:winCell .65s ease-in-out infinite alternate;box-shadow:0 0 22px currentColor,inset 0 0 0 3px rgba(255,255,255,.34)}@keyframes activePulse{to{filter:brightness(1.14);transform:scale(.97)}}@keyframes winCell{to{filter:brightness(1.24);transform:scale(.94)}}.question-panel{margin:12px auto 0;display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;padding:14px;border-radius:20px;background:linear-gradient(180deg,#171717,#111);border:1px solid rgba(245,158,11,.16);box-shadow:0 18px 48px rgba(0,0,0,.22)}.question-letter{width:76px;height:76px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(160deg,#f6c54a,#e99708);color:#1a1102;font-size:2.3rem;font-weight:1000;box-shadow:0 9px 30px rgba(245,158,11,.12)}.question-body small{color:#777780;font-size:.48rem}.question-body h2{margin:3px 0 0;font-size:.92rem;line-height:1.75}.answer-reveal{margin-top:8px;padding:7px 9px;border-radius:10px;background:rgba(34,197,94,.07);border:1px solid rgba(34,197,94,.16);color:#86efac;font-size:.58rem}.answer-form{grid-column:1/-1;display:flex;gap:8px}.answer-form input{flex:1;min-width:0;padding:11px 12px;border-radius:12px;background:#090909;border:1px solid rgba(255,255,255,.09);outline:0;color:#fff;font-size:.68rem}.answer-form input:focus{border-color:rgba(245,158,11,.4)}.host-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;padding-top:3px}.host-actions .ghost-btn,.award-btn{font-size:.55rem;padding:8px 10px}.award-btn{color:#fff}.award-btn.red{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.25)}.award-btn.blue{background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.25)}.game-hint{text-align:center;color:#7c7c84;font-size:.56rem;margin:10px 0}.game-actions{display:flex;justify-content:center;gap:7px}.winner-card{max-width:640px;margin:25px auto 12px;text-align:center;padding:23px;border-radius:24px;background:#121212;border:1px solid var(--line)}.winner-card.red{box-shadow:0 0 0 1px rgba(239,68,68,.18),0 20px 55px rgba(239,68,68,.08)}.winner-card.blue{box-shadow:0 0 0 1px rgba(59,130,246,.18),0 20px 55px rgba(59,130,246,.08)}.winner-card small{color:#777;font-size:.5rem}.winner-card h1{margin:4px 0;font-size:1.7rem}.winner-card p{margin:0;color:#898991;font-size:.62rem}.finish-board{max-width:780px;margin:auto;display:flex;justify-content:center;overflow:auto;padding:20px;border-radius:22px;background:#111;border:1px solid var(--line)}.finish-actions{display:flex;justify-content:center;gap:8px;margin-top:12px}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.66);backdrop-filter:blur(7px)}.modal-card{width:min(520px,100%);max-height:88vh;overflow:auto;padding:18px;border-radius:22px;background:linear-gradient(180deg,#1a1a1a,#111);border:1px solid rgba(255,255,255,.09);box-shadow:0 30px 80px rgba(0,0,0,.48)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:13px}.modal-head span{font-size:.48rem;color:#fbbf24;font-weight:900}.modal-head h2{margin:2px 0 0;font-size:1rem}.icon-btn{border:0;width:34px;height:34px;border-radius:10px;background:#0b0b0b;color:#aaa;cursor:pointer;font-size:1.1rem}.setting{display:block;padding:11px 0;border-top:1px solid rgba(255,255,255,.055)}.setting>span,.setting>div>span{display:block;font-size:.62rem;font-weight:900;margin-bottom:6px}.setting small{display:block;color:#72727a;font-size:.48rem;margin-top:4px}.setting input[type=number],.setting select{width:100%;padding:9px 10px;border-radius:11px;background:#0b0b0b;border:1px solid rgba(255,255,255,.09);color:#fff;outline:0}.setting.switch{display:flex;align-items:center;justify-content:space-between;gap:12px}.setting.switch>div{flex:1}.setting.switch input{width:20px;height:20px;accent-color:#f59e0b}.modal-save{width:100%;margin-top:10px}.rules-list{display:flex;flex-direction:column;gap:8px}.rules-list p{margin:0;padding:10px 11px;border-radius:12px;background:#0c0c0c;color:#a1a1aa;font-size:.58rem;line-height:1.8}.rules-list b{color:#fbbf24}.toast{position:fixed;z-index:150;left:50%;bottom:22px;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:9px 13px;border-radius:12px;background:#f5f5f5;color:#111;font-size:.6rem;font-weight:900;box-shadow:0 16px 40px rgba(0,0,0,.35);transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:920px){.game-layout{grid-template-columns:1fr}.side-panel{display:none}.board-shell{min-height:470px}.page{padding-inline:12px}}@media(max-width:720px){.topbar{height:auto;padding:8px}.brand span,.account-pill span{display:none}.brand img{width:34px;height:34px}.account-pill{padding:4px;min-height:38px}.account-pill img{width:29px;height:29px}.top-actions{gap:5px}.top-actions .ghost-btn{padding:7px 8px;font-size:.52rem}.page{padding-top:24px}.home-grid,.teams-grid,.public-rooms{grid-template-columns:1fr}.home-card{min-height:165px}.room-head{align-items:flex-start;flex-direction:column}.room-actions{width:100%}.room-actions>*{flex:1}.game-top{grid-template-columns:1fr 1.1fr 1fr}.score-card,.turn-box{padding:8px 5px}.question-panel{grid-template-columns:58px 1fr}.question-letter{width:58px;height:58px;font-size:1.8rem}.answer-form{flex-direction:column}.board-shell{padding:16px;min-height:430px}.lobby-bottom{align-items:stretch;flex-direction:column}.primary-btn.big{width:100%}}@media(max-width:480px){.top-actions .link-btn{display:none}.hero{padding-top:12px}.hero h1{font-size:2.1rem}.feature-row span{font-size:.46rem}.game-top{gap:5px}.score-card span{font-size:.46rem}.score-card b{font-size:1.05rem}.turn-box strong{font-size:.95rem}.board-shell{border-width:3px;border-radius:18px;padding:8px;min-height:370px}.question-body h2{font-size:.75rem}.host-actions{display:grid;grid-template-columns:repeat(2,1fr)}.host-actions>*{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* XD_LETTERS_SITE_STYLE_V203 */
#positionScreen{width:min(1120px,calc(100% - 28px));margin:0 auto;padding:34px 0 72px}
#positionScreen .cn-choose-head{text-align:right;margin:0 0 22px;padding:0}
#positionScreen .cn-choose-head>span{display:inline-flex;color:#f59e0b;font-weight:900;font-size:.78rem;letter-spacing:.04em;margin-bottom:7px}
#positionScreen .cn-choose-head h1{margin:0;color:#fff;font-size:clamp(1.8rem,4vw,2.75rem);line-height:1.15}
#positionScreen .cn-choose-head p{margin:9px 0 0;color:#a9a9b2;font-weight:700}
#positionScreen .cn-choose-room,#positionScreen .unassigned,#positionScreen .team-panel{background:linear-gradient(145deg,rgba(29,29,32,.96),rgba(18,18,20,.98));border:1px solid rgba(255,255,255,.09);border-radius:22px;box-shadow:0 18px 45px rgba(0,0,0,.24)}
#positionScreen .cn-choose-room{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;margin-bottom:16px}
#positionScreen .cn-choose-room span{color:#92929c;font-weight:800}
#positionScreen .cn-choose-room b{direction:ltr;color:#fbbf24;font-size:1.45rem;letter-spacing:.18em}
#positionScreen .teams-grid{gap:16px}
#positionScreen .team-panel{padding:20px;overflow:hidden}
#positionScreen .team-panel.red{border-top:3px solid #ef4444}#positionScreen .team-panel.blue{border-top:3px solid #3b82f6}
#positionScreen .player-list{min-height:92px}
#positionScreen .role-btn,#positionScreen #beginMatch{min-height:48px;border-radius:14px;font-family:inherit;font-weight:900}
#positionScreen .unassigned{margin-top:16px;padding:17px 20px}
#positionScreen .cn-choose-bottom{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:14px}
@media(max-width:720px){#positionScreen{width:min(100% - 20px,1120px);padding-top:22px}#positionScreen .teams-grid{grid-template-columns:1fr}#positionScreen .cn-choose-bottom{align-items:stretch;flex-direction:column}#positionScreen .cn-choose-actions,#positionScreen #beginMatch{width:100%}}

/* XD_HORF_CHAT_CELL_V321 */
.hex-cell.chat{border-color:rgba(245,158,11,.75)!important;background:linear-gradient(145deg,rgba(245,158,11,.30),rgba(234,88,12,.18))!important;box-shadow:0 0 0 2px rgba(245,158,11,.10),0 12px 28px rgba(0,0,0,.24)!important}.hex-cell.chat .cell-letter{color:#fff7d6!important}

/* XD_HORF_HOST_MENU_V325 */
#hostQuestionActions.xd-horf-host-menu{width:min(94%,760px);margin:16px auto 12px;padding:10px 12px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;border:1px solid rgba(245,158,11,.28);border-radius:18px;background:linear-gradient(180deg,rgba(28,28,30,.96),rgba(18,18,20,.96));box-shadow:0 14px 36px rgba(0,0,0,.28);position:relative;z-index:12}.xd-horf-host-menu.hidden{display:none!important}.xd-horf-host-menu-title{width:100%;text-align:center;color:#fbbf24;font-size:.68rem;font-weight:900;letter-spacing:.04em;margin-bottom:1px}.xd-horf-host-menu button{min-width:142px;min-height:42px;border-radius:12px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.055)!important;color:#f4f4f5!important;font-family:Cairo,sans-serif!important;font-size:.72rem!important;font-weight:900!important;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.xd-horf-host-menu button:hover{transform:translateY(-1px);border-color:rgba(245,158,11,.5)!important;background:rgba(245,158,11,.10)!important}.xd-horf-host-menu button[data-act="reveal"]{color:#fde68a!important}.xd-horf-host-menu button[data-act="skip"]{color:#fca5a5!important}.xd-horf-host-menu button:disabled{opacity:.48;cursor:wait;transform:none!important}.xd-horf-host-menu button.is-working{border-color:#f59e0b!important}.hex-cell.skipped{border-color:rgba(113,113,122,.62)!important;background:linear-gradient(145deg,rgba(63,63,70,.82),rgba(39,39,42,.72))!important;opacity:.62}.hex-cell.skipped .cell-letter,.hex-cell.skipped .v241-letter{color:#a1a1aa!important;text-decoration:line-through}#roundDoneLabel{display:none!important}@media(max-width:700px){#hostQuestionActions.xd-horf-host-menu{width:100%;padding:8px;gap:6px;border-radius:15px}.xd-horf-host-menu button{min-width:0;flex:1 1 30%;font-size:.63rem!important;padding:9px 7px!important}}

/* XD_HORF_SOLID_CELLS_V326 */
/* خلايا خلية حروف: وجه واحد نظيف بلون ثابت، بدون تدرج أو تقسيمات بصرية مزعجة. */
.hex-shadow{background:#080808!important;transform:scale(1.025)!important}
.hex-face{background:#eee4d2!important;color:#17120d!important;box-shadow:none!important;filter:none!important}
.hex-cell.red .hex-face{background:#dc3f45!important;color:#fff!important}
.hex-cell.blue .hex-face{background:#3478d4!important;color:#fff!important}
.hex-cell.chat .hex-face,.hex-cell.stream .hex-face{background:#e8a91e!important;color:#17120d!important}
.hex-cell.skipped .hex-face{background:#4b4b52!important;color:#b8b8bf!important}
.hex-cell.active .hex-face{box-shadow:0 0 0 3px rgba(245,158,11,.30),0 0 18px rgba(245,158,11,.22)!important}
.hex-cell.win .hex-face{filter:brightness(1.08)!important}

/* XD_HORF_CLASSIC_HONEYCOMB_V327 */
/*
 * خلية حروف — لوحة أقرب للشكل الكلاسيكي في المرجع:
 * إطار بنفسجي/أصفر، أرضية خضراء، جوانب برتقالية،
 * وخلايا بيضاء بحد وحروف بنفسجية. حالات اللعب تظل واضحة فوق التصميم.
 */
#gameScreen .board-shell{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:520px!important;
  padding:38px 34px!important;
  border:6px solid #f1d650!important;
  border-radius:28px!important;
  background:#69b44f!important;
  box-shadow:0 0 0 4px #5d3f7b,0 18px 48px rgba(0,0,0,.34),inset 0 0 0 3px rgba(255,255,255,.16)!important;
}
#gameScreen .board-shell:before,
#gameScreen .board-shell:after{
  content:''!important;
  position:absolute!important;
  top:12px!important;
  bottom:12px!important;
  width:43%!important;
  opacity:1!important;
  pointer-events:none!important;
  z-index:0!important;
  background:#ef854d!important;
}
#gameScreen .board-shell:before{
  left:12px!important;
  right:auto!important;
  clip-path:polygon(0 0,100% 50%,0 100%)!important;
}
#gameScreen .board-shell:after{
  right:12px!important;
  left:auto!important;
  clip-path:polygon(100% 0,0 50%,100% 100%)!important;
}
#gameScreen .board-shell .hex-board{
  position:relative!important;
  z-index:3!important;
  filter:drop-shadow(0 8px 12px rgba(43,28,55,.22))!important;
}
#gameScreen .hex-cell{
  filter:none!important;
  transition:transform .14s ease,filter .14s ease!important;
}
#gameScreen .hex-cell.host-open:hover{
  transform:translateY(-2px) scale(1.025)!important;
  filter:brightness(1.02)!important;
}
#gameScreen .hex-cell .hex-shadow{
  background:#60417e!important;
  transform:scale(1.035)!important;
  filter:none!important;
}
#gameScreen .hex-cell .hex-face{
  background:#fbfbfa!important;
  color:#623e82!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.82)!important;
  filter:none!important;
  text-shadow:none!important;
  font-weight:400!important;
}
#gameScreen .hex-cell.red .hex-face{
  background:#dc4650!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)!important;
}
#gameScreen .hex-cell.blue .hex-face{
  background:#3e78d1!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)!important;
}
#gameScreen .hex-cell.chat .hex-face,
#gameScreen .hex-cell.stream .hex-face,
#gameScreen .hex-cell.active .hex-face{
  background:#f0ad36!important;
  color:#4a2d10!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)!important;
}
#gameScreen .hex-cell.skipped .hex-face{
  background:#65636a!important;
  color:#d8d6dc!important;
}
#gameScreen .hex-cell.win .hex-face{
  filter:brightness(1.08)!important;
  box-shadow:0 0 0 3px rgba(255,255,255,.38)!important;
}
#gameScreen .xd-horf-path-guides{display:none!important}

/* شاشة النهاية تستخدم نفس أسلوب الخلايا بدون إطار الملعب الكبير. */
#finishedScreen .hex-cell .hex-shadow{background:#60417e!important;transform:scale(1.035)!important}
#finishedScreen .hex-cell .hex-face{background:#fbfbfa!important;color:#623e82!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
#finishedScreen .hex-cell.red .hex-face{background:#dc4650!important;color:#fff!important}
#finishedScreen .hex-cell.blue .hex-face{background:#3e78d1!important;color:#fff!important}
#finishedScreen .hex-cell.chat .hex-face,#finishedScreen .hex-cell.stream .hex-face,#finishedScreen .hex-cell.active .hex-face{background:#f0ad36!important;color:#4a2d10!important}
#finishedScreen .hex-cell.skipped .hex-face{background:#65636a!important;color:#d8d6dc!important}

@media(max-width:900px){
  #gameScreen .board-shell{min-height:450px!important;padding:30px 22px!important;border-width:5px!important;border-radius:23px!important;box-shadow:0 0 0 3px #5d3f7b,0 14px 36px rgba(0,0,0,.30)!important}
}
@media(max-width:620px){
  #gameScreen .board-shell{min-height:360px!important;padding:22px 14px!important;border-width:4px!important;border-radius:19px!important;box-shadow:0 0 0 3px #5d3f7b,0 12px 30px rgba(0,0,0,.28)!important}
  #gameScreen .board-shell:before,#gameScreen .board-shell:after{top:8px!important;bottom:8px!important;width:46%!important}
  #gameScreen .board-shell:before{left:8px!important}
  #gameScreen .board-shell:after{right:8px!important}
}


/* XD_HORF_GAMEPLAY_V328 */
#gameScreen .v328-arena{width:min(100%,820px)!important;margin:12px auto 18px!important;padding:18px!important;border-radius:24px!important;background:rgba(19,16,24,.94)!important;border:1px solid rgba(241,214,80,.24)!important;box-shadow:0 22px 60px rgba(0,0,0,.34)!important;position:relative!important;overflow:hidden!important;text-align:center!important}
#gameScreen .v328-arena .question-copy{position:relative;z-index:2}
#gameScreen .v328-arena .question-copy h2{font-size:clamp(1rem,2.6vw,1.55rem)!important;line-height:1.8!important;margin:5px auto 8px!important;max-width:700px!important}
#gameScreen .v328-arena .question-letter{width:58px!important;height:58px!important;margin:0 auto 8px!important;border-radius:17px!important;background:#fbfbfa!important;color:#623e82!important;border:3px solid #60417e!important;font-size:2rem!important;display:grid!important;place-items:center!important;position:relative!important;z-index:3!important}
#gameScreen .horf-phase-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:29px;padding:5px 11px;margin:0 auto 9px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);font-size:.68rem;font-weight:900;color:#f4f4f5;position:relative;z-index:4}
#gameScreen .horf-phase-pill.team-red{border-color:rgba(239,68,68,.4);color:#fecaca}#gameScreen .horf-phase-pill.team-blue{border-color:rgba(59,130,246,.4);color:#bfdbfe}
#gameScreen .horf-letter-picker{position:relative;z-index:3;margin:12px auto 8px;padding:12px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.075)}
#gameScreen .horf-letter-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;text-align:right}#gameScreen .horf-letter-head b{font-size:.76rem}#gameScreen .horf-letter-head small{font-size:.58rem;color:#a1a1aa}
#gameScreen .horf-letter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:7px}
#gameScreen .horf-letter-btn{min-height:44px;border-radius:12px;border:2px solid #60417e;background:#fbfbfa;color:#623e82;font:900 1.08rem 'XD Lalezar',Cairo,sans-serif;cursor:pointer;transition:.15s ease}#gameScreen .horf-letter-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(0,0,0,.24)}#gameScreen .horf-letter-btn:disabled{opacity:.35;cursor:not-allowed}
#gameScreen .horf-event-feed{position:relative;z-index:2;display:grid;gap:8px;max-height:300px;overflow:auto;margin:11px 0;padding:3px 3px 3px 1px;scrollbar-width:thin}
#gameScreen .horf-feed-empty{padding:18px;color:#777782;font-size:.66rem}
#gameScreen .horf-answer-card{display:grid;grid-template-columns:52px 1fr;grid-template-areas:'name name' 'avatar body';align-items:center;gap:5px 10px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);text-align:right}
#gameScreen .horf-answer-name{grid-area:name;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gameScreen .horf-answer-avatar{grid-area:avatar;width:48px;height:48px;border-radius:50%;object-fit:cover;background:#111;border:3px solid #7b7b86;box-shadow:0 5px 14px rgba(0,0,0,.32)}
#gameScreen .horf-answer-card.team-red .horf-answer-avatar{border-color:#ef4444;box-shadow:0 0 0 2px rgba(239,68,68,.17),0 5px 14px rgba(0,0,0,.32)}#gameScreen .horf-answer-card.team-blue .horf-answer-avatar{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.17),0 5px 14px rgba(0,0,0,.32)}#gameScreen .horf-answer-card.team-chat .horf-answer-avatar{border-color:#f1d650}
#gameScreen .horf-answer-body{grid-area:body;min-width:0}#gameScreen .horf-answer-body strong{display:block;font-size:.9rem;word-break:break-word}#gameScreen .horf-answer-body small{display:block;margin-top:2px;color:#8f8f99;font-size:.55rem}.horf-answer-card.team-red .horf-answer-body small{color:#fca5a5}.horf-answer-card.team-blue .horf-answer-body small{color:#93c5fd}.horf-answer-card.team-chat .horf-answer-body small{color:#fde68a}
#gameScreen .horf-system-event{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055);text-align:right;color:#b8b8c1;font-size:.63rem;font-weight:800}.horf-system-event i{width:8px;height:8px;border-radius:50%;background:#f1d650;flex:0 0 auto}.horf-system-event.team-red i{background:#ef4444}.horf-system-event.team-blue i{background:#3b82f6}
#gameScreen .v328-arena .answer-form{position:relative;z-index:4;max-width:680px;margin:10px auto 0!important}#gameScreen .v328-arena .answer-form input{font-size:.8rem!important}
#gameScreen .v328-host-controls{position:relative!important;z-index:5!important;width:100%!important;margin:12px auto 0!important;border:none!important;background:transparent!important;box-shadow:none!important;padding:0!important}.v328-host-controls .xd-horf-host-menu-title{display:none!important}.v328-host-controls button{min-width:0!important;flex:1 1 150px!important}
#gameScreen .v328-arena.is-reveal .question-copy h2,#gameScreen .v328-arena.is-reveal .horf-event-feed,#gameScreen .v328-arena.is-reveal .horf-letter-picker{filter:blur(5px);opacity:.34;pointer-events:none}.v328-arena.is-reveal .answer-reveal{position:relative!important;z-index:12!important;display:block!important;width:min(94%,580px)!important;margin:12px auto!important;padding:18px!important;border-radius:18px!important;background:rgba(15,12,20,.88)!important;backdrop-filter:blur(14px)!important;border:1px solid rgba(241,214,80,.34)!important;color:#fff!important;font-size:1rem!important;box-shadow:0 16px 42px rgba(0,0,0,.45)!important}.v328-arena.is-reveal .answer-reveal b{color:#f1d650!important;font-size:1.25em!important}
#gameScreen #turnTimer{display:inline-flex!important;margin:5px auto 0!important;padding:5px 10px!important;min-width:58px!important;justify-content:center!important;border-radius:999px!important;background:#0b0b0d!important;border:1px solid rgba(255,255,255,.1)!important;font:900 .72rem JetBrains Mono,monospace!important;color:#fff!important}
#gameScreen #redGamePlayers .v241-avatar-wrap img{border:2px solid #ef4444!important}#gameScreen #blueGamePlayers .v241-avatar-wrap img{border:2px solid #3b82f6!important}
#gameScreen .v328-cell-owner{position:absolute;left:50%;bottom:7%;translate:-50% 0;display:flex;align-items:center;gap:3px;max-width:82%;z-index:7;padding:2px 4px;border-radius:999px;background:rgba(15,15,18,.76);box-shadow:0 3px 9px rgba(0,0,0,.28)}#gameScreen .v328-cell-owner img{width:20px;height:20px;border-radius:50%;object-fit:cover;border:1.5px solid #fff}#gameScreen .v328-cell-owner b{max-width:55px;color:#fff;font-family:Cairo,sans-serif;font-size:.42rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v241-chat-mode #gameScreen .hex-cell.chat .hex-face,body.v241-chat-mode #gameScreen .hex-cell.stream .hex-face{background:#fbfbfa!important;color:#623e82!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.82)!important}body.v241-chat-mode #gameScreen .hex-cell.chat .hex-shadow,body.v241-chat-mode #gameScreen .hex-cell.stream .hex-shadow{background:#60417e!important}
@media(max-width:700px){#gameScreen .v328-arena{padding:12px!important;border-radius:18px!important}.horf-letter-grid{grid-template-columns:repeat(5,1fr)!important}.horf-letter-btn{min-height:40px!important}.horf-answer-card{grid-template-columns:44px 1fr!important}.horf-answer-avatar{width:42px!important;height:42px!important}.horf-event-feed{max-height:245px!important}.v328-host-controls button{flex:1 1 30%!important;font-size:.58rem!important;padding:9px 5px!important}}


/* XD_HORF_TIMER_CHAT_POLISH_V329 */
#gameScreen #turnTimer.hidden{display:none!important}
#gameScreen #turnTimer:not(.hidden){display:inline-flex!important}
body.v241-chat-mode #gameScreen #teamScorebar,
body.v241-chat-mode #gameScreen #playersGameMeta,
body.v241-chat-mode #gameScreen #pickerBanner{display:none!important}
body.v241-chat-mode #gameScreen .v328-arena{border-color:rgba(241,214,80,.28)!important}
body.v241-chat-mode #gameScreen .hex-cell.skipped .hex-face{background:#08080a!important;color:#777780!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important}
body.v241-chat-mode #gameScreen .hex-cell.skipped .hex-shadow{background:#000!important}