.word-playing .mobile-header,.word-playing .bottom-tabs{display:none}.word-playing #mobile-main{padding:0;min-height:100dvh}.word-playing .opark-app{background:#b4f0e1}.wg-scene{--ink:#12636a;min-height:100dvh;color:var(--ink);background:radial-gradient(ellipse at 95% 20%,#fff9 0,transparent 48%),linear-gradient(170deg,#dff7d5 0,#bbefda 50%,#30c8d3 100%);padding:16px 19px 12px;overflow:hidden;position:relative}.wg-scene:before{content:'';position:absolute;left:-25%;right:-25%;height:150px;bottom:-100px;border-radius:50%;border:30px solid #defcff45;pointer-events:none}.wg-top{display:flex;justify-content:space-between;align-items:center;gap:12px;position:relative;z-index:1}.wg-back{width:35px;height:35px;border-radius:12px;background:#fff9;display:grid;place-items:center;font-size:30px;text-decoration:none;color:var(--ink)}.wg-brand{background:#fff;padding:5px 8px;border-radius:14px;box-shadow:0 3px #6fbeb450}.wg-brand img{width:72px;height:28px;object-fit:contain}.wg-score{font-size:13px;font-weight:bold;text-decoration:none;color:#87550d;background:#fff8d3;padding:7px 13px;border-radius:22px;box-shadow:0 3px #c3c26f66;direction:rtl}.wg-heading{text-align:center;margin:9px 0 8px}.wg-heading>span{font-size:10px;letter-spacing:.1px}.wg-heading h1{font-family:Madasi,IRANSans,sans-serif;font-size:41px;line-height:1.15;margin:4px 0}.wg-heading p{font-size:11px;margin:3px 0}.wg-progress{width:58%;height:9px;border:2px solid #fff;border-radius:12px;margin:0 auto;background:#84cebe;box-shadow:0 2px #74b5a455;overflow:hidden}.wg-progress>span{display:block;height:100%;background:#f9cc48;border-radius:9px;transition:width .3s}.wg-board-wrap{min-height:170px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px 0 4px}.wg-board{direction:ltr;display:grid;grid-template-columns:repeat(var(--cols),min(35px,calc((100vw - 65px)/var(--cols))));grid-template-rows:repeat(var(--rows),min(35px,calc((100vw - 65px)/var(--cols))));gap:4px}.wg-cell{display:grid;place-items:center;background:#fffceb;border:2px solid #fff;border-radius:9px;box-shadow:0 4px 0 #d6b864,0 5px 8px #478c8122;font-size:21px;font-weight:bold;line-height:1;color:#3b6d62}.wg-cell.found{background:#ffe586;border-color:#fff3ad;box-shadow:0 4px #c7a64b}.wg-cell.hinted{border-color:#ecac36;background:#fff5c2}.wg-board-count{font-size:10px;margin-top:10px;opacity:.8}.wg-guide{display:flex;align-items:center;gap:9px;min-height:84px;max-width:355px;margin:0 auto}.wg-avatar{width:89px;height:82px;padding:3px;border-radius:20px;background:white;box-shadow:0 4px #72b6a966;flex:none}.wg-avatar img{width:100%;height:100%;object-fit:contain}.wg-bubble{position:relative;flex:1;background:#fffdf0;border-radius:19px 19px 5px 19px;padding:10px 12px;box-shadow:0 4px #71b8a644;font-size:11px;min-height:70px}.wg-bubble b{font-size:12px;color:#146e72}.wg-bubble p{margin:3px 0;line-height:1.9}.wg-bubble.error{background:#fff0e2}.wg-current{height:34px;display:flex;justify-content:center;align-items:center;gap:10px;margin:7px auto 0;min-width:90px;width:max-content;max-width:100%;border-radius:20px;background:#187d7c;color:white;padding:0 13px;box-shadow:0 3px #08767440;font-size:17px;font-weight:bold}.wg-current button{border:0;color:#fff;background:transparent;font-size:22px;padding:0;line-height:1}.wg-wheel-area{position:relative;margin:0 auto;max-width:320px}.wg-wheel{position:relative;width:260px;max-width:82vw;aspect-ratio:1;margin:0 auto;touch-action:none;user-select:none;-webkit-user-select:none;background:radial-gradient(circle,#ffffedb8 0 37%,#d7fff080 38% 51%,#ffffdc85 52% 65%,transparent 66%);border-radius:50%}.wg-wheel svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.wg-line{fill:none;stroke:#e89320;stroke-width:14;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.wg-letter{position:absolute;transform:translate(-50%,-50%);width:51px;height:53px;border-radius:17px;border:2px solid #fff6be;background:linear-gradient(#fff3a6,#ffcf43);box-shadow:0 6px 0 #ce9b27,0 9px 10px #317b6940;font-size:30px;font-family:IRANSans,sans-serif;font-weight:bold;line-height:1;color:#24675e;padding:0;touch-action:none;cursor:pointer}.wg-letter.chosen{background:linear-gradient(#ffa943,#f08a22);border-color:#fff;color:#fff;box-shadow:0 5px #bc681b;scale:1.05}.wg-letter:focus-visible,.wg-tools button:focus-visible{outline:3px solid #175777;outline-offset:5px}.wg-shuffle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:0;background:#fff8;border-radius:50%;width:42px;height:42px;color:#277e73;font-size:32px;line-height:1}.wg-blue{position:absolute;left:-7px;top:14px;z-index:2;width:74px;border:2px solid #d5f2e6;border-radius:17px;transform:rotate(-6deg);background:white;padding:3px;box-shadow:0 4px #66afa652;color:#247b7c}.wg-blue img{width:100%;height:49px;object-fit:contain}.wg-blue span{display:block;font-size:9px;white-space:nowrap}.wg-tools{display:flex;gap:8px;align-items:stretch;justify-content:center;position:relative}.wg-tools button{border:1px solid #ecfff1;border-radius:17px;box-shadow:0 4px #479d9844;color:#246c69;min-height:51px;padding:4px 8px;font-family:inherit;font-size:10px;background:#f6ffec;flex:1}.wg-tools .wg-submit{background:#ffda5b;font-weight:bold;font-size:12px;border-color:#fff3b0;flex:.9}.wg-hint{display:flex;align-items:center;justify-content:center;gap:5px}.wg-hint img{height:37px;width:40px;object-fit:contain;background:white;border-radius:8px}.wg-tools .wg-bonus{font-size:22px;background:#dffff4}.wg-bonus span{display:block;font-size:9px}.wg-instructions{text-align:center;font-size:9px;line-height:1.9;margin:12px auto 0;max-width:300px}.wg-status{text-align:center;font-size:10px;min-height:14px;margin:3px}.wg-win{text-align:center;position:relative;padding:13px 0 20px}.wg-medal{margin:0 auto 10px;background:#ffdb58;border:6px solid #fff3a2;border-radius:50%;width:94px;height:94px;display:grid;place-items:center;font-size:54px;color:#a8741a;box-shadow:0 6px #dfb948}.wg-win h2{font-family:Madasi,IRANSans,sans-serif;font-size:30px;margin:15px 0 5px}.wg-win>strong{display:block;color:#bd711a;font-size:25px}.wg-win>p{font-size:11px;line-height:1.9}.wg-family{background:#fff;border-radius:26px;padding:6px;margin:20px auto;width:100%;max-width:320px;box-shadow:0 5px #75bbb366}.wg-family img{width:100%;height:160px;object-fit:contain}.wg-total{display:flex;justify-content:space-between;background:#f4fff3;padding:15px;border-radius:17px;font-size:13px;margin-bottom:20px}.wg-primary,.wg-secondary{display:block;width:100%;border-radius:16px;padding:12px;text-decoration:none;font-family:inherit;margin:12px auto;border:2px solid #fff5a9;background:#ffce45;box-shadow:0 5px #c99b38;color:#4f632d;font-weight:bold}.wg-secondary{background:#effff2;border-color:white;box-shadow:0 4px #70b2a7}.wg-win>a:last-child{font-size:11px;color:#246c69}.game-guide{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.game-guide img{width:75px;height:75px;object-fit:contain;background:#fff;border-radius:12px}.game-guide p{flex:1;font-size:12px}.report-table{overflow:auto;max-width:100%;background:#fff;border-radius:14px}.report-table table{border-collapse:collapse;min-width:100%;font-size:12px}.report-table td,.report-table th{padding:12px;border-bottom:1px solid #d8e7e7;white-space:pre-wrap;min-width:100px;max-width:280px;overflow-wrap:anywhere}.authenticator-secret{display:block;overflow-wrap:anywhere;user-select:all;font-size:16px;letter-spacing:2px}.account-form label{display:block;margin:12px 0}.pwa-install{margin:10px auto;display:block}.pwa-offline{font-size:12px;text-align:center;padding:10px;background:#fff5d4}
@media(max-width:350px){.wg-scene{padding:12px}.wg-wheel{width:235px}.wg-letter{width:45px;height:47px;font-size:27px}.wg-blue{left:0;top:8px;width:62px}.wg-blue img{height:38px}.wg-guide{gap:7px}.wg-avatar{width:75px;height:72px}.wg-bubble{font-size:10px}.wg-tools button{padding:4px}.wg-hint img{width:30px;height:30px}.wg-heading h1{font-size:36px}}
@media(min-height:850px){.wg-board-wrap{min-height:190px}.wg-wheel{width:280px}.wg-guide{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.wg-progress>span{transition:none}}
.wg-wheel-area{width:100%;max-width:320px;margin:0 auto}.wg-wheel{width:100%;max-width:300px;max-height:none;max-width:min(300px,100%);aspect-ratio:1;position:relative;background:none;isolation:isolate}.wg-tube{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none;z-index:0}.wg-wheel svg{z-index:1;clip-path:inset(0 0 25% 0);pointer-events:none}.wg-letter{z-index:2;width:48px;height:50px;min-width:44px;min-height:44px;background:linear-gradient(#fffef0,#ffe39b);border-color:#fff6cd;font-size:28px}.wg-shuffle{z-index:2;top:48.333%;width:48px;height:48px;min-width:44px;min-height:44px;background:#f4fff4e8;border:1px solid #b0dfcc;box-shadow:0 3px #29837530}.wg-current{height:44px;margin-top:4px;min-width:100px;padding-inline:8px 14px}.wg-current button{width:44px;height:44px;min-width:44px;min-height:44px}.wg-back{width:44px;height:44px;min-width:44px;min-height:44px}.wg-avatar{width:80px;height:112px;padding:0;background:none;box-shadow:none;flex:none}.wg-avatar img{width:100%;height:100%;object-fit:contain}.wg-guide{min-height:112px;gap:11px}.wg-bubble{min-height:78px}.wg-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:8px}.wg-tools button{min-width:44px;min-height:64px;padding:5px 3px}.wg-tools .wg-blue,.wg-tools .wg-hint{position:static;transform:none;width:auto;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center}.wg-tools .wg-blue img{height:33px;width:40px;object-fit:contain}.wg-tools .wg-hint img{width:48px;height:29px;object-fit:contain;background:none}.wg-tools .wg-blue span,.wg-tools .wg-hint span{font-size:9px;white-space:normal}.wg-tools .wg-submit{font-size:11px}.wg-tools .wg-bonus{font-size:20px}.wg-tools .wg-bonus span{font-size:8px}.wg-family img{height:170px;object-fit:contain}.wg-scene .wg-heading{margin-top:5px}.wg-board-wrap{min-height:154px}.wg-scene .wg-instructions{margin-top:10px}
@media(max-width:350px){.wg-wheel{width:100%;max-width:300px}.wg-letter{width:46px;height:48px;min-width:44px;min-height:44px;font-size:26px}.wg-avatar{width:72px;height:106px}.wg-guide{min-height:106px;gap:8px}.wg-bubble{font-size:10px;padding:9px}.wg-bubble b{font-size:11px}.wg-tools{gap:5px}.wg-tools .wg-hint img{width:42px;height:27px}}
/* At large text/zoom sizes, separate the44px letter targets above the unchanged tube. */
@media(max-width:280px){.wg-top{display:grid;grid-template-columns:44px minmax(0,1fr);gap:7px}.wg-brand{justify-self:end}.wg-brand img{width:60px;height:25px}.wg-score{grid-column:1/-1;justify-self:center}.wg-heading h1{font-size:29px}.wg-heading p{font-size:10px}.wg-guide{display:flex;flex-direction:column;gap:4px}.wg-avatar{height:98px;width:66px}.wg-bubble{width:100%}.wg-wheel{height:auto;aspect-ratio:auto;display:grid;grid-template-columns:repeat(2,minmax(44px,1fr));gap:12px;align-content:start;padding:10px 8px 220px}.wg-letter{position:relative;left:auto!important;top:auto!important;transform:none;justify-self:center;width:46px;height:48px}.wg-tube{inset:auto 0 0;height:200px;width:100%;object-fit:contain}.wg-wheel svg{clip-path:inset(0 0 220px 0)}.wg-shuffle{top:auto;bottom:78px;left:50%;transform:translateX(-50%)}.wg-tools{grid-template-columns:repeat(2,minmax(44px,1fr))}.wg-current{max-width:100%;font-size:14px}.wg-scene{padding:10px}.wg-board{gap:3px}.wg-cell{font-size:17px;border-radius:6px}.wg-instructions{font-size:8px}}
@media(max-width:280px){.wg-current{height:auto;min-height:44px;width:100%}.wg-current>span{min-width:0;overflow-wrap:anywhere;line-height:1.5}.wg-current>button{flex:none}}

.wg-heading h1{font-size:clamp(30px,8.7vw,39px)}@media(max-width:280px){.wg-heading h1{font-size:26px;line-height:1.3}}
.wg-heading>.wg-product-name{display:block;font:24px/1.25 Madasi,IRANSans,sans-serif;color:#12636a;margin:3px 0 5px}.wg-heading h1{margin-top:3px}.wg-heading p{line-height:1.8}@media(max-width:350px){.wg-heading>.wg-product-name{font-size:22px}}@media(max-width:280px){.wg-heading>.wg-product-name{font-size:20px}}
