.manfee-ui{--mf-border:#92b4d53b;color:#edf0ff;min-height:100svh;padding-bottom:max(24px,env(safe-area-inset-bottom));font-family:var(--font-inter),var(--font-vazir),sans-serif;background:#0c1427 url(/manfee/night.svg) top/cover fixed;overflow-x:clip}.manfee-ui *{box-sizing:border-box}.manfee-ui button,.manfee-ui input,.manfee-ui select{font:inherit}.manfee-ui button,.manfee-ui select{border:1px solid var(--mf-border);color:#edf0ff;cursor:pointer;background:#0a1222d9;border-radius:14px;min-height:44px;padding:9px 13px}.manfee-ui button:disabled{opacity:.5;cursor:not-allowed}.manfee-ui button:focus-visible,.manfee-ui a:focus-visible,.manfee-ui input:focus-visible,.manfee-ui select:focus-visible{outline-offset:3px;outline:3px solid #9bddec}.manfee-ui input{border:1px solid var(--mf-border);color:#fff;background:#111d34;border-radius:12px;width:100%;min-width:0;min-height:44px;padding:10px}.manfee-ui label{gap:8px;margin-top:15px;display:grid}.manfee-ui h1,.manfee-ui h2,.manfee-ui h3{font-family:var(--font-playfair),var(--font-vazir),serif;margin:8px 0;font-weight:700}.manfee-ui h1{font-size:clamp(26px,5vw,40px)}.manfee-ui h2{font-size:21px}.manfee-ui p{margin:10px 0;line-height:1.65}.manfee-ui .mf-primary{background:linear-gradient(135deg,#af3f73,#723775);border-color:#e390b6;font-weight:700;box-shadow:0 4px 18px #210e3e66}.mf-header{max-width:1000px;padding:max(14px,env(safe-area-inset-top)) 14px 12px;justify-content:space-between;align-items:center;gap:8px;margin:auto;display:flex}.mf-header>a{white-space:nowrap;font-size:13px}.mf-brand{font-family:var(--font-playfair),serif;letter-spacing:.13em;text-align:center;flex-direction:column;font-size:13px;display:flex}.mf-brand b{letter-spacing:.08em;font-size:clamp(14px,3vw,24px)}.mf-header select{max-width:84px;padding:6px}.mf-main{width:100%;max-width:920px;padding:12px max(12px,env(safe-area-inset-right)) 20px max(12px,env(safe-area-inset-left));margin:auto}.mf-panel{border:1px solid var(--mf-border);background:linear-gradient(145deg,#121f36f2,#10182cf7);border-radius:24px;padding:20px;box-shadow:0 16px 45px #040b1b55}.mf-lobby{max-width:620px;margin:18px auto}.mf-lobby>.mf-primary{width:100%;margin-top:14px}.mf-lobby form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin:12px 0 25px;display:grid}.mf-lobby-seats{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:20px 0;display:grid}.mf-room-list{gap:8px;margin-top:12px;display:grid}.mf-room-list button{justify-content:space-between;gap:12px;display:flex}.mf-room-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:13px;display:flex}.mf-scoreboard{border:1px solid var(--mf-border);text-align:center;background:linear-gradient(100deg,#123950d9,#39253ed9);border-radius:22px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;max-width:580px;margin:auto;padding:12px;display:grid}.mf-scoreboard>div{flex-direction:column;gap:2px;display:flex}.mf-scoreboard strong{font-size:28px}.mf-scoreboard small,.mf-scoreboard>span{font-size:12px}.mf-phase{text-align:center;color:#ddd1fb;min-height:24px;font-size:14px;font-weight:700}.mf-table{background:radial-gradient(#23374be6,#131b2edd 65%,#080f20);border:1px solid #91abc54a;border-radius:45%;max-width:660px;height:380px;margin:0 auto;position:relative;box-shadow:inset 0 0 0 8px #0a1726aa,0 24px 60px #02051077}.mf-seat{text-align:center;flex-direction:column;align-items:center;gap:2px;min-width:0;max-width:110px;font-size:12px;display:flex}.mf-seat strong{overflow-wrap:anywhere;width:100%;font-size:13px;line-height:1.2}.mf-seat small{color:#d1dded;font-size:10px;line-height:1.35}.mf-avatar{background:radial-gradient(circle at 30% 20%,#436687,#172f49);border:2px solid #8aacc6;border-radius:50%;place-items:center;width:44px;height:44px;font-size:16px;display:grid;box-shadow:0 0 0 4px #080f22}.mf-seat-turn .mf-avatar{border-color:#a7e6dd;box-shadow:0 0 0 4px #74cfca33,0 0 20px #60bbc577}.mf-north,.mf-south,.mf-east,.mf-west{z-index:2;position:absolute}.mf-north{top:6px;left:50%;transform:translate(-50%)}.mf-south{bottom:7px;left:50%;transform:translate(-50%)}.mf-east{top:42%;right:4px}.mf-west{top:42%;left:4px}.mf-east .mf-seat,.mf-west .mf-seat{width:75px}.mf-center{text-align:center;width:190px;height:155px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mf-center>small{color:#d0dfef;font-size:10px}.mf-trick{height:132px;margin-top:5px;position:relative}.mf-trick-card{position:absolute}.mf-trick-pos-0{bottom:0;left:69px}.mf-trick-pos-1{top:34px;right:2px}.mf-trick-pos-2{top:0;left:69px}.mf-trick-pos-3{top:34px;left:2px}.mf-trick-card small{display:none}.mf-card{flex:none;width:58px;height:84px;display:block;position:relative;box-shadow:0 3px 8px #03081788;color:#141927!important;text-align:left!important;background:linear-gradient(135deg,#fffcf4,#f3e5e7)!important;border:1px solid #c5bac5!important;border-radius:8px!important;min-height:84px!important;padding:0!important;font-family:Georgia,serif!important}.mf-red{color:#a81f45!important}.mf-card-corner{flex-direction:column;font-size:19px;font-weight:700;line-height:1;display:flex;position:absolute;top:5px;left:5px}.mf-card-corner small{text-align:center;margin-top:1px;font-size:19px}.mf-card-bottom{inset:auto 5px 5px auto;transform:rotate(180deg)}.mf-card-suit{font-size:27px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mf-card-selected{outline-offset:2px;transform:translateY(-4px);outline:3px solid #99dee8!important}.mf-hand .mf-card:disabled{opacity:.66}.mf-hand-area{border:1px solid var(--mf-border);background:#0b162cdc;border-radius:22px;margin:15px auto;padding:15px 10px}.mf-hand-area h2{text-align:center;font-size:16px}.mf-hand{direction:ltr;grid-template-columns:repeat(7,minmax(0,1fr));justify-items:center;gap:10px 4px;max-width:520px;margin:auto;padding:10px 0;display:grid}.mf-hand .mf-card{width:100%;max-width:62px;height:83px}.mf-play{min-width:180px;margin:12px auto 0;display:block}.mf-hint{color:#c2ccdf;text-align:center;overflow-wrap:anywhere;font-size:12px;line-height:1.6}.mf-trump{text-align:center;color:#bfdeeb;margin:12px 0;font-size:13px}.mf-audio-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0;display:grid}.mf-audio-controls button{padding:10px 7px;font-size:12px}.mf-claim{background:linear-gradient(140deg,#302641f5,#151d34f5);border-color:#a28bcc;margin:15px 0;box-shadow:0 0 0 8px #080e2077}.mf-claim h2{text-align:center;letter-spacing:.07em;font-size:30px}.mf-claim-actions{flex-wrap:wrap;gap:10px;margin:15px 0;display:flex}.mf-checkbox{align-items:center;gap:10px;display:flex!important}.mf-checkbox input{flex:none;width:20px;height:20px;min-height:20px}.mf-partner-hand{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.mf-reveal{text-align:center;border:1px solid #a28bcc77;border-radius:15px;flex-direction:column;gap:4px;margin:10px 0;padding:10px;font-size:13px;display:flex}.mf-summary{margin:15px 0}.mf-summary li{border-bottom:1px solid var(--mf-border);padding:8px 0;font-size:13px}.mf-chat{margin-top:12px}.mf-chat ol{overflow-wrap:anywhere;max-height:200px;padding:0;list-style:none;overflow:auto}.mf-chat li{border-bottom:1px solid var(--mf-border);padding:8px 0}.mf-chat form{gap:8px;display:flex}.mf-chat input{flex:1}.mf-rules{margin-top:12px;font-size:14px}.mf-error{overflow-wrap:anywhere;background:#47263b;border:1px solid #d787ac88;border-radius:14px;padding:12px}.manfee-ui[dir=rtl]{font-family:var(--font-vazir),sans-serif}.manfee-ui[dir=rtl] .mf-card{font-family:Georgia,serif!important}@media (min-width:640px){.mf-table{height:450px}.mf-center{width:250px;height:185px}.mf-trick{height:160px}.mf-trick-pos-0,.mf-trick-pos-2{left:91px}.mf-trick .mf-card{width:68px;height:98px}.mf-seat{max-width:130px}.mf-seat strong{font-size:15px}.mf-seat small{font-size:12px}.mf-avatar{width:55px;height:55px}.mf-east .mf-seat,.mf-west .mf-seat{width:105px}.mf-card{width:65px;height:94px}.mf-audio-controls,.mf-lobby-seats{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:399px){.mf-hand{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:359px){.mf-main{padding-inline:8px}.mf-table{height:360px}.mf-east .mf-seat,.mf-west .mf-seat{width:61px}.mf-avatar{width:35px;height:35px}.mf-center{width:165px}.mf-trick-pos-0,.mf-trick-pos-2{left:59px}.mf-trick .mf-card{width:49px;height:75px;min-height:75px!important}.mf-header{padding-inline:8px}.mf-brand{letter-spacing:.03em}}@media (prefers-reduced-motion:reduce){.manfee-ui *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}