@font-face{font-family:Vazirmatn;src:url('/fonts/vazirmatn-arabic-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Vazirmatn;src:url('/fonts/vazirmatn-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF}*{box-sizing:border-box}body{margin:0;background:#f8f4e9;color:#242833;font-family:Vazirmatn,sans-serif;min-height:100vh}button,input,a{font:inherit}header{max-width:1140px;margin:auto;padding:26px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd8ca}header>span,footer{font-size:13px;color:#6e716e}.brand{font-weight:900;font-size:29px;text-decoration:none;color:inherit;display:flex;gap:10px;align-items:center}.brandmark{color:#ea6148;font-size:38px}main{max-width:1060px;padding:42px 24px;margin:auto;min-height:75vh}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:25px 0}.eyebrow{font-size:13px;font-weight:800;color:#557365;letter-spacing:.03em}h1{font-size:clamp(32px,5vw,56px);line-height:1.55;margin:14px 0 20px;letter-spacing:-1.8px}h2{font-size:25px;margin:5px 0 18px}p{line-height:2;color:#646b68}.paper{background:#fffefa;border:1px solid #d9d7cf;border-radius:22px;padding:28px;box-shadow:5px 7px 0 #e6e4d9}.welcome-art{min-height:330px;transform:rotate(-3deg);background:repeating-linear-gradient(#fffefa 0 29px,#ebece6 30px);display:grid;place-items:center;position:relative}.welcome-art svg{width:95%;height:280px}.sticker{position:absolute;bottom:15px;left:15px;background:#f4cc52;padding:6px 18px;border-radius:6px;transform:rotate(7deg);font-weight:700}label{display:block;font-weight:700;margin:18px 0 8px}input{width:100%;border:1px solid #cccfc6;border-radius:11px;padding:13px 15px;background:#fff;outline:none}input:focus{border-color:#355c49;box-shadow:0 0 0 3px #dce8df}button,.button{border:0;border-radius:11px;padding:12px 22px;background:#315b49;color:#fff;cursor:pointer;font-weight:700;display:inline-flex;justify-content:center;align-items:center;gap:7px}button:disabled{opacity:.45;cursor:default}button:hover:enabled{filter:brightness(1.08)}.secondary{background:#e9ece3;color:#315143}.full{width:100%;margin-top:13px}.room-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.pill{border:1px solid #d4d9cd;background:#eef0e6;border-radius:30px;padding:7px 14px;font-size:13px;white-space:nowrap}.players{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.player{padding:18px;border:1px solid #d8dbd0;border-radius:14px;background:#fffefa;display:flex;align-items:center;gap:12px}.avatar{width:42px;height:42px;border-radius:50%;background:#f2d4b9;display:grid;place-items:center;font-size:21px}.player:nth-child(2) .avatar{background:#dce7d6}.player:nth-child(3) .avatar{background:#dcdff0}.player small{display:block;color:#727870;margin-top:5px}.player b{overflow-wrap:anywhere}.empty{opacity:.45}.waiting{max-width:760px;margin:auto}.waiting .intro{text-align:center}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:25px}.hint{text-align:center;font-size:13px}.prompt{font-size:clamp(20px,3vw,29px);font-weight:800;color:#292e32;margin:5px 0}.timer{background:#f4cc52;font-size:23px;min-width:95px;text-align:center;font-variant-numeric:tabular-nums;border-radius:12px;padding:10px}.tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px}.color{width:33px;height:33px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #c9c9c0;padding:0}.color.selected{box-shadow:0 0 0 3px #314c40}.tool{padding:8px 14px;background:#e9ece3;color:#315143}.tool.selected{background:#315b49;color:white}.canvas-wrap{background:white;border:1px solid #d0d3c8;border-radius:14px;overflow:hidden;box-shadow:4px 5px 0 #e5e3d8}canvas{display:block;width:100%;height:auto;aspect-ratio:4/3;touch-action:none;cursor:crosshair;background:#fff}.draw-layout{max-width:850px;margin:auto}.save-line{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#777e74;margin-top:13px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:14px;border-radius:16px;background:#fffefa;border:1px solid #d9d7cf}.card canvas{border:1px solid #ecece5;border-radius:8px}.card h3{margin:8px 0}.ratings{display:flex;justify-content:space-between;gap:5px;margin-top:15px}.ratings button{padding:8px 0;flex:1;background:#eeeede;color:#3c4b3f}.ratings button.selected{background:#315b49;color:white}.card p{font-size:12px;margin:12px 0 2px}.scoreboard{max-width:650px;margin:auto;text-align:center}.score{display:flex;justify-content:space-between;padding:18px;border-bottom:1px solid #e3e3d7;font-size:20px}.confetti{font-size:60px;margin:10px}#notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#2c3e34;color:white;border-radius:10px;padding:0;max-width:90%;z-index:5}#notice:not(:empty){padding:13px 22px}footer{text-align:center;padding:20px}.round-detail{text-align:right;padding:10px 0;font-size:14px}.round-detail p{margin:4px 0}button:focus-visible,a:focus-visible{outline:3px solid #e7a946;outline-offset:4px}@media(max-width:700px){header{padding:16px 20px}header>span{font-size:11px}.brand{font-size:25px}main{padding:25px 16px}.hero{grid-template-columns:1fr;gap:25px;padding:0}.welcome-art{min-height:230px;order:2}.welcome-art svg{height:210px}.paper{padding:20px}.players{grid-template-columns:1fr;gap:8px}.player{padding:12px}.gallery{grid-template-columns:1fr}.room-head{gap:12px}.room-head h2{font-size:20px}.timer{font-size:20px;min-width:78px}.tools{gap:8px}.color{width:30px;height:30px}.save-line{font-size:11px}.hint{text-align:right}.gallery canvas{max-height:420px;object-fit:contain}.hero h1{font-size:38px}}