/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius-md:.375rem;--radius-lg:.5rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.ring,.shadow{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px)}.blur,.grayscale{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--primary:#e11d48;--primary-strong:#be123c;--primary-soft:#ffe4e9;--accent:#2563eb;--accent-soft:#dbeafe;--ink:#241b2d;--muted-ink:#716979;--surface:#fff;--surface-soft:#fff8f8;--surface-muted:#f4f1f5;--border:#eadfe5;--success:#16835b;--warning:#d97706;--danger:#dc2626;--shadow-sm:0 8px 24px #4c22320f;--shadow-md:0 20px 60px #5b2a3f1f;--shadow-primary:0 16px 34px #e11d483d;--radius-sm:14px;--radius-md:22px;--radius-lg:32px;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body,html{overflow-x:clip}body{background:radial-gradient(circle at 85% 8%,#fb718521,transparent 26rem),radial-gradient(circle at 12% 32%,#2563eb0f,transparent 22rem),var(--surface-soft);min-width:0;max-width:100%;min-height:100dvh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Vazirmatn Variable,Vazirmatn,Tahoma,Arial,sans-serif;font-size:16px;line-height:1.65}h1,h2,h3,h4{font-synthesis:none;letter-spacing:0;font-family:Lalezar,Vazirmatn Variable,Vazirmatn,sans-serif;font-weight:400}button,input,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{text-decoration:none}a,button{color:inherit}a,button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}:focus-visible{outline:3px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 72%,white)}}:focus-visible{outline-offset:3px}::selection{background:var(--primary-soft);color:var(--primary-strong)}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:12px;padding:10px 16px;position:fixed;top:8px;right:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.page-shell{width:min(1180px,100% - 32px);margin-inline:auto}.section-block{margin-top:88px}.logo{color:#fff;align-items:center;gap:10px;min-height:48px;display:inline-flex}.logo-mark{filter:drop-shadow(0 6px 8px #a0122f59);flex:0 0 46px;width:46px;height:46px;transition:transform .38s cubic-bezier(.34,1.56,.64,1);overflow:visible}.logo:hover .logo-mark{transform:rotate(-8deg)scale(1.08)}.logo-rays{fill:none;stroke:#ffc93c;stroke-width:4.5px;stroke-linecap:round}.logo-type{justify-items:start;gap:3px;line-height:1;display:grid}.logo-type b{font-synthesis:none;text-shadow:0 2px #c8184a,0 4px 10px #00000073;font-family:Lalezar,Vazirmatn Variable,Vazirmatn,sans-serif;font-size:27px;font-weight:400}.logo-type small{color:#ffd98a;letter-spacing:.38em;font-size:9.5px;font-weight:800;line-height:1}.avatar{background:var(--primary-soft);width:42px;height:42px;color:var(--primary-strong);box-shadow:var(--shadow-sm);border:3px solid #fff;border-radius:14px;flex:0 0 42px;place-items:center;font-weight:800;display:inline-grid}.avatar.rose{color:#be123c;background:#ffe4e9}.avatar.blue{color:#1d4ed8;background:#dbeafe}.avatar.amber{color:#b45309;background:#fef3c7}.avatar.green{color:#047857;background:#d1fae5}.text-button{min-width:44px;min-height:44px;color:var(--muted-ink);background:0 0;border:0;font-size:12px}.guest-actions,.guest-nickname-chip{align-items:center;gap:7px;display:flex}.guest-nickname-chip{text-align:right;background:0 0;border:0;border-radius:16px;min-height:48px;padding:4px 7px;transition:background .18s}.guest-nickname-chip:hover{background:var(--surface-muted)}.guest-nickname-chip .avatar{border-radius:12px;flex-basis:38px;width:38px;height:38px}.guest-nickname-chip>span:nth-child(2){min-width:70px;line-height:1.25;display:grid}.guest-nickname-chip small{color:var(--muted-ink);font-size:8px}.guest-nickname-chip b{text-overflow:ellipsis;white-space:nowrap;max-width:95px;font-size:11px;overflow:hidden}.guest-nickname-chip>svg,.nickname-edit-icon{color:var(--muted-ink)}.nickname-edit-icon{background:var(--surface-muted);width:38px;height:38px;border:0;border-radius:12px;flex:0 0 38px;place-items:center;transition:background .18s,color .18s;display:grid}.nickname-edit-icon:hover{background:var(--primary-soft);color:var(--primary)}.dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:dialog-fade .16s var(--ease);background:#0806188c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.nickname-dialog{--card:linear-gradient(170deg,#2a2670,#14123e);--border:#ffd68c38;border:1px solid var(--border);background:var(--card);color:#fff8f0;border-radius:30px;width:min(460px,100%);padding:24px;animation:dialog-pop .36s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 1px #ffffff1f,0 40px 100px #0009}.nickname-dialog>header{grid-template-columns:50px 1fr 40px;align-items:center;gap:12px;display:grid}.nickname-dialog .dialog-icon{color:#fff;background:linear-gradient(#ff7d8f,#e8284c);border-radius:16px;width:50px;height:50px;rotate:-6deg;box-shadow:inset 0 2px #ffffff73,0 4px #9c1432,0 12px 22px -10px #0009}.dialog-icon{background:var(--primary-soft);width:48px;height:48px;color:var(--primary);border-radius:16px;place-items:center;display:grid}.nickname-dialog h2{text-shadow:0 2px #c8184a,0 6px 14px #0006;margin:0;font-size:24px}.nickname-dialog header p{color:#b9b4dc;margin:2px 0 0;font-size:12px;line-height:1.7}.dialog-close{color:#ffd98a;background:#ffffff12;border:1px solid #ffd68c38;border-radius:13px;place-items:center;width:40px;height:40px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background-color .2s;display:grid}.dialog-close:hover{background:#ffffff1f;transform:translateY(-2px)}.nickname-dialog form{gap:10px;margin-top:22px;display:grid}.nickname-dialog form>label{color:#ffd98a;font-size:13px;font-weight:800}.nickname-input-wrap{background:#0000004d;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:9px;min-height:54px;padding:7px 14px;transition:border-color .18s,box-shadow .18s;display:flex;box-shadow:inset 0 2px 6px #00000059}.nickname-input-wrap:focus-within{border-color:#0000;box-shadow:inset 0 2px 6px #00000059,0 0 0 2px #ffd45c}.nickname-input-wrap>svg{color:#ffd98a}.nickname-dialog .nickname-input-wrap input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:16px;font-weight:750}.nickname-input-wrap span{color:#9a95c4;direction:ltr;font-size:11px}.nickname-dialog .button{border-radius:15px;font-family:Lalezar,Vazirmatn Variable,Vazirmatn,sans-serif;font-size:17px;font-weight:400;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .16s}.nickname-dialog .button:hover:not(:disabled){transform:translateY(-2px)}.nickname-dialog .button:active:not(:disabled){transform:translateY(3px)}.nickname-dialog .button.button-primary{background:linear-gradient(#ff7488,#ef2349);border:0;box-shadow:inset 0 2px #ffffff6b,inset 0 -3px #00000026,0 4px #a0122f,0 14px 24px -10px #ff3c5a8c}.nickname-dialog .button.button-secondary{color:#fff8f0;background:#ffffff12;border:1px solid #ffd68c38;box-shadow:0 4px #0c0b26}.nickname-dialog .form-error{color:#ffc2cc;background:#ef234924;border:1px solid #ff748873}.dialog-actions{grid-template-columns:.8fr 1.2fr;gap:8px;margin-top:8px;display:grid}.username-input-wrap input{text-align:left;direction:ltr}.username-field-hint{color:#9a95c4;margin-top:-5px;font-size:12px;line-height:1.7}.button{min-height:50px;transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s;border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;gap:9px;padding:11px 20px;font-weight:800;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:active{transform:scale(.98)}.button-primary{background:linear-gradient(145deg,var(--primary-start,#f43f5e),var(--primary-strong));color:#fff;box-shadow:var(--shadow-primary)}.button-primary:hover{box-shadow:0 20px 40px #e11d484d}.button-ghost,.button-secondary{border-color:var(--border);color:var(--ink);box-shadow:var(--shadow-sm);background:#ffffffc7}.button-dark{background:var(--ink);color:#fff}.button-sm{min-height:44px;padding:8px 15px;font-size:13px}.button-wide{width:100%}.inline-link{min-height:44px;color:var(--primary-strong);align-items:center;gap:6px;font-weight:800;display:inline-flex}.circle-button{background:var(--ink);color:#fff;border:0;border-radius:50%;flex:0 0 50px;place-items:center;width:50px;height:50px;transition:transform .18s,background .18s;display:inline-grid}.circle-button svg{width:22px;height:22px;display:block;transform:translate(-1px)}.circle-button:hover{background:var(--primary);transform:rotate(8deg)scale(1.06)}.circle-button.muted{background:var(--surface-muted);color:var(--muted-ink)}.eyebrow{width:max-content;max-width:100%;color:var(--primary-strong);background:#ffffffb8;border:1px solid #fecdd3;border-radius:999px;align-items:center;gap:7px;margin-bottom:22px;padding:7px 12px;font-size:13px;font-weight:800;display:flex}.panel-icon{background:var(--primary);color:#fff;width:58px;height:58px;box-shadow:var(--shadow-primary);border-radius:19px;place-items:center;margin-bottom:26px;display:grid}.subpage{padding-top:48px;padding-bottom:110px}.page-intro{justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px;display:flex}.page-intro h1{margin:2px 0;font-size:clamp(34px,5vw,56px);line-height:1.25}.page-intro p{max-width:620px;color:var(--muted-ink);margin:8px 0 0}.glass-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;border:1px solid #ffffffd9}.game-glass-surface{-webkit-backdrop-filter:blur(18px)saturate(1.18)!important;backdrop-filter:blur(18px)saturate(1.18)!important;background:linear-gradient(145deg,#1e2236b8,#080c1a94)!important;border-color:#ffffff2e!important;box-shadow:0 28px 70px #0006,inset 0 1px #ffffff1f!important}.form-grid{gap:16px;display:grid}.field{gap:7px;display:grid}.field label{font-size:12px;font-weight:800}.field input,.field select,.field textarea{border:1px solid var(--border);width:100%;min-height:50px;color:var(--ink);background:#fff;border-radius:15px;outline:0;padding:12px 15px;transition:border .18s,box-shadow .18s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #2563eb1a}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-error,.form-success{color:#991b1b;background:#fee2e2;border-radius:12px;padding:10px 12px;font-size:12px}.form-success{color:#065f46;background:#d1fae5}.password-field{direction:ltr;position:relative}.password-field input{padding-right:48px}.password-visibility-toggle{width:34px;height:34px;color:var(--muted-ink);background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-visibility-toggle:hover{color:#fff;background:#ffffff14}.password-visibility-toggle:disabled{cursor:not-allowed}.play-layout{grid-template-columns:minmax(290px,1fr) 330px;align-items:start;gap:22px;display:grid}.board-shell{padding:clamp(10px,2vw,22px)}.board-cell{min-width:0;min-height:0;position:relative}.board-cell.path{background:#fff;border:1px solid #e8dfe4}.board-cell.home-path.red,.board-cell.path.start.red{background:#fb7185}.board-cell.home-path.blue,.board-cell.path.start.blue{background:#60a5fa}.board-cell.home-path.yellow,.board-cell.path.start.yellow{background:#fbbf24}.board-cell.home-path.green,.board-cell.path.start.green{background:#34d399}.board-cell.home{border:1px solid #fff9}.red-home{background:#ffe4e9}.blue-home{background:#dbeafe}.yellow-home{background:#fef3c7}.green-home{background:#d1fae5}.board-cell.center{background:#f2edf0}.board-cell.void{background:#fff}.board-center-mark{z-index:1;border-radius:8px;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:40%;overflow:hidden;transform:rotate(45deg)scale(.72)}.board-center-mark span:first-child{background:#fb7185}.board-center-mark span:nth-child(2){background:#60a5fa}.board-center-mark span:nth-child(3){background:#34d399}.board-center-mark span:nth-child(4){background:#fbbf24}.pawn{z-index:4;aspect-ratio:1;width:86%;transition:transform .2s var(--ease);border:clamp(2px,.35vw,4px) solid #fff;padding:0;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 9px #0000003d,inset 0 2px #ffffff80}.pawn,.pawn:after{border-radius:50%;position:absolute}.pawn:after{content:"";background:#ffffff59;inset:24%}.pawn-red{background:#e11d48}.pawn-blue{background:#2563eb}.pawn-yellow{background:#e7a600}.pawn-green{background:#059669}.pawn.active:not(:disabled){animation:pawn-ready 1.3s ease-in-out infinite}.game-sidebar{gap:16px;display:grid}.turn-card{gap:18px;padding:22px;display:grid}.turn-head{justify-content:space-between;gap:12px}.turn-head,.turn-player{align-items:center;display:flex}.turn-player{gap:10px;min-width:0}.color-dot{border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 5px #0000000d}.color-dot.red{background:#e11d48}.color-dot.blue{background:#2563eb}.color-dot.yellow{background:#e7a600}.color-dot.green{background:#059669}.turn-player p{min-width:0;margin:0;line-height:1.35;display:grid}.turn-player small{color:var(--muted-ink);font-size:11px}.turn-player b{font-size:clamp(16px,1.55vw,20px);line-height:1.45}.turn-status{background:var(--surface-muted);min-height:48px;color:var(--muted-ink);border-radius:14px;align-items:center;margin:0;padding:10px 12px;font-size:12px;display:flex}.turn-card .turn-countdown{margin-top:0;padding-bottom:2px}.players-list{padding:16px}.players-list h3{margin:2px 6px 10px;font-size:14px}.player-row{border-radius:14px;align-items:center;gap:9px;min-height:52px;padding:7px 8px;display:flex}.player-row.active{background:var(--surface-muted)}.player-row .avatar{border-radius:12px;flex-basis:36px;width:36px;height:36px}.player-row p{flex:1;margin:0;line-height:1.25;display:grid}.player-row small{color:var(--muted-ink);font-size:10px}.mode-switch{background:var(--surface-muted);border-radius:16px;padding:5px;display:flex}.mode-switch a{min-height:42px;color:var(--muted-ink);border-radius:12px;align-items:center;gap:7px;padding:8px 15px;font-size:12px;font-weight:750;display:flex}.mode-switch a.active{color:var(--ink);box-shadow:var(--shadow-sm);background:#fff}.table-head{background:var(--surface-muted);min-height:50px;color:var(--muted-ink);font-size:11px;font-weight:800}.lobby-card{padding:28px}.lobby-card h2{margin:0 0 4px}.lobby-card>p{color:var(--muted-ink);margin:0 0 20px}.join-row{gap:8px;display:flex}.join-row input{text-transform:uppercase;text-align:center;letter-spacing:.2em;direction:ltr;flex:1;min-width:0;font-weight:900}.room-code{background:var(--primary-soft);border:1px dashed #fda4af;border-radius:18px;place-items:center;margin:18px 0;padding:18px;display:grid}.room-code small{color:var(--muted-ink)}.room-code b{color:var(--primary-strong);letter-spacing:.18em;direction:ltr;font-size:30px}.waiting-list{gap:8px;margin:18px 0;display:grid}.waiting-player{background:var(--surface-muted);border-radius:16px;align-items:center;gap:10px;min-height:56px;padding:8px 10px;display:flex}.waiting-player span:last-child{color:var(--muted-ink);margin-right:auto;font-size:11px}.admin-layout{grid-template-columns:230px 1fr;gap:20px;display:grid}.admin-sidebar{align-self:start;padding:18px;position:sticky;top:105px}.admin-sidebar h2{margin:8px;font-size:18px}.admin-sidebar nav{gap:5px;margin-top:18px;display:grid}.admin-sidebar a{min-height:46px;color:var(--muted-ink);border-radius:13px;align-items:center;gap:9px;padding:9px 12px;font-size:13px;font-weight:700;display:flex}.admin-sidebar a.active{background:var(--primary-soft);color:var(--primary-strong)}.admin-content{min-width:0}.stat-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.stat-card{padding:19px}.stat-card span{background:var(--primary-soft);width:42px;height:42px;color:var(--primary);border-radius:14px;place-items:center;display:grid}.stat-card b{margin-top:14px;font-size:27px;display:block}.stat-card small{color:var(--muted-ink)}.admin-panels{grid-template-columns:1.15fr .85fr;gap:16px;margin-top:16px;display:grid}.admin-panel{padding:22px}.admin-panel h2{margin:0 0 16px;font-size:18px}.admin-game{border-bottom:1px solid var(--border);align-items:center;gap:12px;min-height:66px;display:flex}.admin-game:last-child{border-bottom:0}.admin-game p{flex:1;margin:0;line-height:1.35;display:grid}.admin-game small{color:var(--muted-ink)}.switch{background:#d6cfd3;border:0;border-radius:999px;width:48px;height:28px;padding:3px;transition:background .18s}.switch i{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .18s;display:block;box-shadow:0 2px 5px #0000002e}.switch.on{background:var(--success)}.switch.on i{transform:translate(-20px)}.panel-icon.small{border-radius:13px;width:40px;height:40px;margin:0}.icon-button{background:var(--surface-muted);border:0;border-radius:14px;flex:0 0 46px;place-items:center;width:46px;height:46px;display:grid}.icon-button.primary{background:var(--primary);color:#fff}.icon-button.danger{color:var(--danger);background:#fee2e2}.search-box{background:var(--surface-muted);min-height:46px;color:var(--muted-ink);border-radius:14px;align-items:center;gap:7px;margin:0 14px 12px;padding:8px 12px;display:flex}.search-box input{background:0 0;border:0;outline:0;flex:1;min-width:0}.lobby-note{color:var(--muted-ink);justify-content:center;gap:7px;margin-top:16px;font-size:11px;display:flex}.room-ready{margin-top:20px}.waiting-player.waiting{color:var(--muted-ink);justify-content:center}.finish-reset{margin-top:12px}.empty-state{min-height:280px;color:var(--muted-ink);place-content:center;justify-items:center;display:grid}.spin{animation:spin .8s linear infinite}.online-room-loading{min-height:240px;color:var(--muted-ink);place-content:center;justify-items:center;gap:12px;font-size:13px;display:grid}.admin-panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-panel-head h2{margin:0}.admin-add-form{border:1px solid var(--border);background:var(--surface-muted);border-radius:18px;gap:12px;margin:12px 0 18px;padding:16px;display:grid}.admin-add-form .field label{font-size:10px}.admin-locked{text-align:center;place-content:center;justify-items:center;min-height:380px;padding:30px;display:grid}.admin-locked>svg{width:58px;height:58px;color:var(--primary)}.admin-locked h2{margin:12px 0 0}.admin-locked p{color:var(--muted-ink);margin:4px}.recent-panel{grid-column:1/-1}.recent-item{border-bottom:1px solid var(--border);align-items:center;gap:10px;min-height:62px;padding:7px;display:flex}.recent-item:last-child{border-bottom:0}.status-icon{border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.status-icon.win{color:#047857;background:#d1fae5}.status-icon.loss{background:var(--surface-muted);color:var(--muted-ink)}.recent-item p{flex:1;margin:0;line-height:1.4;display:grid}.recent-item small{color:var(--muted-ink);font-size:10px}.recent-item strong{color:var(--success)}.empty-mini{color:var(--muted-ink);text-align:center;padding:30px}.codenames-layout,.hokm-layout,.mini-game-layout{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:20px;display:grid}@media (min-width:981px){.game-rail-page{align-items:start;gap:var(--game-gap,16px) 16px;grid-template-columns:320px minmax(0,1fr);display:grid}.game-rail-page .game-topbar{margin-bottom:0}.game-rail-page :is(.game-mode-shell,.game-mode-panel,.play-layout,.mini-game-layout,.online-play-grid,.backgammon-layout,.hokm-layout){display:contents}.game-rail-page .game-mode-panel>*,.game-rail-page .game-mode-shell>*,.game-rail-page :is(.play-layout,.mini-game-layout,.online-play-grid,.backgammon-layout,.hokm-layout)>*,.game-rail-page>*{grid-area:2/2/span 12}.game-rail-page .game-topbar{grid-area:1/1/auto/-1}.game-rail-page .game-sidebar{order:1;grid-area:auto/1;grid-template-columns:1fr}.game-rail-page .winner-celebration{grid-area:2/1/auto/-1}.game-rail-page:not(:has(.game-sidebar)) .game-mode-panel>*{grid-column:1/-1;justify-self:center;width:min(100%,1040px)}.game-rail-page .game-mode-panel>:is(.room-lobby,.online-room-loading){grid-area:2/1/auto/-1}}@media (max-width:980px){.game-rail-page>.page-intro{margin-bottom:10px}.game-rail-page>.page-intro .eyebrow{display:none}.game-rail-page>.page-intro h1{font-size:clamp(20px,5.6vw,26px)}.game-rail-page>.page-intro p{margin-top:5px;font-size:12px;line-height:1.75}}.game-tip{align-items:flex-start;gap:12px;padding:18px;display:flex}.game-tip>svg{color:var(--primary);flex:none}.game-tip b{font-size:13px}.game-tip p{color:var(--muted-ink);margin:3px 0 0;font-size:11px;line-height:1.8}.active-clue,.team-pill{border-radius:17px;align-items:center;gap:9px;min-height:56px;padding:8px 12px;display:flex}.team-pill{color:#fff;min-width:142px}.team-pill.red{background:linear-gradient(145deg,#f87171,#b91c1c)}.team-pill.blue{background:linear-gradient(145deg,#60a5fa,#1d4ed8)}.team-pill svg{width:21px}.active-clue span,.team-pill span{line-height:1.35;display:grid}.active-clue small,.team-pill small{opacity:.72;font-size:9px}.active-clue{box-shadow:var(--shadow-sm);background:#fff;flex:1}.active-clue svg{color:#e9a500}.active-clue.muted{color:var(--muted-ink)}.clue-form{gap:8px;display:grid}.clue-form>label{font-size:11px;font-weight:850}.clue-form>div{grid-template-columns:1fr 70px;gap:6px;display:grid}.clue-form input,.clue-form select{border:1px solid var(--border);background:#fff;border-radius:13px;outline:0;min-width:0;min-height:46px;padding:8px 11px}.clue-form input:focus,.clue-form select:focus{border-color:var(--accent)}.player-0{bottom:18px;left:50%;transform:translate(-50%)}.player-1{top:50%;right:18px;transform:translateY(-50%)}.player-2{top:16px;left:50%;transform:translate(-50%)}.player-3{top:50%;left:18px;transform:translateY(-50%)}.card-backs{direction:ltr;display:flex}.card-backs i{background:repeating-linear-gradient(45deg,#e11d48 0 3px,#fff 3px 5px);border:1px solid #fff;border-radius:4px;width:18px;height:27px;margin-left:-11px;box-shadow:0 2px 4px #0003}.trick-card{position:absolute}.trick-0{bottom:-5px;left:50%;transform:translate(-50%)}.trick-1{top:50%;right:-3px;transform:translateY(-50%)}.trick-2{top:-8px;left:50%;transform:translate(-50%)}.trick-3{top:50%;left:-3px;transform:translateY(-50%)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes orbit-spin{to{transform:rotate(1turn)}}@keyframes winner-pop{50%{transform:scale(1.07)rotate(2deg)}}@keyframes dialog-fade{0%{opacity:0}}@keyframes dialog-pop{0%{opacity:0;transform:translateY(12px)scale(.97)}}@keyframes record-pulse{50%{opacity:.3;transform:scale(.8)}}@keyframes dice-roll{0%{transform:rotate(0)scale(1)}50%{transform:rotate(-18deg)scale(.88)}to{transform:rotate(0)scale(1)}}@keyframes pawn-ready{0%,to{box-shadow:0 4px 9px #0000003d,0 0 #e11d484d}50%{box-shadow:0 4px 9px #0000003d,0 0 0 7px #e11d4800}}@media (max-width:980px){.play-layout{grid-template-columns:1fr}.game-sidebar{grid-template-columns:1fr 1fr}.game-sidebar>:first-child{grid-column:1/-1}.admin-layout,.online-grid{grid-template-columns:1fr}.admin-sidebar{position:static}.admin-sidebar nav{grid-template-columns:repeat(3,1fr)}.stat-grid{grid-template-columns:1fr 1fr}.admin-panels{grid-template-columns:1fr}}@media (max-width:700px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.page-shell{width:min(100% - 22px,1180px)}.section-block{margin-top:62px}.subpage{padding-top:30px}.page-intro{flex-direction:column;align-items:start}.field-row,.game-sidebar{grid-template-columns:1fr}.board-shell{border-radius:26px;padding:6px}.admin-sidebar nav,.stat-grid{grid-template-columns:1fr 1fr}.admin-panels{grid-template-columns:1fr}}.game-mode-shell{gap:14px;display:grid}.capacity-note{color:var(--muted-ink);font-size:10px;line-height:1.7}.pawn{--pawn:#e11d48;--pawn-dark:#9f1239;aspect-ratio:auto;width:92%;height:112%;box-shadow:none;border:0;overflow:visible;background:0 0!important}.pawn-blue{--pawn:#3b82f6;--pawn-dark:#1d4ed8}.pawn-yellow{--pawn:#fbbf24;--pawn-dark:#b77900}.pawn-green{--pawn:#34d399;--pawn-dark:#047857}.pawn>span{background:linear-gradient(145deg,var(--pawn),var(--pawn-dark));border-radius:50% 50% 43% 43%;height:43%;position:absolute;bottom:7%;left:14%;right:14%;box-shadow:0 4px 7px #00000047,inset 0 2px #ffffff6b}.pawn>span:before{content:"";aspect-ratio:1;background:radial-gradient(circle at 35% 27%,#ffffffa6,transparent 21%),linear-gradient(145deg,var(--pawn),var(--pawn-dark));border-radius:50%;width:66%;position:absolute;top:-53%;left:17%;box-shadow:0 2px 5px #00000042}.pawn:after{background:#fff3;height:19%;inset:auto 24% 14%}.pawn:not(:disabled):hover{transform:translate(-50%,-50%)scale(1.16)translateY(-3px)}@keyframes token-drop{0%{opacity:.2;transform:translateY(-210%)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes connect-win{to{filter:brightness(1.18);transform:scale(.9)}}@keyframes dice-cube-roll{0%{transform:rotateX(-17deg)rotateY(-21deg)scale(1)}45%{transform:rotateX(150deg)rotateY(-190deg)scale(.78)translateY(-15px)}to{transform:rotateX(343deg)rotateY(339deg)scale(1)}}.hokm-table .player-0,.online-hokm-table .online-hokm-me{bottom:20px}@media (max-width:700px){.pawn{width:110%;height:125%}.logo-mark{flex-basis:42px;width:42px;height:42px}.logo-type b{font-size:24px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.point-number{z-index:1;color:#ffffff75;text-align:center;pointer-events:none;width:100%;font-size:clamp(6px,1.5vw,9px);font-weight:750;position:absolute;left:0}.top .point-number{top:2px}.bottom .point-number{bottom:2px}.checker-stack{z-index:5;pointer-events:none;align-items:center;display:flex;position:absolute;left:11%;right:11%}.top .checker-stack{flex-direction:column;top:5%}.bottom .checker-stack{flex-direction:column-reverse;bottom:5%}.backgammon-checker.ivory,.checker-swatch.ivory{background:radial-gradient(circle at 34% 25%,#fff 0 8%,#0000 22%),linear-gradient(145deg,#fffaf0,#d9c8ac 70%,#b9a587)}.backgammon-checker.ebony,.checker-swatch.ebony{background:radial-gradient(circle at 34% 25%,#826b68 0 7%,#0000 21%),linear-gradient(145deg,#3d302f,#151011 70%,#090708)}.bar-stack b,.checker-stack b{z-index:8;color:#37221c;background:#f7d775;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:1px 4px;font-size:8px;display:grid;position:absolute;box-shadow:0 3px 8px #0000004d}.checker-stack b{top:36%;left:50%;transform:translate(-50%,-50%)}.bar-label{color:#ffffff29;letter-spacing:.14em;writing-mode:vertical-rl;font-size:clamp(5px,1vw,8px);font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(180deg)}.bar-stack{z-index:2;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:center;width:100%;min-height:24%;padding:1px;display:flex;position:relative}.bar-stack b{top:50%;left:50%;transform:translate(-50%,-50%)}.bar-stack.legal-source{box-shadow:0 0 0 2px #f7d775,0 0 16px #f7d7759e}.bear-off-rail{grid-area:1/2;grid-template-rows:1fr 1fr;gap:4px;padding:4px 3px;display:grid}.off-slot{color:#f9eee6;cursor:pointer;background:#1408075c;border:1px solid #ffffff1a;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;padding:3px 1px;display:flex}.off-slot span{font-size:10px;font-weight:900}.off-slot small{opacity:.58;font-size:6px}.off-slot.legal-target{border-color:#f7d775;box-shadow:inset 0 0 12px #f7d77552,0 0 9px #f7d77566}.checker-swatch{border-radius:50%;flex:0 0 28px;width:28px;height:28px;display:inline-block;box-shadow:0 4px 8px #0000003d,inset 0 2px #fff6}@keyframes checker-ready{to{filter:brightness(1.1);transform:translateY(-4px)translateZ(12px)}}@keyframes checker-land{0%{opacity:.35;transform:translateY(-70px)scale(.72)rotate(-18deg)}65%{transform:translateY(5px)scale(1.08)rotate(3deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes target-pulse{to{filter:brightness(1.24);transform:translate(-50%)scale(.84)}}@keyframes nard-dice-roll{0%{transform:rotate(0)translateY(0)}45%{transform:rotate(185deg)translateY(-10px)scale(.86)}to{transform:rotate(1turn)translateY(0)}}@media (min-width:760px){.off-slot span{font-size:13px}.off-slot small{font-size:8px}}@media (max-width:420px){.checker-stack{left:5%;right:5%}.point-number{display:none}}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (max-width:700px){.audio-message{min-width:min(245px,72vw)}.audio-message audio{width:165px}}@media (max-width:980px){.codenames-layout,.hokm-layout,.mini-game-layout{grid-template-columns:1fr}.codenames-layout>.game-sidebar,.hokm-layout>.game-sidebar,.mini-game-layout>.game-sidebar{grid-template-columns:1fr 1fr}}@media (max-width:700px){.codenames-layout>.game-sidebar,.hokm-layout>.game-sidebar,.mini-game-layout>.game-sidebar{grid-template-columns:1fr}.team-pill{flex:1;min-width:128px}.active-clue{min-width:145px}.card-backs{display:none}.player-1{right:6px}.player-3{left:6px}.player-2{top:60px}.guest-actions{gap:3px}.guest-nickname-chip{min-height:44px;padding:3px}.guest-nickname-chip>span:nth-child(2),.guest-nickname-chip>svg{display:none}.guest-actions .button{width:44px;min-height:44px;padding:8px}.guest-actions .button .button-label{display:none}.guest-actions .button svg{flex:0 0 19px;width:19px;height:19px;display:block}.nickname-edit-icon{flex-basis:34px;width:34px;height:34px}.nickname-dialog{border-radius:24px;padding:19px}.nickname-dialog>header{grid-template-columns:43px 1fr 36px}.dialog-icon{width:43px;height:43px}.dialog-close{width:36px;height:36px}.dialog-actions{grid-template-columns:1fr}.dialog-actions .button-primary{grid-row:1}}.board-cell.start:before{content:"";z-index:3;border:2px solid #ffffffd1;border-radius:50%;position:absolute;inset:14%;box-shadow:0 1px 3px #2d152026}.board-surface-shine{z-index:12;border-radius:inherit;background:linear-gradient(135deg,#ffffff3d,#0000 28% 70%,#4e2a3c0f);box-shadow:inset 0 0 0 1px #ffffff7a}.board-surface-shine,.pawn-layer{pointer-events:none;position:absolute;inset:0}.pawn-layer{z-index:20;transform:translateZ(28px)}.pawn-body{filter:drop-shadow(0 7px 4px #3318254d);transform-origin:50% 82%;place-items:center;display:grid;position:absolute;inset:-7%}.pawn-body img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}@keyframes ludo-pawn-ready{0%,to{filter:drop-shadow(0 0 #e11d4800)}50%{filter:drop-shadow(0 0 8px var(--pawn-light));transform:translate(-50%,-52%)scale(1.06)}}@keyframes ludo-pawn-hop{0%{transform:translateY(0)rotate(-2deg)scale(1)}to{transform:translateY(-24%)rotate(2deg)scale(1.07)}}@keyframes ludo-pawn-captured{0%{opacity:1;transform:translateY(0)rotate(0)scale(1)}48%{opacity:.75;transform:translateY(-48%)rotate(160deg)scale(.72)}to{opacity:1;transform:translateY(0)rotate(1turn)scale(1)}}@keyframes ludo-pawn-winner{to{filter:drop-shadow(0 0 9px #facc15);transform:translateY(-18%)scale(1.12)}}@media (max-width:700px){.board-cell.start:before{border-width:1px}.pawn-body{filter:drop-shadow(0 4px 3px #33182547)}}.turn-countdown{margin-top:16px}.turn-countdown>div{color:var(--muted-ink);align-items:center;gap:7px;font-size:11px;display:flex}.turn-countdown>div svg{color:var(--accent)}.turn-countdown>div b{color:var(--ink);font-variant-numeric:tabular-nums;margin-right:auto}.turn-countdown>i{background:var(--surface-muted);border-radius:999px;height:6px;margin-top:8px;display:block;overflow:hidden}.turn-countdown>i>span{border-radius:inherit;background:linear-gradient(90deg,var(--accent),#60a5fa);height:100%;transition:width .2s linear,background .18s;display:block}.turn-countdown.urgent>div,.turn-countdown.urgent>div b,.turn-countdown.urgent>div svg{color:var(--danger)}.turn-countdown.urgent>i>span{background:linear-gradient(90deg,#e11d48,#fb7185);animation:turn-timer-pulse .7s ease-in-out infinite alternate}@keyframes turn-timer-pulse{to{opacity:.55}}.avatar{overflow:hidden}.avatar.has-photo{background:#e9e4e8}.avatar.default-photo{background:linear-gradient(145deg,#fff2ef,#dfe7ff)}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.avatar.default-photo img{object-fit:contain;transform-origin:50%;transform:scale(1.06)}:root [data-color]>.avatar.seat-face{border-radius:inherit;border:0;flex:none;width:calc(100% - 4px);height:calc(100% - 4px)}:root .avatar.seat-face{width:var(--seat-face,24px);height:var(--seat-face,24px);flex:0 0 var(--seat-face,24px);min-width:0;min-height:0;box-shadow:none;border:2px solid #ffd68c8c;border-radius:50%}.profile-editor-trigger{text-align:right;min-width:0;min-height:48px;transition:background .18s var(--ease);background:0 0;border:0;border-radius:16px;align-items:center;gap:8px;padding:4px 7px;display:flex}.profile-editor-trigger:hover{background:var(--surface-muted)}.profile-editor-trigger .avatar{border-radius:13px;flex-basis:40px;width:40px;height:40px}.profile-trigger-copy{min-width:0;line-height:1.25;display:grid}.profile-trigger-copy small{color:var(--muted-ink);font-size:8px}.profile-trigger-copy b{text-overflow:ellipsis;white-space:nowrap;max-width:96px;font-size:11px;overflow:hidden}.profile-photo-field{border:1px solid var(--border);background:linear-gradient(135deg,#fff,#fff5f7);border-radius:20px;grid-template-columns:88px 1fr;align-items:center;gap:14px;margin-bottom:6px;padding:14px;display:grid}.profile-photo-preview{background:var(--primary-soft);border:4px solid #fff;border-radius:28px;width:88px;height:88px;overflow:hidden;box-shadow:0 10px 25px #54263921}.profile-photo-preview>.avatar,.profile-photo-preview>img{object-fit:cover;width:100%;height:100%;box-shadow:none;border:0;border-radius:24px;font-size:25px}.profile-photo-field>div:nth-child(2){min-width:0;display:grid}.profile-photo-field b{font-size:13px}.profile-photo-field small{color:var(--muted-ink);font-size:12px}.profile-photo-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.profile-photo-actions .button{border-radius:12px;min-height:40px;padding:6px 12px;font-size:14px}.profile-photo-remove{color:#ffc2cc;background:#ef234924;border:1px solid #ff748873;border-radius:12px;align-items:center;gap:5px;min-height:40px;padding:6px 11px;font-size:13px;font-weight:800;display:inline-flex}@media (max-width:700px){.search-box{min-height:48px;margin:12px 14px 8px}.icon-button{border-radius:15px;flex-basis:46px;width:46px;height:46px}.profile-photo-field{grid-template-columns:76px 1fr;gap:10px;padding:11px}.profile-photo-preview{border-radius:24px;width:76px;height:76px}.profile-photo-preview>.avatar,.profile-photo-preview>img{border-radius:20px}.nickname-dialog{max-height:calc(100dvh - 24px);padding:18px;overflow-y:auto}}html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark;--primary:#fb4c73;--primary-strong:#ff7893;--primary-soft:#421824;--accent:#60a5fa;--accent-soft:#172d4d;--ink:#f8f3f7;--muted-ink:#b4aab7;--surface:#1a161d;--surface-soft:#0e0b10;--surface-muted:#2a242d;--border:#403641;--success:#34d399;--warning:#fbbf24;--danger:#fb7185;--shadow-sm:0 8px 24px #00000038;--shadow-md:0 22px 64px #0006;--shadow-primary:0 16px 34px #fb4c7333}.button-ghost,.button-secondary,.chat-composer,.chat-panel>header,.contacts-panel,.glass-card,.message-list,.nickname-dialog,.profile-photo-field,body{transition:background-color .22s var(--ease),border-color .22s var(--ease),color .22s var(--ease),box-shadow .22s var(--ease)}html[data-theme=dark] body{background:radial-gradient(circle at 85% 7%,#fb4c731b,transparent 27rem),radial-gradient(circle at 12% 32%,#60a5fa13,transparent 23rem),var(--surface-soft)}html[data-theme=dark] .admin-add-form,html[data-theme=dark] .glass-card,html[data-theme=dark] .nickname-dialog,html[data-theme=dark] .online-join-card{border-color:var(--border);background:var(--card,#1b171ee8);color:var(--ink);box-shadow:var(--shadow-sm)}html[data-theme=dark] .button-ghost,html[data-theme=dark] .button-secondary,html[data-theme=dark] .eyebrow{border-color:var(--border);background:var(--control,#231d26e6);color:var(--ink)}html[data-theme=dark] .mode-switch a.active{color:var(--ink);background:#3a313e}html[data-theme=dark] .button-dark{color:#211a24;background:#f4edf2}html[data-theme=dark] .circle-button{background:var(--primary);color:#fff;box-shadow:0 10px 24px #e11d483d}html[data-theme=dark] .circle-button:hover{background:var(--primary-strong)}html[data-theme=dark] .avatar{border-color:var(--surface)}html[data-theme=dark] .profile-photo-field{background:#00000038;border-color:#ffffff14}html[data-theme=dark] .profile-photo-preview{border-color:#ffc93c;box-shadow:0 0 0 4px #ffc93c2e,0 12px 24px -10px #000000b3}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{border-color:var(--border);color:var(--ink);background-color:#151118}html[data-theme=dark] .search-box input{background-color:#0000}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#807684}html[data-theme=dark] .active-clue,html[data-theme=dark] .hokm-phase-panel,html[data-theme=dark] .online-hokm-wait,html[data-theme=dark] .trump-picker{border-color:var(--border);color:var(--ink);background:#1d1820f5}html[data-theme=dark] .admin-game,html[data-theme=dark] .recent-item{border-color:var(--border)}html[data-theme=dark] .admin-game:hover{background:var(--surface-muted)}.point-one{background:#16a34a}.point-two{background:#d97706}.point-three{background:#e11d48}.handoff-icon,.pantomime-finish>span,.summary-icon{color:#fff;background:linear-gradient(145deg,#8b5cf6,#6d28d9);border-radius:28px;place-items:center;width:83px;height:83px;display:grid;box-shadow:0 18px 38px #6d28d940}.handoff-icon svg,.pantomime-finish>span svg,.summary-icon svg{width:35px;height:35px}.winner-celebration{--winner-celebration-duration:9s;z-index:200;pointer-events:none;isolation:isolate;animation:winner-celebration-lifecycle var(--winner-celebration-duration) ease both;position:fixed;inset:0;overflow:hidden}.winner-celebration:before{content:"";animation:winner-backdrop var(--winner-celebration-duration) ease both;background:radial-gradient(circle,#ffffff14,#1c0a322e 55%,#0f051c0a);position:absolute;inset:0}.winner-light{filter:blur(10px);opacity:.72;clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);background:linear-gradient(#fff6b8ed,#ffffff1c 70%,#0000);width:45%;height:145%;animation:winner-light-sweep 2.3s ease-in-out infinite alternate;position:absolute;top:-35%}.winner-light-one{right:-3%;transform:rotate(-20deg)}.winner-light-two{animation-delay:-1.1s;left:-5%;transform:rotate(19deg)}.winner-rays{aspect-ratio:1;opacity:.32;background:repeating-conic-gradient(from 0deg,#facc15b8 0 7deg,transparent 7deg 17deg);width:min(100vw,900px);animation:winner-rays-spin 12s linear infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#0000 0 13%,#000 35%,#0000 72%);mask-image:radial-gradient(circle,#0000 0 13%,#000 35%,#0000 72%)}.winner-confetti{position:absolute;inset:0}.winner-confetti i{top:-11vh;left:var(--confetti-x);background:var(--confetti-color);width:9px;height:16px;animation:winner-confetti-fall var(--confetti-duration) linear var(--confetti-delay) 3;border-radius:2px 5px 2px 4px;position:absolute;box-shadow:0 2px 5px #1408222b}.winner-confetti i:nth-child(3n){border-radius:50%;width:13px;height:8px}.winner-confetti i:nth-child(4n){clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.winner-burst{width:180px;height:180px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.winner-burst i{border:2px solid #facc15d1;border-radius:50%;animation:winner-burst-ring 2s ease-out infinite;position:absolute;inset:0}.winner-burst i:nth-child(2){animation-delay:.55s}.winner-burst i:nth-child(3){animation-delay:1.1s}.winner-message{z-index:3;color:#34124f;text-align:center;-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);min-width:min(430px,100vw - 30px);animation:winner-message-pop var(--winner-celebration-duration) var(--ease) both;background:#ffffffe6;border:1px solid #ffffffbd;border-radius:30px;justify-items:center;padding:25px 28px 27px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 28px 90px #22083a57,inset 0 1px #ffffffe6}.winner-trophy{color:#713f12;background:linear-gradient(145deg,#facc15,#f59e0b);border-radius:24px;place-items:center;width:70px;height:70px;display:grid;box-shadow:0 14px 30px #d977064d}.winner-trophy svg{width:34px;height:34px}.winner-kicker{color:var(--primary);align-items:center;gap:5px;margin-top:13px;font-size:12px;font-weight:950;display:flex}.winner-kicker svg{width:14px}.winner-message strong{text-wrap:balance;margin-top:3px;font-size:clamp(27px,5vw,44px);line-height:1.4}.winner-message small{color:var(--muted-ink);margin-top:4px;font-size:12px}@keyframes winner-confetti-fall{0%{transform:translateY(-12vh)rotate(0)}50%{transform:translate3d(28px,53vh,0) rotate(var(--confetti-rotate))}to{transform:translate3d(-22px,120vh,0) rotate(calc(var(--confetti-rotate) * 2))}}@keyframes winner-rays-spin{to{transform:translate(-50%,-50%)rotate(1turn)}}@keyframes winner-light-sweep{to{opacity:.35;filter:blur(18px)}}@keyframes winner-burst-ring{0%{opacity:.8;transform:scale(.3)}to{opacity:0;transform:scale(2.8)}}@keyframes winner-celebration-lifecycle{0%,86%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes winner-backdrop{0%,to{opacity:0}8%,80%{opacity:1}}@keyframes winner-message-pop{0%{opacity:0;transform:translate(-50%,-42%)scale(.72)rotate(-2deg)}9%{opacity:1;transform:translate(-50%,-50%)scale(1.04)rotate(1deg)}14%,82%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%,-55%)scale(.96)}}.winner-celebration.interactive{pointer-events:none;animation:none}.winner-celebration.interactive .winner-message{animation:winner-message-in .7s var(--ease) both;pointer-events:auto;min-width:min(460px,100vw - 24px);max-height:calc(100dvh - 32px);padding-top:22px;overflow:auto}.winner-celebration.interactive .winner-burst,.winner-celebration.interactive .winner-confetti,.winner-celebration.interactive .winner-light,.winner-celebration.interactive .winner-rays{animation-duration:9s}@keyframes winner-message-in{0%{opacity:0;transform:translate(-50%,-42%)scale(.72)rotate(-2deg)}60%{opacity:1;transform:translate(-50%,-50%)scale(1.04)rotate(1deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}.winner-close{width:36px;height:36px;color:inherit;top:12px;background:#0000000f;border:0;border-radius:12px;place-items:center;display:grid;position:absolute;inset-inline-start:12px}.winner-close svg{width:18px}.winner-stats{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;width:100%;margin-top:16px;display:grid}.winner-stats span{background:#7c3aed14;border-radius:14px;align-content:center;place-items:center;gap:1px;min-height:60px;padding:8px;display:grid}.winner-stats b{font-size:16px}.winner-stats small{color:var(--muted-ink);margin:0;font-size:11px}.winner-signup{color:#fff;text-align:right;background:linear-gradient(135deg,#7c3aed,#db2777);border-radius:14px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;width:100%;margin-top:12px;padding:10px 12px;text-decoration:none;display:grid}.winner-signup svg{background:#ffffff2e;border-radius:11px;width:36px;height:36px;padding:8px}.winner-signup span{display:grid}.winner-signup b{font-size:13px}.winner-signup small{color:#ffffffd9;margin:0;font-size:11px}.winner-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:14px;display:grid}.winner-actions .button{min-height:46px;font-size:13px}.winner-actions .button svg{width:16px}html[data-theme=dark] .winner-close{background:#ffffff14}html[data-theme=dark] .winner-stats span{background:#ffffff0f}html[data-theme=dark] .winner-message{border-color:var(--border);background:var(--surface)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .winner-message{background:color-mix(in srgb,var(--surface) 93%,transparent)}}html[data-theme=dark] .winner-message{color:var(--ink)}.winner-celebration:is(.outcome-loss,.outcome-draw) .winner-trophy{background:var(--surface-muted);color:var(--muted-ink);box-shadow:none}@media (max-width:700px){.winner-message{border-radius:25px;min-width:calc(100vw - 26px);padding:21px 16px 23px}.winner-trophy{border-radius:20px;width:60px;height:60px}.winner-message strong{font-size:29px}}@media (prefers-reduced-motion:reduce){.winner-celebration{animation-timing-function:step-end}.winner-burst,.winner-confetti,.winner-light,.winner-rays{display:none}.winner-celebration:before,.winner-message{animation:none}}.nav-label{align-items:center;gap:6px;display:inline-flex}.contact-unread-badge,.mobile-unread-badge,.nav-unread-badge,.profile-request-badge{background:var(--primary);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:9px;font-weight:900;line-height:1;display:inline-grid;box-shadow:0 5px 12px #e11d4840}.friends-tabs button>span,.request-sections h3 span{min-width:20px;height:20px;color:inherit;background:#ffffffd1;border-radius:999px;place-items:center;padding:0 5px;font-size:8px;display:inline-grid}.request-sections{gap:16px}.request-sections>section{gap:5px;display:grid}.request-sections h3{color:var(--muted-ink);align-items:center;gap:6px;margin:0 4px 2px;font-size:10px;display:flex}html[data-theme=dark] .friend-icon-action.primary>span,html[data-theme=dark] .mobile-unread-badge,html[data-theme=dark] .profile-request-badge{border-color:var(--surface)}.change-password{background:linear-gradient(170deg,#2a2668eb,#100f2ef0);border:1px solid #ffd68c38;border-radius:22px;margin:0;overflow:hidden}.change-password>summary{cursor:pointer;align-items:center;gap:12px;min-height:66px;padding:11px 16px;font-size:15px;font-weight:800;list-style:none;display:flex}.change-password>summary::-webkit-details-marker{display:none}.change-password>summary:focus-visible{outline-offset:-3px;border-radius:22px;outline:2px solid #ffd45c}.change-password-gem{color:#5a2d00;background:linear-gradient(#ffe27a,#ffa81c);border-radius:14px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid;rotate:-6deg;box-shadow:inset 0 2px #ffffff8c,0 3px #b36400,0 10px 18px -8px #0009}.change-password-gem svg{width:21px;height:21px}.change-password-chevron{color:#b9b4dc;width:20px;height:20px;margin-inline-start:auto;transition:rotate .32s cubic-bezier(.34,1.56,.64,1)}.change-password[open] .change-password-chevron{rotate:180deg}.change-password form{max-width:none;margin:0;padding:2px 16px 18px}.change-password small{color:#9a95c4;font-size:12px}.change-password .field label{color:#ffd98a;font-size:13px}.change-password .field input{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:14px;min-height:50px;box-shadow:inset 0 2px 6px #00000059}.change-password .field input:focus{border-color:#0000;box-shadow:inset 0 2px 6px #00000059,0 0 0 2px #ffd45c}.change-password p[role=status]{color:#72f3cf;margin:0;font-weight:700}.change-password .password-visibility-toggle{color:#b9b4dc}:is(.change-password,.email-verification-card) .button{border:0;border-radius:15px;font-family:Lalezar,Vazirmatn Variable,Vazirmatn,sans-serif;font-size:17px;font-weight:400;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .16s}:is(.change-password,.email-verification-card) .button:hover:not(:disabled){transform:translateY(-2px)}:is(.change-password,.email-verification-card) .button:active:not(:disabled){transform:translateY(3px)}.change-password .button.button-secondary,.email-verification-card .button.button-primary{color:#fff;background:linear-gradient(#ff7488,#ef2349);box-shadow:inset 0 2px #ffffff6b,inset 0 -3px #00000026,0 4px #a0122f,0 12px 22px -10px #ff3c5a8c}.email-verification-card .button.button-secondary{color:#fff;background:linear-gradient(#80d4ff,#2f86ff);box-shadow:inset 0 2px #fff6,inset 0 -3px #00000024,0 4px #154fb2,0 12px 22px -10px #2f86ff80}.email-verification-card .button.button-ghost{color:#fff8f0;background:#ffffff12;border:1px solid #ffd68c38;box-shadow:0 4px #0c0b26}:is(.change-password,.email-verification-card) .form-error{color:#ffc2cc;background:#ef234924;border:1px solid #ff748873}.nickname-dialog:has(.change-password){max-height:calc(100dvh - 36px);overflow-y:auto}@keyframes live-coach-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-back-link{min-height:36px;color:var(--muted-ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;margin-bottom:14px;padding:8px 4px;font-size:11px;font-weight:800;display:inline-flex}.profile-back-link svg{width:16px}.profile-back-link:hover{color:var(--ink)}@media (max-width:700px){.game-sidebar{z-index:15;right:10px;bottom:max(10px,env(safe-area-inset-bottom,0px));overscroll-behavior:contain;max-height:46vh;position:fixed;left:10px;overflow-y:auto}.game-sidebar>:first-child{z-index:2;position:sticky;top:0}}.email-verification-card{--card:linear-gradient(170deg,#2a2668eb,#100f2ef0);--border:#ffd68c38;border-radius:22px;margin:0;padding:18px}.email-verification-heading{color:#fff;align-items:center;gap:12px;display:flex}.email-verification-heading>svg{color:#fff;background:linear-gradient(#80d4ff,#2f86ff);border-radius:14px;flex-shrink:0;width:44px;height:44px;padding:10px;rotate:-6deg;box-shadow:inset 0 2px #ffffff73,0 3px #154fb2,0 10px 18px -8px #0009}.email-verification-card[data-verified] .email-verification-heading>svg{background:linear-gradient(#72f3cf,#10b98a);box-shadow:inset 0 2px #ffffff73,0 3px #06755a,0 10px 18px -8px #0009}.email-verification-heading h1,.email-verification-heading h2{margin:0;font-size:22px}.email-verification-card p{color:#b9b4dc;margin:12px 0 0;line-height:1.9}.email-verification-card small{color:#9a95c4;margin-top:6px;font-size:12px;line-height:1.9;display:block}.email-verification-address{color:#ffd98a;overflow-wrap:anywhere;background:#00000047;border-radius:999px;max-width:100%;padding:4px 12px;font-weight:800;display:inline-block}.email-verification-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.verify-email-panel{max-width:600px;margin:30px auto;padding:26px}.navigation-feedback{z-index:10000;background:var(--surface-soft);place-items:center;display:grid;position:fixed;inset:0}@supports (color:color-mix(in lab,red,red)){.navigation-feedback{background:color-mix(in srgb,var(--surface-soft) 96%,transparent)}}.navigation-feedback{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.navigation-feedback .page-navigation-loading{width:100%;min-height:100svh;margin:0}.page-navigation-loading{text-align:center;place-content:center;justify-items:center;gap:24px;min-height:clamp(320px,55svh,560px);display:grid}.page-navigation-loading p{color:var(--ink);margin:0;font-family:Lalezar,Vazirmatn Variable,sans-serif;font-size:22px;font-weight:400;line-height:1.7}.page-loading-brand{padding-bottom:16px;position:relative}.page-loading-brand:after{content:"";filter:blur(5px);background:#e11d4833;border-radius:50%;width:68%;height:10px;animation:loading-logo-shadow 1.6s ease-in-out infinite;position:absolute;bottom:0;left:16%}.loading-logo{filter:drop-shadow(0 8px 14px #e11d4826);transform-origin:50% 70%;width:96px;height:86px;animation:loading-logo-bounce 1.6s ease-in-out infinite;display:block;overflow:visible}.loading-logo .logo-rays{animation:loading-logo-rays 1.6s ease-in-out infinite}.loading-logo .logo-pip{transform-box:fill-box;transform-origin:50%;animation:loading-logo-pip 1.6s ease-in-out infinite}.loading-logo .logo-pip:last-of-type{animation-delay:.16s}@keyframes loading-logo-bounce{0%,to{transform:translateY(0)rotate(-4deg)}45%{transform:translateY(-10%)rotate(7deg)scale(1.04)}70%{transform:translateY(0)rotate(-2deg)}}@keyframes loading-logo-rays{0%,to{opacity:.35}45%,65%{opacity:1}}@keyframes loading-logo-pip{0%,65%,to{transform:scale(1)}40%{transform:scale(.55)}}@keyframes loading-logo-shadow{0%,to{opacity:.8;transform:scaleX(1)}45%{opacity:.4;transform:scaleX(.7)}}@media (prefers-reduced-motion:reduce){.loading-logo,.loading-logo *,.page-loading-brand:after{animation:none}}.remove-friend-dialog{color:#fff8f0;background:linear-gradient(170deg,#2a2670,#14123e);border:1px solid #ffd68c38;border-radius:26px;width:min(400px,100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;box-shadow:0 40px 90px #0009}.remove-friend-dialog[open]{animation:dialog-pop .32s cubic-bezier(.34,1.56,.64,1)}.remove-friend-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08061899}.remove-friend-content{text-align:center;padding:24px}.remove-friend-content .dialog-icon{color:#fff;background:linear-gradient(#ff8a9b,#ef2349);border-radius:16px;margin-inline:auto;rotate:-6deg;box-shadow:inset 0 2px #fff6,0 4px #9c1432}.remove-friend-content h2{margin:16px 0 8px;font-size:25px}.remove-friend-content p{color:#b9b4dc;overflow-wrap:anywhere;margin:0 0 16px;font-size:14px;line-height:1.9}.remove-friend-content strong{color:#fff}.remove-friend-content .button{border-radius:15px;font-family:Lalezar,Vazirmatn Variable,Vazirmatn,sans-serif;font-size:17px;font-weight:400}.remove-friend-content .button.button-secondary{color:#fff8f0;background:#ffffff12;border:1px solid #ffd68c38;box-shadow:0 4px #0c0b26}.remove-friend-confirm{color:#fff;background:linear-gradient(#ff7488,#ef2349);border:0;box-shadow:inset 0 2px #ffffff6b,inset 0 -3px #00000026,0 4px #a0122f}.ludo-board .pawn{z-index:4;pointer-events:auto;width:6.7%;min-width:0;height:8.45%;min-height:0;box-shadow:none;transform-origin:bottom;will-change:top,left,transform;border:0;border-radius:50%;padding:0;transition:top .135s cubic-bezier(.22,.8,.3,1),left .135s cubic-bezier(.22,.8,.3,1),filter .18s;position:absolute;overflow:visible;transform:translate(-50%,-50%);background:0 0!important}.ludo-board .pawn.active:not(:disabled):not(.is-moving):not(.is-captured){cursor:pointer;animation:ludo-pawn-ready 1.25s ease-in-out infinite}.ludo-board .pawn:not(:disabled):hover{filter:brightness(1.06);transform:translate(-50%,-53%)scale(1.14)}.ludo-board .pawn:focus-visible{outline-offset:3px;outline:3px solid #25132e}.ludo-board .pawn.is-moving{z-index:8;filter:brightness(1.08)saturate(1.08)}.ludo-board .pawn.is-moving .pawn-body{animation:ludo-pawn-hop .145s cubic-bezier(.25,.8,.35,1) infinite alternate}.ludo-board .pawn.is-captured{z-index:9}.ludo-board .pawn.is-captured .pawn-body{animation:ludo-pawn-captured .43s cubic-bezier(.2,.75,.25,1)}.ludo-board .pawn.winner .pawn-body{animation:ludo-pawn-winner .9s ease-in-out infinite alternate}@media (max-width:700px){.ludo-board .pawn{width:7.25%;height:9.1%}}.ludo-redesign-shell .ludo-board .pawn{--pawn-matte:#7a0f24;--pawn-mask:url(/game-assets/ludo-pawn-red.webp);filter:saturate(1.02)contrast(.98);width:7.4%;height:9.3%}.ludo-redesign-shell .ludo-board .pawn-blue{--pawn-matte:#0a2f6e;--pawn-mask:url(/game-assets/ludo-pawn-blue.webp)}.ludo-redesign-shell .ludo-board .pawn-yellow{--pawn-matte:#8a5400;--pawn-mask:url(/game-assets/ludo-pawn-yellow.webp)}.ludo-redesign-shell .ludo-board .pawn-green{--pawn-matte:#045c3e;--pawn-mask:url(/game-assets/ludo-pawn-green.webp)}.ludo-redesign-shell .ludo-board .pawn:disabled{opacity:1}.ludo-redesign-shell .ludo-board .pawn:after{content:none}.ludo-redesign-shell .ludo-board .pawn>span{height:auto;box-shadow:none;background:0 0;border-radius:0;position:absolute;inset:-7%}.ludo-redesign-shell .ludo-board .pawn>span:before{content:none}.ludo-redesign-shell .ludo-board .pawn.active:not(:disabled):not(.is-moving):not(.is-captured){animation:none}.ludo-redesign-shell .pawn-body{isolation:isolate;filter:none}.ludo-redesign-shell .pawn-body img{filter:saturate(1.08)contrast(1.05)brightness(.96)}.ludo-redesign-shell .pawn-body:after{content:"";pointer-events:none;background:var(--pawn-matte);opacity:1;mix-blend-mode:hue;-webkit-mask:var(--pawn-mask) center /contain no-repeat;mask:var(--pawn-mask) center /contain no-repeat;position:absolute;inset:0}.ludo-redesign-shell .ludo-board .pawn.is-moving,.ludo-redesign-shell .ludo-board .pawn:not(:disabled):hover{filter:saturate(1.05)contrast(.99)}.ludo-redesign-shell .ludo-board .pawn:focus-visible{outline-color:#fff}@media (max-width:700px){.ludo-redesign-shell .ludo-board .pawn{width:7.8%;height:9.8%}}.feedback-form{text-align:right;background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;width:100%;margin-top:12px;padding:9px 10px 9px 14px;display:flex}.feedback-title{font-size:14px;font-weight:800}.feedback-rating{gap:8px;display:flex}.feedback-rating button{color:#fff;cursor:pointer;border:0;border-radius:15px;place-items:center;width:52px;height:46px;padding:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .16s,opacity .2s,filter .2s;display:grid;position:relative}.feedback-rating button:first-child{background:linear-gradient(#7ff5bd,#1fae6e);box-shadow:inset 0 2px #ffffff80,inset 0 -3px #00000024,0 4px #0f6a40,0 12px 20px -10px #1fae6e99}.feedback-rating button:last-child{background:linear-gradient(#ff8797,#ef2349);box-shadow:inset 0 2px #ffffff73,inset 0 -3px #00000024,0 4px #a0122f,0 12px 20px -10px #ef234999}.feedback-rating button:before{content:"";pointer-events:none;background:linear-gradient(#ffffff73,#fff0);border-radius:12px 12px 50% 50%/12px 12px 10px 10px;height:42%;position:absolute;inset:3px 7px auto}.feedback-rating button svg{fill:#fff;stroke:#0000002e;stroke-width:1.4px;width:23px;height:23px;position:relative}.feedback-rating button:first-child svg{filter:drop-shadow(0 2px #0b5a36)drop-shadow(0 3px 3px #00000040)}.feedback-rating button:last-child svg{filter:drop-shadow(0 2px #8a0f29)drop-shadow(0 3px 3px #00000040)}.feedback-rating button:hover{transform:translateY(-2px)}.feedback-rating button:active{box-shadow:none;transform:translateY(3px)}.feedback-rating button:focus-visible{outline-offset:3px;outline:3px solid #ffd45c}.feedback-rating:has(.active) button:not(.active){opacity:.4;filter:saturate(.4)}.feedback-rating button.active{transform:scale(1.08)}.feedback-note{flex:1 0 100%;align-items:stretch;gap:10px;margin-top:8px;display:flex}.feedback-form .feedback-note textarea{min-width:0;min-height:46px;color:inherit;resize:none;background:#0000004d;border:1px solid #ffffff0f;border-radius:14px;flex:1;padding:10px 12px;font-size:16px;box-shadow:inset 0 2px 5px #00000059}.feedback-form .feedback-note textarea:focus{border-color:#ffd45c;outline:0;box-shadow:inset 0 2px 5px #00000059,0 0 0 3px #ffd45c38}.feedback-note .button{color:#fff;background:linear-gradient(#ff7488,#ef2349);border:0;border-radius:14px;flex:none;min-height:46px;padding:0 16px;font-family:Lalezar,Vazirmatn Variable,Vazirmatn,sans-serif;font-size:16px;font-weight:400;box-shadow:inset 0 2px #fff6,0 4px #a0122f}.feedback-note .button:active{box-shadow:none;transform:translateY(3px)}.feedback-note .button svg{width:16px}.feedback-thanks{color:#ffd98a;justify-content:center;margin:12px 0 0;font-size:14px;font-weight:800}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}body :is(.backgammon-3d-host,.ludo-3d-host,.tic-3d-host,.chess-board-shell){background:#16141e url(/textures/backgammon/backdrop.jpg) 50%/cover no-repeat}body:has(.backgammon-layout),body:has(.codenames-page),body:has(.hokm-layout),body:has(.ludo-board-shell),body:has(.pantomime-page),body:has(.tic-layout){--ink:#f8fafc;--muted-ink:#91a0b5;--surface:#0d1726;--surface-soft:#050914;--surface-muted:#121f31;--border:#24344a;--primary:#ff4f64;--primary-strong:#ff6b79;--primary-soft:#341722;--accent:#6d7cff;--accent-soft:#18274c;--success:#38d982;--warning:#f5c451;--danger:#ff5d6c;--shadow-sm:0 12px 30px rgba(0,0,0,.24);--shadow-md:0 24px 64px rgba(0,0,0,.38);--shadow-primary:0 14px 34px rgba(255,79,100,.22);background-color:#050914;background-image:none;color:var(--ink)}body:has(.backgammon-layout) #main-content,body:has(.codenames-page) #main-content,body:has(.hokm-layout) #main-content,body:has(.ludo-board-shell) #main-content,body:has(.pantomime-page) #main-content,body:has(.tic-layout) #main-content{min-height:calc(100dvh - 92px)}body:has(.backgammon-layout) .glass-card,body:has(.codenames-page) .glass-card,body:has(.hokm-layout) .glass-card,body:has(.ludo-board-shell) .glass-card,body:has(.pantomime-page) .glass-card,body:has(.tic-layout) .glass-card{border-color:#25364d;background-color:#0d1726;box-shadow:var(--shadow-sm);backdrop-filter:none}body:has(.backgammon-layout) .text-button,body:has(.codenames-page) .text-button,body:has(.hokm-layout) .text-button,body:has(.ludo-board-shell) .text-button,body:has(.pantomime-page) .text-button,body:has(.tic-layout) .text-button{color:#8fa0b8}body:has(.backgammon-layout) .text-button:hover,body:has(.codenames-page) .text-button:hover,body:has(.hokm-layout) .text-button:hover,body:has(.ludo-board-shell) .text-button:hover,body:has(.pantomime-page) .text-button:hover,body:has(.tic-layout) .text-button:hover{color:#fff}body:has(.backgammon-layout) :focus-visible,body:has(.codenames-page) :focus-visible,body:has(.hokm-layout) :focus-visible,body:has(.ludo-board-shell) :focus-visible,body:has(.pantomime-page) :focus-visible,body:has(.tic-layout) :focus-visible{outline-color:#7c8cff}:is(.backgammon-3d-host,.ludo-3d-host,.hokm-3d-host,.tic-3d-host,.chess-3d-host)[data-renderer] canvas{touch-action:none}.board-view-controls{position:absolute;z-index:2;bottom:32px;inset-inline-start:8px;display:flex;gap:7px}.board-view-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:14px;background:linear-gradient(180deg,#423c9e,#221e68);color:#fff8f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 3px 0 #0c0b26,0 8px 16px -8px rgba(0,0,0,.5);cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .16s}.board-view-controls button:active{transform:translateY(3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 0 #0c0b26}.board-view-controls button:focus-visible{outline:3px solid #ffd45c;outline-offset:3px}.board-view-controls button[aria-checked=true]{background:linear-gradient(180deg,#ffe28a,#f5b93a);color:#6b3f00;box-shadow:inset 0 2px 0 rgba(255,255,255,.55),0 3px 0 #a86a0c,0 8px 16px -8px rgba(0,0,0,.5)}.board-view-hint{position:absolute;z-index:2;bottom:6px;inset-inline:8px;margin:0;color:#f8f3ed;font-size:11px;text-align:center;pointer-events:none;text-shadow:0 1px 3px #000}.board-view-touch{display:none}@media (pointer:coarse){.board-view-touch{display:inline}.board-view-mouse{display:none}}.board-skin-scene{position:absolute;inset:0;overflow:clip}.board-skin-scene[data-skin-transition=reveal]:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#ffe4ad26 48%,#fff4db38 50%,transparent 68%);animation:board-skin-sheen .58s ease-out both}@keyframes board-skin-sheen{0%{transform:translateX(-80%);opacity:0}35%{opacity:1}to{transform:translateX(80%);opacity:0}}@media (prefers-reduced-motion:reduce){.board-skin-scene:after{display:none}}.pwa-update-toast{z-index:150;width:min(520px,calc(100% - 36px));min-height:82px;padding:12px;grid-template-columns:50px minmax(0,1fr) auto;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border));border-radius:22px;background:color-mix(in srgb,var(--surface) 95%,transparent);box-shadow:0 22px 60px rgba(49,23,38,.24)}.push-event-toast,.push-permission-toast,.pwa-update-toast{position:fixed;right:18px;bottom:18px;display:grid;align-items:center;gap:11px;color:var(--ink);backdrop-filter:blur(22px) saturate(1.3);animation:pwa-toast-in .26s var(--ease)}.push-event-toast,.push-permission-toast{z-index:155;width:min(500px,calc(100% - 36px));min-height:78px;padding:11px;grid-template-columns:48px minmax(0,1fr) auto;border:1px solid color-mix(in srgb,#2563eb 30%,var(--border));border-radius:21px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 22px 60px rgba(28,46,90,.25)}.push-permission-toast.error{border-color:color-mix(in srgb,var(--danger) 38%,var(--border))}.push-notification-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:color-mix(in srgb,#2563eb 13%,var(--surface));color:#2563eb}.push-notification-icon svg{width:21px;height:21px}.push-event-toast>span:nth-child(2),.push-permission-toast>div:nth-child(2){min-width:0;display:grid;line-height:1.55;text-align:right}.push-event-toast b,.push-permission-toast b{font-size:13px}.push-event-toast small,.push-permission-toast small{color:var(--muted-ink);font-size:11px}.push-event-toast small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.push-permission-actions{display:flex;align-items:center;gap:6px}.push-permission-actions :is(button,a){min-height:40px;padding:8px 14px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font:inherit;font-size:12px;font-weight:850;text-decoration:none;white-space:nowrap;cursor:pointer}.push-permission-later{border:0;background:transparent;color:var(--muted-ink)}.push-permission-enable{border:0;background:#2563eb;color:white;box-shadow:0 8px 18px rgba(37,99,235,.24)}.push-event-toast{appearance:none;font:inherit;text-align:right;cursor:pointer}.push-event-toast>i{padding:7px 9px;border-radius:10px;background:color-mix(in srgb,#2563eb 12%,var(--surface));color:#2563eb;font-size:11px;font-style:normal;font-weight:900}.push-notification-button{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:12px;background:var(--surface-muted);color:var(--muted-ink);cursor:pointer}.push-notification-button.enabled{border-color:color-mix(in srgb,var(--success) 35%,var(--border));background:color-mix(in srgb,var(--success) 10%,var(--surface));color:var(--success);cursor:default}.push-notification-button svg{width:17px;height:17px}.push-event-toast:focus-visible,.push-notification-button:focus-visible,.push-permission-actions :is(button,a):focus-visible{outline:3px solid color-mix(in srgb,#2563eb 32%,transparent);outline-offset:2px}.pwa-update-toast.error{border-color:color-mix(in srgb,var(--danger) 38%,var(--border))}.pwa-update-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:var(--primary-soft);color:var(--primary)}.pwa-update-toast.error .pwa-update-icon{background:color-mix(in srgb,var(--danger) 13%,var(--surface));color:var(--danger)}.pwa-update-icon svg{width:22px;height:22px}.pwa-update-icon .spinning{animation:pwa-update-spin .9s linear infinite}.pwa-update-toast>div:nth-child(2){min-width:0;display:grid;line-height:1.55}.pwa-update-toast b{font-size:12px}.pwa-update-toast small{overflow:hidden;color:var(--muted-ink);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.pwa-update-actions{display:flex;align-items:center;gap:6px}.pwa-update-actions button{min-height:40px;padding:8px 12px;border-radius:12px;font-size:9px;font-weight:850}.pwa-update-later{border:0;background:transparent;color:var(--muted-ink)}.pwa-update-apply{border:0;background:var(--primary);color:white;box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 26%,transparent)}.pwa-guide-backdrop{position:fixed;z-index:200;inset:0;padding:18px;display:flex;align-items:flex-end;justify-content:center;background:rgba(24,16,28,.48);backdrop-filter:blur(12px);animation:pwa-backdrop-in .18s ease-out}.pwa-guide{width:min(480px,100%);padding:9px 18px calc(20px + env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.86);border-radius:30px;background:rgba(255,255,255,.97);color:#241b2d;box-shadow:0 30px 90px rgba(39,20,34,.34);animation:pwa-sheet-in .26s var(--ease)}.pwa-guide-handle{width:42px;height:5px;margin:0 auto 14px;border-radius:999px;background:#ded6dc}.pwa-guide>header{display:grid;grid-template-columns:52px minmax(0,1fr) 40px;align-items:center;gap:11px}.pwa-guide-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;background:var(--primary-soft);color:var(--primary)}.pwa-guide h2{margin:0;font-size:18px}.pwa-guide header p{margin:2px 0 0;color:#716979;font-size:10px}.pwa-guide header button{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:13px;background:#f4f1f5;color:#716979}.pwa-guide ol{margin:22px 0 0;padding:0;display:grid;gap:9px;list-style:none}.pwa-guide li{min-height:68px;padding:10px;display:flex;align-items:center;gap:10px;border:1px solid #eadfe5;border-radius:18px;background:#fffafb}.pwa-guide li>span{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;background:#dbeafe;color:#2563eb}.pwa-guide li p{margin:0;display:grid;line-height:1.55}.pwa-guide li b{font-size:11px}.pwa-guide li small{color:#716979;font-size:9px}.offline-page{width:min(430px,calc(100% - 32px));min-height:calc(100dvh - 180px);margin-inline:auto;padding:48px 20px 110px;display:grid;place-content:center;justify-items:center;text-align:center}.offline-icon{width:82px;height:82px;display:grid;place-items:center;border-radius:28px;background:var(--primary-soft);color:var(--primary);box-shadow:var(--shadow-sm)}.offline-icon svg{width:36px;height:36px}.offline-page>span{margin-top:20px;color:var(--primary-strong);font-size:10px;font-weight:900}.offline-page h1{margin:5px 0 6px;font-size:clamp(30px,9vw,44px);line-height:1.3;text-wrap:balance}.offline-page p{margin:0;color:var(--muted-ink);font-size:12px;line-height:1.9}.offline-actions{margin-top:22px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.offline-actions>a{min-height:50px;padding:11px 22px;display:inline-flex;align-items:center;gap:8px;border-radius:16px;background:var(--primary);color:white;box-shadow:var(--shadow-primary);font-size:12px;font-weight:850}.offline-actions>a+a{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}@media (max-width:700px){html{overscroll-behavior-y:none}body{--mobile-nav-height:calc(66px + max(6px, env(safe-area-inset-bottom, 0px)));padding-bottom:calc(82px + env(safe-area-inset-bottom));background:radial-gradient(circle at 95% 4%,rgba(251,113,133,.13),transparent 15rem),var(--surface-soft)}a,button{touch-action:manipulation}.push-event-toast,.push-permission-toast,.pwa-update-toast{right:10px;bottom:calc(88px + env(safe-area-inset-bottom));left:10px;width:auto;min-height:0;padding:10px;grid-template-columns:44px minmax(0,1fr);gap:9px;border-radius:20px}body:has(.voice-room) .push-event-toast,body:has(.voice-room) .push-permission-toast{bottom:calc(160px + env(safe-area-inset-bottom))}.push-notification-icon{width:44px;height:44px;border-radius:14px}.push-permission-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr}.push-event-toast>i{display:none}.push-notification-button{width:42px;height:42px;flex-basis:42px;border-radius:14px}body:has(.voice-room) .pwa-update-toast{bottom:calc(160px + env(safe-area-inset-bottom))}.pwa-update-icon{width:44px;height:44px;border-radius:14px}.pwa-update-toast b{font-size:10px}.pwa-update-toast small{font-size:8px}.pwa-update-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr}.pwa-update-actions button{min-height:38px}.pwa-install-card{width:100%;min-height:76px;margin-top:24px;padding:10px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #fecdd3;border-radius:22px;background:linear-gradient(135deg,#fff1f2,#fff);color:#4c192b;text-align:right;box-shadow:var(--shadow-sm)}.pwa-install-card>span{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:#e11d48;color:white;box-shadow:0 8px 20px rgba(225,29,72,.22)}.pwa-install-card>span svg{width:21px;height:21px}.pwa-install-card p{min-width:0;margin:0;display:grid;line-height:1.55}.pwa-install-card b{font-size:11px}.pwa-install-card small{color:#856978;font-size:8px}.pwa-install-card>i{padding:6px 9px;border-radius:10px;background:#ffe4e9;color:#be123c;font-size:8px;font-style:normal;font-weight:900}}html[data-theme=dark] .pwa-guide{border-color:#3e3342;background:#1d1820;color:#f8f4f7}html[data-theme=dark] .pwa-update-toast{border-color:#493743;background:rgba(29,24,32,.96);box-shadow:0 22px 60px rgba(0,0,0,.4)}html[data-theme=dark] .push-event-toast,html[data-theme=dark] .push-permission-toast{border-color:#33476c;background:rgba(29,24,32,.96);box-shadow:0 22px 60px rgba(0,0,0,.4)}html[data-theme=dark] .pwa-guide-handle{background:#524758}html[data-theme=dark] .pwa-guide header p,html[data-theme=dark] .pwa-guide li small{color:#b3a7b1}html[data-theme=dark] .pwa-guide header button,html[data-theme=dark] .pwa-guide li{border-color:#3b313e;background:#29222c}@media (max-width:700px){html[data-theme=dark] .pwa-install-card{border-color:#583141;background:linear-gradient(135deg,#321d25,#211b24);color:#fbe9ef}html[data-theme=dark] .pwa-install-card small{color:#bba7b0}html[data-theme=dark] .pwa-install-card>i{background:#472332;color:#fda4af}}@media (display-mode:standalone) and (max-width:700px){.site-header{padding-top:env(safe-area-inset-top)}.pwa-install-button,.pwa-install-card{display:none}}@media (prefers-reduced-motion:reduce){.push-event-toast,.push-permission-toast,.pwa-guide,.pwa-guide-backdrop,.pwa-update-icon .spinning,.pwa-update-toast{animation:none}}@keyframes pwa-backdrop-in{0%{opacity:0}}@keyframes pwa-sheet-in{0%{opacity:0;transform:translateY(30px)}}@keyframes pwa-toast-in{0%{opacity:0;transform:translateY(18px) scale(.98)}}@keyframes pwa-update-spin{to{transform:rotate(-1turn)}}html:root body :is(.pwa-update-toast,.push-permission-toast,.push-event-toast,.pwa-guide,.pwa-install-card),html:root body aside:has(>.push-notification-icon){border:1px solid rgba(255,214,140,.22);background:linear-gradient(170deg,#2a2670,#14123e);color:#fff8f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 24px 60px -12px rgba(0,0,0,.7);backdrop-filter:none}html:root body :is(.pwa-update-toast,.push-permission-toast).error,html:root body aside.error:has(>.push-notification-icon){border-color:rgba(255,116,136,.6)}html:root body :is(.pwa-update-icon,.push-notification-icon,.pwa-guide-icon,.pwa-install-card>span){border-radius:15px;background:linear-gradient(180deg,#ffe28a,#f5b93a);color:#6b3f00;box-shadow:inset 0 2px 0 rgba(255,255,255,.5),0 3px 0 #a86a0c}html:root body :is(.pwa-update-toast.error .pwa-update-icon,aside.error>.push-notification-icon){background:linear-gradient(180deg,#ff7488,#ef2349);color:#fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 3px 0 #a0122f}html:root body :is(.pwa-update-toast,.push-permission-toast,.push-event-toast,.pwa-install-card,aside:has(>.push-notification-icon)) b{font-family:Lalezar,Vazirmatn Variable,Vazirmatn,sans-serif;font-size:16px;font-weight:400}html:root body :is(.pwa-update-toast,.push-permission-toast,.push-event-toast,.pwa-install-card,.pwa-guide,aside:has(>.push-notification-icon)) :is(small,header p){color:#b9b4dc;font-size:12px}html:root body :is(.pwa-update-actions button,.push-permission-actions :is(button,a)){min-height:40px;border:0;border-radius:13px;font-family:Lalezar,Vazirmatn Variable,Vazirmatn,sans-serif;font-size:15px;font-weight:400}html:root body :is(.pwa-update-apply,.push-permission-enable){background:linear-gradient(180deg,#ff7488,#ef2349);color:#fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 3px 0 #a0122f}html:root body :is(.pwa-update-later,.push-permission-later){background:transparent;color:#b9b4dc;box-shadow:none}html:root body :is(.pwa-update-apply,.push-permission-enable):active{transform:translateY(3px);box-shadow:none}html:root body .push-event-toast>i,html:root body .pwa-install-card>i{background:linear-gradient(180deg,#ffe28a,#f5b93a);color:#6b3f00;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}html:root body .pwa-guide h2{color:#fff8f0;font-family:Lalezar,Vazirmatn Variable,Vazirmatn,sans-serif;font-weight:400}html:root body .pwa-guide header button{border:0;background:rgba(255,255,255,.08);color:#fff8f0}html:root body .pwa-guide li{border-color:rgba(255,255,255,.06);background:rgba(0,0,0,.2)}html:root body .pwa-guide li>span{background:linear-gradient(180deg,#80d4ff,#2f86ff);color:#fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 3px 0 #154fb2}html:root body .pwa-guide-handle{background:rgba(255,214,140,.35)}