[hidden]{display:none!important}.outsider-main{padding-top:35px;padding-bottom:40px}.outsider-heading{position:relative;margin-bottom:30px}.outsider-heading h1{font-size:clamp(34px,4vw,54px);font-weight:900;line-height:1.2;margin:12px 0}.outsider-heading em{font-style:normal;color:var(--gold)}.outsider-heading>p{color:var(--muted);font-size:15px}.mode-badge{position:absolute;left:0;top:35px;border:1px solid var(--line);color:var(--gold);border-radius:30px;padding:9px 16px;font-size:12px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.play-panel,.rules-panel,.score-panel{border:1px solid #be944744;border-radius:20px;background:linear-gradient(140deg,#342318,#25190f);padding:27px}.play-panel{min-height:550px;box-shadow:0 20px 50px #0003}.panel-head{display:flex;justify-content:space-between;color:#c8a971;font-size:12px;border-bottom:1px solid #be944730;padding-bottom:16px;margin-bottom:25px}.play-panel h2{font-size:29px;margin:12px 0}.play-panel label{display:block;color:#c9b28e;font-size:14px;margin:14px 0 7px}.play-panel textarea,.play-panel select,.play-panel input{width:100%;box-sizing:border-box;background:#1c130e;color:#f5e4c9;border:1px solid #b58b4144;border-radius:10px;padding:12px;font:16px/1.6 'Tajawal',sans-serif}.play-panel textarea{resize:vertical;max-height:300px;min-height:135px}.play-panel textarea::placeholder{color:#7f684f}.play-panel select{padding:8px 12px}.play-panel input:focus,.play-panel textarea:focus,.play-panel select:focus{outline:2px solid #d6ae6b;outline-offset:2px}.gold-btn,.plain-btn,.vote-btn{font-family:'Tajawal',sans-serif;cursor:pointer}.gold-btn{display:block;background:linear-gradient(110deg,#cea35d,#f2ce84);border:0;border-radius:11px;color:#322016;font-size:20px;font-weight:900;padding:15px 22px;width:100%;margin-top:21px;min-height:56px}.gold-btn:hover{filter:brightness(1.08)}.plain-btn{border:1px solid #b88c4344;background:#21160f;color:#d8b87e;padding:10px 16px;border-radius:9px;font-size:14px;margin-top:12px}.gold-btn:disabled,.plain-btn:disabled{opacity:.45;cursor:default}.muted{color:#b29a78;font-size:14px;line-height:1.8}.error{color:#edb39a;font-size:14px;min-height:8px}.rules-panel h2,.score-panel h2{font-size:20px;margin:9px 0 14px}.rules-panel ol{padding-right:20px;color:#d5bfa0;font-size:14px;line-height:1.9}.rules-panel li{padding-bottom:12px}.score-panel{margin-top:18px}.score-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #b68b4128;gap:12px;overflow-wrap:anywhere}.score-row strong{color:#eacb91;font-size:22px}.score-row span{color:#dec6a5;font-size:14px}.privacy-note{font-size:12px;color:#967f61;line-height:1.8;padding:0 6px}.secret-symbol{display:grid;place-items:center;margin:22px auto;width:85px;height:85px;border-radius:22px;border:1px solid #c29a4b55;background:radial-gradient(circle,#89603655,#281a10);box-shadow:0 15px 30px #0003;color:#ebc57c;font-size:44px;font-weight:900}#roles,#questions,#voting,#guessing,#result{text-align:center}.secret-card{padding:25px 18px;border-radius:15px;border:1px solid #d7b46a66;background:radial-gradient(ellipse,#76522b55,#22170f);margin:24px 0;min-height:130px}.secret-card span{display:block;font-size:13px;color:#ccb28a}.secret-card strong{display:block;font-size:39px;color:#f9da99;margin:10px 0}.secret-card p{color:#c6ad87;font-size:14px;margin:0}.secret-card.outside{border-color:#bf785666;background:linear-gradient(140deg,#53322055,#241811)}.secret-card.outside strong{color:#efb491;font-size:29px}.question-card{border:1px solid #ad82443d;border-radius:14px;padding:22px 16px;background:#21160f;margin-top:24px}.question-card>span{font-size:12px;color:#967e5e}.question-card h3{font-size:24px;color:#eac88c;margin:10px 0;overflow-wrap:anywhere}.question-card p{color:#c9af89;margin:0;font-size:15px}.timer{font-size:42px;font-weight:900;color:#f1ce89;margin:18px 0 0;direction:ltr}.action-row{display:flex;justify-content:center;gap:10px}.vote-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:25px}.vote-btn{padding:18px 12px;border:1px solid #b48c464d;border-radius:12px;color:#edd1a1;background:#21160f;font-size:17px;font-weight:700;overflow-wrap:anywhere}.vote-btn:hover{border-color:#e9c579;background:#47301a}.result-secret{padding:20px;border:1px solid #ba924a44;border-radius:15px;background:#21160f;margin:20px 0}.result-secret span{display:block;font-size:12px;color:#9d8361}.result-secret strong{display:block;font-size:29px;color:#f4d094;margin:5px 0 15px;overflow-wrap:anywhere}#voteSummary{color:#bea681;font-size:13px;line-height:1.8}.outsider-cover{background:radial-gradient(ellipse at 55% 40%,#91652d77,#281c13 75%)!important}.cover-secret{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%) rotate(-9deg);width:115px;height:140px;border-radius:16px;border:2px solid #c79c55;background:linear-gradient(145deg,#67441f,#2c1d12);display:grid;place-items:center;font-size:85px;font-weight:900;color:#e9c17c;box-shadow:18px 12px 0 -2px #392619,19px 13px 0 -1px #a1773e,0 20px 35px #0006}.cover-secret:after{content:'THN';font-size:10px;letter-spacing:4px;position:absolute;bottom:13px;left:50%;transform:translateX(-50%)}@media(max-width:800px){.game-layout{grid-template-columns:1fr}.game-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:14px}.score-panel{margin-top:0}.privacy-note{grid-column:1/-1}.mode-badge{position:static;display:inline-block;margin-top:6px}.play-panel{min-height:0}.outsider-heading h1{font-size:40px}}@media(max-width:500px){.play-panel,.rules-panel,.score-panel{padding:20px}.game-sidebar{display:block}.score-panel{margin-top:15px}.outsider-heading h1{font-size:35px}.play-panel h2{font-size:25px}.vote-options{gap:9px}.vote-btn{font-size:16px}.secret-card strong{font-size:32px}.action-row{flex-wrap:wrap}}

#onlineGame{text-align:center}.online-invite{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#e3c68f;font-size:18px}.online-players{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:18px 0}.online-player{border:1px solid #ae864540;padding:7px 12px;border-radius:9px;color:#ceb48d;font-size:13px}#onlinePair{font-size:22px;color:#f0cf94;overflow-wrap:anywhere}
.rules-panel ol{list-style:none;padding-right:0;counter-reset:rule}.rules-panel li{counter-increment:rule;position:relative;padding-right:25px}.rules-panel li:before{content:counter(rule,arabic-indic);position:absolute;right:0;color:#d6af69;font-weight:700}

.outsider-cover{background:linear-gradient(0deg,#160e09d9,transparent 65%),url('/thn-outsider.webp') center 40%/cover no-repeat!important}