@font-face{font-family:Vazirmatn;src:url('../fonts/Vazirmatn-wght.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:VazhoLetter;src:url('../assets/ui/fonts/VazhoLetter.woff2') format('woff2');font-weight:700;font-display:swap}
/* 01-home */

.vz-home{--ink:#fff2d7;--gold:#f2c766;--paper:#fbf0db;--dark:#302e49;--cell:clamp(26px,calc((100vw - 74px)/5),64px);font:14px/1.65 Vazirmatn,sans-serif;color:var(--ink);background:radial-gradient(ellipse at 80% 15%,#6066ae66,transparent 60%),linear-gradient(150deg,#1e284b,#3b3c7e 50%,#6851a3);width:100%;max-width:430px;min-height:100svh;margin:0 auto;position:relative;isolation:isolate;padding:22px 18px 26px;box-sizing:border-box;overflow:hidden}
.vz-home *,.vz-home *::before,.vz-home *::after{box-sizing:border-box}.vz-home [hidden]{display:none!important}.vz-home button,.vz-home input,.vz-home select{font-family:inherit;font-size:inherit}.vz-home button{cursor:pointer;color:var(--dark);width:auto}.vz-home a{color:inherit;text-decoration:none}.vz-home h1,.vz-home h2,.vz-home h3,.vz-home p{margin:0}.vz-home h1{font-size:23px}.vz-home h2{font-size:17px}.vz-home h3{font-size:15px}.vz-home button:focus-visible,.vz-home a:focus-visible,.vz-home input:focus-visible,.vz-home select:focus-visible{outline:3px solid #ecca72;outline-offset:3px}.vz-home .page-content{position:relative;z-index:1}.vz-home .letter-texture{position:absolute;inset:30% -15% auto;transform:rotate(-15deg);font:700 115px/1.8 VazhoLetter;letter-spacing:12px;opacity:.045;overflow-wrap:anywhere;pointer-events:none;z-index:0}.vz-home .btn{width:100%;min-height:48px;border:0;border-radius:17px;padding:12px 14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--dark);transition:transform .15s,background .15s}.vz-home .btn:active{transform:scale(.98)}.vz-home .primary{background:linear-gradient(120deg,#f5d791,#edbc5c);box-shadow:0 5px 0 #20264766}.vz-home .secondary{background:#ffffff12;color:#fff2dc;border:1px solid #f3dfae40;box-shadow:none}.vz-home .quiet{background:transparent;color:#e2daf3;font-size:12px;box-shadow:none}.vz-home .green{background:#a8d9b3;color:#193f35}.vz-home .two-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.vz-home .icon{width:22px;height:22px;object-fit:contain}.vz-home .avatar{width:42px;height:42px;flex:none}.vz-home .icon-btn{width:40px;height:40px;display:grid;place-items:center;background:#ffffff14;border:1px solid #fff2;border-radius:13px;color:#fff0d4;font-size:25px;flex:none}.vz-home .header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:22px}.vz-home .mini-brand{color:#eacb8a;font-weight:700;font-size:20px}.vz-home .paper{background:var(--paper);color:var(--dark);border-radius:23px;padding:20px;margin:15px 0;box-shadow:0 7px 25px #111b3a24}.vz-home .paper p{margin:10px 0}.vz-home .paper h2{margin-bottom:13px}.vz-home .pill{display:inline-flex;align-items:center;justify-content:center;background:#ead39a25;border:1px solid #e9cd8d30;border-radius:20px;padding:3px 9px;font-size:11px;white-space:nowrap}.vz-home .theme-bar{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid #e9d29740;background:#ead29412;border-radius:18px;margin:10px 0}.vz-home .theme-bar>div{flex:1}.vz-home .theme-bar small{display:block;color:#d5cce8;font-size:10px}.vz-home .theme-icon{width:38px;height:38px}.vz-home .theme-bar strong{font-size:15px}.vz-home progress{appearance:none;border:0;height:6px;border-radius:6px;overflow:hidden;width:100%;background:#ffffff20}.vz-home progress::-webkit-progress-bar{background:#ffffff20}.vz-home progress::-webkit-progress-value{background:#efc875;border-radius:6px}.vz-home label{display:block;margin:15px 0 7px;font-weight:700}.vz-home input,.vz-home select{background:#fffaf0;color:#302e49;border:1px solid #d4c8b1;border-radius:12px;padding:10px;width:100%;min-width:0}.vz-home input{height:46px}.vz-home .segmented{display:flex;gap:4px;padding:5px;background:#e6d9c3;border-radius:13px}.vz-home .segmented button{flex:1;min-width:0;border:0;background:transparent;color:#54476a;padding:8px 4px;border-radius:9px;font-size:12px}.vz-home .segmented .active{background:#6556a2;color:#fff9e9;box-shadow:0 2px 5px #2222}.vz-home .note{text-align:center;color:#dfd6ef;font-size:12px;margin:15px 0}.vz-home .section-title{margin-top:22px}.vz-home .bot-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e1d4be}.vz-home .bot-row:last-child{border:0}.vz-home .bot-row strong{flex:1}.vz-home .bot-row select{width:96px}.vz-home .letter-card{aspect-ratio:1;width:var(--cell);border:0;padding:0;border-radius:9%;background-size:100% 100%;background-repeat:no-repeat;position:relative;color:#050505;box-shadow:0 3px 0 #0002;flex-shrink:0}.vz-home .letter-card[data-color=blue]{background-image:url('../assets/ui/cards/background-blue.webp')}.vz-home .letter-card[data-color=pink]{background-image:url('../assets/ui/cards/background-pink.webp')}.vz-home .letter-card[data-color=yellow]{background-image:url('../assets/ui/cards/background-yellow.webp')}.vz-home .letter{position:absolute;inset:20% 18% 14%;font:700 calc(var(--cell)*.53)/1 VazhoLetter;display:flex;align-items:center;justify-content:center}.vz-home .corner-letter{position:absolute;top:7%;left:7%;font:700 calc(var(--cell)*.17)/1 VazhoLetter}.vz-home .mark{position:absolute;top:0;right:0;width:31%;height:31%;object-fit:contain;filter:drop-shadow(0 1px 1px #cfac38)}.vz-home .abjad{position:absolute;bottom:4%;right:8%;font-size:calc(var(--cell)*.13);line-height:1.1;font-weight:700;background:#fff4ceaa;border-radius:3px;padding:1px}.vz-home .color-symbol{position:absolute;bottom:5%;left:7%;width:13%;height:13%}.vz-home .selected{outline:3px solid #a899e9;z-index:2;transform:translateY(-5px)}.vz-home .last{outline:3px solid #e8b449}.vz-home .valid{outline:3px solid #56b584}.vz-home .invalid{outline:3px solid #e9788a}.vz-home .hint{outline:3px dashed #fff1a6}.vz-home .pop{animation:vz-pop .25s ease-out}.vz-home .lock-own{outline:3px solid #eab649}.vz-home .lock-opponent{outline:3px dashed #e47a90}.vz-home .order-badge{position:absolute;top:-6px;right:-6px;background:#6557a0;color:white;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:11px}.vz-home .muted{opacity:.55;pointer-events:none}.vz-home table{width:100%;border-collapse:collapse;font-size:13px}.vz-home caption{text-align:right;font-weight:700;font-size:18px;margin-bottom:16px}.vz-home td,.vz-home th{padding:12px 6px;border-bottom:1px solid #d9cebc;text-align:center}.vz-home th{color:#6d617e;font-size:12px}.vz-home .positive{color:#328060}.vz-home .lock-example{display:flex;align-items:center;gap:8px}.vz-home .rules{padding-right:22px}.vz-home .rules li{margin-bottom:10px}.vz-home .help-cards{display:flex;gap:12px;--cell:70px;justify-content:center;margin-top:20px}.vz-home .help-cards button{pointer-events:none}
@keyframes vz-pop{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes vz-pulse{50%{opacity:.5}}@keyframes vz-confetti{from{transform:translateY(-30px) rotate(0);opacity:1}to{transform:translateY(90vh) rotate(420deg);opacity:0}}@media(prefers-reduced-motion:reduce){.vz-home *,.vz-home *::before,.vz-home *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.vz-home .home-heading{text-align:center;margin-top:8px}.vz-home .logo-circle{width:58px;height:58px;border-radius:50%;background:#fae8c5;color:#302c4a;display:grid;place-items:center;margin:auto;font:700 30px VazhoLetter}.vz-home .home-heading h1{font-size:44px;line-height:1.5;margin-top:6px}.vz-home .home-heading p{color:#edcc91;font-size:16px}.vz-home .hero{height:155px;position:relative;margin:7px -5px 0}.vz-home .hero img{width:100%;height:100%;object-fit:contain}.vz-home .hero-word{position:absolute;top:51%;left:0;right:0;text-align:center;font:700 34px VazhoLetter;color:#f6d899;letter-spacing:5px}.vz-home .slogan{text-align:center;font-size:12px;color:#e4d6ef;margin-bottom:24px}.vz-home .league-card{display:flex;gap:15px;align-items:center;padding:18px;border:1px solid #efce8950;border-radius:24px;background:linear-gradient(130deg,#fff1bb19,#a1a1eb10);margin-bottom:22px}.vz-home .league-badge{width:75px;height:85px}.vz-home .league-card>div{flex:1;min-width:0}.vz-home .league-card small{color:#d4c8e5}.vz-home .league-card h2{font-size:23px}.vz-home .league-card p{font-size:11px;margin:5px 0}.vz-home .stats{display:flex;justify-content:space-between;font-size:11px;color:#d9cee9;margin-top:5px}.vz-home .upcoming{display:flex;gap:10px;margin-top:18px}.vz-home .upcoming button{width:50%;background:transparent;border:1px dashed #ffffff30;border-radius:13px;color:#ddd3ee77;padding:12px 5px;font-size:11px}.vz-home .upcoming span{display:block;font-size:10px}.vz-home .studio{display:block;text-align:center;color:#d6cbea99;margin-top:25px}
.vz-home .icon-btn .icon{filter:invert(92%) sepia(25%) saturate(450%)}

/* 02-lobby */

.vz-lobby{--ink:#fff2d7;--gold:#f2c766;--paper:#fbf0db;--dark:#302e49;--cell:clamp(26px,calc((100vw - 74px)/5),64px);font:14px/1.65 Vazirmatn,sans-serif;color:var(--ink);background:radial-gradient(ellipse at 80% 15%,#6066ae66,transparent 60%),linear-gradient(150deg,#1e284b,#3b3c7e 50%,#6851a3);width:100%;max-width:430px;min-height:100svh;margin:0 auto;position:relative;isolation:isolate;padding:22px 18px 26px;box-sizing:border-box;overflow:hidden}
.vz-lobby *,.vz-lobby *::before,.vz-lobby *::after{box-sizing:border-box}.vz-lobby [hidden]{display:none!important}.vz-lobby button,.vz-lobby input,.vz-lobby select{font-family:inherit;font-size:inherit}.vz-lobby button{cursor:pointer;color:var(--dark);width:auto}.vz-lobby a{color:inherit;text-decoration:none}.vz-lobby h1,.vz-lobby h2,.vz-lobby h3,.vz-lobby p{margin:0}.vz-lobby h1{font-size:23px}.vz-lobby h2{font-size:17px}.vz-lobby h3{font-size:15px}.vz-lobby button:focus-visible,.vz-lobby a:focus-visible,.vz-lobby input:focus-visible,.vz-lobby select:focus-visible{outline:3px solid #ecca72;outline-offset:3px}.vz-lobby .page-content{position:relative;z-index:1}.vz-lobby .letter-texture{position:absolute;inset:30% -15% auto;transform:rotate(-15deg);font:700 115px/1.8 VazhoLetter;letter-spacing:12px;opacity:.045;overflow-wrap:anywhere;pointer-events:none;z-index:0}.vz-lobby .btn{width:100%;min-height:48px;border:0;border-radius:17px;padding:12px 14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--dark);transition:transform .15s,background .15s}.vz-lobby .btn:active{transform:scale(.98)}.vz-lobby .primary{background:linear-gradient(120deg,#f5d791,#edbc5c);box-shadow:0 5px 0 #20264766}.vz-lobby .secondary{background:#ffffff12;color:#fff2dc;border:1px solid #f3dfae40;box-shadow:none}.vz-lobby .quiet{background:transparent;color:#e2daf3;font-size:12px;box-shadow:none}.vz-lobby .green{background:#a8d9b3;color:#193f35}.vz-lobby .two-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.vz-lobby .icon{width:22px;height:22px;object-fit:contain}.vz-lobby .avatar{width:42px;height:42px;flex:none}.vz-lobby .icon-btn{width:40px;height:40px;display:grid;place-items:center;background:#ffffff14;border:1px solid #fff2;border-radius:13px;color:#fff0d4;font-size:25px;flex:none}.vz-lobby .header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:22px}.vz-lobby .mini-brand{color:#eacb8a;font-weight:700;font-size:20px}.vz-lobby .paper{background:var(--paper);color:var(--dark);border-radius:23px;padding:20px;margin:15px 0;box-shadow:0 7px 25px #111b3a24}.vz-lobby .paper p{margin:10px 0}.vz-lobby .paper h2{margin-bottom:13px}.vz-lobby .pill{display:inline-flex;align-items:center;justify-content:center;background:#ead39a25;border:1px solid #e9cd8d30;border-radius:20px;padding:3px 9px;font-size:11px;white-space:nowrap}.vz-lobby .theme-bar{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid #e9d29740;background:#ead29412;border-radius:18px;margin:10px 0}.vz-lobby .theme-bar>div{flex:1}.vz-lobby .theme-bar small{display:block;color:#d5cce8;font-size:10px}.vz-lobby .theme-icon{width:38px;height:38px}.vz-lobby .theme-bar strong{font-size:15px}.vz-lobby progress{appearance:none;border:0;height:6px;border-radius:6px;overflow:hidden;width:100%;background:#ffffff20}.vz-lobby progress::-webkit-progress-bar{background:#ffffff20}.vz-lobby progress::-webkit-progress-value{background:#efc875;border-radius:6px}.vz-lobby label{display:block;margin:15px 0 7px;font-weight:700}.vz-lobby input,.vz-lobby select{background:#fffaf0;color:#302e49;border:1px solid #d4c8b1;border-radius:12px;padding:10px;width:100%;min-width:0}.vz-lobby input{height:46px}.vz-lobby .segmented{display:flex;gap:4px;padding:5px;background:#e6d9c3;border-radius:13px}.vz-lobby .segmented button{flex:1;min-width:0;border:0;background:transparent;color:#54476a;padding:8px 4px;border-radius:9px;font-size:12px}.vz-lobby .segmented .active{background:#6556a2;color:#fff9e9;box-shadow:0 2px 5px #2222}.vz-lobby .note{text-align:center;color:#dfd6ef;font-size:12px;margin:15px 0}.vz-lobby .section-title{margin-top:22px}.vz-lobby .bot-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e1d4be}.vz-lobby .bot-row:last-child{border:0}.vz-lobby .bot-row strong{flex:1}.vz-lobby .bot-row select{width:96px}.vz-lobby .letter-card{aspect-ratio:1;width:var(--cell);border:0;padding:0;border-radius:9%;background-size:100% 100%;background-repeat:no-repeat;position:relative;color:#050505;box-shadow:0 3px 0 #0002;flex-shrink:0}.vz-lobby .letter-card[data-color=blue]{background-image:url('../assets/ui/cards/background-blue.webp')}.vz-lobby .letter-card[data-color=pink]{background-image:url('../assets/ui/cards/background-pink.webp')}.vz-lobby .letter-card[data-color=yellow]{background-image:url('../assets/ui/cards/background-yellow.webp')}.vz-lobby .letter{position:absolute;inset:20% 18% 14%;font:700 calc(var(--cell)*.53)/1 VazhoLetter;display:flex;align-items:center;justify-content:center}.vz-lobby .corner-letter{position:absolute;top:7%;left:7%;font:700 calc(var(--cell)*.17)/1 VazhoLetter}.vz-lobby .mark{position:absolute;top:0;right:0;width:31%;height:31%;object-fit:contain;filter:drop-shadow(0 1px 1px #cfac38)}.vz-lobby .abjad{position:absolute;bottom:4%;right:8%;font-size:calc(var(--cell)*.13);line-height:1.1;font-weight:700;background:#fff4ceaa;border-radius:3px;padding:1px}.vz-lobby .color-symbol{position:absolute;bottom:5%;left:7%;width:13%;height:13%}.vz-lobby .selected{outline:3px solid #a899e9;z-index:2;transform:translateY(-5px)}.vz-lobby .last{outline:3px solid #e8b449}.vz-lobby .valid{outline:3px solid #56b584}.vz-lobby .invalid{outline:3px solid #e9788a}.vz-lobby .hint{outline:3px dashed #fff1a6}.vz-lobby .pop{animation:vz-pop .25s ease-out}.vz-lobby .lock-own{outline:3px solid #eab649}.vz-lobby .lock-opponent{outline:3px dashed #e47a90}.vz-lobby .order-badge{position:absolute;top:-6px;right:-6px;background:#6557a0;color:white;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:11px}.vz-lobby .muted{opacity:.55;pointer-events:none}.vz-lobby table{width:100%;border-collapse:collapse;font-size:13px}.vz-lobby caption{text-align:right;font-weight:700;font-size:18px;margin-bottom:16px}.vz-lobby td,.vz-lobby th{padding:12px 6px;border-bottom:1px solid #d9cebc;text-align:center}.vz-lobby th{color:#6d617e;font-size:12px}.vz-lobby .positive{color:#328060}.vz-lobby .lock-example{display:flex;align-items:center;gap:8px}.vz-lobby .rules{padding-right:22px}.vz-lobby .rules li{margin-bottom:10px}.vz-lobby .help-cards{display:flex;gap:12px;--cell:70px;justify-content:center;margin-top:20px}.vz-lobby .help-cards button{pointer-events:none}
@keyframes vz-pop{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes vz-pulse{50%{opacity:.5}}@keyframes vz-confetti{from{transform:translateY(-30px) rotate(0);opacity:1}to{transform:translateY(90vh) rotate(420deg);opacity:0}}@media(prefers-reduced-motion:reduce){.vz-lobby *,.vz-lobby *::before,.vz-lobby *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.vz-lobby .icon-btn .icon{filter:invert(92%) sepia(25%) saturate(450%)}

/* 03-game */

.vz-game{--ink:#fff2d7;--gold:#f2c766;--paper:#fbf0db;--dark:#302e49;--cell:clamp(26px,calc((100vw - 74px)/5),64px);font:14px/1.65 Vazirmatn,sans-serif;color:var(--ink);background:radial-gradient(ellipse at 80% 15%,#6066ae66,transparent 60%),linear-gradient(150deg,#1e284b,#3b3c7e 50%,#6851a3);width:100%;max-width:430px;min-height:100svh;margin:0 auto;position:relative;isolation:isolate;padding:22px 18px 26px;box-sizing:border-box;overflow:hidden}
.vz-game *,.vz-game *::before,.vz-game *::after{box-sizing:border-box}.vz-game [hidden]{display:none!important}.vz-game button,.vz-game input,.vz-game select{font-family:inherit;font-size:inherit}.vz-game button{cursor:pointer;color:var(--dark);width:auto}.vz-game a{color:inherit;text-decoration:none}.vz-game h1,.vz-game h2,.vz-game h3,.vz-game p{margin:0}.vz-game h1{font-size:23px}.vz-game h2{font-size:17px}.vz-game h3{font-size:15px}.vz-game button:focus-visible,.vz-game a:focus-visible,.vz-game input:focus-visible,.vz-game select:focus-visible{outline:3px solid #ecca72;outline-offset:3px}.vz-game .page-content{position:relative;z-index:1}.vz-game .letter-texture{position:absolute;inset:30% -15% auto;transform:rotate(-15deg);font:700 115px/1.8 VazhoLetter;letter-spacing:12px;opacity:.045;overflow-wrap:anywhere;pointer-events:none;z-index:0}.vz-game .btn{width:100%;min-height:48px;border:0;border-radius:17px;padding:12px 14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--dark);transition:transform .15s,background .15s}.vz-game .btn:active{transform:scale(.98)}.vz-game .primary{background:linear-gradient(120deg,#f5d791,#edbc5c);box-shadow:0 5px 0 #20264766}.vz-game .secondary{background:#ffffff12;color:#fff2dc;border:1px solid #f3dfae40;box-shadow:none}.vz-game .quiet{background:transparent;color:#e2daf3;font-size:12px;box-shadow:none}.vz-game .green{background:#a8d9b3;color:#193f35}.vz-game .two-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.vz-game .icon{width:22px;height:22px;object-fit:contain}.vz-game .avatar{width:42px;height:42px;flex:none}.vz-game .icon-btn{width:40px;height:40px;display:grid;place-items:center;background:#ffffff14;border:1px solid #fff2;border-radius:13px;color:#fff0d4;font-size:25px;flex:none}.vz-game .header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:22px}.vz-game .mini-brand{color:#eacb8a;font-weight:700;font-size:20px}.vz-game .paper{background:var(--paper);color:var(--dark);border-radius:23px;padding:20px;margin:15px 0;box-shadow:0 7px 25px #111b3a24}.vz-game .paper p{margin:10px 0}.vz-game .paper h2{margin-bottom:13px}.vz-game .pill{display:inline-flex;align-items:center;justify-content:center;background:#ead39a25;border:1px solid #e9cd8d30;border-radius:20px;padding:3px 9px;font-size:11px;white-space:nowrap}.vz-game .theme-bar{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid #e9d29740;background:#ead29412;border-radius:18px;margin:10px 0}.vz-game .theme-bar>div{flex:1}.vz-game .theme-bar small{display:block;color:#d5cce8;font-size:10px}.vz-game .theme-icon{width:38px;height:38px}.vz-game .theme-bar strong{font-size:15px}.vz-game progress{appearance:none;border:0;height:6px;border-radius:6px;overflow:hidden;width:100%;background:#ffffff20}.vz-game progress::-webkit-progress-bar{background:#ffffff20}.vz-game progress::-webkit-progress-value{background:#efc875;border-radius:6px}.vz-game label{display:block;margin:15px 0 7px;font-weight:700}.vz-game input,.vz-game select{background:#fffaf0;color:#302e49;border:1px solid #d4c8b1;border-radius:12px;padding:10px;width:100%;min-width:0}.vz-game input{height:46px}.vz-game .segmented{display:flex;gap:4px;padding:5px;background:#e6d9c3;border-radius:13px}.vz-game .segmented button{flex:1;min-width:0;border:0;background:transparent;color:#54476a;padding:8px 4px;border-radius:9px;font-size:12px}.vz-game .segmented .active{background:#6556a2;color:#fff9e9;box-shadow:0 2px 5px #2222}.vz-game .note{text-align:center;color:#dfd6ef;font-size:12px;margin:15px 0}.vz-game .section-title{margin-top:22px}.vz-game .bot-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e1d4be}.vz-game .bot-row:last-child{border:0}.vz-game .bot-row strong{flex:1}.vz-game .bot-row select{width:96px}.vz-game .letter-card{aspect-ratio:1;width:var(--cell);border:0;padding:0;border-radius:9%;background-size:100% 100%;background-repeat:no-repeat;position:relative;color:#050505;box-shadow:0 3px 0 #0002;flex-shrink:0}.vz-game .letter-card[data-color=blue]{background-image:url('../assets/ui/cards/background-blue.webp')}.vz-game .letter-card[data-color=pink]{background-image:url('../assets/ui/cards/background-pink.webp')}.vz-game .letter-card[data-color=yellow]{background-image:url('../assets/ui/cards/background-yellow.webp')}.vz-game .letter{position:absolute;inset:20% 18% 14%;font:700 calc(var(--cell)*.53)/1 VazhoLetter;display:flex;align-items:center;justify-content:center}.vz-game .corner-letter{position:absolute;top:7%;left:7%;font:700 calc(var(--cell)*.17)/1 VazhoLetter}.vz-game .mark{position:absolute;top:0;right:0;width:31%;height:31%;object-fit:contain;filter:drop-shadow(0 1px 1px #cfac38)}.vz-game .abjad{position:absolute;bottom:4%;right:8%;font-size:calc(var(--cell)*.13);line-height:1.1;font-weight:700;background:#fff4ceaa;border-radius:3px;padding:1px}.vz-game .color-symbol{position:absolute;bottom:5%;left:7%;width:13%;height:13%}.vz-game .selected{outline:3px solid #a899e9;z-index:2;transform:translateY(-5px)}.vz-game .last{outline:3px solid #e8b449}.vz-game .valid{outline:3px solid #56b584}.vz-game .invalid{outline:3px solid #e9788a}.vz-game .hint{outline:3px dashed #fff1a6}.vz-game .pop{animation:vz-pop .25s ease-out}.vz-game .lock-own{outline:3px solid #eab649}.vz-game .lock-opponent{outline:3px dashed #e47a90}.vz-game .order-badge{position:absolute;top:-6px;right:-6px;background:#6557a0;color:white;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:11px}.vz-game .muted{opacity:.55;pointer-events:none}.vz-game table{width:100%;border-collapse:collapse;font-size:13px}.vz-game caption{text-align:right;font-weight:700;font-size:18px;margin-bottom:16px}.vz-game td,.vz-game th{padding:12px 6px;border-bottom:1px solid #d9cebc;text-align:center}.vz-game th{color:#6d617e;font-size:12px}.vz-game .positive{color:#328060}.vz-game .lock-example{display:flex;align-items:center;gap:8px}.vz-game .rules{padding-right:22px}.vz-game .rules li{margin-bottom:10px}.vz-game .help-cards{display:flex;gap:12px;--cell:70px;justify-content:center;margin-top:20px}.vz-game .help-cards button{pointer-events:none}
@keyframes vz-pop{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes vz-pulse{50%{opacity:.5}}@keyframes vz-confetti{from{transform:translateY(-30px) rotate(0);opacity:1}to{transform:translateY(90vh) rotate(420deg);opacity:0}}@media(prefers-reduced-motion:reduce){.vz-game *,.vz-game *::before,.vz-game *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.vz-game{padding:14px 12px 24px}.vz-game .players{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.vz-game .chip{display:flex;flex-direction:column;align-items:center;background:#ffffff0d;border:1px solid #ffffff1b;border-radius:17px;padding:9px 5px;position:relative;min-width:0}.vz-game .chip .avatar{width:34px;height:34px}.vz-game .chip>span{font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vz-game .chip strong{font-size:21px;line-height:1.6}.vz-game .chip.active{border-color:#f3ce76;background:#e8bd4d1c;box-shadow:0 0 17px #d2aa3a2b}.vz-game .chip progress{height:4px}.vz-game .chip .skip-label{font-size:8px;white-space:normal;text-align:center;color:#ffd6a4}.vz-game .lock-label{position:absolute;top:4px;left:3px}.vz-game .lock-label .icon{width:14px;height:14px}.vz-game .round-row{display:flex;align-items:center;gap:5px;justify-content:space-between;margin:12px 0;font-size:11px}.vz-game .round-row .icon-btn{height:30px;width:30px}.vz-game .theme-bar{padding:8px 10px;margin:8px 0}.vz-game .theme-icon{width:30px;height:30px}.vz-game .theme-bar small{font-size:9px}.vz-game .theme-bar strong{font-size:12px}.vz-game .message{padding:9px 11px;background:#a4a5e01f;border:1px solid #fff2;border-radius:12px;font-size:12px;margin:10px 0}.vz-game .message[data-state=success]{background:#79bf942f;border-color:#91d1a2}.vz-game .message[data-state=error]{background:#ed879a25;border-color:#df7893}.vz-game .board-shell{background:radial-gradient(ellipse,#d4cceb24,#fff0);border:1px solid #ffffff25;border-radius:24px;padding:12px 6px;overflow:auto}.vz-game .board{display:grid;grid-template-columns:repeat(5,var(--cell));gap:5px;justify-content:center;direction:rtl}.vz-game .allowed{width:var(--cell);height:var(--cell);border:1px dashed #eac98399;border-radius:10%;background:#eacc8b0b;color:#d6bd8b66;animation:vz-pulse 1.8s infinite;font-size:20px}.vz-game .empty{width:var(--cell);height:var(--cell)}.vz-game .word-preview{display:flex;flex-wrap:wrap;gap:3px 12px;align-items:center;padding:10px 0}.vz-game .word-preview small{font-size:10px;color:#d8ceea}.vz-game .word-preview strong{font-size:25px;flex:1}.vz-game .word-preview>div{display:flex;gap:6px;align-items:center;width:100%;justify-content:space-between;font-size:12px}.vz-game .action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.vz-game .action-buttons .btn{font-size:11px;min-height:39px;padding:8px}.vz-game .hand-section{margin-top:16px}.vz-game .phase-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#1e264744;padding:6px;border-radius:12px;margin-bottom:12px}.vz-game .phase-bar span{font-size:8px;padding:5px 1px;text-align:center;color:#cfc6e6;border-radius:7px}.vz-game .phase-bar .active{background:#f2ce7e;color:#3d3452;font-weight:700}.vz-game .section-heading{display:flex;justify-content:space-between;align-items:center;margin:6px 0 12px}.vz-game .section-heading h2{font-size:13px}.vz-game .section-heading span{font-size:10px;color:#d7cbe5}.vz-game .hand{display:flex;justify-content:center;gap:6px;--cell:clamp(26px,calc((100vw - 64px)/5),64px)}.vz-game .hand .letter-card{transition:transform .18s}.vz-game .special-summary{display:flex;align-items:center;gap:9px;background:#ffffff0e;border:1px solid #fff2;border-radius:15px;padding:8px;margin-top:15px}.vz-game .special-thumb{width:43px;height:43px;object-fit:contain}.vz-game .special-summary>div{flex:1}.vz-game .special-summary h3{font-size:12px}.vz-game .special-summary p{font-size:9px;color:#d8cbea}.vz-game .special-summary[data-special-state=used]{opacity:.5}.vz-game .demo-controls{margin-top:20px;font-size:11px;color:#d8cdea}.vz-game .demo-controls .segmented{background:#ffffff12;flex-wrap:wrap;margin:7px 0}.vz-game .demo-controls button{color:#e9ddf5}.vz-game .special-modal{font-family:Vazirmatn;background:#fbf0db;color:#302e49;border:0;border-radius:25px;width:min(90vw,390px);padding:22px}.vz-game .special-modal::backdrop{background:#172039bb;backdrop-filter:blur(5px)}.vz-game .modal-head{display:flex;justify-content:space-between;align-items:center}.vz-game .modal-head h2{font-size:20px}.vz-game .modal-head .icon-btn{color:#594776;background:#e4d7eb}.vz-game #spArt{width:140px;height:140px;object-fit:contain;display:block;margin:12px auto}.vz-game #spDescription{font-size:13px;margin-bottom:14px}.vz-game .special-modal .secondary{color:#594776;border-color:#b4a5c6;background:#e8dff0}.vz-game #spBody{margin:12px 0}.vz-game #spBody .letter-card{--cell:48px;margin:3px}.vz-game #spBody .target-option{display:flex;align-items:center;gap:7px;width:100%;background:#eee2cf;border:1px solid #ccb9a3;border-radius:12px;margin:5px 0;padding:8px}
.vz-game .icon-btn .icon{filter:invert(92%) sepia(25%) saturate(450%)}

/* 04-result */

.vz-result{--ink:#fff2d7;--gold:#f2c766;--paper:#fbf0db;--dark:#302e49;--cell:clamp(26px,calc((100vw - 74px)/5),64px);font:14px/1.65 Vazirmatn,sans-serif;color:var(--ink);background:radial-gradient(ellipse at 80% 15%,#6066ae66,transparent 60%),linear-gradient(150deg,#1e284b,#3b3c7e 50%,#6851a3);width:100%;max-width:430px;min-height:100svh;margin:0 auto;position:relative;isolation:isolate;padding:22px 18px 26px;box-sizing:border-box;overflow:hidden}
.vz-result *,.vz-result *::before,.vz-result *::after{box-sizing:border-box}.vz-result [hidden]{display:none!important}.vz-result button,.vz-result input,.vz-result select{font-family:inherit;font-size:inherit}.vz-result button{cursor:pointer;color:var(--dark);width:auto}.vz-result a{color:inherit;text-decoration:none}.vz-result h1,.vz-result h2,.vz-result h3,.vz-result p{margin:0}.vz-result h1{font-size:23px}.vz-result h2{font-size:17px}.vz-result h3{font-size:15px}.vz-result button:focus-visible,.vz-result a:focus-visible,.vz-result input:focus-visible,.vz-result select:focus-visible{outline:3px solid #ecca72;outline-offset:3px}.vz-result .page-content{position:relative;z-index:1}.vz-result .letter-texture{position:absolute;inset:30% -15% auto;transform:rotate(-15deg);font:700 115px/1.8 VazhoLetter;letter-spacing:12px;opacity:.045;overflow-wrap:anywhere;pointer-events:none;z-index:0}.vz-result .btn{width:100%;min-height:48px;border:0;border-radius:17px;padding:12px 14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--dark);transition:transform .15s,background .15s}.vz-result .btn:active{transform:scale(.98)}.vz-result .primary{background:linear-gradient(120deg,#f5d791,#edbc5c);box-shadow:0 5px 0 #20264766}.vz-result .secondary{background:#ffffff12;color:#fff2dc;border:1px solid #f3dfae40;box-shadow:none}.vz-result .quiet{background:transparent;color:#e2daf3;font-size:12px;box-shadow:none}.vz-result .green{background:#a8d9b3;color:#193f35}.vz-result .two-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.vz-result .icon{width:22px;height:22px;object-fit:contain}.vz-result .avatar{width:42px;height:42px;flex:none}.vz-result .icon-btn{width:40px;height:40px;display:grid;place-items:center;background:#ffffff14;border:1px solid #fff2;border-radius:13px;color:#fff0d4;font-size:25px;flex:none}.vz-result .header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:22px}.vz-result .mini-brand{color:#eacb8a;font-weight:700;font-size:20px}.vz-result .paper{background:var(--paper);color:var(--dark);border-radius:23px;padding:20px;margin:15px 0;box-shadow:0 7px 25px #111b3a24}.vz-result .paper p{margin:10px 0}.vz-result .paper h2{margin-bottom:13px}.vz-result .pill{display:inline-flex;align-items:center;justify-content:center;background:#ead39a25;border:1px solid #e9cd8d30;border-radius:20px;padding:3px 9px;font-size:11px;white-space:nowrap}.vz-result .theme-bar{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid #e9d29740;background:#ead29412;border-radius:18px;margin:10px 0}.vz-result .theme-bar>div{flex:1}.vz-result .theme-bar small{display:block;color:#d5cce8;font-size:10px}.vz-result .theme-icon{width:38px;height:38px}.vz-result .theme-bar strong{font-size:15px}.vz-result progress{appearance:none;border:0;height:6px;border-radius:6px;overflow:hidden;width:100%;background:#ffffff20}.vz-result progress::-webkit-progress-bar{background:#ffffff20}.vz-result progress::-webkit-progress-value{background:#efc875;border-radius:6px}.vz-result label{display:block;margin:15px 0 7px;font-weight:700}.vz-result input,.vz-result select{background:#fffaf0;color:#302e49;border:1px solid #d4c8b1;border-radius:12px;padding:10px;width:100%;min-width:0}.vz-result input{height:46px}.vz-result .segmented{display:flex;gap:4px;padding:5px;background:#e6d9c3;border-radius:13px}.vz-result .segmented button{flex:1;min-width:0;border:0;background:transparent;color:#54476a;padding:8px 4px;border-radius:9px;font-size:12px}.vz-result .segmented .active{background:#6556a2;color:#fff9e9;box-shadow:0 2px 5px #2222}.vz-result .note{text-align:center;color:#dfd6ef;font-size:12px;margin:15px 0}.vz-result .section-title{margin-top:22px}.vz-result .bot-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e1d4be}.vz-result .bot-row:last-child{border:0}.vz-result .bot-row strong{flex:1}.vz-result .bot-row select{width:96px}.vz-result .letter-card{aspect-ratio:1;width:var(--cell);border:0;padding:0;border-radius:9%;background-size:100% 100%;background-repeat:no-repeat;position:relative;color:#050505;box-shadow:0 3px 0 #0002;flex-shrink:0}.vz-result .letter-card[data-color=blue]{background-image:url('../assets/ui/cards/background-blue.webp')}.vz-result .letter-card[data-color=pink]{background-image:url('../assets/ui/cards/background-pink.webp')}.vz-result .letter-card[data-color=yellow]{background-image:url('../assets/ui/cards/background-yellow.webp')}.vz-result .letter{position:absolute;inset:20% 18% 14%;font:700 calc(var(--cell)*.53)/1 VazhoLetter;display:flex;align-items:center;justify-content:center}.vz-result .corner-letter{position:absolute;top:7%;left:7%;font:700 calc(var(--cell)*.17)/1 VazhoLetter}.vz-result .mark{position:absolute;top:0;right:0;width:31%;height:31%;object-fit:contain;filter:drop-shadow(0 1px 1px #cfac38)}.vz-result .abjad{position:absolute;bottom:4%;right:8%;font-size:calc(var(--cell)*.13);line-height:1.1;font-weight:700;background:#fff4ceaa;border-radius:3px;padding:1px}.vz-result .color-symbol{position:absolute;bottom:5%;left:7%;width:13%;height:13%}.vz-result .selected{outline:3px solid #a899e9;z-index:2;transform:translateY(-5px)}.vz-result .last{outline:3px solid #e8b449}.vz-result .valid{outline:3px solid #56b584}.vz-result .invalid{outline:3px solid #e9788a}.vz-result .hint{outline:3px dashed #fff1a6}.vz-result .pop{animation:vz-pop .25s ease-out}.vz-result .lock-own{outline:3px solid #eab649}.vz-result .lock-opponent{outline:3px dashed #e47a90}.vz-result .order-badge{position:absolute;top:-6px;right:-6px;background:#6557a0;color:white;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:11px}.vz-result .muted{opacity:.55;pointer-events:none}.vz-result table{width:100%;border-collapse:collapse;font-size:13px}.vz-result caption{text-align:right;font-weight:700;font-size:18px;margin-bottom:16px}.vz-result td,.vz-result th{padding:12px 6px;border-bottom:1px solid #d9cebc;text-align:center}.vz-result th{color:#6d617e;font-size:12px}.vz-result .positive{color:#328060}.vz-result .lock-example{display:flex;align-items:center;gap:8px}.vz-result .rules{padding-right:22px}.vz-result .rules li{margin-bottom:10px}.vz-result .help-cards{display:flex;gap:12px;--cell:70px;justify-content:center;margin-top:20px}.vz-result .help-cards button{pointer-events:none}
@keyframes vz-pop{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes vz-pulse{50%{opacity:.5}}@keyframes vz-confetti{from{transform:translateY(-30px) rotate(0);opacity:1}to{transform:translateY(90vh) rotate(420deg);opacity:0}}@media(prefers-reduced-motion:reduce){.vz-result *,.vz-result *::before,.vz-result *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.vz-result .result-heading{text-align:center;margin:14px 0 22px}.vz-result .result-badge{width:100px;height:110px}.vz-result .result-heading h1{font-size:38px;color:#f3d08a}.vz-result .result-heading p{font-size:13px;color:#e5d3ed}.vz-result #oRank td:nth-child(2){display:flex;align-items:center;gap:10px;text-align:right}.vz-result #oRank .avatar{width:32px;height:32px}.vz-result #oRank .me{background:#f0d49a66}.vz-result .league-update{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #efce7977;background:#e9c4691a;border-radius:21px;margin:18px 0}.vz-result .league-update img{width:50px;height:60px}.vz-result .league-update p{font-size:12px;color:#efce82}.vz-result .word-list{display:flex;flex-wrap:wrap;gap:8px}.vz-result .word-list span{padding:6px 12px;border-radius:10px;background:#e9dec9;color:#5d5074}.vz-result .confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}.vz-result .confetti i{position:absolute;top:0;left:calc(var(--i)*8%);width:7px;height:12px;background:#eec871;animation:vz-confetti 2.8s calc(var(--i)*.08s) ease-in both}.vz-result .confetti i:nth-child(3n){background:#e7a3c3}.vz-result .confetti i:nth-child(3n+1){background:#8dc8ee}
.vz-result .icon-btn .icon{filter:invert(92%) sepia(25%) saturate(450%)}

/* 05-help */

.vz-help{--ink:#fff2d7;--gold:#f2c766;--paper:#fbf0db;--dark:#302e49;--cell:clamp(26px,calc((100vw - 74px)/5),64px);font:14px/1.65 Vazirmatn,sans-serif;color:var(--ink);background:radial-gradient(ellipse at 80% 15%,#6066ae66,transparent 60%),linear-gradient(150deg,#1e284b,#3b3c7e 50%,#6851a3);width:100%;max-width:430px;min-height:100svh;margin:0 auto;position:relative;isolation:isolate;padding:22px 18px 26px;box-sizing:border-box;overflow:hidden}
.vz-help *,.vz-help *::before,.vz-help *::after{box-sizing:border-box}.vz-help [hidden]{display:none!important}.vz-help button,.vz-help input,.vz-help select{font-family:inherit;font-size:inherit}.vz-help button{cursor:pointer;color:var(--dark);width:auto}.vz-help a{color:inherit;text-decoration:none}.vz-help h1,.vz-help h2,.vz-help h3,.vz-help p{margin:0}.vz-help h1{font-size:23px}.vz-help h2{font-size:17px}.vz-help h3{font-size:15px}.vz-help button:focus-visible,.vz-help a:focus-visible,.vz-help input:focus-visible,.vz-help select:focus-visible{outline:3px solid #ecca72;outline-offset:3px}.vz-help .page-content{position:relative;z-index:1}.vz-help .letter-texture{position:absolute;inset:30% -15% auto;transform:rotate(-15deg);font:700 115px/1.8 VazhoLetter;letter-spacing:12px;opacity:.045;overflow-wrap:anywhere;pointer-events:none;z-index:0}.vz-help .btn{width:100%;min-height:48px;border:0;border-radius:17px;padding:12px 14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--dark);transition:transform .15s,background .15s}.vz-help .btn:active{transform:scale(.98)}.vz-help .primary{background:linear-gradient(120deg,#f5d791,#edbc5c);box-shadow:0 5px 0 #20264766}.vz-help .secondary{background:#ffffff12;color:#fff2dc;border:1px solid #f3dfae40;box-shadow:none}.vz-help .quiet{background:transparent;color:#e2daf3;font-size:12px;box-shadow:none}.vz-help .green{background:#a8d9b3;color:#193f35}.vz-help .two-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.vz-help .icon{width:22px;height:22px;object-fit:contain}.vz-help .avatar{width:42px;height:42px;flex:none}.vz-help .icon-btn{width:40px;height:40px;display:grid;place-items:center;background:#ffffff14;border:1px solid #fff2;border-radius:13px;color:#fff0d4;font-size:25px;flex:none}.vz-help .header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:22px}.vz-help .mini-brand{color:#eacb8a;font-weight:700;font-size:20px}.vz-help .paper{background:var(--paper);color:var(--dark);border-radius:23px;padding:20px;margin:15px 0;box-shadow:0 7px 25px #111b3a24}.vz-help .paper p{margin:10px 0}.vz-help .paper h2{margin-bottom:13px}.vz-help .pill{display:inline-flex;align-items:center;justify-content:center;background:#ead39a25;border:1px solid #e9cd8d30;border-radius:20px;padding:3px 9px;font-size:11px;white-space:nowrap}.vz-help .theme-bar{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid #e9d29740;background:#ead29412;border-radius:18px;margin:10px 0}.vz-help .theme-bar>div{flex:1}.vz-help .theme-bar small{display:block;color:#d5cce8;font-size:10px}.vz-help .theme-icon{width:38px;height:38px}.vz-help .theme-bar strong{font-size:15px}.vz-help progress{appearance:none;border:0;height:6px;border-radius:6px;overflow:hidden;width:100%;background:#ffffff20}.vz-help progress::-webkit-progress-bar{background:#ffffff20}.vz-help progress::-webkit-progress-value{background:#efc875;border-radius:6px}.vz-help label{display:block;margin:15px 0 7px;font-weight:700}.vz-help input,.vz-help select{background:#fffaf0;color:#302e49;border:1px solid #d4c8b1;border-radius:12px;padding:10px;width:100%;min-width:0}.vz-help input{height:46px}.vz-help .segmented{display:flex;gap:4px;padding:5px;background:#e6d9c3;border-radius:13px}.vz-help .segmented button{flex:1;min-width:0;border:0;background:transparent;color:#54476a;padding:8px 4px;border-radius:9px;font-size:12px}.vz-help .segmented .active{background:#6556a2;color:#fff9e9;box-shadow:0 2px 5px #2222}.vz-help .note{text-align:center;color:#dfd6ef;font-size:12px;margin:15px 0}.vz-help .section-title{margin-top:22px}.vz-help .bot-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e1d4be}.vz-help .bot-row:last-child{border:0}.vz-help .bot-row strong{flex:1}.vz-help .bot-row select{width:96px}.vz-help .letter-card{aspect-ratio:1;width:var(--cell);border:0;padding:0;border-radius:9%;background-size:100% 100%;background-repeat:no-repeat;position:relative;color:#050505;box-shadow:0 3px 0 #0002;flex-shrink:0}.vz-help .letter-card[data-color=blue]{background-image:url('../assets/ui/cards/background-blue.webp')}.vz-help .letter-card[data-color=pink]{background-image:url('../assets/ui/cards/background-pink.webp')}.vz-help .letter-card[data-color=yellow]{background-image:url('../assets/ui/cards/background-yellow.webp')}.vz-help .letter{position:absolute;inset:20% 18% 14%;font:700 calc(var(--cell)*.53)/1 VazhoLetter;display:flex;align-items:center;justify-content:center}.vz-help .corner-letter{position:absolute;top:7%;left:7%;font:700 calc(var(--cell)*.17)/1 VazhoLetter}.vz-help .mark{position:absolute;top:0;right:0;width:31%;height:31%;object-fit:contain;filter:drop-shadow(0 1px 1px #cfac38)}.vz-help .abjad{position:absolute;bottom:4%;right:8%;font-size:calc(var(--cell)*.13);line-height:1.1;font-weight:700;background:#fff4ceaa;border-radius:3px;padding:1px}.vz-help .color-symbol{position:absolute;bottom:5%;left:7%;width:13%;height:13%}.vz-help .selected{outline:3px solid #a899e9;z-index:2;transform:translateY(-5px)}.vz-help .last{outline:3px solid #e8b449}.vz-help .valid{outline:3px solid #56b584}.vz-help .invalid{outline:3px solid #e9788a}.vz-help .hint{outline:3px dashed #fff1a6}.vz-help .pop{animation:vz-pop .25s ease-out}.vz-help .lock-own{outline:3px solid #eab649}.vz-help .lock-opponent{outline:3px dashed #e47a90}.vz-help .order-badge{position:absolute;top:-6px;right:-6px;background:#6557a0;color:white;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:11px}.vz-help .muted{opacity:.55;pointer-events:none}.vz-help table{width:100%;border-collapse:collapse;font-size:13px}.vz-help caption{text-align:right;font-weight:700;font-size:18px;margin-bottom:16px}.vz-help td,.vz-help th{padding:12px 6px;border-bottom:1px solid #d9cebc;text-align:center}.vz-help th{color:#6d617e;font-size:12px}.vz-help .positive{color:#328060}.vz-help .lock-example{display:flex;align-items:center;gap:8px}.vz-help .rules{padding-right:22px}.vz-help .rules li{margin-bottom:10px}.vz-help .help-cards{display:flex;gap:12px;--cell:70px;justify-content:center;margin-top:20px}.vz-help .help-cards button{pointer-events:none}
@keyframes vz-pop{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes vz-pulse{50%{opacity:.5}}@keyframes vz-confetti{from{transform:translateY(-30px) rotate(0);opacity:1}to{transform:translateY(90vh) rotate(420deg);opacity:0}}@media(prefers-reduced-motion:reduce){.vz-help *,.vz-help *::before,.vz-help *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.vz-help .paper table{font-size:10px}.vz-help .paper td,.vz-help .paper th{padding:9px 3px}.vz-help .paper p{font-size:12px}.vz-help .rules{font-size:13px}
.vz-help .icon-btn .icon{filter:invert(92%) sepia(25%) saturate(450%)}

/* 06-league */

.vz-league{--ink:#fff2d7;--gold:#f2c766;--paper:#fbf0db;--dark:#302e49;--cell:clamp(26px,calc((100vw - 74px)/5),64px);font:14px/1.65 Vazirmatn,sans-serif;color:var(--ink);background:radial-gradient(ellipse at 80% 15%,#6066ae66,transparent 60%),linear-gradient(150deg,#1e284b,#3b3c7e 50%,#6851a3);width:100%;max-width:430px;min-height:100svh;margin:0 auto;position:relative;isolation:isolate;padding:22px 18px 26px;box-sizing:border-box;overflow:hidden}
.vz-league *,.vz-league *::before,.vz-league *::after{box-sizing:border-box}.vz-league [hidden]{display:none!important}.vz-league button,.vz-league input,.vz-league select{font-family:inherit;font-size:inherit}.vz-league button{cursor:pointer;color:var(--dark);width:auto}.vz-league a{color:inherit;text-decoration:none}.vz-league h1,.vz-league h2,.vz-league h3,.vz-league p{margin:0}.vz-league h1{font-size:23px}.vz-league h2{font-size:17px}.vz-league h3{font-size:15px}.vz-league button:focus-visible,.vz-league a:focus-visible,.vz-league input:focus-visible,.vz-league select:focus-visible{outline:3px solid #ecca72;outline-offset:3px}.vz-league .page-content{position:relative;z-index:1}.vz-league .letter-texture{position:absolute;inset:30% -15% auto;transform:rotate(-15deg);font:700 115px/1.8 VazhoLetter;letter-spacing:12px;opacity:.045;overflow-wrap:anywhere;pointer-events:none;z-index:0}.vz-league .btn{width:100%;min-height:48px;border:0;border-radius:17px;padding:12px 14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--dark);transition:transform .15s,background .15s}.vz-league .btn:active{transform:scale(.98)}.vz-league .primary{background:linear-gradient(120deg,#f5d791,#edbc5c);box-shadow:0 5px 0 #20264766}.vz-league .secondary{background:#ffffff12;color:#fff2dc;border:1px solid #f3dfae40;box-shadow:none}.vz-league .quiet{background:transparent;color:#e2daf3;font-size:12px;box-shadow:none}.vz-league .green{background:#a8d9b3;color:#193f35}.vz-league .two-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.vz-league .icon{width:22px;height:22px;object-fit:contain}.vz-league .avatar{width:42px;height:42px;flex:none}.vz-league .icon-btn{width:40px;height:40px;display:grid;place-items:center;background:#ffffff14;border:1px solid #fff2;border-radius:13px;color:#fff0d4;font-size:25px;flex:none}.vz-league .header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:22px}.vz-league .mini-brand{color:#eacb8a;font-weight:700;font-size:20px}.vz-league .paper{background:var(--paper);color:var(--dark);border-radius:23px;padding:20px;margin:15px 0;box-shadow:0 7px 25px #111b3a24}.vz-league .paper p{margin:10px 0}.vz-league .paper h2{margin-bottom:13px}.vz-league .pill{display:inline-flex;align-items:center;justify-content:center;background:#ead39a25;border:1px solid #e9cd8d30;border-radius:20px;padding:3px 9px;font-size:11px;white-space:nowrap}.vz-league .theme-bar{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid #e9d29740;background:#ead29412;border-radius:18px;margin:10px 0}.vz-league .theme-bar>div{flex:1}.vz-league .theme-bar small{display:block;color:#d5cce8;font-size:10px}.vz-league .theme-icon{width:38px;height:38px}.vz-league .theme-bar strong{font-size:15px}.vz-league progress{appearance:none;border:0;height:6px;border-radius:6px;overflow:hidden;width:100%;background:#ffffff20}.vz-league progress::-webkit-progress-bar{background:#ffffff20}.vz-league progress::-webkit-progress-value{background:#efc875;border-radius:6px}.vz-league label{display:block;margin:15px 0 7px;font-weight:700}.vz-league input,.vz-league select{background:#fffaf0;color:#302e49;border:1px solid #d4c8b1;border-radius:12px;padding:10px;width:100%;min-width:0}.vz-league input{height:46px}.vz-league .segmented{display:flex;gap:4px;padding:5px;background:#e6d9c3;border-radius:13px}.vz-league .segmented button{flex:1;min-width:0;border:0;background:transparent;color:#54476a;padding:8px 4px;border-radius:9px;font-size:12px}.vz-league .segmented .active{background:#6556a2;color:#fff9e9;box-shadow:0 2px 5px #2222}.vz-league .note{text-align:center;color:#dfd6ef;font-size:12px;margin:15px 0}.vz-league .section-title{margin-top:22px}.vz-league .bot-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e1d4be}.vz-league .bot-row:last-child{border:0}.vz-league .bot-row strong{flex:1}.vz-league .bot-row select{width:96px}.vz-league .letter-card{aspect-ratio:1;width:var(--cell);border:0;padding:0;border-radius:9%;background-size:100% 100%;background-repeat:no-repeat;position:relative;color:#050505;box-shadow:0 3px 0 #0002;flex-shrink:0}.vz-league .letter-card[data-color=blue]{background-image:url('../assets/ui/cards/background-blue.webp')}.vz-league .letter-card[data-color=pink]{background-image:url('../assets/ui/cards/background-pink.webp')}.vz-league .letter-card[data-color=yellow]{background-image:url('../assets/ui/cards/background-yellow.webp')}.vz-league .letter{position:absolute;inset:20% 18% 14%;font:700 calc(var(--cell)*.53)/1 VazhoLetter;display:flex;align-items:center;justify-content:center}.vz-league .corner-letter{position:absolute;top:7%;left:7%;font:700 calc(var(--cell)*.17)/1 VazhoLetter}.vz-league .mark{position:absolute;top:0;right:0;width:31%;height:31%;object-fit:contain;filter:drop-shadow(0 1px 1px #cfac38)}.vz-league .abjad{position:absolute;bottom:4%;right:8%;font-size:calc(var(--cell)*.13);line-height:1.1;font-weight:700;background:#fff4ceaa;border-radius:3px;padding:1px}.vz-league .color-symbol{position:absolute;bottom:5%;left:7%;width:13%;height:13%}.vz-league .selected{outline:3px solid #a899e9;z-index:2;transform:translateY(-5px)}.vz-league .last{outline:3px solid #e8b449}.vz-league .valid{outline:3px solid #56b584}.vz-league .invalid{outline:3px solid #e9788a}.vz-league .hint{outline:3px dashed #fff1a6}.vz-league .pop{animation:vz-pop .25s ease-out}.vz-league .lock-own{outline:3px solid #eab649}.vz-league .lock-opponent{outline:3px dashed #e47a90}.vz-league .order-badge{position:absolute;top:-6px;right:-6px;background:#6557a0;color:white;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:11px}.vz-league .muted{opacity:.55;pointer-events:none}.vz-league table{width:100%;border-collapse:collapse;font-size:13px}.vz-league caption{text-align:right;font-weight:700;font-size:18px;margin-bottom:16px}.vz-league td,.vz-league th{padding:12px 6px;border-bottom:1px solid #d9cebc;text-align:center}.vz-league th{color:#6d617e;font-size:12px}.vz-league .positive{color:#328060}.vz-league .lock-example{display:flex;align-items:center;gap:8px}.vz-league .rules{padding-right:22px}.vz-league .rules li{margin-bottom:10px}.vz-league .help-cards{display:flex;gap:12px;--cell:70px;justify-content:center;margin-top:20px}.vz-league .help-cards button{pointer-events:none}
@keyframes vz-pop{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes vz-pulse{50%{opacity:.5}}@keyframes vz-confetti{from{transform:translateY(-30px) rotate(0);opacity:1}to{transform:translateY(90vh) rotate(420deg);opacity:0}}@media(prefers-reduced-motion:reduce){.vz-league *,.vz-league *::before,.vz-league *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.vz-league .league-intro{margin:25px 0}.vz-league .league-intro p{color:#d5c8e8;font-size:12px;margin-top:8px}.vz-league .ladder{position:relative;margin:20px 0}.vz-league .ladder:before{content:'';position:absolute;right:36px;top:20px;bottom:20px;width:2px;background:#ebd2aa55}.vz-league .league-step{position:relative;display:flex;align-items:center;gap:14px;background:#ffffff0c;border:1px solid #fff2;border-radius:20px;padding:14px 11px;margin:13px 0}.vz-league .league-step img{width:57px;height:68px}.vz-league .league-step>div{flex:1}.vz-league .league-step h2{font-size:17px}.vz-league .league-step p{font-size:11px;color:#d5c9e7}.vz-league .league-step.current{border-color:#efcf82;background:#eacc821e;box-shadow:0 4px 22px #e3bd4a20}
.vz-league .icon-btn .icon{filter:invert(92%) sepia(25%) saturate(450%)}

/* help-modal */

.vz-help-modal{--ink:#fff2d7;--gold:#f2c766;--paper:#fbf0db;--dark:#302e49;--cell:clamp(26px,calc((100vw - 74px)/5),64px);font:14px/1.65 Vazirmatn,sans-serif;color:var(--ink);background:radial-gradient(ellipse at 80% 15%,#6066ae66,transparent 60%),linear-gradient(150deg,#1e284b,#3b3c7e 50%,#6851a3);width:100%;max-width:430px;min-height:100svh;margin:0 auto;position:relative;isolation:isolate;padding:22px 18px 26px;box-sizing:border-box;overflow:hidden}
.vz-help-modal *,.vz-help-modal *::before,.vz-help-modal *::after{box-sizing:border-box}.vz-help-modal [hidden]{display:none!important}.vz-help-modal button,.vz-help-modal input,.vz-help-modal select{font-family:inherit;font-size:inherit}.vz-help-modal button{cursor:pointer;color:var(--dark);width:auto}.vz-help-modal a{color:inherit;text-decoration:none}.vz-help-modal h1,.vz-help-modal h2,.vz-help-modal h3,.vz-help-modal p{margin:0}.vz-help-modal h1{font-size:23px}.vz-help-modal h2{font-size:17px}.vz-help-modal h3{font-size:15px}.vz-help-modal button:focus-visible,.vz-help-modal a:focus-visible,.vz-help-modal input:focus-visible,.vz-help-modal select:focus-visible{outline:3px solid #ecca72;outline-offset:3px}.vz-help-modal .page-content{position:relative;z-index:1}.vz-help-modal .letter-texture{position:absolute;inset:30% -15% auto;transform:rotate(-15deg);font:700 115px/1.8 VazhoLetter;letter-spacing:12px;opacity:.045;overflow-wrap:anywhere;pointer-events:none;z-index:0}.vz-help-modal .btn{width:100%;min-height:48px;border:0;border-radius:17px;padding:12px 14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--dark);transition:transform .15s,background .15s}.vz-help-modal .btn:active{transform:scale(.98)}.vz-help-modal .primary{background:linear-gradient(120deg,#f5d791,#edbc5c);box-shadow:0 5px 0 #20264766}.vz-help-modal .secondary{background:#ffffff12;color:#fff2dc;border:1px solid #f3dfae40;box-shadow:none}.vz-help-modal .quiet{background:transparent;color:#e2daf3;font-size:12px;box-shadow:none}.vz-help-modal .green{background:#a8d9b3;color:#193f35}.vz-help-modal .two-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.vz-help-modal .icon{width:22px;height:22px;object-fit:contain}.vz-help-modal .avatar{width:42px;height:42px;flex:none}.vz-help-modal .icon-btn{width:40px;height:40px;display:grid;place-items:center;background:#ffffff14;border:1px solid #fff2;border-radius:13px;color:#fff0d4;font-size:25px;flex:none}.vz-help-modal .header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:22px}.vz-help-modal .mini-brand{color:#eacb8a;font-weight:700;font-size:20px}.vz-help-modal .paper{background:var(--paper);color:var(--dark);border-radius:23px;padding:20px;margin:15px 0;box-shadow:0 7px 25px #111b3a24}.vz-help-modal .paper p{margin:10px 0}.vz-help-modal .paper h2{margin-bottom:13px}.vz-help-modal .pill{display:inline-flex;align-items:center;justify-content:center;background:#ead39a25;border:1px solid #e9cd8d30;border-radius:20px;padding:3px 9px;font-size:11px;white-space:nowrap}.vz-help-modal .theme-bar{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid #e9d29740;background:#ead29412;border-radius:18px;margin:10px 0}.vz-help-modal .theme-bar>div{flex:1}.vz-help-modal .theme-bar small{display:block;color:#d5cce8;font-size:10px}.vz-help-modal .theme-icon{width:38px;height:38px}.vz-help-modal .theme-bar strong{font-size:15px}.vz-help-modal progress{appearance:none;border:0;height:6px;border-radius:6px;overflow:hidden;width:100%;background:#ffffff20}.vz-help-modal progress::-webkit-progress-bar{background:#ffffff20}.vz-help-modal progress::-webkit-progress-value{background:#efc875;border-radius:6px}.vz-help-modal label{display:block;margin:15px 0 7px;font-weight:700}.vz-help-modal input,.vz-help-modal select{background:#fffaf0;color:#302e49;border:1px solid #d4c8b1;border-radius:12px;padding:10px;width:100%;min-width:0}.vz-help-modal input{height:46px}.vz-help-modal .segmented{display:flex;gap:4px;padding:5px;background:#e6d9c3;border-radius:13px}.vz-help-modal .segmented button{flex:1;min-width:0;border:0;background:transparent;color:#54476a;padding:8px 4px;border-radius:9px;font-size:12px}.vz-help-modal .segmented .active{background:#6556a2;color:#fff9e9;box-shadow:0 2px 5px #2222}.vz-help-modal .note{text-align:center;color:#dfd6ef;font-size:12px;margin:15px 0}.vz-help-modal .section-title{margin-top:22px}.vz-help-modal .bot-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e1d4be}.vz-help-modal .bot-row:last-child{border:0}.vz-help-modal .bot-row strong{flex:1}.vz-help-modal .bot-row select{width:96px}.vz-help-modal .letter-card{aspect-ratio:1;width:var(--cell);border:0;padding:0;border-radius:9%;background-size:100% 100%;background-repeat:no-repeat;position:relative;color:#050505;box-shadow:0 3px 0 #0002;flex-shrink:0}.vz-help-modal .letter-card[data-color=blue]{background-image:url('../assets/ui/cards/background-blue.webp')}.vz-help-modal .letter-card[data-color=pink]{background-image:url('../assets/ui/cards/background-pink.webp')}.vz-help-modal .letter-card[data-color=yellow]{background-image:url('../assets/ui/cards/background-yellow.webp')}.vz-help-modal .letter{position:absolute;inset:20% 18% 14%;font:700 calc(var(--cell)*.53)/1 VazhoLetter;display:flex;align-items:center;justify-content:center}.vz-help-modal .corner-letter{position:absolute;top:7%;left:7%;font:700 calc(var(--cell)*.17)/1 VazhoLetter}.vz-help-modal .mark{position:absolute;top:0;right:0;width:31%;height:31%;object-fit:contain;filter:drop-shadow(0 1px 1px #cfac38)}.vz-help-modal .abjad{position:absolute;bottom:4%;right:8%;font-size:calc(var(--cell)*.13);line-height:1.1;font-weight:700;background:#fff4ceaa;border-radius:3px;padding:1px}.vz-help-modal .color-symbol{position:absolute;bottom:5%;left:7%;width:13%;height:13%}.vz-help-modal .selected{outline:3px solid #a899e9;z-index:2;transform:translateY(-5px)}.vz-help-modal .last{outline:3px solid #e8b449}.vz-help-modal .valid{outline:3px solid #56b584}.vz-help-modal .invalid{outline:3px solid #e9788a}.vz-help-modal .hint{outline:3px dashed #fff1a6}.vz-help-modal .pop{animation:vz-pop .25s ease-out}.vz-help-modal .lock-own{outline:3px solid #eab649}.vz-help-modal .lock-opponent{outline:3px dashed #e47a90}.vz-help-modal .order-badge{position:absolute;top:-6px;right:-6px;background:#6557a0;color:white;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:11px}.vz-help-modal .muted{opacity:.55;pointer-events:none}.vz-help-modal table{width:100%;border-collapse:collapse;font-size:13px}.vz-help-modal caption{text-align:right;font-weight:700;font-size:18px;margin-bottom:16px}.vz-help-modal td,.vz-help-modal th{padding:12px 6px;border-bottom:1px solid #d9cebc;text-align:center}.vz-help-modal th{color:#6d617e;font-size:12px}.vz-help-modal .positive{color:#328060}.vz-help-modal .lock-example{display:flex;align-items:center;gap:8px}.vz-help-modal .rules{padding-right:22px}.vz-help-modal .rules li{margin-bottom:10px}.vz-help-modal .help-cards{display:flex;gap:12px;--cell:70px;justify-content:center;margin-top:20px}.vz-help-modal .help-cards button{pointer-events:none}
@keyframes vz-pop{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes vz-pulse{50%{opacity:.5}}@keyframes vz-confetti{from{transform:translateY(-30px) rotate(0);opacity:1}to{transform:translateY(90vh) rotate(420deg);opacity:0}}@media(prefers-reduced-motion:reduce){.vz-help-modal *,.vz-help-modal *::before,.vz-help-modal *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.vz-help-modal .paper table{font-size:10px}.vz-help-modal .paper td,.vz-help-modal .paper th{padding:9px 3px}.vz-help-modal .paper p{font-size:12px}.vz-help-modal .rules{font-size:13px}
.vz-help-modal .icon-btn .icon{filter:invert(92%) sepia(25%) saturate(450%)}

.vz-help-modal{border:0;padding:22px;width:min(92vw,410px);border-radius:24px;max-height:90svh;overflow:auto;min-height:0}.vz-help-modal::backdrop{background:#15203abf;backdrop-filter:blur(5px)}.vz-help-modal .help-close{position:sticky;top:0;float:left;width:36px;height:36px;border:0;border-radius:50%;background:#f3d49b;color:#352b53;font-size:22px}