@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vazirmatn-arabic-400-normal-DMZFCm7K.woff2)format("woff2"),url(/assets/vazirmatn-arabic-400-normal-C4W5XURk.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vazirmatn-latin-ext-400-normal-BdGhO0lm.woff2)format("woff2"),url(/assets/vazirmatn-latin-ext-400-normal-DPxMaNjI.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vazirmatn-latin-400-normal-BT_DHTc7.woff2)format("woff2"),url(/assets/vazirmatn-latin-400-normal-GKyMcI03.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/vazirmatn-arabic-700-normal-Dge_DOjm.woff2)format("woff2"),url(/assets/vazirmatn-arabic-700-normal-B5nPuCFv.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/vazirmatn-latin-ext-700-normal-BfoXmNMx.woff2)format("woff2"),url(/assets/vazirmatn-latin-ext-700-normal-DMYLqBto.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/vazirmatn-latin-700-normal-9BlbvDRV.woff2)format("woff2"),url(/assets/vazirmatn-latin-700-normal-DrB0PBU6.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lalezar;src:url(/assets/Lalezar-Regular-BxfEshqG.ttf)format("truetype");font-display:swap}:root{--night:#33287f;--night-deep:#241c5e;--cream:#fff7e8;--cream-edge:#d9b985;--ink:#2a1f57;--ink-mid:#4a3b7a;--ink-soft:#6b5e8c;--lilac:#cfc6f2;--cloud:#e6dfff;--sun:#ffc83d;--sun-bright:#ffd23f;--sun-edge:#d98a00;--blue:#2c6be0;--blue-edge:#1b4aa8;--green:#1e9e50;--green-edge:#14743a;--go:#48c774;--go-ink:#0f3b22;--coral:#ff5d7a;--coral-edge:#c42e4e;--tile-line:#efe2c8;--tile-edge:#e2cfa8;--note:#f6ebd3;--off:#d7cfea;--chip:#efe3cb;--display:Lalezar, Vazirmatn, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{font-size:16px}@media (width>=700px) and (height>=600px){html{font-size:clamp(16px,min(2.4vh,2.2vw),22px)}}html,body{background:var(--night) radial-gradient(#ffffff12 1.6px, transparent 2.2px) 0 0 / 26px 26px;height:100%;color:var(--cream);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-family:Vazirmatn,system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer}.art{flex:none;display:block}#game{inset:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);justify-content:center;align-items:center;display:flex;position:fixed}#game canvas{flex:none;display:block}#game[hidden],#setup[hidden],#link[hidden],#toast[hidden]{display:none}#setup{padding:calc(.75rem + env(safe-area-inset-top,0px)) calc(1rem + env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) calc(1rem + env(safe-area-inset-left,0px));flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.btn-primary,.btn-secondary,.btn-danger,.icon-btn,.tile{border:0;transition:transform 80ms ease-out,box-shadow 80ms ease-out}.btn-primary{background:var(--sun);width:100%;min-height:3.875rem;color:var(--ink);box-shadow:inset 0 3px 0 #fff9, 0 7px 0 var(--sun-edge);font-family:var(--display);border-radius:1.375rem;justify-content:center;align-items:center;gap:.75rem;margin-bottom:7px;padding:.375rem 1rem;font-size:1.75rem;line-height:1.3;display:flex}.btn-primary:active:not([disabled]){box-shadow:inset 0 3px 0 #0000000f, 0 2px 0 var(--sun-edge);transform:translateY(5px)}.btn-primary[disabled]{color:var(--ink-soft);box-shadow:none;cursor:default;background:#e6e0f0}.btn-secondary,.btn-danger{width:100%;min-height:3.25rem;color:var(--ink);box-shadow:inset 0 0 0 2px var(--tile-line), 0 5px 0 var(--cream-edge);background:#fff;border-radius:1.125rem;justify-content:center;align-items:center;gap:.5rem;margin-bottom:5px;padding:.5rem 1rem;font-size:1.0625rem;font-weight:700;display:flex}.btn-danger{color:var(--coral-edge);box-shadow:inset 0 0 0 2px var(--tile-line), 0 5px 0 var(--coral-edge)}.btn-secondary:active,.btn-danger:active{box-shadow:inset 0 0 0 2px var(--tile-line), 0 2px 0 var(--cream-edge);transform:translateY(3px)}.icon-btn{background:var(--cream);width:3rem;height:3rem;color:var(--ink);box-shadow:inset 0 2px 0 #fff, 0 4px 0 var(--cream-edge);border-radius:1rem;flex:none;place-items:center;margin-bottom:4px;padding:0;display:grid}.icon-btn:active{box-shadow:inset 0 2px 0 #fff, 0 1px 0 var(--cream-edge);transform:translateY(3px)}:focus-visible{outline:3px solid var(--sun-bright);outline-offset:3px}.page{flex-direction:column;width:100%;max-width:35rem;min-height:100%;margin:0 auto;display:flex}.page-head{align-items:center;gap:.875rem;padding:.25rem 0 .375rem;display:flex}.page-head h1{font-family:var(--display);color:var(--cream);text-shadow:0 3px #1a1347;margin:0;font-size:2rem;font-weight:400;line-height:1.3}.page-body{flex:1;padding-bottom:1rem}.page-foot{padding:.75rem 0 calc(.875rem + env(safe-area-inset-bottom,0px));background:linear-gradient(#33287f00, var(--night) 30%);position:sticky;bottom:0}.page.center .page-body{flex-direction:column;justify-content:center;display:flex}.panel{background:var(--cream);color:var(--ink);box-shadow:0 8px 0 var(--cream-edge), 0 18px 30px #140a3c59;border-radius:1.75rem;margin-bottom:8px;padding:1rem 1.125rem}.panel h2{margin:.25rem 0 .625rem;font-size:1.0625rem}.panel+.panel{margin-top:1rem}.section{justify-content:space-between;align-items:flex-end;gap:1rem;margin:1.125rem 0 .625rem;display:flex}.section h2{color:var(--cream);margin:0;font-size:1.0625rem}.section span{color:var(--lilac);font-size:.8125rem}.note{color:var(--lilac);align-items:flex-start;gap:.375rem;margin:.625rem 0 0;font-size:.8125rem;display:flex}.notice{background:var(--note);color:var(--ink);text-align:center;border-radius:1rem;margin:.75rem 0;padding:.75rem 1rem}.field{width:100%;min-width:0;font:inherit;border:2px solid var(--tile-line);color:var(--ink);background:#fff;border-radius:.875rem;padding:.625rem .75rem;font-size:1.0625rem;font-weight:700;display:block}.field:focus{border-color:var(--blue);outline:none}.field.code{font-family:var(--display);letter-spacing:.375rem;text-align:center;font-size:2rem;font-weight:400}.toggle{cursor:pointer;align-items:center;gap:.5rem;margin:.625rem 0 .125rem;display:flex}.toggle>span{flex:1;align-items:center;gap:.5rem;font-weight:700;display:flex}.toggle small{color:var(--ink-soft);font-size:.8125rem;font-weight:400;display:block}.toggle input{appearance:none;background:var(--off);cursor:pointer;border-radius:1rem;flex:none;width:3.375rem;height:2rem;margin:0;transition:background .14s;position:relative}.toggle input:before{content:"";top:.25rem;background:#fff;border-radius:50%;width:1.5rem;height:1.5rem;transition:inset-inline-start .14s ease-out;position:absolute;inset-inline-start:.25rem;box-shadow:0 2px #0003}.toggle input:checked{background:var(--go)}.toggle input:checked:before{inset-inline-start:calc(100% - 1.75rem)}.modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;display:grid}.mode,.count{border:3px solid var(--tile-line);color:var(--ink);box-shadow:0 5px 0 var(--tile-edge);background:#fff;border-radius:1rem;margin-bottom:5px;position:relative}.mode{flex-direction:column;align-items:center;gap:.125rem;padding:.625rem .25rem;display:flex}.mode .pic{background:#ffe9b0;border-radius:50%;place-items:center;width:3.25rem;height:3.25rem;display:grid}.mode b{font-family:var(--display);font-size:1.4375rem;font-weight:400;line-height:1.35}.mode small{color:var(--ink-soft);text-align:center;font-size:.75rem;font-weight:700}.mode.on,.count.on{border-color:var(--sun-bright);box-shadow:0 5px 0 var(--sun-edge)}.mode.on:after,.count.on:after{content:"";top:-.6rem;background:var(--go) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f3b22' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 L10 17 L19 7'/%3E%3C/svg%3E") center / 70% no-repeat;width:1.625rem;height:1.625rem;box-shadow:0 0 0 .15rem var(--cream);border-radius:50%;position:absolute;inset-inline-end:-.6rem}.counts{gap:.625rem;display:flex}.count{flex:1;padding:.75rem;font-size:1.0625rem;font-weight:700}.face{border:3px solid var(--c,var(--ink-soft));background:#fff;border-radius:50%;flex:none;place-items:center;width:2.875rem;height:2.875rem;display:grid}.seat-card{background:var(--cream);color:var(--ink);box-shadow:0 5px 0 var(--cream-edge);border-radius:1.25rem;flex-direction:column;gap:.625rem;padding:.75rem;display:flex}.seat-card+.seat-card{margin-top:.75rem}.seat-card .row{align-items:center;gap:.5rem;display:flex}.seat-card .name{flex:1}.glasses{width:2.75rem;height:2.75rem;color:var(--ink-soft);box-shadow:inset 0 0 0 2px var(--tile-line), 0 4px 0 var(--tile-edge);background:#fff;border:0;border-radius:.875rem;flex:none;place-items:center;margin-bottom:4px;display:grid}.glasses.on{background:var(--sun-bright);color:var(--ink);box-shadow:0 4px 0 var(--sun-edge)}.seat-card .icon-btn{width:2.75rem;height:2.75rem;box-shadow:inset 0 0 0 2px var(--tile-line), 0 4px 0 var(--tile-edge);background:#fff}.seg{background:var(--chip);border-radius:.875rem;gap:2px;padding:3px;display:flex}.seg button{min-width:0;height:2.625rem;color:var(--ink-mid);white-space:nowrap;background:0 0;border:0;border-radius:.6875rem;flex:1;font-size:.875rem;font-weight:700}.seg button.on{background:var(--ink);color:var(--cream)}.add-seat{width:100%;min-height:3.75rem;color:var(--cream);background:0 0;border:2px dashed #fff7e873;border-radius:1.25rem;justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;font-size:1rem;font-weight:700;display:flex}.home-page{width:100%;max-width:28.75rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));flex-direction:column;flex:1 0 auto;margin:0 auto;display:flex}.home-top{justify-content:flex-end;display:flex}.logo{text-align:center;font-family:var(--display);color:var(--sun-bright);text-shadow:3px 0 0 var(--ink), -3px 0 0 var(--ink), 0 3px 0 var(--ink), 0 -3px 0 var(--ink), 2px 2px 0 var(--ink), -2px 2px 0 var(--ink), 2px -2px 0 var(--ink), -2px -2px 0 var(--ink), 0 8px 0 #1a1347;margin:0;font-size:4.25rem;font-weight:400;line-height:1.25}.tagline{text-align:center;color:var(--cloud);margin:.125rem 0 0;font-weight:700}.hero{flex:1 1 0;min-height:12rem;position:relative}.hero svg{width:100%;height:calc(100% - 1rem);position:absolute;inset:.5rem 0}.play{min-height:4.75rem;padding-inline:1.25rem}.play .disc{background:var(--ink);width:2.875rem;height:2.875rem;color:var(--sun);border-radius:50%;flex:none;place-items:center;display:grid}.play .txt{flex-direction:column;align-items:flex-start;line-height:1.15;display:flex}.play b{font-size:2.125rem;font-weight:400}.play small{color:var(--ink-mid);font-family:Vazirmatn,sans-serif;font-size:.8125rem;font-weight:700}.room-tiles{grid-template-columns:1fr 1fr;gap:.875rem;margin-top:.875rem;display:grid}.tile{background:var(--cream);color:var(--ink);box-shadow:inset 0 2px 0 #fff, 0 6px 0 var(--cream-edge);border-radius:1.375rem;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:6px;padding:.875rem .5rem .75rem;display:flex}.tile:active{box-shadow:inset 0 2px 0 #fff, 0 2px 0 var(--cream-edge);transform:translateY(4px)}.tile .ic{color:#fff;border-radius:.875rem;place-items:center;width:2.75rem;height:2.75rem;margin-bottom:.25rem;display:grid}.tile.create .ic{background:var(--blue);box-shadow:0 3px 0 var(--blue-edge)}.tile.join .ic{background:var(--green);box-shadow:0 3px 0 var(--green-edge)}.tile b{font-size:1.0625rem}.tile small{color:var(--ink-soft);font-size:.75rem}.version{text-align:center;color:#b9aee8;margin:.75rem 0 0;font-size:.75rem}@media (height<=620px){.hero{display:none}.logo{font-size:3.25rem}.tagline{margin-bottom:1.25rem}}.room-code{text-align:center;color:var(--ink-soft);font-size:.875rem}.room-code b{font-family:var(--display);letter-spacing:.25rem;color:var(--ink);font-size:2.75rem;font-weight:400;line-height:1.3;display:block}.panel .btn-secondary{margin-top:.5rem}.mode-text{color:var(--lilac);margin:0}.mode-text b{color:var(--cream)}.lseat{background:var(--cream);color:var(--ink);box-shadow:0 4px 0 var(--cream-edge);border-radius:1.125rem;flex-wrap:wrap;align-items:center;gap:.375rem .625rem;margin-bottom:.625rem;padding:.5rem .625rem;display:flex}.lseat .face{width:2.5rem;height:2.5rem}.lseat .who{flex-direction:column;flex:1;min-width:0;display:flex}.lseat .who b{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.25rem;display:flex;overflow:hidden}.lseat .who.wait b{color:var(--ink-soft);font-weight:400}.lseat .tags{color:var(--ink-soft);align-items:center;gap:.25rem;font-size:.8125rem;display:flex}.lseat select{min-width:8rem;font:inherit;border:2px solid var(--tile-line);color:var(--ink);background:#fff;border-radius:.75rem;flex:0 11rem;padding:.5rem;font-size:.9375rem}.ask{z-index:30;background:#160f45b8;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.ask-box{background:var(--cream);width:100%;max-width:26rem;color:var(--ink);text-align:center;box-shadow:0 8px 0 var(--cream-edge), 0 18px 30px #140a3c73;border-radius:1.75rem;padding:1.5rem 1.375rem 1.125rem}.ask-box h2{font-family:var(--display);margin:0;font-size:1.75rem;font-weight:400;line-height:1.35}.ask-box p{color:var(--ink-soft);margin:.375rem 0 0}.ask-box .btn-primary{margin-top:1.25rem}.ask-box .btn-danger{margin-top:.625rem}#link{top:calc(.5rem + env(safe-area-inset-top,0px));z-index:20;border:2px solid var(--coral);background:var(--cream);max-width:30rem;color:var(--ink);text-align:center;border-radius:1rem;margin:0 auto;padding:.625rem 1rem;font-size:.9375rem;position:fixed;inset-inline:1rem;box-shadow:0 4px 12px #140a3c59}#link button{background:var(--blue);color:#fff;border:0;border-radius:.625rem;margin-inline-start:.5rem;padding:.25rem .75rem;font-weight:700}#toast{bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));z-index:31;background:var(--night-deep);max-width:30rem;color:var(--cream);text-align:center;border-radius:1rem;margin:0 auto;padding:.75rem 1rem;font-size:1rem;position:fixed;inset-inline:1rem;box-shadow:inset 0 0 0 2px #ffffff1f,0 8px 20px #00000059}