@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap');
/* Rakkas by Zeynep Akay, SIL OFL 1.1; see fonts/OFL-Rakkas.txt. */
@font-face{font-family:'Sora Rakkas';src:url(data:font/ttf;base64,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G7ADQ2BZsAMlsAJiILAAUFiwQGBZZrABY2EjICCwBCYjRmE4GyOwCENGsAIlsAhDRyNHI2FgILAEQ7ACYiCwAFBYsEBgWWawAWNgIyCwASsjsARDYLABK7AFJWGwBSWwAmIgsABQWLBAYFlmsAFjsAQmYSCwBCVgZCOwAyVgZFBYIRsjIVkjICCwBCYjRmE4WS2wOiywABawESNCICAgsAUmIC5HI0cjYSM8OC2wOyywABawESNCILAII0IgICBGI0ewASsjYTgtsDwssAAWsBEjQrADJbACJUcjRyNhsABUWC4gPCMhG7ACJbACJUcjRyNhILAFJbAEJUcjRyNhsAYlsAUlSbACJWG5CAAIAGNjIyBYYhshWWO4BABiILAAUFiwQGBZZrABY2AjLiMgIDyKOCMhWS2wPSywABawESNCILAIQyAuRyNHI2EgYLAgYGawAmIgsABQWLBAYFlmsAFjIyAgPIo4LbA+LCMgLkawAiVGsBFDWFAbUllYIDxZLrEuARQrLbA/LCMgLkawAiVGsBFDWFIbUFlYIDxZLrEuARQrLbBALCMgLkawAiVGsBFDWFAbUllYIDxZIyAuRrACJUawEUNYUhtQWVggPFkusS4BFCstsEEssDgrIyAuRrACJUawEUNYUBtSWVggPFkusS4BFCstsEIssDkriiAgPLAEI0KKOCMgLkawAiVGsBFDWFAbUllYIDxZLrEuARQrsARDLrAuKy2wQyywABawBCWwBCYgICBGI0dhsAojQi5HI0cjYbAJQysjIDwgLiM4sS4BFCstsEQssQgEJUKwABawBCWwBCUgLkcjRyNhILAEI0KxCgBCsAlDKyCwYFBYILBAUVizAiADIBuzAiYDGllCQiMgR7AEQ7ACYiCwAFBYsEBgWWawAWNgILABKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwAmIgsABQWLBAYFlmsAFjYbACJUZhOCMgPCM4GyEgIEYjR7ABKyNhOCFZsS4BFCstsEUssQA4Ky6xLgEUKy2wRiyxADkrISMgIDywBCNCIzixLgEUK7AEQy6wListsEcssAAVIEewACNCsgABARUUEy6wNCotsEgssAAVIEewACNCsgABARUUEy6wNCotsEkssQABFBOwNSotsEossDcqLbBLLLAAFkUjIC4gRoojYTixLgEU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) format('truetype');font-display:swap}

:root{--purple:#173b43;--deep:#193239;--muted:#657470;--paper:#f6f3eb;--line:#e4dccb;--lime:#f0b457}
body{background:var(--paper);color:var(--deep)}
h1,h2,h3,.brand,.price{font-family:Cairo,'IBM Plex Sans Arabic',Tahoma,sans-serif}
.header{max-width:none;height:83px;background:#faf8f1;border-bottom:1px solid #e7e2d5;padding:0 max(5%,calc((100% - 1320px)/2));position:relative;z-index:3}
.brand{font-size:26px;letter-spacing:-.04em;font-weight:900;white-space:nowrap}
.brand img{box-shadow:3px 3px 0 #18343c;border-radius:13px}
.brand-caption{color:#9d7868;letter-spacing:0}
.header nav{margin:auto;gap:30px;font-weight:800}
.header nav a:hover,.link:hover{color:#bb7444}
.header>.btn.ghost{border-radius:99px;border-color:#d9d9c9;color:#1e4547}
.btn{font-family:Cairo,'IBM Plex Sans Arabic',Tahoma,sans-serif;font-weight:900;box-shadow:0 5px 0 #082e3380}
.btn:hover{background:#285963}
.btn.ghost{box-shadow:none;border-color:#cbd5d0;color:#1e4547}
.btn.ghost:hover{background:#e9eee8}
.btn.lime{background:#f0b457;color:#1a3537;box-shadow:0 5px 0 #b87536}
.btn.lime:hover{background:#ffd083}
.hero{margin:0;max-width:none;border-radius:0;min-height:0;display:block;padding:0;background:#123b43;color:#fff;isolation:isolate;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 8% 20%,#28616a 0,transparent 37%),repeating-linear-gradient(135deg,transparent 0 44px,#ffffff06 45px 46px);pointer-events:none;z-index:-1}
.hero::after{content:'';position:absolute;width:370px;height:370px;left:6%;top:10%;border-radius:50%;background:#c97a3b45;filter:blur(55px);pointer-events:none;z-index:-1}
.hero-inner{max-width:1460px;margin:auto;min-height:595px;padding:48px clamp(22px,5vw,70px);display:grid;grid-template-columns:1.04fr .96fr;gap:40px;align-items:center}
.hero-copy{padding:0;position:relative;z-index:1}
.hero-kicker{display:inline-flex!important;border-radius:99px;border:1px solid #ffffff30;background:#ffffff17;color:#f1ddba!important;padding:7px 13px;font:900 12px Cairo,Tahoma,sans-serif}
.hero-kicker .pip{background:#f0b457;box-shadow:0 0 0 4px #f0b45725}
.hero h1{font:900 clamp(47px,5.5vw,83px)/1.18 Cairo,Tahoma,sans-serif;margin:24px 0 20px;letter-spacing:-.065em}
.hero h1 em{color:#efb35f}
.hero p{font-size:17px;line-height:2.05;max-width:590px;color:#d3e2dd;margin-bottom:0}
.hero .actions{margin-top:31px}
.hero .secondary{border:1px solid #ffffff55;color:#fff;background:#ffffff13}
.hero .secondary:hover{background:#ffffff25}
.hero-proof{display:flex;flex-wrap:wrap;gap:24px;margin-top:38px;color:#c9d8cf;font-size:12px;font-weight:700}
.hero-proof span:first-letter{color:#f0b457}
.hero-art{position:relative;height:480px;min-width:0;display:grid;place-items:center;padding:0;max-width:none;margin:0}
.hero-art::before{display:none}
.orbit{position:absolute;border:1px solid #ddcd9b35;border-radius:50%;transform:rotate(-22deg)}
.orbit-a{width:450px;height:330px}.orbit-b{width:570px;height:405px}
.hero-art .art-ticket{width:min(315px,68%);max-width:none;height:405px;border-radius:23px;position:absolute;padding:0;transform:none;box-shadow:0 24px 50px #021b29a3}
.art-ticket::before,.art-ticket::after{display:none}
.hero-art .art-back{transform:translate(-62px,5px) rotate(-14deg);background:repeating-linear-gradient(30deg,#cf7948 0 8px,#d98e57 9px 14px);border:8px solid #f2d7ae;display:flex;align-items:center;justify-content:space-between;flex-direction:column;padding:35px;color:#233e44;font:900 33px Cairo,sans-serif}
.art-back .back-star{font-size:97px;color:#f5dba9}
.hero-art .art-front{transform:translate(53px,-4px) rotate(7deg);background:#f2e6cf;border:8px solid #fff2d6;color:#244047;display:flex;align-items:center;flex-direction:column;overflow:hidden}
.art-front .ticket-top{width:100%;padding:11px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #c4a783;font:900 17px Cairo,sans-serif}
.art-front .ticket-top span::first-letter{color:#cf7148}
.art-front .ticket-top small{font-size:10px;letter-spacing:.1em}
.train-track{display:flex;gap:2px;margin-top:20px}.train-track i{display:block;width:26px;height:13px;border:2px solid #8d6750;background:#dfaa67;border-radius:3px}
.hero-train{height:115px;width:155px;color:#9f5d48;margin-top:15px;filter:drop-shadow(6px 7px 0 #d7a575)}
.art-front .art-message{font:900 23px/1.55 Cairo,Tahoma,sans-serif;text-align:center;letter-spacing:-.04em;margin:4px 8px}
.art-front .ticket-bottom{display:block;width:auto;border:0;padding:0;font-size:11px;color:#766a59;font-weight:800;margin:auto 0 15px}
.hero-art .spark{position:absolute;top:4px;right:0;left:auto;color:#eeb15b;font-size:70px;filter:drop-shadow(3px 6px 0 #092e35);transform:none}
.intro-strip{background:#faf8f1;border-bottom:1px solid #e6e0d4;color:#62716b;gap:40px;padding:19px 10px}
.intro-strip b{color:#bb7444}
.wrap{max-width:1460px;padding-right:clamp(22px,5vw,70px);padding-left:clamp(22px,5vw,70px)}
.section{padding-top:82px;padding-bottom:82px}
.section h2{font-size:clamp(32px,3.3vw,46px);letter-spacing:-.05em}
.eyebrow{color:#b77149;font:900 12px Cairo,Tahoma,sans-serif}
.section-head p{font-size:15px;color:#74807a}
.filters{margin-bottom:27px}
.filter{background:#f8f6ef;border-color:#dcd3c3;font-weight:700}.filter[aria-pressed=true]{background:#173d43;color:#fff}
.game-grid{grid-template-columns:minmax(0,1.85fr) minmax(300px,.85fr);gap:20px}
.game-card{border-color:#e9dfcb;background:#fffefa;border-radius:26px;box-shadow:0 18px 36px #2a373510}
.game-card:first-child{display:grid;grid-template-columns:1.1fr .9fr}
.game-card:first-child .cover{height:100%;min-height:330px}
.game-card:nth-child(2) .cover{height:195px}
.game-card:nth-child(2) .word-art{max-width:245px;transform:rotate(-7deg)}
.game-card:nth-child(2) .word-art span{font-size:16px;padding:10px 6px}
.cover.rail{background:#dbe6df}.cover.word{background:#e9dfce;color:#9d5a43}
.game-card .cover .map-art{width:100%;height:auto;max-width:360px;transform:rotate(-7deg);filter:drop-shadow(5px 10px 13px #16433830)}
.tag{border-radius:99px;font-weight:800;font-size:10px;background:#173d43;color:#fff}.tag.new{background:#fff2d4;color:#9f6140}
.favorite{box-shadow:0 3px 12px #192e3040}.favorite[aria-pressed=true]{color:#ba694a}
.game-info{padding:29px;display:flex;flex-direction:column;align-items:flex-start}
.game-info h3{font-size:27px;font-weight:900}.game-info p{color:#6c7771;font-size:13px;min-height:0}.meta{font-size:11px;color:#5c6e64;gap:7px;margin-bottom:25px}.meta span{background:#f2f2e9;border-radius:8px;padding:6px 9px}
.game-info .actions{margin-top:auto;width:100%}
.game-info .btn{background:#173c42;color:#fff}.game-info .btn:hover{background:#285963}
.link{color:#b36b44}
.how{background:#e9dfce;border:1px solid #dfd3bd;border-radius:25px;padding:45px 50px}
.step{background:#f9f6ed;border:1px solid #ddd3c2;border-radius:15px;padding:14px 18px}
.step>span{background:transparent;color:#c17249;font:900 23px Cairo,Tahoma,sans-serif}
.step h3{margin:2px 0}.step p{font-size:12px}
.plan{background:#fffefa;border-color:#e4dccb}.plan.featured{background:#fffbf4;border-color:#be774d;box-shadow:0 13px 35px #ba7b381d;transform:translateY(-7px)}
.plan .ribbon{background:#bc714b}.price{font-weight:900}
.plan li::before{color:#bc714b}
.plan-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.free-plan{background:#e8f4ed;border-color:#8dbbaa}
.free-plan .price span{font-size:34px}
.free-plan .ribbon{background:#24755e}
.billing-panel{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;background:#f5f0e7;border:1px solid #d8ccba;border-radius:18px;padding:18px 22px;margin:24px 0 10px;text-align:center}
.billing-panel p{margin:0}.pass-code{display:block;direction:ltr;text-align:center;background:#f0e7d8;border-radius:12px;padding:16px;margin:18px auto;user-select:all;font-size:20px;letter-spacing:.04em}
@media(max-width:1100px){.plan-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.plan-grid-four{grid-template-columns:1fr}}
.notice{background:#eee8dd;color:#716a5c}
.final-call{max-width:1320px;margin:10px auto 70px;padding:35px 40px;background:#17434a;border-radius:25px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}
.final-call h2{font-size:clamp(29px,3vw,45px);font-weight:900;margin:5px 0}.final-call p{font-size:13px;color:#cbdad5;margin:0}.final-call .eyebrow{color:#f0b457}
footer{border-color:#dfdfd4;color:#85918b}footer .brand{color:#193a3d}footer .footer-dot{color:#bd8459}
dialog{background:#fffaf0}dialog h2{font-weight:900}.close{background:#eee5d5}.score.active{background:#e4efec}.clues span{background:#e7ede8;color:#173c42}.answer{background:#f7eacb}
@media(max-width:1050px){.hero-inner{grid-template-columns:1fr .9fr;gap:15px}.hero-art{height:405px}.hero-art .art-ticket{height:345px;width:min(275px,74%)}.hero-art .art-back{transform:translate(-34px,6px) rotate(-13deg)}.hero-art .art-front{transform:translate(32px,-4px) rotate(7deg)}.hero-train{height:86px}.art-front .art-message{font-size:19px}.orbit-a{width:350px}.orbit-b{width:430px}.game-card:first-child{grid-template-columns:1fr}.game-card:first-child .cover{height:240px;min-height:0}.game-grid{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}}
@media(max-width:750px){.header nav{display:none}.header>.btn{font-size:12px;width:auto}.hero-inner{grid-template-columns:1fr;padding:55px 5% 20px}.hero-art{height:360px}.hero h1{font-size:clamp(45px,9vw,65px)}.game-grid{grid-template-columns:1fr}.game-card:first-child{grid-template-columns:1.1fr .9fr}.game-card:first-child .cover{height:100%;min-height:275px}.game-card:nth-child(2){display:grid;grid-template-columns:1fr 1fr}.game-card:nth-child(2) .cover{height:100%;min-height:230px}.plan.featured{transform:none}.final-call{margin-left:5%;margin-right:5%}}
@media(max-width:560px){.header{height:72px}.brand{font-size:22px}.brand img{width:39px;height:39px}.header>.btn{font-size:0;min-height:40px;width:41px}.header>.btn span{font-size:19px}.hero-inner{gap:10px}.hero h1{margin:20px 0 13px}.hero p{font-size:15px}.hero .actions{gap:8px}.hero .btn{font-size:12px;padding:9px 14px;min-height:46px}.hero-proof{gap:11px;margin-top:26px;font-size:10px}.hero-art{height:335px}.hero-art .art-ticket{width:209px;height:292px;border-width:6px}.hero-art .art-front{transform:translate(36px,-3px) rotate(7deg)}.hero-art .art-back{transform:translate(-36px,4px) rotate(-14deg);padding:20px}.art-back .back-star{font-size:60px}.hero-art .art-back strong{font-size:22px}.art-front .ticket-top{font-size:13px;padding:5px 8px}.train-track{margin-top:10px}.train-track i{width:17px;height:9px}.hero-train{height:77px;width:105px;margin-top:6px}.art-front .art-message{font-size:16px}.art-front .ticket-bottom{font-size:9px}.orbit-a{width:280px;height:260px}.orbit-b{width:350px;height:310px}.hero-art .spark{font-size:47px}.intro-strip{gap:11px;font-size:10px}.section{padding-top:60px;padding-bottom:60px}.section h2{font-size:32px}.game-card:first-child,.game-card:nth-child(2){display:block}.game-card:first-child .cover,.game-card:nth-child(2) .cover{height:220px;min-height:0}.game-info{padding:25px}.how{padding:27px}.step{padding:11px}.plan{min-height:0}.final-call{display:block;padding:25px;margin-bottom:45px}.final-call .btn{margin-top:20px}footer{display:flex}}

/* The first game remains featured; the other seven form a compact library. */
.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.game-card:first-child{grid-column:span 2;grid-template-columns:1.1fr .9fr}
.game-card:not(:first-child) .cover{height:205px}
.game-card:not(:first-child) .game-info{min-height:265px}
.library-count{display:inline-flex;background:#e8e8d9;color:#52605d;padding:9px 15px;border-radius:99px;font-size:12px;font-weight:800;white-space:nowrap}
.party-cover-art{text-align:center;display:grid;justify-items:center;gap:4px;transform:rotate(-7deg)}
.party-cover-art>span{font:900 75px/1 Cairo,Tahoma,sans-serif;text-shadow:5px 7px 0 #142b3440}
.party-cover-art strong{font:900 22px Cairo,Tahoma,sans-serif;background:#fffaedc9;padding:2px 15px;border-radius:9px;box-shadow:0 7px 0 #162f2d22}
.cover.theme-outsider{background:#e5d1b9;color:#8b4d43}
.cover.theme-sketch{background:#dce9d8;color:#20745b}
.cover.theme-spectrum{background:#e8dbed;color:#7b4b9c}
.cover.theme-nonsense{background:#f4d9bc;color:#ad5d3b}
.cover.theme-matchday{background:#d5e8db;color:#216853}
.party-game .play-panel{min-height:290px}
.party-icon{display:inline-grid;place-items:center;width:88px;height:88px;border-radius:20px;background:#e8dfce;color:#b56642;font:900 54px Cairo,Tahoma,sans-serif;transform:rotate(-7deg);margin:8px auto 18px}
.party-scoreboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:9px;margin:20px 0}
.party-scoreboard>div{border:1px solid #e3dccb;background:#faf8f1;border-radius:11px;padding:9px 13px;display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:12px}
.party-scoreboard strong{font:900 23px Cairo,Tahoma,sans-serif;color:#b36b44}
.party-answers{display:grid;gap:9px;text-align:right;margin:20px auto;max-width:620px}
.party-answers>div{background:#f7f3e9;border:1px solid #e7dcca;border-radius:11px;padding:11px 16px;display:flex;gap:15px;align-items:center}
.party-answers b{color:#9c6246;min-width:100px}
.party-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}
.party-actions .btn{font-size:13px}
.private-screen{max-width:640px;margin:auto}
.private-screen h2{font-size:clamp(25px,3vw,34px)}
.private-screen .btn{margin-top:10px}
.party-game .field{text-align:right}
.party-game .field input,.party-game select{max-width:570px;margin:8px auto 0;border:1px solid #d9d0c1;background:white;border-radius:10px;padding:12px;width:100%;display:block;color:#183d42}
.party-game .field input[type=range]{padding:0;accent-color:#bb7444}
.party-game .answer{background:#f7eacb;color:#263e3e}
.party-game .result p{color:#5d6c67}
.party-chain{display:grid;gap:14px;text-align:right;max-width:620px;margin:auto}
.party-chain>div{padding:16px;background:#faf8f1;border:1px solid #e5ddcf;border-radius:13px}
.party-chain b{font-size:12px;color:#9b6142}
.party-chain p{font:900 20px Cairo,Tahoma,sans-serif;margin:8px 0}
#party-canvas{display:block;background:#fffefa;border:2px solid #d1c4ad;border-radius:13px;width:min(100%,640px);height:auto;aspect-ratio:8/5;touch-action:none;margin:18px auto;box-shadow:0 8px 20px #203c3920}
.party-drawing{display:block;width:min(100%,530px);height:auto;border:2px solid #e1d6c7;background:#fffefa;border-radius:12px;margin:16px auto}
.sketch-arena{background:radial-gradient(circle at 0 0,#e7f2df 0,transparent 43%),#fffdf8}
.outsider-group-question{display:grid;gap:6px;margin:18px auto 22px;padding:18px 22px;max-width:650px;border:1px solid #d6cbb8;border-radius:18px;background:#fff7e7;text-align:right;box-shadow:0 7px 18px #61492716}
.outsider-group-question span{font-size:13px;font-weight:800;color:#8b683f}
.outsider-group-question strong{font-size:clamp(19px,3vw,26px);line-height:1.55;color:#173b43}
.sketch-clock{border-color:#c7d9c2;background:#f5fbef}.sketch-clock strong{color:#29735e}.sketch-clock i{background:#39916d}
.sketch-palette{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:15px auto 10px;padding:11px;border:1px solid #d6dfd0;border-radius:17px;background:#f5f8f1;width:fit-content;max-width:100%}
.sketch-palette strong{font-size:14px;color:#425f57;margin-inline-end:8px}
.sketch-swatch{width:38px;height:38px;flex:0 0 38px;padding:0;border-radius:50%;border:3px solid #fff;background:var(--swatch);color:#564e42;box-shadow:0 0 0 1px #a7aaa0;cursor:pointer;font-weight:900;font-size:20px}
.sketch-swatch.is-selected{box-shadow:0 0 0 3px #153e46,0 4px 10px #18434844;transform:translateY(-2px)}
.sketch-swatch:focus-visible{outline:3px solid #cd813e;outline-offset:5px}
#room-canvas{display:block;width:min(100%,640px);height:auto;aspect-ratio:8/5;margin:14px auto;border:3px solid #c4d3c1;border-radius:17px;background:#fffefa;box-shadow:0 10px 25px #1d3d351a;cursor:crosshair;touch-action:none;user-select:none;-webkit-user-select:none}
.sketch-progress{font-size:13px;font-weight:800;color:#668074;margin-top:18px}
.spectrum-panel{background:radial-gradient(circle at 50% 10%,#f9f2ff,#fffdf8 68%)}
.spectrum-teams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}
.spectrum-team{padding:20px;border-radius:20px;border:2px solid #d9cae1;background:linear-gradient(145deg,#f9f2fd,#f4ecf7);text-align:right;box-shadow:0 8px 20px #5d386714}
.spectrum-team:nth-child(2){border-color:#cbd7dd;background:linear-gradient(145deg,#eef6f7,#e6f0f1)}
.spectrum-team.is-mine{box-shadow:0 0 0 3px #deae65,0 8px 20px #5d386714}
.spectrum-team__head{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#4d385b}.spectrum-team__head strong{font-size:22px}.spectrum-team__head span{font-size:13px}
.spectrum-team__names{display:flex;flex-wrap:wrap;gap:8px;min-height:63px;align-content:center;margin:13px 0}.spectrum-team__names span{border-radius:99px;background:#fff;padding:5px 11px;border:1px solid #e4dae6;font-weight:700}.spectrum-team__names em{color:#817385}
.spectrum-team small{display:block;color:#806044;font-weight:800}.spectrum-team-note{text-align:center;color:#665873}
.spectrum-scoreline{display:flex;justify-content:center;gap:12px;margin:15px auto;flex-wrap:wrap}.spectrum-scoreline span{display:flex;align-items:center;gap:16px;border:1px solid #dcd0e3;border-radius:14px;background:#fff;padding:8px 15px;font-weight:800;color:#6a5273}.spectrum-scoreline .is-active{border-color:#cc9a62;background:#fff1dd;color:#614155}.spectrum-scoreline strong{font-size:21px}
.spectrum-clock{border-color:#d7bedf;background:#faf2fb}.spectrum-clock strong{color:#744783}.spectrum-clock i{background:#9d69ab}
.spectrum-panel>p{max-width:600px;margin:6px auto 17px}
.spectrum-clue{display:inline-block;border-radius:18px;background:#f1e6f4;border:1px solid #d6bedd;color:#6b4083;padding:12px 25px;font:900 clamp(18px,3vw,26px) Cairo,Tahoma,sans-serif;box-shadow:0 5px 0 #dfd0e7}
.spectrum-dial{max-width:650px;margin:20px auto 18px;text-align:center;direction:ltr}
.spectrum-dial__face{border-radius:28px;padding:8px 20px 0;background:radial-gradient(ellipse at 50% 100%,#f8e7d2 0%,#f8eaf1 45%,#eeeaf6 100%);border:1px solid #e4d7e5;box-shadow:inset 0 5px 12px #ffffffaa,0 12px 25px #4a29431c;overflow:hidden}
.spectrum-dial__face svg{width:100%;height:auto;display:block;overflow:visible}
.spectrum-dial__baseline{stroke:#bca8bb;stroke-width:4;stroke-linecap:round}
.spectrum-dial__hub{fill:#fefbf6;stroke:#997e99;stroke-width:4;filter:drop-shadow(0 4px 3px #4c375055)}
.spectrum-dial__target-line{stroke:#e6a732;stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 2px 3px #724d2d66)}
.spectrum-dial__target{fill:#ffdb78;stroke:#8e5c2e;stroke-width:4;filter:drop-shadow(0 2px 4px #6b452680)}
.spectrum-dial__needle{stroke:#1d5e69;stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 3px 3px #28526366)}
.spectrum-dial__tip{fill:#fff6d6;stroke:#1d5e69;stroke-width:5}
.spectrum-dial__pin{fill:#c99f57;stroke:#fff6da;stroke-width:3}
.spectrum-dial__poles{display:flex;justify-content:space-between;gap:18px;margin:9px 4% 0;color:#654766;font:900 clamp(16px,2.2vw,23px) Cairo,Tahoma,sans-serif}
.spectrum-dial__poles b{direction:rtl;max-width:45%;text-align:center}
.spectrum-dial__hint{color:#8e7292!important;font-size:13px;line-height:1.7;margin:8px 0 0!important;direction:rtl}
.spectrum-dial--interactive{cursor:crosshair;outline:none;touch-action:none;user-select:none;-webkit-user-select:none}
.spectrum-dial--interactive:focus-visible .spectrum-dial__face{outline:4px solid #b780b3;outline-offset:4px}
.spectrum-dial--interactive .spectrum-dial__tip{filter:drop-shadow(0 0 7px #fff3d1)}
.spectrum-legend{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;color:#605668;font-weight:800;font-size:13px;margin:8px 0 14px}
.spectrum-legend span{display:flex;align-items:center;gap:7px}.spectrum-legend i{display:block;width:17px;height:17px;border-radius:50%}
.spectrum-legend__target{background:#ffdb78;border:3px solid #8e5c2e}.spectrum-legend__guess{background:#fff6d6;border:3px solid #1d5e69}
.spectrum-guesses{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:10px;margin:19px 0;text-align:center}
.spectrum-guesses>div{border:1px solid #e1d4df;background:#f8f2fa;border-radius:14px;padding:9px;color:#584363;display:flex;flex-direction:column;align-items:center;gap:3px}
.spectrum-mini{width:92px;height:53px;overflow:visible}.spectrum-mini path{fill:none;stroke:#c5a1bd;stroke-width:9;stroke-linecap:round}.spectrum-mini circle{fill:#1d5e69;stroke:#fff;stroke-width:2}
@media(max-width:650px){.spectrum-dial__face{padding:7px 5px 0;border-radius:18px}.spectrum-dial__poles{margin:4px 1% 0;font-size:16px}.spectrum-dial__hint{font-size:12px}}
@media(max-width:650px){.spectrum-teams{grid-template-columns:1fr}.spectrum-team{padding:16px}}
.football-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:680px;margin:25px auto}
.party-football-card{border:2px solid #b99f69;background:linear-gradient(150deg,#fcf4dc,#f1dfb4);border-radius:16px;box-shadow:0 7px 0 #c9a267;color:#254843;min-height:145px;display:grid;place-items:center;padding:12px;transition:transform .15s}
.party-football-card:hover{transform:translateY(-5px)}
.party-football-card span{font-size:36px;color:#b06c40}.party-football-card b{font:900 17px Cairo,Tahoma,sans-serif}
@media(max-width:1050px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-card:first-child{grid-column:span 2;grid-template-columns:1.1fr .9fr}}
@media(max-width:650px){.game-grid{grid-template-columns:1fr}.game-card:first-child{grid-column:span 1;display:block}.game-card:first-child .cover{height:240px;min-height:0}.game-card:not(:first-child) .game-info{min-height:0}.party-scoreboard{grid-template-columns:repeat(2,minmax(0,1fr))}.party-answers>div{display:block}.party-answers b{display:block;min-width:0}.football-cards{gap:7px}.party-football-card{min-height:115px;padding:5px}.party-football-card span{font-size:27px}.party-football-card b{font-size:11px}.library-count{font-size:10px;padding:6px 8px}}

/* Shared rooms */
.cover.theme-saad{background:radial-gradient(circle at 75% 10%,#ffe0a3,#e48e61 45%,#8d4a56);color:#44262c}
.cover.theme-saad .party-cover-art strong{background:#fff0d9;color:#6c393d}
.room-page{max-width:980px;min-height:65vh}
.room-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 22px}
.room-head h1{font-size:clamp(31px,4vw,48px);margin:4px 0}
.room-head p{margin:0;color:#657470}
.room-panel{background:#fffdf8;border:1px solid #e4d9c7;border-radius:27px;padding:clamp(24px,4vw,48px);box-shadow:0 22px 45px #1d3d3513;min-height:300px;text-align:center}
.room-panel>h1,.room-panel>h2{font-weight:900;line-height:1.4;margin:9px 0 18px}
.room-panel>p{color:#60716b;line-height:1.9}
.room-panel .field{text-align:right;display:block;max-width:620px;margin:17px auto}
.room-panel input:not([type=radio]):not([type=checkbox]):not([type=range]),.room-panel select{width:100%;padding:13px 15px;margin-top:8px;border:1px solid #d8cebc;border-radius:13px;background:#fff;color:#193239;font:700 16px Cairo,Tahoma,sans-serif}
.room-panel input[type=range]{width:100%;accent-color:#bf784b}
.room-panel form>.btn,.room-panel>.btn{margin-top:18px}
.room-panel form{max-width:700px;margin:auto}
.room-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:15px auto 10px}
.category-field{border:0;margin:24px 0;text-align:right;padding:0}
.category-field legend{font-weight:900;color:#1a4246}
.room-categories label{cursor:pointer}
.room-categories input{position:absolute;opacity:0}
.room-categories span{display:block;background:#f5f0e5;border:1px solid #e0d5c2;border-radius:12px;padding:13px 6px;text-align:center;font-weight:800;font-size:12px}
.room-categories input:checked+span{background:#dfece5;border-color:#24745f;color:#1c5e4d;box-shadow:inset 0 0 0 1px #24745f}
.room-categories input:focus-visible+span,.room-option:focus-within{outline:3px solid #d29b5d;outline-offset:2px}
.room-categories{gap:13px;grid-template-columns:repeat(4,minmax(0,1fr))}
.room-categories .category-card{min-width:0;display:block;position:relative}
.room-categories .category-card-face{position:relative;display:flex;flex-direction:column;gap:9px;padding:7px 7px 12px;border:2px solid #e5d9c5;border-radius:17px;background:#fffcf6;min-height:0;text-align:right;box-shadow:0 6px 16px #143b3810;transition:transform .15s,border-color .15s,box-shadow .15s}
.room-categories .category-card-face img{display:block;width:100%;aspect-ratio:240/150;object-fit:cover;border-radius:12px}
.room-categories .category-card-face b{display:block;padding:0 6px;color:#244749;font:900 13px Cairo,Tahoma,sans-serif;line-height:1.5;min-height:20px}
.room-categories .category-card-face i{position:absolute;top:12px;left:12px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#fff;color:#1b6958;font-style:normal;font-size:15px;box-shadow:0 2px 9px #143b3855;opacity:0;transform:scale(.8);transition:.15s}
.room-categories .category-card input:checked+.category-card-face{border-color:#2b8067;box-shadow:0 0 0 2px #2b806729,0 8px 18px #143b3820;background:#f4fbf3}
.room-categories .category-card input:checked+.category-card-face i{opacity:1;transform:scale(1)}
.room-categories .category-card:hover .category-card-face{transform:translateY(-3px)}
.room-category-offers{grid-template-columns:repeat(2,minmax(0,1fr))}
.room-category-offers .category-pick{padding:7px;text-align:right;overflow:hidden;display:flex;align-items:center;gap:12px}
.category-pick img{width:86px;height:62px;object-fit:cover;border-radius:9px;flex:none}
.room-category-offers .category-pick span{font:900 15px Cairo,Tahoma,sans-serif}
@media(max-width:650px){.room-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.room-category-offers{grid-template-columns:1fr}.room-categories .category-card-face b{font-size:12px}}
.room-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;text-align:right;margin:22px 0}
.room-option{display:block;position:relative;cursor:pointer;min-width:0}
.room-option input{position:absolute;opacity:0}
.room-option span,.room-option.button{display:block;width:100%;border:2px solid #ded5c4;background:#f8f3e8;padding:16px 19px;border-radius:15px;color:#1d4344;font:800 16px Cairo,Tahoma,sans-serif;text-align:right;transition:.15s}
.room-option input:checked+span{border-color:#1d6554;background:#deeee4;box-shadow:0 5px 0 #b9d6c7}
.room-option.button:hover{border-color:#bb7444;background:#fff3dd;transform:translateY(-2px)}
.room-wait{padding:25px 10px;color:#49665f}.room-wait h2{font-size:23px}.room-wait p{font-size:13px;color:#83938b}
.room-pulse{font-size:41px;color:#bf784b;display:inline-block;animation:room-pulse 2s ease-in-out infinite}
@keyframes room-pulse{50%{opacity:.45;transform:scale(.85)}}
.room-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:20px}
.room-panel .party-scoreboard .you{border-color:#88b29e;background:#e6f0e7}
.room-error{background:#feeae4;border:1px solid #e3aa97;border-radius:12px;padding:12px 16px;color:#893b2d;margin-top:20px;text-align:center}
.room-panel .party-answers{text-align:right}.room-panel .party-chain{text-align:right}
.room-panel .answer{padding:14px;border-radius:12px;font-size:23px;font-weight:900}
.room-panel small{color:#78867e}
/* سعد هبيدي: choices visible to the whole room and a clear round reveal. */
.room-panel.saad-arena,.room-panel.saad-result{background:radial-gradient(circle at 0 0,#f3e2cb 0,transparent 35%),linear-gradient(155deg,#fffdf8,#f8f2e6);border-color:#dec9ac;box-shadow:0 24px 50px #1843481a;overflow:hidden}
.saad-arena .eyebrow,.saad-result .eyebrow{color:#a76842;font-weight:900}
.saad-question-visual{display:flex;justify-content:center;gap:18px;direction:rtl;margin:22px auto 25px;padding:20px;background:linear-gradient(145deg,#e9e0cf,#fffaf0);border:1px solid #d8c4a6;border-radius:22px;max-width:580px;box-shadow:inset 0 1px #fff,0 12px 30px #2944471a}
.saad-question-visual__flag{position:relative;display:grid;place-items:center;align-content:center;gap:8px;flex:1;max-width:220px;min-width:0;aspect-ratio:1.5;background:#fcfaf4;border:1px solid #d2c6ae;border-radius:16px;box-shadow:0 6px 0 #c5b8a1;overflow:hidden}
.saad-question-visual__flag>span{position:absolute;font-size:clamp(72px,16vw,130px);line-height:1;z-index:0}
.saad-question-visual__flag.is-loaded>span{display:none}
.saad-question-visual__flag img{position:relative;z-index:1;width:80%;max-height:68%;object-fit:contain;box-shadow:0 5px 13px #29383c40}
.saad-question-visual__flag small{position:relative;z-index:2;font:800 13px Cairo,Tahoma,sans-serif;color:#345260;background:#fff7;border-radius:20px;padding:1px 9px}
.saad-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:680px;margin:28px auto 0;text-align:right}
.saad-offer{display:flex;align-items:center;gap:12px;width:100%;padding:10px;background:#fffaf0;border:1px solid #dacbb6;border-radius:19px;color:#183d42;text-align:right;font:900 17px Cairo,Tahoma,sans-serif;box-shadow:0 6px 0 #e4d5be;transition:transform .16s,box-shadow .16s}
button.saad-offer{cursor:pointer}button.saad-offer:hover,button.saad-offer:focus-visible{transform:translateY(-3px);box-shadow:0 9px 0 #d6b997;outline-color:#bb7444}
.saad-offer img{width:84px;height:62px;object-fit:cover;border-radius:12px}.saad-offer b{flex:1}.saad-offer__number{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:#e9d5b5;color:#854f35}.saad-offer.is-viewing{box-shadow:none;background:#faf6ec}
.saad-offer:last-child:nth-child(odd){grid-column:1/-1}.saad-progress{display:inline-block;margin-top:22px;padding:7px 16px;border-radius:99px;background:#e8eee7;color:#316153;font-weight:800}
.saad-clock{position:relative;display:flex;justify-content:space-between;align-items:center;gap:15px;max-width:320px;margin:20px auto;padding:10px 17px 15px;border:1px solid #d9c7a9;border-radius:16px;background:#fff9eb;color:#425f57;overflow:hidden}.saad-clock strong{font:900 25px Cairo,Tahoma,sans-serif;color:#a5623b;direction:ltr}.saad-clock i{position:absolute;bottom:0;right:0;width:var(--progress,100%);height:5px;background:#ba794b;transition:width .3s}.saad-clock.is-urgent{background:#fff0e8;border-color:#ca876f}.saad-clock.is-urgent strong,.saad-clock.is-urgent i{color:#b34133;background:#b34133}
.saad-score-head{display:flex;justify-content:space-between;gap:10px;max-width:670px;margin:24px auto 8px;color:#385a54;text-align:right}.saad-score-head span{font-size:12px;color:#76847a}
.saad-result .party-scoreboard--ranked{grid-template-columns:1fr;max-width:670px;margin:0 auto;gap:8px}.saad-result .party-scoreboard--ranked>div{padding:12px 16px;font-size:16px;background:#fff9ed;border-color:#dfcfaf}.saad-result .party-scoreboard--ranked>div:first-child{background:#f5e6c2;border-color:#caad70}.saad-result .party-scoreboard--ranked>div>span:nth-child(2){flex:1;text-align:right}.saad-result .party-scoreboard--ranked strong{font-size:26px}.score-rank{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e8d7b4;color:#6f5034;font-weight:900}
.saad-gains{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;max-width:670px;margin:14px auto 30px}.saad-gains span{border-radius:99px;background:#e6eee6;color:#40645a;padding:5px 12px;font-size:12px}.saad-gains b{color:#217351}
.saad-reveal{display:grid;gap:3px;max-width:670px;margin:0 auto 30px;padding:20px;border-radius:20px;background:#173e43;color:#f8e9ca;box-shadow:0 7px 0 #0d2e32}.saad-reveal span{font-size:12px;color:#d1b891}.saad-reveal strong{font:900 clamp(24px,4vw,36px) Cairo,Tahoma,sans-serif}
.saad-section-title{text-align:right;max-width:670px;margin:0 auto 13px;color:#1a4447}.saad-answer-grid{display:grid;gap:10px;max-width:670px;margin:auto;text-align:right}.saad-answer-card{padding:16px 19px;border:1px solid #decfbb;border-radius:17px;background:#fffaf0}.saad-answer-card.is-correct{border-color:#79a790;background:#ebf3e7}.saad-answer-card__top{display:flex;justify-content:space-between;gap:10px;color:#9e6445}.saad-answer-card.is-correct .saad-answer-card__top{color:#287255}.saad-answer-card__top span{font-size:12px}.saad-answer-card>strong{display:block;margin:5px 0;color:#193d42;font-size:21px}.saad-answer-card p{margin:5px 0 0;color:#687a71;font-size:13px}.saad-answer-card.is-missing{background:#f5f1e8;color:#7b766e}
@media(max-width:650px){.saad-offers{grid-template-columns:1fr}.saad-offer:last-child:nth-child(odd){grid-column:auto}.saad-offer{font-size:15px}.saad-score-head{display:grid}.saad-result .party-scoreboard--ranked>div{font-size:14px}}
@media(max-width:650px){.saad-question-visual{gap:9px;padding:12px}.saad-question-visual__flag{aspect-ratio:1.15}.saad-question-visual__flag img{width:88%}}
@media(max-width:650px){.room-head{align-items:flex-start}.room-head .btn{font-size:11px;padding:8px}.room-panel{padding:24px 17px}.room-categories{grid-template-columns:repeat(2,1fr)}.room-choices{grid-template-columns:1fr}.room-option span,.room-option.button{padding:13px 15px}.room-panel h2{font-size:25px}}

/* كروت الملعب — a pitch with collectible cards and a visible hand */
.room-panel.match-arena{background:linear-gradient(180deg,#fffdf6 0%,#f7f1df 100%);border-color:#dac6a0;padding:clamp(16px,3vw,32px);overflow:hidden}
.match-arena__heading{margin:4px 0 18px}.match-arena__heading .eyebrow{color:#a6702c}
.match-arena__heading h2{font:900 clamp(28px,4vw,42px)/1.25 Cairo,Tahoma,sans-serif;color:#143d38;margin:5px 0}
.match-arena__heading p{margin:0;color:#667a70;line-height:1.7}
.match-form{max-width:none!important}.match-section-label{display:flex;justify-content:space-between;align-items:baseline;gap:8px;text-align:right;margin:16px 5px 8px;color:#264c3f}
.match-section-label b{font-size:17px}.match-section-label span{font-size:12px;color:#789080}
.match-stadium{position:relative;padding:25px clamp(12px,4vw,45px) 25px;border:1px solid #a58550;border-radius:28px;background:radial-gradient(ellipse at 50% -85%,#f2d89699 0%,transparent 65%),repeating-linear-gradient(105deg,#1b4b41 0 4px,#1c5245 4px 8px,#214d45 8px 12px);box-shadow:inset 0 8px 25px #0d292c99,0 18px 27px #183e3460;isolation:isolate;overflow:hidden}
.match-stadium:before,.match-stadium:after{content:'';position:absolute;z-index:-1;top:-22%;width:42%;height:55%;pointer-events:none;background:radial-gradient(ellipse,#ffefc188 0%,#ffefc128 32%,transparent 72%);filter:blur(7px)}
.match-stadium:before{right:-18%}.match-stadium:after{left:-18%}
.match-stadium__lights{position:absolute;inset:5px 0 auto;height:12px;background:radial-gradient(circle,#e5ce93 1.2px,transparent 2px) center/14px 9px;opacity:.38}
.match-pitch{position:relative;min-height:350px;padding:20px;border:5px solid #c5a46c;border-radius:17px;background:repeating-linear-gradient(0deg,#23734b 0 53px,#2a8052 53px 106px);box-shadow:inset 0 0 0 2px #ffffffaa,inset 0 0 33px #092a2599,0 7px 0 #0a362d}
.match-pitch__lines{position:absolute;inset:16px;border:2px solid #e6f1dbbb;border-radius:3px;pointer-events:none}
.match-pitch__lines:before{content:'';position:absolute;left:0;right:0;top:50%;border-top:2px solid #e6f1dbbb}
.match-pitch__center{position:absolute;width:105px;height:105px;border:2px solid #e6f1dbbb;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
.match-pitch__center:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#e6f1db;top:50%;left:50%;transform:translate(-50%,-50%)}
.match-pitch__box{position:absolute;width:38%;height:30px;border:2px solid #e6f1dbbb;left:50%;transform:translateX(-50%)}
.match-pitch__box--top{top:0;border-top:0}.match-pitch__box--bottom{bottom:0;border-bottom:0}
.match-slots{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;justify-items:center;gap:7px;min-height:300px;direction:rtl}
.match-slot{display:grid;justify-items:center;align-content:center;gap:8px;width:100%;min-width:0;cursor:default}
.match-slot:has(input){cursor:pointer}.match-slot input,.match-hand__choice input{position:absolute;opacity:0;width:1px;height:1px}
.match-slot .match-card{width:min(100%,142px);min-height:185px}.match-slot__hint{font:800 12px Cairo,Tahoma,sans-serif;color:#fff9dc;text-shadow:0 2px 5px #092d27;background:#103b32b8;padding:3px 10px;border-radius:18px}
.match-slot:has(input):hover .match-card,.match-hand__choice:hover .match-card{transform:translateY(-6px) rotate(-1deg);box-shadow:0 17px 20px #0a2c2c70}
.match-slot input:checked+.match-card,.match-hand__choice input:checked+.match-card{outline:4px solid #f6c761;outline-offset:4px;transform:translateY(-7px);box-shadow:0 16px 24px #0a2c2c88}
.match-slot:focus-within .match-card,.match-hand__choice:focus-within .match-card{outline:4px solid #ffe9a1;outline-offset:5px}
.match-slot--new .match-card{outline:4px solid #f6c761;outline-offset:4px;animation:match-reveal .6s ease both}
@keyframes match-reveal{from{transform:translateY(-17px) rotate(-5deg);opacity:.4}to{transform:translateY(0);opacity:1}}
.match-stadium__rail{display:flex;justify-content:space-between;align-items:center;color:#ddcf9c;font:900 11px Cairo,Tahoma,sans-serif;letter-spacing:.14em;padding:12px 8px 0;opacity:.9}
.match-card-rule{font-size:12px;color:#576e60;margin:10px 6px 2px;text-align:right;line-height:1.6}
.match-card{--cardA:#265e5b;--cardB:#1a3d43;display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-sizing:border-box;position:relative;width:120px;aspect-ratio:3/4;min-height:155px;flex:none;padding:9px 8px 7px;border:3px solid #dec48d;border-radius:13px;background:linear-gradient(150deg,#fff8e8 0%,#fffcf1 46%,#e7dac0 100%);color:#13383c;box-shadow:0 9px 16px #10292188,inset 0 0 0 2px #fff9e5,0 0 0 1px #183e3666;transition:transform .18s ease,box-shadow .18s ease;overflow:hidden;text-align:center}
.match-card:before{content:'';position:absolute;inset:6px;border:1px solid #c6aa75;border-radius:8px;pointer-events:none;opacity:.65}
.match-card:after{content:'';position:absolute;left:-25%;right:-25%;top:34%;height:26%;transform:rotate(-20deg);background:linear-gradient(180deg,transparent,#fff9e955,transparent);pointer-events:none}
.match-card__top,.match-card__bottom{position:relative;z-index:1;width:100%;display:flex;align-items:center;justify-content:space-between;gap:4px;font:900 9px Cairo,Tahoma,sans-serif;color:var(--cardA);line-height:1.3}
.match-card__top span:last-child{border:1px solid #d8c394;border-radius:14px;padding:1px 5px;background:#fffaf0}.match-card__bottom{font-size:8px;color:#967c59}
.match-card__art{position:relative;z-index:1;display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:radial-gradient(circle at 30% 20%,#ffffff77,transparent 50%),linear-gradient(145deg,var(--cardA),var(--cardB));color:#fff0cc;border:2px solid #e3c98b;box-shadow:0 4px 7px #123b3a44,inset 0 1px 3px #ffffff88}
.match-card__art svg{width:38px;height:39px}.match-card strong{position:relative;z-index:1;font:900 clamp(13px,1.5vw,17px)/1.35 Cairo,Tahoma,sans-serif;overflow-wrap:anywhere;display:grid;place-items:center;min-height:36px}
.match-card--club{--cardA:#255b66;--cardB:#182f53}.match-card--league{--cardA:#55549a;--cardB:#292953}.match-card--nation{--cardA:#2a7658;--cardB:#184b4b}.match-card--position{--cardA:#aa6a32;--cardB:#623d29}.match-card--foot{--cardA:#8b5842;--cardB:#4f4144}.match-card--number{--cardA:#9b5843;--cardB:#652e40}.match-card--award{--cardA:#ab7730;--cardB:#654926}.match-card--cup{--cardA:#436498;--cardB:#263e68}.match-card--status{--cardA:#56826b;--cardB:#284c56}.match-card--joker{--cardA:#95476e;--cardB:#63355d}
.match-hand{margin:22px 0 16px;padding:0;border:0;text-align:right}.match-hand legend{font-weight:900;color:#214940;margin-bottom:11px}
.match-hand__cards{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:17px 12px 20px;border-radius:20px;background:linear-gradient(145deg,#e5d5b1,#f4e8d0);border:1px solid #d7c49c;box-shadow:inset 0 5px 15px #5c493420}
.match-hand__choice{cursor:pointer;position:relative;display:block}.match-hand__choice .match-card{min-height:162px}
.match-player-field{font-weight:800}.match-submit{min-width:220px;box-shadow:0 5px 0 #7d5429}
.match-spectator,.match-verdict{margin:15px auto;padding:10px 16px;border-radius:14px;background:#eaf2e6;color:#305747;font-weight:800;max-width:600px}
.match-roster{text-align:right;margin-top:24px;background:#fffaf0;border:1px solid #d8c69e;border-radius:18px;overflow:hidden}
.match-roster>summary{cursor:pointer;padding:13px 18px;font-weight:900;color:#284c43;list-style:none}.match-roster>summary::-webkit-details-marker{display:none}.match-roster>summary span{float:left;color:#a87936}.match-roster[open]>summary{border-bottom:1px solid #d8c69e}
.match-roster__players{display:grid;gap:12px;padding:15px}.match-roster__players section{background:#f4efdf;border-radius:12px;padding:12px}.match-roster__head{display:flex;justify-content:space-between;gap:10px;color:#34564e;font-size:13px;margin-bottom:10px}.match-roster__cards{display:flex;flex-wrap:wrap;gap:7px}
.match-card--mini{width:75px;min-height:100px;padding:5px 4px;border-width:2px;border-radius:9px}.match-card--mini:before{inset:3px;border-radius:5px}.match-card--mini .match-card__top,.match-card--mini .match-card__bottom{font-size:6px}.match-card--mini .match-card__art{width:29px;height:29px;border-radius:9px;border-width:1px}.match-card--mini .match-card__art svg{width:20px;height:21px}.match-card--mini strong{font-size:10px;min-height:24px;line-height:1.15}
@media(max-width:650px){.room-panel.match-arena{padding:16px 11px}.match-arena__heading p{font-size:12px}.match-stadium{padding:18px 8px;border-radius:19px}.match-pitch{min-height:280px;padding:9px;border-width:4px}.match-pitch__lines{inset:9px}.match-pitch__center{width:68px;height:68px}.match-slots{min-height:250px;gap:4px}.match-slot .match-card{width:min(100%,94px);min-height:136px;padding:6px 4px}.match-slot .match-card__art{width:42px;height:42px;border-radius:12px}.match-slot .match-card__art svg{width:30px;height:30px}.match-slot .match-card__top,.match-slot .match-card__bottom{font-size:7px}.match-slot .match-card strong{font-size:12px;min-height:29px}.match-slot__hint{font-size:9px;padding:2px 4px}.match-hand__cards{gap:7px;padding:12px 5px}.match-hand__cards .match-card{width:89px;min-height:125px;padding:6px 5px}.match-hand__cards .match-card__art{width:42px;height:42px}.match-hand__cards .match-card__art svg{width:28px}.match-hand__cards .match-card strong{font-size:12px;min-height:29px}.match-hand__cards .match-card__top,.match-hand__cards .match-card__bottom{font-size:7px}}

/* توغوموري — a case file rather than another quiz card */
.cover.theme-togo{background:radial-gradient(circle at 50% 10%,#667b78,#26383b 55%,#122329);color:#e4c68b}
.cover.theme-togo .party-cover-art{transform:rotate(-4deg)}
.cover.theme-togo .party-cover-art>span{font-family:Georgia,serif;font-size:94px;text-shadow:4px 8px 0 #081a20}
.cover.theme-togo .party-cover-art strong{background:#d3b981;color:#243537;transform:rotate(4deg)}
.togo-page{color:#e8e4d8;text-align:right}
.togo-casehead{border-radius:22px 22px 0 0;background:radial-gradient(circle at 20% 10%,#385758,#172c33 65%);padding:30px clamp(20px,4vw,43px);display:flex;justify-content:space-between;gap:20px;border:1px solid #576665}
.togo-casehead h2{font:900 clamp(30px,4vw,48px)/1.3 Cairo,Tahoma,sans-serif;margin:6px 0}
.togo-casehead p{max-width:690px;color:#c1d0c9;font-size:14px;line-height:1.95;margin:0}
.togo-casehead .eyebrow{color:#e8c083}
.togo-case-stamp{flex:none;align-self:flex-start;width:92px;height:100px;border:2px dashed #e5bf7a;color:#e8c083;transform:rotate(-8deg);border-radius:8px;text-align:center;font:900 22px/1.1 Cairo,Tahoma,sans-serif;display:grid;place-content:center}
.togo-case-stamp small{font-size:10px;letter-spacing:.3em}
.togo-stage{background:#fcf9ef;color:#1b393b;border:1px solid #d8cdb5;border-top:0;padding:28px clamp(20px,4vw,45px);min-height:196px;box-shadow:0 12px 24px #10292317}
.togo-stage h2{font:900 clamp(23px,3vw,32px) Cairo,Tahoma,sans-serif;margin:3px 0 9px}
.togo-stage p{line-height:1.9;color:#63716e;margin:6px 0 12px}
.togo-stage .eyebrow{color:#ac6f48}
.togo-actions,.togo-destinations,.togo-refute{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 2px}
.togo-actions .btn{font-size:12px;box-shadow:0 4px 0 #15343766}
.togo-stage .btn.danger{background:#8a4843;color:#fff;box-shadow:0 4px 0 #562d30}
.togo-stage .btn.ghost.danger{background:#fff5f0;color:#893f3e;border-color:#d3a9a2;box-shadow:none}
.togo-destinations button,.togo-refute button{border:1px solid #bda478;background:#fff8e8;color:#304947;padding:9px 13px;border-radius:10px;font:800 12px Cairo,Tahoma,sans-serif;cursor:pointer}
.togo-destinations button:hover,.togo-refute button:hover{background:#f1deb4}
.togo-private-card{background:#eedcaa;color:#395349;padding:3px 12px;border-radius:8px}
.togo-alert{border-right:4px solid #b46459;background:#f8e8df;padding:9px 12px;color:#84463e!important}
.togo-mini{font-size:12px}
.togo-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end;max-width:none!important}
.togo-form label{display:block;font-weight:800;font-size:12px}
.togo-form select{display:block;width:100%;border:1px solid #d6c5a4;padding:10px;border-radius:9px;background:#fff;color:#1a4241;font:700 13px Cairo,Tahoma,sans-serif;margin-top:5px}
.togo-form>.btn{margin:0!important;min-height:44px}
.togo-form .togo-actions{grid-column:1/-1}
.togo-roster{display:flex;flex-wrap:wrap;gap:8px;margin:19px 0}
.togo-roster span{display:inline-flex;align-items:center;gap:7px;border:1px solid;border-radius:99px;padding:5px 11px 5px 5px;background:#fff;font-size:11px;font-weight:800}
.togo-roster i{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;font-style:normal;color:#fff;font-size:10px}
.togo-solution{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}
.togo-solution>div{background:#f1e4c8;border:1px solid #d1b77e;border-radius:12px;padding:14px}.togo-solution small{display:block;color:#9d7049}.togo-solution strong{display:block;font:900 17px Cairo,Tahoma,sans-serif}
.togo-columns{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(285px,.7fr);gap:18px;background:#eae5d7;border:1px solid #d4c8ad;border-top:0;border-radius:0 0 22px 22px;padding:18px;align-items:start}
.togo-columns>div{min-width:0}
.togo-map-wrap,.togo-notebook,.togo-hand{background:#fffdfa;color:#254443;border:1px solid #d8ccb6;border-radius:16px;padding:18px;margin-bottom:18px;box-shadow:0 7px 16px #162d2d0c}
.togo-block-title{display:flex;align-items:center;gap:10px;margin-bottom:14px}.togo-block-title>span{font:900 28px Georgia,serif;color:#b58a57}.togo-block-title h3{font:900 18px Cairo,Tahoma,sans-serif;margin:0}.togo-block-title small{color:#72837a;font-size:10px}
.togo-hand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.togo-hand h4{font-size:12px;margin:20px 0 8px;color:#8b704b}
.togo-card{background:linear-gradient(135deg,#e4cf9f,#f8ecd0);border:1px solid #bcaa80;border-radius:8px;min-height:75px;display:flex;flex-direction:column;justify-content:space-between;padding:10px;box-shadow:2px 3px 0 #b8a27544;transform:rotate(-1deg)}.togo-card:nth-child(even){transform:rotate(1deg)}.togo-card span{font-size:9px;color:#8b6e4a}.togo-card b{font:900 13px Cairo,Tahoma,sans-serif;color:#2d4c49}.togo-card.archive{background:#e5ece3;border-color:#abc1ad}
.togo-notebook{position:sticky;top:12px;max-height:calc(100vh - 30px);overflow:auto}
.togo-notes-group{margin-bottom:13px}.togo-notes-group h4{font-size:12px;border-bottom:1px solid #d6c4a4;padding-bottom:5px;margin:11px 0 5px;color:#9b6a48}
.togo-note{width:100%;border:0;background:transparent;padding:5px 3px;display:flex;gap:8px;align-items:center;text-align:right;color:#334e4b;cursor:pointer;border-radius:5px;font:700 11px Cairo,Tahoma,sans-serif}
.togo-note:hover:not(:disabled){background:#eee9dc}.togo-note:disabled{cursor:default;opacity:.65}.togo-note.out{text-decoration:line-through;color:#7c9186}.togo-note.maybe{background:#fff4cc;color:#805b30}
.togo-note small{margin-right:auto;color:#907549;font-size:9px;text-decoration:none}.togo-mark{width:19px;height:19px;display:grid;place-items:center;border:1px solid #c8b992;border-radius:50%;font:900 14px Tahoma,sans-serif;flex:none}
.togo-notes-help{font-size:10px;line-height:1.7;color:#82938a}
.togo-credit{color:#89918b;font-size:10px;text-align:center;margin:14px}
@media(max-width:950px){.togo-columns{grid-template-columns:1fr}.togo-notebook{position:static;max-height:none}.togo-hand-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:550px){.togo-casehead{padding:22px 18px}.togo-case-stamp{width:58px;height:68px;font-size:14px}.togo-casehead h2{font-size:28px}.togo-casehead p{font-size:11px}.togo-columns{padding:10px;gap:8px}.togo-map-wrap,.togo-notebook,.togo-hand{padding:10px}.togo-form{grid-template-columns:1fr}.togo-form .togo-actions{grid-column:1}.togo-solution{grid-template-columns:1fr}.togo-hand-grid{grid-template-columns:repeat(2,1fr)}.togo-stage{padding:21px 17px}}

/* سكة سفر: illustrated station map fills its card without cropping the train. */
.cover.rail{background:radial-gradient(circle at 72% 19%,#468877,#173941 70%);padding:17px}
.cover.rail .map-art{display:block;width:100%;height:100%;max-width:none;object-fit:contain;margin:0;filter:drop-shadow(0 11px 15px #071d2b55)}
.game-card .cover.rail .map-art{max-width:100%;height:100%;transform:none}
.detail-hero .cover.rail .map-art{width:100%;height:100%}

/* Arabic calligraphic wordmark */
.header .brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;text-decoration:none;min-width:108px}
.brand-signature{position:relative;display:inline-block;font-family:'Sora Rakkas',Cairo,serif;font-size:48px;font-weight:400;line-height:1;color:#183b43;letter-spacing:0;white-space:nowrap}
.header .brand-signature::after{content:'';position:absolute;right:4px;bottom:-7px;width:73%;height:11px;border-bottom:3px solid #bd7949;border-radius:0 0 80% 80%;transform:rotate(-6deg);pointer-events:none}
.header .brand-caption{font:700 10px/1.2 Cairo,Tahoma,sans-serif;color:#9d7868;margin-top:9px;letter-spacing:0}
footer .brand{display:inline-flex;align-items:center}footer .brand-signature{font-size:38px;color:#193a3d}
.art-back strong{font-family:'Sora Rakkas',Cairo,serif!important;font-weight:400!important;font-size:38px!important;line-height:1.2}
@media(max-width:560px){.header .brand{min-width:82px}.header .brand-signature{font-size:38px}.header .brand-caption{font-size:8px;margin-top:7px}.header .brand-signature::after{bottom:-6px;border-width:2px}.art-back strong{font-size:28px!important}}

/* توغوموري — بطاقة القضية بدل لوحة القصر */
.togo-file-summary{display:flex;gap:8px;flex-wrap:wrap;margin:3px 0 17px}
.togo-file-summary span{background:#f2ead8;color:#745b3e;border:1px solid #e3d2af;padding:5px 11px;border-radius:99px;font-size:11px;font-weight:800}
.togo-crime-seal{display:flex;align-items:center;gap:16px;padding:20px 23px;min-height:125px;border:2px dashed #b89c69;border-radius:14px;background:repeating-linear-gradient(-20deg,#f7f0df 0 8px,#f9f3e6 8px 16px);margin-bottom:20px}
.togo-crime-seal>span{display:grid;place-items:center;flex:none;width:66px;height:78px;border-radius:9px;border:2px solid #b89c69;background:#173940;color:#f2d99f;font:900 43px Georgia,serif;transform:rotate(-5deg)}
.togo-crime-seal b{display:block;font:900 19px Cairo,Tahoma,sans-serif}.togo-crime-seal small{display:block;color:#786f5e;line-height:1.7;font-size:11px}
.togo-map-wrap h4{font:900 13px Cairo,Tahoma,sans-serif;color:#8b704b;margin:17px 0 10px}
.togo-evidence{min-height:95px;transform:none!important;box-shadow:0 3px 0 #b8a27544;position:relative;overflow:hidden}
.togo-evidence::after{content:'';position:absolute;left:-17px;bottom:-23px;width:74px;height:74px;border:1px solid #fff8e6a0;border-radius:50%}
.togo-evidence.s{background:linear-gradient(140deg,#e9d0b8,#f6ead9)}
.togo-evidence.w{background:linear-gradient(140deg,#d5e1da,#eff4e7);border-color:#abc2af}
.togo-evidence.r{background:linear-gradient(140deg,#dfd4e4,#f3ecf4);border-color:#c9b7ca}
.togo-evidence span,.togo-evidence b{position:relative;z-index:1}
.togo-question-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;margin-top:15px!important}
.togo-question-form>.btn{grid-column:1/-1;justify-self:start}
.togo-stage .togo-mini{font-size:11px;color:#71817b}
@media(max-width:550px){.togo-file-summary span{font-size:10px}.togo-crime-seal{padding:14px;gap:11px}.togo-crime-seal>span{width:50px;height:63px;font-size:31px}.togo-question-form{grid-template-columns:1fr}.togo-question-form>.btn{grid-column:1}.togo-evidence{min-height:90px}}

.hero h1 .hero-lead{display:block;font-size:clamp(24px,3.8vw,50px);letter-spacing:-.04em;white-space:nowrap}.hero h1 em{display:block;font-style:normal}

.hero h1 .hero-wordmark{font-family:'Sora Rakkas',Cairo,serif;font-weight:400;font-size:1.18em;letter-spacing:0;vertical-align:-.03em}
.hero h1.hero-title{margin:24px 0 20px;letter-spacing:-.04em;line-height:1.12}
.hero-title-top,.hero-title-bottom{display:block;white-space:nowrap}
.hero-title-top{font-size:clamp(41px,4.2vw,62px);color:#fff}
.hero-title-bottom{font-size:clamp(58px,6.1vw,91px);color:#efb35f}
@media(max-width:560px){.hero-title-top{font-size:clamp(39px,9.2vw,48px)}.hero-title-bottom{font-size:clamp(48px,11.4vw,64px)}}

/* توغوموري: مصوّرات الأدلة ودفتر استنتاجات يدوي */
.togo-card.togo-evidence{display:block;min-height:0;padding:5px;border:1px solid #c6a36a;border-radius:13px;background:#17383b;box-shadow:0 5px 12px #132d2c2b;transform:none!important;overflow:hidden}
.togo-card.togo-evidence::after{display:none}
.togo-card-art{display:block!important;aspect-ratio:4/5;border-radius:9px 9px 4px 4px;overflow:hidden;background:#192f33}
.togo-card-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:filter .2s,transform .2s}
.togo-card-caption{display:block!important;padding:7px 5px 5px;text-align:center;color:#f5e5c4}
.togo-card-caption small{display:block;color:#d5b67a;font-size:10px;line-height:1.4}
.togo-card-caption b{display:block;color:#fff4dc;font:900 clamp(11px,1.15vw,15px)/1.35 Cairo,Tahoma,sans-serif;margin-top:3px}
.togo-hand-grid{gap:11px}
.togo-notebook{max-height:none;overflow:visible}
.togo-notes-help{font-size:11px;line-height:1.8;padding:9px 11px;background:#f5ecd8;border-radius:9px;color:#685a43}
.togo-notes-group{margin:15px 0 19px}
.togo-notes-group h4{font-size:13px;margin-bottom:9px}
.togo-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.togo-note{display:block;width:100%;padding:5px;background:#f9f5eb;border:1px solid #d8c9a9;border-radius:12px;text-align:center;cursor:pointer;box-shadow:0 2px 4px #223c3014;transition:box-shadow .15s,border-color .15s,transform .15s}
.togo-note:hover{transform:translateY(-2px);box-shadow:0 6px 14px #203b3130}
.togo-note:focus-visible,.togo-choice:focus-within{outline:3px solid #b88146;outline-offset:2px}
.togo-note .togo-card{width:100%}
.togo-note .togo-card-art{aspect-ratio:4/4.5}
.togo-note .togo-card-caption b{font-size:11px}
.togo-note-art{position:relative;display:block}
.togo-note-status{display:block;padding:5px 0 1px;color:#786b55;font-size:10px;text-decoration:none}
.togo-source{display:inline-block;margin:3px auto 1px;padding:2px 7px;border-radius:99px;background:#e9e7dd;color:#655e4f;font-size:9px;text-decoration:none}
.togo-note.maybe{background:#fff5d9;border-color:#d6a443;box-shadow:0 0 0 2px #e9bd5d88}
.togo-note.maybe .togo-note-status{color:#8a590c;font-weight:900}
.togo-note.out{background:#e8ebe8;border-color:#95a5a1;text-decoration:none}
.togo-note.out .togo-card-art img{filter:grayscale(1);opacity:.38}
.togo-note.out .togo-note-art::after{content:'×';position:absolute;inset:4px;display:grid;place-items:center;color:#fff;font:900 62px/1 Cairo,Tahoma,sans-serif;text-shadow:0 2px 5px #15292a;pointer-events:none}
.togo-note.out .togo-note-status{color:#52635e;text-decoration:none}
.togo-note.out .togo-card-caption b{text-decoration:line-through}
.togo-form.togo-question-form,.togo-form.togo-accuse-form{display:block}
.togo-pick-counter{display:block;margin:10px 0!important;font-weight:900;color:#31534d!important}
.togo-pick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:12px 0}
.togo-choice{display:block;position:relative;min-width:0;cursor:pointer}
.togo-choice input{position:absolute;opacity:0;width:1px;height:1px}
.togo-choice-face{display:block;position:relative;border-radius:13px}
.togo-choice .togo-card{width:100%;transition:transform .15s,box-shadow .15s}
.togo-choice:hover .togo-card{transform:translateY(-3px)!important}
.togo-choice input:checked+.togo-choice-face .togo-card{border-color:#efb858;box-shadow:0 0 0 3px #e6ad4f,0 8px 18px #172e3a55}
.togo-choice-check{display:none;position:absolute;top:9px;left:9px;background:#e8af53;color:#183839;border-radius:50%;width:24px;height:24px;place-items:center;font-weight:900;box-shadow:0 2px 7px #10262888}
.togo-choice input:checked+.togo-choice-face .togo-choice-check{display:grid}
.togo-question-form>.btn{margin:13px 0 0!important}
.togo-accuse-form fieldset{border:1px solid #d4c4a2;border-radius:12px;margin:12px 0;padding:10px}
.togo-accuse-form legend{font:900 15px Cairo,Tahoma,sans-serif;color:#735938;padding:0 8px}
.togo-refute button{width:165px;padding:0;border:0;background:transparent}
.togo-refute button:hover{background:transparent}
.togo-refute button:hover .togo-card{box-shadow:0 0 0 3px #c79d54}
.togo-solution>div{min-width:0}
.togo-solution .togo-card{margin-top:9px;max-width:225px}
@media(max-width:700px){.togo-pick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:550px){.togo-note-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.togo-note{padding:3px}.togo-note .togo-card{padding:3px}.togo-note .togo-card-caption b{font-size:10px}.togo-note-status{font-size:9px}.togo-source{font-size:8px}.togo-pick-grid{gap:6px}.togo-pick-grid .togo-card-caption b{font-size:10px}.togo-hand-grid{gap:7px}}

/* بالإشارة: a private theatrical card and a clear, touch-friendly control strip. */
.cover.theme-charades{background:radial-gradient(circle at 18% 15%,#43777b,#153c45 60%,#082a35);color:#f8d18d}
.cover.theme-charades .party-cover-art{transform:rotate(-5deg)}
.cover.theme-charades .party-cover-art>span{display:grid;place-items:center;width:104px;height:104px;margin:auto auto 10px;border-radius:30px;background:#f5d296;color:#143f48;box-shadow:10px 12px 0 #092630;font-size:66px}
.cover.theme-charades .party-cover-art strong{background:#f9eed8;color:#153d45;transform:rotate(5deg)}
.charades-arena{background:radial-gradient(circle at 50% -50%,#a8bdb2,#fdf8eb 54%);border-color:#d6c8aa;overflow:hidden}
.charades-symbol{display:grid;place-items:center;margin:15px auto;width:96px;height:96px;border-radius:28px;background:#183d45;color:#f2bb66;font-size:58px;box-shadow:8px 9px 0 #e4d3b0;transform:rotate(-7deg)}
.charades-top,.charades-teamline{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;max-width:700px;margin:0 auto 20px;font-weight:800;color:#1a444c}
.charades-top strong{display:grid;place-items:center;min-width:70px;padding:7px 13px;border-radius:18px;background:#163f47;color:#f4ca87;font:900 35px Cairo,Tahoma,sans-serif;font-variant-numeric:tabular-nums}
.charades-top strong.warning{background:#a3433f;color:#fff}
.charades-teamline{justify-content:center;gap:14px;margin:24px auto}
.charades-teamline span{padding:8px 17px;border-radius:20px;background:#e7f0ea;border:1px solid #bfdbcf}
.charades-card{max-width:650px;min-height:210px;margin:10px auto 18px;padding:30px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #dbb377;border-radius:26px;background:linear-gradient(155deg,#fff9e9,#f4e6cb);box-shadow:0 13px 0 #dfccb0,0 25px 35px #21413b24;transform:rotate(-1deg)}
.charades-card>span{font-size:13px;font-weight:800;color:#8f6d48}
.charades-card h2{font:900 clamp(31px,6vw,54px)/1.4 Cairo,Tahoma,sans-serif;margin:14px 0;color:#143a43}
.charades-card small{font-weight:800;color:#7b6853}
.charades-hidden{background:repeating-linear-gradient(135deg,#e8f0e9 0 15px,#f6f7ee 15px 30px);border-color:#a4c3b1}
.charades-judge,.charades-nav{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:16px auto}
.charades-judge .btn{min-width:150px}
.charades-nav{max-width:540px;justify-content:space-between}
.charades-nav button{background:#173e46;color:#fff;border:0;border-radius:13px;padding:12px 17px;font:800 15px Cairo,Tahoma,sans-serif;cursor:pointer}
.charades-nav button:disabled{opacity:.35;cursor:not-allowed}
.charades-nav span{font:800 14px Cairo,Tahoma,sans-serif;color:#6d776d}
.charades-recap{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;max-width:720px;margin:20px auto}
.charades-recap span{border-radius:12px;padding:7px 13px;background:#f3f0e8;font-weight:700;font-size:13px}
.charades-recap .correct{background:#e0f1e2;color:#286c44}.charades-recap .wrong{background:#fae7e3;color:#9c4741}
.charades-setup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:700px;margin:auto}
@media(max-width:650px){.charades-top{font-size:12px}.charades-top strong{font-size:26px;min-width:58px}.charades-card{min-height:185px;padding:20px 12px}.charades-judge .btn{min-width:calc(50% - 6px);padding:11px 8px}.charades-nav button{font-size:13px;padding:10px}.charades-setup{grid-template-columns:1fr;gap:0}}

/* انقلاب / لعبة النفوذ: original illustrated court deck. */
.cover.theme-coup{background:radial-gradient(circle at 50% 17%,#75605c,#243d42 60%,#122931);color:#f2d6a3;overflow:hidden}
.coup-cover-fan{position:absolute;inset:32px 12px 0;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 20px 18px #0b1a20aa)}
.coup-cover-fan img{position:absolute;width:42%;height:auto;aspect-ratio:9/10;object-fit:cover;border-radius:10px;transform-origin:center 92%;transition:transform .3s ease}
.coup-cover-fan img:first-child{transform:translateX(65%) rotate(18deg)}.coup-cover-fan img:nth-child(2){transform:translateY(-8%) rotate(-2deg);z-index:1}.coup-cover-fan img:nth-child(3){transform:translateX(-65%) rotate(-19deg)}
.game-card:hover .coup-cover-fan img:first-child{transform:translateX(90%) rotate(28deg)}.game-card:hover .coup-cover-fan img:nth-child(3){transform:translateX(-90%) rotate(-29deg)}
.coup-cover-fan strong{position:absolute;bottom:10px;z-index:2;font:900 21px Cairo,Tahoma,sans-serif;color:#ffe5b7;text-shadow:0 3px 10px #0b151c}
.room-panel.coup-arena{background:radial-gradient(circle at 50% -30%,#445659 0,#1a353d 49%,#102b34 100%);color:#f9ead1;border:2px solid #ac895e;padding:clamp(15px,3vw,35px);text-align:center;box-shadow:0 25px 60px #0a273436;overflow:hidden}
.coup-arena h2{color:#ffe5b6}.coup-arena p{color:#dbd4c5}.coup-arena .eyebrow{color:#ddbd87}
.coup-arena__top{display:flex;justify-content:space-between;gap:20px;text-align:right;max-width:940px;margin:0 auto 17px;padding:0 6px}
.coup-arena__top div{display:flex;gap:9px;align-items:center}.coup-arena__top span{color:#c5bba9;font-size:12px}.coup-arena__top strong{color:#f4ce94;font-size:17px}
.coup-roster{max-width:1000px;margin:15px auto 25px;display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px}
.coup-player{border:1px solid #79928b55;border-radius:16px;padding:11px;background:#ffffff0b;text-align:right;min-width:0}
.coup-player.active{border-color:#e6bf78;box-shadow:inset 0 0 0 1px #e6bf7844;background:#ffe6a814}.coup-player.mine{background:#87af9c18}.coup-player.out{opacity:.55}
.coup-player__head{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0}.coup-player__head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;font-size:12px}.coup-player__head b{color:#f5ca88;font-size:15px;white-space:nowrap}
.coup-player__backs{display:flex;gap:4px;margin-top:8px}.coup-player small{color:#cda0a0}
.coup-card{position:relative;display:flex;flex-direction:column;width:clamp(132px,18vw,185px);min-width:0;border-radius:14px;background:#e7d4af;border:2px solid #ceae7c;padding:5px;box-shadow:0 9px 18px #06192066;color:#23373c;overflow:hidden;aspect-ratio:2/3}
.coup-card__art{height:77%;min-height:0;border-radius:9px 9px 4px 4px;overflow:hidden;background:#31464e}.coup-card__art img{width:100%;height:100%;display:block;object-fit:cover}
.coup-card__copy{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:4px 2px}.coup-card__copy span{font:900 clamp(12px,1.45vw,15px) Cairo,Tahoma,sans-serif}.coup-card__copy strong{font:700 clamp(9px,1vw,11px) Cairo,Tahoma,sans-serif;line-height:1.3;color:#5d584f}
.coup-card--back{display:grid;place-content:center;gap:6px;text-align:center;background:repeating-linear-gradient(45deg,#1b3b44 0 8px,#244a4d 8px 16px);border-color:#c8a870;color:#e8ca96}
.coup-back-mark{font:70px Georgia,serif;line-height:1}.coup-card--back span{font-size:10px;font-weight:800}
.coup-player__backs .coup-card{width:35px;height:49px;padding:2px;border-radius:5px;border-width:1px;box-shadow:none}.coup-player__backs .coup-card__art{height:100%;border-radius:3px}.coup-player__backs .coup-card__copy{display:none}.coup-player__backs .coup-back-mark{font-size:23px}.coup-player__backs .coup-card--back span{display:none}.coup-player__backs .coup-card--fallen{filter:grayscale(1);opacity:.6;transform:rotate(-10deg)}
.coup-event{max-width:900px;margin:0 auto 28px;padding:clamp(19px,3vw,32px);border:1px solid #d1ad775b;border-radius:24px;background:linear-gradient(150deg,#18333c,#1c3b43 60%,#29434a);box-shadow:0 17px 28px #09232c8a}
.coup-event h2{font:900 clamp(25px,3.3vw,38px)/1.4 Cairo,Tahoma,sans-serif;margin:6px 0 8px}.coup-event p{line-height:1.8;margin:8px 0 14px}.coup-event small{color:#bfbdaf}
.coup-event__seal{display:grid;place-items:center;margin:0 auto 12px;width:58px;height:58px;border:2px solid #ddbd83;border-radius:50%;color:#f0c783;font-size:35px}
.coup-event--win .coup-event__seal{font-size:44px}.coup-event--loss .coup-event__seal{border-color:#d38383;color:#f0b3a0}
.coup-target{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;max-width:550px;margin:18px auto;color:#ebd3aa;font-weight:800}
.coup-arena .coup-target select{width:min(300px,100%);margin:0;background:#e9dbbe;border-color:#cda974;color:#173b44}
.coup-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.coup-actions button{min-height:74px;padding:9px 5px;border:1px solid #c6a675;border-radius:13px;background:#d9c59d;color:#143c46;cursor:pointer;font-family:Cairo,Tahoma,sans-serif;transition:transform .2s,background .2s}
.coup-actions button:hover:not(:disabled),.coup-decision button:hover{transform:translateY(-3px)}.coup-actions button:disabled{opacity:.32;cursor:not-allowed}
.coup-actions b{display:block;font-size:17px}.coup-actions small{display:block;color:#5c5546;font-size:10px;line-height:1.4}.coup-actions button[data-coup-action="coup"]{background:#a8524d;color:white}.coup-actions button[data-coup-action="coup"] small{color:#f9ded9}
.coup-claim{display:flex;justify-content:center;margin:12px auto}.coup-claim .coup-card{width:125px;aspect-ratio:2/3;transform:rotate(-5deg)}
.coup-decision{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:18px auto}.coup-decision .btn.danger{background:#a94c48;color:#fff;border-color:#a94c48}.coup-decision .btn.ghost{border-color:#dcc392;color:#ffe7b4}
.coup-wait{border:1px dashed #a7b9a677;padding:12px;border-radius:12px}
.coup-private{max-width:850px;margin:20px auto;border:1px solid #76989677;border-radius:20px;background:#122d35;padding:17px}.coup-private__heading{display:flex;justify-content:space-between;align-items:center;color:#f0d6a8;font-weight:900}.coup-private__heading small{font-size:11px;color:#adc6ba}
.coup-hand{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:16px auto 0}.coup-hand--choice{margin:18px auto}.coup-hand--choice button{padding:0;border:0;background:transparent;cursor:pointer;transition:transform .2s}.coup-hand--choice button:hover{transform:translateY(-7px)}.coup-hand--choice label{cursor:pointer}.coup-hand--choice label input{position:absolute;opacity:0;pointer-events:none}.coup-hand--choice label input:checked+span .coup-card{outline:4px solid #f7ca77;transform:translateY(-7px)}.coup-hand--choice label input:focus-visible+span .coup-card{outline:4px solid #8ad2c0}
.coup-reference{max-width:850px;margin:20px auto;text-align:right;padding:15px;border:1px solid #81998c77;border-radius:15px;color:#f5e2bb}.coup-reference summary{cursor:pointer;font-weight:800}.coup-reference__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:9px;margin:18px 0}.coup-reference__grid>div{border:1px solid #a0a88a77;border-radius:10px;padding:9px}.coup-reference__grid b{display:block;font-size:12px;color:#f3d198}.coup-reference__grid span{font-size:11px;color:#d2d7c7}
.coup-history{max-width:850px;margin:15px auto;text-align:right;font-size:12px;color:#d8d5c7}.coup-history b{color:#f6cf91}.coup-history p{border-bottom:1px solid #a2b3aa38;margin:0;padding:6px 0;color:#d8d5c7}
.coup-intro h2{font-size:clamp(28px,4vw,45px)}.coup-preview{height:260px;display:flex;justify-content:center;align-items:center;position:relative;margin:20px auto}.coup-preview .coup-card{width:140px;position:absolute;box-shadow:0 12px 25px #061922aa}.coup-preview .coup-card:nth-child(1){transform:translateX(80px) rotate(14deg)}.coup-preview .coup-card:nth-child(2){z-index:2;transform:translateY(-7px) rotate(-3deg)}.coup-preview .coup-card:nth-child(3){transform:translateX(-80px) rotate(-18deg)}
.coup-lobby{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;max-width:600px;margin:20px auto}.coup-lobby span{padding:6px 10px;border:1px solid #caac79;border-radius:20px;font-size:12px}
@media(max-width:720px){.coup-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.coup-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.coup-event{padding:19px 12px}.coup-private{padding:12px}.coup-card{width:135px}.coup-card__copy span{font-size:12px}.coup-card__copy strong{font-size:9px}.coup-target{display:block}.coup-arena .coup-target select{margin-top:8px}.coup-preview{height:215px}.coup-preview .coup-card{width:115px}}

/* لعبة النفوذ: engraved, full-bleed character cards. */
.cover.theme-coup{background:radial-gradient(circle at 50% 12%,#6c5965,#182e3b 65%,#0d202a)}
.coup-cover-fan img{aspect-ratio:5/7.2;border:1px solid #d9b99088;box-shadow:0 12px 25px #07172095}
.coup-card{--foil:#edcb94;background:#102b34;border:1px solid var(--foil);border-radius:13px;padding:4px;color:#f8e6c7;box-shadow:0 12px 25px #041a22a8,0 0 0 1px #fee2aa2b inset;isolation:isolate}
.coup-card--duke{--foil:#efd09b}.coup-card--assassin{--foil:#d4a4a4}.coup-card--contessa{--foil:#c6dac0}.coup-card--captain{--foil:#a9cad4}.coup-card--ambassador{--foil:#e2bcc8}
.coup-card::after{content:'';position:absolute;inset:8px;border:1px solid color-mix(in srgb,var(--foil),transparent 44%);border-radius:7px;pointer-events:none;z-index:3}
.coup-card__art{height:100%;border-radius:8px;overflow:hidden}
.coup-card__art img{object-fit:cover;object-position:center}
.coup-card__copy{position:absolute;inset:auto 4px 4px;min-height:35%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:0;padding:20px 8px 13px;border-radius:0 0 8px 8px;background:linear-gradient(0deg,#0b1e27 0%,#0b1e27e8 65%,transparent 100%);text-align:center;z-index:2;pointer-events:none}
.coup-card__copy .coup-card__role{font:700 clamp(10px,1.1vw,12px) Cairo,Tahoma,sans-serif;line-height:1.1;color:var(--foil);letter-spacing:.03em}
.coup-card__copy .coup-card__name{font:900 clamp(22px,2.6vw,29px)/1.1 Cairo,Tahoma,sans-serif;color:#fff2d9;text-shadow:0 2px 7px #0009}
.coup-card__copy .coup-card__power{font:700 clamp(9px,.94vw,11px)/1.35 Cairo,Tahoma,sans-serif;color:#dfd8cd;min-height:1.35em}
.coup-card--back{display:grid;place-content:center;background:radial-gradient(circle at center,#284b51 0,#112d37 62%,#0b222d 100%);border-color:#d1ac7a}
.coup-card--back::before{content:'◇';position:absolute;inset:12%;display:grid;place-items:center;border:1px solid #c3a67588;border-radius:40% 40% 20% 20%;font:95px Georgia,serif;color:#d9b88166}
.coup-back-mark{position:relative;z-index:1;font:48px Georgia,serif;color:#efd5a3;text-shadow:0 2px 14px #d8b98477}
.coup-player__backs .coup-card{padding:2px}.coup-player__backs .coup-card::after{inset:3px;border-radius:2px}.coup-player__backs .coup-card__art{border-radius:2px}.coup-player__backs .coup-card--back::before{font-size:24px}.coup-player__backs .coup-back-mark{font-size:18px}
.coup-preview .coup-card{box-shadow:0 18px 32px #051722aa}
@media(max-width:720px){.coup-card__copy .coup-card__role{font-size:10px}.coup-card__copy .coup-card__name{font-size:22px}.coup-card__copy .coup-card__power{font-size:9px}.coup-card__copy{padding:18px 5px 10px}.coup-preview .coup-card__name{font-size:18px}.coup-preview .coup-card__power{font-size:8px}}

/* لعبة النفوذ: vivid cut-paper portraits on ivory cards. */
.cover.theme-coup{background:radial-gradient(circle at 52% 28%,#f8d583,#d07f69 56%,#694c69 100%)}
.coup-cover-fan img{border:5px solid #faf0da;border-bottom-width:12px;border-radius:7px;box-shadow:6px 9px 0 #26313a70;object-fit:cover;aspect-ratio:5/7.2}
.coup-cover-fan strong{padding:2px 13px;border-radius:7px;background:#f6ecd7;color:#27333e;text-shadow:none;box-shadow:3px 4px 0 #28313b85}
.coup-card{--accent:#c96048;display:flex;flex-direction:column;padding:0;border:4px solid #26313c;border-radius:9px;background:#f8f0de;color:#252e38;box-shadow:7px 8px 0 #0b1d2685;overflow:hidden}
.coup-card--duke{--accent:#c96048}.coup-card--assassin{--accent:#554b7d}.coup-card--contessa{--accent:#519e8c}.coup-card--captain{--accent:#e9a04d}.coup-card--ambassador{--accent:#bd6a81}
.coup-card::after{content:none}
.coup-card__art{height:73%;flex:none;border-radius:0;background:var(--accent)}
.coup-card__art img{width:100%;height:100%;object-fit:cover;object-position:center top}
.coup-card__copy{position:relative;inset:auto;min-height:0;flex:1;justify-content:center;gap:2px;padding:3px 5px 5px;border:0;border-top:4px solid #26313c;border-radius:0;background:#f8f0de;color:#26313c;pointer-events:auto}
.coup-card__copy .coup-card__name{font:900 clamp(19px,2.3vw,25px)/1.15 Cairo,Tahoma,sans-serif;color:#242e39;text-shadow:none}
.coup-card__copy .coup-card__power{font:700 clamp(8px,.93vw,10px)/1.25 Cairo,Tahoma,sans-serif;color:#514e4a;min-height:0}
.coup-card--back{display:grid;place-content:center;background:radial-gradient(circle at center,#f4d395 0 28%,#ce7769 29% 32%,#f1d5a8 33% 58%,#34505b 59%);border-color:#26313c;color:#26313c}
.coup-card--back::before{content:'';inset:12%;border:3px solid #26313c;border-radius:50%;background:transparent;font-size:0}
.coup-back-mark{font:55px Georgia,serif;color:#26313c;text-shadow:none}
.coup-player__backs .coup-card{border-width:2px;padding:0;box-shadow:2px 2px 0 #071a2355}.coup-player__backs .coup-card__art{height:100%;border-radius:0}.coup-player__backs .coup-card--back::before{inset:5%;border-width:1px}.coup-player__backs .coup-back-mark{font-size:22px}
.coup-preview .coup-card{box-shadow:9px 12px 0 #071d2977}
@media(max-width:720px){.coup-card__copy{padding:2px 4px 4px}.coup-card__copy .coup-card__name{font-size:19px}.coup-card__copy .coup-card__power{font-size:8px}.coup-preview .coup-card__name{font-size:17px}.coup-preview .coup-card__power{font-size:7px}}

/* Painted intrigue portraits: character art is the card's focal point. */
.cover.theme-coup{background:radial-gradient(circle at 50% 18%,#7b5860,#252c3a 64%,#151c29)}
.coup-cover-fan img{border:3px solid #bd9672;border-bottom-width:5px;border-radius:10px;box-shadow:0 15px 25px #080f1bcc;object-fit:cover;aspect-ratio:2/3}
.coup-cover-fan strong{background:#1c2631;color:#f4d4a1;border:1px solid #c9a77b;box-shadow:0 5px 12px #0c1522a0}
.coup-card{--accent:#c6a575;padding:3px;border:2px solid #b89669;border-radius:12px;background:#191f2a;color:#f3dfbc;box-shadow:0 13px 25px #06131fa6,0 0 0 1px #e6bd7b44 inset}
.coup-card--duke{--accent:#c7a16b}.coup-card--assassin{--accent:#a86d71}.coup-card--contessa{--accent:#729ca3}.coup-card--captain{--accent:#bc855e}.coup-card--ambassador{--accent:#ad8a9f}
.coup-card::after{content:'';inset:7px;border:1px solid #d7b58655;border-radius:7px}
.coup-card__art{height:77%;border-radius:7px 7px 0 0;background:#1a202b}
.coup-card__art img{object-fit:cover;object-position:center 15%}
.coup-card__copy{background:linear-gradient(120deg,#19212c,#242b36);border:0;border-top:1px solid var(--accent);border-radius:0 0 7px 7px;gap:3px;padding:4px 6px 8px;color:#f4e3c9}
.coup-card__copy .coup-card__name{font:900 clamp(19px,2.2vw,25px)/1.12 Cairo,Tahoma,sans-serif;color:#f9e3bc}
.coup-card__copy .coup-card__power{font:700 clamp(8px,.92vw,10px)/1.24 Cairo,Tahoma,sans-serif;color:#c7ced0}
.coup-card--back{background:radial-gradient(circle at 50% 48%,#293e48 0 24%,#b88e61 25% 27%,#1b2b38 28% 60%,#0b1f2d 61%);border-color:#c4a275}
.coup-card--back::before{content:'';inset:12%;border:2px solid #d5b686;border-radius:50%}
.coup-back-mark{color:#e6c28f}
.coup-player__backs .coup-card{border-width:1px;padding:2px;box-shadow:none}.coup-player__backs .coup-card__art{border-radius:2px}.coup-player__backs .coup-card::after{inset:3px;border-radius:2px}
.coup-preview .coup-card{box-shadow:0 18px 30px #061320a8}
@media(max-width:720px){.coup-card__copy{gap:1px;padding:2px 3px 4px}.coup-card__copy .coup-card__name{font-size:19px}.coup-card__copy .coup-card__power{font-size:8px}.coup-preview .coup-card__name{font-size:17px}.coup-preview .coup-card__power{font-size:7px}}

/* Mafia: the town square changes from moonlight to daylight. */
.cover.theme-mafia{background:radial-gradient(circle at 50% 23%,#385675,#131e34 62%,#0a1527);overflow:hidden;color:#f6e2ae}
.mafia-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:end;padding:16px 10px 21px;background:linear-gradient(0deg,#0a162ae8,transparent 65%);text-align:center}
.mafia-cover__moon{position:absolute;top:4%;right:18%;font:110px Georgia,serif;color:#f3d596;text-shadow:0 0 35px #e9c6899c}
.mafia-cover__houses{position:absolute;bottom:0;left:0;right:0;height:42%;display:flex;justify-content:space-around;align-items:end;opacity:.76}
.mafia-cover__houses i{width:17%;height:65%;background:#101d2e;clip-path:polygon(0 26%,50% 0,100% 26%,100% 100%,0 100%);border-top:4px solid #b89569}.mafia-cover__houses i:nth-child(even){height:90%;width:20%}
.mafia-cover strong{z-index:1;font:900 clamp(38px,5vw,62px)/1.1 Cairo,Tahoma,sans-serif;text-shadow:0 5px 14px #08101f}.mafia-cover small{z-index:1;color:#e6ccb2;font-weight:800}
.mafia-lobby{overflow:hidden;position:relative;text-align:center;background:radial-gradient(circle at 50% 0,#31516a,#132c3b 75%);color:#f6e9d3;padding:clamp(22px,5vw,54px)}
.mafia-lobby .eyebrow,.mafia-lobby p{color:#ecdbc1}.mafia-lobby h2{color:#fff1d6;font:900 clamp(28px,4vw,44px)/1.3 Cairo,Tahoma,sans-serif}.mafia-lobby__moon{font:88px Georgia,serif;color:#f7d99a;text-shadow:0 0 32px #e2c280}
.mafia-lobby__roles,.mafia-lobby__players{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin:22px auto}.mafia-lobby__roles span,.mafia-lobby__players span{border:1px solid #d3b98770;border-radius:30px;background:#172d3bab;padding:7px 13px}.mafia-lobby__count{font-weight:900}.mafia-lobby button:disabled{opacity:.45;cursor:not-allowed}
.mafia-arena{border-radius:24px;overflow:hidden;background:#142c39;color:#f7e9d4;box-shadow:0 18px 45px #07192355}
.mafia-arena__top{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:15px 24px;background:#0b1e2c;color:#deb991;font-size:13px}.mafia-arena__top b{font:900 24px Cairo,Tahoma,sans-serif;color:#f3dfbe}
.mafia-arena__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,290px);gap:0}.mafia-arena__main{min-width:0;padding:clamp(15px,3vw,35px);background:radial-gradient(circle at 50% 8%,#34516b,#172d40 55%,#112638)}
.mafia-arena--dawn .mafia-arena__main,.mafia-arena--discussion .mafia-arena__main,.mafia-arena--verdict .mafia-arena__main{background:radial-gradient(circle at 50% 0,#9c715a,#496376 52%,#284552)}
.mafia-arena--vote .mafia-arena__main,.mafia-arena--defense .mafia-arena__main,.mafia-arena--judgment .mafia-arena__main{background:radial-gradient(circle at 50% 0,#85595a,#3d435a 54%,#203442)}
.mafia-stage{text-align:center;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 3px}
.mafia-stage__moon{font:90px Georgia,serif;color:#f3d69f;line-height:1;text-shadow:0 0 28px #f1dc9b77}.mafia-stage h2{font:900 clamp(26px,4vw,43px)/1.3 Cairo,Tahoma,sans-serif;color:#fff2d5;margin:2px 0}.mafia-stage p{max-width:600px;line-height:1.8;margin:4px 0;color:#eee2d0}.mafia-stage .eyebrow{color:#f5cc91}
.mafia-stage form{display:flex;gap:9px;justify-content:center;align-items:center;flex-wrap:wrap;margin:12px 0}.mafia-stage select{min-width:210px;max-width:100%;border:1px solid #c5a275;border-radius:12px;padding:12px;background:#f8e7c9;color:#1e3740;font:700 14px Cairo,Tahoma,sans-serif}.mafia-stage .btn{background:#e9b36d;color:#193542;border-color:#e9b36d}.mafia-stage .btn.ghost{background:transparent;color:#f9ddae}
.mafia-pending,.mafia-outcome{border:1px solid #e5c49780;border-radius:14px;padding:13px 19px;background:#0f283ca8}.mafia-outcome{font-weight:900;font-size:19px}
.mafia-sidebar{background:#0e2634;padding:18px;border-right:1px solid #d4b9874d}.mafia-sidebar h3{color:#ebcc9b;margin:23px 0 12px}.mafia-role{border:1px solid #d5b77f;border-radius:18px;padding:18px;background:linear-gradient(145deg,#315266,#122936);text-align:center;box-shadow:0 9px 22px #06192380}.mafia-role--mafia{background:linear-gradient(145deg,#724755,#22293a);border-color:#d9988a}.mafia-role small{color:#f1cfa2}.mafia-role__icon{font:58px Georgia,serif;color:#f2d092;line-height:1.3}.mafia-role h3{margin:0;color:#fff2db;font-size:24px}.mafia-role p{font-size:12px;line-height:1.7;color:#ede0cb;margin:9px 0}
.mafia-clue{display:grid;gap:4px;border:1px solid #7cbdac;border-radius:13px;background:#19434c;padding:14px;margin-top:12px}.mafia-clue small{color:#b5dfd1}.mafia-clue b{font-size:20px}.mafia-roster{display:grid;gap:7px}.mafia-person{display:flex;gap:10px;align-items:center;padding:8px 10px;border:1px solid #d4b98b40;border-radius:12px;background:#203d4a}.mafia-person__avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#e9c58c;color:#1b3340}.mafia-person b,.mafia-person small{display:block}.mafia-person b{font-size:13px}.mafia-person small{font-size:10px;color:#b7c6c3}.mafia-person--out{opacity:.6;filter:grayscale(.8)}
.mafia-chat{border:1px solid #d0b38375;border-radius:17px;background:#0d2533b9;overflow:hidden;margin:12px auto;max-width:740px}.mafia-chat__head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#091f2a;color:#eacb99}.mafia-chat__head small{font-size:11px;color:#b7c9c5}.mafia-chat__messages{height:155px;overflow-y:auto;padding:8px 15px}.mafia-chat__messages p{font-size:13px;margin:6px 0;line-height:1.6}.mafia-chat__messages b{color:#efca91}.mafia-chat__messages .muted{color:#abbcbb}.mafia-chat form{display:flex;padding:9px;gap:8px;border-top:1px solid #c5aa7755}.mafia-chat input{flex:1;min-width:100px;background:#e9e7d8;border:0;border-radius:9px;padding:10px;color:#173a42}
.mafia-history{padding:16px 25px;background:#0b202e;font-size:12px;color:#c8d3ca}.mafia-history summary{cursor:pointer;font-weight:800;color:#e8c992}.mafia-history p{margin:8px 0;border-bottom:1px solid #d9c4953e;padding:5px}.mafia-reveal{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;width:100%;margin:17px 0}.mafia-reveal span{border:1px solid #e4c58a72;border-radius:9px;background:#102b3d;padding:8px;font-size:12px}.mafia-reveal b{color:#f2ce92}
@media(max-width:760px){.mafia-arena__grid{grid-template-columns:1fr}.mafia-sidebar{border-right:0;border-top:1px solid #d4b9874d}.mafia-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.mafia-arena__top{padding:10px 13px}.mafia-stage{min-height:300px}.mafia-chat__head{display:block}.mafia-chat__head small{display:block}}

/* Illustrated role deck and a room-wide server-clock discussion timer. */
.mafia-card{--card-metal:#d1ab71;--card-edge:#857253;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;width:100%;padding:7px;border:1px solid #f5ddb799;border-radius:20px;background:linear-gradient(135deg,#b5a17b 0%,#f1dcac 8%,#6e5e47 20%,#d5b77e 40%,#92714e 72%,#f5dfaa 92%,#8c7655 100%);color:#f6e8cf;box-shadow:0 18px 38px #06131bbb,0 2px 2px #fff5d766 inset;text-align:center;transition:transform .25s ease,box-shadow .25s ease}
.mafia-card:hover{transform:translateY(-5px);box-shadow:0 25px 42px #06131bc9,0 2px 2px #fff5d766 inset}
.mafia-card:before{content:'';position:absolute;inset:5px;border:1px solid #eed8ad9e;border-radius:15px;pointer-events:none;z-index:4}.mafia-card:after{content:'❧';position:absolute;bottom:5px;right:12px;z-index:5;color:var(--card-metal);opacity:.74;font:22px Georgia,serif;pointer-events:none}
.mafia-card--mafia{--card-metal:#d9a790;--card-edge:#853e4c}.mafia-card--town{--card-edge:#375c62}.mafia-card--doctor,.mafia-card--druid{--card-metal:#a9dcc6}.mafia-card--seer,.mafia-card--witch,.mafia-card--mystic{--card-metal:#dcc2e2}.mafia-card--knight,.mafia-card--guard{--card-metal:#becfdd}.mafia-card--alpha,.mafia-card--vampire{--card-metal:#e3a8a0}
.mafia-card--mafia{--team-color:#ff8887;--team-dark:#571d30;background:linear-gradient(135deg,#7d283c,#e99991 9%,#53192c 19%,#ba5361 54%,#ffe0bd 91%,#7d283c);border-color:#ffaaa1;box-shadow:0 18px 38px #290b18bb,0 0 0 2px #e75d72 inset}
.mafia-card--town{--team-color:#80c5ff;--team-dark:#133f70;background:linear-gradient(135deg,#134778,#add8f7 9%,#12375c 19%,#4287bb 54%,#e3f2ff 91%,#134778);border-color:#a9d9ff;box-shadow:0 18px 38px #071b37bb,0 0 0 2px #62aff0 inset}
.mafia-card--mafia:before{border-color:#ffc5bd}.mafia-card--town:before{border-color:#d4eeff}
.mafia-card__top{position:relative;z-index:1;display:flex;justify-content:space-between;gap:8px;padding:7px 10px 9px;border-radius:11px 11px 0 0;background:linear-gradient(90deg,#142b36,#213744 60%,#142b36);color:#e6c994;font:800 10px/1.4 Cairo,Tahoma,sans-serif;letter-spacing:.03em;border-bottom:1px solid var(--card-metal)}
.mafia-card--mafia .mafia-card__top{background:linear-gradient(90deg,#2a2232,#422d3a,#2a2232)}
.mafia-card--mafia .mafia-card__top{background:linear-gradient(90deg,#7d263a,#a5394d,#7d263a);color:#fff0e9;border-color:#ffaaa1}
.mafia-card--town .mafia-card__top{background:linear-gradient(90deg,#144e81,#246ca1,#144e81);color:#edf8ff;border-color:#a9d9ff}
.mafia-card__top span:last-child{direction:ltr;font:700 10px/1.4 Georgia,serif;letter-spacing:.14em}
.mafia-card__art{position:relative;overflow:hidden;aspect-ratio:360/420;background:radial-gradient(circle at 50% 25%,#526272,#172d3d);border-inline:1px solid #eed6a580}
.mafia-card__art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;filter:contrast(1.08) saturate(1.12)}
.mafia-card--mafia .mafia-card__art{background:#501d2e;border-color:#f3a9aa}.mafia-card--town .mafia-card__art{background:#153c66;border-color:#a4d4f4}
.mafia-card--mafia .mafia-card__art img{filter:contrast(1.09) saturate(1.06) sepia(.12)}.mafia-card--town .mafia-card__art img{filter:contrast(1.09) saturate(1.08)}
.mafia-card__art:before{content:'';position:absolute;inset:8px;z-index:2;border:1px solid #f7db9d76;border-radius:120px 120px 3px 3px;pointer-events:none}.mafia-card__art:after{content:'';position:absolute;inset:auto 0 0;height:32%;z-index:1;background:linear-gradient(transparent,#101f2b)}
.mafia-card__art-mark{position:absolute;top:14px;right:15px;z-index:3;color:var(--card-metal);font:26px Georgia,serif;text-shadow:0 2px 4px #000a}
.mafia-card__info{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:0 15px 17px;flex:1;min-height:150px;background:radial-gradient(circle at 50% 0,var(--card-edge),#11242f 70%);border-radius:0 0 11px 11px;border:1px solid #eed6a580;border-top:0}.mafia-card--mafia .mafia-card__info{background:radial-gradient(circle at 50% 0,#6c4050,#241e2d 75%)}
.mafia-card--mafia .mafia-card__info{background:radial-gradient(circle at 50% 0,#93334b,#401d2f 72%);border-color:#ef9da3}.mafia-card--town .mafia-card__info{background:radial-gradient(circle at 50% 0,#286b9e,#14375e 72%);border-color:#8dcbf4}
.mafia-card__sigil{display:grid;place-items:center;width:42px;height:42px;margin-top:-22px;z-index:3;border:2px solid var(--card-metal);border-radius:50%;background:#142735;color:var(--card-metal);font-size:21px;box-shadow:0 3px 8px #06131c,0 0 0 3px #112633}
.mafia-card__team{margin-top:7px;color:var(--card-metal);font:800 10px Cairo,Tahoma,sans-serif;letter-spacing:.03em}.mafia-card__info h3{font:900 24px/1.32 Cairo,Tahoma,sans-serif;color:#fff1d8;margin:1px 0;text-shadow:0 2px 4px #0008}.mafia-card__divider{width:100%;display:flex;align-items:center;gap:7px;color:var(--card-metal);font:8px Georgia,serif}.mafia-card__divider:before,.mafia-card__divider:after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--card-metal),transparent)}
.mafia-card .mafia-card__team{margin-top:7px;padding:3px 12px;border-radius:99px;background:var(--team-color);color:var(--team-dark);font-weight:900;font-size:11px;box-shadow:0 0 0 1px #ffffff55}
.mafia-card--mafia .mafia-card__info h3,.mafia-card--town .mafia-card__info h3{color:#fff}
.mafia-card__info p{font:700 12px/1.65 Cairo,Tahoma,sans-serif;color:#e9decc;margin:5px 0;min-height:3.3em}.mafia-card__info small{color:var(--card-metal);font-size:10px;font-weight:900;margin-top:auto}
.mafia-card--small{padding:5px;border-radius:16px}.mafia-card--small:before{inset:3px;border-radius:12px}.mafia-card--small .mafia-card__top{font-size:8px;padding:5px 7px}.mafia-card--small .mafia-card__top span:last-child{font-size:8px}.mafia-card--small .mafia-card__art{aspect-ratio:360/390}.mafia-card--small .mafia-card__art:before{inset:5px}.mafia-card--small .mafia-card__info{padding:0 9px 11px;min-height:139px}.mafia-card--small .mafia-card__sigil{width:32px;height:32px;margin-top:-16px;font-size:17px}.mafia-card--small .mafia-card__team{font-size:8px;margin-top:4px}.mafia-card--small .mafia-card__info h3{font-size:18px}.mafia-card--small .mafia-card__info p{font-size:10px;line-height:1.5}.mafia-card--small .mafia-card__art-mark{font-size:18px;top:9px;right:10px}
@media(prefers-reduced-motion:reduce){.mafia-card{transition:none}.mafia-card:hover{transform:none}}
.mafia-sidebar>.mafia-card{max-width:290px;margin:auto}.mafia-allies{border:1px solid #b96e76;border-radius:12px;padding:10px;background:#4c3549;color:#f8ddd5;font-size:12px;font-weight:800}
.mafia-guide{border:1px solid #d0ae777d;border-radius:18px;background:#0e2533;color:#f6e5c9;padding:15px;margin:17px auto;text-align:right}
.mafia-lobby .mafia-guide{background:#102936aa;text-align:right}.mafia-guide summary{cursor:pointer;font:900 16px Cairo,Tahoma,sans-serif;color:#f3d19d}.mafia-guide summary span{display:block;color:#bfc9c2;font-size:11px;font-weight:600}
.mafia-guide__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:13px;margin:18px 0}.mafia-guide__note{color:#d1d9d2;font-size:12px;margin:0}.mafia-lobby .mafia-guide__note{color:#dfd4bf}
.mafia-discussion-timer{display:flex;align-items:center;justify-content:center;gap:15px;margin:12px auto;padding:11px 18px;border:1px solid #f0d090a8;border-radius:20px;background:#142e3dcc;text-align:right;box-shadow:0 8px 20px #0b1f2b7a}
.mafia-discussion-timer__dial{display:grid;place-items:center;width:80px;height:80px;border-radius:50%;background:conic-gradient(#f4cd88 var(--progress,100%),#455c61 0);box-shadow:0 0 0 3px #edd9a755;direction:ltr}
.mafia-discussion-timer__dial:before{content:'';grid-area:1/1;width:66px;height:66px;border-radius:50%;background:#173745}.mafia-discussion-timer__dial strong{grid-area:1/1;z-index:1;font:900 18px Cairo,Tahoma,sans-serif;color:#fff2d8;direction:ltr}
.mafia-discussion-timer b,.mafia-discussion-timer small{display:block}.mafia-discussion-timer b{font-size:18px;color:#fff0ca}.mafia-discussion-timer small{font-size:11px;color:#e7d8c2}.mafia-discussion-timer--urgent{border-color:#f49b80}.mafia-discussion-timer--urgent .mafia-discussion-timer__dial{background:conic-gradient(#ee927b var(--progress,100%),#455c61 0)}
@media(max-width:760px){.mafia-sidebar>.mafia-card{max-width:280px}.mafia-guide__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mafia-card--small .mafia-card__top{font-size:8px}.mafia-card--small .mafia-card__info h3{font-size:16px}.mafia-card--small .mafia-card__info p{font-size:10px}.mafia-discussion-timer__dial{width:65px;height:65px}.mafia-discussion-timer__dial:before{width:53px;height:53px}}
.mafia-guide h3{font:900 19px Cairo,Tahoma,sans-serif;color:#efd2a0;margin:22px 0 7px}.mafia-guide__grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}.mafia-deck{display:flex;flex-wrap:wrap;gap:7px;padding:15px 0 5px}.mafia-deck span{border:1px solid #d5b27d77;border-radius:50px;padding:5px 11px;background:#233d46;color:#f0dec0;font-size:12px}.mafia-stage form label{display:grid;gap:6px;color:#f2ddba;font-weight:800}.mafia-stage form .btn{align-self:end}.mafia-stage .btn.ghost{border:1px solid #eac891;background:#163445;color:#f7ddb6}.mafia-card--mafia .mafia-card__top{color:#f6b9aa}.mafia-guide .mafia-card--small .mafia-card__info p{min-height:5em}
@media(max-width:650px){.mafia-guide__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mafia-guide .mafia-card--small .mafia-card__info p{font-size:10px;line-height:1.55}.mafia-stage form label{width:100%}}

.mafia-untimed{display:inline-block;border:1px solid #f1d596a8;border-radius:99px;padding:6px 15px!important;color:#f9dfa5!important;background:#102838b3;font-size:12px;font-weight:800}.mafia-stage .mafia-finish-phase{margin-top:12px;border-style:dashed!important;font-size:12px}
/* The role art is shown on the catalogue tile and on the lobby table. */
.mafia-cover{justify-content:end;padding-bottom:13px;background:radial-gradient(circle at 50% 20%,#e5c68c3d,transparent 43%),linear-gradient(0deg,#081727ef,transparent 73%)}
.mafia-cover__moon{top:-35px;right:12%;font-size:103px;opacity:.6}
.mafia-cover__fan{position:absolute;top:11px;left:50%;display:flex;align-items:center;justify-content:center;width:min(87%,360px);height:165px;transform:translateX(-50%)}
.mafia-cover__fan span{position:absolute;width:98px;height:141px;padding:5px;border:1px solid #ffe7ad;border-radius:9px;background:linear-gradient(125deg,#f3d99f,#856445,#eac58e);box-shadow:0 12px 15px #041321b7}
.mafia-cover__fan span:nth-child(1){transform:translateX(-71px) rotate(-17deg);z-index:1}.mafia-cover__fan span:nth-child(2){transform:translateY(-8px) rotate(2deg);z-index:3}.mafia-cover__fan span:nth-child(3){transform:translateX(71px) rotate(17deg);z-index:2}
.mafia-cover__fan img{width:100%;height:100%;object-fit:cover;object-position:top;border:1px solid #e8cc92;border-radius:5px;filter:contrast(1.08)}
.mafia-cover strong{position:relative;z-index:5;font-size:37px;background:#0b1c2baa;padding:0 14px;border-radius:9px}.mafia-cover small{z-index:5;font-size:11px}
.mafia-lobby__preview{display:flex;justify-content:center;align-items:center;gap:14px;max-width:580px;margin:12px auto 26px}.mafia-lobby__preview .mafia-card{width:min(30%,170px);flex:0 1 170px}.mafia-lobby__preview .mafia-card:nth-child(1){transform:rotate(-6deg) translateY(9px)}.mafia-lobby__preview .mafia-card:nth-child(2){z-index:1;transform:translateY(-9px)}.mafia-lobby__preview .mafia-card:nth-child(3){transform:rotate(6deg) translateY(9px)}
.mafia-lobby__preview .mafia-card:hover{z-index:2;transform:translateY(-16px)}
@media(max-width:560px){.mafia-cover__fan{top:8px;height:152px}.mafia-cover__fan span{height:126px;width:90px}.mafia-cover strong{font-size:33px}.mafia-lobby__preview{gap:5px}.mafia-lobby__preview .mafia-card{width:31%;padding:3px}.mafia-lobby__preview .mafia-card__top{font-size:6px}.mafia-lobby__preview .mafia-card__top span:last-child{font-size:6px}.mafia-lobby__preview .mafia-card__info{padding:0 4px 7px;min-height:110px}.mafia-lobby__preview .mafia-card__team{font-size:7px}.mafia-lobby__preview .mafia-card__info h3{font-size:14px}.mafia-lobby__preview .mafia-card__info p{font-size:8px;line-height:1.4}}
/* Mafia lobby: host-selected deck, with the exact card count visible to everyone. */
.mafia-setup{margin:24px auto;padding:20px;border:1px solid #dcbf8a78;border-radius:20px;background:linear-gradient(150deg,#102735,#1b3944);text-align:right;box-shadow:0 13px 24px #071b2880}
.mafia-hide-option{display:flex;align-items:center;gap:13px;margin:16px 0;padding:15px;border:1px solid #d4ba88;border-radius:14px;background:#123440;color:#f5e6c7;cursor:pointer}.mafia-hide-option input{width:22px;height:22px;flex:none;accent-color:#dcae69}.mafia-hide-option b,.mafia-hide-option small{display:block}.mafia-hide-option small{margin-top:3px;line-height:1.5;color:#d9d4c8}.mafia-replay{margin-top:22px;padding:18px;border:1px solid #d9b77d;border-radius:17px;background:#143541}.mafia-replay h3{margin:0;color:#f6d9a5}.mafia-replay p{color:#e7dccd}.mafia-replay .room-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}
.mafia-setup h3{font:900 23px Cairo,Tahoma,sans-serif;color:#f6dcaa;margin:0 0 13px}.mafia-setup h4{font:900 17px Cairo,Tahoma,sans-serif;color:#f0cf9a;margin:22px 0 9px}
.mafia-setup__modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.mafia-setup__mode{display:flex;flex-direction:column;align-items:flex-start;text-align:right;gap:3px;min-height:68px;padding:10px 12px;border:1px solid #b5aa8a73;border-radius:12px;background:#142d3a;color:#e9dfc9;cursor:default}.mafia-setup__mode[data-room]{cursor:pointer}.mafia-setup__mode[data-room]:hover{border-color:#efd49c;background:#254757}.mafia-setup__mode.is-active{background:#e6bd7d;color:#1d3340;border-color:#fff0c2;box-shadow:0 4px 13px #071b2777}.mafia-setup__mode b{font:900 14px Cairo,Tahoma,sans-serif}.mafia-setup__mode small{font-size:10px;line-height:1.4;opacity:.82}
.mafia-setup__hint{margin:12px 0 4px!important;color:#e0d5c0!important;font-size:12px;line-height:1.7}.mafia-setup__status{display:flex;align-items:center;gap:11px;margin:14px 0 6px;padding:11px 14px;border:1px solid #e3b3848c;border-radius:12px;background:#3b3441;color:#f3dac4}.mafia-setup__status.is-ready{background:#214d46;border-color:#9cdec0;color:#e6f8e8}.mafia-setup__status strong{min-width:57px;color:#ffe4a7;font:900 22px Cairo,Tahoma,sans-serif;direction:ltr}.mafia-setup__status span{font-size:12px;font-weight:800}
.mafia-setup__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mafia-pick{display:flex;align-items:center;gap:10px;min-width:0;min-height:89px;padding:7px;border:1px solid #bca77d5b;border-radius:13px;background:#0b2432;color:#f3e7d1}.mafia-pick.is-selected{border-color:#f2d49c;background:#1e3c49;box-shadow:0 0 0 1px #e9be7780 inset}.mafia-pick img{width:51px;height:72px;flex:0 0 51px;object-fit:cover;object-position:top;border:2px solid #d3b47c;border-radius:7px}.mafia-pick__copy{min-width:0;flex:1}.mafia-pick__copy b,.mafia-pick__copy small{display:block}.mafia-pick__copy b{font:900 14px Cairo,Tahoma,sans-serif;color:#ffedc7}.mafia-pick__copy small{font-size:10px;color:#cfb791}.mafia-pick__copy p{font-size:10px;line-height:1.5;margin:3px 0 0;color:#d8d3ca;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mafia-pick__controls{display:flex;align-items:center;gap:4px;flex:0 0 auto;direction:ltr}.mafia-pick__controls button{display:grid;place-items:center;width:29px;height:29px;padding:0;border:1px solid #efd49c;border-radius:8px;background:#dcb67c;color:#193442;font-size:18px;font-weight:900;cursor:pointer}.mafia-pick__controls button:hover:not(:disabled){background:#ffe1a6}.mafia-pick__controls button:disabled{opacity:.35;cursor:default}.mafia-pick__controls strong{min-width:17px;text-align:center;color:#fff0ce;font-size:15px}
.mafia-pick--mafia{background:#4c2035;border-color:#e16a79}.mafia-pick--town{background:#173f68;border-color:#72b9f0}.mafia-pick--mafia.is-selected{background:#743048;border-color:#ffafb3;box-shadow:0 0 0 2px #e16a79 inset}.mafia-pick--town.is-selected{background:#245985;border-color:#b3e0ff;box-shadow:0 0 0 2px #72b9f0 inset}
.mafia-pick--mafia img{border-color:#f08b94}.mafia-pick--town img{border-color:#8ccfff}.mafia-pick--mafia .mafia-pick__copy small{color:#ffb8bf}.mafia-pick--town .mafia-pick__copy small{color:#b9e4ff}
.mafia-stage .btn.mafia-kill-btn{background:#b92f42;border:2px solid #ff9d9f;color:#fff;box-shadow:0 7px 0 #5b1c2b,0 12px 22px #210c17a8;font-weight:900}.mafia-stage .btn.mafia-kill-btn:hover{background:#d44454;border-color:#ffd0c7}.mafia-kill-word{color:#ff9aa2;text-shadow:0 2px 14px #5c101d;font-weight:900}
@media(max-width:850px){.mafia-setup__grid{grid-template-columns:1fr}}
@media(max-width:530px){.mafia-setup{padding:12px;margin-inline:-7px}.mafia-setup__modes{gap:5px}.mafia-setup__mode{min-height:74px;padding:8px 6px}.mafia-setup__mode b{font-size:11px}.mafia-setup__mode small{font-size:8px}.mafia-pick{gap:7px}.mafia-pick img{width:43px;height:64px;flex-basis:43px}.mafia-pick__copy b{font-size:12px}.mafia-pick__copy p{font-size:9px}.mafia-pick__controls button{width:26px;height:26px}}

/* Sكة سفر appears inside the Sora shell. Its board styles live in Shadow DOM. */
.sikka-integrated{width:100%;margin:0 auto 40px;background:#f7f4eb;min-height:75vh}
.sikka-integrated-bar{display:flex;align-items:center;gap:18px;max-width:1500px;margin:auto;padding:14px clamp(17px,4vw,55px);border-bottom:1px solid #e0d6c3}
.sikka-integrated-bar>div{flex:1;display:grid;line-height:1.35;color:#1b4142}.sikka-integrated-bar strong{font:900 21px Cairo,Tahoma,sans-serif}.sikka-integrated-bar span{font-size:11px;color:#7a857b}.sikka-integrated-bar .back{margin:0;white-space:nowrap}
@media(max-width:600px){.sikka-integrated-bar{gap:9px;padding:11px}.sikka-integrated-bar strong{font-size:17px}.sikka-integrated-bar span{display:none}.sikka-integrated-bar .btn{font-size:10px;padding:8px 9px}}

.saad-final .saad-final-winner{margin:8px auto 26px;color:#4a665b;font-size:17px}.saad-final .saad-final-winner strong{color:#9a5a35}.saad-final .party-scoreboard--ranked{margin-bottom:30px}

.saad-fair-note{max-width:670px;margin:18px auto;padding:12px 17px;border:1px solid #dfbc88;border-radius:14px;background:#fff4dc;color:#73532d;font-weight:800}