@layer properties; @layer theme,base,components,utilities; @layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,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; --color-red-50:oklch(97.1% .013 17.38); --color-red-500:oklch(63.7% .237 25.331); --color-red-600:oklch(57.7% .245 27.325); --color-red-700:oklch(50.5% .213 27.518); --color-orange-50:oklch(98% .016 73.684); --color-orange-100:oklch(95.4% .038 75.164); --color-orange-300:oklch(83.7% .128 66.29); --color-orange-900:oklch(40.8% .123 38.172); --color-amber-50:oklch(98.7% .022 95.277); --color-amber-100:oklch(96.2% .059 95.617); --color-amber-200:oklch(92.4% .12 95.746); --color-amber-300:oklch(87.9% .169 91.605); --color-amber-400:oklch(82.8% .189 84.429); --color-amber-500:oklch(76.9% .188 70.08); --color-amber-600:oklch(66.6% .179 58.318); --color-amber-700:oklch(55.5% .163 48.998); --color-amber-900:oklch(41.4% .112 45.904); --color-amber-950:oklch(27.9% .077 45.635); --color-yellow-100:oklch(97.3% .071 103.193); --color-yellow-200:oklch(94.5% .129 101.54); --color-yellow-400:oklch(85.2% .199 91.936); --color-green-50:oklch(98.2% .018 155.826); --color-green-100:oklch(96.2% .044 156.743); --color-green-300:oklch(87.1% .15 154.449); --color-green-500:oklch(72.3% .219 149.579); --color-green-600:oklch(62.7% .194 149.214); --color-green-900:oklch(39.3% .095 152.535); --color-emerald-50:oklch(97.9% .021 166.113); --color-emerald-100:oklch(95% .052 163.051); --color-emerald-200:oklch(90.5% .093 164.15); --color-emerald-300:oklch(84.5% .143 164.978); --color-emerald-400:oklch(76.5% .177 163.223); --color-emerald-800:oklch(43.2% .095 166.913); --color-emerald-900:oklch(37.8% .077 168.94); --color-cyan-100:oklch(95.6% .045 203.388); --color-sky-50:oklch(97.7% .013 236.62); --color-sky-100:oklch(95.1% .026 236.824); --color-sky-200:oklch(90.1% .058 230.902); --color-sky-300:oklch(82.8% .111 230.318); --color-sky-400:oklch(74.6% .16 232.661); --color-sky-600:oklch(58.8% .158 241.966); --color-sky-700:oklch(50% .134 242.749); --color-sky-900:oklch(39.1% .09 240.876); --color-sky-950:oklch(29.3% .066 243.157); --color-blue-100:oklch(93.2% .032 255.585); --color-blue-200:oklch(88.2% .059 254.128); --color-blue-600:oklch(54.6% .245 262.881); --color-indigo-50:oklch(96.2% .018 272.314); --color-indigo-100:oklch(93% .034 272.788); --color-indigo-200:oklch(87% .065 274.039); --color-indigo-300:oklch(78.5% .115 274.713); --color-indigo-500:oklch(58.5% .233 277.117); --color-indigo-600:oklch(51.1% .262 276.966); --color-indigo-700:oklch(45.7% .24 277.023); --color-indigo-800:oklch(39.8% .195 277.366); --color-indigo-900:oklch(35.9% .144 278.697); --color-indigo-950:oklch(25.7% .09 281.288); --color-violet-50:oklch(96.9% .016 293.756); --color-violet-100:oklch(94.3% .029 294.588); --color-violet-200:oklch(89.4% .057 293.283); --color-violet-400:oklch(70.2% .183 293.541); --color-violet-900:oklch(38% .189 293.745); --color-violet-950:oklch(28.3% .141 291.089); --color-pink-200:oklch(89.9% .061 343.231); --color-rose-50:oklch(96.9% .015 12.422); --color-rose-100:oklch(94.1% .03 12.58); --color-rose-200:oklch(89.2% .058 10.001); --color-rose-300:oklch(81% .117 11.638); --color-rose-500:oklch(64.5% .246 16.439); --color-rose-600:oklch(58.6% .253 17.585); --color-rose-700:oklch(51.4% .222 16.935); --color-rose-800:oklch(45.5% .188 13.697); --color-rose-900:oklch(41% .159 10.272); --color-rose-950:oklch(27.1% .105 12.094); --color-slate-50:oklch(98.4% .003 247.858); --color-slate-100:oklch(96.8% .007 247.896); --color-slate-200:oklch(92.9% .013 255.508); --color-slate-300:oklch(86.9% .022 252.894); --color-slate-400:oklch(70.4% .04 256.788); --color-slate-500:oklch(55.4% .046 257.417); --color-slate-600:oklch(44.6% .043 257.281); --color-slate-700:oklch(37.2% .044 257.287); --color-slate-800:oklch(27.9% .041 260.031); --color-slate-900:oklch(20.8% .042 265.755); --color-slate-950:oklch(12.9% .042 264.695); --color-black:#000; --color-white:#fff; --spacing:.25rem; --container-sm:24rem; --container-md:28rem; --text-xs:.75rem; --text-xs--line-height:calc(1 / .75); --text-sm:.875rem; --text-sm--line-height:calc(1.25 / .875); --text-base:1rem; --text-base--line-height:calc(1.5 / 1); --text-lg:1.125rem; --text-lg--line-height:calc(1.75 / 1.125); --text-xl:1.25rem; --text-xl--line-height:calc(1.75 / 1.25); --text-2xl:1.5rem; --text-2xl--line-height:calc(2 / 1.5); --text-3xl:1.875rem; --text-3xl--line-height:calc(2.25 / 1.875); --text-7xl:4.5rem; --text-7xl--line-height:1; --font-weight-bold:700; --font-weight-black:900; --tracking-tight:-0.025em; --tracking-wide:.025em; --tracking-widest:.1em; --leading-tight:1.25; --leading-snug:1.375; --leading-relaxed:1.625; --radius-lg:.5rem; --radius-xl:.75rem; --radius-2xl:1rem; --radius-3xl:1.5rem; --drop-shadow-sm:0 1px 2px rgb(0 0 0 / .15); --drop-shadow-lg:0 4px 4px rgb(0 0 0 / .15); --animate-spin:spin 1s linear infinite; --blur-sm:8px; --blur-md:12px; --default-transition-duration:150ms; --default-transition-timing-function:cubic-bezier(0.4,0,0.2,1); --default-font-family:var(--font-sans); --default-mono-font-family:var(--font-mono)}} @layer base{*,::after,::before,::backdrop,::file-selector-button{box-sizing:border-box; margin:0; padding:0; border:0 solid} html,:host{line-height:1.5; -webkit-text-size-adjust:100%; tab-size:4; font-family:var(--default-font-family,ui-sans-serif,system-ui,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,samp,pre{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{font-size:75%; line-height:0; position:relative; vertical-align:baseline} sub{bottom:-0.25em} sup{top:-0.5em} table{text-indent:0; border-color:inherit; border-collapse:collapse}:-moz-focusring{outline:auto} progress{vertical-align:baseline} summary{display:list-item} ol,ul,menu{list-style:none} img,svg,video,canvas,audio,iframe,embed,object{display:block; vertical-align:middle} img,video{max-width:100%; height:auto} button,input,select,optgroup,textarea,::file-selector-button{font:inherit; font-feature-settings:inherit; font-variation-settings:inherit; letter-spacing:inherit; color:inherit; border-radius:0; background-color:transparent; opacity:1}: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,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none} button,input:where([type="button"],[type="reset"],[type="submit"]),::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 utilities{.pointer-events-none{pointer-events:none} .absolute{position:absolute} .relative{position:relative} .inset-0{inset:calc(var(--spacing) * 0)} .top-3{top:calc(var(--spacing) * 3)} .top-28{top:calc(var(--spacing) * 28)} .top-40{top:calc(var(--spacing) * 40)} .top-\[9\%\]{top:9%} .top-\[11\%\]{top:11%} .-right-5{right:calc(var(--spacing) * -5)} .right-1{right:calc(var(--spacing) * 1)} .right-3{right:calc(var(--spacing) * 3)} .right-\[6\%\]{right:6%} .right-\[12\%\]{right:12%} .bottom-0{bottom:calc(var(--spacing) * 0)} .bottom-\[16\%\]{bottom:16%} .-left-7{left:calc(var(--spacing) * -7)} .left-2{left:calc(var(--spacing) * 2)} .left-\[8\%\]{left:8%} .z-10{z-index:10} .z-30{z-index:30} .z-40{z-index:40} .z-50{z-index:50} .z-\[60\]{z-index:60} .z-\[70\]{z-index:70} .z-\[80\]{z-index:80} .mx-auto{margin-inline:auto} .-mt-1{margin-top:calc(var(--spacing) * -1)} .mt-0\.5{margin-top:calc(var(--spacing) * .5)} .mt-1{margin-top:calc(var(--spacing) * 1)} .mt-1\.5{margin-top:calc(var(--spacing) * 1.5)} .mt-2{margin-top:calc(var(--spacing) * 2)} .mt-2\.5{margin-top:calc(var(--spacing) * 2.5)} .mt-3{margin-top:calc(var(--spacing) * 3)} .mt-5{margin-top:calc(var(--spacing) * 5)} .mt-8{margin-top:calc(var(--spacing) * 8)} .mt-auto{margin-top:auto} .mr-1{margin-right:calc(var(--spacing) * 1)} .mr-2{margin-right:calc(var(--spacing) * 2)} .mb-1{margin-bottom:calc(var(--spacing) * 1)} .mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)} .mb-2{margin-bottom:calc(var(--spacing) * 2)} .mb-3{margin-bottom:calc(var(--spacing) * 3)} .mb-4{margin-bottom:calc(var(--spacing) * 4)} .mb-6{margin-bottom:calc(var(--spacing) * 6)} .mb-\[-10px\]{margin-bottom:-10px} .block{display:block} .flex{display:flex} .grid{display:grid} .hidden{display:none} .inline-flex{display:inline-flex} .h-1\.5{height:calc(var(--spacing) * 1.5)} .h-4{height:calc(var(--spacing) * 4)} .h-5{height:calc(var(--spacing) * 5)} .h-6{height:calc(var(--spacing) * 6)} .h-7{height:calc(var(--spacing) * 7)} .h-8{height:calc(var(--spacing) * 8)} .h-10{height:calc(var(--spacing) * 10)} .h-12{height:calc(var(--spacing) * 12)} .h-16{height:calc(var(--spacing) * 16)} .h-full{height:100%} .h-screen{height:100vh} .max-h-20{max-height:calc(var(--spacing) * 20)} .max-h-\[96\%\]{max-height:96%} .min-h-0{min-height:calc(var(--spacing) * 0)} .min-h-\[26px\]{min-height:26px} .min-h-\[34px\]{min-height:34px} .min-h-\[36px\]{min-height:36px} .min-h-\[40px\]{min-height:40px} .min-h-\[48px\]{min-height:48px} .min-h-\[54px\]{min-height:54px} .min-h-\[76px\]{min-height:76px} .w-1\.5{width:calc(var(--spacing) * 1.5)} .w-4{width:calc(var(--spacing) * 4)} .w-5{width:calc(var(--spacing) * 5)} .w-7{width:calc(var(--spacing) * 7)} .w-8{width:calc(var(--spacing) * 8)} .w-10{width:calc(var(--spacing) * 10)} .w-11\/12{width:calc(11/12 * 100%)} .w-12{width:calc(var(--spacing) * 12)} .w-16{width:calc(var(--spacing) * 16)} .w-\[45\%\]{width:45%} .w-\[94\%\]{width:94%} .w-\[118px\]{width:118px} .w-full{width:100%} .w-max{width:max-content} .w-screen{width:100vw} .max-w-\[260px\]{max-width:260px} .max-w-md{max-width:var(--container-md)} .max-w-sm{max-width:var(--container-sm)} .min-w-0{min-width:calc(var(--spacing) * 0)} .min-w-\[58px\]{min-width:58px} .flex-1{flex:1} .shrink-0{flex-shrink:0} .flex-grow{flex-grow:1} .-rotate-1{rotate:calc(1deg * -1)} .rotate-\[-13deg\]{rotate:-13deg} .rotate-\[14deg\]{rotate:14deg} .animate-spin{animation:var(--animate-spin)} .cursor-default{cursor:default} .cursor-text{cursor:text} .touch-none{touch-action:none} .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))} .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))} .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))} .flex-col{flex-direction:column} .flex-row{flex-direction:row} .flex-row-reverse{flex-direction:row-reverse} .flex-nowrap{flex-wrap:nowrap} .flex-wrap{flex-wrap:wrap} .content-start{align-content:flex-start} .items-center{align-items:center} .items-end{align-items:flex-end} .items-start{align-items:flex-start} .items-stretch{align-items:stretch} .justify-between{justify-content:space-between} .justify-center{justify-content:center} .justify-start{justify-content:flex-start} .gap-1{gap:calc(var(--spacing) * 1)} .gap-1\.5{gap:calc(var(--spacing) * 1.5)} .gap-2{gap:calc(var(--spacing) * 2)} .gap-2\.5{gap:calc(var(--spacing) * 2.5)} .gap-3{gap:calc(var(--spacing) * 3)} .gap-4{gap:calc(var(--spacing) * 4)} .space-y-1{}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0; margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))} .space-y-1\.5{}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0; margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))} .space-y-2{}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0; margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))} .space-y-3{}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0; margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))} .justify-self-center{justify-self:center} .justify-self-end{justify-self:flex-end} .justify-self-start{justify-self:flex-start} .truncate{overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .overflow-hidden{overflow:hidden} .overflow-x-auto{overflow-x:auto} .overflow-y-auto{overflow-y:auto} .rounded-2xl{border-radius:var(--radius-2xl)} .rounded-3xl{border-radius:var(--radius-3xl)} .rounded-\[11px\]{border-radius:11px} .rounded-\[14px\]{border-radius:14px} .rounded-\[15px\]{border-radius:15px} .rounded-\[18px\]{border-radius:18px} .rounded-\[20px\]{border-radius:20px} .rounded-\[24px\]{border-radius:24px} .rounded-\[28px\]{border-radius:28px} .rounded-\[30px\]{border-radius:30px} .rounded-full{border-radius:calc(infinity * 1px)} .rounded-lg{border-radius:var(--radius-lg)} .rounded-xl{border-radius:var(--radius-xl)} .border{border-style:var(--tw-border-style); border-width:1px} .border-2{border-style:var(--tw-border-style); border-width:2px} .border-4{border-style:var(--tw-border-style); border-width:4px} .border-r{border-right-style:var(--tw-border-style); border-right-width:1px} .border-b{border-bottom-style:var(--tw-border-style); border-bottom-width:1px} .border-amber-100{border-color:var(--color-amber-100)} .border-amber-200{border-color:var(--color-amber-200)} .border-black{border-color:var(--color-black)} .border-emerald-100{border-color:var(--color-emerald-100)} .border-emerald-200\/70{border-color:color-mix(in srgb,oklch(90.5% .093 164.15) 70%,transparent)} @supports (color:color-mix(in lab,red,red)){.border-emerald-200\/70{border-color:color-mix(in oklab,var(--color-emerald-200) 70%,transparent)}} .border-emerald-300{border-color:var(--color-emerald-300)} .border-green-300{border-color:var(--color-green-300)} .border-indigo-100{border-color:var(--color-indigo-100)} .border-indigo-200{border-color:var(--color-indigo-200)} .border-indigo-300{border-color:var(--color-indigo-300)} .border-indigo-800{border-color:var(--color-indigo-800)} .border-orange-300{border-color:var(--color-orange-300)} .border-red-500{border-color:var(--color-red-500)} .border-rose-200{border-color:var(--color-rose-200)} .border-rose-300{border-color:var(--color-rose-300)} .border-sky-100{border-color:var(--color-sky-100)} .border-sky-200{border-color:var(--color-sky-200)} .border-sky-200\/70{border-color:color-mix(in srgb,oklch(90.1% .058 230.902) 70%,transparent)} @supports (color:color-mix(in lab,red,red)){.border-sky-200\/70{border-color:color-mix(in oklab,var(--color-sky-200) 70%,transparent)}} .border-sky-300{border-color:var(--color-sky-300)} .border-sky-400{border-color:var(--color-sky-400)} .border-slate-200{border-color:var(--color-slate-200)} .border-slate-200\/80{border-color:color-mix(in srgb,oklch(92.9% .013 255.508) 80%,transparent)} @supports (color:color-mix(in lab,red,red)){.border-slate-200\/80{border-color:color-mix(in oklab,var(--color-slate-200) 80%,transparent)}} .border-slate-300{border-color:var(--color-slate-300)} .border-slate-700{border-color:var(--color-slate-700)} .border-slate-800{border-color:var(--color-slate-800)} .border-violet-100{border-color:var(--color-violet-100)} .border-violet-200{border-color:var(--color-violet-200)} .border-white{border-color:var(--color-white)} .border-yellow-400{border-color:var(--color-yellow-400)} .border-t-amber-500{border-top-color:var(--color-amber-500)} .border-t-sky-600{border-top-color:var(--color-sky-600)} .bg-amber-50{background-color:var(--color-amber-50)} .bg-amber-50\/80{background-color:color-mix(in srgb,oklch(98.7% .022 95.277) 80%,transparent)} @supports (color:color-mix(in lab,red,red)){.bg-amber-50\/80{background-color:color-mix(in oklab,var(--color-amber-50) 80%,transparent)}} .bg-amber-100{background-color:var(--color-amber-100)} .bg-amber-400{background-color:var(--color-amber-400)} .bg-black{background-color:var(--color-black)} .bg-emerald-50{background-color:var(--color-emerald-50)} .bg-emerald-100{background-color:var(--color-emerald-100)} .bg-emerald-400{background-color:var(--color-emerald-400)} .bg-green-100{background-color:var(--color-green-100)} .bg-indigo-50{background-color:var(--color-indigo-50)} .bg-indigo-100{background-color:var(--color-indigo-100)} .bg-indigo-600{background-color:var(--color-indigo-600)} .bg-indigo-950{background-color:var(--color-indigo-950)} .bg-indigo-950\/90{background-color:color-mix(in srgb,oklch(25.7% .09 281.288) 90%,transparent)} @supports (color:color-mix(in lab,red,red)){.bg-indigo-950\/90{background-color:color-mix(in oklab,var(--color-indigo-950) 90%,transparent)}} .bg-orange-100{background-color:var(--color-orange-100)} .bg-pink-200{background-color:var(--color-pink-200)} .bg-red-600{background-color:var(--color-red-600)} .bg-rose-50{background-color:var(--color-rose-50)} .bg-rose-100{background-color:var(--color-rose-100)} .bg-rose-600{background-color:var(--color-rose-600)} .bg-sky-50{background-color:var(--color-sky-50)} .bg-sky-50\/80{background-color:color-mix(in srgb,oklch(97.7% .013 236.62) 80%,transparent)} @supports (color:color-mix(in lab,red,red)){.bg-sky-50\/80{background-color:color-mix(in oklab,var(--color-sky-50) 80%,transparent)}} .bg-sky-100{background-color:var(--color-sky-100)} .bg-sky-200{background-color:var(--color-sky-200)} .bg-sky-400{background-color:var(--color-sky-400)} .bg-slate-50{background-color:var(--color-slate-50)} .bg-slate-100{background-color:var(--color-slate-100)} .bg-slate-900{background-color:var(--color-slate-900)} .bg-slate-950{background-color:var(--color-slate-950)} .bg-slate-950\/45{background-color:color-mix(in srgb,oklch(12.9% .042 264.695) 45%,transparent)} @supports (color:color-mix(in lab,red,red)){.bg-slate-950\/45{background-color:color-mix(in oklab,var(--color-slate-950) 45%,transparent)}} .bg-slate-950\/55{background-color:color-mix(in srgb,oklch(12.9% .042 264.695) 55%,transparent)} @supports (color:color-mix(in lab,red,red)){.bg-slate-950\/55{background-color:color-mix(in oklab,var(--color-slate-950) 55%,transparent)}} .bg-slate-950\/80{background-color:color-mix(in srgb,oklch(12.9% .042 264.695) 80%,transparent)} @supports (color:color-mix(in lab,red,red)){.bg-slate-950\/80{background-color:color-mix(in oklab,var(--color-slate-950) 80%,transparent)}} .bg-slate-950\/85{background-color:color-mix(in srgb,oklch(12.9% .042 264.695) 85%,transparent)} @supports (color:color-mix(in lab,red,red)){.bg-slate-950\/85{background-color:color-mix(in oklab,var(--color-slate-950) 85%,transparent)}} .bg-slate-950\/95{background-color:color-mix(in srgb,oklch(12.9% .042 264.695) 95%,transparent)} @supports (color:color-mix(in lab,red,red)){.bg-slate-950\/95{background-color:color-mix(in oklab,var(--color-slate-950) 95%,transparent)}} .bg-violet-50{background-color:var(--color-violet-50)} .bg-white{background-color:var(--color-white)} .bg-white\/75{background-color:color-mix(in srgb,#fff 75%,transparent)} @supports (color:color-mix(in lab,red,red)){.bg-white\/75{background-color:color-mix(in oklab,var(--color-white) 75%,transparent)}} .bg-white\/90{background-color:color-mix(in srgb,#fff 90%,transparent)} @supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}} .bg-white\/95{background-color:color-mix(in srgb,#fff 95%,transparent)} @supports (color:color-mix(in lab,red,red)){.bg-white\/95{background-color:color-mix(in oklab,var(--color-white) 95%,transparent)}} .bg-yellow-200{background-color:var(--color-yellow-200)} .bg-gradient-to-b{--tw-gradient-position:to bottom in oklab; background-image:linear-gradient(var(--tw-gradient-stops))} .bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab; background-image:linear-gradient(var(--tw-gradient-stops))} .bg-gradient-to-r{--tw-gradient-position:to right in oklab; background-image:linear-gradient(var(--tw-gradient-stops))} .from-amber-50{--tw-gradient-from:var(--color-amber-50); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .from-amber-400{--tw-gradient-from:var(--color-amber-400); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .from-emerald-400{--tw-gradient-from:var(--color-emerald-400); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .from-indigo-50{--tw-gradient-from:var(--color-indigo-50); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .from-indigo-100{--tw-gradient-from:var(--color-indigo-100); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .from-red-500{--tw-gradient-from:var(--color-red-500); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .from-rose-50{--tw-gradient-from:var(--color-rose-50); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .from-rose-500{--tw-gradient-from:var(--color-rose-500); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .from-sky-50{--tw-gradient-from:var(--color-sky-50); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .from-sky-100{--tw-gradient-from:var(--color-sky-100); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .from-sky-400{--tw-gradient-from:var(--color-sky-400); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .from-slate-100{--tw-gradient-from:var(--color-slate-100); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .from-violet-400{--tw-gradient-from:var(--color-violet-400); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .via-sky-200{--tw-gradient-via:var(--color-sky-200); --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops:var(--tw-gradient-via-stops)} .via-white{--tw-gradient-via:var(--color-white); --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops:var(--tw-gradient-via-stops)} .to-amber-50{--tw-gradient-to:var(--color-amber-50); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .to-blue-100{--tw-gradient-to:var(--color-blue-100); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .to-blue-200{--tw-gradient-to:var(--color-blue-200); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .to-blue-600{--tw-gradient-to:var(--color-blue-600); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .to-cyan-100{--tw-gradient-to:var(--color-cyan-100); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .to-emerald-200{--tw-gradient-to:var(--color-emerald-200); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .to-green-500{--tw-gradient-to:var(--color-green-500); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .to-green-600{--tw-gradient-to:var(--color-green-600); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .to-indigo-600{--tw-gradient-to:var(--color-indigo-600); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .to-orange-50{--tw-gradient-to:var(--color-orange-50); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .to-red-50{--tw-gradient-to:var(--color-red-50); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .to-red-600{--tw-gradient-to:var(--color-red-600); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .to-rose-600{--tw-gradient-to:var(--color-rose-600); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .to-slate-200{--tw-gradient-to:var(--color-slate-200); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .to-violet-100{--tw-gradient-to:var(--color-violet-100); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .to-violet-200{--tw-gradient-to:var(--color-violet-200); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .to-white{--tw-gradient-to:var(--color-white); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .to-yellow-100{--tw-gradient-to:var(--color-yellow-100); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .to-yellow-400{--tw-gradient-to:var(--color-yellow-400); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))} .p-1{padding:calc(var(--spacing) * 1)} .p-2{padding:calc(var(--spacing) * 2)} .p-3{padding:calc(var(--spacing) * 3)} .p-4{padding:calc(var(--spacing) * 4)} .p-5{padding:calc(var(--spacing) * 5)} .p-6{padding:calc(var(--spacing) * 6)} .p-7{padding:calc(var(--spacing) * 7)} .px-1{padding-inline:calc(var(--spacing) * 1)} .px-1\.5{padding-inline:calc(var(--spacing) * 1.5)} .px-2{padding-inline:calc(var(--spacing) * 2)} .px-2\.5{padding-inline:calc(var(--spacing) * 2.5)} .px-3{padding-inline:calc(var(--spacing) * 3)} .px-4{padding-inline:calc(var(--spacing) * 4)} .px-5{padding-inline:calc(var(--spacing) * 5)} .py-0\.5{padding-block:calc(var(--spacing) * .5)} .py-1{padding-block:calc(var(--spacing) * 1)} .py-1\.5{padding-block:calc(var(--spacing) * 1.5)} .py-2{padding-block:calc(var(--spacing) * 2)} .py-2\.5{padding-block:calc(var(--spacing) * 2.5)} .py-3{padding-block:calc(var(--spacing) * 3)} .py-3\.5{padding-block:calc(var(--spacing) * 3.5)} .pt-1{padding-top:calc(var(--spacing) * 1)} .pt-3{padding-top:calc(var(--spacing) * 3)} .pt-5{padding-top:calc(var(--spacing) * 5)} .pr-2{padding-right:calc(var(--spacing) * 2)} .pb-0{padding-bottom:calc(var(--spacing) * 0)} .pb-3{padding-bottom:calc(var(--spacing) * 3)} .pb-4{padding-bottom:calc(var(--spacing) * 4)} .pb-6{padding-bottom:calc(var(--spacing) * 6)} .text-center{text-align:center} .text-left{text-align:left} .text-right{text-align:right} .text-2xl{font-size:var(--text-2xl); line-height:var(--tw-leading,var(--text-2xl--line-height))} .text-3xl{font-size:var(--text-3xl); line-height:var(--tw-leading,var(--text-3xl--line-height))} .text-7xl{font-size:var(--text-7xl); line-height:var(--tw-leading,var(--text-7xl--line-height))} .text-base{font-size:var(--text-base); line-height:var(--tw-leading,var(--text-base--line-height))} .text-lg{font-size:var(--text-lg); line-height:var(--tw-leading,var(--text-lg--line-height))} .text-sm{font-size:var(--text-sm); line-height:var(--tw-leading,var(--text-sm--line-height))} .text-xl{font-size:var(--text-xl); line-height:var(--tw-leading,var(--text-xl--line-height))} .text-xs{font-size:var(--text-xs); line-height:var(--tw-leading,var(--text-xs--line-height))} .text-\[9px\]{font-size:9px} .text-\[10\.5px\]{font-size:10.5px} .text-\[10px\]{font-size:10px} .text-\[11px\]{font-size:11px} .text-\[12px\]{font-size:12px} .text-\[15px\]{font-size:15px} .text-\[30px\]{font-size:30px} .text-\[32px\]{font-size:32px} .leading-5{--tw-leading:calc(var(--spacing) * 5); line-height:calc(var(--spacing) * 5)} .leading-\[29px\]{--tw-leading:29px; line-height:29px} .leading-\[30px\]{--tw-leading:30px; line-height:30px} .leading-none{--tw-leading:1; line-height:1} .leading-relaxed{--tw-leading:var(--leading-relaxed); line-height:var(--leading-relaxed)} .leading-snug{--tw-leading:var(--leading-snug); line-height:var(--leading-snug)} .leading-tight{--tw-leading:var(--leading-tight); line-height:var(--leading-tight)} .font-black{--tw-font-weight:var(--font-weight-black); font-weight:var(--font-weight-black)} .font-bold{--tw-font-weight:var(--font-weight-bold); font-weight:var(--font-weight-bold)} .tracking-\[\.14em\]{--tw-tracking:.14em; letter-spacing:.14em} .tracking-\[\.18em\]{--tw-tracking:.18em; letter-spacing:.18em} .tracking-tight{--tw-tracking:var(--tracking-tight); letter-spacing:var(--tracking-tight)} .tracking-wide{--tw-tracking:var(--tracking-wide); letter-spacing:var(--tracking-wide)} .tracking-widest{--tw-tracking:var(--tracking-widest); letter-spacing:var(--tracking-widest)} .whitespace-nowrap{white-space:nowrap} .text-amber-200{color:var(--color-amber-200)} .text-amber-500{color:var(--color-amber-500)} .text-amber-600{color:var(--color-amber-600)} .text-amber-700{color:var(--color-amber-700)} .text-amber-900{color:var(--color-amber-900)} .text-amber-950{color:var(--color-amber-950)} .text-amber-950\/80{color:color-mix(in srgb,oklch(27.9% .077 45.635) 80%,transparent)} @supports (color:color-mix(in lab,red,red)){.text-amber-950\/80{color:color-mix(in oklab,var(--color-amber-950) 80%,transparent)}} .text-emerald-400{color:var(--color-emerald-400)} .text-emerald-800{color:var(--color-emerald-800)} .text-emerald-900{color:var(--color-emerald-900)} .text-green-50{color:var(--color-green-50)} .text-green-900{color:var(--color-green-900)} .text-indigo-100{color:var(--color-indigo-100)} .text-indigo-600{color:var(--color-indigo-600)} .text-indigo-700{color:var(--color-indigo-700)} .text-indigo-800{color:var(--color-indigo-800)} .text-indigo-900{color:var(--color-indigo-900)} .text-indigo-950{color:var(--color-indigo-950)} .text-orange-900{color:var(--color-orange-900)} .text-rose-500{color:var(--color-rose-500)} .text-rose-700{color:var(--color-rose-700)} .text-rose-800\/80{color:color-mix(in srgb,oklch(45.5% .188 13.697) 80%,transparent)} @supports (color:color-mix(in lab,red,red)){.text-rose-800\/80{color:color-mix(in oklab,var(--color-rose-800) 80%,transparent)}} .text-rose-900{color:var(--color-rose-900)} .text-rose-950{color:var(--color-rose-950)} .text-sky-50{color:var(--color-sky-50)} .text-sky-200{color:var(--color-sky-200)} .text-sky-600{color:var(--color-sky-600)} .text-sky-700{color:var(--color-sky-700)} .text-sky-900{color:var(--color-sky-900)} .text-sky-950{color:var(--color-sky-950)} .text-sky-950\/80{color:color-mix(in srgb,oklch(29.3% .066 243.157) 80%,transparent)} @supports (color:color-mix(in lab,red,red)){.text-sky-950\/80{color:color-mix(in oklab,var(--color-sky-950) 80%,transparent)}} .text-slate-300{color:var(--color-slate-300)} .text-slate-400{color:var(--color-slate-400)} .text-slate-500{color:var(--color-slate-500)} .text-slate-600{color:var(--color-slate-600)} .text-slate-700{color:var(--color-slate-700)} .text-slate-800{color:var(--color-slate-800)} .text-slate-900{color:var(--color-slate-900)} .text-violet-900{color:var(--color-violet-900)} .text-violet-950{color:var(--color-violet-950)} .text-white{color:var(--color-white)} .uppercase{text-transform:uppercase} .italic{font-style:italic} .tabular-nums{--tw-numeric-spacing:tabular-nums; font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)} .opacity-50{opacity:50%} .opacity-80{opacity:80%} .shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgb(0 0 0 / .1)),0 1px 2px -1px var(--tw-shadow-color,rgb(0 0 0 / .1)); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)} .shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,rgb(0 0 0 / .25)); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)} .shadow-\[0_8px_0_\#1e40af\]{--tw-shadow:0 8px 0 var(--tw-shadow-color,#1e40af); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)} .shadow-\[0_8px_0_\#166534\]{--tw-shadow:0 8px 0 var(--tw-shadow-color,#166534); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)} .shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,rgb(0 0 0 / .05)); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)} .shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,rgb(0 0 0 / .1)),0 4px 6px -4px var(--tw-shadow-color,rgb(0 0 0 / .1)); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)} .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,rgb(0 0 0 / .1)),0 2px 4px -2px var(--tw-shadow-color,rgb(0 0 0 / .1)); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)} .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgb(0 0 0 / .1)),0 1px 2px -1px var(--tw-shadow-color,rgb(0 0 0 / .1)); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)} .shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,rgb(0 0 0 / .1)),0 8px 10px -6px var(--tw-shadow-color,rgb(0 0 0 / .1)); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)} .ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px+var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)} .ring-amber-400{--tw-ring-color:var(--color-amber-400)} .drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,rgb(0 0 0 / .1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,rgb(0 0 0 / .06))); --tw-drop-shadow:drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06)); 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,)} .drop-shadow-lg{--tw-drop-shadow-size:drop-shadow(0 4px 4px var(--tw-drop-shadow-color,rgb(0 0 0 / .15))); --tw-drop-shadow:drop-shadow(var(--drop-shadow-lg)); 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,)} .drop-shadow-sm{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,rgb(0 0 0 / .15))); --tw-drop-shadow:drop-shadow(var(--drop-shadow-sm)); 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-blur-\[2px\]{--tw-backdrop-blur:blur(2px); -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,)} .backdrop-blur-\[5px\]{--tw-backdrop-blur:blur(5px); -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,)} .backdrop-blur-\[7px\]{--tw-backdrop-blur:blur(7px); -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,)} .backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md)); -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,)} .backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm)); -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,visibility,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))} .transition-all{transition-property:all; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)); transition-duration:var(--tw-duration,var(--default-transition-duration))} .transition-transform{transition-property:transform,translate,scale,rotate; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)); transition-duration:var(--tw-duration,var(--default-transition-duration))} .duration-150{--tw-duration:150ms; transition-duration:150ms} .duration-200{--tw-duration:200ms; transition-duration:200ms} .outline-none{--tw-outline-style:none; outline-style:none} .select-all{-webkit-user-select:all; user-select:all} .select-none{-webkit-user-select:none} button,input,textarea,select{font-family:'Quicksand',sans-serif!important} body{user-select:none} .hover\:-translate-y-1{} @media (hover:hover){.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1); translate:var(--tw-translate-x) var(--tw-translate-y)}} .hover\:bg-indigo-500{} @media (hover:hover){.hover\:bg-indigo-500:hover{background-color:var(--color-indigo-500)}} .hover\:bg-red-700{} @media (hover:hover){.hover\:bg-red-700:hover{background-color:var(--color-red-700)}} .hover\:bg-slate-200{} @media (hover:hover){.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}} .hover\:from-amber-300{} @media (hover:hover){.hover\:from-amber-300:hover{--tw-gradient-from:var(--color-amber-300); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))}} .focus\:border-amber-500{} .focus\:border-amber-500:focus{border-color:var(--color-amber-500)} .active\:translate-y-1{} .active\:translate-y-1:active{--tw-translate-y:calc(var(--spacing) * 1); translate:var(--tw-translate-x) var(--tw-translate-y)} .active\:scale-95{} .active\:scale-95:active{--tw-scale-x:95%; --tw-scale-y:95%; --tw-scale-z:95%; scale:var(--tw-scale-x) var(--tw-scale-y)} .active\:scale-\[\.99\]{} .active\:scale-\[\.99\]:active{scale:.99} .active\:scale-\[0\.98\]{} .active\:scale-\[0\.98\]:active{scale:.98} .active\:shadow-\[0_4px_0_\#1e40af\]{} .active\:shadow-\[0_4px_0_\#1e40af\]:active{--tw-shadow:0 4px 0 var(--tw-shadow-color,#1e40af); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)} .active\:shadow-\[0_4px_0_\#166534\]{} .active\:shadow-\[0_4px_0_\#166534\]:active{--tw-shadow:0 4px 0 var(--tw-shadow-color,#166534); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)} .sm\:pt-5{} @media (width>= 40rem){.sm\:pt-5{padding-top:calc(var(--spacing) * 5)}}} @property --tw-space-y-reverse{syntax:"*"; inherits:false; initial-value:0} @property --tw-border-style{syntax:"*"; inherits:false; initial-value:solid} @property --tw-gradient-position{syntax:"*"; inherits:false} @property --tw-gradient-from{syntax:"<color>"; inherits:false; initial-value:#0000} @property --tw-gradient-via{syntax:"<color>"; inherits:false; initial-value:#0000} @property --tw-gradient-to{syntax:"<color>"; inherits:false; initial-value:#0000} @property --tw-gradient-stops{syntax:"*"; inherits:false} @property --tw-gradient-via-stops{syntax:"*"; inherits:false} @property --tw-gradient-from-position{syntax:"<length-percentage>"; inherits:false; initial-value:0} @property --tw-gradient-via-position{syntax:"<length-percentage>"; inherits:false; initial-value:50%} @property --tw-gradient-to-position{syntax:"<length-percentage>"; inherits:false; initial-value:100%} @property --tw-leading{syntax:"*"; inherits:false} @property --tw-font-weight{syntax:"*"; inherits:false} @property --tw-tracking{syntax:"*"; inherits:false} @property --tw-ordinal{syntax:"*"; inherits:false} @property --tw-slashed-zero{syntax:"*"; inherits:false} @property --tw-numeric-figure{syntax:"*"; inherits:false} @property --tw-numeric-spacing{syntax:"*"; inherits:false} @property --tw-numeric-fraction{syntax:"*"; inherits:false} @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-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-duration{syntax:"*"; inherits:false} @property --tw-translate-x{syntax:"*"; inherits:false; initial-value:0} @property --tw-translate-y{syntax:"*"; inherits:false; initial-value:0} @property --tw-translate-z{syntax:"*"; inherits:false; initial-value:0} @property --tw-scale-x{syntax:"*"; inherits:false; initial-value:1} @property --tw-scale-y{syntax:"*"; inherits:false; initial-value:1} @property --tw-scale-z{syntax:"*"; inherits:false; initial-value:1} @keyframes spin{to{transform:rotate(360deg)}} @layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::before,::after,::backdrop{--tw-space-y-reverse:0; --tw-border-style:solid; --tw-gradient-position:initial; --tw-gradient-from:#0000; --tw-gradient-via:#0000; --tw-gradient-to:#0000; --tw-gradient-stops:initial; --tw-gradient-via-stops:initial; --tw-gradient-from-position:0; --tw-gradient-via-position:50%; --tw-gradient-to-position:100%; --tw-leading:initial; --tw-font-weight:initial; --tw-tracking:initial; --tw-ordinal:initial; --tw-slashed-zero:initial; --tw-numeric-figure:initial; --tw-numeric-spacing:initial; --tw-numeric-fraction:initial; --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:0; --tw-ring-offset-color:#fff; --tw-ring-offset-shadow:0 0 #0000; --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-duration:initial; --tw-translate-x:0; --tw-translate-y:0; --tw-translate-z:0; --tw-scale-x:1; --tw-scale-y:1; --tw-scale-z:1}}} #scrabble-grid .letter-cell .tile-score{font-size:clamp(.56rem,2.15vw,.74rem)!important; font-weight:900!important; bottom:2px!important; right:3px!important; line-height:.95!important} #scrabble-grid .letter-cell.tile-dragging{transform:translate3d(0,-2px,0) scale(1.13)!important; z-index:45!important; box-shadow:0 8px 18px rgba(15,23,42,.24),0 0 0 2px rgba(255,255,255,.72)!important; filter:none} #scrabble-grid .letter-cell.tile-dragging .tile-score{font-size:clamp(.60rem,2.25vw,.78rem)!important; font-weight:1000!important} @media (hover:hover) and (pointer:fine){#scrabble-grid{cursor:grab} #scrabble-grid.is-grabbing{cursor:default!important} #scrabble-grid .letter-cell.tile-hover-p1:not(.tile-dragging),#scrabble-grid .letter-cell.tile-hover-p2:not(.tile-dragging){transform:translate3d(0,-1px,0) scale(1.015)!important; z-index:35!important; box-shadow:0 7px 15px rgba(15,23,42,.18),0 0 0 1.5px rgba(255,255,255,.62)!important}} @media (max-width:600px),(max-height:760px){#scrabble-grid .letter-cell .tile-score{font-size:clamp(.52rem,2.25vw,.66rem)!important; bottom:1px!important; right:2px!important} #scrabble-grid .letter-cell.tile-dragging{transform:translate3d(0,-2px,0) scale(1.14)!important}} @media (max-width:380px) and (pointer:coarse){#scrabble-grid .letter-cell .tile-score{font-size:.52rem!important; right:2px!important; bottom:1px!important}} #screen-howto,#screen-settings,#screen-about,#screen-support{position:absolute!important; inset:0!important; z-index:80!important; background:rgba(15,23,42,.58)!important; padding:12px!important; display:flex; align-items:center; justify-content:center; overflow:hidden!important} #screen-howto.hidden,#screen-settings.hidden,#screen-about.hidden,#screen-support.hidden{display:none!important} #screen-howto>div,#screen-settings>div,#screen-about>div,#screen-support>div{width:min(100%,390px)!important; max-width:390px!important; max-height:min(88dvh,720px)!important; overflow-y:auto!important; overscroll-behavior:contain; background:linear-gradient(180deg,#f8fbff 0,#ffffff 100%)!important; border:1px solid rgba(203,213,225,.95)!important; border-radius:24px!important; padding:14px!important; box-shadow:0 18px 42px rgba(15,23,42,.28)!important; scrollbar-width:none} #screen-howto>div::-webkit-scrollbar,#screen-settings>div::-webkit-scrollbar,#screen-about>div::-webkit-scrollbar,#screen-support>div::-webkit-scrollbar{display:none} #screen-howto>div{padding-bottom:16px!important} #screen-settings>div,#screen-about>div,#screen-support>div{padding-bottom:18px!important} #screen-howto .text-xs{font-size:13.5px!important;line-height:1.58!important} #screen-howto .text-\[11px\]{font-size:12.5px!important;line-height:1.55!important} #screen-about .text-\[11px\]{font-size:12.5px!important;line-height:1.58!important} #screen-about .about-learning-list p{line-height:1.58!important} #screen-settings .text-\[11px\]{font-size:13px!important;line-height:1.45!important} #screen-settings .sound-step-marks{font-size:14px!important} #screen-settings .sound-mute-row{font-size:14px!important} #screen-support p{line-height:1.58!important} .dict-rules{font-size:10.75px!important;line-height:14.5px!important} .dict-meaning-note{font-size:10px!important;line-height:13px!important} #screen-howto>div>div:first-child,#screen-settings>div>div:first-child,#screen-about>div>div:first-child,#screen-support>div>div:first-child{position:sticky; top:-14px; z-index:3; background:rgba(248,251,255,.97); padding:4px 0 8px} @media (hover:hover) and (pointer:fine){html:fullscreen #scrabble-grid,html:-webkit-full-screen #scrabble-grid{overflow:visible!important; cursor:default!important; contain:layout paint!important} html:fullscreen #scrabble-grid.is-grabbing,html:-webkit-full-screen #scrabble-grid.is-grabbing{cursor:default!important} html:fullscreen #scrabble-grid .letter-cell,html:-webkit-full-screen #scrabble-grid .letter-cell{contain:layout paint style!important; backface-visibility:hidden!important; will-change:auto!important; transition:none!important} html:fullscreen #scrabble-grid .letter-cell.tile-hover-p1:not(.tile-dragging),html:fullscreen #scrabble-grid .letter-cell.tile-hover-p2:not(.tile-dragging),html:-webkit-full-screen #scrabble-grid .letter-cell.tile-hover-p1:not(.tile-dragging),html:-webkit-full-screen #scrabble-grid .letter-cell.tile-hover-p2:not(.tile-dragging){transform:none!important; box-shadow:0 2px 0 #cbd5e1!important} html:fullscreen #scrabble-grid .letter-cell.tile-dragging,html:-webkit-full-screen #scrabble-grid .letter-cell.tile-dragging{transform:none!important; filter:none!important}} @media (hover:hover) and (pointer:fine){html:fullscreen #screen-home .support-heart-icon,html:-webkit-full-screen #screen-home .support-heart-icon{animation:none!important; will-change:auto!important} html:fullscreen #screen-home .home-shortcut,html:fullscreen #screen-home .home-mode-btn,html:-webkit-full-screen #screen-home .home-shortcut,html:-webkit-full-screen #screen-home .home-mode-btn{transition:none!important} html:fullscreen #screen-home .home-shortcut:hover,html:fullscreen #screen-home .home-mode-btn:hover,html:-webkit-full-screen #screen-home .home-shortcut:hover,html:-webkit-full-screen #screen-home .home-mode-btn:hover{transform:none!important; filter:none!important} html:fullscreen #modal-countdown,html:fullscreen #modal-countdown>div,html:-webkit-full-screen #modal-countdown,html:-webkit-full-screen #modal-countdown>div{backdrop-filter:none!important; -webkit-backdrop-filter:none!important} html:fullscreen #countdown-number,html:-webkit-full-screen #countdown-number{will-change:auto!important} html:fullscreen #screen-home .demo-tile,html:fullscreen #modal-countdown .demo-tile,html:-webkit-full-screen #screen-home .demo-tile,html:-webkit-full-screen #modal-countdown .demo-tile{transition:none!important; animation:none!important}} .result-party-fx,.result-card-party,.result-global-confetti{display:none!important} .victory-card{animation:kdPremiumVictory 1.05s cubic-bezier(.2,.8,.2,1) both} @keyframes kdPremiumVictory{0%{transform:scale(.96);filter:brightness(.96)}55%{transform:scale(1.045);filter:brightness(1.08)}100%{transform:scale(1);filter:brightness(1)}} .victory-avatar-crown{animation:kdCrownSettle .7s cubic-bezier(.16,.84,.3,1) both!important} @keyframes kdCrownSettle{0%{opacity:0;transform:translateX(-50%) translateY(-20px) scale(.65) rotate(-12deg)}70%{opacity:1;transform:translateX(-50%) translateY(2px) scale(1.1) rotate(3deg)}100%{opacity:1;transform:translateX(-50%) translateY(0) scale(1) rotate(-5deg)}} #gameover-actions{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px; align-items:stretch} #gameover-actions #btn-play-again,#gameover-actions #btn-game-exit{min-height:50px; margin:0!important; border-radius:16px!important; font-size:14px!important; letter-spacing:.035em; box-shadow:0 7px 16px rgba(15,23,42,.16); display:flex; align-items:center; justify-content:center; gap:7px} #gameover-actions #btn-play-again{background:linear-gradient(135deg,#facc15,#fb923c)!important; color:#422006!important; border:1px solid rgba(253,186,116,.9)} #gameover-actions #btn-play-again::before{content:"↻"; font-size:20px; line-height:1; font-weight:900} #gameover-actions #btn-game-exit{background:linear-gradient(135deg,#fb7185,#dc2626)!important; color:white!important; border:1px solid rgba(254,205,211,.72)} #gameover-actions #btn-game-exit::before{content:"×"; font-size:21px; line-height:1; font-weight:900} #gameover-actions #rematch-inline-status{grid-column:1 / -1; margin-top:0!important} #gameover-actions button:active{transform:translateY(2px) scale(.98)} @media(max-width:360px){#gameover-actions{gap:7px} #gameover-actions #btn-play-again,#gameover-actions #btn-game-exit{font-size:10.5px!important;min-height:46px}}
html{width:100%; height:100%; background:#020617} body{font-family:'Quicksand',sans-serif; background:radial-gradient(circle at 50% 12%,rgba(34,211,238,.14) 0 10%,transparent 38%),linear-gradient(90deg,#020617 0,#071827 10%,#0b2a3d 22%,#0e5d73 calc(50% - 520px),#0891b2 calc(50% - 350px),#38bdf8 calc(50% - 250px),#38bdf8 calc(50%+250px),#0891b2 calc(50%+350px),#0e5d73 calc(50%+520px),#0b2a3d 78%,#071827 90%,#020617 100%); user-select:none; -webkit-user-select:none; touch-action:none; overflow:hidden; margin:0; padding:0; height:100vh; height:100dvh; min-height:100svh; align-items:flex-start !important} #app-container{width:100%; max-width:min(480px,100vw); height:100vh; height:100dvh; margin:0 auto; background-color:#f8fafc; position:relative; box-shadow:0 10px 40px rgba(15,23,42,0.18); display:flex; flex-direction:column} .scrabble-board{width:100%; aspect-ratio:1 / 1; display:grid; grid-template-columns:repeat(9,minmax(0,1fr)); grid-template-rows:repeat(9,minmax(0,1fr)); background-color:#94a3b8; gap:clamp(1.5px,0.42vw,3px); padding:clamp(2px,0.55vw,4px); border-radius:16px; box-sizing:border-box; overscroll-behavior:contain; -webkit-tap-highlight-color:transparent; box-shadow:inset 0 2px 8px rgba(0,0,0,0.15),0 8px 20px rgba(0,0,0,0.15); touch-action:none; cursor:grab; contain:layout paint} .scrabble-board.is-grabbing{cursor:grabbing !important} .letter-cell{background-color:#ffffff; color:#0f172a; display:flex; align-items:center; justify-content:center; font-family:'Quicksand',sans-serif; font-size:clamp(1.28rem,5.5vw,1.78rem); font-weight:900; position:relative; border-radius:clamp(7px,1.8vw,10px); min-width:0; min-height:0; line-height:1; contain:layout paint; box-shadow:0 2px 0 #cbd5e1,inset 0 1px 0 rgba(255,255,255,.78); transition:transform .10s cubic-bezier(0.34,1.56,0.64,1),background-color .10s ease,box-shadow .10s ease; pointer-events:none} .letter-cell .tile-score{position:absolute; bottom:2px; right:3px; font-size:clamp(0.48rem,1.9vw,0.66rem); font-weight:800; color:#64748b; line-height:1; pointer-events:none} .tile-claimed-p1{background-color:#fef3c7 !important; color:#713f12 !important; box-shadow:0 2px 0 #fbbf24 !important} .tile-claimed-p1 .tile-score{color:#854d0e !important} .tile-claimed-p2{background-color:#e0f2fe !important; color:#0c4a6e !important; box-shadow:0 2px 0 #7dd3fc !important} .tile-claimed-p2 .tile-score{color:#0369a1 !important} .tile-claimed-p1.tile-claimed-p2{background:linear-gradient(135deg,#fef3c7 0 49%,#e0f2fe 51% 100%) !important; color:#334155 !important; box-shadow:0 2px 0 #94a3b8 !important} .tile-claimed-p1.tile-claimed-p2 .tile-score{color:#475569 !important} @keyframes remoteWordFlashP1{0%,100%{filter:brightness(1) saturate(1);box-shadow:0 2px 0 #fbbf24} 10%,36%,62%{filter:brightness(1.58) saturate(1.52);box-shadow:0 0 0 5px rgba(251,191,36,1),0 0 30px rgba(245,158,11,.95),inset 0 0 0 3px rgba(255,255,255,.94)} 22%,48%,74%{filter:brightness(1.04) saturate(1.08);box-shadow:0 2px 0 #fbbf24} 88%{filter:brightness(1.22) saturate(1.18);box-shadow:0 0 0 2px rgba(251,191,36,.92),0 0 14px rgba(245,158,11,.62)}} @keyframes remoteWordFlashP2{0%,100%{filter:brightness(1) saturate(1);box-shadow:0 2px 0 #38bdf8} 10%,36%,62%{filter:brightness(1.64) saturate(1.62);box-shadow:0 0 0 5px rgba(56,189,248,1),0 0 32px rgba(14,165,233,.98),inset 0 0 0 3px rgba(255,255,255,.96)} 22%,48%,74%{filter:brightness(1.04) saturate(1.1);box-shadow:0 2px 0 #38bdf8} 88%{filter:brightness(1.22) saturate(1.18);box-shadow:0 0 0 2px rgba(56,189,248,.92),0 0 14px rgba(14,165,233,.64)}} #scrabble-grid .letter-cell.remote-word-flash-p1{animation:remoteWordFlashP1 1.25s ease-in-out 1!important;z-index:22!important; background:#fcd34d!important;color:#713f12!important;border-color:#f59e0b!important} #scrabble-grid .letter-cell.remote-word-flash-p2{animation:remoteWordFlashP2 1.25s ease-in-out 1!important;z-index:22!important; background:#7dd3fc!important;color:#0c4a6e!important;border-color:#0284c7!important} #scrabble-grid .letter-cell.remote-word-flash-p1 .tile-score{color:#92400e!important} #scrabble-grid .letter-cell.remote-word-flash-p2 .tile-score{color:#0369a1!important} @keyframes remoteBadgeFlashP1{0%,100%{filter:brightness(1);box-shadow:none}10%,36%,62%{filter:brightness(1.5);box-shadow:0 0 0 3px rgba(251,191,36,.78),0 0 18px rgba(245,158,11,.72)}22%,48%,74%{filter:brightness(1.03);box-shadow:none}} @keyframes remoteBadgeFlashP2{0%,100%{filter:brightness(1);box-shadow:none}10%,36%,62%{filter:brightness(1.5);box-shadow:0 0 0 3px rgba(56,189,248,.82),0 0 18px rgba(14,165,233,.74)}22%,48%,74%{filter:brightness(1.03);box-shadow:none}} .remote-word-badge-p1{animation:remoteBadgeFlashP1 1.25s ease-in-out 1!important} .remote-word-badge-p2{animation:remoteBadgeFlashP2 1.25s ease-in-out 1!important} @media (prefers-reduced-motion:reduce){#scrabble-grid .letter-cell.remote-word-flash-p1,#scrabble-grid .letter-cell.remote-word-flash-p2,.remote-word-badge-p1,.remote-word-badge-p2{animation:none!important}} .tile-dragging{transform:translate3d(0,-1px,0) scale(1.065) !important; z-index:25} .tile-dragging-p1{background-color:#fde68a !important; color:#713f12 !important; box-shadow:0 5px 12px rgba(245,158,11,0.26),inset 0 1px 0 rgba(255,255,255,.52) !important} .tile-dragging-p2{background-color:#bae6fd !important; color:#0c4a6e !important; box-shadow:0 5px 12px rgba(14,165,233,0.24),inset 0 1px 0 rgba(255,255,255,.48) !important} @keyframes floatingToastAnim{0%{opacity:0; transform:translate(-50%,15px) scale(0.6)} 20%{opacity:1; transform:translate(-50%,0) scale(1.05)} 80%{opacity:1; transform:translate(-50%,-25px) scale(1)} 100%{opacity:0; transform:translate(-50%,-45px) scale(0.9)}} .floating-toast{position:absolute; left:50%; top:40%; transform:translateX(-50%); animation:floatingToastAnim 1.2s cubic-bezier(0.2,0.8,0.2,1) forwards; pointer-events:none; z-index:100; white-space:nowrap} @keyframes timerDangerBg{0%,44%{background-color:#ef0000!important;background-image:none!important;box-shadow:0 0 0 2px #ff6b6b,0 0 28px rgba(255,0,0,.95),inset 0 0 14px rgba(255,255,255,.20)} 45%,100%{background-color:#000!important;background-image:none!important;box-shadow:0 0 0 2px #111,0 0 8px rgba(0,0,0,.95),inset 0 0 12px rgba(0,0,0,.9)}} @keyframes timerDangerShake{0%,100%{transform:translate3d(0,0,0) scale(1)} 20%{transform:translate3d(-1.5px,0,0) scale(1.05)} 40%{transform:translate3d(1.5px,-.5px,0) scale(1.08)} 60%{transform:translate3d(-1px,.5px,0) scale(1.06)} 80%{transform:translate3d(1px,0,0) scale(1.04)}} .compact-timer.timer-danger{background-image:none!important;animation:timerDangerBg .46s steps(1,end) infinite!important;border-color:#ff4d4d!important} .compact-timer.timer-danger .timer-label{color:#fff!important} #game-timer.timer-warning,#game-timer.timer-critical{animation:timerDangerShake .28s linear infinite!important;color:#fff!important;text-shadow:0 0 8px rgba(255,255,255,.42),0 0 12px rgba(239,68,68,.68)!important} @keyframes kdWordOk{0%{box-shadow:inset 0 0 0 rgba(16,185,129,0)}35%{box-shadow:inset 0 0 18px rgba(16,185,129,.42)}100%{box-shadow:inset 0 0 0 rgba(16,185,129,0)}} @keyframes kdWordBad{0%{box-shadow:inset 0 0 0 rgba(244,63,94,0)}35%{box-shadow:inset 0 0 16px rgba(244,63,94,.36)}100%{box-shadow:inset 0 0 0 rgba(244,63,94,0)}} #selected-preview-bar.kd-word-ok{animation:kdWordOk .20s ease-out 1} #selected-preview-bar.kd-word-bad{animation:kdWordBad .18s ease-out 1} #countdown-number{font-variant-numeric:tabular-nums;text-shadow:0 5px 16px rgba(245,158,11,.24)} @media (prefers-reduced-motion:reduce){.timer-warning,.timer-critical,.compact-timer.timer-danger,#selected-preview-bar.kd-word-ok,#selected-preview-bar.kd-word-bad{animation:none!important}.compact-timer.timer-danger{background:#dc2626!important}.letter-cell{transition:none!important}} .hide-scroll::-webkit-scrollbar{display:none} .hide-scroll{-ms-overflow-style:none; scrollbar-width:none} #screen-game{height:100dvh; min-height:0} #screen-game>header{min-height:0} #screen-game>div:last-child{min-height:0; overflow:hidden; padding-top:9px!important} #selected-preview-bar{position:relative; height:36px!important; min-height:36px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:5px; padding-left:8px!important; padding-right:8px!important} #selected-word-preview{min-width:0; width:auto; flex:1 1 auto; min-height:29px; display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; justify-content:flex-start; overflow:hidden} .selected-preview-tiles{display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center; justify-content:flex-start; gap:3px; min-height:29px; max-width:100%; white-space:nowrap; overflow:hidden} .letter-cell.selected-preview-tile{width:27px!important; height:27px!important; min-width:27px!important; min-height:27px!important; flex:0 0 27px!important; font-size:clamp(.96rem,4.5vw,1.17rem)!important; border-radius:6px!important; box-shadow:0 2px 0 #cbd5e1!important; transform:none!important; pointer-events:none!important; background:#fff!important; color:#0f172a!important} #selected-preview-bar.preview-invalid .selected-preview-tile:not([hidden]){background:#fee2e2!important; color:#991b1b!important; border-color:#fca5a5!important; box-shadow:0 2px 0 #fca5a5!important} #selected-preview-bar.preview-valid .selected-preview-tile:not([hidden]){background:#dcfce7!important; color:#166534!important; border-color:#86efac!important; box-shadow:0 2px 0 #86efac!important} #selected-preview-status{display:none; flex:0 0 auto; margin-left:auto; font-size:10px; line-height:1; font-weight:900; white-space:nowrap; letter-spacing:.015em; text-align:right} #selected-preview-bar.preview-valid #selected-preview-status{display:inline-flex;color:#4ade80} #selected-preview-bar.preview-invalid #selected-preview-status{display:inline-flex;color:#fca5a5} @media (pointer:coarse){.letter-cell.selected-preview-tile{font-size:clamp(.98rem,4.8vw,1.2rem)!important}} @media(max-width:380px){#selected-preview-bar{gap:5px;padding-left:5px!important;padding-right:5px!important} .selected-preview-tiles{gap:2px} .letter-cell.selected-preview-tile{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;flex-basis:24px!important;font-size:1rem!important} #selected-preview-status{font-size:8.5px}} @media(max-width:340px){.letter-cell.selected-preview-tile{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;flex-basis:22px!important;font-size:.94rem!important} #selected-preview-status{font-size:8px}} @media (max-width:600px),(max-height:760px){#screen-game>header{padding:4px 8px 3px !important; align-items:center !important; min-height:48px} #p1-avatar-box,#p2-avatar-box{width:34px !important; height:34px !important; font-size:17px !important; margin-bottom:-6px !important; border-width:2px !important} #p1-title,#p2-title{font-size:7px !important; line-height:9px !important} #p1-score-val,#p2-score-val{font-size:16px !important; line-height:16px !important} #p1-avatar-box+div,#p2-avatar-box+div{padding-top:7px !important; padding-bottom:2px !important; border-radius:9px !important} #game-timer{font-size:21px !important} #game-timer+*{margin:0 !important} #words-ticker{min-height:20px} #words-ticker>*{transform:scale(.92); transform-origin:left center} .letter-cell.selected-preview-tile .tile-score{font-size:6px!important;right:2px!important;bottom:1px!important;color:#64748b!important} #scrabble-grid{width:min(100%,calc(100dvh - 202px)) !important; max-width:440px !important; margin:0 auto !important; gap:1.5px !important; padding:2px !important; border-radius:11px !important} .letter-cell{font-size:clamp(.96rem,4.9vw,1.26rem) !important; border-radius:5px !important} .letter-cell .tile-score{font-size:.43rem !important; bottom:1px !important; right:2px !important}} @media (max-height:680px){#screen-game>header{min-height:42px; padding-top:2px !important; padding-bottom:2px !important} #p1-avatar-box,#p2-avatar-box{width:29px !important; height:29px !important; font-size:14px !important} #game-timer{font-size:18px !important} #scrabble-grid{width:min(100%,calc(100dvh - 184px)) !important}} #compact-game-header{min-height:52px; grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr) auto !important; column-gap:5px !important} .compact-player{display:flex; flex-direction:column; min-width:0; max-width:132px} .compact-identity{display:flex; align-items:center; gap:5px; min-width:0} .compact-avatar{width:23px; height:23px; border-width:1.5px; border-style:solid; border-radius:9999px; display:flex; align-items:center; justify-content:center; overflow:hidden; flex:none; font-size:11px; box-shadow:0 2px 6px rgba(0,0,0,.24)} .compact-name{font-size:9px; line-height:10px; font-weight:900; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:94px} .compact-score{font-size:15px; line-height:16px; font-weight:1000; margin-top:1px} .score-label{font-size:7px; letter-spacing:.08em; opacity:.72; vertical-align:2px} @keyframes longestPlayerShake{0%,100%{transform:translate3d(0,0,0) rotate(0)} 15%{transform:translate3d(-2px,0,0) rotate(-2deg)} 30%{transform:translate3d(2px,0,0) rotate(2deg)} 45%{transform:translate3d(-2px,0,0) rotate(-1.5deg)} 60%{transform:translate3d(2px,0,0) rotate(1.5deg)} 75%{transform:translate3d(-1px,0,0) rotate(-1deg)} 90%{transform:translate3d(1px,0,0) rotate(1deg)}} .longest-player-shake{animation:longestPlayerShake .62s ease-in-out 1;will-change:transform} .score-orb{width:56px; height:56px; border-radius:10px; display:flex; align-items:center; justify-content:center; flex:none; font-size:34px; line-height:.92; font-weight:1000; box-shadow:0 3px 9px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.22); border:2px solid rgba(255,255,255,.18)} .score-orb-p1{background:#facc15; color:#4a2b12; border-color:#fde68a} .score-orb-p2{background:#0b3a67; color:#ffffff; border-color:#60a5fa} .compact-timer{display:flex; flex-direction:column; align-items:center; justify-content:center; width:56px; height:56px; min-width:56px; border-radius:10px; background:#ef4444; border:2px solid #fecaca; box-shadow:0 5px 14px rgba(127,29,29,.28),inset 0 1px 0 rgba(255,255,255,.28)} .compact-timer.timer-orange,.compact-timer.timer-red{background:#ef4444;border-color:#fecaca;box-shadow:0 5px 14px rgba(127,29,29,.28),inset 0 1px 0 rgba(255,255,255,.28)} .timer-label{color:#fff; font-size:7px; line-height:8px; font-weight:900; letter-spacing:.12em; opacity:.95} #compact-game-header #game-timer{color:#fff !important; font-size:29px; line-height:29px; font-weight:1000; text-shadow:0 1px 2px rgba(127,29,29,.36)} #p1-score-chip{margin-left:0;margin-right:1px} #p2-score-chip{margin-right:0;margin-left:1px} #compact-game-header .compact-player:nth-of-type(1){padding-right:2px} #compact-game-header .compact-player:nth-of-type(2){padding-left:2px} #screen-game>div:last-child{align-items:center} #scrabble-grid{aspect-ratio:1 / 1 !important; height:auto !important} @media (max-width:600px){#compact-game-header{min-height:48px; padding-top:3px !important; padding-bottom:3px !important} .compact-avatar{width:21px !important; height:21px !important; font-size:10px !important; margin:0 !important} .compact-name{font-size:8px !important; line-height:9px !important; max-width:82px} .compact-score{font-size:14px !important; line-height:14px !important} .score-orb{width:51px; height:51px; border-radius:9px; font-size:31px; line-height:.92} #compact-game-header #game-timer{font-size:24px !important; line-height:24px !important} .compact-timer{width:51px;height:51px;min-width:51px;border-radius:9px} #words-ticker{min-height:18px} #scrabble-grid{width:min(calc(100% - 6px),calc(100dvh - 190px),440px) !important; max-width:none !important}} @media (max-height:680px){#compact-game-header{min-height:43px} .compact-avatar{width:19px !important; height:19px !important; font-size:9px !important} #compact-game-header #game-timer{font-size:22px !important; line-height:22px !important} .compact-timer{width:47px;height:47px;min-width:47px;border-radius:8px} .score-orb{width:47px; height:47px; border-radius:8px; font-size:28px; line-height:.92} #scrabble-grid{width:min(calc(100% - 6px),calc(100dvh - 170px),440px) !important}} #scrabble-grid{position:relative; overflow:hidden; contain:layout paint; -webkit-tap-highlight-color:transparent} .letter-cell{contain:layout paint style; backface-visibility:hidden} #screen-game{overscroll-behavior:none} .word-confetti-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:60;border-radius:inherit;contain:layout paint} .word-confetti-layer i{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);border-radius:2px;background:var(--color);opacity:0;will-change:transform,opacity;animation:wordConfettiBurst var(--duration) cubic-bezier(.19,.65,.35,1) forwards} @keyframes wordConfettiBurst{0%{opacity:0;transform:translate3d(0,0,0) rotate(0) scale(.65)}12%{opacity:1}42%{opacity:1;transform:translate3d(var(--mid-x),var(--mid-y),0) rotate(var(--mid-rot)) scale(1)}100%{opacity:0;transform:translate3d(var(--dx),var(--dy),0) rotate(var(--rot)) scale(.8)}} .score-fly{position:fixed; z-index:90; pointer-events:none; font-weight:900; font-size:18px; transform:translate3d(0,0,0) scale(.9); opacity:.58; transition:transform .72s cubic-bezier(.2,.8,.2,1),opacity .72s ease; text-shadow:0 2px 8px rgba(0,0,0,.22); filter:saturate(.96); will-change:transform,opacity} .score-fly.go{transform:translate3d(var(--dx),var(--dy),0) scale(1.22); opacity:0} @keyframes kdScorePop{0%{transform:scale(1)}42%{transform:scale(1.13)}100%{transform:scale(1)}} .kd-score-pop{animation:kdScorePop .24s ease-out;will-change:transform} @keyframes kdAvatarRing{0%{box-shadow:0 0 0 0 rgba(255,255,255,.9),0 2px 6px rgba(0,0,0,.24)}55%{box-shadow:0 0 0 5px rgba(255,255,255,.18),0 2px 6px rgba(0,0,0,.24)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0),0 2px 6px rgba(0,0,0,.24)}} .kd-avatar-ring{animation:kdAvatarRing .42s ease-out;will-change:box-shadow} .kd-combo-pop{position:fixed;z-index:92;pointer-events:none;font-size:12px;font-weight:1000;letter-spacing:.04em;padding:3px 7px;border-radius:999px;background:rgba(15,23,42,.88);color:#fff;box-shadow:0 4px 12px rgba(15,23,42,.22);transform:translate3d(-50%,6px,0) scale(.86);opacity:0;animation:kdComboPop .56s ease-out forwards;will-change:transform,opacity} @keyframes kdComboPop{0%{opacity:0;transform:translate3d(-50%,7px,0) scale(.84)}22%{opacity:1;transform:translate3d(-50%,-2px,0) scale(1.06)}100%{opacity:0;transform:translate3d(-50%,-16px,0) scale(.98)}} @keyframes kdWinnerGlow{0%,100%{box-shadow:0 8px 22px rgba(15,23,42,.14)}50%{box-shadow:0 10px 34px rgba(250,204,21,.62),0 0 0 4px rgba(255,255,255,.92),0 0 30px rgba(56,189,248,.28)}} .kd-winner-glow{animation:kdWinnerGlow .68s ease-in-out 6} @keyframes victoryStrongFlash{0%,100%{filter:brightness(1);transform:scale(1);box-shadow:0 0 0 0 rgba(255,255,255,0)} 18%{filter:brightness(1.55) saturate(1.25);transform:scale(1.045);box-shadow:0 0 0 5px rgba(255,255,255,.88),0 0 34px rgba(250,204,21,.78)} 36%{filter:brightness(1.02);transform:scale(1);box-shadow:0 0 0 1px rgba(255,255,255,.15)} 58%{filter:brightness(1.42) saturate(1.22);transform:scale(1.035);box-shadow:0 0 0 4px rgba(255,255,255,.76),0 0 28px rgba(56,189,248,.64)} 76%{filter:brightness(1.03);transform:scale(1)}} .victory-flash-strong{animation:victoryStrongFlash .82s ease-in-out 2!important;will-change:filter,transform,box-shadow} @keyframes timeUpCardPop{0%{opacity:0;transform:scale(.82) translateY(10px)}55%{opacity:1;transform:scale(1.055) translateY(0)}100%{opacity:1;transform:scale(1)}} @keyframes timeUpClockTick{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}} .time-up-overlay{position:absolute;inset:0;z-index:76;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.48);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);pointer-events:none} .time-up-card{min-width:280px;padding:30px 38px;border-radius:32px;background:linear-gradient(180deg,#fffdf4,#fff7d6);border:3px solid #fde68a;box-shadow:0 22px 54px rgba(15,23,42,.34),inset 0 1px 0 #fff;text-align:center;animation:timeUpCardPop .28s ease-out both} .time-up-clock{width:92px;height:92px;margin:0 auto 12px;display:grid;place-items:center;animation:timeUpClockTick .42s ease-in-out 2;transform-origin:center} .time-up-clock svg{width:92px;height:92px;filter:drop-shadow(0 6px 8px rgba(146,64,14,.20))} .time-up-title{font-size:34px;line-height:1;font-weight:1000;color:#b45309;letter-spacing:.035em;text-shadow:0 2px 0 #fff} .time-up-sub{margin-top:8px;font-size:12px;font-weight:900;color:#92400e;opacity:.76;letter-spacing:.08em} @media (prefers-reduced-motion:reduce){.time-up-card,.time-up-clock{animation:none!important}} @media (prefers-reduced-motion:reduce){.victory-flash-strong{animation:none!important}} @media (prefers-reduced-motion:reduce){.kd-score-pop,.kd-avatar-ring,.kd-combo-pop,.kd-winner-glow{animation:none!important}} .game-bottom-controls{width:min(100%,580px);max-width:580px;margin:20px auto 2px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none} .game-bottom-controls button{width:auto;min-width:120px;margin:0!important;padding:8px 14px!important;border-radius:12px!important;font-size:10px!important;line-height:14px;font-weight:1000;letter-spacing:.10em;box-shadow:0 4px 10px rgba(0,0,0,.18)} #btn-quick-exit{background:#dc2626!important;border-color:#ef4444!important;color:#fff!important} #btn-quick-exit:hover{background:#b91c1c!important} #btn-fullscreen-game{background:#2563eb!important;border-color:#60a5fa!important;color:#fff!important} #btn-fullscreen-game:hover{background:#1d4ed8!important} @media (max-width:520px){.game-bottom-controls{width:min(calc(100% - 10px),440px);margin-top:18px;gap:8px}.game-bottom-controls button{min-width:108px;padding:7px 11px!important;font-size:9px!important}} #toast-layer .floating-toast{opacity:.78;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)} #scrabble-grid{width:min(100%,580px); max-width:580px; margin-inline:auto} @media (max-width:520px){#scrabble-grid{width:min(calc(100% - 6px),calc(100dvh - 148px)) !important; max-width:calc(100% - 6px) !important} .letter-cell{font-size:clamp(1.05rem,5.0vw,1.42rem); box-shadow:0 2px 0 #cbd5e1} .letter-cell .tile-score{bottom:2px; right:3px} .game-bottom-controls{width:calc(100% - 10px)!important; max-width:440px!important}} @media (min-width:700px){#app-container{max-width:620px} #scrabble-grid{width:min(74vh,580px) !important} .letter-cell{font-size:1.62rem}} @media (pointer:coarse){.scrabble-board{cursor:default} .letter-cell{transition:transform .07s ease,background-color .07s ease,box-shadow .07s ease}} .home-float-dot{position:absolute;border-radius:9999px;pointer-events:none;filter:blur(.2px);opacity:.42} .home-content-layer{position:relative;z-index:2} @keyframes supportHeartbeat{0%,100%{transform:scale(1)}10%{transform:scale(1.24)}20%{transform:scale(1)}30%{transform:scale(1.15)}42%{transform:scale(1)}} .support-heart{transform:none} .support-heart-icon{display:inline-block;animation:supportHeartbeat 1.3s cubic-bezier(.4,0,.2,1) infinite;transform-origin:50% 55%;will-change:transform} .home-shortcut{transition:transform .16s ease,box-shadow .16s ease} .home-shortcut:hover{transform:translateY(-2px)} @media (min-width:760px){body::before,body::after{content:''; position:fixed; width:min(22vw,280px); aspect-ratio:1; border-radius:50%; pointer-events:none; opacity:.22; filter:blur(2px); z-index:0} body::before{left:4vw; top:14vh; background:radial-gradient(circle at 35% 35%,rgba(103,232,249,.72) 0 10%,rgba(14,165,233,.30) 11% 38%,transparent 42%)} body::after{right:4vw; bottom:10vh; background:radial-gradient(circle at 35% 35%,rgba(45,212,191,.58) 0 10%,rgba(8,145,178,.26) 11% 38%,transparent 42%)} #app-container{z-index:1}} .fullscreen-btn{position:absolute;top:max(4px,env(safe-area-inset-top));right:max(4px,env(safe-area-inset-right));z-index:70;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:9999px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.95);box-shadow:0 5px 16px rgba(15,23,42,.14);font-size:11px;font-weight:900;color:#334155;letter-spacing:.04em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .14s ease,box-shadow .14s ease} .fullscreen-btn:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(15,23,42,.18)} .fullscreen-btn:active{transform:scale(.97)} .fullscreen-btn svg{width:17px;height:17px;stroke-width:2.2} @supports (height:100dvh){#app-container{height:100dvh}} .dict-letter-active{background:#fef3c7!important; color:#713f12!important; border-color:#fbbf24!important; box-shadow:0 3px 0 #fbbf24,inset 0 1px 0 rgba(255,255,255,.78)!important} #alphabet-bar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding:8px;background:#f1f5f9;border-radius:14px} .dict-letter-btn{width:100%!important;height:42px!important;min-width:0!important;padding:0!important; display:flex!important;align-items:center!important;justify-content:center!important; font-family:'Quicksand',sans-serif!important; font-size:clamp(1rem,3.2vw,1.18rem)!important;font-weight:900!important;line-height:1!important; color:#0f172a!important;background:#fff!important; border:0!important;border-radius:10px!important; box-shadow:0 3px 0 #cbd5e1,inset 0 1px 0 rgba(255,255,255,.78)!important; transition:transform .08s ease-out,box-shadow .08s ease-out,background-color .08s linear,color .08s linear!important} @media(hover:hover) and (pointer:fine){.dict-letter-btn:hover{transform:translateY(-1px);box-shadow:0 4px 0 #cbd5e1,0 4px 8px rgba(15,23,42,.10),inset 0 1px 0 rgba(255,255,255,.78)!important} .dict-letter-btn.dict-letter-active:hover{box-shadow:0 4px 0 #fbbf24,0 4px 8px rgba(180,83,9,.12),inset 0 1px 0 rgba(255,255,255,.78)!important}} .dict-letter-btn:active{transform:translateY(2px)!important;box-shadow:0 1px 0 #cbd5e1,inset 0 1px 0 rgba(255,255,255,.78)!important} .dict-letter-btn.dict-letter-active:active{box-shadow:0 1px 0 #fbbf24,inset 0 1px 0 rgba(255,255,255,.78)!important} .dict-word-entry{display:block;width:100%;border-bottom:1px solid #e2e8f0;background:#fff} .dict-word-entry:last-child{border-bottom:0} .dict-word-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;text-align:left;background:#fff;cursor:pointer;transition:background-color .12s ease} .dict-word-button:hover,.dict-word-button:focus-visible{background:#fffbeb;outline:none} .dict-word-main{font-size:13px;line-height:17px;font-weight:900;color:#1e293b;letter-spacing:.015em} .dict-word-points{flex:none;font-size:9px;line-height:14px;font-weight:900;color:#a16207;background:#fef3c7;border-radius:999px;padding:1px 7px} .dict-inline-meaning{padding:0 11px 10px 11px;background:linear-gradient(180deg,#fffbeb,#fff);border-top:1px dashed #fde68a;font-size:11px;line-height:16px;font-weight:650;color:#334155} .dict-inline-meaning.hidden{display:none} .dict-meaning-title{padding-top:8px;margin-bottom:3px;font-size:10px;line-height:14px;font-weight:1000;color:#92400e;letter-spacing:.04em;text-transform:uppercase} .dict-meaning-item{display:flex;gap:6px;margin-top:4px} .dict-meaning-num{color:#b45309;font-weight:1000;flex:none} .dict-meaning-note{margin-top:7px;font-size:9px;line-height:12px;color:#94a3b8;font-weight:700} .dict-meaning-loading{padding-top:8px;color:#64748b;font-weight:800} .dict-rules{font-size:9.5px;line-height:13px;font-weight:700;color:#475569} .dict-rules b{font-weight:1000;color:#0f172a} @media(max-width:370px){#alphabet-bar{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.dict-letter-btn{height:40px!important;font-size:15px!important}} @media(max-width:600px){#modal-dictionary{padding:6px!important} #modal-dictionary>div{padding:10px!important;border-radius:20px!important} #modal-dictionary .mt-2\.5{margin-top:6px!important} #alphabet-bar{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;padding:5px;border-radius:11px} .dict-letter-btn{height:31px!important;font-size:13px!important;border-radius:7px!important} #dict-list-heading{padding-top:5px!important;padding-bottom:5px!important} .dict-word-button{padding:8px 10px}} @media(max-width:370px){#alphabet-bar{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px} .dict-letter-btn{height:30px!important;font-size:12.5px!important}} .home-mode-btn{transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;will-change:transform} .home-mode-btn:hover{transform:scale(1.025);filter:brightness(1.04);cursor:pointer} .home-mode-btn:active{transform:scale(.985)} @media (hover:none){.home-mode-btn:active{transform:scale(1.018);filter:brightness(1.04)}} @media (prefers-reduced-motion:reduce){.home-mode-btn{transition:none}.home-mode-btn:hover,.home-mode-btn:active{transform:none}} @media (prefers-reduced-motion:reduce){.home-shortcut{transition:none}.support-heart-icon{animation:supportHeartbeat 1.7s ease-in-out infinite}} button:not(:disabled){transition-property:transform,filter,box-shadow,background-color,border-color;transition-duration:.12s} @media (hover:hover) and (pointer:fine){button:not(:disabled):hover{filter:brightness(1.08) saturate(1.10);box-shadow:0 7px 18px rgba(15,23,42,.16)}} button:not(:disabled):active{filter:brightness(.96) saturate(1.12)} .letter-cell.tile-hover-p1:not(.tile-dragging){background-color:#fef3c7!important;color:#713f12!important;box-shadow:0 3px 9px rgba(245,158,11,.18)!important} .letter-cell.tile-hover-p2:not(.tile-dragging){background-color:#e0f2fe!important;color:#0c4a6e!important;box-shadow:0 3px 9px rgba(14,165,233,.17)!important} @keyframes winnerPulse{0%,100%{opacity:1; transform:scale(1); filter:brightness(1.05) saturate(1.05); text-shadow:0 0 0 rgba(255,255,255,0)} 42%{opacity:.72; transform:scale(1.14); filter:brightness(1.68) saturate(1.55); text-shadow:0 0 12px rgba(255,255,255,1),0 0 26px rgba(250,204,21,.96)} 65%{opacity:1; transform:scale(1.04); filter:brightness(1.22) saturate(1.22); text-shadow:0 0 5px rgba(255,255,255,.82),0 0 12px rgba(56,189,248,.58)}} .winner-pulse{animation:winnerPulse .48s cubic-bezier(.35,0,.25,1) infinite; transform-origin:center; will-change:transform,filter,opacity} .winner-name-big{font-size:1.32rem!important;line-height:1.08!important;letter-spacing:.025em;font-weight:1000!important} .winner-score-big{font-size:2.18rem!important;line-height:1!important;letter-spacing:-.025em;font-weight:1000!important} .final-avatar{width:34px;height:34px;border-radius:999px;display:flex;align-items:center;justify-content:center;margin:0 auto 4px;border:2px solid rgba(255,255,255,.85);box-shadow:0 6px 14px rgba(15,23,42,.12);overflow:hidden;transform:scale(1);transition:transform .22s ease,box-shadow .22s ease,opacity .22s ease} .final-avatar svg{width:22px;height:22px} @keyframes winnerAvatarPulse{0%,100%{transform:scale(1.04); filter:brightness(1.05) saturate(1.08); box-shadow:0 10px 22px rgba(15,23,42,.18),0 0 0 4px rgba(255,255,255,.65),0 0 0 rgba(250,204,21,0)} 45%{transform:scale(1.24); filter:brightness(1.62) saturate(1.62); box-shadow:0 12px 28px rgba(15,23,42,.24),0 0 0 7px rgba(255,255,255,1),0 0 34px 12px rgba(250,204,21,.68)} 68%{transform:scale(1.10); filter:brightness(1.25) saturate(1.30); box-shadow:0 11px 24px rgba(15,23,42,.20),0 0 0 5px rgba(255,255,255,.82),0 0 20px 6px rgba(56,189,248,.42)}} .winner-avatar-big{width:56px!important; height:56px!important; animation:winnerAvatarPulse .50s cubic-bezier(.35,0,.25,1) infinite; transform-origin:center; will-change:transform,filter,box-shadow} .winner-avatar-big svg{width:34px!important;height:34px!important} .victory-card{position:relative;isolation:isolate;overflow:visible!important} .victory-card::before{content:"";position:absolute;inset:-18px -14px;z-index:-1;border-radius:24px;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.96) 0 16%,rgba(250,204,21,.28) 36%,rgba(250,204,21,0) 72%);animation:victoryHalo 1.35s ease-in-out 4;pointer-events:none} .victory-card.victory-sky::before{background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.96) 0 16%,rgba(56,189,248,.28) 36%,rgba(56,189,248,0) 72%)} @keyframes victoryHalo{0%,100%{transform:scale(.96);opacity:.72}50%{transform:scale(1.06);opacity:1}} .victory-badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;margin:2px auto 5px;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:1000;letter-spacing:.12em;color:#fff;background:linear-gradient(135deg,#f59e0b,#facc15);box-shadow:0 5px 14px rgba(245,158,11,.28);animation:victoryBadgePop .45s cubic-bezier(.2,.8,.2,1) both} .victory-badge.sky{background:linear-gradient(135deg,#0284c7,#38bdf8);box-shadow:0 5px 14px rgba(14,165,233,.28)} #gameover-heading{font-size:clamp(16px,5vw,22px);line-height:1.16} @keyframes victoryBadgePop{0%{opacity:0;transform:translateY(7px) scale(.72)}70%{opacity:1;transform:translateY(-1px) scale(1.08)}100%{opacity:1;transform:translateY(0) scale(1)}} .victory-avatar-crown{position:absolute;left:50%;top:-17px;transform:translateX(-50%) rotate(-5deg);font-size:24px;filter:drop-shadow(0 4px 5px rgba(0,0,0,.18));animation:crownFloat 1.2s ease-in-out 4;pointer-events:none;z-index:6} @keyframes crownFloat{0%,100%{transform:translateX(-50%) translateY(0) rotate(-5deg)}50%{transform:translateX(-50%) translateY(-3px) rotate(4deg)}} @media (prefers-reduced-motion:reduce){.victory-card::before,.victory-badge,.victory-avatar-crown{animation:none!important}} .result-party-fx{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2} .result-party-fx span{position:absolute;top:-12%;font-size:clamp(22px,6vw,38px);animation:resultPartyFall var(--dur,2.7s) linear forwards;filter:drop-shadow(0 3px 3px rgba(0,0,0,.18))} @keyframes resultPartyFall{to{transform:translate3d(var(--drift,0),120vh,0) rotate(var(--rot,360deg));opacity:.15}} .result-card-party{position:absolute;inset:-6px;pointer-events:none;overflow:hidden;border-radius:18px;z-index:4} .result-card-party i{position:absolute;top:-8%;width:8px;height:12px;border-radius:2px;opacity:.96;animation:resultCardConfetti var(--dur,1.5s) ease-out forwards;will-change:transform,opacity} @keyframes resultCardConfetti{0%{opacity:0;transform:translate3d(0,-8px,0) rotate(0) scale(.8)}10%{opacity:1}100%{opacity:0;transform:translate3d(var(--dx),calc(100%+var(--dy)),0) rotate(var(--rot,320deg)) scale(1.02)}} .result-global-confetti{position:fixed;inset:0;pointer-events:none;z-index:998;overflow:hidden} .result-global-confetti i{position:absolute;top:-20px;width:9px;height:14px;border-radius:2px;opacity:.98;animation:globalResultConfetti var(--dur,2.2s) cubic-bezier(.2,.7,.25,1) forwards;will-change:transform,opacity} #gameover-actions{display:grid!important; grid-template-columns:1fr 1fr!important; gap:10px 16px!important; justify-items:center!important; align-items:start!important; width:100%!important} body[data-private-friend-active="1"] #gameover-actions{display:grid!important} body[data-private-friend-active="1"] #btn-play-again,body[data-private-friend-active="1"] #btn-game-exit{display:flex!important} #rematch-inline-status{grid-column:1/-1!important} #btn-play-again,#btn-game-exit{width:98px!important; height:88px!important; min-width:98px!important; margin:0!important; padding:9px 7px!important; border-radius:22px!important; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; line-height:1.05!important; font-size:10px!important; letter-spacing:.04em; text-align:center; border:1px solid rgba(255,255,255,.58)!important; box-shadow:0 8px 18px rgba(15,23,42,.18),inset 0 1px 0 rgba(255,255,255,.45)!important; transition:transform .12s ease,filter .12s ease,box-shadow .12s ease!important} #btn-play-again{background:linear-gradient(145deg,#fcd34d,#f59e0b)!important;color:#78350f!important} #btn-game-exit{background:linear-gradient(145deg,#fb7185,#dc2626)!important;color:#fff!important} #btn-play-again:hover,#btn-game-exit:hover{filter:brightness(1.05)} #btn-play-again:active,#btn-game-exit:active{transform:translateY(2px) scale(.98)} #btn-play-again::before{content:"↻";display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.48);font-size:27px;line-height:1;font-weight:1000} #btn-game-exit::before{content:"↪";display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.18);font-size:26px;line-height:1;font-weight:1000} @media (max-width:380px){#btn-play-again,#btn-game-exit{width:92px!important;height:84px!important;min-width:92px!important;border-radius:20px!important}} @keyframes globalResultConfetti{0%{opacity:0;transform:translate3d(0,-16px,0) rotate(0)}8%{opacity:1}86%{opacity:.95}100%{opacity:0;transform:translate3d(var(--dx),105vh,0) rotate(var(--rot,540deg))}} @media (prefers-reduced-motion:reduce){.result-card-party i{animation:none!important;opacity:0!important}} .countdown-sync-ok{font-size:10px;font-weight:1000;letter-spacing:.12em;color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;padding:5px 10px;margin-top:8px} .longest-bonus{display:none;margin-top:4px;font-size:9px;font-weight:1000;color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:9999px;padding:3px 7px} .mp-sync-ok{display:flex;align-items:center;justify-content:center;gap:6px;font-weight:800;color:#16a34a;font-size:clamp(13px,2.8vw,17px)} .mp-sync-ok .sync-check{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#22c55e;color:#fff;font-size:13px;box-shadow:0 2px 8px rgba(34,197,94,.25)} @media (max-width:420px){#modal-countdown>div{width:calc(100% - 24px);max-width:360px;padding:16px 12px!important;border-radius:22px!important} #countdown-number{font-size:3.25rem!important;line-height:1!important} .countdown-sync-ok{font-size:9px;padding:4px 8px;margin-top:6px}} @keyframes rematchPulse{0%,100%{transform:scale(1); box-shadow:0 6px 16px rgba(245,158,11,.18); filter:brightness(1)} 50%{transform:scale(1.035); box-shadow:0 0 0 4px rgba(250,204,21,.18),0 8px 22px rgba(245,158,11,.34); filter:brightness(1.08)}} .rematch-pulse{animation:rematchPulse 1.15s ease-in-out infinite; transform-origin:center} #sound-volume-control{margin-top:14px} #sound-volume-range{width:100%;height:30px;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;touch-action:pan-x} #sound-volume-range::-webkit-slider-runnable-track{height:7px;border-radius:999px;background:#cbd5e1} #sound-volume-range::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#2563eb;border:3px solid #fff;box-shadow:0 1px 5px rgba(15,23,42,.28);margin-top:-8.5px} #sound-volume-range::-moz-range-track{height:7px;border-radius:999px;background:#cbd5e1} #sound-volume-range::-moz-range-progress{height:7px;border-radius:999px;background:#2563eb} #sound-volume-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#2563eb;border:3px solid #fff;box-shadow:0 1px 5px rgba(15,23,42,.28)} .sound-step-marks{display:flex;justify-content:space-between;margin:2px 3px 0;color:#64748b;font-size:13px;line-height:1;font-weight:1000;user-select:none} .sound-mute-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;font-size:13px;font-weight:900;color:#475569} #sound-muted{width:18px;height:18px;accent-color:#ef4444;cursor:pointer} #btn-quick-exit{order:2!important} #btn-fullscreen-game{order:1!important} #btn-close-friend,#btn-close-difficulty,#btn-settings-back,#btn-howto-back,#btn-about-back,#btn-close-support,#btn-close-dict,#btn-close-mp-waiting,#btn-close-rematch-waiting{margin-left:auto!important} @keyframes highResultPop{0%{transform:scale(.78) rotate(-1.8deg);opacity:.45}70%{transform:scale(1.035) rotate(.5deg)}100%{transform:scale(1);opacity:1}} @keyframes highWinnerBounce{from{transform:scale(1)}to{transform:scale(1.055) rotate(.4deg)}} #screen-home.home-v156{font-family:'Quicksand',Calibri,'Segoe UI',sans-serif; background:radial-gradient(ellipse at 50% 22%,rgba(255,246,190,.86) 0 8%,rgba(255,246,190,.22) 28%,transparent 55%),radial-gradient(ellipse at 12% 12%,rgba(255,255,255,.82),transparent 32%),radial-gradient(ellipse at 91% 33%,rgba(181,238,255,.82),transparent 30%),repeating-linear-gradient(0,rgba(255,255,255,.085) 0 1px,transparent 1px 40px),repeating-linear-gradient(90deg,rgba(255,255,255,.085) 0 1px,transparent 1px 40px),linear-gradient(155deg,#168fe5 0,#52c7f3 37%,#b6ecdf 74%,#ffe2a3 100%) !important; isolation:isolate} #screen-home.home-v156::before,#screen-home.home-v156::after{content:"";position:absolute;pointer-events:none;z-index:0;border-radius:999px} #screen-home.home-v156::before{width:135%;height:35%;left:-17%;bottom:-19%; background:linear-gradient(140deg,rgba(53,179,157,.50),rgba(9,129,146,.35)); border-radius:48% 52% 0 0;transform:rotate(-6deg)} #screen-home.home-v156::after{width:120%;height:24%;right:-25%;bottom:-13%; background:linear-gradient(135deg,rgba(255,227,160,.75),rgba(255,170,112,.30)); border-radius:48% 52% 0 0;transform:rotate(8deg)} #screen-home.home-v156 .home-float-dot{opacity:.78;filter:none;border:2px solid rgba(255,255,255,.72);box-shadow:0 8px 18px rgba(20,100,150,.10),inset 0 0 10px rgba(255,255,255,.48)} #screen-home.home-v156 .home-content-layer{z-index:2} #screen-home.home-v156 .home-title-wrap{position:relative;top:0;margin-top:clamp(20px,7vh,65px)!important;filter:drop-shadow(0 10px 16px rgba(2,80,150,.18))} #screen-home.home-v156 .home-crown{display:none} #screen-home.home-v156 .home-logo-card{transform:none !important; background:transparent !important; border:0 !important; box-shadow:none !important; padding:5px 4px 8px !important} #screen-home.home-v156 .home-logo-tiles{display:flex;align-items:center;justify-content:center;gap:2px;margin:0 auto; transform:scale(1.06);transform-origin:center; color:#0f172a;text-shadow:none;text-transform:none} #screen-home.home-v156 .home-logo-tiles span{display:grid;place-items:center;position:relative;flex:none; width:clamp(27px,9.9vw,47px);height:clamp(27px,9.9vw,47px); background:#fff;border:1px solid #e2e8f0; border-radius:8px;box-shadow:0 3px 0 #cbd5e1,inset 0 1px 0 rgba(255,255,255,.8),0 7px 13px rgba(15,23,42,.15); font-size:clamp(23px,7vw,34px);line-height:1;font-weight:900} #screen-home.home-v156 .home-logo-tiles .home-logo-tile::after{content:attr(data-score);position:absolute;bottom:2px;right:3px; font-size:clamp(7px,1.65vw,10px);font-weight:800;color:#64748b} #screen-home.home-v156 .home-logo-tiles span:nth-child(1){transform:translateY(10px) rotate(-11deg)} #screen-home.home-v156 .home-logo-tiles span:nth-child(2){transform:translateY(2px) rotate(-7deg)} #screen-home.home-v156 .home-logo-tiles span:nth-child(3){transform:translateY(-5px) rotate(-4deg)} #screen-home.home-v156 .home-logo-tiles span:nth-child(4){transform:translateY(-10px)} #screen-home.home-v156 .home-logo-tiles span:nth-child(5){transform:translateY(-5px) rotate(4deg)} #screen-home.home-v156 .home-logo-tiles span:nth-child(6){transform:translateY(2px) rotate(7deg)} #screen-home.home-v156 .home-logo-tiles span:nth-child(7){transform:translateY(10px) rotate(11deg)} #btn-about-feedback:hover,#btn-about-feedback:focus-visible,#btn-about-feedback:active{background:#dc2626!important} #btn-close-difficulty,#btn-close-friend,#btn-close-room,#btn-howto-back,#btn-settings-back,#btn-about-back,#btn-close-support,#btn-close-found-meaning,#btn-close-dict,#btn-close-mp-waiting,#btn-close-rematch-waiting{background:#dc2626!important; color:#fff!important; border-color:#b91c1c!important; box-shadow:0 3px 8px rgba(185,28,28,.24)!important} #btn-close-difficulty:hover,#btn-close-friend:hover,#btn-close-room:hover,#btn-howto-back:hover,#btn-settings-back:hover,#btn-about-back:hover,#btn-close-support:hover,#btn-close-found-meaning:hover,#btn-close-dict:hover,#btn-close-mp-waiting:hover,#btn-close-rematch-waiting:hover{background:#b91c1c!important; color:#fff!important} #screen-home.home-v156 .home-logo-tiles span.home-domain-tile{width:clamp(27px,9.9vw,47px);height:clamp(27px,9.9vw,47px); margin-left:1px;align-self:auto;border:1px solid #e2e8f0; background:#fff;box-shadow:0 3px 0 #cbd5e1,inset 0 1px 0 rgba(255,255,255,.8),0 7px 13px rgba(15,23,42,.15); color:#124c83;font-size:clamp(16px,4vw,23px);letter-spacing:-1px; transform:translateY(14px) rotate(13deg)} #screen-home.home-v156 .home-logo-duel{display:inline-block;position:relative;z-index:1;margin-top:6px;padding:3px 12px 4px; min-width:185px;border-radius:12px;font-size:16px!important;line-height:17px!important; background:linear-gradient(180deg,#159ef4,#096fe5 64%,#085bc2); border:2px solid rgba(115,211,255,.9);border-bottom-color:#0649a5; color:#fff3cf;text-shadow:0 3px 0 #cc7300,0 5px 8px rgba(0,72,155,.28); box-shadow:0 6px 0 #0755ba,0 11px 18px rgba(0,87,170,.22),inset 0 2px 0 rgba(255,255,255,.42)} #screen-home.home-v156 #btn-solo-mode{background:linear-gradient(180deg,#28b9fb 0,#1197ed 48%,#0874db 100%) !important; border-color:#87e2ff !important;box-shadow:0 7px 0 #075cb8,0 11px 18px rgba(0,111,198,.22),inset 0 2px 0 rgba(255,255,255,.35) !important} #screen-home.home-v156 #btn-friend-mode{background:linear-gradient(180deg,#ffd95a 0,#f6b915 48%,#d88a00 100%) !important; border-color:#ffe9a3 !important; color:#4a2b00 !important; box-shadow:0 7px 0 #a86400,0 11px 18px rgba(164,100,0,.24),inset 0 2px 0 rgba(255,255,255,.48) !important} #screen-home.home-v156 #btn-friend-mode>span:first-child{background:rgba(255,255,255,.24)!important; border-color:rgba(255,255,255,.40)!important} #screen-home.home-v156 #btn-solo-mode>span:first-child,#screen-home.home-v156 #btn-friend-mode>span:first-child{width:46px;height:46px;display:grid;place-items:center;border-radius:15px; background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28); box-shadow:inset 0 1px 0 rgba(255,255,255,.28);font-size:28px !important} #screen-home.home-v156 #btn-solo-mode small{color:rgba(255,255,255,.88) !important} #screen-home.home-v156 #btn-friend-mode small{color:#4a2b00 !important} #screen-home.home-v156 #bot-settings-panel,#screen-home.home-v156 #friend-invite-panel{background:rgba(255,252,246,.96) !important;border-color:rgba(255,255,255,.96) !important; box-shadow:0 10px 26px rgba(18,92,145,.16),inset 0 1px 0 #fff !important} #screen-home.home-v156 .home-shortcut{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,247,235,.96)) !important; border-color:rgba(255,255,255,.95) !important;color:#123b78 !important; box-shadow:0 5px 0 rgba(218,198,173,.70),0 8px 17px rgba(35,99,145,.13),inset 0 1px 0 #fff !important} #screen-home.home-v156 .home-shortcut>span:first-child{background:linear-gradient(180deg,#fffdf8,#fff1da) !important;border-color:#f2ddbd !important;color:#12467f !important} #screen-home.home-v156 a.home-shortcut{background:linear-gradient(90deg,rgba(255,236,240,.98),rgba(255,252,246,.98)) !important; border-color:#ffc0ca !important;box-shadow:0 5px 0 #efb4bc,0 10px 20px rgba(150,54,77,.14) !important} #screen-home.home-v156 .support-heart{background:linear-gradient(145deg,#ff4661,#e51638) !important;border:2px solid #ff8395; box-shadow:0 5px 0 #b80f29,0 8px 14px rgba(186,15,42,.22) !important} #screen-home.home-v156 .fullscreen-btn{position:absolute;top:max(4px,env(safe-area-inset-top));right:max(4px,env(safe-area-inset-right));left:auto;z-index:90; background:linear-gradient(180deg,rgba(43,174,246,.92),rgba(15,125,224,.92)); border-color:rgba(173,230,255,.82);color:white;box-shadow:0 5px 12px rgba(0,101,181,.18)} #screen-home.home-v156>div:first-of-type>div{background:rgba(17,48,89,.90) !important;border-color:rgba(255,255,255,.16) !important} #screen-home.home-v156>.absolute.-left-7,#screen-home.home-v156>.absolute.-right-5{background:linear-gradient(180deg,#fffaf0,#ffe9c9) !important;border-color:#fff6e7 !important;color:#123b78 !important; box-shadow:0 5px 0 #d8b78d,0 10px 17px rgba(58,85,116,.16) !important} @media(max-width:380px){#screen-home.home-v156 .home-logo-duel{min-width:175px;font-size:17px!important;line-height:18px!important}} .home-shortcut-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:8px} .home-shortcut-grid>button,.home-shortcut-grid>a{min-width:0} #screen-home.home-v156 .support-icon-button{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important} #screen-home.home-v156 .support-icon-button>span:first-child{background:transparent!important;border:0!important;box-shadow:none!important;color:inherit!important} .support-icon-button svg{width:43px;height:43px;filter:drop-shadow(0 3px 3px rgba(159,18,57,.32))} .support-icon-button:hover svg{filter:drop-shadow(0 5px 5px rgba(159,18,57,.4)) brightness(1.06)} #screen-support:target{display:flex!important} .support-official-logo{display:block;width:min(82%,270px);height:110px;object-fit:contain;margin:8px auto 0} @media(max-height:650px){#screen-home.home-v156 .home-title-wrap{margin-top:12px!important}#screen-home.home-v156 .home-modes{margin-top:18px}} #compact-game-header.game-header-v4{display:grid!important;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr)!important; align-items:center!important;gap:6px!important;padding:5px 7px!important; min-height:80px!important;background:#eaf7f2!important; border-bottom:2px solid #a9dbd3!important;box-shadow:0 3px 9px rgba(5,79,85,.16)!important} #compact-game-header.game-header-v4 .game-player-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end; min-width:0;height:68px;padding:3px 5px 4px;border-radius:18px;overflow:hidden} #compact-game-header.game-header-v4 .game-player-card-p1{background:#ffedd0;color:#795008} #compact-game-header.game-header-v4 .game-player-card-p2{background:#c9f2ef;color:#065f71} #compact-game-header.game-header-v4 .compact-avatar{position:absolute;top:6px;left:7px;width:27px!important;height:27px!important; margin:0!important;border:2px solid #fff!important;box-shadow:0 2px 5px rgba(15,23,42,.12)!important} #compact-game-header.game-header-v4 .game-player-card-p2 .compact-avatar{left:auto;right:7px} #compact-game-header.game-header-v4 .compact-name{display:block;width:100%;max-width:none;margin:0 0 1px;padding:0 2px!important; font-size:10px!important;line-height:12px!important;font-weight:900; text-align:center;color:inherit!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #compact-game-header.game-header-v4 .score-orb{display:flex;justify-content:center;align-items:center;width:100%!important;height:36px!important; min-width:0;margin:0!important;padding:0;border:0!important;border-radius:0!important; background:none!important;box-shadow:none!important;color:inherit!important; font-size:32px!important;line-height:36px!important;font-weight:1000} #compact-game-header.game-header-v4 #p1-score-val,#compact-game-header.game-header-v4 #p2-score-val{font-size:inherit!important;line-height:inherit!important} #compact-game-header.game-header-v4 .compact-timer{width:70px!important;height:68px!important;min-width:0!important; border:0!important;border-radius:18px!important;background:#075458!important; box-shadow:0 3px 0 #064043!important;color:#fff!important} #compact-game-header.game-header-v4 .timer-label{font-size:9px!important;line-height:11px!important;color:#e9ffff!important;opacity:1} #compact-game-header.game-header-v4 #game-timer{font-size:32px!important;line-height:36px!important;color:#fff!important;text-shadow:none!important} #compact-game-header.game-header-v4 #game-timer.timer-warning{color:#ffe697!important} @media(max-width:600px){#compact-game-header.game-header-v4{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr)!important;gap:4px!important;min-height:68px!important;padding:4px 5px!important} #compact-game-header.game-header-v4 .game-player-card{height:58px;border-radius:14px;padding:2px 3px 3px} #compact-game-header.game-header-v4 .compact-avatar{width:22px!important;height:22px!important;top:4px;left:5px} #compact-game-header.game-header-v4 .game-player-card-p2 .compact-avatar{right:5px} #compact-game-header.game-header-v4 .compact-name{font-size:8px!important;line-height:10px!important} #compact-game-header.game-header-v4 .score-orb{height:31px!important;font-size:28px!important;line-height:31px!important} #compact-game-header.game-header-v4 .compact-timer{width:56px!important;height:58px!important;border-radius:14px!important} #compact-game-header.game-header-v4 .timer-label{font-size:8px!important;line-height:10px!important} #compact-game-header.game-header-v4 #game-timer{font-size:28px!important;line-height:31px!important}} @media(max-height:680px){#compact-game-header.game-header-v4{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr)!important;min-height:49px!important;padding:3px 5px!important} #compact-game-header.game-header-v4 .game-player-card{height:43px;padding:2px 3px} #compact-game-header.game-header-v4 .compact-avatar{width:17px!important;height:17px!important;top:3px;left:4px} #compact-game-header.game-header-v4 .game-player-card-p2 .compact-avatar{right:4px} #compact-game-header.game-header-v4 .compact-name{font-size:7px!important;line-height:8px!important} #compact-game-header.game-header-v4 .score-orb{height:23px!important;font-size:22px!important;line-height:23px!important} #compact-game-header.game-header-v4 .compact-timer{width:46px!important;height:43px!important} #compact-game-header.game-header-v4 #game-timer{font-size:22px!important;line-height:23px!important}} #scrabble-grid{isolation:isolate} .letter-cell{font-variant-numeric:tabular-nums;text-rendering:optimizeLegibility} #scrabble-grid .letter-cell{border-radius:8px!important} @media(pointer:coarse){#scrabble-grid .letter-cell{border-radius:9px!important}} .selected-preview-tile[hidden]{display:none!important} .tile-dragging{will-change:transform} @media (pointer:coarse){#scrabble-grid{gap:1.6px!important;padding:2px!important} .letter-cell{font-size:clamp(1.12rem,5.75vw,1.52rem)!important;border-radius:6px!important;transition:transform .04s ease-out,background-color .04s linear,box-shadow .04s linear!important} .letter-cell .tile-score{font-size:clamp(.43rem,1.8vw,.56rem)!important} .tile-dragging{transform:scale(1.065) translateY(-1px)!important}} @media (max-width:380px) and (pointer:coarse){.letter-cell{font-size:clamp(1.08rem,5.7vw,1.34rem)!important} .letter-cell .tile-score{font-size:.43rem!important;right:2px!important;bottom:1px!important}} .letter-cell{transition:transform .08s ease-out,box-shadow .08s ease-out,background-color .07s linear,color .07s linear} @media (hover:hover) and (pointer:fine){.letter-cell.tile-hover-p1:not(.tile-dragging),.letter-cell.tile-hover-p2:not(.tile-dragging){transform:translateY(-2px)}} @media (hover:hover) and (pointer:fine){#scrabble-grid .letter-cell.tile-hover-p1:not(.tile-dragging),#scrabble-grid .letter-cell.tile-hover-p2:not(.tile-dragging){transform:translateY(-.5px)!important; box-shadow:0 2px 5px rgba(15,23,42,.12)!important} #scrabble-grid .letter-cell.tile-dragging{transform:translate3d(0,-1px,0) scale(1.07)!important; box-shadow:0 4px 9px rgba(15,23,42,.17)!important}} .demo-board{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;max-width:245px;margin:auto;touch-action:none} .demo-board .demo-tile{display:grid;place-items:center;aspect-ratio:1;background:#fff;border:2px solid #d7dee8;border-radius:7px;color:#263b68;font-weight:900;font-size:16px;box-shadow:0 3px 0 #cbd5e1;transition:transform .12s ease,background .12s ease,box-shadow .12s ease,border-color .12s ease} .demo-board .demo-blank{visibility:hidden} .demo-board .demo-tile.demo-active-p1{background:#fde68a;border-color:#f59e0b;transform:translateY(-3px) scale(1.06);box-shadow:0 5px 0 #d97706} .demo-board .demo-tile.demo-active-p2{background:#bae6fd;border-color:#38bdf8;transform:translateY(-3px) scale(1.06);box-shadow:0 5px 0 #0284c7} #home-demo .demo-board{max-width:210px;gap:2px} #home-demo .demo-board .demo-tile{font-size:14px;border-radius:6px} #home-demo{background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.95);box-shadow:0 7px 15px rgba(25,77,131,.12);margin-top:-6px} .demo-picked{min-height:25px;display:flex;align-items:center;justify-content:center;gap:3px;margin:0 auto 7px;padding:3px 6px;border-radius:12px;background:rgba(255,255,255,.82);border:1px solid rgba(203,213,225,.82)} .demo-picked:empty{background:transparent;border-color:transparent} .demo-picked-tile{width:21px;height:21px;display:grid;place-items:center;border-radius:7px;background:#fff;border:2px solid #d7dee8;color:#263b68;font-weight:900;font-size:12px;box-shadow:0 2px 0 #cbd5e1}.demo-picked-tile.demo-picked-p1{background:#fde68a;border-color:#f59e0b;box-shadow:0 2px 0 #d97706}.demo-picked-tile.demo-picked-p2{background:#bae6fd;border-color:#38bdf8;box-shadow:0 2px 0 #0284c7} .mp-demo{margin:7px auto 0;max-width:244px;padding:8px;border-radius:17px;background:rgba(239,246,255,.9);border:1px solid #dbeafe} .mp-demo .demo-board{max-width:204px;gap:2px} .mp-demo .demo-board .demo-tile{font-size:13px;border-radius:6px} #home-demo{margin-top:-4px!important;padding:5px 9px!important} #home-demo .demo-board{max-width:176px;gap:2px} #home-demo .demo-board .demo-tile{font-size:12px;border-radius:5px} #home-demo .demo-picked{min-height:21px;margin-bottom:4px;padding:2px 5px} #home-demo .demo-picked-tile{width:19px;height:19px;font-size:11px} #screen-howto [aria-label="Örnek oynanış animasyonu"]{margin-top:-5px!important;padding:11px!important} #screen-howto .demo-board{max-width:184px!important;gap:2px!important;margin:0 auto!important} #screen-howto .demo-board .demo-tile{font-size:12px!important;border-radius:5px!important} @media(prefers-reduced-motion:reduce){.demo-board .demo-tile{transition:none;animation:none}} @keyframes v312TimerAlarm{0%,44%{background:#ef0000;box-shadow:0 0 0 2px #ff8a8a,0 0 30px rgba(255,0,0,.95),inset 0 0 12px rgba(255,255,255,.18)} 45%,100%{background:#000;box-shadow:0 0 0 2px #111,0 0 8px rgba(0,0,0,.95),inset 0 0 12px rgba(0,0,0,.92)}} #compact-game-header.game-header-v4 .compact-timer.timer-danger{background-image:none!important;animation:v312TimerAlarm .46s steps(1,end) infinite!important;border-color:#ff4d4d!important} #compact-game-header.game-header-v4 .compact-timer.timer-danger .timer-label{color:#fff!important} #compact-game-header.game-header-v4 .compact-timer.timer-danger #game-timer{color:#fff!important;text-shadow:0 0 8px rgba(255,255,255,.5),0 0 14px rgba(255,0,0,.8)!important} @media(prefers-reduced-motion:reduce){#compact-game-header.game-header-v4 .compact-timer.timer-danger{animation:none!important;background:#dc2626!important}} @media (max-width:600px){#screen-game{width:100%!important;max-width:100%!important;inset:0!important;overflow-x:hidden!important} #screen-game>div:last-child{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding-left:2px!important;padding-right:2px!important;align-items:center!important} #scrabble-grid{width:min(calc(100% - 4px),calc(100dvh - 190px),440px)!important;max-width:calc(100% - 4px)!important;margin-left:auto!important;margin-right:auto!important;justify-self:center!important} .game-bottom-controls{width:calc(100% - 8px)!important;max-width:440px!important;margin-left:auto!important;margin-right:auto!important}} @media (max-width:600px) and (max-height:680px){#scrabble-grid{width:min(calc(100% - 4px),calc(100dvh - 170px),440px)!important}} @media (max-width:600px){html,body{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;overflow-x:hidden!important} body{display:block!important} #app-container{width:100%!important;max-width:100%!important;margin:0!important;left:0!important;right:auto!important;transform:none!important}} #screen-game>div:nth-of-type(2){height:28px!important;min-height:28px!important} #screen-game>div:nth-of-type(2)>span{font-size:10px!important} #words-ticker .found-word-badge{font-size:11px!important;padding:3px 9px!important;cursor:pointer;touch-action:manipulation;border:0;line-height:16px} #words-ticker .found-word-badge:active{transform:scale(.96)} #modal-found-meaning{z-index:95} #found-meaning-content{max-height:min(52dvh,360px);overflow-y:auto} #btn-copy-link{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease!important} #btn-copy-link:hover,#btn-copy-link:focus-visible,#btn-copy-link:active{background:#ec4899!important;border-color:#f472b6!important;box-shadow:0 5px 14px rgba(219,39,119,.28)!important} #words-ticker{scroll-behavior:smooth} #screen-about{overflow-y:auto!important} .about-learning-list p{margin-top:7px} button,a,[role="button"],.dict-word-button,.found-word-badge{cursor:pointer} #scrabble-grid,.letter-cell{cursor:pointer!important} #scrabble-grid:active,.letter-cell:active,.letter-cell.tile-dragging{cursor:pointer!important} #screen-home.home-v156 .home-logo-tiles span.home-domain-tile{animation:none!important; display:inline-flex; align-items:center; justify-content:center; width:clamp(27px,9.9vw,47px); height:clamp(27px,9.9vw,47px); margin-left:2px; padding:0; border:1px solid #991b1b; border-radius:8px; background:#dc0000!important; color:#fff!important; font-size:clamp(16px,4vw,23px); font-weight:900; letter-spacing:-1px; box-shadow:0 3px 0 #991b1b,inset 0 1px 0 rgba(255,255,255,.22),0 7px 13px rgba(127,29,29,.28); text-shadow:none!important; transform:translateY(13px) rotate(11deg)!important}

#invite-decision-countdown.invite-countdown-prominent{margin-top:10px;margin-bottom:2px;font-size:22px;line-height:1.1;font-weight:1000;color:#4338ca;font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-shadow:0 2px 0 rgba(255,255,255,.55)}
#found-words-bar{height:34px!important;min-height:34px!important;padding-left:8px!important;padding-right:6px!important}
#found-words-bar .found-words-label{font-size:11px!important;line-height:1!important;color:#cbd5e1!important;padding-right:8px!important;margin-right:7px!important}
#words-ticker{min-height:28px!important;display:flex!important;align-items:center!important;gap:5px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
#words-ticker>*{transform:none!important}
#words-ticker .found-word-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-height:25px!important;font-size:12px!important;line-height:16px!important;padding:4px 10px!important;border:0!important;opacity:1!important;visibility:visible!important}
#selected-preview-bar{height:48px!important;min-height:48px!important;padding-left:8px!important;padding-right:8px!important;gap:7px!important}
#selected-word-preview,.selected-preview-tiles{min-height:39px!important;gap:4px!important}
.letter-cell.selected-preview-tile{width:35px!important;height:35px!important;min-width:35px!important;min-height:35px!important;flex:0 0 35px!important;font-size:1.35rem!important;line-height:1!important;border-radius:7px!important}
.letter-cell.selected-preview-tile .tile-score{font-size:7px!important;right:2px!important;bottom:1px!important}
#selected-preview-status{font-size:11px!important;line-height:1.05!important}
@media(max-width:380px){
#selected-preview-bar{height:43px!important;min-height:43px!important;gap:4px!important;padding-left:5px!important;padding-right:5px!important}
#selected-word-preview,.selected-preview-tiles{min-height:33px!important;gap:2px!important}
.letter-cell.selected-preview-tile{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;flex-basis:30px!important;font-size:1.12rem!important}
#selected-preview-status{font-size:9px!important}
#found-words-bar{height:31px!important;min-height:31px!important}
#words-ticker .found-word-badge{min-height:23px!important;font-size:11px!important;padding:3px 8px!important}
}


#screen-recommend .recommend-share-option{opacity:1!important;visibility:visible!important;min-height:50px!important}
#screen-recommend .recommend-share-option[data-share="whatsapp"]{background:#22c55e!important;color:#fff!important}
#screen-recommend .recommend-share-option[data-share="facebook"]{background:#2563eb!important;color:#fff!important}
#screen-recommend .recommend-share-option[data-share="x"]{background:#0f172a!important;color:#fff!important}
#screen-recommend .recommend-share-option[data-share="telegram"]{background:#0ea5e9!important;color:#fff!important}
#screen-recommend .recommend-share-option[data-share="email"]{background:#6366f1!important;color:#fff!important}
#screen-recommend .recommend-share-option[data-share="copy"]{background:#f97316!important;color:#fff!important}


#screen-account.hidden{display:none!important}
#screen-account:not(.hidden){display:block!important}
#screen-account #btn-account-login{background:#0284c7!important;color:#fff!important}
#screen-account #btn-account-signup{background:#059669!important;color:#fff!important}
#screen-account #btn-account-google{background:#fff!important;color:#1e293b!important;border:2px solid #e2e8f0!important;border-radius:9999px!important}
#screen-account #btn-account-github{background:#24292f!important;color:#fff!important;border:2px solid #24292f!important;border-radius:9999px!important}
#screen-account #btn-account-submit{background:#0f172a!important;color:#fff!important}
#screen-account #btn-account-profile{background:#4f46e5!important;color:#fff!important}
#screen-account #btn-account-logout{background:#dc2626!important;color:#fff!important}
#screen-account #btn-account-save-profile{background:#4f46e5!important;color:#fff!important}


#btn-copy-link,#btn-share-link,#btn-close-room,#btn-add-shortcut,#btn-recommend,
#btn-fullscreen-game,#btn-quick-exit,
#btn-account-login,#btn-account-signup,#btn-account-submit,#btn-account-save-profile,
#btn-native-share,#dict-load-more,
#btn-rematch-accept,#btn-rematch-decline,#btn-play-again,#btn-game-exit,
#screen-recommend .recommend-share-option{
border-radius:9999px!important;
}


#scrabble-grid .word-confetti-layer{display:block!important}


#modal-dictionary h3{font-size:18px!important;line-height:22px!important}
#modal-dictionary h3+p{font-size:13px!important;line-height:18px!important}
#dict-search-input{font-size:15px!important;line-height:20px!important;padding:11px 13px!important}
#alphabet-bar{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:4px!important;padding:5px!important}
.dict-letter-btn{height:34px!important;font-size:17px!important;line-height:1!important;border-radius:8px!important}
#dict-letter-heading{font-size:15px!important;line-height:20px!important}
#dict-word-count{font-size:12px!important;line-height:17px!important;padding:3px 9px!important}
.dict-word-button{padding:12px 13px!important;min-height:48px!important}
.dict-word-main{font-size:17px!important;line-height:22px!important}
.dict-word-points{font-size:12px!important;line-height:18px!important;padding:2px 8px!important}
.dict-inline-meaning{font-size:15px!important;line-height:22px!important;padding:3px 13px 13px!important}
.dict-meaning-title{font-size:13px!important;line-height:18px!important}
.dict-meaning-note{font-size:12px!important;line-height:17px!important}
.dict-meaning-loading{font-size:14px!important;line-height:20px!important}
.dict-rules{font-size:13px!important;line-height:19px!important}
#dict-load-more{font-size:13px!important;min-height:42px!important}
#btn-dict-feedback{min-height:44px!important;border-radius:9999px!important;font-size:13px!important;letter-spacing:.02em}
@media(max-width:600px){
#modal-dictionary{padding:6px!important}
#modal-dictionary>div{padding:10px!important}
#alphabet-bar{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:4px!important}
.dict-letter-btn{height:32px!important;font-size:16px!important}
.dict-word-main{font-size:16px!important;line-height:21px!important}
.dict-inline-meaning{font-size:14px!important;line-height:21px!important}
.dict-rules{font-size:12.5px!important;line-height:18px!important}
}
@media(max-width:370px){
#alphabet-bar{grid-template-columns:repeat(7,minmax(0,1fr))!important}
.dict-letter-btn{height:31px!important;font-size:15.5px!important}
}


#btn-close-difficulty,#btn-close-friend,#btn-close-room,#btn-howto-back,#btn-settings-back,#btn-about-back,
#btn-close-support,#btn-close-account,#btn-close-recommend,#btn-close-found-meaning,#btn-close-dict,
#btn-close-mp-waiting,#btn-close-rematch-waiting{
width:36px!important;
height:36px!important;
min-width:36px!important;
min-height:36px!important;
max-width:36px!important;
max-height:36px!important;
padding:0!important;
border-radius:50%!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
line-height:1!important;
aspect-ratio:1/1!important;
flex:0 0 36px!important;
}


#mp-room-view .room-action-row #btn-close-room:not(.hidden){display:flex!important}
#mp-room-view .room-action-row #btn-close-room.hidden{display:none!important}
#mp-room-view .room-action-row #btn-share-link,
#mp-room-view .room-action-row #btn-close-room{
  border-radius:16px!important;
}


#btn-account-submit:disabled{opacity:.58!important;cursor:not-allowed!important;transform:none!important;filter:none!important}
#btn-account-submit.account-busy{position:relative}
#btn-account-submit.account-busy::after{content:'…';margin-left:6px}


#account-main-card{min-height:520px;padding-bottom:30px!important}
#account-room-card{min-height:178px}
#account-user-view{padding-bottom:8px}


#modal-room-invite #btn-invite-cancel{
  position:absolute!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  max-width:46px!important;
  max-height:46px!important;
  border-radius:9999px!important;
  font-size:24px!important;
  line-height:1!important;
  right:8px!important;
  top:calc(env(safe-area-inset-top, 0px) + 8px)!important;
  z-index:40!important;
}
#modal-room-invite .invite-logo{
  margin:18px auto 20px!important;
}
#modal-room-invite .invite-title{
  width:100%!important;
  text-align:center!important;
  padding-left:12px!important;
  padding-right:12px!important;
  margin-top:14px!important;
  margin-bottom:10px!important;
  line-height:1.18!important;
}
#modal-room-invite .invite-count-number{
  line-height:.92!important;
  margin-top:4px!important;
}
#modal-room-invite .invite-count-label{
  margin-top:14px!important;
  line-height:1.2!important;
}
@media(max-width:380px){
  #modal-room-invite .invite-title{
    font-size:20px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  #modal-room-invite .invite-count-label{
    margin-top:12px!important;
    font-size:18px!important;
  }
}


#atisma-panel{width:min(100%,580px);max-width:580px;margin:7px auto 0;text-align:center}
#atisma-phase-status{min-height:23px;font-size:12px;line-height:23px;font-weight:1000;letter-spacing:.045em;color:#fff}
#atisma-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(100%,300px);margin:2px auto 0}
#atisma-tools button{min-height:56px!important;padding:7px 10px!important;border:2px solid #cbd5e1!important;border-radius:12px!important;background:#fff!important;color:#111827!important;box-shadow:0 3px 8px rgba(15,23,42,.16)!important;font-size:11px!important;line-height:1.15!important;font-weight:1000!important;letter-spacing:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important}
#atisma-tools button>span:first-child{font-size:22px;line-height:1}
#atisma-tools button.atisma-tool-active{border-color:#f59e0b!important;box-shadow:0 0 0 3px rgba(245,158,11,.24),0 3px 8px rgba(15,23,42,.16)!important}
#atisma-tools button:disabled{opacity:.42}
#atisma-panel.atisma-playing #atisma-tools{display:none}
.letter-cell{position:relative}
.atisma-piece-own,.atisma-piece-hit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:8;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(15,23,42,.26))}
.atisma-piece-own{font-size:22px;opacity:.72}
.atisma-piece-hit{font-size:27px;animation:atismaHitPop .42s ease-out both}
.atisma-piece-used{opacity:.38;filter:grayscale(.25)}
@keyframes atismaHitPop{0%{transform:translate(-50%,-50%) scale(.2) rotate(-18deg)}65%{transform:translate(-50%,-50%) scale(1.35) rotate(7deg)}100%{transform:translate(-50%,-50%) scale(1)}}
#screen-game.atisma-mode .game-bottom-controls{margin-top:8px}
@media(max-width:520px){#atisma-tools{width:min(100%,270px);gap:8px}#atisma-tools button{min-height:50px!important;font-size:10px!important}.atisma-piece-own{font-size:19px}.atisma-piece-hit{font-size:23px}}


#atisma-tools button{touch-action:none!important;user-select:none!important;-webkit-user-select:none!important}
#atisma-tools button.atisma-dragging{transform:scale(.96);filter:brightness(1.03)}
.atisma-drop-target{outline:3px solid #f59e0b!important;outline-offset:-3px;box-shadow:0 0 0 3px rgba(245,158,11,.22),inset 0 0 10px rgba(245,158,11,.2)!important}
.atisma-drag-ghost{position:fixed;z-index:200;pointer-events:none;transform:translate(-50%,-50%);font-size:34px;line-height:1;filter:drop-shadow(0 4px 5px rgba(15,23,42,.35))}
.atisma-setup-notice{position:absolute;inset:0;z-index:140;display:flex;align-items:center;justify-content:center;pointer-events:none;background:rgba(15,23,42,.18)}
.atisma-setup-notice-card{max-width:320px;margin:0 18px;padding:18px 22px;border-radius:22px;background:rgba(255,255,255,.96);border:2px solid #fde68a;box-shadow:0 16px 34px rgba(15,23,42,.28);text-align:center;color:#78350f;font-size:16px;line-height:1.35;font-weight:1000}
.atisma-setup-notice-card span{display:block;margin-bottom:6px;font-size:30px}


#atisma-setup-notice{
  position:absolute!important;
  top:82px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:min(calc(100% - 28px),360px)!important;
  z-index:145!important;
  pointer-events:none!important;
  background:transparent!important;
}

#atisma-setup-notice .atisma-setup-notice-card{
  margin:0!important;
  padding:10px 14px!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.97)!important;
  border:2px solid #fde68a!important;
  box-shadow:0 7px 18px rgba(15,23,42,.22)!important;
  text-align:center!important;
  color:#78350f!important;
  font-size:13px!important;
  line-height:1.3!important;
  font-weight:1000!important;
}
#atisma-setup-notice .atisma-setup-notice-card span{
  display:inline!important;
  margin:0 6px 0 0!important;
  font-size:18px!important;
}
.letter-cell .atisma-piece-own{
  z-index:40!important;
  width:32px!important;
  height:32px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:25px!important;
  line-height:1!important;
  opacity:1;
  background:rgba(255,255,255,.78)!important;
  border-radius:50%!important;
  box-shadow:0 2px 7px rgba(15,23,42,.20)!important;
  pointer-events:none!important;
}
@media(max-width:520px){
  #atisma-setup-notice{top:81px!important;width:min(calc(100% - 20px),330px)!important}
  #atisma-setup-notice .atisma-setup-notice-card{font-size:12px!important;padding:9px 11px!important}
  .letter-cell .atisma-piece-own{width:27px!important;height:27px!important;font-size:21px!important}
}


#atisma-tools{grid-template-columns:1fr!important;width:min(100%,190px)!important}
#atisma-tools #atisma-trap-tool{
  min-height:68px!important;
  font-size:14px!important;
  line-height:1.15!important;
  letter-spacing:.02em!important;
}
#atisma-tools #atisma-trap-tool>span:first-child{font-size:30px!important}
#atisma-tools #atisma-trap-tool>span:last-child{font-size:14px!important;font-weight:1000!important}


#atisma-setup-notice .atisma-setup-notice-card{
  font-size:16px!important;
  line-height:1.32!important;
  padding:11px 15px!important;
}
#atisma-setup-notice .atisma-setup-notice-card span{
  font-size:20px!important;
}
.letter-cell .atisma-piece-own{
  left:3px!important;
  top:3px!important;
  transform:none!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  display:block!important;
  font-size:10px!important;
  line-height:1!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 1px 1px rgba(15,23,42,.28))!important;
}
.letter-cell .atisma-piece-hit{
  left:3px!important;
  top:3px!important;
  transform:none!important;
  font-size:11px!important;
  line-height:1!important;
  z-index:41!important;
}
.letter-cell.atisma-explode{
  animation:atismaBombCell .62s ease-out 1!important;
}
.atisma-bomb-fx{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:70;
  pointer-events:none;
  font-size:38px;
  line-height:1;
  animation:atismaBombPop .68s cubic-bezier(.2,.8,.2,1) forwards;
  filter:drop-shadow(0 4px 7px rgba(127,29,29,.45));
}
@keyframes atismaBombPop{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-14deg)}
  22%{opacity:1;transform:translate(-50%,-50%) scale(1.45) rotate(8deg)}
  58%{opacity:1;transform:translate(-50%,-50%) scale(1.08) rotate(-3deg)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1.8) rotate(5deg)}
}
@keyframes atismaBombCell{
  0%,100%{filter:none}
  25%{filter:brightness(1.35) saturate(1.45);box-shadow:0 0 0 4px rgba(239,68,68,.35),inset 0 0 18px rgba(251,146,60,.55)!important}
  50%{filter:brightness(.78)}
  72%{filter:brightness(1.18)}
}
@media(max-width:520px){
  #atisma-setup-notice .atisma-setup-notice-card{font-size:15px!important}
  .letter-cell .atisma-piece-own{font-size:9px!important;left:2px!important;top:2px!important}
  .letter-cell .atisma-piece-hit{font-size:10px!important;left:2px!important;top:2px!important}
  .atisma-bomb-fx{font-size:34px}
}


#atisma-tools{width:min(100%,220px)!important;margin-left:auto!important;margin-right:auto!important}
#atisma-tools #atisma-trap-tool{
  min-height:76px!important;
  border-radius:18px!important;
  font-size:16px!important;
  padding:9px 16px!important;
  background:#fff7ed!important;
  border-color:#fdba74!important;
  color:#9a3412!important;
}
#atisma-tools #atisma-trap-tool>span:first-child{font-size:36px!important}
#atisma-tools #atisma-trap-tool>span:last-child{font-size:16px!important;font-weight:1000!important}
.letter-cell .atisma-piece-own,
.letter-cell .atisma-piece-hit{font-size:10px!important}
.atisma-bomb-fx{
  font-size:58px!important;
  animation-duration:.82s!important;
}
#screen-game.atisma-screen-shake{
  animation:atismaScreenShake .44s linear 1!important;
}
@keyframes atismaScreenShake{
  0%,100%{transform:translate3d(0,0,0)}
  12%{transform:translate3d(-8px,2px,0)}
  24%{transform:translate3d(7px,-3px,0)}
  36%{transform:translate3d(-6px,3px,0)}
  48%{transform:translate3d(5px,-2px,0)}
  60%{transform:translate3d(-4px,2px,0)}
  72%{transform:translate3d(3px,-1px,0)}
  84%{transform:translate3d(-2px,1px,0)}
}
@media(max-width:520px){
  #atisma-tools{width:min(100%,205px)!important}
  #atisma-tools #atisma-trap-tool{min-height:70px!important}
  .atisma-bomb-fx{font-size:50px!important}
}


#screen-game.atisma-mode #compact-game-header.game-header-v4 .game-player-card{
  justify-content:flex-start!important;
  padding-top:4px!important;
  padding-bottom:4px!important;
}
#screen-game.atisma-mode #compact-game-header.game-header-v4 .compact-name{
  margin-top:1px!important;
  margin-bottom:0!important;
}
#screen-game.atisma-mode #compact-game-header.game-header-v4 .score-orb{
  height:29px!important;
  line-height:29px!important;
  font-size:27px!important;
  margin-top:-1px!important;
}
.patlama-turn-dots{
  display:none;
  width:min(100%,116px);
  max-width:calc(100% - 6px);
  justify-content:center;
  align-items:center;
  gap:3px;
  margin:1px auto 0;
  min-height:9px;
  overflow:visible;
}
#screen-game.atisma-mode .patlama-turn-dots{display:flex}
.patlama-turn-dot{
  width:8px;
  height:8px;
  border-radius:9999px;
  background:#22c55e;
  border:1px solid rgba(21,128,61,.35);
  box-shadow:0 1px 2px rgba(15,23,42,.16);
  flex:0 0 8px;
}
.patlama-turn-dot.used{
  background:#ef4444;
  border-color:rgba(185,28,28,.45);
}
@media(max-width:600px){
  #screen-game.atisma-mode #compact-game-header.game-header-v4 .score-orb{
    height:25px!important;
    line-height:25px!important;
    font-size:24px!important;
  }
  .patlama-turn-dots{width:min(100%,109px);max-width:calc(100% - 6px);gap:3px;min-height:8px}
  .patlama-turn-dot{width:7px;height:7px;flex-basis:7px}
}
@media(max-height:680px){
  #screen-game.atisma-mode #compact-game-header.game-header-v4 .score-orb{
    height:20px!important;
    line-height:20px!important;
    font-size:20px!important;
  }
  .patlama-turn-dots{width:min(100%,96px);max-width:calc(100% - 6px);gap:2.5px;min-height:7px}
  .patlama-turn-dot{width:6px;height:6px;flex-basis:6px}
}


#screen-game.atisma-mode #atisma-phase-status{display:none!important}
#screen-game.atisma-mode #atisma-panel{
  margin-top:2px!important;
  margin-bottom:0!important;
}
#screen-game.atisma-mode #atisma-tools{
  width:86px!important;
  margin:1px auto 0!important;
}
#screen-game.atisma-mode #atisma-tools #atisma-trap-tool{
  width:82px!important;
  height:82px!important;
  min-width:82px!important;
  min-height:82px!important;
  max-width:82px!important;
  max-height:82px!important;
  border-radius:9999px!important;
  padding:6px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
}
#screen-game.atisma-mode #atisma-tools #atisma-trap-tool>span:first-child{
  font-size:35px!important;
  line-height:36px!important;
}
#screen-game.atisma-mode #atisma-tools #atisma-trap-tool>span:last-child{
  font-size:17px!important;
  line-height:19px!important;
  font-weight:1000!important;
}

#screen-game.atisma-mode #compact-game-header .game-player-card.patlama-turn-active{
  opacity:1!important;
  filter:brightness(1.08) saturate(1.13)!important;
  transform:translateY(-1px) scale(1.015)!important;
  box-shadow:0 0 0 3px rgba(250,204,21,.35),0 4px 13px rgba(15,23,42,.18)!important;
  z-index:2;
}
#screen-game.atisma-mode #compact-game-header .game-player-card.patlama-turn-inactive{
  opacity:.42!important;
  filter:saturate(.55) brightness(.96)!important;
  transform:scale(.985)!important;
}
#screen-game.atisma-mode #p2-player-card.patlama-turn-active{
  box-shadow:0 0 0 3px rgba(56,189,248,.35),0 4px 13px rgba(15,23,42,.18)!important;
}
#screen-game.atisma-mode .game-bottom-controls{margin-top:4px!important}
@media(max-width:520px){
  #screen-game.atisma-mode #atisma-tools{width:76px!important}
  #screen-game.atisma-mode #atisma-tools #atisma-trap-tool{
    width:72px!important;height:72px!important;min-width:72px!important;min-height:72px!important;max-width:72px!important;max-height:72px!important;
  }
  #screen-game.atisma-mode #atisma-tools #atisma-trap-tool>span:first-child{font-size:31px!important;line-height:32px!important}
  #screen-game.atisma-mode #atisma-tools #atisma-trap-tool>span:last-child{font-size:15px!important;line-height:16px!important}
}


#home-game-mode-picker{display:grid;grid-template-columns:1fr;gap:10px;width:100%;margin-top:2px}
.home-game-mode-card{
  width:100%;min-height:76px;border-radius:24px;border:4px solid rgba(255,255,255,.72);
  display:flex;align-items:center;gap:14px;padding:10px 16px;text-align:left;
  box-shadow:0 8px 0 rgba(15,23,42,.18),0 12px 20px rgba(15,23,42,.12);
  transition:transform .14s ease,box-shadow .14s ease,filter .14s ease;
}
.home-game-mode-card:active{transform:translateY(3px);box-shadow:0 4px 0 rgba(15,23,42,.18),0 7px 12px rgba(15,23,42,.11)}
.home-game-mode-card.kapisma{background:linear-gradient(180deg,#34d399,#059669);color:#fff;border-color:#a7f3d0}
.home-game-mode-card.patlama{background:linear-gradient(180deg,#fb923c,#ea580c);color:#fff;border-color:#fed7aa}
.home-game-mode-card.selected{filter:brightness(1.06);box-shadow:0 0 0 3px rgba(255,255,255,.75),0 8px 0 rgba(15,23,42,.18),0 12px 20px rgba(15,23,42,.12)}
.home-game-mode-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;flex:0 0 48px;background:rgba(255,255,255,.20);border:1px solid rgba(255,255,255,.32);font-size:30px;line-height:1}
.home-game-mode-copy{min-width:0;flex:1;display:flex;flex-direction:column}
.home-game-mode-copy b{font-size:21px;line-height:22px;font-weight:1000}
.home-game-mode-copy small{font-size:11px;line-height:14px;font-weight:800;opacity:.92;margin-top:2px}
.home-game-mode-arrow{font-size:31px;line-height:1;font-weight:1000;transition:transform .16s ease}
.home-game-mode-card.selected .home-game-mode-arrow{transform:rotate(90deg)}
#home-game-submodes{width:100%;margin-top:10px}

#home-game-submodes>#btn-solo-mode,
#home-game-submodes>#btn-friend-mode{margin-top:0}
#home-game-submodes>#bot-settings-panel,
#home-game-submodes>#friend-invite-panel{margin-top:8px}
@media(max-width:380px){
  .home-game-mode-card{min-height:68px;padding:8px 13px;gap:11px}
  .home-game-mode-icon{width:42px;height:42px;flex-basis:42px;font-size:27px;border-radius:14px}
  .home-game-mode-copy b{font-size:19px;line-height:20px}
  .home-game-mode-copy small{font-size:10px}
}


#account-room-card .member-room-mode{
  min-height:56px!important;border-radius:16px!important;border:2px solid #d1fae5!important;
  background:#fff!important;color:#065f46!important;display:flex!important;align-items:center!important;
  justify-content:center!important;gap:7px!important;font-size:12px!important;font-weight:1000!important;
  box-shadow:0 3px 8px rgba(5,150,105,.08)!important;transition:transform .12s ease,box-shadow .12s ease,background .12s ease!important;
}
#account-room-card .member-room-mode>span{font-size:22px;line-height:1}
#account-room-card .member-room-mode.selected{
  background:#d1fae5!important;border-color:#34d399!important;color:#064e3b!important;
  box-shadow:0 0 0 3px rgba(52,211,153,.16),0 4px 10px rgba(5,150,105,.13)!important;
}
#account-room-card #btn-account-room-patlama.selected{
  background:#ffedd5!important;border-color:#fb923c!important;color:#9a3412!important;
  box-shadow:0 0 0 3px rgba(251,146,60,.16),0 4px 10px rgba(234,88,12,.12)!important;
}
#account-room-card .member-room-mode:active{transform:scale(.98)}


#howto-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:2px 0 12px}
#howto-mode-tabs .howto-mode-tab{
  min-height:58px!important;border-radius:16px!important;border:2px solid #cbd5e1!important;
  background:#fff!important;color:#334155!important;padding:7px 8px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  text-align:center!important;box-shadow:0 3px 8px rgba(15,23,42,.08)!important;
}
#howto-mode-tabs .howto-mode-tab span{font-size:22px;line-height:1}
#howto-mode-tabs .howto-mode-tab b{font-size:10.5px;line-height:1.15;font-weight:1000}
#howto-mode-tabs #btn-howto-kapisma.active{
  background:#dcfce7!important;border-color:#34d399!important;color:#065f46!important;
  box-shadow:0 0 0 3px rgba(52,211,153,.15),0 4px 10px rgba(5,150,105,.10)!important;
}
#howto-mode-tabs #btn-howto-patlama.active{
  background:#ffedd5!important;border-color:#fb923c!important;color:#9a3412!important;
  box-shadow:0 0 0 3px rgba(251,146,60,.15),0 4px 10px rgba(234,88,12,.10)!important;
}
#howto-kapisma-panel.hidden,#howto-patlama-panel.hidden{display:none!important}


#howto-mode-tabs{gap:10px!important;margin:4px 0 13px!important}
#howto-mode-tabs .howto-mode-tab{
  min-height:66px!important;border-width:2px!important;border-radius:18px!important;
  padding:8px 10px!important;box-shadow:0 5px 12px rgba(15,23,42,.10)!important;
}
#howto-mode-tabs .howto-mode-tab>span:first-child{font-size:27px!important}
#howto-mode-tabs .howto-mode-tab>span:last-child{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:1px}
#howto-mode-tabs .howto-mode-tab b{font-size:13px!important;line-height:14px!important;letter-spacing:.02em}
#howto-mode-tabs .howto-mode-tab small{font-size:9.5px;line-height:11px;font-weight:900;opacity:.8}
#howto-mode-tabs #btn-howto-kapisma{
  background:linear-gradient(180deg,#ecfdf5,#d1fae5)!important;border-color:#6ee7b7!important;color:#065f46!important;
}
#howto-mode-tabs #btn-howto-kapisma.active{
  background:linear-gradient(180deg,#34d399,#059669)!important;border-color:#a7f3d0!important;color:#fff!important;
  box-shadow:0 0 0 3px rgba(52,211,153,.18),0 7px 15px rgba(5,150,105,.22)!important;
}
#howto-mode-tabs #btn-howto-patlama{
  background:linear-gradient(180deg,#fff7ed,#ffedd5)!important;border-color:#fdba74!important;color:#9a3412!important;
}
#howto-mode-tabs #btn-howto-patlama.active{
  background:linear-gradient(180deg,#fb923c,#ea580c)!important;border-color:#fed7aa!important;color:#fff!important;
  box-shadow:0 0 0 3px rgba(251,146,60,.18),0 7px 15px rgba(234,88,12,.22)!important;
}
#howto-kapisma-panel>div:first-child{
  background:linear-gradient(135deg,#064e3b,#0f766e)!important;border:2px solid #6ee7b7!important;
}
#howto-patlama-panel>div:first-child{
  background:linear-gradient(135deg,#c2410c,#ea580c)!important;border:2px solid #fdba74!important;
}
.vibration-choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}
.vibration-choice{
  min-height:40px!important;padding:6px 3px!important;border-radius:12px!important;border:2px solid #cbd5e1!important;
  background:#f8fafc!important;color:#475569!important;font-size:10px!important;font-weight:1000!important;
  box-shadow:0 2px 5px rgba(15,23,42,.06)!important;
}
.vibration-choice.selected{
  background:#dbeafe!important;border-color:#3b82f6!important;color:#1e3a8a!important;
  box-shadow:0 0 0 3px rgba(59,130,246,.13),0 3px 8px rgba(37,99,235,.10)!important;
}
@media(max-width:380px){
  #howto-mode-tabs .howto-mode-tab{min-height:60px!important;padding:7px 8px!important}
  #howto-mode-tabs .howto-mode-tab b{font-size:12px!important}
  .vibration-choice{font-size:9px!important}
}


#home-action-row{width:min(100%,334px)!important;gap:7px!important;margin-top:8px!important}
#home-action-row #btn-add-shortcut,
#home-action-row #btn-recommend{
  min-height:44px!important;padding-left:10px!important;padding-right:10px!important;border-radius:14px!important;
}
#home-action-row #btn-add-shortcut>span:first-child{font-size:23px!important}
#home-action-row #btn-add-shortcut>span:last-child,
#home-action-row #btn-recommend>span:last-child{font-size:11px!important}
#home-action-row #btn-recommend{
  background:linear-gradient(180deg,#8b5cf6,#6d28d9)!important;
  border-color:#c4b5fd!important;
  box-shadow:0 4px 0 #5b21b6,0 8px 14px rgba(91,33,182,.20)!important;
}
#home-action-row #btn-recommend>span:first-child{width:23px!important;height:23px!important}
#home-action-row #btn-recommend svg{width:22px!important;height:22px!important}

.vibration-choice[data-vibration="off"]{
  background:#c2410c!important;border-color:#9a3412!important;color:#fff!important;
  box-shadow:0 2px 6px rgba(154,52,18,.20)!important;
}
.vibration-choice[data-vibration="off"].selected{
  background:#9a3412!important;border-color:#7c2d12!important;color:#fff!important;
  box-shadow:0 0 0 3px rgba(234,88,12,.20),0 3px 8px rgba(124,45,18,.22)!important;
}

@keyframes patlamaBalloonAttention{
  0%,100%{transform:scale(1);filter:brightness(1);box-shadow:0 3px 8px rgba(15,23,42,.16),0 0 0 0 rgba(251,146,60,0)}
  45%{transform:scale(1.08);filter:brightness(1.12);box-shadow:0 5px 14px rgba(15,23,42,.18),0 0 0 6px rgba(251,146,60,.20)}
  55%{transform:scale(1.08);filter:brightness(1.18)}
}
#screen-game.atisma-mode #atisma-panel:not(.atisma-playing) #atisma-trap-tool:not(:disabled){
  animation:patlamaBalloonAttention .95s ease-in-out infinite!important;
}
@media(prefers-reduced-motion:reduce){
  #screen-game.atisma-mode #atisma-panel:not(.atisma-playing) #atisma-trap-tool:not(:disabled){animation:none!important}
}


#atisma-setup-notice{
  position:absolute!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  transform:none!important;
  width:100%!important;
  height:100%!important;
  z-index:125!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  background:rgba(15,23,42,.25)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
  pointer-events:auto!important;
  touch-action:none!important;
}
#atisma-setup-notice.hidden{display:none!important}
#atisma-setup-notice .atisma-setup-notice-card{
  width:min(92%,390px)!important;
  min-height:132px!important;
  padding:24px 22px!important;
  border-radius:26px!important;
  background:linear-gradient(145deg,#fff7ed,#ffedd5)!important;
  border:3px solid #fb923c!important;
  color:#7c2d12!important;
  box-shadow:0 18px 45px rgba(15,23,42,.28),0 0 0 7px rgba(255,255,255,.22)!important;
  font-size:23px!important;
  line-height:1.3!important;
  font-weight:1000!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
#atisma-setup-notice .atisma-setup-notice-card>span{
  font-size:42px!important;
  line-height:1!important;
}
#screen-game.atisma-setup-intro-active #scrabble-grid,
#screen-game.atisma-setup-intro-active #compact-game-header,
#screen-game.atisma-setup-intro-active #found-words-bar,
#screen-game.atisma-setup-intro-active #selected-preview-bar,
#screen-game.atisma-setup-intro-active #atisma-panel,
#screen-game.atisma-setup-intro-active .game-bottom-controls{
  filter:blur(4px)!important;
}
@keyframes patlamaTrapStrongBlink{
  0%,100%{transform:scale(1);filter:brightness(1);box-shadow:0 5px 12px rgba(154,52,18,.18),0 0 0 0 rgba(249,115,22,0)!important}
  45%{transform:scale(1.1);filter:brightness(1.18) saturate(1.22);box-shadow:0 8px 20px rgba(154,52,18,.28),0 0 0 8px rgba(249,115,22,.28)!important}
  58%{transform:scale(1.1);filter:brightness(1.3) saturate(1.35)}
}
#screen-game.atisma-mode:not(.atisma-setup-intro-active) #atisma-panel:not(.atisma-playing) #atisma-trap-tool:not(:disabled){
  animation:patlamaTrapStrongBlink .72s ease-in-out infinite!important;
}
@media(max-width:520px){
  #atisma-setup-notice{padding:18px!important}
  #atisma-setup-notice .atisma-setup-notice-card{
    width:min(94%,360px)!important;
    min-height:122px!important;
    padding:21px 18px!important;
    font-size:20px!important;
  }
  #atisma-setup-notice .atisma-setup-notice-card>span{font-size:38px!important}
}
@media(prefers-reduced-motion:reduce){
  #screen-game.atisma-mode:not(.atisma-setup-intro-active) #atisma-panel:not(.atisma-playing) #atisma-trap-tool:not(:disabled){
    animation:patlamaTrapStrongBlink 1.1s ease-in-out infinite!important;
  }
}


/* Daha hafif ve daha olgun ana sayfa buton dili */
#home-game-mode-picker{gap:8px!important}
.home-game-mode-card{
  min-height:70px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.52)!important;
  padding:10px 14px!important;
  gap:12px!important;
  box-shadow:0 5px 14px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.24)!important;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important;
}
.home-game-mode-card:active{
  transform:translateY(1px) scale(.995)!important;
  box-shadow:0 3px 9px rgba(15,23,42,.11)!important;
}
.home-game-mode-card.kapisma{
  background:linear-gradient(180deg,#2f9f7f,#23856c)!important;
  border-color:rgba(167,243,208,.52)!important;
}
.home-game-mode-card.patlama{
  background:linear-gradient(180deg,#e77a36,#ca5b21)!important;
  border-color:rgba(254,215,170,.52)!important;
}
.home-game-mode-card.selected{
  filter:none!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.46),0 6px 16px rgba(15,23,42,.14)!important;
}
.home-game-mode-icon{
  width:42px!important;height:42px!important;flex-basis:42px!important;
  border-radius:12px!important;font-size:25px!important;
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.24)!important;
}
.home-game-mode-copy b{
  font-size:18px!important;line-height:20px!important;font-weight:900!important;letter-spacing:.01em!important;
}
.home-game-mode-copy small{
  font-size:10.5px!important;line-height:13px!important;font-weight:650!important;opacity:.82!important;
}
.home-game-mode-arrow{font-size:26px!important;font-weight:700!important;opacity:.82!important}

/* Tek/çok oyunculu seçimleri */
#home-game-submodes>#btn-solo-mode,
#home-game-submodes>#btn-friend-mode{
  min-height:66px!important;
  border-radius:17px!important;
  border-width:1px!important;
  padding-left:16px!important;padding-right:14px!important;
  gap:12px!important;
  box-shadow:0 5px 14px rgba(15,23,42,.11),inset 0 1px 0 rgba(255,255,255,.24)!important;
}
#home-game-submodes>#btn-solo-mode{
  background:linear-gradient(180deg,#35a77f,#278568)!important;
  border-color:rgba(167,243,208,.52)!important;
}
#home-game-submodes>#btn-friend-mode{
  background:linear-gradient(180deg,#4b91d6,#3478bb)!important;
  border-color:rgba(186,230,253,.52)!important;
}
#home-game-submodes>#btn-solo-mode>span:first-child svg,
#home-game-submodes>#btn-friend-mode>span:first-child svg{
  width:26px!important;height:26px!important;stroke-width:1.65!important;
}
#home-game-submodes>#btn-solo-mode b,
#home-game-submodes>#btn-friend-mode b{
  font-size:17px!important;line-height:19px!important;font-weight:900!important;
}
#home-game-submodes>#btn-solo-mode small,
#home-game-submodes>#btn-friend-mode small{
  font-size:10.5px!important;font-weight:650!important;opacity:.82!important;
}
#home-game-submodes>#btn-solo-mode>span:last-child,
#home-game-submodes>#btn-friend-mode>span:last-child{font-size:25px!important;font-weight:700!important;opacity:.8!important}

/* Hodri Meydan / Dost Ateşi: oyuncak kart hissini azalt */
#btn-random-match,
#btn-create-room{
  min-height:118px!important;
  border-radius:17px!important;
  border-width:1px!important;
  padding:12px 10px!important;
  gap:4px!important;
  box-shadow:0 5px 14px rgba(15,23,42,.11),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
#btn-random-match{
  background:linear-gradient(180deg,#e4b447,#cf8e2d)!important;
  border-color:rgba(253,230,138,.58)!important;
  color:#422006!important;
}
#btn-create-room{
  background:linear-gradient(180deg,#4e94d7,#3478ba)!important;
  border-color:rgba(186,230,253,.55)!important;
}
#btn-random-match>span:first-child,
#btn-create-room>span:first-child{
  font-size:46px!important;
  filter:none!important;
  text-shadow:none!important;
}
#btn-random-match>span:nth-child(2),
#btn-create-room>span:nth-child(2){
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.015em!important;
}
#btn-random-match>span:last-child,
#btn-create-room>span:last-child{
  font-size:9.5px!important;
  font-weight:650!important;
  opacity:.78!important;
}

/* Zorluk kartlarını da sadeleştir */
.bot-diff-choice{
  min-height:46px!important;
  border-width:1px!important;
  border-radius:10px!important;
  box-shadow:0 2px 6px rgba(15,23,42,.06)!important;
}

/* Küçük yardımcı butonlar */
#home-action-row #btn-add-shortcut,
#home-action-row #btn-recommend{
  min-height:41px!important;
  border-radius:12px!important;
  border-width:1px!important;
  box-shadow:0 3px 9px rgba(15,23,42,.10)!important;
}
#home-action-row #btn-recommend{
  background:linear-gradient(180deg,#7c67c8,#6753ad)!important;
  border-color:rgba(196,181,253,.55)!important;
}
#home-action-row #btn-add-shortcut>span:first-child{font-size:20px!important}
#home-action-row #btn-recommend>span:first-child{width:20px!important;height:20px!important}
#home-action-row #btn-recommend svg{width:19px!important;height:19px!important}

@media(max-width:380px){
  .home-game-mode-card{min-height:64px!important;padding:8px 12px!important}
  .home-game-mode-icon{width:38px!important;height:38px!important;flex-basis:38px!important;font-size:23px!important}
  .home-game-mode-copy b{font-size:17px!important}
  #btn-random-match,#btn-create-room{min-height:108px!important}
  #btn-random-match>span:first-child,#btn-create-room>span:first-child{font-size:42px!important}
}


/* v500 — KAPMACA genel sade/premium arayüz dili */
:root{
  --kd-surface:rgba(255,255,255,.94);
  --kd-border:rgba(148,163,184,.30);
  --kd-shadow:0 7px 20px rgba(15,23,42,.11);
  --kd-shadow-soft:0 3px 10px rgba(15,23,42,.08);
  --kd-radius:16px;
}

/* Ana sayfa kaydırma izini tamamen kaldır */
#screen-home{overflow:hidden!important}
#screen-home .home-content-layer{
  width:100%!important;
  max-width:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  border-left:0!important;
  border-right:0!important;
  outline:0!important;
}
#screen-home .home-content-layer::-webkit-scrollbar{
  width:0!important;height:0!important;display:none!important;background:transparent!important;
}
#screen-home .home-content-layer::-webkit-scrollbar-track,
#screen-home .home-content-layer::-webkit-scrollbar-thumb{display:none!important;background:transparent!important}

/* Ana seçimlerde ferah boşluk */
#home-game-mode-picker{gap:12px!important}
#home-game-submodes{margin-top:12px!important}
#home-game-submodes>#btn-friend-mode{margin-top:11px!important}
#home-game-submodes>#bot-settings-panel,
#home-game-submodes>#friend-invite-panel{margin-top:10px!important}
#home-action-row{margin-top:12px!important;gap:9px!important}

/* Alt menü — ortalı, hafif ve tek tasarım dili */
#screen-home .mt-auto.pt-3.w-full.max-w-sm{
  width:100%!important;
  max-width:none!important;
  display:flex!important;
  justify-content:center!important;
  padding-top:12px!important;
}
.home-shortcut-grid{
  width:min(100%,340px)!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0 auto!important;
  padding:0 2px 2px!important;
  align-items:stretch!important;
  justify-content:center!important;
}
.home-shortcut-grid>.home-shortcut{
  min-height:50px!important;
  border-radius:13px!important;
  border:1px solid rgba(148,163,184,.28)!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:0 3px 10px rgba(15,23,42,.07)!important;
  color:#334155!important;
  font-size:9px!important;
  font-weight:800!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
  transition:transform .15s ease,background .15s ease,box-shadow .15s ease!important;
}
.home-shortcut-grid>.home-shortcut:hover{
  transform:translateY(-1px)!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:0 5px 13px rgba(15,23,42,.09)!important;
}
.home-shortcut-grid>.home-shortcut>span:first-child{
  width:27px!important;height:27px!important;
  border-radius:9px!important;
  background:rgba(248,250,252,.86)!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:none!important;
}
#screen-home .support-icon-button{
  min-height:50px!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(148,163,184,.28)!important;
  box-shadow:0 3px 10px rgba(15,23,42,.07)!important;
}
#screen-home .support-icon-button svg{width:32px!important;height:32px!important;filter:none!important}

/* Menü/panel yüzeyleri */
#screen-howto>div,#screen-settings>div,#screen-about>div,#screen-support>div,
#screen-account>div,#screen-recommend>div{
  border-radius:20px!important;
}
#screen-howto>div,#screen-settings>div,#screen-about>div,#screen-support>div{
  background:rgba(250,252,255,.98)!important;
  border:1px solid rgba(148,163,184,.30)!important;
  box-shadow:0 18px 48px rgba(15,23,42,.22)!important;
}
#account-main-card,
#screen-recommend .relative.mt-6,
#dictionary-card,
#friend-invite-panel,
#bot-settings-panel{
  border-width:1px!important;
  border-color:rgba(148,163,184,.30)!important;
  border-radius:18px!important;
  box-shadow:var(--kd-shadow)!important;
  background:rgba(255,255,255,.95)!important;
}

/* Menü içi kartlarda kalın/oyuncak görünümü azalt */
#screen-howto .rounded-3xl,
#screen-settings .rounded-3xl,
#screen-about .rounded-3xl,
#screen-support .rounded-3xl,
#screen-account .rounded-3xl,
#screen-recommend .rounded-3xl{
  border-radius:17px!important;
  border-width:1px!important;
  box-shadow:var(--kd-shadow-soft)!important;
}

/* Genel menü butonları */
#screen-howto button:not([id*="close"]):not([id*="back"]),
#screen-settings button:not([id*="close"]):not([id*="back"]),
#screen-about button:not([id*="close"]):not([id*="back"]),
#screen-support button:not([id*="close"]),
#screen-account button:not([id*="close"]),
#screen-recommend button:not([id*="close"]),
#dictionary-card button:not([id*="close"]),
#friend-invite-panel button:not([id*="close"]){
  border-width:1px!important;
  border-radius:12px!important;
  box-shadow:0 3px 9px rgba(15,23,42,.08)!important;
  transition:transform .15s ease,filter .15s ease,box-shadow .15s ease!important;
}
#screen-howto button:active,
#screen-settings button:active,
#screen-about button:active,
#screen-support button:active,
#screen-account button:active,
#screen-recommend button:active,
#dictionary-card button:active,
#friend-invite-panel button:active{
  transform:translateY(1px) scale(.99)!important;
}

/* Kapat düğmeleri: daha temiz ama görünür */
#btn-close-friend,#btn-close-difficulty,#btn-settings-back,#btn-howto-back,#btn-about-back,
#btn-close-support,#btn-close-dict,#btn-close-account,#btn-close-recommend,
#btn-close-mp-waiting,#btn-close-rematch-waiting{
  border:1px solid rgba(255,255,255,.42)!important;
  box-shadow:0 3px 9px rgba(15,23,42,.10)!important;
}

/* Oynanış sekmeleri */
#howto-mode-tabs{gap:9px!important}
#howto-mode-tabs .howto-mode-tab{
  border-width:1px!important;
  border-radius:14px!important;
  box-shadow:0 3px 10px rgba(15,23,42,.07)!important;
}

/* Sözlük */
#dictionary-card{
  background:rgba(255,255,255,.97)!important;
}
#alphabet-bar{
  gap:6px!important;
  padding:7px!important;
  border-radius:12px!important;
  background:#f8fafc!important;
  border:1px solid rgba(148,163,184,.20)!important;
}
.dict-letter-btn{
  border-width:1px!important;
  border-radius:9px!important;
  box-shadow:0 2px 6px rgba(15,23,42,.05)!important;
}
#dict-words-list{
  border-radius:14px!important;
  border-color:rgba(148,163,184,.28)!important;
}

/* Form alanları */
#screen-account input,#screen-recommend input,#dictionary-card input{
  border-width:1px!important;
  border-radius:11px!important;
  box-shadow:none!important;
  background:#fff!important;
}

/* Oda ve paylaşım butonlarını da aynı hafif sisteme çek */
#btn-copy-link,#btn-share-link,#btn-close-room,
.recommend-share-option,#btn-dict-feedback{
  border-width:1px!important;
  border-radius:12px!important;
  box-shadow:0 3px 10px rgba(15,23,42,.09)!important;
}

/* Oyun sonucu ve alt kontroller */
#gameover-actions{gap:11px!important}
#gameover-actions #btn-play-again,
#gameover-actions #btn-game-exit,
.game-bottom-controls button{
  border-width:1px!important;
  border-radius:13px!important;
  box-shadow:0 4px 11px rgba(15,23,42,.10)!important;
}

/* Mobilde de ferahlığı koru */
@media(max-width:380px){
  #home-game-mode-picker{gap:10px!important}
  #home-game-submodes>#btn-friend-mode{margin-top:9px!important}
  .home-shortcut-grid{width:min(100%,326px)!important;gap:6px!important}
  .home-shortcut-grid>.home-shortcut,#screen-home .support-icon-button{min-height:47px!important}
}


/* Tek / Çok Oyunculu ara menü hiyerarşisi */
#home-game-submodes{
  width:92%!important;
  margin:10px auto 0!important;
}
#home-game-submodes>#btn-solo-mode,
#home-game-submodes>#btn-friend-mode{
  min-height:54px!important;
  width:100%!important;
  border-radius:14px!important;
  padding:7px 12px!important;
  gap:9px!important;
  box-shadow:0 3px 9px rgba(15,23,42,.08)!important;
}

#home-game-submodes>#btn-solo-mode>span:first-child,
#home-game-submodes>#btn-friend-mode>span:first-child{
  width:32px!important;height:32px!important;flex:0 0 32px!important;
  border-radius:9px!important;
}
#home-game-submodes>#btn-solo-mode>span:first-child svg,
#home-game-submodes>#btn-friend-mode>span:first-child svg{
  width:22px!important;height:22px!important;
}
#home-game-submodes>#btn-solo-mode b,
#home-game-submodes>#btn-friend-mode b{
  font-size:15px!important;line-height:16px!important;font-weight:850!important;
}
#home-game-submodes>#btn-solo-mode small,
#home-game-submodes>#btn-friend-mode small{
  font-size:9px!important;line-height:11px!important;font-weight:650!important;opacity:.78!important;
}
#home-game-submodes>#btn-solo-mode>span:last-child,
#home-game-submodes>#btn-friend-mode>span:last-child{
  font-size:20px!important;font-weight:650!important;opacity:.72!important;
}
#home-game-submodes>#bot-settings-panel,
#home-game-submodes>#friend-invite-panel{
  width:100%!important;
}
@media(max-width:380px){
  #home-game-submodes{width:94%!important}
  #home-game-submodes>#btn-solo-mode,
  #home-game-submodes>#btn-friend-mode{min-height:50px!important;padding:6px 10px!important}
  #home-game-submodes>#btn-solo-mode b,
  #home-game-submodes>#btn-friend-mode b{font-size:14px!important}
}


#atisma-setup-notice .atisma-setup-notice-card{
  font-size:25px!important;
  line-height:1.34!important;
  max-width:430px!important;
}
@media(max-width:520px){
  #atisma-setup-notice .atisma-setup-notice-card{
    font-size:22px!important;
    line-height:1.34!important;
  }
}


/* Nihai alt menü: tek kaynak, küçük yatay pill */
#screen-home .home-shortcut-grid{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:min(100%,360px)!important;
  max-width:360px!important;
  gap:13px!important;
  margin:0 auto!important;
  padding:0 4px 4px!important;
}
#screen-home .home-shortcut-grid>.home-shortcut{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:52px!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  padding:0 7px!important;
  border:1px solid rgba(148,163,184,.26)!important;
  border-radius:9999px!important;
  background:rgba(255,255,255,.84)!important;
  box-shadow:0 2px 5px rgba(15,23,42,.06)!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  font-size:7px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#screen-home .home-shortcut-grid>.home-shortcut>span:first-child{
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  flex:0 0 15px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:9999px!important;
  background:transparent!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#screen-home .home-shortcut-grid>.home-shortcut>span:first-child svg{
  width:12px!important;
  height:12px!important;
}
#screen-home .home-shortcut-grid>.home-shortcut>span:last-child{
  margin:0!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:800!important;
}
#screen-home .support-icon-button{
  flex:0 0 28px!important;
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  padding:0!important;
  border:1px solid rgba(148,163,184,.20)!important;
  border-radius:9999px!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:0 2px 5px rgba(15,23,42,.05)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#screen-home .support-icon-button .support-heart-icon{
  width:18px!important;
  height:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  animation:none!important;
}
#screen-home .support-icon-button svg{
  width:18px!important;
  height:18px!important;
  filter:none!important;
}
@media(max-width:380px){
  #screen-home .home-shortcut-grid{gap:9px!important;width:min(100%,340px)!important}
  #screen-home .home-shortcut-grid>.home-shortcut{
    min-width:49px!important;
    height:27px!important;
    min-height:27px!important;
    max-height:27px!important;
    padding:0 6px!important;
  }
  #screen-home .support-icon-button{
    width:27px!important;min-width:27px!important;height:27px!important;min-height:27px!important;max-height:27px!important;
  }
}


#atisma-placement-wait{
  position:absolute!important;
  inset:0!important;
  z-index:126!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:22px!important;
  background:rgba(15,23,42,.28)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  pointer-events:auto!important;
  touch-action:none!important;
}
#atisma-placement-wait.hidden{display:none!important}
#atisma-placement-wait .atisma-placement-wait-card{
  width:min(88%,350px)!important;
  min-height:150px!important;
  padding:24px 20px!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(148,163,184,.34)!important;
  box-shadow:0 18px 44px rgba(15,23,42,.24)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  text-align:center!important;
  color:#334155!important;
}
#atisma-placement-wait .atisma-placement-wait-card>span{
  font-size:38px!important;
  line-height:1!important;
}
#atisma-placement-wait .atisma-placement-wait-card>strong{
  font-size:25px!important;
  line-height:1.1!important;
  font-weight:1000!important;
  letter-spacing:.04em!important;
  color:#0f172a!important;
}
#atisma-placement-wait .atisma-placement-wait-card>small{
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:750!important;
  color:#64748b!important;
}
#screen-game.atisma-placement-waiting-active #scrabble-grid,
#screen-game.atisma-placement-waiting-active #compact-game-header,
#screen-game.atisma-placement-waiting-active #found-words-bar,
#screen-game.atisma-placement-waiting-active #selected-preview-bar,
#screen-game.atisma-placement-waiting-active #atisma-panel,
#screen-game.atisma-placement-waiting-active .game-bottom-controls{
  filter:blur(4px)!important;
}
@media(max-width:520px){
  #atisma-placement-wait .atisma-placement-wait-card{
    width:min(92%,330px)!important;
    min-height:138px!important;
    padding:21px 17px!important;
  }
  #atisma-placement-wait .atisma-placement-wait-card>strong{font-size:22px!important}
  #atisma-placement-wait .atisma-placement-wait-card>small{font-size:11px!important}
}


#screen-home .home-bottom-cluster{
  width:100%!important;max-width:390px!important;margin-top:auto!important;
  padding-top:9px!important;padding-bottom:1px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;
}
#screen-home .home-shortcut-grid{
  width:min(100%,370px)!important;max-width:370px!important;gap:10px!important;padding:0 3px!important;margin:0 auto!important;
}
#screen-home .home-shortcut-grid>.home-shortcut{
  min-width:59px!important;height:36px!important;min-height:36px!important;max-height:36px!important;
  padding:0 9px!important;gap:4px!important;border-radius:9999px!important;
}
#screen-home .home-shortcut-grid>.home-shortcut>span:first-child{
  width:18px!important;height:18px!important;min-width:18px!important;flex:0 0 18px!important;
}
#screen-home .home-shortcut-grid>.home-shortcut>span:first-child svg{width:14px!important;height:14px!important}
#screen-home .home-shortcut-grid>.home-shortcut>span:last-child{font-size:8px!important}
#screen-home .support-icon-button{
  flex:0 0 36px!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;
}
#screen-home .support-icon-button .support-heart-icon,
#screen-home .support-icon-button svg{width:21px!important;height:21px!important}
#screen-home #home-action-row{
  width:min(100%,292px)!important;margin:0 auto!important;padding:0!important;gap:10px!important;
  align-items:center!important;justify-content:center!important;
}
#screen-home #home-action-row>#btn-add-shortcut,
#screen-home #home-action-row>#btn-recommend{
  min-height:40px!important;height:40px!important;border-radius:14px!important;padding:0 10px!important;
  box-shadow:0 3px 8px rgba(15,23,42,.10)!important;
}
#screen-home #home-action-row>#btn-add-shortcut>span:first-child{font-size:20px!important}
#screen-home #home-action-row>#btn-recommend>span:first-child{width:20px!important;height:20px!important}
#screen-home #home-action-row>#btn-recommend svg{width:19px!important;height:19px!important}
#screen-home #home-action-row button span:last-child{font-size:9px!important}
#home-game-submodes>#btn-friend-mode{margin-top:13px!important}

#modal-countdown.single-countdown-active #countdown-card{
  width:min(88%,360px)!important;min-height:350px!important;padding:28px 24px 26px!important;border-radius:32px!important;
}
#single-countdown-message{
  width:min(100%,305px)!important;margin:0 auto 15px!important;padding:0 4px!important;text-align:center!important;
  font-size:18px!important;line-height:1.24!important;font-weight:950!important;color:#0f172a!important;letter-spacing:-.01em!important;
}
#modal-countdown.single-countdown-active .mp-demo{
  margin:7px 0 13px!important;transform:scale(1.14)!important;transform-origin:center!important;
}
#modal-countdown.single-countdown-active #countdown-number{
  font-size:96px!important;line-height:.95!important;margin-top:12px!important;
}
#modal-countdown.single-countdown-active #countdown-status{
  margin-top:13px!important;min-height:36px!important;padding:9px 18px!important;font-size:13px!important;border-radius:9999px!important;
}
@media(max-width:380px){
  #screen-home .home-bottom-cluster{gap:6px!important;padding-top:7px!important}
  #screen-home .home-shortcut-grid{gap:7px!important;width:min(100%,350px)!important}
  #screen-home .home-shortcut-grid>.home-shortcut{
    min-width:55px!important;height:34px!important;min-height:34px!important;max-height:34px!important;padding:0 7px!important;
  }
  #screen-home .support-icon-button{
    width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important;
  }
  #modal-countdown.single-countdown-active #countdown-card{
    width:min(91%,340px)!important;min-height:326px!important;padding:24px 18px!important;
  }
  #single-countdown-message{font-size:16px!important;max-width:285px!important}
  #modal-countdown.single-countdown-active #countdown-number{font-size:86px!important}
}


/* v516 — Gerçek birleşik akordeon: grid boşluğunu panel ile ana düğme arasında kaldır */
#home-game-mode-picker{
  gap:0!important;
  row-gap:0!important;
}
#home-game-mode-picker>.home-game-mode-card{
  margin:0!important;
}
#home-game-mode-picker>.home-game-mode-card + .home-game-mode-card{
  margin-top:12px!important;
}
#home-game-mode-picker>#home-game-submodes + .home-game-mode-card{
  margin-top:12px!important;
}
#home-game-submodes{
  position:relative!important;
  width:100%!important;
  margin:-1px 0 0!important;
  padding:11px 12px 12px!important;
  border-radius:0 0 18px 18px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(249,250,249,.98))!important;
  border:1px solid rgba(148,163,184,.26)!important;
  border-top:0!important;
  box-shadow:0 8px 18px rgba(15,23,42,.10),inset 0 1px 0 rgba(255,255,255,.98)!important;
  transform-origin:top center;
  overflow:visible;
}
#home-game-submodes.hidden{display:none!important}
#home-game-submodes:not(.hidden){
  animation:homeAttachedMenuOpen .20s cubic-bezier(.22,.8,.24,1) both;
}
.home-game-mode-card.selected{
  position:relative!important;
  z-index:2!important;
  border-bottom-left-radius:0!important;
  border-bottom-right-radius:0!important;
  box-shadow:0 4px 11px rgba(15,23,42,.12)!important;
}
#home-game-submodes::before{
  content:"";
  position:absolute;
  left:14px;right:14px;top:5px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(148,163,184,.20),transparent);
  pointer-events:none;
}
#home-game-submodes>#btn-solo-mode,
#home-game-submodes>#btn-friend-mode{width:100%!important}
#home-game-submodes>#btn-friend-mode{margin-top:8px!important}
#home-game-submodes>#bot-settings-panel,
#home-game-submodes>#friend-invite-panel{width:100%!important;margin-top:9px!important}
@keyframes homeAttachedMenuOpen{
  from{opacity:0;transform:translateY(-6px) scaleY(.95)}
  to{opacity:1;transform:translateY(0) scaleY(1)}
}

/* Üst merkez eylemleri — Üyelik / Kısayol / Öner / Tam ekran aynı düğme ailesi */
#btn-account-home,
#btn-fullscreen-home,
#home-action-row #btn-add-shortcut,
#home-action-row #btn-recommend{
  min-height:34px!important;
  height:34px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.76)!important;
  box-shadow:0 4px 10px rgba(15,23,42,.16)!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
#btn-account-home{
  top:max(5px,env(safe-area-inset-top))!important;
  left:max(5px,env(safe-area-inset-left))!important;
  padding:0 10px!important;
  background:rgba(7,84,88,.92)!important;
}
#btn-fullscreen-home{
  top:max(5px,env(safe-area-inset-top))!important;
  right:max(5px,env(safe-area-inset-right))!important;
  padding:0 10px!important;
  background:rgba(2,132,199,.92)!important;
}
#home-action-row{
  position:absolute!important;
  z-index:92!important;
  top:max(5px,env(safe-area-inset-top))!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:236px!important;
  height:34px!important;
  margin:0!important;
  padding:0!important;
  gap:6px!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
}
#home-action-row #btn-add-shortcut,
#home-action-row #btn-recommend{
  flex:1 1 0!important;
  min-width:0!important;
  margin:0!important;
  padding:0 8px!important;
  gap:5px!important;
  white-space:nowrap!important;
}
#home-action-row #btn-add-shortcut{background:rgba(5,150,105,.92)!important}
#home-action-row #btn-recommend{background:rgba(109,40,217,.92)!important}
#home-action-row #btn-add-shortcut>span:first-child{
  font-size:17px!important;
  line-height:1!important;
}
#home-action-row #btn-add-shortcut>span:last-child,
#home-action-row #btn-recommend>span:last-child{
  font-size:9px!important;
  line-height:1!important;
}
#home-action-row #btn-recommend>span:first-child{
  width:17px!important;height:17px!important;
}
#home-action-row #btn-recommend svg{width:17px!important;height:17px!important}
#btn-fullscreen-home svg{width:15px!important;height:15px!important}
#btn-account-home span[aria-hidden="true"]{width:15px!important;height:15px!important}
#btn-account-home span[aria-hidden="true"] svg{width:15px!important;height:15px!important}

/* Alttaki eski yer için artık boşluk ayırma */
#screen-home .home-content-layer{padding-top:46px!important}
#screen-home .home-modes + .mt-auto{margin-top:auto!important}

@media(max-width:520px){
  #home-action-row{width:206px!important;gap:5px!important}
  #home-action-row #btn-add-shortcut,
  #home-action-row #btn-recommend{padding:0 6px!important}
  #home-action-row #btn-add-shortcut>span:last-child,
  #home-action-row #btn-recommend>span:last-child{font-size:8px!important}
}
@media(max-width:420px){
  #home-action-row{width:176px!important}
  #home-action-row #btn-add-shortcut>span:first-child,
  #home-action-row #btn-recommend>span:first-child{display:none!important}
  #btn-account-home,#btn-fullscreen-home{padding:0 8px!important;font-size:9px!important}
}
@media(prefers-reduced-motion:reduce){
  #home-game-submodes:not(.hidden){animation:none!important}
}


/* v518 — Kısayol ve Öner: yalnız ikon */
#home-action-row{
  width:auto!important;
  gap:8px!important;
}
#home-action-row #btn-add-shortcut,
#home-action-row #btn-recommend{
  flex:0 0 36px!important;
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  padding:0!important;
  border-radius:12px!important;
  gap:0!important;
}
#home-action-row #btn-add-shortcut>span:last-child,
#home-action-row #btn-recommend>span:last-child{
  display:none!important;
}
#home-action-row #btn-add-shortcut>span:first-child{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:20px!important;
  width:22px!important;
  height:22px!important;
}
#home-action-row #btn-recommend>span:first-child{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:21px!important;
  height:21px!important;
}
#home-action-row #btn-recommend svg{
  width:20px!important;
  height:20px!important;
}
@media(max-width:420px){
  #home-action-row{width:auto!important}
  #home-action-row #btn-add-shortcut>span:first-child,
  #home-action-row #btn-recommend>span:first-child{display:inline-flex!important}
}


/* v519 — Alt menü: üstte ikon, altta yazı, büyük yuvarlatılmış kareler */
#screen-home .home-bottom-cluster{
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
  padding-top:10px!important;
}
#screen-home .home-shortcut-grid{
  width:min(100%,360px)!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0 auto!important;
  padding:0 2px 3px!important;
  align-items:stretch!important;
}
#screen-home .home-shortcut-grid>.home-shortcut,
#screen-home .home-shortcut-grid>.support-icon-button{
  width:100%!important;
  min-width:0!important;
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  margin:0!important;
  padding:6px 4px 5px!important;
  border-radius:17px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  box-sizing:border-box!important;
  background:rgba(255,255,255,.90)!important;
  border:1px solid rgba(148,163,184,.28)!important;
  box-shadow:0 4px 11px rgba(15,23,42,.10)!important;
  color:#334155!important;
  font-size:9.5px!important;
  line-height:10px!important;
  font-weight:900!important;
  text-align:center!important;
}
#screen-home .home-shortcut-grid>.home-shortcut>span:first-child{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  margin:0!important;
  border-radius:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#screen-home .home-shortcut-grid>.home-shortcut>span:first-child svg{
  width:21px!important;
  height:21px!important;
}
#screen-home .home-shortcut-grid>.home-shortcut>span:last-child{
  display:block!important;
  font-size:9.5px!important;
  line-height:10px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

/* Kalp da diğer alt menü düğmeleriyle aynı kutu ölçüsünde */
#screen-home.home-v156 .support-icon-button{
  width:100%!important;
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  padding:0!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.90)!important;
  border:1px solid rgba(148,163,184,.28)!important;
  box-shadow:0 4px 11px rgba(15,23,42,.10)!important;
}
#screen-home.home-v156 .support-icon-button>span:first-child{
  width:36px!important;
  height:36px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#screen-home .support-icon-button svg{
  width:34px!important;
  height:34px!important;
  filter:drop-shadow(0 2px 2px rgba(159,18,57,.26))!important;
}

@media(max-width:380px){
  #screen-home .home-shortcut-grid{
    width:min(100%,344px)!important;
    gap:6px!important;
  }
  #screen-home .home-shortcut-grid>.home-shortcut,
  #screen-home .home-shortcut-grid>.support-icon-button{
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
    border-radius:15px!important;
  }
  #screen-home .home-shortcut-grid>.home-shortcut>span:first-child{
    width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important;
  }
  #screen-home .home-shortcut-grid>.home-shortcut>span:last-child{
    font-size:8.5px!important;
  }
  #screen-home.home-v156 .support-icon-button{
    height:60px!important;min-height:60px!important;max-height:60px!important;
  }
}


/* v521 — Buton ölçülerini değiştirmeden genel okunaklılık artışı */
#screen-home button,
#screen-home a,
#screen-settings button,
#screen-howto button,
#screen-about button,
#screen-dictionary button,
#screen-game button{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

/* Ana oyun kartları */
#screen-home .home-game-mode-copy b{
  font-size:18px!important;
  line-height:1.05!important;
}
#screen-home .home-game-mode-copy small{
  font-size:11px!important;
  line-height:1.1!important;
}

/* Tekli / Çoklu */
#screen-home #home-game-submodes .home-mode-btn b{
  font-size:21px!important;
  line-height:1.02!important;
}
#screen-home #home-game-submodes .home-mode-btn small{
  font-size:11px!important;
  line-height:1.08!important;
}

/* Zorluk butonları */
#screen-home .bot-diff-choice b{
  font-size:12px!important;
  line-height:1!important;
}

/* Çok oyunculu alt seçimler */
#screen-home #btn-random-match > span:nth-child(2),
#screen-home #btn-create-room > span:nth-child(2){
  font-size:15px!important;
  line-height:1.05!important;
}
#screen-home #btn-random-match > span:nth-child(3),
#screen-home #btn-create-room > span:nth-child(3){
  font-size:11px!important;
  line-height:1.12!important;
}

/* Alt kare menüler — kutu boyutu sabit */
#screen-home .home-shortcut-grid>.home-shortcut>span:last-child{
  font-size:10.5px!important;
  line-height:10.5px!important;
  letter-spacing:-.01em!important;
}

/* Üst küçük butonlar */
#btn-account-home,
#btn-fullscreen-home{
  font-size:10.5px!important;
  line-height:1!important;
}

/* Oda işlemleri */
#btn-copy-link,
#btn-share-link,
#btn-close-room{
  font-size:13px!important;
  line-height:1.05!important;
}

/* Oyun içi alt kontroller */
#btn-fullscreen-game,
#btn-quick-exit{
  font-size:11px!important;
  line-height:1!important;
}

/* Ayarlar / oynanış sekmeleri */
#screen-howto .howto-mode-tab b{
  font-size:12px!important;
  line-height:1!important;
}
#screen-howto .howto-mode-tab small{
  font-size:10px!important;
  line-height:1!important;
}
#screen-settings button,
#screen-about button,
#screen-dictionary button{
  letter-spacing:-.005em!important;
}

/* Sabit düğme ölçülerinde taşmayı önle */
#screen-home button,
#screen-home a,
#screen-settings button,
#screen-howto button,
#screen-about button,
#screen-dictionary button,
#screen-game button{
  overflow:hidden;
}
#screen-home button span,
#screen-home a span,
#screen-settings button span,
#screen-howto button span,
#screen-about button span,
#screen-dictionary button span,
#screen-game button span{
  max-width:100%;
}

@media(max-width:380px){
  #screen-home .home-game-mode-copy b{font-size:17px!important}
  #screen-home .home-game-mode-copy small{font-size:10.5px!important}
  #screen-home #home-game-submodes .home-mode-btn b{font-size:20px!important}
  #screen-home #home-game-submodes .home-mode-btn small{font-size:10.5px!important}
  #screen-home .home-shortcut-grid>.home-shortcut>span:last-child{font-size:9.5px!important}
}


/* v523 — PATLAMA tur odağı */


@keyframes patlamaTurnPulse{
  0%,100%{opacity:1;transform:scale(1);filter:brightness(1)}
  50%{opacity:.56;transform:scale(1.055);filter:brightness(1.16)}
}
#screen-game.atisma-mode .game-player-card.patlama-turn-active .compact-name,
#screen-game.atisma-mode .game-player-card.patlama-turn-active .compact-avatar,
#screen-game.atisma-mode .game-player-card.patlama-turn-active .score-orb{
  animation:patlamaTurnPulse .72s ease-in-out infinite!important;
}
#screen-game.atisma-mode #compact-game-header .game-player-card.patlama-turn-active{
  opacity:1!important;
  filter:brightness(1.06) saturate(1.08)!important;
  transform:translateY(-1px) scale(1.01)!important;
}
#screen-game.atisma-mode #compact-game-header .game-player-card.patlama-turn-inactive{
  opacity:.70!important;
  filter:saturate(.78) brightness(.92)!important;
  transform:scale(.99)!important;
}
#screen-game.atisma-mode #compact-game-header .game-player-card.patlama-turn-inactive .compact-avatar{
  opacity:.72!important;
  filter:saturate(.72) brightness(.9)!important;
}
#screen-game.atisma-mode #scrabble-grid{
  transition:opacity .18s ease,filter .18s ease!important;
}

@media(prefers-reduced-motion:reduce){
  #screen-game.atisma-mode .game-player-card.patlama-turn-active .compact-name,
  #screen-game.atisma-mode .game-player-card.patlama-turn-active .compact-avatar,
  #screen-game.atisma-mode .game-player-card.patlama-turn-active .score-orb{
    animation:none!important;
  }
}


/* v525 — Ana sayfa bağış düğmesi: yalnız kalp, çerçevesiz ve belirgin pulse */
#screen-home .home-shortcut-grid>.support-icon-button,
#screen-home.home-v156 .support-icon-button{
  width:100%!important;
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#screen-home .support-icon-button .support-heart-icon,
#screen-home.home-v156 .support-icon-button>span:first-child{
  width:48px!important;
  height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  transform-origin:center;
  animation:kapmacaDonationHeartPulse 1.35s ease-in-out infinite!important;
}
#screen-home .support-icon-button svg{
  width:46px!important;
  height:46px!important;
  filter:drop-shadow(0 4px 5px rgba(190,18,60,.34)) drop-shadow(0 0 9px rgba(244,63,94,.22))!important;
}
#screen-home .support-icon-button:active .support-heart-icon{
  transform:scale(.90)!important;
}
@keyframes kapmacaDonationHeartPulse{
  0%,100%{transform:scale(1);filter:brightness(1)}
  45%{transform:scale(1.16);filter:brightness(1.10)}
  60%{transform:scale(1.06);filter:brightness(1.04)}
}
@media(max-width:380px){
  #screen-home .home-shortcut-grid>.support-icon-button,
  #screen-home.home-v156 .support-icon-button{
    height:60px!important;min-height:60px!important;max-height:60px!important;
  }
  #screen-home .support-icon-button .support-heart-icon,
  #screen-home.home-v156 .support-icon-button>span:first-child{
    width:44px!important;height:44px!important;
  }
  #screen-home .support-icon-button svg{width:42px!important;height:42px!important}
}
@media(prefers-reduced-motion:reduce){
  #screen-home .support-icon-button .support-heart-icon{animation:none!important}
}


/* PATLAMA aktif oyuncu vurgu temeli */


@keyframes patlamaTurnFlash530{
  0%,100%{opacity:1;transform:scale(1);filter:brightness(1)}
  50%{opacity:.48;transform:scale(1.055);filter:brightness(1.18)}
}
#screen-game.atisma-mode .game-player-card.patlama-turn-active .compact-name,
#screen-game.atisma-mode .game-player-card.patlama-turn-active .compact-avatar,
#screen-game.atisma-mode .game-player-card.patlama-turn-active .score-orb{
  animation:none!important;
}
#screen-game.atisma-mode .game-player-card.patlama-turn-flash .compact-name,
#screen-game.atisma-mode .game-player-card.patlama-turn-flash .compact-avatar,
#screen-game.atisma-mode .game-player-card.patlama-turn-flash .score-orb{
  animation:patlamaTurnFlash530 .42s ease-in-out 4!important;
}
@media(prefers-reduced-motion:reduce){
  #screen-game.atisma-mode .game-player-card.patlama-turn-flash .compact-name,
  #screen-game.atisma-mode .game-player-card.patlama-turn-flash .compact-avatar,
  #screen-game.atisma-mode .game-player-card.patlama-turn-flash .score-orb{
    animation:none!important;
  }
}


#home-game-mode-picker{display:flex!important;flex-direction:column!important;gap:10px!important}
#home-game-mode-picker .home-mode-guide-row{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;gap:8px!important;align-items:stretch!important}
#home-game-mode-picker .home-game-mode-card{width:100%!important;min-width:0!important;margin:0!important}
#home-game-mode-picker .home-mode-guide-button{
  min-width:0!important;width:58px!important;border-radius:18px!important;border:2px solid rgba(255,255,255,.78)!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;
  font-family:'Quicksand',sans-serif!important;font-weight:1000!important;line-height:1!important;
  box-shadow:0 5px 0 rgba(15,23,42,.16),0 8px 16px rgba(15,23,42,.12)!important;
  transition:transform .12s ease,filter .12s ease!important;cursor:pointer!important;
}
#home-game-mode-picker .home-mode-guide-button:active{transform:translateY(3px) scale(.98)!important;box-shadow:0 2px 0 rgba(15,23,42,.16),0 5px 10px rgba(15,23,42,.10)!important}
#home-game-mode-picker .home-mode-guide-button .guide-mark{
  width:27px;height:27px;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.92);font-size:19px;font-weight:1000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 2px 5px rgba(15,23,42,.12)
}
#home-game-mode-picker .home-mode-guide-button .guide-label{font-size:8px;line-height:8px;letter-spacing:.04em;text-align:center}
#home-game-mode-picker .kapisma-guide{background:linear-gradient(180deg,#6ee7b7,#10b981)!important;color:#064e3b!important}
#home-game-mode-picker .kapisma-guide .guide-mark{color:#047857!important}
#home-game-mode-picker .patlama-guide{background:linear-gradient(180deg,#fdba74,#f97316)!important;color:#7c2d12!important}
#home-game-mode-picker .patlama-guide .guide-mark{color:#c2410c!important}
#screen-home .home-shortcut-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media(max-width:360px){
  #home-game-mode-picker .home-mode-guide-row{grid-template-columns:52px minmax(0,1fr)!important;gap:7px!important}
  #home-game-mode-picker .home-mode-guide-button{width:52px!important;border-radius:16px!important}
  #home-game-mode-picker .home-mode-guide-button .guide-mark{width:24px;height:24px;font-size:17px}
  #home-game-mode-picker .home-mode-guide-button .guide-label{font-size:7.5px;line-height:7.5px}
}


/* v534 — rehberli satırlarda açılır alt menünün genişlik/yerleşim düzeltmesi */
#home-game-mode-picker{width:100%!important;align-items:stretch!important}
#home-game-mode-picker>.home-mode-guide-row{width:100%!important;min-width:0!important}
#home-game-mode-picker>#home-game-submodes{
  width:calc(100% - 66px)!important;
  margin:-1px 0 2px 66px!important;
  align-self:stretch!important;
  grid-column:auto!important;
  min-width:0!important;
}
#home-game-mode-picker>#home-game-submodes>#btn-solo-mode,
#home-game-mode-picker>#home-game-submodes>#btn-friend-mode,
#home-game-mode-picker>#home-game-submodes>#bot-settings-panel,
#home-game-mode-picker>#home-game-submodes>#friend-invite-panel{
  width:100%!important;
  max-width:none!important;
}

#home-game-mode-picker .home-game-mode-card.selected{
  border-bottom-left-radius:18px!important;
}
@media(max-width:360px){
  #home-game-mode-picker>#home-game-submodes{
    width:calc(100% - 59px)!important;
    margin-left:59px!important;
  }
}


/* v535 — birleşik akordeon + PATLAMA mini oynanış demosu */
#home-game-mode-picker>#home-game-submodes{
  width:calc(100% - 66px)!important;
  margin:-2px 0 2px 66px!important;
  padding-top:0!important;
  border-top:0!important;
  border-top-left-radius:0!important;
  border-top-right-radius:0!important;
  box-shadow:0 8px 18px rgba(15,23,42,.10)!important;
}
#home-game-mode-picker>#home-game-submodes::before{display:none!important}
#home-game-mode-picker .home-mode-guide-row:has(.home-game-mode-card.selected){
  margin-bottom:0!important;
}
#home-game-mode-picker .home-mode-guide-row:has(.home-game-mode-card.selected) .home-game-mode-card{
  border-bottom-left-radius:0!important;
  border-bottom-right-radius:0!important;
}
#home-game-mode-picker .home-mode-guide-row:has(.home-game-mode-card.selected) .home-mode-guide-button{
  border-bottom-left-radius:14px!important;
  border-bottom-right-radius:14px!important;
}
.patlama-howto-demo-card{overflow:visible!important}
.patlama-howto-demo-card .demo-picked{
  min-height:23px;margin:0 auto 6px;padding:2px 6px;max-width:190px;
  border-radius:12px;background:rgba(255,247,237,.9);border:1px solid #fed7aa;
  display:flex;align-items:center;justify-content:center;gap:2px
}
.patlama-howto-demo-card .demo-picked:empty{background:transparent;border-color:transparent}
.patlama-howto-demo-board{max-width:184px!important;gap:2px!important;margin:0 auto!important;overflow:visible!important}
.patlama-howto-demo-board .demo-tile{font-size:12px!important;border-radius:5px!important;position:relative!important;overflow:visible!important}
.patlama-howto-demo-board .demo-tile.demo-balloon{
  color:#0f172a!important;
  box-shadow:0 2px 0 #cbd5e1,0 0 0 2px rgba(249,115,22,.16)!important;
}
.patlama-howto-demo-board .demo-tile.demo-balloon::before{
  content:"🎈";
  position:absolute;
  right:-3px;
  top:-7px;
  z-index:8;
  font-size:12px;
  line-height:1;
  filter:drop-shadow(0 1px 1px rgba(15,23,42,.22));
  transform-origin:55% 80%;
  pointer-events:none;
}
.patlama-howto-demo-board .demo-tile.demo-balloon:nth-child(3n)::before{content:"🔵"}
.patlama-howto-demo-board .demo-tile.demo-balloon:nth-child(3n+1)::before{content:"🟠"}
.patlama-howto-demo-board .demo-tile.demo-balloon.demo-balloon-pop::before{
  animation:patlamaHowtoBalloonPop535 .48s cubic-bezier(.2,.85,.2,1) forwards!important;
}
.patlama-howto-demo-board .demo-tile.demo-balloon.demo-balloon-pop{
  animation:patlamaHowtoTilePop535 .48s ease-out!important;
}
.patlama-howto-demo-board .demo-tile.demo-balloon.demo-balloon-pop::after{
  content:"✦";
  position:absolute;
  inset:auto;
  left:50%;top:50%;
  z-index:9;
  color:#f59e0b;
  font-size:18px;
  line-height:1;
  pointer-events:none;
  animation:patlamaHowtoSpark535 .48s ease-out forwards;
}
.patlama-demo-caption{margin-top:7px;text-align:center;font-size:9px;line-height:11px;font-weight:900;color:#9a3412;letter-spacing:.015em}
@keyframes patlamaHowtoBalloonPop535{
  0%{opacity:1;transform:scale(1) rotate(0)}
  35%{opacity:1;transform:scale(1.65) rotate(-8deg)}
  58%{opacity:1;transform:scale(.65) rotate(9deg)}
  100%{opacity:0;transform:scale(2.2) rotate(18deg)}
}
@keyframes patlamaHowtoTilePop535{
  0%,100%{transform:scale(1)}
  44%{transform:scale(1.16);filter:brightness(1.18)}
}
@keyframes patlamaHowtoSpark535{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(0)}
  35%{opacity:1;transform:translate(-50%,-50%) scale(1.35) rotate(35deg)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(2.15) rotate(80deg)}
}
@media(max-width:360px){
  #home-game-mode-picker>#home-game-submodes{
    width:calc(100% - 59px)!important;
    margin:-2px 0 2px 59px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .patlama-howto-demo-board .demo-balloon-pop,
  .patlama-howto-demo-board .demo-balloon-pop::before,
  .patlama-howto-demo-board .demo-balloon-pop::after{animation:none!important}
}


/* v537 — açılır alt menüyü seçili mod kartına fiziksel olarak bitiştir */
#home-game-mode-picker{gap:0!important;row-gap:0!important}
#home-game-mode-picker>.home-mode-guide-row{margin:0!important}
#home-game-mode-picker>.home-mode-guide-row + .home-mode-guide-row{margin-top:10px!important}
#home-game-mode-picker>#home-game-submodes + .home-mode-guide-row{margin-top:10px!important}
#home-game-mode-picker>#home-game-submodes{
  width:calc(100% - 66px)!important;
  margin:-1px 0 0 66px!important;
  padding:10px 12px 12px!important;
  border-top:0!important;
  border-radius:0 0 18px 18px!important;
  position:relative!important;
  z-index:1!important;
}
#home-game-mode-picker .home-mode-guide-row:has(.home-game-mode-card.selected) .home-game-mode-card{
  border-bottom-left-radius:0!important;
  border-bottom-right-radius:0!important;
  margin-bottom:0!important;
}
@media(max-width:360px){
  #home-game-mode-picker>#home-game-submodes{
    width:calc(100% - 59px)!important;
    margin:-1px 0 0 59px!important;
  }
}


#home-game-mode-picker .home-mode-guide-button{gap:5px!important}
#home-game-mode-picker .home-mode-guide-button .guide-mark{flex:0 0 auto!important}
#home-game-mode-picker .home-mode-guide-button .guide-label{
  color:#fff!important;
  margin-top:2px!important;
  font-size:8.5px!important;
  line-height:9px!important;
  font-weight:1000!important;
  letter-spacing:.045em!important;
  text-shadow:0 1px 2px rgba(15,23,42,.28)!important;
}
#btn-account-home,#btn-recommend{pointer-events:auto!important;touch-action:manipulation!important}
#btn-account-home{z-index:95!important}
#screen-account,#screen-recommend{pointer-events:auto!important}
@media(max-width:360px){
  #home-game-mode-picker .home-mode-guide-button .guide-label{
    font-size:8px!important;
    line-height:8.5px!important;
    margin-top:2px!important;
  }
}


#gameover-actions{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  column-gap:8px!important;
  row-gap:4px!important;
}
#gameover-actions #btn-play-again,
#gameover-actions #btn-game-exit{
  min-width:0!important;
  margin-top:0!important;
  font-size:10.5px!important;
  padding:9px 7px!important;
  white-space:nowrap!important;
}
#gameover-actions #rematch-inline-status{grid-column:1/-1!important}


/* v546 — app-container dışında kalan modülleri oyun görünümüne sınırla */
#screen-settings,
#screen-about,
#screen-support,
#screen-account,
#screen-recommend,
#modal-found-meaning,
#modal-dictionary,
#modal-room-invite,
#modal-mp-waiting,
#modal-rematch-waiting,
#modal-countdown,
#modal-gameover{
  position:fixed!important;
  top:0!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:min(480px,100vw)!important;
  max-width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  transform:translateX(-50%)!important;
  box-sizing:border-box!important;
}
#inactive-room-toast{
  position:fixed!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  max-width:min(420px,88vw)!important;
}
@media(max-width:480px){
  #screen-settings,
  #screen-about,
  #screen-support,
  #screen-account,
  #screen-recommend,
  #modal-found-meaning,
  #modal-dictionary,
  #modal-room-invite,
  #modal-mp-waiting,
  #modal-rematch-waiting,
  #modal-countdown,
  #modal-gameover{
    width:100vw!important;
  }
}


#modal-room-invite .invite-card{min-height:610px;background:rgba(6,145,225,.22);border:4px solid #fff;border-radius:38px!important;box-shadow:0 20px 55px rgba(2,68,140,.22),inset 0 1px 0 rgba(255,255,255,.18);padding-top:78px!important}
#modal-room-invite .invite-logo{display:flex;align-items:center;justify-content:center;gap:2px;margin:8px auto 18px!important;filter:drop-shadow(0 7px 10px rgba(15,23,42,.16));transform:scale(.90)}
#modal-room-invite .invite-logo .tile{position:relative;display:grid;place-items:center;flex:none;width:33px;height:33px;background:#fff;border:1px solid #e2e8f0;border-radius:7px;box-shadow:0 3px 0 #cbd5e1,inset 0 1px 0 rgba(255,255,255,.85),0 6px 11px rgba(15,23,42,.14);color:#0f172a;font-size:23px;line-height:1;font-weight:900}
#modal-room-invite .invite-logo .tile small{position:absolute;right:3px;bottom:2px;font-size:7px;line-height:1;font-weight:900;color:#64748b}
#modal-room-invite .invite-logo .tile:nth-child(1){transform:translateY(7px) rotate(-11deg)}
#modal-room-invite .invite-logo .tile:nth-child(2){transform:translateY(2px) rotate(-7deg)}
#modal-room-invite .invite-logo .tile:nth-child(3){transform:translateY(-3px) rotate(-4deg)}
#modal-room-invite .invite-logo .tile:nth-child(4){transform:translateY(-7px)}
#modal-room-invite .invite-logo .tile:nth-child(5){transform:translateY(-3px) rotate(4deg)}
#modal-room-invite .invite-logo .tile:nth-child(6){transform:translateY(2px) rotate(7deg)}
#modal-room-invite .invite-logo .tile:nth-child(7){transform:translateY(7px) rotate(11deg)}
#modal-room-invite .invite-logo .domain{display:grid;place-items:center;flex:none;width:33px;height:33px;margin-left:2px;border:1px solid #991b1b;border-radius:7px;background:#dc0000;color:#fff;font-size:15px;font-weight:900;letter-spacing:-1px;box-shadow:0 3px 0 #991b1b,inset 0 1px 0 rgba(255,255,255,.22),0 6px 11px rgba(127,29,29,.25);transform:translateY(9px) rotate(11deg)}
#modal-room-invite #btn-invite-cancel{position:absolute!important;width:44px!important;height:44px!important;border-radius:9999px!important;font-size:22px!important;line-height:1!important;right:10px!important;top:calc(env(safe-area-inset-top, 0px) + 10px)!important;z-index:30!important}
#modal-room-invite #btn-invite-start{width:85%!important;min-height:66px!important;margin-top:8px!important;border-radius:9999px!important;background:#22c55e!important;color:#fff!important;font-size:23px!important;font-weight:1000!important;box-shadow:0 8px 18px rgba(22,163,74,.34)!important}
#modal-room-invite .invite-title{font-size:21px;line-height:1.14;font-weight:1000;color:#fff;text-shadow:0 2px 4px rgba(0,67,125,.35);width:100%;text-align:left;padding-left:18px;padding-right:58px;margin-top:10px!important}
#modal-room-invite .invite-count-number{display:block;font-size:82px;line-height:.90;font-weight:1000;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 3px 7px rgba(0,67,125,.38)}
#modal-room-invite .invite-count-label{display:block;margin-top:8px;font-size:19px;line-height:1.1;font-weight:1000;color:#fff;text-shadow:0 2px 4px rgba(0,67,125,.32)}
@media(max-width:380px){
#modal-room-invite .invite-card{min-height:520px}
#modal-room-invite .invite-logo .tile,#modal-room-invite .invite-logo .domain{width:33px;height:33px}
#modal-room-invite .invite-logo .tile{font-size:23px}
#modal-room-invite .invite-logo .domain{font-size:15px}
#modal-room-invite .invite-count-number{font-size:56px}
}

/* v549 — PATLAMA aktif sıra görünürlüğü */
@keyframes patlamaTurnPulse549{
  0%,100%{transform:translateY(-1px) scale(1.025)}
  50%{transform:translateY(-1px) scale(1.065)}
}

#screen-game.atisma-mode #p1-player-card.patlama-turn-active{
  opacity:1!important;
  filter:brightness(1.08) saturate(1.14)!important;
  transform:translateY(-1px) scale(1.025)!important;
  box-shadow:0 0 0 3px rgba(250,204,21,.95),0 0 18px rgba(250,204,21,.62),0 5px 14px rgba(15,23,42,.18)!important;
}
#screen-game.atisma-mode #p2-player-card.patlama-turn-active{
  opacity:1!important;
  filter:brightness(1.08) saturate(1.14)!important;
  transform:translateY(-1px) scale(1.025)!important;
  box-shadow:0 0 0 3px rgba(56,189,248,.95),0 0 18px rgba(56,189,248,.62),0 5px 14px rgba(15,23,42,.18)!important;
}
#screen-game.atisma-mode #compact-game-header .game-player-card.patlama-turn-inactive{
  opacity:.64!important;
  filter:saturate(.72) brightness(.94)!important;
  transform:scale(.99)!important;
}
#screen-game.atisma-mode #p1-player-card.patlama-turn-active .compact-avatar{
  box-shadow:0 0 0 2px #fde047,0 0 12px rgba(250,204,21,.95)!important;
}
#screen-game.atisma-mode #p2-player-card.patlama-turn-active .compact-avatar{
  box-shadow:0 0 0 2px #38bdf8,0 0 12px rgba(56,189,248,.95)!important;
}
#screen-game.atisma-mode #p1-player-card.patlama-turn-active .compact-name,
#screen-game.atisma-mode #p1-player-card.patlama-turn-active .score-orb{
  text-shadow:0 0 8px rgba(250,204,21,.72)!important;
}
#screen-game.atisma-mode #p2-player-card.patlama-turn-active .compact-name,
#screen-game.atisma-mode #p2-player-card.patlama-turn-active .score-orb{
  text-shadow:0 0 8px rgba(56,189,248,.72)!important;
}
#screen-game.atisma-mode .game-player-card.patlama-turn-flash{
  animation:patlamaTurnPulse549 .34s ease-in-out 2!important;
}
#screen-game.atisma-mode .game-player-card.patlama-turn-flash .compact-name,
#screen-game.atisma-mode .game-player-card.patlama-turn-flash .compact-avatar,
#screen-game.atisma-mode .game-player-card.patlama-turn-flash .score-orb{
  animation:none!important;
}
#screen-game.atisma-mode #compact-game-header .compact-timer.patlama-timer-p1{
  box-shadow:0 0 0 3px #facc15,0 0 16px rgba(250,204,21,.72),0 3px 0 #064043!important;
}
#screen-game.atisma-mode #compact-game-header .compact-timer.patlama-timer-p2{
  box-shadow:0 0 0 3px #38bdf8,0 0 16px rgba(56,189,248,.72),0 3px 0 #064043!important;
}
@media(prefers-reduced-motion:reduce){
  #screen-game.atisma-mode .game-player-card.patlama-turn-flash{animation:none!important}
}

/* v551 — Tekli oyunlarda oyuncu onayıyla başlangıç */
#single-countdown-understood,
#atisma-setup-understood{
  border:0!important;
  border-radius:9999px!important;
  background:linear-gradient(180deg,#34d399,#16a34a)!important;
  color:#fff!important;
  font-family:'Quicksand',Calibri,'Segoe UI',sans-serif!important;
  font-weight:1000!important;
  letter-spacing:.01em!important;
  box-shadow:0 7px 16px rgba(22,163,74,.28),inset 0 1px 0 rgba(255,255,255,.30)!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
}
#single-countdown-understood{
  width:min(100%,305px)!important;
  min-height:48px!important;
  margin-top:14px!important;
  padding:10px 20px!important;
  font-size:18px!important;
}
#single-countdown-understood:active,
#atisma-setup-understood:active{transform:translateY(1px) scale(.985)!important}
#single-countdown-understood:disabled,
#atisma-setup-understood:disabled{opacity:.72!important}
#atisma-setup-notice .atisma-setup-notice-stack{
  width:min(94%,430px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
#atisma-setup-notice.atisma-single-understand .atisma-setup-notice-stack{
  transform:translateY(-26px)!important;
}
#atisma-setup-understood{
  width:min(84%,320px)!important;
  min-height:50px!important;
  margin-top:16px!important;
  padding:10px 22px!important;
  font-size:18px!important;
  pointer-events:auto!important;
}
#atisma-setup-notice.atisma-single-understand{pointer-events:auto!important}
@media(max-width:520px){
  #atisma-setup-notice.atisma-single-understand .atisma-setup-notice-stack{transform:translateY(-20px)!important}
  #atisma-setup-understood{width:min(86%,300px)!important;min-height:48px!important;font-size:17px!important}
}

/* v552 — Ana oyun kartı ikon zeminleri */
.home-game-mode-card.kapisma .home-game-mode-icon,
.home-game-mode-card.patlama .home-game-mode-icon{
  background:#fff!important;
}


/* v562 — PATLAMA dönüşlü oyun: aktif oyuncuyu sabit ve net vurgula */
@keyframes patlamaTurnDoublePulse562{
  0%{transform:translateY(-1px) scale(1.035);filter:brightness(1.08) saturate(1.10)}
  25%{transform:translateY(-1px) scale(1.085);filter:brightness(1.22) saturate(1.20)}
  50%{transform:translateY(-1px) scale(1.035);filter:brightness(1.08) saturate(1.10)}
  75%{transform:translateY(-1px) scale(1.085);filter:brightness(1.22) saturate(1.20)}
  100%{transform:translateY(-1px) scale(1.035);filter:brightness(1.08) saturate(1.10)}
}
#screen-game.atisma-mode #compact-game-header .game-player-card{
  transition:opacity .18s ease,filter .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
#screen-game.atisma-mode #compact-game-header .game-player-card.patlama-turn-active{
  opacity:1!important;
  filter:brightness(1.08) saturate(1.10)!important;
  transform:translateY(-1px) scale(1.035)!important;
  z-index:3!important;
}
#screen-game.atisma-mode #p1-player-card.patlama-turn-active{
  box-shadow:0 0 0 3px rgba(250,204,21,.78),0 0 18px rgba(250,204,21,.58),0 5px 14px rgba(15,23,42,.20)!important;
}
#screen-game.atisma-mode #p2-player-card.patlama-turn-active{
  box-shadow:0 0 0 3px rgba(56,189,248,.78),0 0 18px rgba(56,189,248,.58),0 5px 14px rgba(15,23,42,.20)!important;
}
#screen-game.atisma-mode #compact-game-header .game-player-card.patlama-turn-inactive{
  opacity:.52!important;
  filter:saturate(.55) brightness(.84)!important;
  transform:scale(.975)!important;
  box-shadow:none!important;
}
#screen-game.atisma-mode #compact-game-header .game-player-card.patlama-turn-flash{
  animation:patlamaTurnDoublePulse562 .68s ease-in-out 1!important;
}
#screen-game.atisma-mode #compact-game-header .game-player-card.patlama-turn-flash .compact-name,
#screen-game.atisma-mode #compact-game-header .game-player-card.patlama-turn-flash .compact-avatar,
#screen-game.atisma-mode #compact-game-header .game-player-card.patlama-turn-flash .score-orb{
  animation:none!important;
}
#screen-game.atisma-mode #compact-game-header .compact-timer{
  position:relative!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
#screen-game.atisma-mode #compact-game-header .compact-timer.patlama-timer-p1{
  border-color:#facc15!important;
  box-shadow:0 0 0 3px rgba(250,204,21,.30),0 0 15px rgba(250,204,21,.30)!important;
}
#screen-game.atisma-mode #compact-game-header .compact-timer.patlama-timer-p2{
  border-color:#38bdf8!important;
  box-shadow:0 0 0 3px rgba(56,189,248,.30),0 0 15px rgba(56,189,248,.30)!important;
}
#screen-game.atisma-mode #compact-game-header .compact-timer::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-8px;
  width:30px;
  height:4px;
  border-radius:999px;
  transform:translateX(-50%);
  opacity:0;
  transition:opacity .18s ease,background .18s ease,box-shadow .18s ease;
  pointer-events:none;
}
#screen-game.atisma-mode #compact-game-header .compact-timer.patlama-timer-p1::after{
  opacity:1;
  background:#facc15;
  box-shadow:0 0 8px rgba(250,204,21,.62);
}
#screen-game.atisma-mode #compact-game-header .compact-timer.patlama-timer-p2::after{
  opacity:1;
  background:#38bdf8;
  box-shadow:0 0 8px rgba(56,189,248,.62);
}
@media(prefers-reduced-motion:reduce){
  #screen-game.atisma-mode #compact-game-header .game-player-card.patlama-turn-flash{animation:none!important}
}

/* v563 — PATLAMA ilk hamle bildirimi */
.patlama-first-move-toast{
  background:#f97316!important;
  color:#fff!important;
  font-size:clamp(17px,4.3vw,20px)!important;
  line-height:1.22!important;
  padding:11px 15px!important;
  border-radius:14px!important;
  width:auto!important;
  max-width:min(76vw,285px)!important;
  text-align:center!important;
  white-space:pre-line!important;
  border:2px solid #fdba74!important;
  box-shadow:0 7px 16px rgba(124,45,18,.26)!important;
}

/* v567 — PATLAMA kalıcı balon yerleştirme yönergesi */
#selected-preview-bar{position:relative!important;overflow:visible!important}
#atisma-placement-hint{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:center center!important;
  z-index:135!important;
  width:min(74vw,300px)!important;
  max-width:calc(100% - 28px)!important;
  box-sizing:border-box!important;
  padding:7px 12px!important;
  border:0!important;
  border-radius:11px!important;
  background:#dc2626!important;
  color:#fff!important;
  box-shadow:0 5px 14px rgba(127,29,29,.30)!important;
  font-family:'Quicksand',Calibri,'Segoe UI',sans-serif!important;
  font-size:clamp(14px,3.8vw,18px)!important;
  line-height:1.18!important;
  font-weight:1000!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  pointer-events:none!important;
  opacity:1!important;
  margin:0!important;
  transition:none!important;
  scale:1;
}
@keyframes atismaPlacementHintPulse573{
  0%,100%{scale:1}
  42%{scale:1.32}
  68%{scale:.94}
}

#atisma-placement-hint.atisma-placement-hint-pulse{
  animation:atismaPlacementHintPulse573 .62s ease-in-out 1!important;
}
@media(max-width:380px){
  #atisma-placement-hint{
    width:min(78vw,250px)!important;
    max-width:calc(100% - 24px)!important;
    font-size:13px!important;
    padding:6px 9px!important;
  }
}

/* v568 — PATLAMA gizli tuzak ve daha hissedilir patlama */
@keyframes atismaOwnTrapFade571{
  0%,12%{opacity:1;filter:drop-shadow(0 1px 1px rgba(15,23,42,.28))}
  45%{opacity:.62;filter:drop-shadow(0 1px 1px rgba(15,23,42,.18))}
  75%{opacity:.25;filter:drop-shadow(0 0 1px rgba(15,23,42,.08))}
  100%{opacity:0;filter:drop-shadow(0 0 0 rgba(15,23,42,0));visibility:hidden}
}
#screen-game.atisma-playing .letter-cell .atisma-piece-own{
  animation:atismaOwnTrapFade571 7.5s linear forwards!important;
}
#screen-game.atisma-playing .letter-cell .atisma-piece-own.atisma-piece-used{
  animation:atismaOwnTrapFade571 7.5s linear forwards!important;
}
@keyframes atismaBombCell568{
  0%{
    filter:brightness(1) saturate(1);
    box-shadow:none;
  }
  9%{
    filter:brightness(0) saturate(0);
    box-shadow:0 0 0 4px rgba(239,68,68,.38),inset 0 0 20px rgba(0,0,0,.95);
  }
  28%{
    filter:brightness(.08) saturate(.25);
    box-shadow:0 0 0 3px rgba(249,115,22,.30),inset 0 0 16px rgba(0,0,0,.82);
  }
  58%{
    filter:brightness(.48) saturate(.7);
    box-shadow:0 0 0 2px rgba(251,146,60,.18),inset 0 0 10px rgba(0,0,0,.42);
  }
  82%{
    filter:brightness(.82) saturate(.92);
    box-shadow:0 0 0 1px rgba(251,146,60,.10);
  }
  100%{
    filter:none;
    box-shadow:none;
  }
}
.letter-cell.atisma-explode{
  animation:atismaBombCell568 1.55s cubic-bezier(.2,.75,.25,1) 1!important;
}



/* v617 — Sonuç düğmeleri: Yeniden Oyna + Çıkış aynı satırda */
#gameover-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-auto-flow:row!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  column-gap:10px!important;
  row-gap:6px!important;
}
#gameover-actions #btn-play-again{
  grid-column:1!important;
  grid-row:1!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
#gameover-actions #btn-game-exit{
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
#gameover-actions #rematch-inline-status{
  grid-column:1 / -1!important;
  grid-row:2!important;
  margin:0!important;
}


/* v617 — Alt menü modüllerinde okunaklılığı bir kademe artır */
#screen-howto .text-xs{font-size:14.5px!important;line-height:1.6!important}
#screen-howto .text-\[11px\]{font-size:13.5px!important;line-height:1.58!important}
#screen-howto .text-\[10px\]{font-size:11.5px!important}
#screen-howto .howto-mode-tab b{font-size:13px!important;line-height:1.05!important}
#screen-howto .howto-mode-tab small{font-size:11px!important;line-height:1.05!important}

#screen-about .text-xs{font-size:13.5px!important;line-height:1.6!important}
#screen-about .text-\[11px\]{font-size:13.5px!important;line-height:1.6!important}
#screen-about .text-\[10px\]{font-size:11.5px!important}
#screen-about .text-sm{font-size:15px!important}

#screen-settings .text-\[11px\]{font-size:14px!important;line-height:1.5!important}
#screen-settings .text-\[10px\]{font-size:11.5px!important}
#screen-settings .sound-step-marks,
#screen-settings .sound-mute-row{font-size:15px!important}
#screen-settings .vibration-choice{font-size:11px!important}

#screen-support p{font-size:13.5px!important;line-height:1.6!important}

#modal-dictionary h3.text-sm{font-size:15px!important}
#modal-dictionary .text-\[10px\]{font-size:11.5px!important;line-height:1.35!important}
#dict-search-input{font-size:13.5px!important}
#dict-letter-heading{font-size:13.5px!important}
#dict-word-count{font-size:13px!important}
.dict-word-main{font-size:18px!important;line-height:23px!important}
.dict-word-points{font-size:13px!important;line-height:19px!important}
.dict-inline-meaning{font-size:16px!important;line-height:23px!important}
.dict-meaning-title{font-size:14px!important;line-height:19px!important}
.dict-meaning-note{font-size:13px!important;line-height:18px!important}
.dict-meaning-loading{font-size:15px!important;line-height:21px!important}
.dict-rules{font-size:14px!important;line-height:20px!important}
#dict-load-more,
#btn-dict-feedback{font-size:14px!important}

@media(max-width:600px){
  .dict-word-main{font-size:17px!important;line-height:22px!important}
  .dict-inline-meaning{font-size:15px!important;line-height:22px!important}
  .dict-rules{font-size:13.5px!important;line-height:19px!important}
}
@media(max-width:380px){
  #screen-settings .vibration-choice{font-size:10px!important}
}


/* v617 — Bulanıklık kullanan ara ekranları tüm viewport'a yay */
#modal-found-meaning,
#modal-dictionary,
#modal-mp-waiting,
#modal-rematch-waiting,
#modal-countdown,
#modal-gameover,
#atisma-setup-notice,
.time-up-overlay{
  position:fixed!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  transform:none!important;
}
#modal-dictionary{
  align-items:center!important;
}
#modal-dictionary>div{
  width:min(calc(100vw - 24px),620px)!important;
  max-width:620px!important;
  height:calc(100dvh - 24px)!important;
  margin:0 auto!important;
}


/* v617 — Çok oyunculu seçim kartlarında zar ve el emojilerini hafif küçült */


/* PATLAMA: a quick tightening balloon before a validated trap explodes. */
.letter-cell .atisma-trap-anticipation{
 position:absolute;inset:0;display:grid;place-items:center;z-index:15;pointer-events:none;
 font-size:clamp(19px,5vw,27px);filter:drop-shadow(0 0 7px #fcbf71);
 animation:patlamaAnticipate1080 190ms ease-in forwards;
}
@keyframes patlamaAnticipate1080{
 0%{transform:scale(.65);opacity:.35}
 60%{transform:scale(1.03);opacity:1}
 100%{transform:scale(1.26);opacity:1;filter:drop-shadow(0 0 12px #ff5656)}
}
@media(prefers-reduced-motion:reduce){
 .letter-cell .atisma-trap-anticipation{animation:none;opacity:1;filter:none}
}
html[data-kapmaca-quality="low"] .home-float-dot{animation:none!important}
html[data-kapmaca-quality="low"] .word-confetti-layer i:nth-child(n+14){display:none!important}
html[data-kapmaca-quality="medium"] .word-confetti-layer i:nth-child(n+25){display:none!important}


/* v1082 — PATLAMA: top controls, a seven-balloon drag rack and lasting burst traces. */
#screen-game.atisma-mode > .game-bottom-controls{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:center!important;
  flex:0 0 auto!important;
  gap:8px!important;
  width:100%!important;
  min-height:45px!important;
  margin:0!important;
  padding:6px 9px!important;
  z-index:12!important;
  background:linear-gradient(180deg,#15213b,#0e172b)!important;
  border-bottom:1px solid rgba(148,163,184,.28)!important;
}
#screen-game.atisma-mode > .game-bottom-controls.patlama-multi-controls{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
#screen-game.atisma-mode > .game-bottom-controls button{
  min-width:0!important;
  min-height:32px!important;
  height:32px!important;
  padding:5px 6px!important;
  margin:0!important;
  border-radius:12px!important;
  font-size:clamp(9px,2.5vw,11px)!important;
  white-space:nowrap!important;
  font-weight:900!important;
}
#screen-game.atisma-mode > .game-bottom-controls #patlama-pause-btn{
  background:linear-gradient(180deg,#138778,#065f56)!important;
  border:1px solid #5eead4!important;
  color:#fff!important;
}
#screen-game.atisma-mode > .game-bottom-controls #patlama-pause-btn.hidden{display:none!important}
#screen-game.atisma-mode > .game-bottom-controls #btn-fullscreen-game{
  background:linear-gradient(180deg,#2563eb,#1d4ed8)!important;
  color:#fff!important;
}
#screen-game.atisma-mode > .game-bottom-controls #btn-quick-exit{
  background:linear-gradient(180deg,#ef4444,#dc2626)!important;
  color:#fff!important;
}
#screen-game.atisma-mode #atisma-panel{width:100%!important;max-width:100%!important;padding:0 5px!important}
#screen-game.atisma-mode #atisma-tools{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  width:min(100%,305px)!important;max-width:305px!important;
  margin:6px auto 4px!important;
}
#screen-game.atisma-mode #atisma-panel.atisma-playing #atisma-tools{display:none!important}
#screen-game.atisma-mode #atisma-tools #atisma-trap-tool{
  width:100%!important;max-width:none!important;min-width:0!important;
  height:60px!important;max-height:60px!important;min-height:60px!important;
  padding:5px 9px!important;border-radius:16px!important;
  background:linear-gradient(180deg,#fff7ed,#ffedd5)!important;
  border:2px solid #fdba74!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  gap:2px!important;touch-action:none!important;
}
#screen-game.atisma-mode #atisma-tools #atisma-trap-tool > .patlama-balloon-rack{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;gap:clamp(2px,1.2vw,6px)!important;
  font-size:inherit!important;line-height:1!important;
}
#screen-game.atisma-mode #atisma-tools #atisma-trap-tool .patlama-rack-balloon{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 25px!important;width:25px!important;height:27px!important;
  font-size:21px!important;line-height:1!important;transition:opacity .18s ease,filter .18s ease!important;
}
#screen-game.atisma-mode #atisma-tools #atisma-trap-tool .patlama-rack-balloon.patlama-balloon-placed{
  opacity:.16!important;filter:grayscale(1)!important;
}
#screen-game.atisma-mode #atisma-tools #atisma-trap-tool > span:nth-child(2){display:none!important}
#screen-game.atisma-mode #atisma-tools #atisma-trap-tool > .patlama-rack-help{
  display:block!important;font-size:10px!important;font-weight:1000!important;
  color:#9a3412!important;letter-spacing:.045em!important;line-height:14px!important;
}
#screen-game.atisma-playing .letter-cell .atisma-piece-own,
#screen-game.atisma-playing .letter-cell .atisma-piece-own.atisma-piece-used{
  animation:atismaOwnTrapFade571 2.8s ease-in forwards!important;
}
.letter-cell .patlama-exploded-marker{
  position:absolute!important;left:2px!important;top:2px!important;
  z-index:85!important;pointer-events:none!important;
  display:block!important;transform:none!important;
  font-size:13px!important;line-height:1!important;
  filter:drop-shadow(0 1px 2px rgba(127,29,29,.55))!important;
}
.patlama-placement-lock{
  position:fixed!important;z-index:250!important;pointer-events:none!important;
  display:block!important;transform:translate(-50%,-60%)!important;
  font-size:30px!important;line-height:1!important;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.45))!important;
  animation:patlamaPointerLock1082 .85s ease-out forwards!important;
}
@keyframes patlamaPointerLock1082{
  0%{opacity:0;translate:0 7px;scale:.7}
  20%,65%{opacity:1;translate:0 0;scale:1.12}
  100%{opacity:0;translate:0 -8px;scale:1}
}
#screen-game.patlama-paused #scrabble-grid{
  pointer-events:none!important;filter:saturate(.45) brightness(.65)!important;
}
#screen-game.patlama-paused #atisma-trap-tool{pointer-events:none!important;opacity:.48!important}
@media(max-width:380px){
  #screen-game.atisma-mode > .game-bottom-controls{gap:5px!important;padding:5px!important}
  #screen-game.atisma-mode > .game-bottom-controls button{font-size:9px!important;padding:4px!important}
  #screen-game.atisma-mode #atisma-tools #atisma-trap-tool .patlama-rack-balloon{
    flex-basis:22px!important;width:22px!important;font-size:19px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .patlama-placement-lock{animation:none!important;opacity:1!important}
}