@scope(html[data-site-page="index.html"]){/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;@layer theme{:scope,: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-zinc-900:oklch(21% .006 285.885);--color-stone-100:oklch(97% .001 106.424);--color-stone-200:oklch(92.3% .003 48.717);--color-stone-500:oklch(55.3% .013 58.071);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / 0.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / 0.875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-md:calc(var(--radius)*.8);--radius-2xl:1rem;--radius-4xl:2rem;--shadow-sm:0 1px 3px 0 rgb(0 0 0 / .1),0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;--blur-xs:4px;--blur-sm:8px;--aspect-video:16 / 9;--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);--color-border:var(--border);--color-popover:var(--popover)}}@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:-.25em}sup{top:-.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)){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}::-webkit-calendar-picker-indicator{line-height:1}:-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{.\@container\/card-header{container-type:inline-size;container-name:card-header}.\@container\/field-group{container-type:inline-size;container-name:field-group}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-x-4{inset-inline:calc(var(--spacing) * 4)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.inset-s-1\/2{inset-inline-start:calc(1 / 2 * 100%)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-12{top:calc(var(--spacing) * -12)}.top-0{top:calc(var(--spacing) * 0)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:calc(1 / 2 * 100%)}.top-1\/3{top:calc(1 / 3 * 100%)}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-3\.5{top:calc(var(--spacing) * 3.5)}.top-\[60\%\]{top:60%}.top-\[clamp\(96px\,13vh\,122px\)\]{top:clamp(96px,13vh,122px)}.top-full{top:100%}.top-px{top:1px}.-right-12{right:calc(var(--spacing) * -12)}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.right-2{right:calc(var(--spacing) * 2)}.right-2\.5{right:calc(var(--spacing) * 2.5)}.right-3{right:calc(var(--spacing) * 3)}.-bottom-12{bottom:calc(var(--spacing) * -12)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-4{bottom:calc(var(--spacing) * 4)}.-left-12{left:calc(var(--spacing) * -12)}.left-1\.5{left:calc(var(--spacing) * 1.5)}.left-1\/2{left:calc(1 / 2 * 100%)}.left-3{left:calc(var(--spacing) * 3)}.isolate{isolation:isolate}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[calc\(1000-var\(--toast-index\)\)\]{z-index:calc(1000 - var(--toast-index))}.order-first{order:-9999}.order-last{order:9999}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2 / span 2}.row-start-1{grid-row-start:1}.m-\(--drawer-inset\,0\){margin:var(--drawer-inset,0)}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3\.5{margin-inline:calc(var(--spacing) * 3.5)}.mx-auto{margin-inline:auto}.-my-2{margin-block:calc(var(--spacing) * -2)}.my-0\.5{margin-block:calc(var(--spacing) * 0.5)}.my-1{margin-block:calc(var(--spacing) * 1)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-auto{margin-block:auto}.-mt-4{margin-top:calc(var(--spacing) * -4)}.mt-0\.5{margin-top:calc(var(--spacing) * 0.5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-9{margin-top:calc(var(--spacing) * 9)}.mt-auto{margin-top:auto}.-mb-4{margin-bottom:calc(var(--spacing) * -4)}.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-6{margin-bottom:calc(var(--spacing) * 6)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.-ml-4{margin-left:calc(var(--spacing) * -4)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.field-sizing-content{field-sizing:content}.aspect-\(--ratio\){aspect-ratio:var(--ratio)}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-\(--cell-size\){width:var(--cell-size);height:var(--cell-size)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-auto{width:auto;height:auto}.size-full{width:100%;height:100%}.h-\(--accordion-panel-height\){height:var(--accordion-panel-height)}.h-\(--cell-size\){height:var(--cell-size)}.h-\(--drawer-content-height\){height:var(--drawer-content-height)}.h-\(--height\){height:var(--height)}.h-\(--popup-height\){height:var(--popup-height)}.h-\(--positioner-height\){height:var(--positioner-height)}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.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-8\!{height:calc(var(--spacing) * 8) !important}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-\[76px\]{height:76px}.h-\[calc\(--spacing\(5\.25\)\)\]{height:calc(calc(var(--spacing) * 5.25))calc(var(--spacing) * 5.25))}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-\[calc\(100\%-76px\)\]{height:calc(100% - 76px)}.h-auto{height:auto}.h-full{height:100%}.h-max{height:max-content}.h-px{height:1px}.h-svh{height:100svh}.max-h-\(--available-height\){max-height:var(--available-height)}.max-h-\(--drawer-content-max-height\,none\){max-height:var(--drawer-content-max-height,none)}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-\[min\(calc\(--spacing\(72\)---spacing\(9\)\)\,calc\(var\(--available-height\)---spacing\(9\)\)\)\]{max-height:min(calc(calc(var(--spacing) * 72) - calc(var(--spacing) * 9))calc(var(--spacing) * 72) - calc(var(--spacing) * 9)),calc(var(--available-height) - calc(var(--spacing) * 9))calc(var(--spacing) * 9)))}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-4{min-height:calc(var(--spacing) * 4)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-\[240px\]{min-height:240px}.min-h-dvh{min-height:100dvh}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.w-\(--anchor-width\){width:var(--anchor-width)}.w-\(--cell-size\){width:var(--cell-size)}.w-\(--drawer-content-width\,auto\){width:var(--drawer-content-width,auto)}.w-\(--popup-width\){width:var(--popup-width)}.w-\(--positioner-width\){width:var(--positioner-width)}.w-\(--sidebar-width\){width:var(--sidebar-width)}.w-0{width:calc(var(--spacing) * 0)}.w-1{width:calc(var(--spacing) * 1)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3\/5{width:calc(3 / 5 * 100%)}.w-4{width:calc(var(--spacing) * 4)}.w-4\/5{width:calc(4 / 5 * 100%)}.w-5{width:calc(var(--spacing) * 5)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-16{width:calc(var(--spacing) * 16)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-\[min\(30vw\,420px\)\]{width:min(30vw,420px)}.w-\[min\(620px\,calc\(100\%-40px\)\)\]{width:min(620px,calc(100% - 40px))}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-\(--available-width\){max-width:var(--available-width)}.max-w-\(--skeleton-width\){max-width:var(--skeleton-width)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[80\%\]{max-width:80%}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-full{max-width:100%}.max-w-max{max-width:max-content}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-\(--cell-size\){min-width:var(--cell-size)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-7{min-width:calc(var(--spacing) * 7)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-16{min-width:calc(var(--spacing) * 16)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-36{min-width:calc(var(--spacing) * 36)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-\[96px\]{min-width:96px}.min-w-\[calc\(var\(--anchor-width\)\+--spacing\(7\)\)\]{min-width:calc(var(--anchor-width) + calc(var(--spacing) * 7))calc(var(--spacing) * 7))}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\(--transform-origin\){transform-origin:var(--transform-origin)}.origin-bottom{transform-origin:bottom}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1)calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-3\/4{--tw-translate-y:calc(calc(3 / 4 * 100%) * -1)calc(3 / 4 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-3\/4{--tw-translate-y:calc(3 / 4 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[calc\(-50\%-2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.\[transform\:translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--toast-swipe-movement-y\)-\(var\(--toast-index\)\*var\(--peek\)\)-\(var\(--shrink\)\*var\(--height\)\)\)\)_scale\(var\(--scale\)\)\]{transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--peek)) - (var(--shrink) * var(--height)))) scale(var(--scale))}.transform-\[translate3d\(var\(--translate-x\,0\)\,var\(--translate-y\,0\)\,0\)_scale\(var\(--stack-scale\)\)\]{transform:translate3d(var(--translate-x,0),var(--translate-y,0),0) scale(var(--stack-scale))}.scroll-fade-x{--_scroll-fade-size-s:var(--scroll-fade-s-size,var(--scroll-fade-size,min(12%,calc(var(--spacing) * 10))));--_scroll-fade-size-e:var(--scroll-fade-e-size,var(--scroll-fade-size,min(12%,calc(var(--spacing) * 10))));--scroll-fade-inline:linear-gradient(to right,transparent 0,#000 var(--scroll-fade-s,0),#000 calc(100% - var(--scroll-fade-e, 0px)),transparent 100%);&:where([dir="rtl"],[dir="rtl"] *){--scroll-fade-inline:linear-gradient(to left,transparent 0,#000 var(--scroll-fade-s,0),#000 calc(100% - var(--scroll-fade-e, 0px)),transparent 100%)}-webkit-mask-image:var(--scroll-fade-mask,var(--scroll-fade-inline));mask-image:var(--scroll-fade-mask,var(--scroll-fade-inline));-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;@supports(animation-timeline:scroll()){animation:scroll-fade-reveal-s 1ms ease-in-out,scroll-fade-reveal-e 1ms ease-in-out;animation-timeline:scroll(self inline),scroll(self inline);animation-range:0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)),calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24)))calc(var(--spacing) * 24))) 100%;animation-fill-mode:both}@supports not(animation-timeline:scroll()){--scroll-fade-s:var(--_scroll-fade-size-s);--scroll-fade-e:var(--_scroll-fade-size-e)}}.scroll-fade-b{--_scroll-fade-size-b:var(--scroll-fade-b-size,var(--scroll-fade-size,min(12%,calc(var(--spacing) * 10))));--scroll-fade-mask:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--scroll-fade-b, 0px)),transparent 100%);-webkit-mask-image:var(--scroll-fade-mask);mask-image:var(--scroll-fade-mask);-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;@supports(animation-timeline:scroll()){animation:scroll-fade-reveal-b 1ms ease-in-out;animation-timeline:scroll(self y);animation-range:calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24)))calc(var(--spacing) * 24))) 100%;animation-fill-mode:both}@supports not(animation-timeline:scroll()){--scroll-fade-b:var(--_scroll-fade-size-b)}}.animate-caret-blink{animation:caret-blink 1.25s ease-out infinite}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-text{cursor:text}.touch-manipulation{touch-action:manipulation}.touch-none{touch-action:none}.resize-none{resize:none}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.scroll-my-1{scroll-margin-block:calc(var(--spacing) * 1)}.scroll-px-1{scroll-padding-inline:calc(var(--spacing) * 1)}.scroll-py-1{scroll-padding-block:calc(var(--spacing) * 1)}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.grid-cols-\[180px_minmax\(0\,1fr\)_260px\]{grid-template-columns:180px minmax(0,1fr) 260px}.grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.place-items-center{place-items:center}.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-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-\(--card-spacing\){gap:var(--card-spacing)}.gap-0{gap:calc(var(--spacing) * 0)}.gap-0\.5{gap:calc(var(--spacing) * 0.5)}.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)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-\[--spacing\(var\(--gap\)\)\]{gap:calc(var(--spacing) * var(--gap))}.space-y-2{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse))calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-3{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse))calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-4{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse))calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-5{:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse))calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}}.-space-x-2{:where(&>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse))calc(var(--spacing) * -2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)))calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)))}}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-end{justify-self:flex-end}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-x-contain{overscroll-behavior-x:contain}.rounded{border-radius:.25rem}.rounded-\(--cell-radius\){border-radius:var(--cell-radius)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-4xl{border-radius:var(--radius-4xl)}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\]{border-radius:4px}.rounded-\[18px\]{border-radius:18px}.rounded-\[calc\(var\(--radius\)-3px\)\]{border-radius:calc(var(--radius) - 3px)}.rounded-\[inherit\]{border-radius:inherit}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md),10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md),12px)}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius)}.rounded-lg\!{border-radius:var(--radius) !important}.rounded-md{border-radius:calc(var(--radius)*.8)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius)*.6)}.rounded-xl{border-radius:calc(var(--radius)*1.4)}.rounded-xl\!{border-radius:calc(var(--radius)*1.4) !important}.rounded-t-xl{border-top-left-radius:calc(var(--radius)*1.4);border-top-right-radius:calc(var(--radius)*1.4)}.rounded-l-\(--cell-radius\){border-top-left-radius:var(--cell-radius);border-bottom-left-radius:var(--cell-radius)}.rounded-tl-sm{border-top-left-radius:calc(var(--radius)*.6)}.rounded-r-\(--cell-radius\){border-top-right-radius:var(--cell-radius);border-bottom-right-radius:var(--cell-radius)}.rounded-b-xl{border-bottom-right-radius:calc(var(--radius)*1.4);border-bottom-left-radius:calc(var(--radius)*1.4)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.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-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\(--color-border\){border-color:var(--color-border)}.border-border{border-color:var(--border)}.border-border\/50{border-color:var(--border);@supports(color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--border) 50%,transparent)}}.border-input{border-color:var(--input)}.border-input\/30{border-color:var(--input);@supports(color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--input) 30%,transparent)}}.border-ring{border-color:var(--ring)}.border-stone-200{border-color:var(--color-stone-200)}.border-transparent{border-color:transparent}.bg-\(--color-bg\){background-color:var(--color-bg)}.bg-\[\#fbfaf8\]{background-color:#fbfaf8}.bg-\[Canvas\]{background-color:Canvas}.bg-background{background-color:var(--background)}.bg-black\/10{background-color:color-mix(in srgb,#000 10%,transparent);@supports(color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive\/10{background-color:var(--destructive);@supports(color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--destructive) 10%,transparent)}}.bg-foreground{background-color:var(--foreground)}.bg-input{background-color:var(--input)}.bg-input\/30{background-color:var(--input);@supports(color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--input) 30%,transparent)}}.bg-muted{background-color:var(--muted)}.bg-muted\/50{background-color:var(--muted);@supports(color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--muted) 50%,transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-primary-foreground{background-color:var(--primary-foreground)}.bg-secondary{background-color:var(--secondary)}.bg-stone-100{background-color:var(--color-stone-100)}.bg-stone-200{background-color:var(--color-stone-200)}.bg-transparent{background-color:transparent}.bg-white{background-color:var(--color-white)}.bg-white\/70{background-color:color-mix(in srgb,#fff 70%,transparent);@supports(color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.bg-white\/95{background-color:color-mix(in srgb,#fff 95%,transparent);@supports(color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 95%,transparent)}}.bg-clip-padding{background-clip:padding-box}.fill-foreground{fill:var(--foreground)}.object-cover{object-fit:cover}.p-\(--card-spacing\){padding:var(--card-spacing)}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-\[3px\]{padding:3px}.p-px{padding:1px}.px-\(--card-spacing\){padding-inline:var(--card-spacing)}.px-\(--cell-size\){padding-inline:var(--cell-size)}.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-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-\(--card-spacing\){padding-block:var(--card-spacing)}.py-0\.5{padding-block:calc(var(--spacing) * 0.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-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-\[2px\]{padding-block:2px}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pr-1\.5{padding-right:calc(var(--spacing) * 1.5)}.pr-1\.5\!{padding-right:calc(var(--spacing) * 1.5) !important}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-7{padding-right:calc(var(--spacing) * 7)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-1\.5\!{padding-left:calc(var(--spacing) * 1.5) !important}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-7{padding-left:calc(var(--spacing) * 7)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/relaxed{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.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-\[0\.8rem\]{font-size:.8rem}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.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-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.09em\]{--tw-tracking:.09em;letter-spacing:.09em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.wrap-break-word{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.text-\[CanvasText\]{color:CanvasText}.text-background{color:var(--background)}.text-card-foreground{color:var(--card-foreground)}.text-current{color:currentcolor}.text-destructive{color:var(--destructive)}.text-foreground{color:var(--foreground)}.text-foreground\/60{color:var(--foreground);@supports(color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--foreground) 60%,transparent)}}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-stone-500{color:var(--color-stone-500)}.text-zinc-900{color:var(--color-zinc-900)}.uppercase{text-transform:uppercase}.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,)}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:50%}.opacity-55{opacity:55%}.opacity-60{opacity:60%}.opacity-\[max\(var\(--drawer-overlay-min-opacity\,0\)\,calc\(1-var\(--drawer-swipe-progress\)\)\)\]{opacity:max(var(--drawer-overlay-min-opacity,0),calc(1 - var(--drawer-swipe-progress)))}.bg-blend-color{background-blend-mode:color}.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-\[0_0_0_1px_var\(--sidebar-border\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--sidebar-border));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_18px_50px_rgb\(24_24_27\/9\%\)\]{--tw-shadow:0 18px 50px var(--tw-shadow-color,rgb(24 24 27/9%));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-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none\!{--tw-shadow:0 0 #0000 !important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) !important}.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-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + 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-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + 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-3{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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-background{--tw-ring-color:var(--background)}.ring-card{--tw-ring-color:var(--card)}.ring-foreground\/10{--tw-ring-color:var(--foreground);@supports(color:color-mix(in lab,red,red)){--tw-ring-color:color-mix(in oklab,var(--foreground) 10%,transparent)}}.ring-ring\/50{--tw-ring-color:var(--ring);@supports(color:color-mix(in lab,red,red)){--tw-ring-color:color-mix(in oklab,var(--ring) 50%,transparent)}}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline-hidden{--tw-outline-style:none;outline-style:none;@media(forced-colors:active){outline:2px solid transparent;outline-offset:2px}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-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,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-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,transform\,translate\]{transition-property:opacity,transform,translate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,transform\,width\,height\,scale\,translate\]{transition-property:opacity,transform,width,height,scale,translate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[top\,left\,right\,bottom\]{transition-property:top,left,right,bottom;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,height\,opacity\,filter\]{transition-property:transform,height,opacity,filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[translate\,scale\,opacity\]{transition-property:translate,scale,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;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-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;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))}.transition-none{transition-property:none}.duration-100{--tw-duration:100ms;transition-duration:100ms}.duration-150{--tw-duration:150ms;transition-duration:150ms}.duration-200{--tw-duration:200ms;transition-duration:200ms}.duration-250{--tw-duration:250ms;transition-duration:250ms}.duration-300{--tw-duration:300ms;transition-duration:300ms}.duration-450{--tw-duration:450ms;transition-duration:450ms}.duration-1000{--tw-duration:1000ms;transition-duration:1000ms}.duration-\[0\.35s\]{--tw-duration:.35s;transition-duration:.35s}.ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\]{--tw-ease:cubic-bezier(0.22,1,0.36,1);transition-timing-function:cubic-bezier(0.22,1,0.36,1)}.ease-\[cubic-bezier\(0\.32\,0\.72\,0\,1\)\]{--tw-ease:cubic-bezier(0.32,0.72,0,1);transition-timing-function:cubic-bezier(0.32,0.72,0,1)}.ease-\[cubic-bezier\(0\.45\,1\.005\,0\,1\.005\)\]{--tw-ease:cubic-bezier(0.45,1.005,0,1.005);transition-timing-function:cubic-bezier(0.45,1.005,0,1.005)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.will-change-transform{will-change:transform}.contain-content{contain:content}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.\[--bleed\:3rem\]{--bleed:3rem}.\[--card-spacing\:--spacing\(4\)\]{--card-spacing:calc(var(--spacing) * 4)}.\[--cell-radius\:var\(--radius-md\)\]{--cell-radius:var(--radius-md)}.\[--cell-size\:--spacing\(7\)\]{--cell-size:calc(var(--spacing) * 7)}.\[--drawer-content-height\:var\(--drawer-height\,auto\)\]{--drawer-content-height:var(--drawer-height,auto)}.\[--gap\:0\.75rem\]{--gap:.75rem}.\[--height\:var\(--toast-frontmost-height\,var\(--toast-height\)\)\]{--height:var(--toast-frontmost-height,var(--toast-height))}.\[--offset-y\:calc\(var\(--toast-offset-y\)\*-1\+calc\(var\(--toast-index\)\*var\(--gap\)\*-1\)\+var\(--toast-swipe-movement-y\)\)\]{--offset-y:calc(var(--toast-offset-y) * -1 + calc(var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y))calc(var(--toast-index) * var(--gap) * -1)+var(--toast-swipe-movement-y))}.\[--peek\:0\.75rem\]{--peek:.75rem}.\[--peek\:1rem\]{--peek:1rem}.\[--scale\:calc\(max\(0\,1-\(var\(--toast-index\)\*0\.1\)\)\)\]{--scale:calc(max(0, 1 - (var(--toast-index) * 0.1)))}.\[--shrink\:calc\(1-var\(--scale\)\)\]{--shrink:calc(1 - var(--scale))}.\[--stack-height\:var\(--drawer-frontmost-height\,var\(--drawer-height\,0\)\)\]{--stack-height:var(--drawer-frontmost-height,var(--drawer-height,0))}.\[--stack-peek-offset\:max\(0\,calc\(\(var\(--nested-drawers\)-var\(--stack-progress\)\)\*var\(--peek\)\)\)\]{--stack-peek-offset:max(0,calc((var(--nested-drawers) - var(--stack-progress)) * var(--peek)))}.\[--stack-progress\:clamp\(0\,var\(--drawer-swipe-progress\)\,1\)\]{--stack-progress:clamp(0,var(--drawer-swipe-progress),1)}.\[--stack-scale-base\:max\(0\,calc\(1-\(var\(--nested-drawers\)\*var\(--stack-step\)\)\)\)\]{--stack-scale-base:max(0,calc(1 - (var(--nested-drawers) * var(--stack-step))))}.\[--stack-scale\:clamp\(0\,calc\(var\(--stack-scale-base\)\+\(var\(--stack-step\)\*var\(--stack-progress\)\)\)\,1\)\]{--stack-scale:clamp(0,calc(var(--stack-scale-base) + (var(--stack-step) * var(--stack-progress))),1)}.\[--stack-shrink\:calc\(1-var\(--stack-scale\)\)\]{--stack-shrink:calc(1 - var(--stack-scale))}.\[--stack-step\:0\.05\]{--stack-step:.05}.\[contain-intrinsic-size\:auto_10rem\]{contain-intrinsic-size:auto 10rem}.\[content-visibility\:auto\]{content-visibility:auto}.\[interpolate-size\:allow-keywords\]{interpolate-size:allow-keywords}.\[transition\:transform_500ms_cubic-bezier\(0\.22\,1\,0\.36\,1\)\,opacity_500ms\,height_150ms\]{transition:transform 500ms cubic-bezier(0.22,1,0.36,1),opacity 500ms,height 150ms}.\*\:w-full{:is(&>*){width:100%}}.not-last\:border-b{&:not(*:last-child){border-bottom-style:var(--tw-border-style);border-bottom-width:1px}}.group-focus-within\/menu-item\:opacity-100{&:is(:where(.group\/menu-item):focus-within *){opacity:100%}}.group-hover\/menu-item\:opacity-100{&:is(:where(.group\/menu-item):hover *){@media(hover:hover){opacity:100%}}}.group-focus\/context-menu-item\:text-accent-foreground{&:is(:where(.group\/context-menu-item):focus *){color:var(--accent-foreground)}}.group-focus\/dropdown-menu-item\:text-accent-foreground{&:is(:where(.group\/dropdown-menu-item):focus *){color:var(--accent-foreground)}}.group-focus\/menubar-item\:text-accent-foreground{&:is(:where(.group\/menubar-item):focus *){color:var(--accent-foreground)}}.group-has-disabled\/field\:opacity-50{&:is(:where(.group\/field):has(*:disabled) *){opacity:50%}}.group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8{&:is(:where(.group\/menu-item):has(*[data-sidebar="menu-action"]) *){padding-right:calc(var(--spacing) * 8)}}.group-has-data-\[size\=lg\]\/avatar-group\:size-10{&:is(:where(.group\/avatar-group):has(*[data-size="lg"]) *){width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}}.group-has-data-\[size\=sm\]\/avatar-group\:size-6{&:is(:where(.group\/avatar-group):has(*[data-size="sm"]) *){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}}.group-has-data-\[slot\=combobox-clear\]\/input-group\:hidden{&:is(:where(.group\/input-group):has(*[data-slot="combobox-clear"]) *){display:none}}.group-has-data-\[slot\=command-shortcut\]\/command-item\:hidden{&:is(:where(.group\/command-item):has(*[data-slot="command-shortcut"]) *){display:none}}.group-has-data-\[slot\=item-description\]\/item\:translate-y-0\.5{&:is(:where(.group\/item):has(*[data-slot="item-description"]) *){--tw-translate-y:calc(var(--spacing) * 0.5);translate:var(--tw-translate-x) var(--tw-translate-y)}}.group-has-data-\[slot\=item-description\]\/item\:self-start{&:is(:where(.group\/item):has(*[data-slot="item-description"]) *){align-self:flex-start}}.group-has-data-\[slot\=message-footer\]\/message\:-translate-y-8{&:is(:where(.group\/message):has(*[data-slot="message-footer"]) *){--tw-translate-y:calc(var(--spacing) * -8);translate:var(--tw-translate-x) var(--tw-translate-y)}}.group-has-data-\[variant\=ghost\]\/message\:px-0{&:is(:where(.group\/message):has(*[data-variant="ghost"]) *){padding-inline:calc(var(--spacing) * 0)}}.group-has-data-horizontal\/field\:text-balance{&:is(:where(.group\/field):has(*:where([data-orientation="horizontal"])) *){text-wrap:balance}}.group-has-\[\:focus-visible\]\/field-label\:border-transparent{&:is(:where(.group\/field-label):has(*:is(:focus-visible)) *){border-color:transparent}}.group-has-\[\:focus-visible\]\/field-label\:ring-0{&:is(:where(.group\/field-label):has(*:is(:focus-visible)) *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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)}}.group-has-\[\:focus-visible\]\/field-label\:not-data-checked\:border-input{&:is(:where(.group\/field-label):has(*:is(:focus-visible)) *){&:not(*:where([data-state="checked"]),*:where([data-checked]:not([data-checked="false"]))){border-color:var(--input)}}}.group-has-\[\>input\]\/input-group\:pt-2{&:is(:where(.group\/input-group):has(>input) *){padding-top:calc(var(--spacing) * 2)}}.group-has-\[\>input\]\/input-group\:pb-2{&:is(:where(.group\/input-group):has(>input) *){padding-bottom:calc(var(--spacing) * 2)}}.group-has-\[\>svg\]\/alert\:col-start-2{&:is(:where(.group\/alert):has(>svg) *){grid-column-start:2}}.group-aria-expanded\/accordion-trigger\:hidden{&:is(:where(.group\/accordion-trigger)[aria-expanded="true"] *){display:none}}.group-aria-expanded\/accordion-trigger\:inline{&:is(:where(.group\/accordion-trigger)[aria-expanded="true"] *){display:inline}}.group-data-empty\/combobox-content\:flex{&:is(:where(.group\/combobox-content)[data-empty] *){display:flex}}.group-data-nested-drawer-open\/drawer-popup\:opacity-0{&:is(:where(.group\/drawer-popup)[data-nested-drawer-open] *){opacity:0}}.group-data-nested-drawer-swiping\/drawer-popup\:opacity-100{&:is(:where(.group\/drawer-popup)[data-nested-drawer-swiping] *){opacity:100%}}.group-data-popup-open\/navigation-menu-trigger\:rotate-180{&:is(:where(.group\/navigation-menu-trigger)[data-popup-open] *){rotate:180deg}}.group-data-swiping\/drawer-popup\:select-none{&:is(:where(.group\/drawer-popup)[data-swiping] *){-webkit-user-select:none;user-select:none}}.group-data-\[align\=end\]\/bubble\:self-end{&:is(:where(.group\/bubble)[data-align="end"] *){align-self:flex-end}}.group-data-\[align\=end\]\/message\:justify-end{&:is(:where(.group\/message)[data-align="end"] *){justify-content:flex-end}}.group-data-\[align\=end\]\/message\:self-end{&:is(:where(.group\/message)[data-align="end"] *){align-self:flex-end}}.group-data-\[checked\=true\]\/command-item\:opacity-100{&:is(:where(.group\/command-item)[data-checked="true"] *){opacity:100%}}.group-data-\[collapsible\=icon\]\:-mt-8{&:is(:where(.group)[data-collapsible="icon"] *){margin-top:calc(var(--spacing) * -8)}}.group-data-\[collapsible\=icon\]\:hidden{&:is(:where(.group)[data-collapsible="icon"] *){display:none}}.group-data-\[collapsible\=icon\]\:size-8\!{&:is(:where(.group)[data-collapsible="icon"] *){width:calc(var(--spacing) * 8) !important;height:calc(var(--spacing) * 8) !important}}.group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\){&:is(:where(.group)[data-collapsible="icon"] *){width:var(--sidebar-width-icon)}}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]{&:is(:where(.group)[data-collapsible="icon"] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)))calc(var(--spacing) * 4)))}}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]{&:is(:where(.group)[data-collapsible="icon"] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px)calc(var(--spacing) * 4))+2px)}}.group-data-\[collapsible\=icon\]\:overflow-hidden{&:is(:where(.group)[data-collapsible="icon"] *){overflow:hidden}}.group-data-\[collapsible\=icon\]\:p-0\!{&:is(:where(.group)[data-collapsible="icon"] *){padding:calc(var(--spacing) * 0) !important}}.group-data-\[collapsible\=icon\]\:p-2\!{&:is(:where(.group)[data-collapsible="icon"] *){padding:calc(var(--spacing) * 2) !important}}.group-data-\[collapsible\=icon\]\:opacity-0{&:is(:where(.group)[data-collapsible="icon"] *){opacity:0}}.group-data-\[collapsible\=offcanvas\]\:w-0{&:is(:where(.group)[data-collapsible="offcanvas"] *){width:calc(var(--spacing) * 0)}}.group-data-\[collapsible\=offcanvas\]\:translate-x-0{&:is(:where(.group)[data-collapsible="offcanvas"] *){--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}}.group-data-\[disabled\=true\]\:pointer-events-none{&:is(:where(.group)[data-disabled="true"] *){pointer-events:none}}.group-data-\[disabled\=true\]\:opacity-50{&:is(:where(.group)[data-disabled="true"] *){opacity:50%}}.group-data-\[disabled\=true\]\/field\:opacity-50{&:is(:where(.group\/field)[data-disabled="true"] *){opacity:50%}}.group-data-\[disabled\=true\]\/input-group\:opacity-50{&:is(:where(.group\/input-group)[data-disabled="true"] *){opacity:50%}}.group-data-\[focused\=true\]\/day\:relative{&:is(:where(.group\/day)[data-focused="true"] *){position:relative}}.group-data-\[focused\=true\]\/day\:z-10{&:is(:where(.group\/day)[data-focused="true"] *){z-index:10}}.group-data-\[focused\=true\]\/day\:border-ring{&:is(:where(.group\/day)[data-focused="true"] *){border-color:var(--ring)}}.group-data-\[focused\=true\]\/day\:ring-\[3px\]{&:is(:where(.group\/day)[data-focused="true"] *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}}.group-data-\[focused\=true\]\/day\:ring-ring\/50{&:is(:where(.group\/day)[data-focused="true"] *){--tw-ring-color:var(--ring);@supports(color:color-mix(in lab,red,red)){--tw-ring-color:color-mix(in oklab,var(--ring) 50%,transparent)}}}.group-data-\[orientation\=vertical\]\/attachment\:absolute{&:is(:where(.group\/attachment)[data-orientation="vertical"] *){position:absolute}}.group-data-\[orientation\=vertical\]\/attachment\:top-3{&:is(:where(.group\/attachment)[data-orientation="vertical"] *){top:calc(var(--spacing) * 3)}}.group-data-\[orientation\=vertical\]\/attachment\:right-3{&:is(:where(.group\/attachment)[data-orientation="vertical"] *){right:calc(var(--spacing) * 3)}}.group-data-\[orientation\=vertical\]\/attachment\:w-full{&:is(:where(.group\/attachment)[data-orientation="vertical"] *){width:100%}}.group-data-\[orientation\=vertical\]\/attachment\:gap-1{&:is(:where(.group\/attachment)[data-orientation="vertical"] *){gap:calc(var(--spacing) * 1)}}.group-data-\[orientation\=vertical\]\/attachment\:px-1{&:is(:where(.group\/attachment)[data-orientation="vertical"] *){padding-inline:calc(var(--spacing) * 1)}}.group-data-\[side\=left\]\:-right-4{&:is(:where(.group)[data-side="left"] *){right:calc(var(--spacing) * -4)}}.group-data-\[side\=left\]\:border-r{&:is(:where(.group)[data-side="left"] *){border-right-style:var(--tw-border-style);border-right-width:1px}}.group-data-\[side\=right\]\:left-0{&:is(:where(.group)[data-side="right"] *){left:calc(var(--spacing) * 0)}}.group-data-\[side\=right\]\:rotate-180{&:is(:where(.group)[data-side="right"] *){rotate:180deg}}.group-data-\[side\=right\]\:border-l{&:is(:where(.group)[data-side="right"] *){border-left-style:var(--tw-border-style);border-left-width:1px}}.group-data-\[size\=default\]\/avatar\:size-2\.5{&:is(:where(.group\/avatar)[data-size="default"] *){width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}}.group-data-\[size\=default\]\/switch\:size-4{&:is(:where(.group\/switch)[data-size="default"] *){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}.group-data-\[size\=lg\]\/avatar\:size-3{&:is(:where(.group\/avatar)[data-size="lg"] *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}}.group-data-\[size\=sm\]\/alert-dialog-content\:grid{&:is(:where(.group\/alert-dialog-content)[data-size="sm"] *){display:grid}}.group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2{&:is(:where(.group\/alert-dialog-content)[data-size="sm"] *){grid-template-columns:repeat(2,minmax(0,1fr))}}.group-data-\[size\=sm\]\/attachment\:w-8{&:is(:where(.group\/attachment)[data-size="sm"] *){width:calc(var(--spacing) * 8)}}.group-data-\[size\=sm\]\/avatar\:size-2{&:is(:where(.group\/avatar)[data-size="sm"] *){width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}}.group-data-\[size\=sm\]\/avatar\:text-xs{&:is(:where(.group\/avatar)[data-size="sm"] *){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}.group-data-\[size\=sm\]\/card\:text-sm{&:is(:where(.group\/card)[data-size="sm"] *){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.group-data-\[size\=sm\]\/item\:size-8{&:is(:where(.group\/item)[data-size="sm"] *){width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}}.group-data-\[size\=sm\]\/switch\:size-3{&:is(:where(.group\/switch)[data-size="sm"] *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}}.group-data-\[size\=xs\]\/attachment\:w-7{&:is(:where(.group\/attachment)[data-size="xs"] *){width:calc(var(--spacing) * 7)}}.group-data-\[size\=xs\]\/attachment\:rounded-md{&:is(:where(.group\/attachment)[data-size="xs"] *){border-radius:calc(var(--radius)*.8)}}.group-data-\[size\=xs\]\/item\:size-6{&:is(:where(.group\/item)[data-size="xs"] *){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}}.group-data-\[size\=xs\]\/item\:gap-0{&:is(:where(.group\/item)[data-size="xs"] *){gap:calc(var(--spacing) * 0)}}.group-data-\[size\=xs\]\/item\:text-xs{&:is(:where(.group\/item)[data-size="xs"] *){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}.group-data-\[spacing\=0\]\/toggle-group\:rounded-none{&:is(:where(.group\/toggle-group)[data-spacing="0"] *){border-radius:0}}.group-data-\[spacing\=0\]\/toggle-group\:px-2{&:is(:where(.group\/toggle-group)[data-spacing="0"] *){padding-inline:calc(var(--spacing) * 2)}}.group-data-\[state\=done\]\/attachment\:opacity-100{&:is(:where(.group\/attachment)[data-state="done"] *){opacity:100%}}.group-data-\[state\=error\]\/attachment\:bg-destructive\/10{&:is(:where(.group\/attachment)[data-state="error"] *){background-color:var(--destructive);@supports(color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--destructive) 10%,transparent)}}}.group-data-\[state\=error\]\/attachment\:text-destructive{&:is(:where(.group\/attachment)[data-state="error"] *){color:var(--destructive)}}.group-data-\[state\=error\]\/attachment\:text-destructive\/80{&:is(:where(.group\/attachment)[data-state="error"] *){color:var(--destructive);@supports(color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--destructive) 80%,transparent)}}}.group-data-\[state\=idle\]\/attachment\:opacity-100{&:is(:where(.group\/attachment)[data-state="idle"] *){opacity:100%}}.group-data-\[state\=processing\]\/attachment\:shimmer{&:is(:where(.group\/attachment)[data-state="processing"] *){--_spread:var(--shimmer-spread,calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color,oklch(from currentColor l c h / calc(alpha* 0.2)));background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),var(--_highlight) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,var(--_highlight) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));@supports(color:color-mix(in lab,red,red)){background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))))}background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill,transparent);animation:tw-shimmer var(--shimmer-duration,2s) linear infinite;@media(prefers-color-scheme:dark){--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}&:where([dir="rtl"],[dir="rtl"] *){animation-direction:reverse}}}.group-data-\[state\=uploading\]\/attachment\:shimmer{&:is(:where(.group\/attachment)[data-state="uploading"] *){--_spread:var(--shimmer-spread,calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color,oklch(from currentColor l c h / calc(alpha* 0.2)));background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),var(--_highlight) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,var(--_highlight) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))));@supports(color:color-mix(in lab,red,red)){background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)),var(--_base) calc(50% - var(--_spread)),color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% - var(--_spread) * 0.5),var(--_highlight) 50%,color-mix(in oklch,var(--_highlight),var(--_base) 50%) calc(50% + var(--_spread) * 0.5),var(--_base) calc(50% + var(--_spread))))}background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;background-position:0 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--shimmer-text-fill,transparent);animation:tw-shimmer var(--shimmer-duration,2s) linear infinite;@media(prefers-color-scheme:dark){--_highlight:var(--shimmer-color,oklch(from currentColor max(0.8,calc(l + 0.4)) c h / calc(alpha + 0.4)))}&:where([dir="rtl"],[dir="rtl"] *){animation-direction:reverse}}}.group-data-\[swipe-axis\=x\]\/drawer-popup\:h-full{&:is(:where(.group\/drawer-popup)[data-swipe-axis="x"] *){height:100%}}.group-data-\[swipe-axis\=x\]\/drawer-popup\:w-3{&:is(:where(.group\/drawer-popup)[data-swipe-axis="x"] *){width:calc(var(--spacing) * 3)}}.group-data-\[swipe-axis\=x\]\/drawer-popup\:items-center{&:is(:where(.group\/drawer-popup)[data-swipe-axis="x"] *){align-items:center}}.group-data-\[swipe-axis\=y\]\/drawer-popup\:h-3{&:is(:where(.group\/drawer-popup)[data-swipe-axis="y"] *){height:calc(var(--spacing) * 3)}}.group-data-\[swipe-axis\=y\]\/drawer-popup\:w-full{&:is(:where(.group\/drawer-popup)[data-swipe-axis="y"] *){width:100%}}.group-data-\[swipe-axis\=y\]\/drawer-popup\:justify-center{&:is(:where(.group\/drawer-popup)[data-swipe-axis="y"] *){justify-content:center}}.group-data-\[swipe-axis\=y\]\/drawer-popup\:text-center{&:is(:where(.group\/drawer-popup)[data-swipe-axis="y"] *){text-align:center}}.group-data-\[swipe-direction\=down\]\/drawer-popup\:items-end{&:is(:where(.group\/drawer-popup)[data-swipe-direction="down"] *){align-items:flex-end}}.group-data-\[swipe-direction\=left\]\/drawer-popup\:order-last{&:is(:where(.group\/drawer-popup)[data-swipe-direction="left"] *){order:9999}}.group-data-\[swipe-direction\=left\]\/drawer-popup\:justify-start{&:is(:where(.group\/drawer-popup)[data-swipe-direction="left"] *){justify-content:flex-start}}.group-data-\[swipe-direction\=right\]\/drawer-popup\:justify-end{&:is(:where(.group\/drawer-popup)[data-swipe-direction="right"] *){justify-content:flex-end}}.group-data-\[swipe-direction\=up\]\/drawer-popup\:order-last{&:is(:where(.group\/drawer-popup)[data-swipe-direction="up"] *){order:9999}}.group-data-\[swipe-direction\=up\]\/drawer-popup\:items-start{&:is(:where(.group\/drawer-popup)[data-swipe-direction="up"] *){align-items:flex-start}}.group-data-\[variant\=floating\]\:rounded-lg{&:is(:where(.group)[data-variant="floating"] *){border-radius:var(--radius)}}.group-data-\[variant\=floating\]\:shadow-sm{&:is(:where(.group)[data-variant="floating"] *){--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)}}.group-data-\[variant\=floating\]\:ring-1{&:is(:where(.group)[data-variant="floating"] *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + 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)}}.group-data-\[variant\=line\]\/tabs-list\:bg-transparent{&:is(:where(.group\/tabs-list)[data-variant="line"] *){background-color:transparent}}.group-data-\[variant\=outline\]\/field-group\:-mb-2{&:is(:where(.group\/field-group)[data-variant="outline"] *){margin-bottom:calc(var(--spacing) * -2)}}.group-data-\[variant\=separator\]\/marker\:flex-none{&:is(:where(.group\/marker)[data-variant="separator"] *){flex:none}}.group-data-\[variant\=separator\]\/marker\:text-center{&:is(:where(.group\/marker)[data-variant="separator"] *){text-align:center}}.group-data-\[viewport\=false\]\/navigation-menu\:rounded-lg{&:is(:where(.group\/navigation-menu)[data-viewport="false"] *){border-radius:var(--radius)}}.group-data-\[viewport\=false\]\/navigation-menu\:bg-popover{&:is(:where(.group\/navigation-menu)[data-viewport="false"] *){background-color:var(--popover)}}.group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground{&:is(:where(.group\/navigation-menu)[data-viewport="false"] *){color:var(--popover-foreground)}}.group-data-\[viewport\=false\]\/navigation-menu\:shadow{&:is(:where(.group\/navigation-menu)[data-viewport="false"] *){--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)}}.group-data-\[viewport\=false\]\/navigation-menu\:ring-1{&:is(:where(.group\/navigation-menu)[data-viewport="false"] *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + 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)}}.group-data-\[viewport\=false\]\/navigation-menu\:ring-foreground\/10{&:is(:where(.group\/navigation-menu)[data-viewport="false"] *){--tw-ring-color:var(--foreground);@supports(color:color-mix(in lab,red,red)){--tw-ring-color:color-mix(in oklab,var(--foreground) 10%,transparent)}}}.group-data-\[viewport\=false\]\/navigation-menu\:duration-300{&:is(:where(.group\/navigation-menu)[data-viewport="false"] *){--tw-duration:300ms;transition-duration:300ms}}.group-data-open\/navigation-menu-trigger\:rotate-180{&:is(:is(:where(.group\/navigation-menu-trigger):where([data-state="open"]),:where(.group\/navigation-menu-trigger):where([data-open]:not([data-open="false"]))) *){rotate:180deg}}.group-data-selected\/command-item\:text-foreground{&:is(:where(.group\/command-item):where([data-selected="true"]) *){color:var(--foreground)}}.group-data-horizontal\/tabs\:h-8{&:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *){height:calc(var(--spacing) * 8)}}.group-data-vertical\/tabs\:h-fit{&:is(:where(.group\/tabs):where([data-orientation="vertical"]) *){height:fit-content}}.group-data-vertical\/tabs\:w-full{&:is(:where(.group\/tabs):where([data-orientation="vertical"]) *){width:100%}}.group-data-vertical\/tabs\:flex-col{&:is(:where(.group\/tabs):where([data-orientation="vertical"]) *){flex-direction:column}}.group-data-vertical\/tabs\:justify-start{&:is(:where(.group\/tabs):where([data-orientation="vertical"]) *){justify-content:flex-start}}.peer-disabled\:cursor-not-allowed{&:is(:where(.peer):disabled ~ *){cursor:not-allowed}}.peer-disabled\:opacity-50{&:is(:where(.peer):disabled ~ *){opacity:50%}}.peer-data-\[size\=default\]\/menu-button\:top-1\.5{&:is(:where(.peer\/menu-button)[data-size="default"] ~ *){top:calc(var(--spacing) * 1.5)}}.peer-data-\[size\=lg\]\/menu-button\:top-2\.5{&:is(:where(.peer\/menu-button)[data-size="lg"] ~ *){top:calc(var(--spacing) * 2.5)}}.peer-data-\[size\=sm\]\/menu-button\:top-1{&:is(:where(.peer\/menu-button)[data-size="sm"] ~ *){top:calc(var(--spacing) * 1)}}.selection\:bg-primary{& *::selection{background-color:var(--primary)}&::selection{background-color:var(--primary)}}.selection\:text-primary-foreground{& *::selection{color:var(--primary-foreground)}&::selection{color:var(--primary-foreground)}}.file\:inline-flex{&::file-selector-button{display:inline-flex}}.file\:h-6{&::file-selector-button{height:calc(var(--spacing) * 6)}}.file\:border-0{&::file-selector-button{border-style:var(--tw-border-style);border-width:0}}.file\:bg-transparent{&::file-selector-button{background-color:transparent}}.file\:text-sm{&::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.file\:font-medium{&::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}}.file\:text-foreground{&::file-selector-button{color:var(--foreground)}}.placeholder\:text-muted-foreground{&::placeholder{color:var(--muted-foreground)}}.before\:mr-1{&::before{content:var(--tw-content);margin-right:calc(var(--spacing) * 1)}}.before\:h-px{&::before{content:var(--tw-content);height:1px}}.before\:min-w-0{&::before{content:var(--tw-content);min-width:calc(var(--spacing) * 0)}}.before\:flex-1{&::before{content:var(--tw-content);flex:1}}.before\:bg-border{&::before{content:var(--tw-content);background-color:var(--border)}}.after\:pointer-events-none{&::after{content:var(--tw-content);pointer-events:none}}.after\:absolute{&::after{content:var(--tw-content);position:absolute}}.after\:-inset-2{&::after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}}.after\:inset-0{&::after{content:var(--tw-content);inset:calc(var(--spacing) * 0)}}.after\:-inset-x-3{&::after{content:var(--tw-content);inset-inline:calc(var(--spacing) * -3)}}.after\:-inset-y-2{&::after{content:var(--tw-content);inset-block:calc(var(--spacing) * -2)}}.after\:inset-y-0{&::after{content:var(--tw-content);inset-block:calc(var(--spacing) * 0)}}.after\:start-1\/2{&::after{content:var(--tw-content);inset-inline-start:calc(1/2 * 100%)}}.after\:top-full{&::after{content:var(--tw-content);top:100%}}.after\:right-0{&::after{content:var(--tw-content);right:calc(var(--spacing) * 0)}}.after\:left-0{&::after{content:var(--tw-content);left:calc(var(--spacing) * 0)}}.after\:left-1\/2{&::after{content:var(--tw-content);left:calc(1 / 2 * 100%)}}.after\:ml-1{&::after{content:var(--tw-content);margin-left:calc(var(--spacing) * 1)}}.after\:block{&::after{content:var(--tw-content);display:block}}.after\:h-\[calc\(var\(--gap\)\+1px\)\]{&::after{content:var(--tw-content);height:calc(var(--gap) + 1px)}}.after\:h-px{&::after{content:var(--tw-content);height:1px}}.after\:w-1{&::after{content:var(--tw-content);width:calc(var(--spacing) * 1)}}.after\:w-4{&::after{content:var(--tw-content);width:calc(var(--spacing) * 4)}}.after\:w-\[2px\]{&::after{content:var(--tw-content);width:2px}}.after\:w-full{&::after{content:var(--tw-content);width:100%}}.after\:min-w-0{&::after{content:var(--tw-content);min-width:calc(var(--spacing) * 0)}}.after\:flex-1{&::after{content:var(--tw-content);flex:1}}.after\:shrink-0{&::after{content:var(--tw-content);flex-shrink:0}}.after\:-translate-x-1\/2{&::after{content:var(--tw-content);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1)calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}}.after\:rounded-full{&::after{content:var(--tw-content);border-radius:calc(infinity * 1px)}}.after\:border{&::after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:1px}}.after\:border-border{&::after{content:var(--tw-content);border-color:var(--border)}}.after\:bg-\(--drawer-bleed-background\,var\(--color-popover\)\){&::after{content:var(--tw-content);background-color:var(--drawer-bleed-background,var(--color-popover))}}.after\:bg-border{&::after{content:var(--tw-content);background-color:var(--border)}}.after\:bg-foreground{&::after{content:var(--tw-content);background-color:var(--foreground)}}.after\:bg-muted{&::after{content:var(--tw-content);background-color:var(--muted)}}.after\:opacity-0{&::after{content:var(--tw-content);opacity:0}}.after\:mix-blend-darken{&::after{content:var(--tw-content);mix-blend-mode:darken}}.after\:transition-opacity{&::after{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}.after\:content-\[\'\'\] {
&::after {
--tw-content: '';
content: var(--tw-content);
}
}
.group-data-\[collapsible\=offcanvas\]\:after\:left-full {
&:is(:where(.group)[data-collapsible="offcanvas"] *) {
&::after {
content: var(--tw-content);
left: 100%;
}
}
}
.group-data-\[swipe-axis\=x\]\/drawer-popup\:after\:h-24 {
&:is(:where(.group\/drawer-popup)[data-swipe-axis="x"] *) {
&::after {
content: var(--tw-content);
height: calc(var(--spacing) * 24);
}
}
}
.group-data-\[swipe-axis\=x\]\/drawer-popup\:after\:w-1 {
&:is(:where(.group\/drawer-popup)[data-swipe-axis="x"] *) {
&::after {
content: var(--tw-content);
width: calc(var(--spacing) * 1);
}
}
}
.group-data-\[swipe-axis\=y\]\/drawer-popup\:after\:h-1 {
&:is(:where(.group\/drawer-popup)[data-swipe-axis="y"] *) {
&::after {
content: var(--tw-content);
height: calc(var(--spacing) * 1);
}
}
}
.group-data-\[swipe-axis\=y\]\/drawer-popup\:after\:w-24 {
&:is(:where(.group\/drawer-popup)[data-swipe-axis="y"] *) {
&::after {
content: var(--tw-content);
width: calc(var(--spacing) * 24);
}
}
}
.group-data-horizontal\/tabs\:after\:inset-x-0 {
&:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
&::after {
content: var(--tw-content);
inset-inline: calc(var(--spacing) * 0);
}
}
}
.group-data-horizontal\/tabs\:after\:bottom-\[-5px\] {
&:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
&::after {
content: var(--tw-content);
bottom: -5px;
}
}
}
.group-data-horizontal\/tabs\:after\:h-0\.5 {
&:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
&::after {
content: var(--tw-content);
height: calc(var(--spacing) * 0.5);
}
}
}
.group-data-vertical\/tabs\:after\:inset-y-0 {
&:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
&::after {
content: var(--tw-content);
inset-block: calc(var(--spacing) * 0);
}
}
}
.group-data-vertical\/tabs\:after\:-right-1 {
&:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
&::after {
content: var(--tw-content);
right: calc(var(--spacing) * -1);
}
}
}
.group-data-vertical\/tabs\:after\:w-0\.5 {
&:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
&::after {
content: var(--tw-content);
width: calc(var(--spacing) * 0.5);
}
}
}
.first\:rounded-l-lg {
&:first-child {
border-top-left-radius: var(--radius);
border-bottom-left-radius: var(--radius);
}
}
.first\:border-l {
&:first-child {
border-left-style: var(--tw-border-style);
border-left-width: 1px;
}
}
.last\:mt-0 {
&:last-child {
margin-top: calc(var(--spacing) * 0);
}
}
.last\:rounded-r-lg {
&:last-child {
border-top-right-radius: var(--radius);
border-bottom-right-radius: var(--radius);
}
}
.focus-within\:border-ring {
&:focus-within {
border-color: var(--ring);
}
}
.focus-within\:ring-1 {
&:focus-within {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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);
}
}
.focus-within\:ring-3 {
&:focus-within {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
}
}
.focus-within\:ring-ring\/50 {
&:focus-within {
--tw-ring-color: var(--ring);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
}
}
}
.hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\] {
&:hover {
@media (hover: hover) {
background-color: var(--secondary);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);
}
}
}
}
.hover\:bg-destructive\/20 {
&:hover {
@media (hover: hover) {
background-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
}
}
.hover\:bg-muted {
&:hover {
@media (hover: hover) {
background-color: var(--muted);
}
}
}
.hover\:bg-muted\/50 {
&:hover {
@media (hover: hover) {
background-color: var(--muted);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--muted) 50%, transparent);
}
}
}
}
.hover\:bg-primary\/80 {
&:hover {
@media (hover: hover) {
background-color: var(--primary);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--primary) 80%, transparent);
}
}
}
}
.hover\:text-foreground {
&:hover {
@media (hover: hover) {
color: var(--foreground);
}
}
}
.hover\:text-muted-foreground {
&:hover {
@media (hover: hover) {
color: var(--muted-foreground);
}
}
}
.hover\:underline {
&:hover {
@media (hover: hover) {
text-decoration-line: underline;
}
}
}
.hover\:opacity-100 {
&:hover {
@media (hover: hover) {
opacity: 100%;
}
}
}
.hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\] {
&:hover {
@media (hover: hover) {
--tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-accent));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
}
}
.hover\:ring-3 {
&:hover {
@media (hover: hover) {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
}
}
}
.focus\:z-10 {
&:focus {
z-index: 10;
}
}
.focus\:bg-accent {
&:focus {
background-color: var(--accent);
}
}
.focus\:bg-muted {
&:focus {
background-color: var(--muted);
}
}
.focus\:text-accent-foreground {
&:focus {
color: var(--accent-foreground);
}
}
.focus\:\*\*\:text-accent-foreground {
&:focus {
:is(& *) {
color: var(--accent-foreground);
}
}
}
.not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground {
&:not(*[data-variant="destructive"]) {
&:focus {
:is(& *) {
color: var(--accent-foreground);
}
}
}
}
.focus-visible\:z-10 {
&:focus-visible {
z-index: 10;
}
}
.focus-visible\:border-destructive\/40 {
&:focus-visible {
border-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
}
}
}
.focus-visible\:border-ring {
&:focus-visible {
border-color: var(--ring);
}
}
.focus-visible\:ring-0 {
&:focus-visible {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
}
}
.focus-visible\:ring-1 {
&:focus-visible {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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);
}
}
.focus-visible\:ring-2 {
&:focus-visible {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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);
}
}
.focus-visible\:ring-3 {
&:focus-visible {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
}
}
.focus-visible\:ring-\[3px\] {
&:focus-visible {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
}
}
.focus-visible\:ring-destructive\/20 {
&:focus-visible {
--tw-ring-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
}
.focus-visible\:ring-ring {
&:focus-visible {
--tw-ring-color: var(--ring);
}
}
.focus-visible\:ring-ring\/50 {
&:focus-visible {
--tw-ring-color: var(--ring);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
}
}
}
.focus-visible\:outline-hidden {
&:focus-visible {
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
}
}
.focus-visible\:outline-1 {
&:focus-visible {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
}
.focus-visible\:outline-ring {
&:focus-visible {
outline-color: var(--ring);
}
}
.\*\:focus-visible\:relative {
:is(& > *) {
&:focus-visible {
position: relative;
}
}
}
.\*\:focus-visible\:z-10 {
:is(& > *) {
&:focus-visible {
z-index: 10;
}
}
}
.focus-visible\:after\:border-ring {
&:focus-visible {
&::after {
content: var(--tw-content);
border-color: var(--ring);
}
}
}
.active\:cursor-grabbing {
&:active {
cursor: grabbing;
}
}
.active\:ring-3 {
&:active {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
}
}
.active\:not-aria-\[haspopup\]\:translate-y-px {
&:active {
&:not(*[aria-haspopup]) {
--tw-translate-y: 1px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
.disabled\:pointer-events-none {
&:disabled {
pointer-events: none;
}
}
.disabled\:cursor-not-allowed {
&:disabled {
cursor: not-allowed;
}
}
.disabled\:bg-input\/50 {
&:disabled {
background-color: var(--input);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--input) 50%, transparent);
}
}
}
.disabled\:bg-transparent {
&:disabled {
background-color: transparent;
}
}
.disabled\:opacity-50 {
&:disabled {
opacity: 50%;
}
}
.in-data-\[side\=left\]\:cursor-w-resize {
:where(*[data-side="left"]) & {
cursor: w-resize;
}
}
.in-data-\[side\=right\]\:cursor-e-resize {
:where(*[data-side="right"]) & {
cursor: e-resize;
}
}
.in-data-\[slot\=button-group\]\:rounded-lg {
:where(*[data-slot="button-group"]) & {
border-radius: var(--radius);
}
}
.in-data-\[slot\=card-content\]\:bg-transparent {
:where(*[data-slot="card-content"]) & {
background-color: transparent;
}
}
.in-data-\[slot\=combobox-content\]\:focus-within\:border-inherit {
:where(*[data-slot="combobox-content"]) & {
&:focus-within {
border-color: inherit;
}
}
}
.in-data-\[slot\=combobox-content\]\:focus-within\:ring-0 {
:where(*[data-slot="combobox-content"]) & {
&:focus-within {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
}
}
}
.in-data-\[slot\=dialog-content\]\:rounded-lg\! {
:where(*[data-slot="dialog-content"]) & {
border-radius: var(--radius) !important;
}
}
.in-data-\[slot\=dropdown-menu-content\]\:p-0 {
:where(*[data-slot="dropdown-menu-content"]) & {
padding: calc(var(--spacing) * 0);
}
}
.in-data-\[slot\=navigation-menu-content\]\:rounded-md {
:where(*[data-slot="navigation-menu-content"]) & {
border-radius: calc(var(--radius)*.8);
}
}
.in-data-\[slot\=popover-content\]\:bg-transparent {
:where(*[data-slot="popover-content"]) & {
background-color: transparent;
}
}
.in-data-\[slot\=tooltip-content\]\:bg-background\/20 {
:where(*[data-slot="tooltip-content"]) & {
background-color: var(--background);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--background) 20%, transparent);
}
}
}
.in-data-\[slot\=tooltip-content\]\:text-background {
:where(*[data-slot="tooltip-content"]) & {
color: var(--background);
}
}
.has-disabled\:pointer-events-none {
&:has(*:disabled) {
pointer-events: none;
}
}
.has-disabled\:cursor-not-allowed {
&:has(*:disabled) {
cursor: not-allowed;
}
}
.has-disabled\:bg-input\/50 {
&:has(*:disabled) {
background-color: var(--input);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--input) 50%, transparent);
}
}
}
.has-disabled\:opacity-50 {
&:has(*:disabled) {
opacity: 50%;
}
}
.has-aria-expanded\:bg-muted\/50 {
&:has(*[aria-expanded="true"]) {
background-color: var(--muted);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--muted) 50%, transparent);
}
}
}
.has-aria-invalid\:border-destructive {
&:has(*[aria-invalid="true"]) {
border-color: var(--destructive);
}
}
.has-aria-invalid\:ring-3 {
&:has(*[aria-invalid="true"]) {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
}
}
.has-aria-invalid\:ring-destructive\/20 {
&:has(*[aria-invalid="true"]) {
--tw-ring-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
}
.has-data-\[icon\=inline-end\]\:pr-1 {
&:has(*[data-icon="inline-end"]) {
padding-right: calc(var(--spacing) * 1);
}
}
.has-data-\[icon\=inline-end\]\:pr-1\.5 {
&:has(*[data-icon="inline-end"]) {
padding-right: calc(var(--spacing) * 1.5);
}
}
.has-data-\[icon\=inline-end\]\:pr-2 {
&:has(*[data-icon="inline-end"]) {
padding-right: calc(var(--spacing) * 2);
}
}
.group-data-\[spacing\=0\]\/toggle-group\:has-data-\[icon\=inline-end\]\:pr-1\.5 {
&:is(:where(.group\/toggle-group)[data-spacing="0"] *) {
&:has(*[data-icon="inline-end"]) {
padding-right: calc(var(--spacing) * 1.5);
}
}
}
.has-data-\[icon\=inline-start\]\:pl-1 {
&:has(*[data-icon="inline-start"]) {
padding-left: calc(var(--spacing) * 1);
}
}
.has-data-\[icon\=inline-start\]\:pl-1\.5 {
&:has(*[data-icon="inline-start"]) {
padding-left: calc(var(--spacing) * 1.5);
}
}
.has-data-\[icon\=inline-start\]\:pl-2 {
&:has(*[data-icon="inline-start"]) {
padding-left: calc(var(--spacing) * 2);
}
}
.group-data-\[spacing\=0\]\/toggle-group\:has-data-\[icon\=inline-start\]\:pl-1\.5 {
&:is(:where(.group\/toggle-group)[data-spacing="0"] *) {
&:has(*[data-icon="inline-start"]) {
padding-left: calc(var(--spacing) * 1.5);
}
}
}
.has-data-\[size\=sm\]\:gap-2\.5 {
&:has(*[data-size="sm"]) {
gap: calc(var(--spacing) * 2.5);
}
}
.has-data-\[size\=xs\]\:gap-2 {
&:has(*[data-size="xs"]) {
gap: calc(var(--spacing) * 2);
}
}
.has-data-\[slot\=alert-action\]\:relative {
&:has(*[data-slot="alert-action"]) {
position: relative;
}
}
.has-data-\[slot\=alert-action\]\:pr-18 {
&:has(*[data-slot="alert-action"]) {
padding-right: calc(var(--spacing) * 18);
}
}
.has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\] {
&:has(*[data-slot="alert-dialog-media"]) {
grid-template-rows: auto auto 1fr;
}
}
.has-data-\[slot\=alert-dialog-media\]\:gap-x-4 {
&:has(*[data-slot="alert-dialog-media"]) {
column-gap: calc(var(--spacing) * 4);
}
}
.has-data-\[slot\=attachment-content\]\:w-30 {
&:has(*[data-slot="attachment-content"]) {
width: calc(var(--spacing) * 30);
}
}
.has-data-\[slot\=attachment-content\]\:px-1\.5 {
&:has(*[data-slot="attachment-content"]) {
padding-inline: calc(var(--spacing) * 1.5);
}
}
.has-data-\[slot\=attachment-content\]\:px-2 {
&:has(*[data-slot="attachment-content"]) {
padding-inline: calc(var(--spacing) * 2);
}
}
.has-data-\[slot\=attachment-content\]\:px-2\.5 {
&:has(*[data-slot="attachment-content"]) {
padding-inline: calc(var(--spacing) * 2.5);
}
}
.has-data-\[slot\=attachment-content\]\:py-1 {
&:has(*[data-slot="attachment-content"]) {
padding-block: calc(var(--spacing) * 1);
}
}
.has-data-\[slot\=attachment-content\]\:py-1\.5 {
&:has(*[data-slot="attachment-content"]) {
padding-block: calc(var(--spacing) * 1.5);
}
}
.has-data-\[slot\=attachment-content\]\:py-2 {
&:has(*[data-slot="attachment-content"]) {
padding-block: calc(var(--spacing) * 2);
}
}
.has-data-\[slot\=attachment-media\]\:p-1 {
&:has(*[data-slot="attachment-media"]) {
padding: calc(var(--spacing) * 1);
}
}
.has-data-\[slot\=attachment-media\]\:p-1\.5 {
&:has(*[data-slot="attachment-media"]) {
padding: calc(var(--spacing) * 1.5);
}
}
.has-data-\[slot\=attachment-media\]\:p-2 {
&:has(*[data-slot="attachment-media"]) {
padding: calc(var(--spacing) * 2);
}
}
.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] {
&:has(*[data-slot="card-action"]) {
grid-template-columns: 1fr auto;
}
}
.has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\] {
&:has(*[data-slot="card-description"]) {
grid-template-rows: auto auto;
}
}
.has-data-\[slot\=card-footer\]\:pb-0 {
&:has(*[data-slot="card-footer"]) {
padding-bottom: calc(var(--spacing) * 0);
}
}
.has-data-\[slot\=combobox-chip\]\:px-1 {
&:has(*[data-slot="combobox-chip"]) {
padding-inline: calc(var(--spacing) * 1);
}
}
.has-data-\[slot\=combobox-chip-remove\]\:pr-0 {
&:has(*[data-slot="combobox-chip-remove"]) {
padding-right: calc(var(--spacing) * 0);
}
}
.has-data-\[slot\=kbd\]\:pr-1\.5 {
&:has(*[data-slot="kbd"]) {
padding-right: calc(var(--spacing) * 1.5);
}
}
.has-data-checked\:border-primary\/30 {
&:has(*:where([data-state="checked"]),
*:where([data-checked]:not([data-checked="false"]))) {
border-color: var(--primary);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--primary) 30%, transparent);
}
}
}
.has-data-checked\:bg-primary\/5 {
&:has(*:where([data-state="checked"]),
*:where([data-checked]:not([data-checked="false"]))) {
background-color: var(--primary);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--primary) 5%, transparent);
}
}
}
.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring {
&:has(*:is([data-slot=input-group-control]:focus-visible)) {
border-color: var(--ring);
}
}
.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-3 {
&:has(*:is([data-slot=input-group-control]:focus-visible)) {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
}
}
.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50 {
&:has(*:is([data-slot=input-group-control]:focus-visible)) {
--tw-ring-color: var(--ring);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
}
}
}
.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive {
&:has(*:is([data-slot][aria-invalid=true])) {
border-color: var(--destructive);
}
}
.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-3 {
&:has(*:is([data-slot][aria-invalid=true])) {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
}
}
.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20 {
&:has(*:is([data-slot][aria-invalid=true])) {
--tw-ring-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
}
.has-\[button\]\:p-0 {
&:has(*:is(button)) {
padding: calc(var(--spacing) * 0);
}
}
.has-\[select\:disabled\]\:opacity-50 {
&:has(*:is(select:disabled)) {
opacity: 50%;
}
}
.has-\[\>\[data-align\=block-end\]\]\:h-auto {
&:has(>[data-align=block-end]) {
height: auto;
}
}
.has-\[\>\[data-align\=block-end\]\]\:flex-col {
&:has(>[data-align=block-end]) {
flex-direction: column;
}
}
.has-\[\>\[data-align\=block-start\]\]\:h-auto {
&:has(>[data-align=block-start]) {
height: auto;
}
}
.has-\[\>\[data-align\=block-start\]\]\:flex-col {
&:has(>[data-align=block-start]) {
flex-direction: column;
}
}
.has-\[\>\[data-slot\=button-group\]\]\:gap-2 {
&:has(>[data-slot=button-group]) {
gap: calc(var(--spacing) * 2);
}
}
.has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3 {
&:has(>[data-slot=checkbox-group]) {
gap: calc(var(--spacing) * 3);
}
}
.has-\[\>\[data-slot\=field-content\]\]\:items-start {
&:has(>[data-slot=field-content]) {
align-items: flex-start;
}
}
.has-\[\>\[data-slot\=field\]\]\:w-full {
&:has(>[data-slot=field]) {
width: 100%;
}
}
.has-\[\>\[data-slot\=field\]\]\:flex-col {
&:has(>[data-slot=field]) {
flex-direction: column;
}
}
.has-\[\>\[data-slot\=field\]\]\:rounded-lg {
&:has(>[data-slot=field]) {
border-radius: var(--radius);
}
}
.has-\[\>\[data-slot\=field\]\]\:border {
&:has(>[data-slot=field]) {
border-style: var(--tw-border-style);
border-width: 1px;
}
}
.has-\[\>\[data-slot\=field\]\]\:not-has-\[\:disabled\,\[data-disabled\]\]\:hover\:bg-muted\/50 {
&:has(>[data-slot=field]) {
&:not(*:has(*:is(:disabled,[data-disabled]))) {
&:hover {
@media (hover: hover) {
background-color: var(--muted);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--muted) 50%, transparent);
}
}
}
}
}
}
.has-\[\>\[data-slot\=field\]\]\:has-\[\:focus-visible\]\:border-ring {
&:has(>[data-slot=field]) {
&:has(*:is(:focus-visible)) {
border-color: var(--ring);
}
}
}
.has-\[\>\[data-slot\=field\]\]\:has-\[\:focus-visible\]\:ring-3 {
&:has(>[data-slot=field]) {
&:has(*:is(:focus-visible)) {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
}
}
}
.has-\[\>\[data-slot\=field\]\]\:has-\[\:focus-visible\]\:ring-ring\/50 {
&:has(>[data-slot=field]) {
&:has(*:is(:focus-visible)) {
--tw-ring-color: var(--ring);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
}
}
}
}
.has-\[\>\[data-slot\=radio-group\]\]\:gap-3 {
&:has(>[data-slot=radio-group]) {
gap: calc(var(--spacing) * 3);
}
}
.has-\[\>a\,\>button\]\:hover\:bg-muted\/50 {
&:has(>a,>button) {
&:hover {
@media (hover: hover) {
background-color: var(--muted);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--muted) 50%, transparent);
}
}
}
}
}
.has-\[\>button\]\:mr-\[-0\.3rem\] {
&:has(>button) {
margin-right: -0.3rem;
}
}
.has-\[\>button\]\:ml-\[-0\.3rem\] {
&:has(>button) {
margin-left: -0.3rem;
}
}
.has-\[\>img\:first-child\]\:pt-0 {
&:has(>img:first-child) {
padding-top: calc(var(--spacing) * 0);
}
}
.has-\[\>kbd\]\:mr-\[-0\.15rem\] {
&:has(>kbd) {
margin-right: -0.15rem;
}
}
.has-\[\>kbd\]\:ml-\[-0\.15rem\] {
&:has(>kbd) {
margin-left: -0.15rem;
}
}
.has-\[\>svg\]\:grid-cols-\[auto_1fr\] {
&:has(>svg) {
grid-template-columns: auto 1fr;
}
}
.has-\[\>svg\]\:gap-x-2 {
&:has(>svg) {
column-gap: calc(var(--spacing) * 2);
}
}
.has-\[\>svg\]\:p-0 {
&:has(>svg) {
padding: calc(var(--spacing) * 0);
}
}
.has-\[\>textarea\]\:h-auto {
&:has(>textarea) {
height: auto;
}
}
.aria-disabled\:pointer-events-none {
&[aria-disabled="true"] {
pointer-events: none;
}
}
.aria-disabled\:opacity-50 {
&[aria-disabled="true"] {
opacity: 50%;
}
}
.aria-expanded\:bg-muted {
&[aria-expanded="true"] {
background-color: var(--muted);
}
}
.aria-expanded\:bg-secondary {
&[aria-expanded="true"] {
background-color: var(--secondary);
}
}
.aria-expanded\:text-foreground {
&[aria-expanded="true"] {
color: var(--foreground);
}
}
.aria-expanded\:text-secondary-foreground {
&[aria-expanded="true"] {
color: var(--secondary-foreground);
}
}
.aria-expanded\:opacity-100 {
&[aria-expanded="true"] {
opacity: 100%;
}
}
.aria-invalid\:border-destructive {
&[aria-invalid="true"] {
border-color: var(--destructive);
}
}
.aria-invalid\:ring-0 {
&[aria-invalid="true"] {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
}
}
.aria-invalid\:ring-3 {
&[aria-invalid="true"] {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
}
}
.aria-invalid\:ring-destructive\/20 {
&[aria-invalid="true"] {
--tw-ring-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
}
.aria-invalid\:aria-checked\:border-primary {
&[aria-invalid="true"] {
&[aria-checked="true"] {
border-color: var(--primary);
}
}
}
.aria-pressed\:bg-muted {
&[aria-pressed="true"] {
background-color: var(--muted);
}
}
.aria-selected\:text-muted-foreground {
&[aria-selected="true"] {
color: var(--muted-foreground);
}
}
.aria-\[orientation\=horizontal\]\:h-px {
&[aria-orientation="horizontal"] {
height: 1px;
}
}
.aria-\[orientation\=horizontal\]\:w-full {
&[aria-orientation="horizontal"] {
width: 100%;
}
}
.aria-\[orientation\=horizontal\]\:after\:left-0 {
&[aria-orientation="horizontal"] {
&::after {
content: var(--tw-content);
left: calc(var(--spacing) * 0);
}
}
}
.aria-\[orientation\=horizontal\]\:after\:h-1 {
&[aria-orientation="horizontal"] {
&::after {
content: var(--tw-content);
height: calc(var(--spacing) * 1);
}
}
}
.aria-\[orientation\=horizontal\]\:after\:w-full {
&[aria-orientation="horizontal"] {
&::after {
content: var(--tw-content);
width: 100%;
}
}
}
.aria-\[orientation\=horizontal\]\:after\:translate-x-0 {
&[aria-orientation="horizontal"] {
&::after {
content: var(--tw-content);
--tw-translate-x: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
.aria-\[orientation\=horizontal\]\:after\:-translate-y-1\/2 {
&[aria-orientation="horizontal"] {
&::after {
content: var(--tw-content);
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1)calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
.aria-\[orientation\=vertical\]\:flex-col {
&[aria-orientation="vertical"] {
flex-direction: column;
}
}
.data-behind\:opacity-0 {
&[data-behind] {
opacity: 0%;
}
}
.data-empty\:p-0 {
&[data-empty] {
padding: calc(var(--spacing) * 0);
}
}
.data-ending-style\:pointer-events-none {
&[data-ending-style] {
pointer-events: none;
}
}
.data-ending-style\:h-0 {
&[data-ending-style] {
height: calc(var(--spacing) * 0);
}
}
.data-ending-style\:scale-90 {
&[data-ending-style] {
--tw-scale-x: 90%;
--tw-scale-y: 90%;
--tw-scale-z: 90%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
}
.data-ending-style\:transform-\(--closed-transform\) {
&[data-ending-style] {
transform: var(--closed-transform);
}
}
.data-ending-style\:opacity-0 {
&[data-ending-style] {
opacity: 0%;
}
}
.data-ending-style\:opacity-\[0\.9999\] {
&[data-ending-style] {
opacity: 0.9999;
}
}
.data-ending-style\:duration-150 {
&[data-ending-style] {
--tw-duration: 150ms;
transition-duration: 150ms;
}
}
.data-ending-style\:duration-\[calc\(var\(--drawer-swipe-strength\)\*400ms\)\] {
&[data-ending-style] {
--tw-duration: calc(var(--drawer-swipe-strength) * 400ms);
transition-duration: calc(var(--drawer-swipe-strength) * 400ms);
}
}
.data-expanded\:h-\(--toast-height\) {
&[data-expanded] {
height: var(--toast-height);
}
}
.data-expanded\:\[transform\:translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(var\(--offset-y\)\)\] {
&[data-expanded] {
transform: translateX(var(--toast-swipe-movement-x)) translateY(var(--offset-y));
}
}
.data-expanded\:opacity-100 {
&[data-expanded] {
opacity: 100%;
}
}
.data-highlighted\:bg-accent {
&[data-highlighted] {
background-color: var(--accent);
}
}
.data-highlighted\:text-accent-foreground {
&[data-highlighted] {
color: var(--accent-foreground);
}
}
.not-data-\[variant\=destructive\]\:data-highlighted\:\*\*\:text-accent-foreground {
&:not(*[data-variant="destructive"]) {
&[data-highlighted] {
:is(& *) {
color: var(--accent-foreground);
}
}
}
}
.data-inset\:pl-7 {
&[data-inset] {
padding-left: calc(var(--spacing) * 7);
}
}
.data-instant\:transition-none {
&[data-instant] {
transition-property: none;
}
}
.data-limited\:opacity-0 {
&[data-limited] {
opacity: 0%;
}
}
.data-nested-drawer-open\:overflow-hidden {
&[data-nested-drawer-open] {
overflow: hidden;
}
}
.data-nested-drawer-open\:brightness-95 {
&[data-nested-drawer-open] {
--tw-brightness: brightness(95%);
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,);
}
}
.data-nested-drawer-swiping\:duration-0 {
&[data-nested-drawer-swiping] {
--tw-duration: 0ms;
transition-duration: 0ms;
}
}
.data-ending-style\:data-nested-drawer-swiping\:duration-\[calc\(var\(--drawer-swipe-strength\)\*400ms\)\] {
&[data-ending-style] {
&[data-nested-drawer-swiping] {
--tw-duration: calc(var(--drawer-swipe-strength) * 400ms);
transition-duration: calc(var(--drawer-swipe-strength) * 400ms);
}
}
}
.data-placeholder\:text-muted-foreground {
&[data-placeholder] {
color: var(--muted-foreground);
}
}
.data-popup-open\:bg-accent {
&[data-popup-open] {
background-color: var(--accent);
}
}
.data-popup-open\:bg-muted\/50 {
&[data-popup-open] {
background-color: var(--muted);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--muted) 50%, transparent);
}
}
}
.data-popup-open\:text-accent-foreground {
&[data-popup-open] {
color: var(--accent-foreground);
}
}
.data-popup-open\:hover\:bg-muted {
&[data-popup-open] {
&:hover {
@media (hover: hover) {
background-color: var(--muted);
}
}
}
}
.data-pressed\:bg-transparent {
&[data-pressed] {
background-color: transparent;
}
}
.\*\:data-slot\:rounded-r-none {
:is(& > *) {
&[data-slot] {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
}
.\*\:data-slot\:rounded-b-none {
:is(& > *) {
&[data-slot] {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
}
}
.group-data-\[align\=end\]\/message\:\*\:data-slot\:self-end {
&:is(:where(.group\/message)[data-align="end"] *) {
:is(& > *) {
&[data-slot] {
align-self: flex-end;
}
}
}
}
.data-snap-points\:\[--drawer-overlay-min-opacity\:0\.5\] {
&[data-snap-points] {
--drawer-overlay-min-opacity: 0.5;
}
}
.data-starting-style\:h-0 {
&[data-starting-style] {
height: calc(var(--spacing) * 0);
}
}
.data-starting-style\:scale-90 {
&[data-starting-style] {
--tw-scale-x: 90%;
--tw-scale-y: 90%;
--tw-scale-z: 90%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
}
.data-starting-style\:\[transform\:translateY\(150\%\)\] {
&[data-starting-style] {
transform: translateY(150%);
}
}
.data-starting-style\:transform-\(--closed-transform\) {
&[data-starting-style] {
transform: var(--closed-transform);
}
}
.data-starting-style\:opacity-0 {
&[data-starting-style] {
opacity: 0%;
}
}
.data-swiping\:duration-0 {
&[data-swiping] {
--tw-duration: 0ms;
transition-duration: 0ms;
}
}
.data-ending-style\:data-swiping\:duration-\[calc\(var\(--drawer-swipe-strength\)\*400ms\)\] {
&[data-ending-style] {
&[data-swiping] {
--tw-duration: calc(var(--drawer-swipe-strength) * 400ms);
transition-duration: calc(var(--drawer-swipe-strength) * 400ms);
}
}
}
.data-\[active\=false\]\:pointer-events-none {
&[data-active="false"] {
pointer-events: none;
}
}
.data-\[active\=false\]\:scale-95 {
&[data-active="false"] {
--tw-scale-x: 95%;
--tw-scale-y: 95%;
--tw-scale-z: 95%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
}
.data-\[active\=false\]\:opacity-0 {
&[data-active="false"] {
opacity: 0%;
}
}
.data-\[active\=false\]\:duration-400 {
&[data-active="false"] {
--tw-duration: 400ms;
transition-duration: 400ms;
}
}
.data-\[active\=false\]\:ease-\[cubic-bezier\(0\.7\,0\,0\.84\,0\)\] {
&[data-active="false"] {
--tw-ease: cubic-bezier(0.7,0,0.84,0);
transition-timing-function: cubic-bezier(0.7,0,0.84,0);
}
}
.data-\[active\=true\]\:z-10 {
&[data-active="true"] {
z-index: 10;
}
}
.data-\[active\=true\]\:translate-y-0 {
&[data-active="true"] {
--tw-translate-y: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
.data-\[active\=true\]\:scale-100 {
&[data-active="true"] {
--tw-scale-x: 100%;
--tw-scale-y: 100%;
--tw-scale-z: 100%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
}
.data-\[active\=true\]\:border-ring {
&[data-active="true"] {
border-color: var(--ring);
}
}
.data-\[active\=true\]\:opacity-100 {
&[data-active="true"] {
opacity: 100%;
}
}
.data-\[active\=true\]\:ring-3 {
&[data-active="true"] {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
}
}
.data-\[active\=true\]\:ring-ring\/50 {
&[data-active="true"] {
--tw-ring-color: var(--ring);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
}
}
}
.data-\[active\=true\]\:ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\] {
&[data-active="true"] {
--tw-ease: cubic-bezier(0.23,1,0.32,1);
transition-timing-function: cubic-bezier(0.23,1,0.32,1);
}
}
.data-\[active\=true\]\:aria-invalid\:border-destructive {
&[data-active="true"] {
&[aria-invalid="true"] {
border-color: var(--destructive);
}
}
}
.data-\[active\=true\]\:aria-invalid\:ring-destructive\/20 {
&[data-active="true"] {
&[aria-invalid="true"] {
--tw-ring-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
}
}
.data-\[align-trigger\=true\]\:animate-none {
&[data-align-trigger="true"] {
animation: none;
}
}
.data-\[align\=end\]\:flex-row-reverse {
&[data-align="end"] {
flex-direction: row-reverse;
}
}
.data-\[align\=end\]\:self-end {
&[data-align="end"] {
align-self: flex-end;
}
}
.data-\[chips\=true\]\:min-w-\(--anchor-width\) {
&[data-chips="true"] {
min-width: var(--anchor-width);
}
}
.data-\[direction\=end\]\:bottom-4 {
&[data-direction="end"] {
bottom: calc(var(--spacing) * 4);
}
}
.data-\[direction\=end\]\:data-\[active\=false\]\:translate-y-full {
&[data-direction="end"] {
&[data-active="false"] {
--tw-translate-y: 100%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
.data-\[direction\=start\]\:top-4 {
&[data-direction="start"] {
top: calc(var(--spacing) * 4);
}
}
.data-\[direction\=start\]\:data-\[active\=false\]\:-translate-y-full {
&[data-direction="start"] {
&[data-active="false"] {
--tw-translate-y: -100%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
.data-\[disabled\=true\]\:pointer-events-none {
&[data-disabled="true"] {
pointer-events: none;
}
}
.data-\[disabled\=true\]\:opacity-50 {
&[data-disabled="true"] {
opacity: 50%;
}
}
.data-\[invalid\=true\]\:text-destructive {
&[data-invalid="true"] {
color: var(--destructive);
}
}
.data-\[modal\=true\]\:pointer-events-auto {
&[data-modal="true"] {
pointer-events: auto;
}
}
.data-\[motion\=from-end\]\:slide-in-from-right-52 {
&[data-motion="from-end"] {
--tw-enter-translate-x: calc(52*var(--spacing));
}
}
.data-\[motion\=from-start\]\:slide-in-from-left-52 {
&[data-motion="from-start"] {
--tw-enter-translate-x: calc(52*var(--spacing)*-1);
}
}
.data-\[motion\=to-end\]\:slide-out-to-right-52 {
&[data-motion="to-end"] {
--tw-exit-translate-x: calc(52*var(--spacing));
}
}
.data-\[motion\=to-start\]\:slide-out-to-left-52 {
&[data-motion="to-start"] {
--tw-exit-translate-x: calc(52*var(--spacing)*-1);
}
}
.data-\[motion\^\=from-\]\:animate-in {
&[data-motion^="from-"] {
animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
}
}
.data-\[motion\^\=from-\]\:fade-in {
&[data-motion^="from-"] {
--tw-enter-opacity: 0;
}
}
.data-\[motion\^\=to-\]\:animate-out {
&[data-motion^="to-"] {
animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
}
}
.data-\[motion\^\=to-\]\:fade-out {
&[data-motion^="to-"] {
--tw-exit-opacity: 0;
}
}
.data-\[range-end\=true\]\:rounded-\(--cell-radius\) {
&[data-range-end="true"] {
border-radius: var(--cell-radius);
}
}
.data-\[range-end\=true\]\:rounded-r-\(--cell-radius\) {
&[data-range-end="true"] {
border-top-right-radius: var(--cell-radius);
border-bottom-right-radius: var(--cell-radius);
}
}
.data-\[range-end\=true\]\:bg-primary {
&[data-range-end="true"] {
background-color: var(--primary);
}
}
.data-\[range-end\=true\]\:text-primary-foreground {
&[data-range-end="true"] {
color: var(--primary-foreground);
}
}
.data-\[range-middle\=true\]\:rounded-none {
&[data-range-middle="true"] {
border-radius: 0;
}
}
.data-\[range-middle\=true\]\:bg-muted {
&[data-range-middle="true"] {
background-color: var(--muted);
}
}
.data-\[range-middle\=true\]\:text-foreground {
&[data-range-middle="true"] {
color: var(--foreground);
}
}
.data-\[range-start\=true\]\:rounded-\(--cell-radius\) {
&[data-range-start="true"] {
border-radius: var(--cell-radius);
}
}
.data-\[range-start\=true\]\:rounded-l-\(--cell-radius\) {
&[data-range-start="true"] {
border-top-left-radius: var(--cell-radius);
border-bottom-left-radius: var(--cell-radius);
}
}
.data-\[range-start\=true\]\:bg-primary {
&[data-range-start="true"] {
background-color: var(--primary);
}
}
.data-\[range-start\=true\]\:text-primary-foreground {
&[data-range-start="true"] {
color: var(--primary-foreground);
}
}
.data-\[selected-single\=true\]\:bg-primary {
&[data-selected-single="true"] {
background-color: var(--primary);
}
}
.data-\[selected-single\=true\]\:text-primary-foreground {
&[data-selected-single="true"] {
color: var(--primary-foreground);
}
}
.data-\[selected\=true\]\:rounded-none {
&[data-selected="true"] {
border-radius: 0;
}
}
.data-\[side\=bottom\]\:inset-x-0 {
&[data-side="bottom"] {
inset-inline: calc(var(--spacing) * 0);
}
}
.data-\[side\=bottom\]\:top-1 {
&[data-side="bottom"] {
top: calc(var(--spacing) * 1);
}
}
.data-\[side\=bottom\]\:bottom-0 {
&[data-side="bottom"] {
bottom: calc(var(--spacing) * 0);
}
}
.data-\[side\=bottom\]\:h-auto {
&[data-side="bottom"] {
height: auto;
}
}
.data-\[side\=bottom\]\:border-t {
&[data-side="bottom"] {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}
}
.data-\[side\=bottom\]\:slide-in-from-top-2 {
&[data-side="bottom"] {
--tw-enter-translate-y: calc(2*var(--spacing)*-1);
}
}
.data-\[side\=bottom\]\:before\:top-\[-10px\] {
&[data-side="bottom"] {
&::before {
content: var(--tw-content);
top: -10px;
}
}
}
.data-\[side\=bottom\]\:before\:right-0 {
&[data-side="bottom"] {
&::before {
content: var(--tw-content);
right: calc(var(--spacing) * 0);
}
}
}
.data-\[side\=bottom\]\:before\:left-0 {
&[data-side="bottom"] {
&::before {
content: var(--tw-content);
left: calc(var(--spacing) * 0);
}
}
}
.data-\[side\=bottom\]\:data-ending-style\:translate-y-\[2\.5rem\] {
&[data-side="bottom"] {
&[data-ending-style] {
--tw-translate-y: 2.5rem;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
.data-\[side\=bottom\]\:data-starting-style\:translate-y-\[2\.5rem\] {
&[data-side="bottom"] {
&[data-starting-style] {
--tw-translate-y: 2.5rem;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
.data-\[side\=inline-end\]\:top-1\/2\! {
&[data-side="inline-end"] {
top: calc(1 / 2 * 100%) !important;
}
}
.data-\[side\=inline-end\]\:-left-1 {
&[data-side="inline-end"] {
left: calc(var(--spacing) * -1);
}
}
.data-\[side\=inline-end\]\:-translate-y-1\/2 {
&[data-side="inline-end"] {
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1)calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
.data-\[side\=inline-end\]\:slide-in-from-left-2 {
&[data-side="inline-end"] {
--tw-enter-translate-x: calc(2*var(--spacing)*-1);
}
}
.data-\[side\=inline-start\]\:top-1\/2\! {
&[data-side="inline-start"] {
top: calc(1 / 2 * 100%) !important;
}
}
.data-\[side\=inline-start\]\:-right-1 {
&[data-side="inline-start"] {
right: calc(var(--spacing) * -1);
}
}
.data-\[side\=inline-start\]\:-translate-y-1\/2 {
&[data-side="inline-start"] {
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1)calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
.data-\[side\=inline-start\]\:slide-in-from-right-2 {
&[data-side="inline-start"] {
--tw-enter-translate-x: calc(2*var(--spacing));
}
}
.data-\[side\=left\]\:inset-y-0 {
&[data-side="left"] {
inset-block: calc(var(--spacing) * 0);
}
}
.data-\[side\=left\]\:top-1\/2\! {
&[data-side="left"] {
top: calc(1 / 2 * 100%) !important;
}
}
.data-\[side\=left\]\:-right-1 {
&[data-side="left"] {
right: calc(var(--spacing) * -1);
}
}
.data-\[side\=left\]\:left-0 {
&[data-side="left"] {
left: calc(var(--spacing) * 0);
}
}
.data-\[side\=left\]\:h-full {
&[data-side="left"] {
height: 100%;
}
}
.data-\[side\=left\]\:w-3\/4 {
&[data-side="left"] {
width: calc(3 / 4 * 100%);
}
}
.data-\[side\=left\]\:-translate-y-1\/2 {
&[data-side="left"] {
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1)calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
.data-\[side\=left\]\:border-r {
&[data-side="left"] {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
}
.data-\[side\=left\]\:slide-in-from-right-2 {
&[data-side="left"] {
--tw-enter-translate-x: calc(2*var(--spacing));
}
}
.data-\[side\=left\]\:group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
&[data-side="left"] {
&:is(:where(.group)[data-collapsible="offcanvas"] *) {
left: calc(var(--sidebar-width) * -1);
}
}
}
.data-\[side\=left\]\:data-ending-style\:translate-x-\[-2\.5rem\] {
&[data-side="left"] {
&[data-ending-style] {
--tw-translate-x: -2.5rem;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
.data-\[side\=left\]\:data-starting-style\:translate-x-\[-2\.5rem\] {
&[data-side="left"] {
&[data-starting-style] {
--tw-translate-x: -2.5rem;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
.data-\[side\=right\]\:inset-y-0 {
&[data-side="right"] {
inset-block: calc(var(--spacing) * 0);
}
}
.data-\[side\=right\]\:top-1\/2\! {
&[data-side="right"] {
top: calc(1 / 2 * 100%) !important;
}
}
.data-\[side\=right\]\:right-0 {
&[data-side="right"] {
right: calc(var(--spacing) * 0);
}
}
.data-\[side\=right\]\:-left-1 {
&[data-side="right"] {
left: calc(var(--spacing) * -1);
}
}
.data-\[side\=right\]\:h-full {
&[data-side="right"] {
height: 100%;
}
}
.data-\[side\=right\]\:w-3\/4 {
&[data-side="right"] {
width: calc(3 / 4 * 100%);
}
}
.data-\[side\=right\]\:-translate-y-1\/2 {
&[data-side="right"] {
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1)calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
.data-\[side\=right\]\:border-l {
&[data-side="right"] {
border-left-style: var(--tw-border-style);
border-left-width: 1px;
}
}
.data-\[side\=right\]\:slide-in-from-left-2 {
&[data-side="right"] {
--tw-enter-translate-x: calc(2*var(--spacing)*-1);
}
}
.data-\[side\=right\]\:group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
&[data-side="right"] {
&:is(:where(.group)[data-collapsible="offcanvas"] *) {
right: calc(var(--sidebar-width) * -1);
}
}
}
.data-\[side\=right\]\:data-ending-style\:translate-x-\[2\.5rem\] {
&[data-side="right"] {
&[data-ending-style] {
--tw-translate-x: 2.5rem;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
.data-\[side\=right\]\:data-starting-style\:translate-x-\[2\.5rem\] {
&[data-side="right"] {
&[data-starting-style] {
--tw-translate-x: 2.5rem;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
.data-\[side\=top\]\:inset-x-0 {
&[data-side="top"] {
inset-inline: calc(var(--spacing) * 0);
}
}
.data-\[side\=top\]\:top-0 {
&[data-side="top"] {
top: calc(var(--spacing) * 0);
}
}
.data-\[side\=top\]\:-bottom-2\.5 {
&[data-side="top"] {
bottom: calc(var(--spacing) * -2.5);
}
}
.data-\[side\=top\]\:h-auto {
&[data-side="top"] {
height: auto;
}
}
.data-\[side\=top\]\:border-b {
&[data-side="top"] {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
}
.data-\[side\=top\]\:slide-in-from-bottom-2 {
&[data-side="top"] {
--tw-enter-translate-y: calc(2*var(--spacing));
}
}
.data-\[side\=top\]\:data-ending-style\:translate-y-\[-2\.5rem\] {
&[data-side="top"] {
&[data-ending-style] {
--tw-translate-y: -2.5rem;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
.data-\[side\=top\]\:data-starting-style\:translate-y-\[-2\.5rem\] {
&[data-side="top"] {
&[data-starting-style] {
--tw-translate-y: -2.5rem;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
.data-\[size\=default\]\:h-8 {
&[data-size="default"] {
height: calc(var(--spacing) * 8);
}
}
.data-\[size\=default\]\:h-\[18\.4px\] {
&[data-size="default"] {
height: 18.4px;
}
}
.data-\[size\=default\]\:w-\[32px\] {
&[data-size="default"] {
width: 32px;
}
}
.data-\[size\=default\]\:max-w-xs {
&[data-size="default"] {
max-width: var(--container-xs);
}
}
.data-\[size\=lg\]\:size-10 {
&[data-size="lg"] {
width: calc(var(--spacing) * 10);
height: calc(var(--spacing) * 10);
}
}
.data-\[size\=md\]\:text-sm {
&[data-size="md"] {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
}
.data-\[size\=sm\]\:size-6 {
&[data-size="sm"] {
width: calc(var(--spacing) * 6);
height: calc(var(--spacing) * 6);
}
}
.data-\[size\=sm\]\:h-7 {
&[data-size="sm"] {
height: calc(var(--spacing) * 7);
}
}
.data-\[size\=sm\]\:h-\[14px\] {
&[data-size="sm"] {
height: 14px;
}
}
.data-\[size\=sm\]\:w-\[24px\] {
&[data-size="sm"] {
width: 24px;
}
}
.data-\[size\=sm\]\:max-w-xs {
&[data-size="sm"] {
max-width: var(--container-xs);
}
}
.data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\] {
&[data-size="sm"] {
border-radius: min(var(--radius-md), 10px);
}
}
.data-\[size\=sm\]\:py-0\.5 {
&[data-size="sm"] {
padding-block: calc(var(--spacing) * 0.5);
}
}
.data-\[size\=sm\]\:text-xs {
&[data-size="sm"] {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
}
.data-\[size\=sm\]\:\[--card-spacing\:--spacing\(3\)\] {
&[data-size="sm"] {
--card-spacing: calc(var(--spacing) * 3);
}
}
.data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0 {
&[data-size="sm"] {
&:has(*[data-slot="card-footer"]) {
padding-bottom: calc(var(--spacing) * 0);
}
}
}
.\*\*\:data-\[slot\=accordion-trigger-icon\]\:ml-auto {
:is(& *) {
&[data-slot="accordion-trigger-icon"] {
margin-left: auto;
}
}
}
.\*\*\:data-\[slot\=accordion-trigger-icon\]\:size-4 {
:is(& *) {
&[data-slot="accordion-trigger-icon"] {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
}
}
.\*\*\:data-\[slot\=accordion-trigger-icon\]\:text-muted-foreground {
:is(& *) {
&[data-slot="accordion-trigger-icon"] {
color: var(--muted-foreground);
}
}
}
.\*\:data-\[slot\=alert-description\]\:text-destructive\/90 {
:is(& > *) {
&[data-slot="alert-description"] {
color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--destructive) 90%, transparent);
}
}
}
}
.\*\:data-\[slot\=attachment\]\:flex-none {
:is(& > *) {
&[data-slot="attachment"] {
flex: none;
}
}
}
.\*\:data-\[slot\=attachment\]\:snap-start {
:is(& > *) {
&[data-slot="attachment"] {
scroll-snap-align: start;
}
}
}
.\*\:data-\[slot\=avatar\]\:ring-2 {
:is(& > *) {
&[data-slot="avatar"] {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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);
}
}
}
.\*\:data-\[slot\=avatar\]\:ring-background {
:is(& > *) {
&[data-slot="avatar"] {
--tw-ring-color: var(--background);
}
}
}
.\*\:data-\[slot\=bubble-content\]\:rounded-none {
:is(& > *) {
&[data-slot="bubble-content"] {
border-radius: 0;
}
}
}
.\*\:data-\[slot\=bubble-content\]\:border-border {
:is(& > *) {
&[data-slot="bubble-content"] {
border-color: var(--border);
}
}
}
.\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.93_calc\(c\*0\.4\)_h\)\] {
:is(& > *) {
&[data-slot="bubble-content"] {
background-color: oklch(from var(--primary) 0.93 calc(c * 0.4) h);
}
}
}
.\*\:data-\[slot\=bubble-content\]\:bg-background {
:is(& > *) {
&[data-slot="bubble-content"] {
background-color: var(--background);
}
}
}
.\*\:data-\[slot\=bubble-content\]\:bg-destructive\/10 {
:is(& > *) {
&[data-slot="bubble-content"] {
background-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
}
}
}
}
.\*\:data-\[slot\=bubble-content\]\:bg-muted {
:is(& > *) {
&[data-slot="bubble-content"] {
background-color: var(--muted);
}
}
}
.\*\:data-\[slot\=bubble-content\]\:bg-primary {
:is(& > *) {
&[data-slot="bubble-content"] {
background-color: var(--primary);
}
}
}
.\*\:data-\[slot\=bubble-content\]\:bg-secondary {
:is(& > *) {
&[data-slot="bubble-content"] {
background-color: var(--secondary);
}
}
}
.\*\:data-\[slot\=bubble-content\]\:bg-transparent {
:is(& > *) {
&[data-slot="bubble-content"] {
background-color: transparent;
}
}
}
.\*\:data-\[slot\=bubble-content\]\:p-0 {
:is(& > *) {
&[data-slot="bubble-content"] {
padding: calc(var(--spacing) * 0);
}
}
}
.\*\:data-\[slot\=bubble-content\]\:text-destructive {
:is(& > *) {
&[data-slot="bubble-content"] {
color: var(--destructive);
}
}
}
.\*\:data-\[slot\=bubble-content\]\:text-foreground {
:is(& > *) {
&[data-slot="bubble-content"] {
color: var(--foreground);
}
}
}
.\*\:data-\[slot\=bubble-content\]\:text-primary-foreground {
:is(& > *) {
&[data-slot="bubble-content"] {
color: var(--primary-foreground);
}
}
}
.\*\:data-\[slot\=bubble-content\]\:text-secondary-foreground {
:is(& > *) {
&[data-slot="bubble-content"] {
color: var(--secondary-foreground);
}
}
}
.data-\[slot\=checkbox-group\]\:gap-3 {
&[data-slot="checkbox-group"] {
gap: calc(var(--spacing) * 3);
}
}
.\*\:data-\[slot\=field\]\:p-2\.5 {
:is(& > *) {
&[data-slot="field"] {
padding: calc(var(--spacing) * 2.5);
}
}
}
.\*\:data-\[slot\=field-group\]\:gap-4 {
:is(& > *) {
&[data-slot="field-group"] {
gap: calc(var(--spacing) * 4);
}
}
}
.\*\:data-\[slot\=field-label\]\:flex-auto {
:is(& > *) {
&[data-slot="field-label"] {
flex: auto;
}
}
}
.\*\:data-\[slot\=input-group\]\:m-1 {
:is(& > *) {
&[data-slot="input-group"] {
margin: calc(var(--spacing) * 1);
}
}
}
.\*\:data-\[slot\=input-group\]\:mb-0 {
:is(& > *) {
&[data-slot="input-group"] {
margin-bottom: calc(var(--spacing) * 0);
}
}
}
.\*\:data-\[slot\=input-group\]\:h-8 {
:is(& > *) {
&[data-slot="input-group"] {
height: calc(var(--spacing) * 8);
}
}
}
.\*\:data-\[slot\=input-group\]\:border-input\/30 {
:is(& > *) {
&[data-slot="input-group"] {
border-color: var(--input);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--input) 30%, transparent);
}
}
}
}
.\*\:data-\[slot\=input-group\]\:bg-input\/30 {
:is(& > *) {
&[data-slot="input-group"] {
background-color: var(--input);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--input) 30%, transparent);
}
}
}
}
.\*\:data-\[slot\=input-group\]\:shadow-none {
:is(& > *) {
&[data-slot="input-group"] {
--tw-shadow: 0 0 #0000;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
}
}
.\*\:data-\[slot\=input-group-addon\]\:pl-2\! {
:is(& > *) {
&[data-slot="input-group-addon"] {
padding-left: calc(var(--spacing) * 2) !important;
}
}
}
.\*\*\:data-\[slot\=kbd\]\:relative {
:is(& *) {
&[data-slot="kbd"] {
position: relative;
}
}
}
.\*\*\:data-\[slot\=kbd\]\:isolate {
:is(& *) {
&[data-slot="kbd"] {
isolation: isolate;
}
}
}
.\*\*\:data-\[slot\=kbd\]\:z-50 {
:is(& *) {
&[data-slot="kbd"] {
z-index: 50;
}
}
}
.\*\*\:data-\[slot\=kbd\]\:rounded-sm {
:is(& *) {
&[data-slot="kbd"] {
border-radius: calc(var(--radius)*.6);
}
}
}
.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 {
:is(& *) {
&[data-slot="navigation-menu-link"] {
&:focus {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
}
}
}
}
.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none {
:is(& *) {
&[data-slot="navigation-menu-link"] {
&:focus {
--tw-outline-style: none;
outline-style: none;
}
}
}
}
.\*\:data-\[slot\=select-value\]\:line-clamp-1 {
:is(& > *) {
&[data-slot="select-value"] {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
}
}
.\*\:data-\[slot\=select-value\]\:flex {
:is(& > *) {
&[data-slot="select-value"] {
display: flex;
}
}
}
.\*\:data-\[slot\=select-value\]\:items-center {
:is(& > *) {
&[data-slot="select-value"] {
align-items: center;
}
}
}
.\*\:data-\[slot\=select-value\]\:gap-1\.5 {
:is(& > *) {
&[data-slot="select-value"] {
gap: calc(var(--spacing) * 1.5);
}
}
}
.group-data-\[orientation\=vertical\]\/attachment\:\*\:data-\[slot\=spinner\]\:size-6\! {
&:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
:is(& > *) {
&[data-slot="spinner"] {
width: calc(var(--spacing) * 6) !important;
height: calc(var(--spacing) * 6) !important;
}
}
}
}
.group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-l-lg {
&:is(:where(.group\/toggle-group):where([data-orientation="horizontal"]) *) {
&[data-spacing="0"] {
&:first-child {
border-top-left-radius: var(--radius);
border-bottom-left-radius: var(--radius);
}
}
}
}
.group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-t-lg {
&:is(:where(.group\/toggle-group):where([data-orientation="vertical"]) *) {
&[data-spacing="0"] {
&:first-child {
border-top-left-radius: var(--radius);
border-top-right-radius: var(--radius);
}
}
}
}
.group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-r-lg {
&:is(:where(.group\/toggle-group):where([data-orientation="horizontal"]) *) {
&[data-spacing="0"] {
&:last-child {
border-top-right-radius: var(--radius);
border-bottom-right-radius: var(--radius);
}
}
}
}
.group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-b-lg {
&:is(:where(.group\/toggle-group):where([data-orientation="vertical"]) *) {
&[data-spacing="0"] {
&:last-child {
border-bottom-right-radius: var(--radius);
border-bottom-left-radius: var(--radius);
}
}
}
}
.data-\[state\=delayed-open\]\:animate-in {
&[data-state="delayed-open"] {
animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
}
}
.data-\[state\=delayed-open\]\:fade-in-0 {
&[data-state="delayed-open"] {
--tw-enter-opacity: calc(0/100);
--tw-enter-opacity: 0;
}
}
.data-\[state\=delayed-open\]\:zoom-in-95 {
&[data-state="delayed-open"] {
--tw-enter-scale: calc(95*1%);
--tw-enter-scale: .95;
}
}
.data-\[state\=error\]\:border-destructive\/30 {
&[data-state="error"] {
border-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
}
}
}
.data-\[state\=hidden\]\:animate-out {
&[data-state="hidden"] {
animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
}
}
.data-\[state\=hidden\]\:fade-out {
&[data-state="hidden"] {
--tw-exit-opacity: 0;
}
}
.data-\[state\=idle\]\:border-dashed {
&[data-state="idle"] {
--tw-border-style: dashed;
border-style: dashed;
}
}
.data-\[state\=on\]\:bg-muted {
&[data-state="on"] {
background-color: var(--muted);
}
}
.data-\[state\=selected\]\:bg-muted {
&[data-state="selected"] {
background-color: var(--muted);
}
}
.data-\[state\=visible\]\:animate-in {
&[data-state="visible"] {
animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
}
}
.data-\[state\=visible\]\:fade-in {
&[data-state="visible"] {
--tw-enter-opacity: 0;
}
}
.data-\[swipe-axis\=x\]\:inset-y-0 {
&[data-swipe-axis="x"] {
inset-block: calc(var(--spacing) * 0);
}
}
.data-\[swipe-axis\=x\]\:flex-row {
&[data-swipe-axis="x"] {
flex-direction: row;
}
}
.data-\[swipe-axis\=x\]\:\[--drawer-content-width\:75\%\] {
&[data-swipe-axis="x"] {
--drawer-content-width: 75%;
}
}
.data-\[swipe-axis\=x\]\:after\:inset-y-0 {
&[data-swipe-axis="x"] {
&::after {
content: var(--tw-content);
inset-block: calc(var(--spacing) * 0);
}
}
}
.data-\[swipe-axis\=x\]\:after\:w-\(--bleed\) {
&[data-swipe-axis="x"] {
&::after {
content: var(--tw-content);
width: var(--bleed);
}
}
}
.data-\[swipe-axis\=y\]\:inset-x-0 {
&[data-swipe-axis="y"] {
inset-inline: calc(var(--spacing) * 0);
}
}
.data-\[swipe-axis\=y\]\:\[--drawer-content-max-height\:calc\(100dvh-6rem\)\] {
&[data-swipe-axis="y"] {
--drawer-content-max-height: calc(100dvh - 6rem);
}
}
.data-\[swipe-axis\=y\]\:after\:inset-x-0 {
&[data-swipe-axis="y"] {
&::after {
content: var(--tw-content);
inset-inline: calc(var(--spacing) * 0);
}
}
}
.data-\[swipe-axis\=y\]\:after\:h-\(--bleed\) {
&[data-swipe-axis="y"] {
&::after {
content: var(--tw-content);
height: var(--bleed);
}
}
}
.data-\[swipe-axis\=y\]\:data-nested-drawer-open\:h-\(--stack-height\) {
&[data-swipe-axis="y"] {
&[data-nested-drawer-open] {
height: var(--stack-height);
}
}
}
.data-\[swipe-axis\=y\]\:data-snap-points\:\[--drawer-content-height\:100dvh\] {
&[data-swipe-axis="y"] {
&[data-snap-points] {
--drawer-content-height: 100dvh;
}
}
}
.data-\[swipe-direction\=down\]\:bottom-0 {
&[data-swipe-direction="down"] {
bottom: calc(var(--spacing) * 0);
}
}
.data-\[swipe-direction\=down\]\:origin-bottom {
&[data-swipe-direction="down"] {
transform-origin: bottom;
}
}
.data-\[swipe-direction\=down\]\:rounded-t-xl {
&[data-swipe-direction="down"] {
border-top-left-radius: calc(var(--radius)*1.4);
border-top-right-radius: calc(var(--radius)*1.4);
}
}
.data-\[swipe-direction\=down\]\:border-t {
&[data-swipe-direction="down"] {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}
}
.data-\[swipe-direction\=down\]\:\[--closed-transform\:translate3d\(0\,calc\(100\%\+var\(--drawer-inset\,0px\)\+2px\)\,0\)\] {
&[data-swipe-direction="down"] {
--closed-transform: translate3d(0,calc(100% + var(--drawer-inset,0px) + 2px),0);
}
}
.data-\[swipe-direction\=down\]\:\[--translate-y\:calc\(var\(--drawer-snap-point-offset\,0px\)\+var\(--drawer-swipe-movement-y\)-var\(--stack-peek-offset\)-\(var\(--stack-shrink\)\*var\(--stack-height\)\)\)\] {
&[data-swipe-direction="down"] {
--translate-y: calc(var(--drawer-snap-point-offset,0px) + var(--drawer-swipe-movement-y) - var(--stack-peek-offset) - (var(--stack-shrink) * var(--stack-height)));
}
}
.data-\[swipe-direction\=down\]\:after\:top-full {
&[data-swipe-direction="down"] {
&::after {
content: var(--tw-content);
top: 100%;
}
}
}
.data-ending-style\:data-\[swipe-direction\=down\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)\+150\%\)\)\] {
&[data-ending-style] {
&[data-swipe-direction="down"] {
transform: translateY(calc(var(--toast-swipe-movement-y) + 150%));
}
}
}
.data-expanded\:data-ending-style\:data-\[swipe-direction\=down\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)\+150\%\)\)\] {
&[data-expanded] {
&[data-ending-style] {
&[data-swipe-direction="down"] {
transform: translateY(calc(var(--toast-swipe-movement-y) + 150%));
}
}
}
}
.data-\[swipe-direction\=left\]\:left-0 {
&[data-swipe-direction="left"] {
left: calc(var(--spacing) * 0);
}
}
.data-\[swipe-direction\=left\]\:origin-left {
&[data-swipe-direction="left"] {
transform-origin: 0;
}
}
.data-\[swipe-direction\=left\]\:rounded-r-xl {
&[data-swipe-direction="left"] {
border-top-right-radius: calc(var(--radius)*1.4);
border-bottom-right-radius: calc(var(--radius)*1.4);
}
}
.data-\[swipe-direction\=left\]\:border-r {
&[data-swipe-direction="left"] {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
}
.data-\[swipe-direction\=left\]\:\[--closed-transform\:translate3d\(calc\(-100\%-var\(--drawer-inset\,0px\)-2px\)\,0\,0\)\] {
&[data-swipe-direction="left"] {
--closed-transform: translate3d(calc(-100% - var(--drawer-inset,0px) - 2px),0,0);
}
}
.data-\[swipe-direction\=left\]\:\[--translate-x\:calc\(var\(--drawer-swipe-movement-x\)\+var\(--stack-peek-offset\)\+\(var\(--stack-shrink\)\*100\%\)\)\] {
&[data-swipe-direction="left"] {
--translate-x: calc(var(--drawer-swipe-movement-x) + var(--stack-peek-offset) + (var(--stack-shrink) * 100%));
}
}
.data-\[swipe-direction\=left\]\:after\:right-full {
&[data-swipe-direction="left"] {
&::after {
content: var(--tw-content);
right: 100%;
}
}
}
.data-ending-style\:data-\[swipe-direction\=left\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)-150\%\)\)_translateY\(var\(--offset-y\)\)\] {
&[data-ending-style] {
&[data-swipe-direction="left"] {
transform: translateX(calc(var(--toast-swipe-movement-x) - 150%)) translateY(var(--offset-y));
}
}
}
.data-expanded\:data-ending-style\:data-\[swipe-direction\=left\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)-150\%\)\)_translateY\(var\(--offset-y\)\)\] {
&[data-expanded] {
&[data-ending-style] {
&[data-swipe-direction="left"] {
transform: translateX(calc(var(--toast-swipe-movement-x) - 150%)) translateY(var(--offset-y));
}
}
}
}
.data-\[swipe-direction\=right\]\:right-0 {
&[data-swipe-direction="right"] {
right: calc(var(--spacing) * 0);
}
}
.data-\[swipe-direction\=right\]\:origin-right {
&[data-swipe-direction="right"] {
transform-origin: 100%;
}
}
.data-\[swipe-direction\=right\]\:rounded-l-xl {
&[data-swipe-direction="right"] {
border-top-left-radius: calc(var(--radius)*1.4);
border-bottom-left-radius: calc(var(--radius)*1.4);
}
}
.data-\[swipe-direction\=right\]\:border-l {
&[data-swipe-direction="right"] {
border-left-style: var(--tw-border-style);
border-left-width: 1px;
}
}
.data-\[swipe-direction\=right\]\:\[--closed-transform\:translate3d\(calc\(100\%\+var\(--drawer-inset\,0px\)\+2px\)\,0\,0\)\] {
&[data-swipe-direction="right"] {
--closed-transform: translate3d(calc(100% + var(--drawer-inset,0px) + 2px),0,0);
}
}
.data-\[swipe-direction\=right\]\:\[--translate-x\:calc\(var\(--drawer-swipe-movement-x\)-var\(--stack-peek-offset\)-\(var\(--stack-shrink\)\*100\%\)\)\] {
&[data-swipe-direction="right"] {
--translate-x: calc(var(--drawer-swipe-movement-x) - var(--stack-peek-offset) - (var(--stack-shrink) * 100%));
}
}
.data-\[swipe-direction\=right\]\:after\:left-full {
&[data-swipe-direction="right"] {
&::after {
content: var(--tw-content);
left: 100%;
}
}
}
.data-ending-style\:data-\[swipe-direction\=right\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)\+150\%\)\)_translateY\(var\(--offset-y\)\)\] {
&[data-ending-style] {
&[data-swipe-direction="right"] {
transform: translateX(calc(var(--toast-swipe-movement-x) + 150%)) translateY(var(--offset-y));
}
}
}
.data-expanded\:data-ending-style\:data-\[swipe-direction\=right\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)\+150\%\)\)_translateY\(var\(--offset-y\)\)\] {
&[data-expanded] {
&[data-ending-style] {
&[data-swipe-direction="right"] {
transform: translateX(calc(var(--toast-swipe-movement-x) + 150%)) translateY(var(--offset-y));
}
}
}
}
.data-\[swipe-direction\=up\]\:top-0 {
&[data-swipe-direction="up"] {
top: calc(var(--spacing) * 0);
}
}
.data-\[swipe-direction\=up\]\:origin-top {
&[data-swipe-direction="up"] {
transform-origin: top;
}
}
.data-\[swipe-direction\=up\]\:rounded-b-xl {
&[data-swipe-direction="up"] {
border-bottom-right-radius: calc(var(--radius)*1.4);
border-bottom-left-radius: calc(var(--radius)*1.4);
}
}
.data-\[swipe-direction\=up\]\:border-b {
&[data-swipe-direction="up"] {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
}
.data-\[swipe-direction\=up\]\:\[--closed-transform\:translate3d\(0\,calc\(-100\%-var\(--drawer-inset\,0px\)-2px\)\,0\)\] {
&[data-swipe-direction="up"] {
--closed-transform: translate3d(0,calc(-100% - var(--drawer-inset,0px) - 2px),0);
}
}
.data-\[swipe-direction\=up\]\:\[--translate-y\:calc\(var\(--drawer-snap-point-offset\,0px\)\+var\(--drawer-swipe-movement-y\)\+var\(--stack-peek-offset\)\+\(var\(--stack-shrink\)\*var\(--stack-height\)\)\)\] {
&[data-swipe-direction="up"] {
--translate-y: calc(var(--drawer-snap-point-offset,0px) + var(--drawer-swipe-movement-y) + var(--stack-peek-offset) + (var(--stack-shrink) * var(--stack-height)));
}
}
.data-\[swipe-direction\=up\]\:after\:bottom-full {
&[data-swipe-direction="up"] {
&::after {
content: var(--tw-content);
bottom: 100%;
}
}
}
.data-ending-style\:data-\[swipe-direction\=up\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)-150\%\)\)\] {
&[data-ending-style] {
&[data-swipe-direction="up"] {
transform: translateY(calc(var(--toast-swipe-movement-y) - 150%));
}
}
}
.data-expanded\:data-ending-style\:data-\[swipe-direction\=up\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)-150\%\)\)\] {
&[data-expanded] {
&[data-ending-style] {
&[data-swipe-direction="up"] {
transform: translateY(calc(var(--toast-swipe-movement-y) - 150%));
}
}
}
}
.data-\[variant\=destructive\]\:text-destructive {
&[data-variant="destructive"] {
color: var(--destructive);
}
}
.data-\[variant\=destructive\]\:focus\:bg-destructive\/10 {
&[data-variant="destructive"] {
&:focus {
background-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
}
}
}
}
.data-\[variant\=destructive\]\:focus\:text-destructive {
&[data-variant="destructive"] {
&:focus {
color: var(--destructive);
}
}
}
.data-\[variant\=ghost\]\:max-w-full {
&[data-variant="ghost"] {
max-width: 100%;
}
}
.data-\[variant\=label\]\:text-sm {
&[data-variant="label"] {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
}
.data-\[variant\=legend\]\:text-base {
&[data-variant="legend"] {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
}
.data-\[variant\=line\]\:rounded-none {
&[data-variant="line"] {
border-radius: 0;
}
}
.group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0 {
&:is(:where(.group\/toggle-group):where([data-orientation="horizontal"]) *) {
&[data-spacing="0"] {
&[data-variant="outline"] {
border-left-style: var(--tw-border-style);
border-left-width: 0px;
}
}
}
}
.group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-t-0 {
&:is(:where(.group\/toggle-group):where([data-orientation="vertical"]) *) {
&[data-spacing="0"] {
&[data-variant="outline"] {
border-top-style: var(--tw-border-style);
border-top-width: 0px;
}
}
}
}
.group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l {
&:is(:where(.group\/toggle-group):where([data-orientation="horizontal"]) *) {
&[data-spacing="0"] {
&[data-variant="outline"] {
&:first-child {
border-left-style: var(--tw-border-style);
border-left-width: 1px;
}
}
}
}
}
.group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-t {
&:is(:where(.group\/toggle-group):where([data-orientation="vertical"]) *) {
&[data-spacing="0"] {
&[data-variant="outline"] {
&:first-child {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}
}
}
}
}
.nth-last-2\:-mt-1 {
&:nth-last-child(2) {
margin-top: calc(var(--spacing) * -1);
}
}
.supports-backdrop-filter\:backdrop-blur-xs {
@supports (backdrop-filter: var(--tw)) {
--tw-backdrop-blur: blur(var(--blur-xs));
-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,);
}
}
.supports-\[-webkit-touch-callout\:none\]\:absolute {
@supports (-webkit-touch-callout:none) {
position: absolute;
}
}
.max-lg\:hidden {
@media (width < 64rem) {
display: none;
}
}
.max-lg\:grid-cols-\[150px_minmax\(0\,1fr\)\] {
@media (width < 64rem) {
grid-template-columns: 150px minmax(0,1fr);
}
}
.max-sm\:grid-cols-1 {
@media (width < 40rem) {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.sm\:right-4 {
@media (width >= 40rem) {
right: calc(var(--spacing) * 4);
}
}
.sm\:left-auto {
@media (width >= 40rem) {
left: auto;
}
}
.sm\:mx-0 {
@media (width >= 40rem) {
margin-inline: calc(var(--spacing) * 0);
}
}
.sm\:block {
@media (width >= 40rem) {
display: block;
}
}
.sm\:flex {
@media (width >= 40rem) {
display: flex;
}
}
.sm\:w-full {
@media (width >= 40rem) {
width: 100%;
}
}
.sm\:max-w-sm {
@media (width >= 40rem) {
max-width: var(--container-sm);
}
}
.sm\:flex-row {
@media (width >= 40rem) {
flex-direction: row;
}
}
.sm\:justify-end {
@media (width >= 40rem) {
justify-content: flex-end;
}
}
.sm\:px-14 {
@media (width >= 40rem) {
padding-inline: calc(var(--spacing) * 14);
}
}
.sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2 {
@media (width >= 40rem) {
&:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
grid-row: span 2 / span 2;
}
}
}
.sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start {
@media (width >= 40rem) {
&:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
place-items: start;
}
}
}
.sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left {
@media (width >= 40rem) {
&:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
text-align: left;
}
}
}
.sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2 {
@media (width >= 40rem) {
&:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
&:is(:where(.group\/alert-dialog-content):has(*[data-slot="alert-dialog-media"]) *) {
grid-column-start: 2;
}
}
}
}
.sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\] {
@media (width >= 40rem) {
&:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
&:has(*[data-slot="alert-dialog-media"]) {
grid-template-rows: auto 1fr;
}
}
}
}
.data-\[side\=left\]\:sm\:max-w-sm {
&[data-side="left"] {
@media (width >= 40rem) {
max-width: var(--container-sm);
}
}
}
.data-\[side\=right\]\:sm\:max-w-sm {
&[data-side="right"] {
@media (width >= 40rem) {
max-width: var(--container-sm);
}
}
}
.data-\[size\=default\]\:sm\:max-w-sm {
&[data-size="default"] {
@media (width >= 40rem) {
max-width: var(--container-sm);
}
}
}
.data-\[swipe-axis\=x\]\:sm\:\[--drawer-content-width\:24rem\] {
&[data-swipe-axis="x"] {
@media (width >= 40rem) {
--drawer-content-width: 24rem;
}
}
}
.md\:block {
@media (width >= 48rem) {
display: block;
}
}
.md\:flex {
@media (width >= 48rem) {
display: flex;
}
}
.md\:flex-row {
@media (width >= 48rem) {
flex-direction: row;
}
}
.md\:gap-0\.5 {
@media (width >= 48rem) {
gap: calc(var(--spacing) * 0.5);
}
}
.md\:text-left {
@media (width >= 48rem) {
text-align: left;
}
}
.md\:text-sm {
@media (width >= 48rem) {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
}
.md\:text-pretty {
@media (width >= 48rem) {
text-wrap: pretty;
}
}
.md\:opacity-0 {
@media (width >= 48rem) {
opacity: 0%;
}
}
.md\:peer-data-\[variant\=inset\]\:m-2 {
@media (width >= 48rem) {
&:is(:where(.peer)[data-variant="inset"] ~ *) {
margin: calc(var(--spacing) * 2);
}
}
}
.md\:peer-data-\[variant\=inset\]\:ml-0 {
@media (width >= 48rem) {
&:is(:where(.peer)[data-variant="inset"] ~ *) {
margin-left: calc(var(--spacing) * 0);
}
}
}
.md\:peer-data-\[variant\=inset\]\:rounded-xl {
@media (width >= 48rem) {
&:is(:where(.peer)[data-variant="inset"] ~ *) {
border-radius: calc(var(--radius)*1.4);
}
}
}
.md\:peer-data-\[variant\=inset\]\:shadow-sm {
@media (width >= 48rem) {
&:is(:where(.peer)[data-variant="inset"] ~ *) {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 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);
}
}
}
.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2 {
@media (width >= 48rem) {
&:is(:where(.peer)[data-variant="inset"] ~ *) {
&:is(:where(.peer)[data-state="collapsed"] ~ *) {
margin-left: calc(var(--spacing) * 2);
}
}
}
}
.md\:after\:hidden {
@media (width >= 48rem) {
&::after {
content: var(--tw-content);
display: none;
}
}
}
.\@md\/field-group\:flex-row {
@container field-group (width >= 28rem) {
flex-direction: row;
}
}
.\@md\/field-group\:items-center {
@container field-group (width >= 28rem) {
align-items: center;
}
}
.\@md\/field-group\:\*\:w-auto {
@container field-group (width >= 28rem) {
:is(& > *) {
width: auto;
}
}
}
.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start {
@container field-group (width >= 28rem) {
&:has(>[data-slot=field-content]) {
align-items: flex-start;
}
}
}
.\@md\/field-group\:\*\:data-\[slot\=field-label\]\:flex-auto {
@container field-group (width >= 28rem) {
:is(& > *) {
&[data-slot="field-label"] {
flex: auto;
}
}
}
}
.ltr\:-translate-x-1\/2 {
&:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1)calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
.rtl\:-translate-x-1\/2 {
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1)calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
.rtl\:translate-x-1\/2 {
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
--tw-translate-x: calc(1 / 2 * 100%);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
.dark\:border-input {
@media (prefers-color-scheme: dark) {
border-color: var(--input);
}
}
.dark\:bg-destructive\/20 {
@media (prefers-color-scheme: dark) {
background-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
}
.dark\:bg-input\/30 {
@media (prefers-color-scheme: dark) {
background-color: var(--input);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--input) 30%, transparent);
}
}
}
.dark\:bg-transparent {
@media (prefers-color-scheme: dark) {
background-color: transparent;
}
}
.dark\:text-muted-foreground {
@media (prefers-color-scheme: dark) {
color: var(--muted-foreground);
}
}
.dark\:after\:mix-blend-lighten {
@media (prefers-color-scheme: dark) {
&::after {
content: var(--tw-content);
mix-blend-mode: lighten;
}
}
}
.dark\:hover\:bg-destructive\/30 {
@media (prefers-color-scheme: dark) {
&:hover {
@media (hover: hover) {
background-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
}
}
}
}
}
.dark\:hover\:bg-input\/50 {
@media (prefers-color-scheme: dark) {
&:hover {
@media (hover: hover) {
background-color: var(--input);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--input) 50%, transparent);
}
}
}
}
}
.dark\:hover\:bg-muted\/50 {
@media (prefers-color-scheme: dark) {
&:hover {
@media (hover: hover) {
background-color: var(--muted);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--muted) 50%, transparent);
}
}
}
}
}
.dark\:hover\:text-foreground {
@media (prefers-color-scheme: dark) {
&:hover {
@media (hover: hover) {
color: var(--foreground);
}
}
}
}
.dark\:focus-visible\:ring-destructive\/40 {
@media (prefers-color-scheme: dark) {
&:focus-visible {
--tw-ring-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
}
}
}
}
.dark\:disabled\:bg-input\/80 {
@media (prefers-color-scheme: dark) {
&:disabled {
background-color: var(--input);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--input) 80%, transparent);
}
}
}
}
.dark\:disabled\:bg-transparent {
@media (prefers-color-scheme: dark) {
&:disabled {
background-color: transparent;
}
}
}
.dark\:in-data-\[slot\=tooltip-content\]\:bg-background\/10 {
@media (prefers-color-scheme: dark) {
:where(*[data-slot="tooltip-content"]) & {
background-color: var(--background);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--background) 10%, transparent);
}
}
}
}
.dark\:has-disabled\:bg-input\/80 {
@media (prefers-color-scheme: dark) {
&:has(*:disabled) {
background-color: var(--input);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--input) 80%, transparent);
}
}
}
}
.dark\:has-aria-invalid\:border-destructive\/50 {
@media (prefers-color-scheme: dark) {
&:has(*[aria-invalid="true"]) {
border-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
}
}
}
}
.dark\:has-aria-invalid\:ring-destructive\/40 {
@media (prefers-color-scheme: dark) {
&:has(*[aria-invalid="true"]) {
--tw-ring-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
}
}
}
}
.dark\:has-data-checked\:border-primary\/20 {
@media (prefers-color-scheme: dark) {
&:has(*:where([data-state="checked"]),
*:where([data-checked]:not([data-checked="false"]))) {
border-color: var(--primary);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--primary) 20%, transparent);
}
}
}
}
.dark\:has-data-checked\:bg-primary\/10 {
@media (prefers-color-scheme: dark) {
&:has(*:where([data-state="checked"]),
*:where([data-checked]:not([data-checked="false"]))) {
background-color: var(--primary);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--primary) 10%, transparent);
}
}
}
}
.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40 {
@media (prefers-color-scheme: dark) {
&:has(*:is([data-slot][aria-invalid=true])) {
--tw-ring-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
}
}
}
}
.dark\:aria-invalid\:border-destructive\/50 {
@media (prefers-color-scheme: dark) {
&[aria-invalid="true"] {
border-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
}
}
}
}
.dark\:aria-invalid\:ring-destructive\/40 {
@media (prefers-color-scheme: dark) {
&[aria-invalid="true"] {
--tw-ring-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
}
}
}
}
.dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40 {
@media (prefers-color-scheme: dark) {
&[data-active="true"] {
&[aria-invalid="true"] {
--tw-ring-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
}
}
}
}
}
.dark\:\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.3_calc\(c\*0\.4\)_h\)\] {
@media (prefers-color-scheme: dark) {
:is(& > *) {
&[data-slot="bubble-content"] {
background-color: oklch(from var(--primary) 0.3 calc(c * 0.4) h);
}
}
}
}
.dark\:\*\:data-\[slot\=bubble-content\]\:bg-destructive\/20 {
@media (prefers-color-scheme: dark) {
:is(& > *) {
&[data-slot="bubble-content"] {
background-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
}
}
}
.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20 {
@media (prefers-color-scheme: dark) {
&[data-variant="destructive"] {
&:focus {
background-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
}
}
}
.data-open\:animate-accordion-down {
&:where([data-state="open"]),
&:where([data-open]:not([data-open="false"])) {
animation: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
}
}
.data-open\:animate-in {
&:where([data-state="open"]),
&:where([data-open]:not([data-open="false"])) {
animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
}
}
.data-open\:bg-accent {
&:where([data-state="open"]),
&:where([data-open]:not([data-open="false"])) {
background-color: var(--accent);
}
}
.data-open\:bg-muted\/50 {
&:where([data-state="open"]),
&:where([data-open]:not([data-open="false"])) {
background-color: var(--muted);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--muted) 50%, transparent);
}
}
}
.data-open\:text-accent-foreground {
&:where([data-state="open"]),
&:where([data-open]:not([data-open="false"])) {
color: var(--accent-foreground);
}
}
.data-open\:fade-in-0 {
&:where([data-state="open"]),
&:where([data-open]:not([data-open="false"])) {
--tw-enter-opacity: calc(0/100);
--tw-enter-opacity: 0;
}
}
.data-open\:zoom-in-95 {
&:where([data-state="open"]),
&:where([data-open]:not([data-open="false"])) {
--tw-enter-scale: calc(95*1%);
--tw-enter-scale: .95;
}
}
.group-data-\[viewport\=false\]\/navigation-menu\:data-open\:animate-in {
&:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
&:where([data-state="open"]),
&:where([data-open]:not([data-open="false"])) {
animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
}
}
}
.group-data-\[viewport\=false\]\/navigation-menu\:data-open\:fade-in-0 {
&:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
&:where([data-state="open"]),
&:where([data-open]:not([data-open="false"])) {
--tw-enter-opacity: calc(0/100);
--tw-enter-opacity: 0;
}
}
}
.group-data-\[viewport\=false\]\/navigation-menu\:data-open\:zoom-in-95 {
&:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
&:where([data-state="open"]),
&:where([data-open]:not([data-open="false"])) {
--tw-enter-scale: calc(95*1%);
--tw-enter-scale: .95;
}
}
}
.data-open\:hover\:bg-muted {
&:where([data-state="open"]),
&:where([data-open]:not([data-open="false"])) {
&:hover {
@media (hover: hover) {
background-color: var(--muted);
}
}
}
}
.data-open\:focus\:bg-muted {
&:where([data-state="open"]),
&:where([data-open]:not([data-open="false"])) {
&:focus {
background-color: var(--muted);
}
}
}
.data-closed\:animate-accordion-up {
&:where([data-state="closed"]),
&:where([data-closed]:not([data-closed="false"])) {
animation: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
}
}
.data-closed\:animate-out {
&:where([data-state="closed"]),
&:where([data-closed]:not([data-closed="false"])) {
animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
}
}
.data-closed\:overflow-hidden {
&:where([data-state="closed"]),
&:where([data-closed]:not([data-closed="false"])) {
overflow: hidden;
}
}
.data-closed\:fade-out-0 {
&:where([data-state="closed"]),
&:where([data-closed]:not([data-closed="false"])) {
--tw-exit-opacity: calc(0/100);
--tw-exit-opacity: 0;
}
}
.data-closed\:zoom-out-95 {
&:where([data-state="closed"]),
&:where([data-closed]:not([data-closed="false"])) {
--tw-exit-scale: calc(95*1%);
--tw-exit-scale: .95;
}
}
.group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:animate-out {
&:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
&:where([data-state="closed"]),
&:where([data-closed]:not([data-closed="false"])) {
animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
}
}
}
.group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:fade-out-0 {
&:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
&:where([data-state="closed"]),
&:where([data-closed]:not([data-closed="false"])) {
--tw-exit-opacity: calc(0/100);
--tw-exit-opacity: 0;
}
}
}
.group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:zoom-out-95 {
&:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
&:where([data-state="closed"]),
&:where([data-closed]:not([data-closed="false"])) {
--tw-exit-scale: calc(95*1%);
--tw-exit-scale: .95;
}
}
}
.data-checked\:border-primary {
&:where([data-state="checked"]),
&:where([data-checked]:not([data-checked="false"])) {
border-color: var(--primary);
}
}
.data-checked\:bg-primary {
&:where([data-state="checked"]),
&:where([data-checked]:not([data-checked="false"])) {
background-color: var(--primary);
}
}
.data-checked\:text-primary-foreground {
&:where([data-state="checked"]),
&:where([data-checked]:not([data-checked="false"])) {
color: var(--primary-foreground);
}
}
.group-has-\[\:focus-visible\]\/field-label\:data-checked\:border-primary {
&:is(:where(.group\/field-label):has(*:is(:focus-visible)) *) {
&:where([data-state="checked"]),
&:where([data-checked]:not([data-checked="false"])) {
border-color: var(--primary);
}
}
}
.group-data-\[size\=default\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\] {
&:is(:where(.group\/switch)[data-size="default"] *) {
&:where([data-state="checked"]),
&:where([data-checked]:not([data-checked="false"])) {
--tw-translate-x: calc(100% - 2px);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
.group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\] {
&:is(:where(.group\/switch)[data-size="sm"] *) {
&:where([data-state="checked"]),
&:where([data-checked]:not([data-checked="false"])) {
--tw-translate-x: calc(100% - 2px);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
.dark\:data-checked\:bg-primary {
@media (prefers-color-scheme: dark) {
&:where([data-state="checked"]),
&:where([data-checked]:not([data-checked="false"])) {
background-color: var(--primary);
}
}
}
.dark\:data-checked\:bg-primary-foreground {
@media (prefers-color-scheme: dark) {
&:where([data-state="checked"]),
&:where([data-checked]:not([data-checked="false"])) {
background-color: var(--primary-foreground);
}
}
}
.data-unchecked\:bg-input {
&:where([data-state="unchecked"]),
&:where([data-unchecked]:not([data-unchecked="false"])) {
background-color: var(--input);
}
}
.group-data-\[size\=default\]\/switch\:data-unchecked\:translate-x-0 {
&:is(:where(.group\/switch)[data-size="default"] *) {
&:where([data-state="unchecked"]),
&:where([data-unchecked]:not([data-unchecked="false"])) {
--tw-translate-x: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
.group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0 {
&:is(:where(.group\/switch)[data-size="sm"] *) {
&:where([data-state="unchecked"]),
&:where([data-unchecked]:not([data-unchecked="false"])) {
--tw-translate-x: calc(var(--spacing) * 0);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
.dark\:data-unchecked\:bg-foreground {
@media (prefers-color-scheme: dark) {
&:where([data-state="unchecked"]),
&:where([data-unchecked]:not([data-unchecked="false"])) {
background-color: var(--foreground);
}
}
}
.dark\:data-unchecked\:bg-input\/80 {
@media (prefers-color-scheme: dark) {
&:where([data-state="unchecked"]),
&:where([data-unchecked]:not([data-unchecked="false"])) {
background-color: var(--input);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--input) 80%, transparent);
}
}
}
}
.data-selected\:bg-muted {
&:where([data-selected="true"]) {
background-color: var(--muted);
}
}
.data-selected\:text-foreground {
&:where([data-selected="true"]) {
color: var(--foreground);
}
}
.data-disabled\:pointer-events-none {
&:where([data-disabled="true"]),
&:where([data-disabled]:not([data-disabled="false"])) {
pointer-events: none;
}
}
.data-disabled\:cursor-not-allowed {
&:where([data-disabled="true"]),
&:where([data-disabled]:not([data-disabled="false"])) {
cursor: not-allowed;
}
}
.data-disabled\:opacity-50 {
&:where([data-disabled="true"]),
&:where([data-disabled]:not([data-disabled="false"])) {
opacity: 50%;
}
}
.data-active\:bg-background {
&:where([data-state="active"]),
&:where([data-active]:not([data-active="false"])) {
background-color: var(--background);
}
}
.data-active\:bg-muted\/50 {
&:where([data-state="active"]),
&:where([data-active]:not([data-active="false"])) {
background-color: var(--muted);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--muted) 50%, transparent);
}
}
}
.data-active\:font-medium {
&:where([data-state="active"]),
&:where([data-active]:not([data-active="false"])) {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
}
.data-active\:text-foreground {
&:where([data-state="active"]),
&:where([data-active]:not([data-active="false"])) {
color: var(--foreground);
}
}
.group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm {
&:is(:where(.group\/tabs-list)[data-variant="default"] *) {
&:where([data-state="active"]),
&:where([data-active]:not([data-active="false"])) {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 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);
}
}
}
.group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent {
&:is(:where(.group\/tabs-list)[data-variant="line"] *) {
&:where([data-state="active"]),
&:where([data-active]:not([data-active="false"])) {
background-color: transparent;
}
}
}
.group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none {
&:is(:where(.group\/tabs-list)[data-variant="line"] *) {
&:where([data-state="active"]),
&:where([data-active]:not([data-active="false"])) {
--tw-shadow: 0 0 #0000;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
}
}
.group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100 {
&:is(:where(.group\/tabs-list)[data-variant="line"] *) {
&:where([data-state="active"]),
&:where([data-active]:not([data-active="false"])) {
&::after {
content: var(--tw-content);
opacity: 100%;
}
}
}
}
.data-active\:hover\:bg-muted {
&:where([data-state="active"]),
&:where([data-active]:not([data-active="false"])) {
&:hover {
@media (hover: hover) {
background-color: var(--muted);
}
}
}
}
.data-active\:focus\:bg-muted {
&:where([data-state="active"]),
&:where([data-active]:not([data-active="false"])) {
&:focus {
background-color: var(--muted);
}
}
}
.dark\:data-active\:border-input {
@media (prefers-color-scheme: dark) {
&:where([data-state="active"]),
&:where([data-active]:not([data-active="false"])) {
border-color: var(--input);
}
}
}
.dark\:data-active\:bg-input\/30 {
@media (prefers-color-scheme: dark) {
&:where([data-state="active"]),
&:where([data-active]:not([data-active="false"])) {
background-color: var(--input);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--input) 30%, transparent);
}
}
}
}
.dark\:data-active\:text-foreground {
@media (prefers-color-scheme: dark) {
&:where([data-state="active"]),
&:where([data-active]:not([data-active="false"])) {
color: var(--foreground);
}
}
}
.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent {
@media (prefers-color-scheme: dark) {
&:is(:where(.group\/tabs-list)[data-variant="line"] *) {
&:where([data-state="active"]),
&:where([data-active]:not([data-active="false"])) {
border-color: transparent;
}
}
}
}
.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent {
@media (prefers-color-scheme: dark) {
&:is(:where(.group\/tabs-list)[data-variant="line"] *) {
&:where([data-state="active"]),
&:where([data-active]:not([data-active="false"])) {
background-color: transparent;
}
}
}
}
.data-horizontal\:mx-px {
&:where([data-orientation="horizontal"]) {
margin-inline: 1px;
}
}
.data-horizontal\:h-1 {
&:where([data-orientation="horizontal"]) {
height: calc(var(--spacing) * 1);
}
}
.data-horizontal\:h-2\.5 {
&:where([data-orientation="horizontal"]) {
height: calc(var(--spacing) * 2.5);
}
}
.data-horizontal\:h-full {
&:where([data-orientation="horizontal"]) {
height: 100%;
}
}
.data-horizontal\:h-px {
&:where([data-orientation="horizontal"]) {
height: 1px;
}
}
.data-horizontal\:w-auto {
&:where([data-orientation="horizontal"]) {
width: auto;
}
}
.data-horizontal\:w-full {
&:where([data-orientation="horizontal"]) {
width: 100%;
}
}
.data-horizontal\:flex-col {
&:where([data-orientation="horizontal"]) {
flex-direction: column;
}
}
.data-horizontal\:border-t {
&:where([data-orientation="horizontal"]) {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}
}
.data-horizontal\:border-t-transparent {
&:where([data-orientation="horizontal"]) {
border-top-color: transparent;
}
}
.data-vertical\:my-px {
&:where([data-orientation="vertical"]) {
margin-block: 1px;
}
}
.data-vertical\:h-auto {
&:where([data-orientation="vertical"]) {
height: auto;
}
}
.data-vertical\:h-full {
&:where([data-orientation="vertical"]) {
height: 100%;
}
}
.data-vertical\:min-h-40 {
&:where([data-orientation="vertical"]) {
min-height: calc(var(--spacing) * 40);
}
}
.data-vertical\:w-1 {
&:where([data-orientation="vertical"]) {
width: calc(var(--spacing) * 1);
}
}
.data-vertical\:w-2\.5 {
&:where([data-orientation="vertical"]) {
width: calc(var(--spacing) * 2.5);
}
}
.data-vertical\:w-auto {
&:where([data-orientation="vertical"]) {
width: auto;
}
}
.data-vertical\:w-full {
&:where([data-orientation="vertical"]) {
width: 100%;
}
}
.data-vertical\:w-px {
&:where([data-orientation="vertical"]) {
width: 1px;
}
}
.data-vertical\:flex-col {
&:where([data-orientation="vertical"]) {
flex-direction: column;
}
}
.data-vertical\:items-stretch {
&:where([data-orientation="vertical"]) {
align-items: stretch;
}
}
.data-vertical\:self-stretch {
&:where([data-orientation="vertical"]) {
align-self: stretch;
}
}
.data-vertical\:border-l {
&:where([data-orientation="vertical"]) {
border-left-style: var(--tw-border-style);
border-left-width: 1px;
}
}
.data-vertical\:border-l-transparent {
&:where([data-orientation="vertical"]) {
border-left-color: transparent;
}
}
.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground {
& .recharts-cartesian-axis-tick text {
fill: var(--muted-foreground);
}
}
.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 {
& .recharts-cartesian-grid line[stroke='#ccc'] {
stroke: var(--border);
@supports (color: color-mix(in lab, red, red)) {
stroke: color-mix(in oklab, var(--border) 50%, transparent);
}
}
}
.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border {
& .recharts-curve.recharts-tooltip-cursor {
stroke: var(--border);
}
}
.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent {
& .recharts-dot[stroke='#fff'] {
stroke: transparent;
}
}
.\[\&_\.recharts-layer\]\:outline-hidden {
& .recharts-layer {
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
}
}
.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border {
& .recharts-polar-grid [stroke='#ccc'] {
stroke: var(--border);
}
}
.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted {
& .recharts-radial-bar-background-sector {
fill: var(--muted);
}
}
.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted {
& .recharts-rectangle.recharts-tooltip-cursor {
fill: var(--muted);
}
}
.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border {
& .recharts-reference-line [stroke='#ccc'] {
stroke: var(--border);
}
}
.\[\&_\.recharts-sector\]\:outline-hidden {
& .recharts-sector {
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
}
}
.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent {
& .recharts-sector[stroke='#fff'] {
stroke: transparent;
}
}
.\[\&_\.recharts-surface\]\:outline-hidden {
& .recharts-surface {
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
}
}
.\[\&_a\]\:underline {
& a {
text-decoration-line: underline;
}
}
.\[\&_a\]\:underline-offset-3 {
& a {
text-underline-offset: 3px;
}
}
.\[\&_a\]\:hover\:text-foreground {
& a {
&:hover {
@media (hover: hover) {
color: var(--foreground);
}
}
}
}
.\[\&_img\]\:size-full {
& img {
width: 100%;
height: 100%;
}
}
.\[\&_img\]\:object-cover {
& img {
object-fit: cover;
}
}
.\[\&_p\:not\(\:last-child\)\]\:mb-4 {
& p:not(:last-child) {
margin-bottom: calc(var(--spacing) * 4);
}
}
.\[\&_svg\]\:pointer-events-none {
& svg {
pointer-events: none;
}
}
.\[\&_svg\]\:size-4 {
& svg {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
}
.\[\&_svg\]\:shrink-0 {
& svg {
flex-shrink: 0;
}
}
.data-\[direction\=start\]\:\[\&_svg\]\:rotate-180 {
&[data-direction="start"] {
& svg {
rotate: 180deg;
}
}
}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 {
& svg:not([class*='size-']) {
width: calc(var(--spacing) * 3);
height: calc(var(--spacing) * 3);
}
}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
& svg:not([class*='size-']) {
width: calc(var(--spacing) * 3.5);
height: calc(var(--spacing) * 3.5);
}
}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
& svg:not([class*='size-']) {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
}
.group-data-\[orientation\=vertical\]\/attachment\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 {
&:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
& svg:not([class*='size-']) {
width: calc(var(--spacing) * 6);
height: calc(var(--spacing) * 6);
}
}
}
.group-data-\[size\=xs\]\/attachment\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
&:is(:where(.group\/attachment)[data-size="xs"] *) {
& svg:not([class*='size-']) {
width: calc(var(--spacing) * 3.5);
height: calc(var(--spacing) * 3.5);
}
}
}
.\[\&_tr\]\:border-b {
& tr {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
}
.\[\&_tr\:last-child\]\:border-0 {
& tr:last-child {
border-style: var(--tw-border-style);
border-width: 0px;
}
}
.\[\&\+\[data-slot\=item-content\]\]\:flex-none {
&+[data-slot=item-content] {
flex: none;
}
}
.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-\(--cell-radius\) {
&:first-child[data-selected=true] button {
border-top-left-radius: var(--cell-radius);
border-bottom-left-radius: var(--cell-radius);
}
}
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
&:has([role=checkbox]) {
padding-right: calc(var(--spacing) * 0);
}
}
.\[\.border-b\]\:pb-\(--card-spacing\) {
&:is(.border-b) {
padding-bottom: var(--card-spacing);
}
}
.\[\.border-b\]\:pb-2 {
&:is(.border-b) {
padding-bottom: calc(var(--spacing) * 2);
}
}
.\[\.border-t\]\:pt-2 {
&:is(.border-t) {
padding-top: calc(var(--spacing) * 2);
}
}
.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180 {
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
:is(& *) {
&:is(.rdp-button_next>svg) {
rotate: 180deg;
}
}
}
}
.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180 {
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
:is(& *) {
&:is(.rdp-button_previous>svg) {
rotate: 180deg;
}
}
}
}
.\*\*\:\[\[cmdk-group-heading\]\]\:px-2 {
:is(& *) {
&:is([cmdk-group-heading]) {
padding-inline: calc(var(--spacing) * 2);
}
}
}
.\*\*\:\[\[cmdk-group-heading\]\]\:py-1\.5 {
:is(& *) {
&:is([cmdk-group-heading]) {
padding-block: calc(var(--spacing) * 1.5);
}
}
}
.\*\*\:\[\[cmdk-group-heading\]\]\:text-xs {
:is(& *) {
&:is([cmdk-group-heading]) {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
}
}
.\*\*\:\[\[cmdk-group-heading\]\]\:font-medium {
:is(& *) {
&:is([cmdk-group-heading]) {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
}
}
.\*\*\:\[\[cmdk-group-heading\]\]\:text-muted-foreground {
:is(& *) {
&:is([cmdk-group-heading]) {
color: var(--muted-foreground);
}
}
}
.\[a\]\:underline {
&:is(a) {
text-decoration-line: underline;
}
}
.\[a\]\:underline-offset-3 {
&:is(a) {
text-underline-offset: 3px;
}
}
.\[a\]\:transition-colors {
&:is(a) {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
}
.\*\:\[a\]\:underline {
:is(& > *) {
&:is(a) {
text-decoration-line: underline;
}
}
}
.\*\:\[a\]\:underline-offset-3 {
:is(& > *) {
&:is(a) {
text-underline-offset: 3px;
}
}
}
.\[a\]\:hover\:bg-destructive\/20 {
&:is(a) {
&:hover {
@media (hover: hover) {
background-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
}
}
}
.\[a\]\:hover\:bg-muted {
&:is(a) {
&:hover {
@media (hover: hover) {
background-color: var(--muted);
}
}
}
}
.\[a\]\:hover\:bg-primary\/80 {
&:is(a) {
&:hover {
@media (hover: hover) {
background-color: var(--primary);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--primary) 80%, transparent);
}
}
}
}
}
.\[a\]\:hover\:bg-secondary\/80 {
&:is(a) {
&:hover {
@media (hover: hover) {
background-color: var(--secondary);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
}
}
}
}
}
.\[a\]\:hover\:text-foreground {
&:is(a) {
&:hover {
@media (hover: hover) {
color: var(--foreground);
}
}
}
}
.\[a\]\:hover\:text-muted-foreground {
&:is(a) {
&:hover {
@media (hover: hover) {
color: var(--muted-foreground);
}
}
}
}
.\*\:\[a\]\:hover\:text-foreground {
:is(& > *) {
&:is(a) {
&:hover {
@media (hover: hover) {
color: var(--foreground);
}
}
}
}
}
.\[button\]\:text-left {
&:is(button) {
text-align: left;
}
}
.\[button\,a\]\:transition-colors {
&:is(button,a) {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
}
.\[button\,a\]\:outline-none {
&:is(button,a) {
--tw-outline-style: none;
outline-style: none;
}
}
.\[button\,a\]\:focus-visible\:border-ring {
&:is(button,a) {
&:focus-visible {
border-color: var(--ring);
}
}
}
.\[button\,a\]\:focus-visible\:ring-3 {
&:is(button,a) {
&:focus-visible {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
}
}
}
.\[button\,a\]\:focus-visible\:ring-ring\/50 {
&:is(button,a) {
&:focus-visible {
--tw-ring-color: var(--ring);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
}
}
}
}
.\*\:\[img\]\:aspect-square {
:is(& > *) {
&:is(img) {
aspect-ratio: 1 / 1;
}
}
}
.\*\:\[img\]\:w-full {
:is(& > *) {
&:is(img) {
width: 100%;
}
}
}
.\*\:\[img\]\:object-cover {
:is(& > *) {
&:is(img) {
object-fit: cover;
}
}
}
.\*\:\[img\:first-child\]\:rounded-t-xl {
:is(& > *) {
&:is(img:first-child) {
border-top-left-radius: calc(var(--radius)*1.4);
border-top-right-radius: calc(var(--radius)*1.4);
}
}
}
.\*\:\[img\:last-child\]\:rounded-b-xl {
:is(& > *) {
&:is(img:last-child) {
border-bottom-right-radius: calc(var(--radius)*1.4);
border-bottom-left-radius: calc(var(--radius)*1.4);
}
}
}
.\*\:\[span\]\:last\:flex {
:is(& > *) {
&:is(span) {
&:last-child {
display: flex;
}
}
}
}
.\*\:\[span\]\:last\:items-center {
:is(& > *) {
&:is(span) {
&:last-child {
align-items: center;
}
}
}
}
.\*\:\[span\]\:last\:gap-2 {
:is(& > *) {
&:is(span) {
&:last-child {
gap: calc(var(--spacing) * 2);
}
}
}
}
.\*\:\[svg\]\:row-span-2 {
:is(& > *) {
&:is(svg) {
grid-row: span 2 / span 2;
}
}
}
.\*\:\[svg\]\:translate-y-0\.5 {
:is(& > *) {
&:is(svg) {
--tw-translate-y: calc(var(--spacing) * 0.5);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
.\*\:\[svg\]\:text-current {
:is(& > *) {
&:is(svg) {
color: currentcolor;
}
}
}
.focus\:\*\:\[svg\]\:text-accent-foreground {
&:focus {
:is(& > *) {
&:is(svg) {
color: var(--accent-foreground);
}
}
}
}
.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive {
&[data-variant="destructive"] {
:is(& > *) {
&:is(svg) {
color: var(--destructive);
}
}
}
}
.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive\! {
&[data-variant="destructive"] {
:is(& > *) {
&:is(svg) {
color: var(--destructive) !important;
}
}
}
}
.data-selected\:\*\:\[svg\]\:text-foreground {
&:where([data-selected="true"]) {
:is(& > *) {
&:is(svg) {
color: var(--foreground);
}
}
}
}
.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
:is(& > *) {
&:is(svg:not([class*='size-'])) {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
}
}
.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 {
:is(& > *) {
&:is(svg:not([class*='size-'])) {
width: calc(var(--spacing) * 6);
height: calc(var(--spacing) * 6);
}
}
}
.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-\(--cell-radius\) {
&:last-child[data-selected=true] button {
border-top-right-radius: var(--cell-radius);
border-bottom-right-radius: var(--cell-radius);
}
}
.\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-\(--cell-radius\) {
&:nth-child(2)[data-selected=true] button {
border-top-left-radius: var(--cell-radius);
border-bottom-left-radius: var(--cell-radius);
}
}
.\[\&\>\.sr-only\]\:w-auto {
&>.sr-only {
width: auto;
}
}
.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--muted\)\,var\(--foreground\)_5\%\)\] {
&>[data-slot=bubble-content]:is(button,a):hover {
background-color: var(--muted);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklch,var(--muted),var(--foreground) 5%);
}
}
}
.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\] {
&>[data-slot=bubble-content]:is(button,a):hover {
background-color: var(--secondary);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);
}
}
}
.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.88_calc\(c\*0\.5\)_h\)\] {
&>[data-slot=bubble-content]:is(button,a):hover {
background-color: oklch(from var(--primary) 0.88 calc(c * 0.5) h);
}
}
.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/20 {
&>[data-slot=bubble-content]:is(button,a):hover {
background-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
}
.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted {
&>[data-slot=bubble-content]:is(button,a):hover {
background-color: var(--muted);
}
}
.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-primary\/80 {
&>[data-slot=bubble-content]:is(button,a):hover {
background-color: var(--primary);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--primary) 80%, transparent);
}
}
}
.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:text-foreground {
&>[data-slot=bubble-content]:is(button,a):hover {
color: var(--foreground);
}
}
.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.35_calc\(c\*0\.5\)_h\)\] {
@media (prefers-color-scheme: dark) {
&>[data-slot=bubble-content]:is(button,a):hover {
background-color: oklch(from var(--primary) 0.35 calc(c * 0.5) h);
}
}
}
.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/30 {
@media (prefers-color-scheme: dark) {
&>[data-slot=bubble-content]:is(button,a):hover {
background-color: var(--destructive);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
}
}
}
}
.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-input\/30 {
@media (prefers-color-scheme: dark) {
&>[data-slot=bubble-content]:is(button,a):hover {
background-color: var(--input);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--input) 30%, transparent);
}
}
}
}
.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted\/50 {
@media (prefers-color-scheme: dark) {
&>[data-slot=bubble-content]:is(button,a):hover {
background-color: var(--muted);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--muted) 50%, transparent);
}
}
}
}
.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-lg {
&:has(*:is(select[aria-hidden=true]:last-child)) {
&>[data-slot=select-trigger]:last-of-type {
border-top-right-radius: var(--radius);
border-bottom-right-radius: var(--radius);
}
}
}
.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit {
&>[data-slot=select-trigger]:not([class*='w-']) {
width: fit-content;
}
}
.\[\&\>\[data-slot\]\:not\(\:has\(\~\[data-slot\]\)\)\]\:rounded-r-lg\! {
&>[data-slot]:not(:has(~[data-slot])) {
border-top-right-radius: var(--radius) !important;
border-bottom-right-radius: var(--radius) !important;
}
}
.\[\&\>\[data-slot\]\:not\(\:has\(\~\[data-slot\]\)\)\]\:rounded-b-lg\! {
&>[data-slot]:not(:has(~[data-slot])) {
border-bottom-right-radius: var(--radius) !important;
border-bottom-left-radius: var(--radius) !important;
}
}
.\[\&\>\[data-slot\]\~\[data-slot\]\]\:rounded-t-none {
&>[data-slot]~[data-slot] {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
}
.\[\&\>\[data-slot\]\~\[data-slot\]\]\:rounded-l-none {
&>[data-slot]~[data-slot] {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}
.\[\&\>\[data-slot\]\~\[data-slot\]\]\:border-t-0 {
&>[data-slot]~[data-slot] {
border-top-style: var(--tw-border-style);
border-top-width: 0px;
}
}
.\[\&\>\[data-slot\]\~\[data-slot\]\]\:border-l-0 {
&>[data-slot]~[data-slot] {
border-left-style: var(--tw-border-style);
border-left-width: 0px;
}
}
.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px {
&:has(>[data-slot=field-content]) {
&>[role=checkbox],[role=radio] {
margin-top: 1px;
}
}
}
.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px {
@container field-group (width >= 28rem) {
&:has(>[data-slot=field-content]) {
&>[role=checkbox],[role=radio] {
margin-top: 1px;
}
}
}
}
.\[\&\>a\]\:underline {
&>a {
text-decoration-line: underline;
}
}
.\[\&\>a\]\:underline-offset-4 {
&>a {
text-underline-offset: 4px;
}
}
.\[\&\>a\:hover\]\:text-primary {
&>a:hover {
color: var(--primary);
}
}
.\[\&\>button\]\:hidden {
&>button {
display: none;
}
}
.\[\&\>input\]\:flex-1 {
&>input {
flex: 1;
}
}
.has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3 {
&:has(>[data-align=block-end]) {
&>input {
padding-top: calc(var(--spacing) * 3);
}
}
}
.has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3 {
&:has(>[data-align=block-start]) {
&>input {
padding-bottom: calc(var(--spacing) * 3);
}
}
}
.has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-1\.5 {
&:has(>[data-align=inline-end]) {
&>input {
padding-right: calc(var(--spacing) * 1.5);
}
}
}
.has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-1\.5 {
&:has(>[data-align=inline-start]) {
&>input {
padding-left: calc(var(--spacing) * 1.5);
}
}
}
.\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] {
&>kbd {
border-radius: calc(var(--radius) - 5px);
}
}
.\[\&\>span\]\:text-xs {
&>span {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
}
.\[\&\>span\]\:opacity-70 {
&>span {
opacity: 70%;
}
}
.\[\&\>span\:last-child\]\:truncate {
&>span:last-child {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.\[\&\>svg\]\:pointer-events-none {
&>svg {
pointer-events: none;
}
}
.\[\&\>svg\]\:size-3\! {
&>svg {
width: calc(var(--spacing) * 3) !important;
height: calc(var(--spacing) * 3) !important;
}
}
.\[\&\>svg\]\:size-3\.5 {
&>svg {
width: calc(var(--spacing) * 3.5);
height: calc(var(--spacing) * 3.5);
}
}
.\[\&\>svg\]\:size-4 {
&>svg {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
}
.\[\&\>svg\]\:h-2\.5 {
&>svg {
height: calc(var(--spacing) * 2.5);
}
}
.\[\&\>svg\]\:h-3 {
&>svg {
height: calc(var(--spacing) * 3);
}
}
.\[\&\>svg\]\:w-2\.5 {
&>svg {
width: calc(var(--spacing) * 2.5);
}
}
.\[\&\>svg\]\:w-3 {
&>svg {
width: calc(var(--spacing) * 3);
}
}
.\[\&\>svg\]\:shrink-0 {
&>svg {
flex-shrink: 0;
}
}
.\[\&\>svg\]\:text-muted-foreground {
&>svg {
color: var(--muted-foreground);
}
}
.group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5 {
&:is(:where(.group\/avatar-group):has(*[data-size="lg"]) *) {
&>svg {
width: calc(var(--spacing) * 5);
height: calc(var(--spacing) * 5);
}
}
}
.group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3 {
&:is(:where(.group\/avatar-group):has(*[data-size="sm"]) *) {
&>svg {
width: calc(var(--spacing) * 3);
height: calc(var(--spacing) * 3);
}
}
}
.group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2 {
&:is(:where(.group\/avatar)[data-size="default"] *) {
&>svg {
width: calc(var(--spacing) * 2);
height: calc(var(--spacing) * 2);
}
}
}
.group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2 {
&:is(:where(.group\/avatar)[data-size="lg"] *) {
&>svg {
width: calc(var(--spacing) * 2);
height: calc(var(--spacing) * 2);
}
}
}
.group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden {
&:is(:where(.group\/avatar)[data-size="sm"] *) {
&>svg {
display: none;
}
}
}
.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
&>svg:not([class*='size-']) {
width: calc(var(--spacing) * 3.5);
height: calc(var(--spacing) * 3.5);
}
}
.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
&>svg:not([class*='size-']) {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
}
.\[\&\>tr\]\:last\:border-b-0 {
&>tr {
&:last-child {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0px;
}
}
}
.\[\&\[aria-orientation\=horizontal\]\>div\]\:rotate-90 {
&[aria-orientation=horizontal]>div {
rotate: 90deg;
}
}
.\[\&\[data-ending-style\]\:not\(\[data-limited\]\)\:not\(\[data-swipe-direction\]\)\]\:\[transform\:translateY\(150\%\)\] {
&[data-ending-style]:not([data-limited]):not([data-swipe-direction]) {
transform: translateY(150%);
}
}
.\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
[data-side=left][data-collapsible=offcanvas] & {
right: calc(var(--spacing) * -2);
}
}
.\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
[data-side=left][data-state=collapsed] & {
cursor: e-resize;
}
}
.\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
[data-side=right][data-collapsible=offcanvas] & {
left: calc(var(--spacing) * -2);
}
}
.\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
[data-side=right][data-state=collapsed] & {
cursor: w-resize;
}
}
.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 {
[data-variant=legend]+& {
margin-top: calc(var(--spacing) * -1.5);
}
}
}
@property --tw-animation-delay {
syntax: "*";
inherits: false;
initial-value: 0s;
}
@property --tw-animation-direction {
syntax: "*";
inherits: false;
initial-value: normal;
}
@property --tw-animation-duration {
syntax: "*";
inherits: false;
}
@property --tw-animation-fill-mode {
syntax: "*";
inherits: false;
initial-value: none;
}
@property --tw-animation-iteration-count {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-enter-blur {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-enter-opacity {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-enter-rotate {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-enter-scale {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-enter-translate-x {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-enter-translate-y {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-exit-blur {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-exit-opacity {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-exit-rotate {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-exit-scale {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-exit-translate-x {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-exit-translate-y {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --scroll-fade-t {
syntax: "";
inherits: false;
initial-value: 0px;
}
@property --scroll-fade-b {
syntax: "";
inherits: false;
initial-value: 0px;
}
@property --scroll-fade-s {
syntax: "";
inherits: false;
initial-value: 0px;
}
@property --scroll-fade-e {
syntax: "";
inherits: false;
initial-value: 0px;
}
@property --scroll-fade-mask {
syntax: "*";
inherits: false;
}
@property --shimmer-angle {
syntax: "";
inherits: true;
initial-value: 20deg;
}
@property --shimmer-image {
syntax: "*";
inherits: false;
}
@property --shimmer-text-fill {
syntax: "*";
inherits: false;
}
@media (prefers-reduced-motion: reduce) {
.shimmer {
animation: none;
background-image: none;
-webkit-text-fill-color: currentColor;
}
}
:scope {
--page: #f5f7fb;
--surface: #fff;
--line: #dce3ee;
--ink: #17263f;
--muted-ink: #596b85;
--brand: #e84e4b;
--brand-hover: #cc3e3d;
--brand-soft: #fff0ee;
--navy: #122d4f;
--navy-2: #173e66;
--info: #087f98;
--info-soft: #e6f7fa;
--success: #137b61;
--success-soft: #e8f7f1;
--warning: #a96800;
--warning-soft: #fff4cf;
--purple: #6556c8;
--purple-soft: #efedff;
--danger: #c93838;
--r-sm: 8px;
--r-md: 12px;
--r-lg: 20px;
--r-full: 999px;
--shadow-sm: 0 2px 8px rgb(18 45 79 / 6%);
--shadow-md: 0 14px 32px rgb(18 45 79 / 12%);
--focus: 0 0 0 3px rgb(232 78 75 / 28%);
--background: var(--page);
--foreground: var(--ink);
--card: var(--surface);
--card-foreground: var(--ink);
--popover: var(--surface);
--popover-foreground: var(--ink);
--primary: var(--brand);
--primary-foreground: #fff;
--secondary: #eef1f8;
--secondary-foreground: #1c2b48;
--muted: #edf1f7;
--muted-foreground: var(--muted-ink);
--accent: var(--navy);
--accent-foreground: #fff;
--destructive: var(--danger);
--border: var(--line);
--input: #cbd5e1;
--ring: var(--brand);
--radius: var(--r-md);
}
* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0;
overflow-x: clip;
background: var(--background);
color: var(--foreground);
font-family: "Hiragino Kaku Gothic ProN","Yu Gothic","YuGothic",system-ui,sans-serif;
font-size: 14px;
line-height: 1.65;
}
button,input {
font: inherit;
}
button {
cursor: pointer;
}
button:disabled {
opacity: .45;
cursor: not-allowed;
transform: none !important;
}
a:focus-visible,button:focus-visible,input:focus-visible {
outline: 0;
box-shadow: var(--focus);
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border: 0;
}
.site-shell {
min-width: 1180px;
background: linear-gradient(180deg,#edf9ff 0,#f5f7fb 520px);
}
.legal-bar {
height: 32px;
padding: 0 max(24px,calc((100vw - 1240px)/2));
display: flex;
align-items: center;
gap: 18px;
background: #12213d;
color: #dce7f8;
font-size: 11px;
letter-spacing: .02em;
}
.legal-bar b {
color: #ffdc57;
letter-spacing: .12em;
}
.legal-bar a {
margin-left: auto;
color: #fff;
text-decoration: underline;
text-underline-offset: 3px;
}
.main-header {
height: 78px;
padding: 0 max(24px,calc((100vw - 1240px)/2));
display: flex;
align-items: center;
background: #fff;
border-bottom: 1px solid #e0e6f1;
box-shadow: 0 4px 18px rgba(34,53,90,.05);
position: sticky;
top: 0;
z-index: 50;
}
.logo {
display: flex;
align-items: center;
gap: 9px;
color: #172239;
text-decoration: none;
}
.logo>span {
width: 42px;
height: 42px;
display: grid;
place-items: center;
border-radius: 13px;
background: linear-gradient(135deg,#ff625b,#ff3c51);
color: #fff;
box-shadow: 0 6px 14px rgba(255,79,74,.22);
transform: rotate(-4deg);
}
.logo svg {
width: 24px;
}
.logo strong {
font-size: 23px;
line-height: 1;
letter-spacing: -.08em;
}
.logo strong>span {
color: #ff4f4a;
}
.logo small {
display: block;
margin-top: 5px;
font-family: Arial,sans-serif;
font-size: 7px;
letter-spacing: .2em;
color: #728098;
}
.primary-nav {
height: 100%;
margin-left: 60px;
display: flex;
align-items: center;
gap: 33px;
}
.primary-nav a {
height: 100%;
display: flex;
align-items: center;
color: #283a59;
text-decoration: none;
font-size: 13px;
font-weight: 800;
position: relative;
white-space: nowrap;
}
.primary-nav a::after {
content: "";
height: 3px;
position: absolute;
inset: auto 50% 0;
background: #ff4f4a;
transition: .2s;
}
.primary-nav a:hover::after {
inset-inline: 0;
}
.nav-search,.menu-toggle {
margin-left: auto;
width: 38px;
height: 38px;
border: 0;
border-radius: 50%;
display: grid;
place-items: center;
background: #eef2f8;
color: #33425d;
}
.nav-search svg {
width: 18px;
}
.menu-toggle {
display: none;
}
.page-wrap {
width: 1200px;
margin: 0 auto;
padding: 28px 0 70px;
}
.hero-banner {
height: 448px;
display: grid;
grid-template-columns: 56% 44%;
position: relative;
overflow: hidden;
border-radius: var(--r-lg);
background: linear-gradient(125deg,var(--navy) 0%,var(--navy-2) 58%,var(--info) 100%);
color: #fff;
box-shadow: var(--shadow-md);
}
.hero-pattern {
position: absolute;
inset: 0;
background-image: radial-gradient(circle at 18% 30%,rgba(255,255,255,.11) 0 2px,transparent 3px),linear-gradient(115deg,transparent 50%,rgba(0,210,221,.14));
background-size: 28px 28px,100% 100%;
mask-image: linear-gradient(to right,#000,transparent 75%);
}
.hero-copy {
padding: 48px 0 42px 58px;
position: relative;
z-index: 3;
}
.hero-chips {
display: flex;
gap: 8px;
}
.hero-chips span {
padding: 6px 10px;
display: flex;
align-items: center;
gap: 5px;
border: 1px solid rgba(255,255,255,.32);
border-radius: 99px;
background: rgba(255,255,255,.08);
font-size: 11px;
font-weight: 700;
}
.hero-chips svg {
width: 13px;
color: #67e4e9;
}
.hero-kicker {
margin: 22px 0 5px;
color: #78e1e3;
font-weight: 800;
font-size: 16px;
letter-spacing: .08em;
}
.hero-banner h1 {
margin: 0;
font-size: 50px;
line-height: 1.2;
letter-spacing: -.05em;
text-shadow: 0 3px 18px rgba(0,0,0,.18);
}
.hero-banner h1 em {
color: #ffdf5a;
font-style: normal;
}
.hero-desc {
margin: 13px 0 18px;
color: #dbeaf3;
font-size: 14px;
line-height: 1.75;
}
.hero-search {
width: 610px;
height: 58px;
padding: 6px 7px 6px 15px;
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 8px;
border-radius: 12px;
background: #fff;
box-shadow: 0 10px 25px rgba(8,27,55,.26);
}
.hero-search>svg {
width: 20px;
color: #78879c;
}
.hero-search input {
height: 44px;
border: 0;
box-shadow: none;
background: transparent;
}
.hero-search button {
height: 44px;
border-radius: 8px;
}
.hero-search button svg {
width: 16px;
}
.popular-terms {
margin-top: 12px;
display: flex;
align-items: center;
gap: 8px;
color: #b8ccd9;
font-size: 11px;
}
.popular-terms b {
color: #fff;
}
.popular-terms button {
padding: 0;
border: 0;
background: none;
color: #bfeef0;
text-decoration: underline;
text-underline-offset: 3px;
}
.hero-visual {
position: relative;
z-index: 2;
}
.hero-visual>img {
width: 385px;
height: auto;
position: absolute;
right: 55px;
bottom: -235px;
filter: drop-shadow(0 12px 18px rgba(0,0,0,.25));
}
.speech-bubble {
position: absolute;
right: 18px;
top: 28px;
z-index: 2;
padding: 14px 18px;
border-radius: 16px;
background: #fff;
color: #1b2d4b;
box-shadow: 0 8px 24px rgba(0,0,0,.15);
transform: rotate(3deg);
}
.speech-bubble::after {
content: "";
position: absolute;
left: 22px;
bottom: -11px;
border: 12px solid transparent;
border-top-color: #fff;
border-left: 0;
}
.speech-bubble b {
display: block;
font-size: 15px;
line-height: 1.5;
}
.speech-bubble span {
color: #ff4f4a;
font-size: 10px;
font-weight: 800;
}
.mini-rank {
position: absolute;
left: -18px;
bottom: 32px;
z-index: 3;
width: 170px;
padding: 13px 16px;
border: 2px solid #fff;
border-radius: 14px;
background: #ff4f4a;
box-shadow: 0 10px 28px rgba(0,0,0,.2);
transform: rotate(-2deg);
}
.mini-rank span,.mini-rank b {
display: block;
}
.mini-rank span {
font-size: 10px;
}
.mini-rank b {
margin: 3px 0;
font-family: Arial,sans-serif;
font-size: 20px;
}
.mini-rank strong {
display: flex;
align-items: center;
gap: 4px;
color: #ffef79;
}
.mini-rank svg {
width: 15px;
}
.quick-points {
height: 92px;
margin: -1px 24px 30px;
display: grid;
grid-template-columns: repeat(4,1fr);
position: relative;
z-index: 5;
border-radius: 0 0 16px 16px;
background: #fff;
box-shadow: 0 12px 28px rgba(31,51,85,.09);
}
.quick-points article {
display: grid;
grid-template-columns: auto auto 1fr;
align-items: center;
gap: 12px;
padding: 0 24px;
border-right: 1px solid #e5e9f1;
}
.quick-points article:last-child {
border: 0;
}
.quick-points>article>span {
align-self: flex-start;
padding-top: 22px;
color: #b2bac9;
font: 700 10px Arial;
}
.quick-points svg {
width: 25px;
color: #ff4f4a;
}
.quick-points b,.quick-points small {
display: block;
}
.quick-points b {
font-size: 14px;
}
.quick-points small {
margin-top: 4px;
color: #8792a4;
font-size: 10px;
}
.content-layout {
display: grid;
grid-template-columns: minmax(0,1fr) 280px;
gap: 24px;
align-items: start;
}
.main-column {
display: grid;
gap: 24px;
}
.section-block,.side-panel,.pedia-section,.directory-section,.method-strip {
border: 1px solid var(--line);
border-radius: var(--r-md);
background: var(--surface);
box-shadow: var(--shadow-sm);
}
.section-block {
padding: 28px;
}
.section-title {
display: flex;
align-items: center;
gap: 13px;
margin-bottom: 22px;
}
.section-title .title-icon {
width: 46px;
height: 46px;
display: grid;
place-items: center;
border-radius: 13px;
background: #fff1c2;
color: #d99600;
}
.section-title .title-icon svg {
width: 23px;
}
.section-title small {
color: #7890ad;
font: 700 9px Arial;
letter-spacing: .16em;
}
.section-title h2 {
margin: 3px 0 0;
font-size: 23px;
letter-spacing: -.04em;
}
.section-title>p {
margin-left: auto;
color: #7f8a9c;
font-size: 11px;
}
.section-title.compact {
padding-bottom: 18px;
border-bottom: 1px solid #e5e9f0;
}
.section-title.compact>button {
margin-left: auto;
border: 0;
background: none;
color: #43617f;
font-size: 11px;
font-weight: 700;
}
.section-title.compact>button svg {
width: 14px;
display: inline;
}
.title-icon.coral {
background: #ffe8e6 !important;
color: #ff4f4a !important;
}
.title-icon.purple {
background: #eeeaff !important;
color: #6d5ce8 !important;
}
.title-icon.blue {
background: #def8fb !important;
color: #0a9daf !important;
}
.title-icon.yellow {
background: #fff1c2 !important;
color: #d99600 !important;
}
.filter-tabs {
display: flex;
gap: 7px;
margin-bottom: 15px;
}
.filter-tabs button {
height: 38px;
padding-inline: 14px;
border-radius: var(--r-full);
font-size: 12px;
font-weight: 800;
transition: all .16s;
}
.filter-tabs button[aria-pressed="true"] {
background: var(--brand);
border-color: var(--brand);
color: #fff;
}
.filter-tabs button:hover {
transform: translateY(-1px);
}
.ranking-cards {
display: grid;
gap: 13px;
}
.rank-card {
min-height: 192px;
display: grid;
grid-template-columns: 58px 145px 100px 156px 130px 1fr 138px;
align-items: center;
border: 1px solid #dfe5ee;
border-radius: 13px;
overflow: hidden;
background: #fff;
transition: .2s;
}
.rank-card:hover {
border-color: #aac4e1;
box-shadow: 0 10px 24px rgba(28,52,88,.1);
transform: translateY(-2px);
}
.rank-badge {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: #edf1f6;
color: #5c6d85;
}
.rank-badge small {
font: 700 8px Arial;
letter-spacing: .1em;
}
.rank-badge b {
font: 800 32px Arial;
}
.rank-1 {
background: linear-gradient(180deg,#ffd84f,#ffbd36);
color: #674300;
}
.rank-2 {
background: linear-gradient(180deg,#dae2ef,#b9c6d7);
color: #43526a;
}
.rank-3 {
background: linear-gradient(180deg,#e9b985,#cf8e52);
color: #68401e;
}
.casino-brand {
align-self: stretch;
padding: 19px 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
text-align: center;
border-right: 1px solid #e9edf3;
}
.casino-brand>span {
width: 52px;
height: 52px;
display: grid;
place-items: center;
border: 3px solid var(--brand-color);
@supports (color: color-mix(in lab, red, red)) {
border: 3px solid color-mix(in srgb,var(--brand-color),white 55%);
}
border-radius: 50%;
background: var(--brand-color);
color: #fff;
font-family: "Yu Mincho",serif;
font-size: 19px;
box-shadow: 0 5px 10px var(--brand-color);
@supports (color: color-mix(in lab, red, red)) {
box-shadow: 0 5px 10px color-mix(in srgb,var(--brand-color),transparent 76%);
}
}
.casino-brand h3 {
margin: 0;
font: 800 15px Arial;
letter-spacing: -.02em;
}
.casino-brand small {
font-size: 9px;
color: #7f899a;
}
.score-box {
text-align: center;
}
.score-box>span {
font-size: 9px;
color: #7d899d;
}
.score-box>strong {
display: block;
margin: 2px 0;
color: #ff4f4a;
font: 800 29px Arial;
}
.score-box>div {
display: flex;
justify-content: center;
color: #ffbf23;
}
.score-box svg {
width: 11px;
height: 11px;
}
.bonus-box {
padding: 0 12px;
border-left: 1px solid #e9edf3;
}
.bonus-box small,.bonus-box b,.bonus-box span {
display: block;
}
.bonus-box small {
font-size: 9px;
color: #7d899d;
}
.bonus-box b {
margin: 6px 0;
color: #ee423e;
font-size: 14px;
}
.bonus-box span {
font-size: 9px;
color: #8590a1;
}
.rank-card dl {
margin: 0;
padding: 0 12px;
border-left: 1px solid #e9edf3;
}
.rank-card dl>div {
display: flex;
justify-content: space-between;
padding: 6px 0;
border-bottom: 1px dashed #dfe4ec;
font-size: 9px;
}
.rank-card dl>div:last-child {
border: 0;
}
.rank-card dt {
color: #7d899d;
}
.rank-card dd {
margin: 0;
font-weight: 800;
}
.rank-card ul {
margin: 0;
padding: 0 8px;
list-style: none;
}
.rank-card li {
display: flex;
align-items: center;
gap: 3px;
margin: 5px 0;
font-size: 9px;
color: #55637a;
}
.rank-card li svg {
width: 12px;
color: #14a778;
}
.card-actions {
display: flex;
flex-direction: column;
gap: 8px;
padding-right: 12px;
}
.card-actions>button:first-child {
height: 38px;
padding: 0 10px;
border-radius: 7px;
font-size: 11px;
}
.card-actions>button:first-child svg {
width: 14px;
}
.card-actions>button:last-child {
border: 0;
background: none;
color: #68758b;
font-size: 9px;
text-decoration: underline;
}
.no-result {
padding: 50px;
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
color: #728099;
}
.no-result svg {
color: #ff4f4a;
}
.no-result button {
border: 0;
background: none;
color: #ff4f4a;
text-decoration: underline;
}
.rank-card.large {
min-height: 0;
display: block;
border-radius: var(--r-md);
overflow: hidden;
background: #fff;
transform: none;
}
.rank-card.large:hover {
transform: translateY(-2px);
border-color: var(--brand-color);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in srgb,var(--brand-color),white 45%);
}
}
.rank-card-head {
height: 61px;
display: flex;
align-items: center;
background: linear-gradient(90deg,var(--brand-color),var(--brand-color));
@supports (color: color-mix(in lab, red, red)) {
background: linear-gradient(90deg,var(--brand-color),color-mix(in srgb,var(--brand-color),white 22%));
}
color: #fff;
}
.rank-card-head .rank-badge {
width: 92px;
height: 61px;
align-self: auto;
display: grid;
grid-template-columns: auto auto;
grid-template-rows: 20px 25px;
place-content: center;
column-gap: 4px;
background: rgba(0,0,0,.17);
color: #fff;
}
.rank-card-head .rank-badge svg {
width: 19px;
height: 19px;
grid-row: 1/3;
align-self: center;
color: #ffe163;
}
.rank-card-head .rank-badge small {
font-size: 7px;
align-self: end;
}
.rank-card-head .rank-badge b {
font-size: 24px;
line-height: 1;
}
.rank-card-head .rank-1 {
background: linear-gradient(135deg,#ffb900,#ff7d25);
color: #fff;
}
.rank-card-head .rank-2 {
background: linear-gradient(135deg,#b9c7d9,#7d91aa);
color: #fff;
}
.rank-card-head .rank-3 {
background: linear-gradient(135deg,#dc9e62,#a76537);
color: #fff;
}
.rank-card-title {
height: 100%;
display: flex;
align-items: center;
gap: 11px;
padding: 0 18px;
}
.rank-card-title>span {
width: 39px;
height: 39px;
display: grid;
place-items: center;
border: 2px solid rgba(255,255,255,.75);
border-radius: 12px;
background: var(--brand-accent);
color: var(--brand-color);
box-shadow: 0 3px 10px rgba(0,0,0,.15);
font: 900 13px Arial;
transform: rotate(-5deg);
}
.rank-card-title b,.rank-card-title small {
display: block;
}
.rank-card-title b {
font-size: 17px;
}
.rank-card-title small {
margin-top: 2px;
color: rgba(255,255,255,.78);
font: 700 8px Arial;
letter-spacing: .1em;
}
.rank-card-head>em {
margin-left: auto;
margin-right: 18px;
padding: 6px 11px;
border: 1px solid rgba(255,255,255,.5);
border-radius: 99px;
background: rgba(255,255,255,.13);
font-size: 9px;
font-style: normal;
font-weight: 800;
}
.rank-card-body {
display: grid;
grid-template-columns: 43% 57%;
grid-template-rows: 228px auto;
}
.brand-visual {
grid-column: 1;
grid-row: 1;
position: relative;
overflow: hidden;
margin: 22px 0 0 22px;
border-radius: 11px;
background: radial-gradient(circle at 72% 45%,var(--brand-accent),transparent 35%),linear-gradient(135deg,var(--brand-color),#091528);
@supports (color: color-mix(in lab, red, red)) {
background: radial-gradient(circle at 72% 45%,color-mix(in srgb,var(--brand-accent),transparent 55%),transparent 35%),linear-gradient(135deg,var(--brand-color),#091528);
}
color: #fff;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.13);
}
.brand-visual::before {
content: "";
position: absolute;
width: 210px;
height: 210px;
right: -65px;
top: -48px;
border: 18px solid var(--brand-accent);
@supports (color: color-mix(in lab, red, red)) {
border: 18px solid color-mix(in srgb,var(--brand-accent),transparent 70%);
}
border-radius: 50%;
box-shadow: 0 0 0 22px var(--brand-accent),0 0 35px var(--brand-accent);
@supports (color: color-mix(in lab, red, red)) {
box-shadow: 0 0 0 22px color-mix(in srgb,var(--brand-accent),transparent 88%),0 0 35px var(--brand-accent);
}
}
.anime-logo {
position: absolute;
inset: 0;
z-index: 2;
display: grid;
grid-template-columns: 92px 1fr;
align-items: center;
gap: 18px;
padding: 28px 32px;
}
.anime-mark {
position: relative;
width: 90px;
height: 90px;
display: grid;
place-items: center;
filter: drop-shadow(0 8px 12px rgba(0,0,0,.28));
animation: brand-float 3.4s ease-in-out infinite;
}
.anime-mark>i {
position: absolute;
inset: 6px;
border: 2px solid rgba(255,255,255,.84);
border-radius: 30% 70% 58% 42%/45% 38% 62% 55%;
background: linear-gradient(145deg,var(--brand-accent),var(--brand-accent));
@supports (color: color-mix(in lab, red, red)) {
background: linear-gradient(145deg,var(--brand-accent),color-mix(in srgb,var(--brand-accent),white 24%));
}
box-shadow: inset 0 0 0 6px var(--brand-color),0 0 24px var(--brand-accent);
@supports (color: color-mix(in lab, red, red)) {
box-shadow: inset 0 0 0 6px color-mix(in srgb,var(--brand-color),transparent 78%),0 0 24px color-mix(in srgb,var(--brand-accent),transparent 20%);
}
transform: rotate(-11deg);
}
.anime-mark>span {
z-index: 1;
width: 55px;
height: 55px;
display: grid;
place-items: center;
color: var(--brand-color);
}
.anime-mark svg {
width: 42px;
height: 42px;
stroke-width: 2.5;
}
.anime-mark>span>span {
font: 900 38px/1 "Yu Mincho",serif;
}
.anime-mark>b {
position: absolute;
z-index: 2;
right: 0;
top: 0;
color: #fff;
font-size: 24px;
text-shadow: 0 0 10px var(--brand-accent);
animation: brand-twinkle 1.8s ease-in-out infinite;
}
.anime-wordmark {
min-width: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.anime-wordmark strong {
color: #fff;
font: 900 30px/1 Arial,sans-serif;
letter-spacing: -.055em;
text-shadow: 0 2px 0 rgba(0,0,0,.25),0 0 18px var(--brand-accent);
@supports (color: color-mix(in lab, red, red)) {
text-shadow: 0 2px 0 rgba(0,0,0,.25),0 0 18px color-mix(in srgb,var(--brand-accent),transparent 60%);
}
white-space: nowrap;
}
.anime-wordmark strong>span {
color: var(--brand-accent);
}
.anime-wordmark small {
margin-top: 8px;
color: var(--brand-accent);
font: 800 8px Arial;
letter-spacing: .17em;
}
.anime-wordmark em {
margin-top: 5px;
color: rgba(255,255,255,.74);
font: 700 8px Arial;
letter-spacing: .3em;
font-style: normal;
}
.anime-origin {
position: absolute;
left: 31px;
bottom: 13px;
padding: 3px 6px;
border: 1px solid rgba(255,255,255,.25);
border-radius: 4px;
background: rgba(3,12,26,.35);
color: rgba(255,255,255,.67);
font: 700 6px Arial;
letter-spacing: .12em;
}
.anime-logo-yuugado .anime-mark>i {
border-radius: 50%;
background: linear-gradient(145deg,#f7e5b2,#c89a25);
}
.anime-logo-yuugado .jp-wordmark {
font-family: "Yu Mincho","Hiragino Mincho ProN",serif;
font-size: 29px;
letter-spacing: .08em;
}
.anime-logo-stealth .anime-mark>i {
border-radius: 42% 42% 55% 55%;
clip-path: polygon(13% 23%,28% 4%,39% 20%,62% 20%,76% 4%,88% 24%,84% 81%,50% 100%,17% 81%);
}
.anime-logo-rainbet .anime-mark>i {
border-radius: 55% 45% 54% 46%;
}
.anime-logo-verajohn .anime-mark>i {
border-radius: 50%;
background: linear-gradient(145deg,#ffdf5d,#ff7cab);
}
.anime-logo-verajohn .anime-wordmark strong {
font-family: Georgia,serif;
font-style: italic;
letter-spacing: -.08em;
}
.anime-logo-stake .anime-wordmark strong {
font-size: 35px;
font-style: italic;
}
.brand-ribbon {
position: absolute;
right: -39px;
bottom: 24px;
width: 175px;
padding: 7px;
background: #ffef5f;
color: #342d00;
text-align: center;
font-size: 9px;
font-weight: 900;
transform: rotate(-35deg);
z-index: 3;
}
.visual-spark {
position: absolute;
z-index: 2;
color: #fff;
}
.spark-a {
right: 31px;
top: 19px;
font-size: 28px;
}
.spark-b {
right: 92px;
top: 43px;
color: var(--brand-accent);
font-size: 17px;
}
@keyframes brand-float {
0%,100% {
transform: translateY(0) rotate(-2deg);
}
50% {
transform: translateY(-7px) rotate(2deg);
}
}
@keyframes brand-twinkle {
0%,100% {
opacity: .45;
transform: scale(.75) rotate(0);
}
50% {
opacity: 1;
transform: scale(1.2) rotate(18deg);
}
}
.brand-details {
grid-column: 1;
grid-row: 2;
margin: 0 0 20px 22px;
padding: 15px 0 0;
}
.payment-line {
display: flex;
align-items: center;
gap: 14px;
}
.payment-line>b {
flex: none;
color: #6f7b90;
font-size: 10px;
}
.payment-marks {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.payment-marks>span {
width: 39px;
height: 32px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 7px;
background: var(--coin);
color: #fff;
box-shadow: 0 3px 7px var(--coin);
@supports (color: color-mix(in lab, red, red)) {
box-shadow: 0 3px 7px color-mix(in srgb,var(--coin),transparent 78%);
}
}
.payment-marks b {
font: 900 14px Arial;
line-height: 1;
}
.payment-marks small {
margin-top: 2px;
font: 700 5px Arial;
letter-spacing: .03em;
}
.brand-links {
margin-top: 15px;
padding-top: 13px;
display: flex;
justify-content: space-between;
border-top: 1px solid #e2e6ed;
}
.brand-links :is(button,a.review-link) {
padding: 0;
border: 0;
background: none;
color: #68768a;
font-size: 10px;
}
.brand-links :is(button,a.review-link):first-child {
text-decoration: underline;
text-decoration-style: dotted;
text-underline-offset: 4px;
}
.brand-links svg {
width: 13px;
display: inline;
}
.rank-facts {
grid-column: 2;
grid-row: 1/3;
padding: 23px;
display: flex;
flex-direction: column;
}
.score-wide {
height: 38px;
display: flex;
align-items: center;
gap: 12px;
}
.score-wide>div {
display: flex;
color: #ffc31e;
}
.score-wide svg {
width: 23px;
height: 23px;
}
.score-wide>b {
color: #697489;
font-size: 12px;
}
.fact-top {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
margin-top: 11px;
}
.fact-top>div,.fact-grid>div {
min-height: 72px;
padding: 13px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: 1px solid #dfe4ec;
border-radius: 10px;
background: #fbfcfe;
text-align: center;
}
.fact-top>div:last-child span {
width: calc(100% + 26px);
margin: -13px -13px 10px;
padding: 8px;
border-radius: 9px 9px 0 0;
background: #ff4f4a;
color: #fff;
}
.fact-top span,.fact-grid span {
color: #707b8f;
font-size: 10px;
font-weight: 700;
}
.fact-top strong {
font-size: 14px;
}
.fact-grid {
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 9px;
margin-top: 9px;
}
.fact-grid>div {
min-height: 62px;
padding: 8px;
}
.fact-grid b {
margin-top: 4px;
font-size: 14px;
}
.wide-action {
height: 53px;
margin-top: 12px;
display: grid;
grid-template-columns: 38px 1fr auto;
border: 0;
border-radius: 10px;
background: linear-gradient(90deg,var(--brand-color),var(--brand-color));
@supports (color: color-mix(in lab, red, red)) {
background: linear-gradient(90deg,var(--brand-color),color-mix(in srgb,var(--brand-color),var(--brand-accent) 26%));
}
box-shadow: 0 6px 14px var(--brand-color);
@supports (color: color-mix(in lab, red, red)) {
box-shadow: 0 6px 14px color-mix(in srgb,var(--brand-color),transparent 78%);
}
}
.wide-action:hover {
background: linear-gradient(90deg,var(--brand-color),var(--brand-color));
@supports (color: color-mix(in lab, red, red)) {
background: linear-gradient(90deg,color-mix(in srgb,var(--brand-color),white 7%),color-mix(in srgb,var(--brand-color),var(--brand-accent) 36%));
}
}
.action-logo {
width: 34px;
height: 34px;
display: grid;
place-items: center;
border: 1px solid rgba(255,255,255,.55);
border-radius: 9px;
background: rgba(255,255,255,.12);
font: 800 9px Arial;
}
.wide-action>b {
font-size: 12px;
}
.wide-action svg {
width: 17px;
}
.bonus-grid {
display: grid;
grid-template-columns: 1.25fr .75fr;
gap: 15px;
}
.bonus-main {
min-height: 285px;
padding: 32px;
position: relative;
overflow: hidden;
border-radius: 14px;
background: linear-gradient(130deg,#ff5c54,#ff3d6f);
color: #fff;
}
.bonus-main::after {
content: "¥";
position: absolute;
right: -15px;
bottom: -65px;
color: rgba(255,255,255,.12);
font: 800 230px Arial;
transform: rotate(12deg);
}
.ribbon {
position: absolute;
right: -41px;
top: 24px;
width: 160px;
padding: 6px;
text-align: center;
background: #ffdf55;
color: #5f4300;
font-size: 9px;
font-weight: 800;
transform: rotate(35deg);
}
.bonus-main>small {
font: 700 10px Arial;
letter-spacing: .15em;
}
.bonus-main h3 {
margin: 11px 0 8px;
font-size: 28px;
line-height: 1.35;
}
.bonus-main h3 em {
color: #ffef80;
font-style: normal;
font-size: 32px;
}
.bonus-main p {
font-size: 11px;
}
.bonus-main button {
margin-top: 12px;
background: #fff;
color: #e33b4d;
border: 0;
}
.bonus-mini-list {
display: grid;
gap: 9px;
}
.bonus-mini-list button {
padding: 14px;
display: grid;
grid-template-columns: auto auto 1fr auto;
align-items: center;
gap: 10px;
border: 1px solid #e0e5ee;
border-radius: 11px;
background: #f9fbfe;
text-align: left;
}
.bonus-mini-list button>b {
color: #a8b2c2;
font: 700 9px Arial;
}
.bonus-mini-list button>svg {
width: 24px;
color: #ff4f4a;
}
.bonus-mini-list small,.bonus-mini-list strong {
display: block;
}
.bonus-mini-list small {
font-size: 10px;
color: #6e7b90;
}
.bonus-mini-list strong {
margin-top: 3px;
font-size: 14px;
}
.bonus-mini-list button>svg:last-child {
width: 15px;
color: #8a96a8;
}
.promo-row {
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 12px;
}
.promo-row button {
min-height: 142px;
padding: 19px;
border: 1px solid #e0e5ee;
border-top: 5px solid var(--promo);
border-radius: 11px;
background: #fff;
text-align: left;
}
.promo-row span {
padding: 3px 7px;
border-radius: 99px;
background: var(--promo);
@supports (color: color-mix(in lab, red, red)) {
background: color-mix(in srgb,var(--promo),white 87%);
}
color: var(--promo);
font-size: 9px;
font-weight: 800;
}
.promo-row b {
display: block;
margin-top: 13px;
font-size: 14px;
}
.promo-row p {
margin: 6px 0 15px;
color: #718096;
font-size: 11px;
}
.promo-row small {
display: flex;
align-items: center;
justify-content: flex-end;
color: #526782;
}
.promo-row svg {
width: 13px;
}
.game-grid {
display: grid;
grid-template-columns: repeat(5,1fr);
gap: 10px;
}
.game-grid button {
min-height: 145px;
padding: 16px;
border: 1px solid #e2e6ee;
border-radius: 12px;
background: #f9fbfe;
text-align: left;
transition: .2s;
}
.game-grid button:hover {
border-color: #7bd5df;
background: #effdff;
transform: translateY(-2px);
}
.game-grid button>span {
width: 45px;
height: 45px;
display: grid;
place-items: center;
border-radius: 13px;
background: #dff7fa;
color: #0a9cad;
}
.game-grid small,.game-grid b,.game-grid em {
display: block;
}
.game-grid small {
margin-top: 12px;
color: #8290a4;
font: 700 8px Arial;
letter-spacing: .12em;
}
.game-grid b {
margin: 3px 0;
font-size: 14px;
}
.game-grid em {
color: #9ba5b3;
font: normal 9px Arial;
}
.sidebar {
display: grid;
gap: 18px;
}
.side-panel {
overflow: hidden;
}
.side-heading {
padding: 15px 17px;
border-bottom: 1px solid #e5e9f0;
}
.side-heading span,.side-heading b {
display: block;
}
.side-heading span {
color: #ff4f4a;
font: 700 8px Arial;
letter-spacing: .15em;
}
.side-heading b {
margin-top: 3px;
font-size: 14px;
}
.editor-panel {
background: linear-gradient(150deg,#eafaff,#fff 60%);
}
.editor-row {
height: 145px;
display: grid;
grid-template-columns: 92px 1fr;
align-items: end;
overflow: hidden;
}
.editor-row img {
width: 105px;
height: auto;
align-self: start;
margin-top: -7px;
filter: drop-shadow(0 4px 7px rgba(34,54,86,.15));
}
.editor-row p {
align-self: center;
margin: 0;
padding: 12px 12px 12px 0;
color: #52627b;
font-size: 10px;
line-height: 1.7;
}
.editor-panel>button {
width: calc(100% - 28px);
margin: 0 14px 14px;
padding: 10px;
border: 0;
border-radius: 7px;
background: #12a5b3;
color: #fff;
font-size: 10px;
font-weight: 800;
}
.editor-panel>button svg {
width: 13px;
display: inline;
}
.side-rank {
width: 100%;
padding: 13px 15px;
display: grid;
grid-template-columns: 32px 1fr auto;
align-items: center;
gap: 8px;
border: 0;
border-bottom: 1px solid #e9edf3;
background: #fff;
text-align: left;
}
.side-rank:last-child {
border: 0;
}
.side-rank>strong {
font: 800 20px Arial;
color: #ffc026;
}
.side-rank span {
font-size: 11px;
font-weight: 800;
}
.side-rank span small {
display: block;
margin-top: 3px;
color: #8b96a7;
font: normal 8px Arial;
}
.side-rank svg {
width: 14px;
color: #9aa4b3;
}
.sticky-panel {
position: sticky;
top: 96px;
}
.article-link {
width: 100%;
padding: 15px;
display: grid;
grid-template-columns: 30px 1fr;
gap: 8px;
border: 0;
border-bottom: 1px solid #e9edf3;
background: #fff;
text-align: left;
}
.article-link>b {
color: #c0c8d4;
font: 700 13px Arial;
}
.article-link span {
font-size: 11px;
font-weight: 700;
line-height: 1.4;
}
.article-link small {
display: block;
margin-top: 4px;
color: #98a2b2;
font-size: 8px;
font-weight: 400;
}
.pedia-section {
margin-top: 30px;
padding: 30px;
}
.section-title.wide>p {
margin-left: auto;
color: #7f8a9c;
font-size: 11px;
}
.pedia-grid {
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 14px;
}
.pedia-grid button {
min-height: 225px;
padding: 22px;
position: relative;
overflow: hidden;
border: 1px solid #e0e5ee;
border-radius: 13px;
background: #fff;
text-align: left;
}
.pedia-grid button::after {
content: "";
width: 120px;
height: 120px;
position: absolute;
right: -45px;
bottom: -50px;
border: 22px solid var(--pedia);
@supports (color: color-mix(in lab, red, red)) {
border: 22px solid color-mix(in srgb,var(--pedia),white 78%);
}
border-radius: 50%;
}
.pedia-grid button>span {
padding: 4px 7px;
border-radius: 4px;
background: var(--pedia);
@supports (color: color-mix(in lab, red, red)) {
background: color-mix(in srgb,var(--pedia),white 88%);
}
color: var(--pedia);
font: 800 8px Arial;
letter-spacing: .12em;
}
.pedia-grid button>b {
position: absolute;
right: 18px;
top: 14px;
color: #dfe4ec;
font: 800 30px Arial;
}
.pedia-grid h3 {
margin: 35px 0 8px;
font-size: 17px;
}
.pedia-grid p {
margin: 0;
color: #728096;
font-size: 11px;
}
.pedia-grid em {
display: flex;
align-items: center;
gap: 6px;
margin-top: 28px;
color: var(--pedia);
font-size: 10px;
font-style: normal;
font-weight: 800;
}
.pedia-grid svg {
width: 14px;
}
.directory-section {
margin-top: 25px;
padding: 25px 28px;
display: grid;
grid-template-columns: 260px 1fr auto;
align-items: center;
gap: 28px;
}
.directory-copy small {
color: #0a9cad;
font: 700 8px Arial;
letter-spacing: .15em;
}
.directory-copy h2 {
margin: 4px 0;
font-size: 20px;
}
.directory-copy p {
margin: 0;
color: #8792a3;
font-size: 9px;
}
.alphabet {
display: flex;
flex-wrap: wrap;
gap: 4px;
}
.alphabet button {
width: 28px;
height: 28px;
padding: 0;
border: 1px solid #dde3ec;
border-radius: 5px;
background: #f6f8fb;
color: #3b506e;
font: 700 9px Arial;
}
.alphabet button:hover {
border-color: #0a9cad;
background: #0a9cad;
color: #fff;
}
.directory-section>button {
font-size: 11px;
}
.method-strip {
margin-top: 25px;
padding: 20px 26px;
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 15px;
border-color: #b8dcdf;
background: #effcfd;
}
.method-strip>svg {
width: 30px;
color: #0a9cad;
}
.method-strip b {
font-size: 13px;
}
.method-strip p {
margin: 4px 0 0;
color: #62788e;
font-size: 10px;
}
.method-strip button {
border: 0;
background: none;
color: #087f8d;
font-size: 10px;
font-weight: 800;
}
.method-strip button svg {
width: 13px;
display: inline;
}
footer {
min-width: 1180px;
padding: 38px max(24px,calc((100vw - 1240px)/2));
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 45px;
background: #101d36;
color: #fff;
}
.footer-logo {
color: #fff;
}
footer p {
margin: 0;
color: #a9b7cb;
font-size: 10px;
}
footer>small {
color: #74849b;
font: 8px Arial;
letter-spacing: .12em;
}
.toast {
position: fixed;
z-index: 100;
left: 50%;
bottom: 26px;
transform: translateX(-50%);
padding: 13px 20px;
display: flex;
align-items: center;
gap: 9px;
border: 2px solid #fff;
border-radius: 99px;
background: #152b50;
color: #fff;
box-shadow: 0 10px 30px rgba(7,26,52,.25);
font-size: 11px;
animation: toast-in .22s;
}
.toast svg {
width: 17px;
color: #5be0c0;
}
@keyframes toast-in {
from {
opacity: 0;
transform: translate(-50%,8px);
}
}
.legal-bar {
background: var(--navy);
}
.logo>span {
background: linear-gradient(135deg,#f16a66,var(--brand));
box-shadow: 0 4px 10px rgb(232 78 75 / 18%);
}
.nav-search,.menu-toggle {
width: 44px;
height: 44px;
background: var(--brand-soft);
color: var(--brand);
transition: background .16s,color .16s,transform .16s;
}
.nav-search:hover,.menu-toggle:hover {
background: var(--brand);
color: #fff;
transform: translateY(-1px);
}
.quick-points {
box-shadow: var(--shadow-sm);
}
.quick-points svg {
color: var(--brand);
}
.section-title small {
color: var(--info);
font-size: 11px;
letter-spacing: .1em;
}
.section-title h2 {
letter-spacing: -.02em;
}
.section-title.compact>button,.method-strip button {
color: var(--muted-ink);
transition: color .16s;
}
.section-title.compact>button:hover,.method-strip button:hover {
color: var(--brand);
}
.anime-mark,.anime-mark>b {
animation: none;
}
.rank-card.large:hover .anime-mark {
animation: brand-float 2.8s ease-in-out 1;
}
.rank-card.large:hover .anime-mark>b {
animation: brand-twinkle 1.5s ease-in-out 1;
}
.rank-card.large {
box-shadow: 0 1px 2px rgb(18 45 79 / 5%);
}
.rank-card.large:hover {
box-shadow: var(--shadow-sm);
}
.hero-visual>img {
max-width: 100%;
object-fit: contain;
object-position: right bottom;
}
.speech-bubble {
box-shadow: var(--shadow-sm);
}
.mini-rank {
background: var(--brand);
}
@media (max-width:1232px) {
.site-shell,footer {
min-width: 100%;
}
.page-wrap {
width: calc(100% - 32px);
}
.primary-nav {
margin-left: 35px;
gap: 23px;
}
.hero-search {
width: min(570px,100%);
}
.main-header {
padding-inline: 16px;
}
}
@media (max-width:1023px) {
.primary-nav {
display: none;
}
.menu-toggle {
display: grid;
margin-left: 10px;
}
.nav-search {
margin-left: auto;
}
.primary-nav.open {
height: auto;
display: grid;
grid-template-columns: repeat(3,1fr);
position: absolute;
inset: 78px 16px auto;
padding: 20px;
background: #fff;
border: 1px solid var(--line);
border-radius: var(--r-md);
box-shadow: var(--shadow-md);
}
.primary-nav.open a {
height: 40px;
}
.content-layout {
grid-template-columns: 1fr;
}
.sidebar {
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 16px;
}
.sticky-panel {
position: static;
}
.rank-card dl,.rank-card ul {
display: none;
}
.directory-section {
grid-template-columns: 1fr;
}
.method-strip {
grid-template-columns: auto 1fr;
}
.method-strip button {
grid-column: 2;
}
footer {
grid-template-columns: 1fr;
}
}
@media (max-width:767px) {
.hero-banner {
grid-template-columns: 1fr;
height: 470px;
}
.hero-copy {
padding-left: 38px;
}
.hero-search {
width: 520px;
}
.hero-visual {
position: absolute;
inset: 0 0 0 auto;
width: 45%;
opacity: .38;
}
.quick-points {
grid-template-columns: repeat(2,1fr);
height: auto;
}
.quick-points article {
height: 80px;
}
.sidebar {
grid-template-columns: 1fr;
}
.promo-row,.pedia-grid {
grid-template-columns: 1fr;
}
.bonus-grid {
grid-template-columns: 1fr;
}
}
@media (max-width:640px) {
.legal-bar {
height: auto;
min-height: 32px;
padding: 7px 14px;
flex-wrap: wrap;
gap: 4px 10px;
font-size: 10px;
}
.legal-bar a {
margin-left: 0;
}
.main-header {
height: 64px;
padding: 0 14px;
}
.logo>span {
width: 36px;
height: 36px;
}
.logo strong {
font-size: 20px;
}
.nav-search,.menu-toggle {
width: 40px;
height: 40px;
}
.primary-nav.open {
inset: 64px 12px auto;
grid-template-columns: repeat(2,minmax(0,1fr));
padding: 12px;
}
.primary-nav.open a {
height: 42px;
font-size: 12px;
}
.page-wrap {
width: calc(100% - 24px);
padding: 12px 0 42px;
}
.hero-banner {
min-height: 472px;
height: auto;
border-radius: 16px;
}
.hero-copy {
padding: 28px 18px 205px;
}
.hero-chips {
flex-wrap: wrap;
}
.hero-kicker {
margin-top: 16px;
font-size: 13px;
}
.hero-banner h1 {
margin: 0;
font-size: 34px;
line-height: 1.18;
letter-spacing: -.05em;
}
.hero-banner h1 em {
color: #ffdf5a;
font-style: normal;
}
.hero-desc {
font-size: 12px;
line-height: 1.65;
}
.hero-search {
width: 100%;
height: auto;
min-height: 54px;
padding: 5px 6px 5px 12px;
}
.hero-search button {
min-width: 68px;
}
.popular-terms {
flex-wrap: wrap;
}
.hero-visual {
inset: auto 0 0 auto;
width: 100%;
height: 210px;
opacity: .24;
}
.hero-visual>img {
width: 235px;
right: -15px;
bottom: -125px;
}
.speech-bubble,.mini-rank {
display: none;
}
.quick-points {
margin: -1px 0 18px;
border-radius: 0 0 12px 12px;
}
.quick-points article {
height: 74px;
gap: 8px;
padding: 0 11px;
}
.quick-points>article>span {
padding-top: 17px;
}
.quick-points b {
font-size: 12px;
}
.quick-points small {
font-size: 9px;
}
.section-block,.pedia-section {
padding: 17px;
border-radius: 13px;
}
.main-column {
gap: 17px;
}
.section-title {
align-items: flex-start;
gap: 9px;
margin-bottom: 16px;
}
.section-title .title-icon {
width: 38px;
height: 38px;
border-radius: 11px;
}
.section-title h2 {
font-size: 18px;
}
.section-title>p,.section-title.wide>p {
display: none;
}
.section-title.compact {
padding-bottom: 14px;
}
.section-title.compact>button {
padding: 5px 0;
white-space: nowrap;
}
.filter-tabs {
overflow-x: auto;
padding-bottom: 5px;
margin-right: -2px;
}
.filter-tabs button {
flex: none;
min-height: 36px;
}
.rank-card.large {
min-width: 0;
}
.rank-card-head {
height: auto;
min-height: 58px;
}
.rank-card-head .rank-badge {
width: 68px;
height: 58px;
}
.rank-card-title {
min-width: 0;
padding: 0 11px;
gap: 8px;
}
.rank-card-title>span {
width: 34px;
height: 34px;
flex: none;
}
.rank-card-title b {
font-size: 14px;
}
.rank-card-head>em {
display: none;
}
.rank-card-body {
display: flex;
flex-direction: column;
min-width: 0;
}
.brand-visual {
width: auto;
height: 150px;
margin: 14px;
border-radius: 10px;
}
.anime-logo {
grid-template-columns: 60px minmax(0,1fr);
gap: 11px;
padding: 18px;
}
.anime-mark {
width: 60px;
height: 60px;
}
.anime-mark>span {
width: 42px;
height: 42px;
}
.anime-mark svg {
width: 30px;
height: 30px;
}
.anime-wordmark strong,.anime-logo-stake .anime-wordmark strong {
font-size: 21px;
}
.anime-logo-yuugado .jp-wordmark {
font-size: 20px;
}
.anime-origin {
left: 15px;
bottom: 9px;
font-size: 5px;
}
.brand-ribbon {
right: -55px;
bottom: 17px;
width: 150px;
font-size: 8px;
}
.brand-details {
width: auto;
margin: 0 14px 15px;
padding: 11px 0 0;
}
.payment-line {
align-items: flex-start;
flex-direction: column;
gap: 7px;
}
.payment-marks>span {
width: 36px;
height: 30px;
}
.brand-links {
margin-top: 11px;
}
.rank-facts {
width: 100%;
padding: 15px;
}
.score-wide {
gap: 7px;
}
.score-wide svg {
width: 18px;
height: 18px;
}
.score-wide>b {
font-size: 11px;
}
.fact-top {
grid-template-columns: 1fr;
gap: 8px;
}
.fact-top>div {
min-height: 60px;
}
.fact-grid {
gap: 5px;
}
.fact-grid>div {
min-height: 58px;
padding: 6px 3px;
}
.fact-top span,.fact-grid span {
font-size: 9px;
}
.fact-grid b {
font-size: 12px;
}
.wide-action {
height: 48px;
margin-top: 10px;
}
.bonus-grid,.promo-row,.pedia-grid,.sidebar {
grid-template-columns: 1fr;
}
.bonus-main {
min-height: 240px;
padding: 24px;
}
.bonus-main h3 {
font-size: 23px;
}
.bonus-main h3 em {
font-size: 27px;
}
.bonus-mini-list button,.promo-row button,.game-grid button {
min-height: 44px;
}
.promo-row button {
min-height: 126px;
padding: 16px;
}
.game-grid {
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 8px;
}
.game-grid button {
min-height: 125px;
padding: 13px;
}
.side-panel {
min-width: 0;
}
.directory-section {
gap: 18px;
padding: 18px;
}
.directory-copy h2 {
font-size: 18px;
}
.alphabet {
gap: 5px;
}
.alphabet button {
width: 30px;
height: 34px;
font-size: 10px;
}
.method-strip {
padding: 17px;
gap: 10px;
}
.method-strip button {
justify-self: start;
min-height: 36px;
}
.pedia-grid button {
min-height: 190px;
padding: 18px;
}
.pedia-grid h3 {
margin-top: 28px;
font-size: 16px;
}
.pedia-grid em {
margin-top: 20px;
}
footer {
min-width: 0;
padding: 28px 16px;
gap: 18px;
}
footer>small {
font-size: 8px;
}
}
@media (max-width:1023px) {
.hero-banner {
grid-template-columns: 1fr;
height: 452px;
}
.hero-copy {
padding: 42px 42px;
}
.hero-search {
width: min(570px,68vw);
}
.hero-visual {
position: absolute;
inset: 0 0 0 auto;
width: 42%;
opacity: .28;
pointer-events: none;
}
.hero-visual>img {
width: 330px;
right: 8px;
bottom: -178px;
}
.speech-bubble {
right: 18px;
top: 18px;
transform: rotate(2deg) scale(.88);
}
.mini-rank {
left: auto;
right: 18px;
bottom: 20px;
transform: scale(.82);
transform-origin: bottom right;
}
}
@media (max-width:640px) {
.hero-banner {
height: auto;
min-height: 478px;
}
.hero-copy {
padding: 26px 18px 212px;
}
.hero-visual {
inset: auto 0 0 auto;
width: 100%;
height: 205px;
opacity: .2;
}
.hero-visual>img {
width: 240px;
right: -10px;
bottom: -128px;
}
.speech-bubble,.mini-rank {
display: none;
}
.hero-search {
width: 100%;
}
}
:scope {
--page: #f4f7fb;
--surface: #fff;
--line: #e1e8f0;
--ink: #132b49;
--muted-ink: #657991;
--brand: #f24f4f;
--brand-hover: #d94242;
--brand-soft: #fff0f0;
--navy: #12365b;
--navy-2: #0f2f52;
--info: #07899b;
--info-soft: #e4f8fa;
--cyan: #74e0e7;
--warning: #ffd85a;
--shadow-sm: 0 2px 8px rgb(15 47 82 / 6%);
--shadow-md: 0 14px 32px rgb(15 47 82 / 12%);
}
body {
font-family: "Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,sans-serif;
}
.site-shell {
background: linear-gradient(180deg,#edf6fb 0,#f4f7fb 560px);
}
.main-header {
border-bottom-color: var(--line);
box-shadow: 0 2px 12px rgb(15 47 82 / 4%);
}
.primary-nav a {
color: var(--ink);
font-weight: 700;
}
.primary-nav a::after {
background: var(--brand);
}
.logo {
color: var(--ink);
}
.legal-bar {
background: var(--navy);
color: var(--soft-blue,#c8d8e8);
}
.legal-bar b {
color: var(--warning);
}
.hero-banner {
border-radius: 32px;
background: linear-gradient(110deg,#12365b 0%,#16476a 55%,#07899b 100%);
box-shadow: var(--shadow-md);
}
.hero-pattern {
opacity: .45;
background-image: radial-gradient(circle at 18% 30%,rgb(255 255 255 / 14%) 0 1px,transparent 1.5px),linear-gradient(115deg,transparent 50%,rgb(116 224 231 / 10%));
background-size: 26px 26px,100% 100%;
}
.hero-copy {
padding-top: 56px;
padding-bottom: 50px;
}
.hero-kicker {
color: var(--cyan);
font-size: 14px;
}
.hero-chips span {
border-color: rgb(200 216 232 / 36%);
background: rgb(15 47 82 / 18%);
}
.hero-banner h1 {
font-size: 52px;
letter-spacing: -.045em;
}
.hero-banner h1 em {
color: var(--warning);
}
.hero-desc {
color: #c8d8e8;
}
.hero-search {
border-radius: 16px;
box-shadow: 0 10px 25px rgb(5 25 52 / 20%);
}
.hero-search button {
border-radius: 12px;
background: var(--brand);
transition: background .16s,transform .16s;
}
.hero-search button:hover {
background: var(--brand-hover);
transform: translateY(-1px);
}
.popular-terms button {
color: #d6f6f7;
}
.quick-points {
border-radius: 0 0 24px 24px;
box-shadow: var(--shadow-sm);
}
.quick-points article {
padding-inline: 22px;
}
.quick-points svg {
width: 30px;
height: 30px;
padding: 7px;
border-radius: 50%;
background: var(--info-soft);
color: var(--info);
}
.quick-points b {
color: var(--ink);
font-size: 13px;
}
.quick-points small {
color: var(--muted-ink);
}
.section-block,.side-panel,.pedia-section,.directory-section,.method-strip {
border-color: var(--line);
border-radius: 20px;
box-shadow: var(--shadow-sm);
}
.section-title .title-icon {
border-radius: 12px;
background: var(--info-soft);
color: var(--info);
}
.section-title h2,.directory-copy h2 {
color: var(--ink);
}
.section-title small,.directory-copy small {
color: var(--info);
}
.filter-tabs button {
border-radius: 12px;
border-color: #dde5ed;
background: #fff;
color: var(--ink);
}
.filter-tabs button[aria-pressed="true"] {
background: var(--brand);
border-color: var(--brand);
color: #fff;
}
.filter-tabs button:hover {
border-color: var(--cyan);
background: var(--info-soft);
}
.rank-card.large {
border-color: var(--line);
border-radius: 20px;
box-shadow: var(--shadow-sm);
}
.rank-card.large:hover {
transform: none;
border-color: #bfdce2;
box-shadow: 0 5px 15px rgb(15 47 82 / 8%);
}
.rank-card-head {
height: 64px;
background: #f8fbfd;
color: var(--ink);
border-bottom: 1px solid var(--line);
}
.rank-card-head .rank-badge {
width: 78px;
height: 64px;
background: var(--info-soft);
color: var(--navy);
}
.rank-card-head .rank-badge svg {
color: var(--warning);
}
.rank-card-head .rank-1 {
background: var(--brand);
color: #fff;
}
.rank-card-head .rank-1 svg {
color: var(--warning);
}
.rank-card-head .rank-2,.rank-card-head .rank-3 {
background: #eef4f7;
color: var(--navy);
}
.rank-card-title b {
color: var(--ink);
}
.rank-card-title small {
color: var(--muted-ink);
}
.rank-card-title>span {
border-color: #bfe9ec;
background: var(--info-soft);
color: var(--info);
box-shadow: none;
transform: none;
}
.rank-card-head>em {
border-color: #bfe9ec;
background: #f0fbfb;
color: var(--info);
}
.brand-visual {
margin: 18px 0 0 18px;
border: 1px solid #d5edf0;
background: linear-gradient(135deg,#f4fbfc,#e4f8fa);
box-shadow: none;
}
.brand-visual::before {
border-color: rgb(116 224 231 / 24%);
box-shadow: none;
}
.visual-spark {
color: var(--cyan);
}
.anime-mark {
filter: none;
}
.anime-mark>i {
border-color: #b9e7eb;
border-radius: 18px;
background: #fff;
box-shadow: none;
transform: rotate(-5deg);
}
.anime-mark>span {
color: var(--info);
}
.anime-mark>b {
color: var(--warning);
text-shadow: none;
}
.anime-wordmark strong {
color: var(--ink);
text-shadow: none;
}
.anime-wordmark strong>span {
color: var(--info);
}
.anime-wordmark small,.anime-wordmark em {
color: var(--muted-ink);
}
.anime-origin {
border-color: #cfe6ea;
background: #fff;
color: var(--muted-ink);
}
.brand-ribbon {
right: 14px;
bottom: 14px;
width: auto;
padding: 5px 8px;
border-radius: 8px;
background: var(--warning);
color: var(--ink);
transform: none;
}
.payment-line>b,.brand-links :is(button,a.review-link) {
color: var(--muted-ink);
}
.brand-links {
border-top-color: var(--line);
}
.payment-marks>span {
box-shadow: none;
}
.score-wide>div {
color: var(--warning);
}
.score-wide>b,.fact-top span,.fact-grid span {
color: var(--muted-ink);
}
.fact-top>div,.fact-grid>div {
border-color: var(--line);
background: #fbfdfe;
}
.fact-top>div:last-child span {
background: var(--brand);
}
.wide-action {
border-radius: 12px;
background: var(--brand);
box-shadow: none;
}
.wide-action:hover {
background: var(--brand-hover);
transform: translateY(-1px);
}
.bonus-main {
border-radius: 16px;
background: linear-gradient(135deg,var(--navy),#16476a);
}
.bonus-main h3 em {
color: var(--warning);
}
.ribbon {
background: var(--warning);
color: var(--ink);
}
.bonus-mini-list button,.promo-row button,.game-grid button,.pedia-grid button {
border-color: var(--line);
background: #fff;
box-shadow: none;
}
.bonus-mini-list button:hover,.promo-row button:hover,.game-grid button:hover,.pedia-grid button:hover {
border-color: #bfe9ec;
background: #f7fcfd;
transform: none;
}
.promo-row button {
border-top-color: var(--info) !important;
}
.promo-row span,.pedia-grid button>span {
background: var(--info-soft) !important;
color: var(--info) !important;
}
.promo-row small,.pedia-grid em {
color: var(--info);
}
.game-grid button>span {
background: var(--info-soft);
color: var(--info);
}
.title-icon.coral,.title-icon.purple,.title-icon.blue,.title-icon.yellow {
background: var(--info-soft) !important;
color: var(--info) !important;
}
.side-heading span {
color: var(--info);
}
.editor-panel {
background: linear-gradient(150deg,#f0fbfb,#fff 60%);
}
.editor-panel>button {
min-height: 44px;
border-radius: 12px;
background: var(--brand);
}
.side-rank,.article-link {
background: #fff;
border-bottom-color: var(--line);
}
.side-rank:hover,.article-link:hover {
background: #f7fcfd;
}
.directory-section>button {
min-height: 44px;
border-radius: 12px;
}
.alphabet button {
border-color: #dde5ed;
background: #fff;
color: var(--ink);
}
.alphabet button:hover {
border-color: var(--info);
background: var(--info-soft);
color: var(--info);
}
.method-strip {
border-color: #c9e7ea;
background: #f1fbfc;
}
.method-strip>svg {
color: var(--info);
}
footer {
background: var(--navy);
}
.site-footer {
background: #101d36;
color: #fff;
}
.site-footer p {
color: #a9b7cb;
}
.site-footer>small {
color: #74849b;
}
.site-footer .logo>span {
background: linear-gradient(135deg,#ff625b,#ff3c51);
box-shadow: 0 6px 14px rgba(255,79,74,.22);
}
.site-footer .logo strong {
color: #fff;
}
.site-footer .logo strong>span {
color: var(--brand);
text-shadow: 0 1px 0 rgb(0 0 0 / 18%);
}
.site-footer .logo small {
color: #a9b7cb;
}
.brand-visual {
border-color: rgb(255 255 255 / 16%);
background: radial-gradient(circle at 76% 38%,var(--promo-accent),transparent 34%),linear-gradient(135deg,var(--promo-start),var(--promo-end));
@supports (color: color-mix(in lab, red, red)) {
background: radial-gradient(circle at 76% 38%,color-mix(in srgb,var(--promo-accent),transparent 65%),transparent 34%),linear-gradient(135deg,var(--promo-start),var(--promo-end));
}
box-shadow: none;
}
.brand-visual::before {
border-color: var(--promo-accent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in srgb,var(--promo-accent),transparent 58%);
}
box-shadow: 0 0 0 22px var(--promo-accent);
@supports (color: color-mix(in lab, red, red)) {
box-shadow: 0 0 0 22px color-mix(in srgb,var(--promo-accent),transparent 90%);
}
}
.brand-visual .visual-spark {
color: #fff;
}
.brand-visual .spark-b {
color: var(--promo-accent);
}
.brand-visual .anime-mark>i {
border-color: rgb(255 255 255 / 80%);
background: var(--promo-accent);
box-shadow: 0 0 20px var(--promo-accent);
@supports (color: color-mix(in lab, red, red)) {
box-shadow: 0 0 20px color-mix(in srgb,var(--promo-accent),transparent 55%);
}
}
.brand-visual .anime-mark>span {
color: var(--promo-start);
}
.brand-visual .anime-wordmark strong {
color: #fff;
text-shadow: 0 2px 0 rgb(0 0 0 / 18%);
}
.brand-visual .anime-wordmark strong>span,.brand-visual .anime-wordmark small {
color: var(--promo-accent);
}
.brand-visual .anime-wordmark em {
color: rgb(255 255 255 / 72%);
}
.brand-visual .anime-origin {
border-color: rgb(255 255 255 / 32%);
background: rgb(3 12 26 / 28%);
color: rgb(255 255 255 / 75%);
}
.uploaded-brand-logo {
display: grid;
place-items: center;
padding: 26px;
}
.uploaded-brand-logo img {
display: block;
max-width: 82%;
max-height: 64%;
object-fit: contain;
filter: drop-shadow(0 4px 10px rgb(0 0 0 / 20%));
}
.brand-ribbon {
right: -42px;
bottom: 24px;
width: 165px;
padding: 7px 8px;
border-radius: 0;
background: var(--warning);
color: var(--ink);
font-size: 9px;
transform: rotate(-35deg);
}
.uploaded-brand-logo {
grid-template-columns: 1fr !important;
padding: 18px;
}
.uploaded-logo-frame {
display: grid;
place-items: center;
width: 100%;
height: 100%;
}
.uploaded-brand-logo img {
max-width: 82%;
max-height: 58%;
object-fit: contain;
}
.logo-layout-square .uploaded-logo-frame {
width: 108px;
height: 108px;
border: 1px solid rgb(255 255 255 / 65%);
border-radius: 24px;
background: rgb(255 255 255 / 12%);
}
.logo-layout-square img {
width: 72%;
height: 72%;
max-width: 72%;
max-height: 72%;
}
.logo-layout-wide .uploaded-logo-frame {
width: 100%;
height: 100%;
}
.logo-layout-wide img {
width: 96%;
height: auto;
max-width: 96%;
max-height: 62%;
}
.payment-marks {
flex-direction: column;
align-items: flex-start;
gap: 7px;
}
.payment-group {
display: flex;
align-items: flex-start;
gap: 6px;
}
.payment-group> b {
width: 36px;
padding-top: 9px;
color: var(--muted-ink);
font: 800 7px Arial;
letter-spacing: .06em;
}
.payment-group>div {
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.payment-group span {
width: 35px;
height: 29px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 6px;
background: var(--coin);
color: #fff;
box-shadow: none;
}
.payment-group small {
margin-top: 1px;
font: 700 5px Arial;
}
.payment-group .fiat-currency {
background: #eef7fa;
color: var(--info);
border: 1px solid #cce9ec;
}
.payment-group .fiat-currency b {
font-size: 12px;
}
.payment-providers {
display: block;
max-width: 360px;
color: var(--muted-ink);
font-size: 8px;
line-height: 1.45;
}
@media (prefers-reduced-motion:reduce) {
html {
scroll-behavior: auto;
}
*,*::before,*::after {
animation-duration: .01ms !important;
transition-duration: .01ms !important;
}
}
.rank-card-head .rank-badge.rank-1 {
background: #ffd85a;
color: #5c4300;
}
.rank-card-head .rank-badge.rank-1 svg {
color: #8f6800;
}
.rank-card-head .rank-badge.rank-2 {
background: #dce4ec;
color: #31435a;
}
.rank-card-head .rank-badge.rank-2 svg {
color: #61748c;
}
.rank-card-head .rank-badge.rank-3 {
background: #e5af78;
color: #633c1c;
}
.rank-card-head .rank-badge.rank-3 svg {
color: #8a542c;
}
.rank-card-head .rank-badge:not(.rank-1):not(.rank-2):not(.rank-3) {
background: #eef3f6;
color: #5e7188;
}
.rank-card-head .rank-badge:not(.rank-1):not(.rank-2):not(.rank-3) svg {
color: #8ea1b3;
}
.fiat-pending {
width: auto !important;
height: 29px !important;
padding: 0 9px !important;
background: #f4f7fb !important;
color: #708299 !important;
border: 1px dashed #cdd9e4 !important;
font: 800 9px "Noto Sans JP",sans-serif !important;
}
.payment-providers>b {
font-size: 8px;
color: #456078;
}
@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-rotate-x {
syntax: "*";
inherits: false;
}
@property --tw-rotate-y {
syntax: "*";
inherits: false;
}
@property --tw-rotate-z {
syntax: "*";
inherits: false;
}
@property --tw-skew-x {
syntax: "*";
inherits: false;
}
@property --tw-skew-y {
syntax: "*";
inherits: false;
}
@property --tw-scroll-snap-strictness {
syntax: "*";
inherits: false;
initial-value: proximity;
}
@property --tw-space-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-space-x-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-border-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@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: "";
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: "";
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: "";
inherits: false;
initial-value: 0px;
}
@property --tw-ring-offset-color {
syntax: "*";
inherits: false;
initial-value: #fff;
}
@property --tw-ring-offset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-outline-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-blur {
syntax: "*";
inherits: false;
}
@property --tw-brightness {
syntax: "*";
inherits: false;
}
@property --tw-contrast {
syntax: "*";
inherits: false;
}
@property --tw-grayscale {
syntax: "*";
inherits: false;
}
@property --tw-hue-rotate {
syntax: "*";
inherits: false;
}
@property --tw-invert {
syntax: "*";
inherits: false;
}
@property --tw-opacity {
syntax: "*";
inherits: false;
}
@property --tw-saturate {
syntax: "*";
inherits: false;
}
@property --tw-sepia {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow-alpha {
syntax: "";
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-ease {
syntax: "*";
inherits: false;
}
@property --tw-content {
syntax: "*";
initial-value: "";
inherits: false;
}
@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);
}
}
@keyframes pulse {
50% {
opacity: 0.5;
}
}
@keyframes enter {
from {
opacity: var(--tw-enter-opacity,1);
transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
filter: blur(var(--tw-enter-blur,0));
}
}
@keyframes exit {
to {
opacity: var(--tw-exit-opacity,1);
transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
filter: blur(var(--tw-exit-blur,0));
}
}
@keyframes accordion-down {
from {
height: 0;
}
to {
height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))));
}
}
@keyframes accordion-up {
from {
height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))));
}
to {
height: 0;
}
}
@keyframes caret-blink {
0%,70%,100% {
opacity: 1;
}
20%,50% {
opacity: 0;
}
}
@keyframes accordion-down {
from {
height: 0;
}
to {
height: var(
--radix-accordion-content-height,
var(--accordion-panel-height, auto)
);
}
}
@keyframes accordion-up {
from {
height: var(
--radix-accordion-content-height,
var(--accordion-panel-height, auto)
);
}
to {
height: 0;
}
}
@keyframes scroll-fade-reveal-b {
from {
--scroll-fade-b: var(--_scroll-fade-size-b, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
}
to {
--scroll-fade-b: 0px;
}
}
@keyframes scroll-fade-reveal-s {
from {
--scroll-fade-s: 0px;
}
to {
--scroll-fade-s: var(--_scroll-fade-size-s, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
}
}
@keyframes scroll-fade-reveal-e {
from {
--scroll-fade-e: var(--_scroll-fade-size-e, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
}
to {
--scroll-fade-e: 0px;
}
}
@keyframes tw-shimmer {
from {
background-position: 100% 0;
}
to {
background-position: 0 0;
}
}
@layer properties {
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
:scope, :host {
--shimmer-angle: 20deg;
}
*, ::before, ::after, ::backdrop {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-scroll-snap-strictness: proximity;
--tw-space-y-reverse: 0;
--tw-space-x-reverse: 0;
--tw-border-style: solid;
--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: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-outline-style: solid;
--tw-blur: initial;
--tw-brightness: initial;
--tw-contrast: initial;
--tw-grayscale: initial;
--tw-hue-rotate: initial;
--tw-invert: initial;
--tw-opacity: initial;
--tw-saturate: initial;
--tw-sepia: initial;
--tw-drop-shadow: initial;
--tw-drop-shadow-color: initial;
--tw-drop-shadow-alpha: 100%;
--tw-drop-shadow-size: initial;
--tw-backdrop-blur: initial;
--tw-backdrop-brightness: initial;
--tw-backdrop-contrast: initial;
--tw-backdrop-grayscale: initial;
--tw-backdrop-hue-rotate: initial;
--tw-backdrop-invert: initial;
--tw-backdrop-opacity: initial;
--tw-backdrop-saturate: initial;
--tw-backdrop-sepia: initial;
--tw-duration: initial;
--tw-ease: initial;
--tw-content: "";
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
--tw-animation-delay: 0s;
--tw-animation-direction: normal;
--tw-animation-duration: initial;
--tw-animation-fill-mode: none;
--tw-animation-iteration-count: 1;
--tw-enter-blur: 0;
--tw-enter-opacity: 1;
--tw-enter-rotate: 0;
--tw-enter-scale: 1;
--tw-enter-translate-x: 0;
--tw-enter-translate-y: 0;
--tw-exit-blur: 0;
--tw-exit-opacity: 1;
--tw-exit-rotate: 0;
--tw-exit-scale: 1;
--tw-exit-translate-x: 0;
--tw-exit-translate-y: 0;
--scroll-fade-t: 0px;
--scroll-fade-b: 0px;
--scroll-fade-s: 0px;
--scroll-fade-e: 0px;
--scroll-fade-mask: initial;
--shimmer-image: initial;
--shimmer-text-fill: initial;
}
}
}
.filter-tabs button.offline-active{background:#152b50!important;color:#fff!important;border-color:#152b50!important}
.offline-hidden{display:none!important}
.offline-note{position:fixed;right:18px;bottom:18px;z-index:90;padding:8px 12px;border-radius:999px;background:#101d36;color:#fff;font:700 11px Arial;box-shadow:0 6px 20px rgba(0,0,0,.2)}
.monthly-match-tag{display:inline-flex;align-items:center;border-radius:999px;background:#e9f6f7;color:#087f98;border:1px solid #b9dce2;padding:3px 9px;font-size:10px;font-weight:800;white-space:nowrap}.rank-card-head .monthly-match-tag{margin-left:auto}@media(max-width:640px){.rank-card-head .monthly-match-tag{margin-left:0}}
/* TrustDice wordmark fills more of its feature visual. */
.uploaded-brand-logo:has(img[src="assets/trustdice/trustdice.webp"]){padding:8px}
.logo-layout-wide img[src="assets/trustdice/trustdice.webp"]{width:100%;max-width:100%;max-height:78%}
/* Align the homepage masthead with the review pages. */
.main-header .bcd-logo{display:flex;align-items:center;width:178px;height:76px;flex:none;overflow:hidden}.main-header .bcd-logo>img{display:block;width:178px;height:100%;object-fit:contain;object-position:left center;mix-blend-mode:multiply}.main-header .bcd-logo>.legacy-logo-mark,.main-header .bcd-logo>strong,.site-footer .bcd-logo>.legacy-logo-mark,.site-footer .bcd-logo>strong{display:none}.site-footer .bcd-logo>img{display:block;width:174px;height:auto;mix-blend-mode:multiply}.main-header{min-height:82px}.primary-nav{margin-left:32px}@media(max-width:900px){.main-header .bcd-logo{width:140px;height:62px}.main-header .bcd-logo>img{width:140px}.primary-nav{margin-left:0}}
}
/* reviews/trustdice-detail.html */
@scope (html[data-site-page="reviews/trustdice-detail.html"]) {
:scope{--navy:#122d4f;--brand:#e84e4b;--page:#f5f7fb;--surface:#fff;--line:#dce3ee;--info:#087f98;--muted:#63758a;--shadow:0 7px 26px rgba(17,45,79,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--navy);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.35}p{color:#4f6074}a:focus-visible,button:focus-visible,summary:focus-visible,.table-scroll:focus-visible{outline:3px solid #087f98;outline-offset:3px}section[id]{scroll-margin-top:30px}.site-shell{min-width:0}.legal-bar{background:#092849;color:#e8f4fc;min-height:33px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;padding:5px 16px}.legal-bar b{color:#ffe189;letter-spacing:.07em}.legal-bar a{text-decoration:underline}.main-header{height:76px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:9px;white-space:nowrap}.logo-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--brand);color:white;font-size:25px;line-height:1}.logo strong{font-size:22px;letter-spacing:-.07em;line-height:1}.logo strong span{color:var(--brand)}.logo small{display:block;margin-top:3px;font-size:9px;letter-spacing:.16em;color:#7a899c}.primary-nav{display:flex;align-items:center;gap:31px;font-size:13px;font-weight:700}.primary-nav a:hover,.text-link:hover,.source-links a:hover{color:var(--brand)}.menu-toggle{display:none;border:1px solid var(--line);background:white;border-radius:8px;padding:5px 10px;font-size:20px}.page-wrap{width:min(1200px,calc(100% - 40px));margin:auto}.breadcrumbs{display:flex;gap:9px;align-items:center;color:#8290a0;font-size:12px;padding:24px 2px}.breadcrumbs a{color:var(--info)}.section-block{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);padding:32px;margin-bottom:22px}.overview{padding:0;overflow:hidden}.hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(275px,.8fr);border-bottom:1px solid var(--line)}.hero-main{padding:39px 40px 35px}.eyebrow,.heading small{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--info)}.eyebrow{display:flex;gap:10px}.eyebrow span{color:#a8b4c1}.brand-identity{display:flex;align-items:center;gap:22px;margin:24px 0 22px}.brand-logo{width:120px;height:88px;border:1px solid #e5e2f1;background:#f6f3ff;border-radius:13px;display:grid;place-items:center;flex:none;overflow:hidden}.brand-logo img{width:105px;max-height:68px;object-fit:contain}.brand-kicker{color:var(--brand);font-size:12px;font-weight:800;margin-bottom:5px}.brand-identity h1{font-size:31px;letter-spacing:-.04em;margin:0}.brand-identity h1 span{display:block;font-size:17px;letter-spacing:0;margin-top:3px}.lead{font-size:15px;line-height:1.85;max-width:650px;margin-bottom:25px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.button{min-height:42px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:8px 17px;font-size:13px;font-weight:800}.button.primary{background:var(--brand);color:white}.button.primary:hover{background:#cf3d3a}.button.secondary{background:white;border:1px solid var(--line);color:var(--navy)}.button.secondary:hover{border-color:var(--info);color:var(--info)}.hero-facts{background:#f8fafc;padding:40px 31px}.fact-heading{font-size:11px;font-weight:900;color:var(--info);letter-spacing:.12em;border-bottom:1px solid var(--line);padding-bottom:14px}.fact-heading span{display:block;letter-spacing:0;color:var(--muted);font-weight:500;margin-top:2px}.hero-facts dl,.info-panel dl,.terms-list{margin:0}.fact-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e8edf3;font-size:13px}.fact-row:last-child{border:0}.fact-row dt{color:#718095;flex:0 0 auto}.fact-row dd{margin:0;text-align:right;font-weight:700}.status{display:inline-block;border-radius:5px;background:#fff4df;color:#9a650a;font-size:10px;font-weight:800;padding:2px 6px;margin-right:5px;white-space:nowrap}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.overview>.section-head{padding:29px 35px 0}.heading{display:flex;align-items:center;gap:13px;min-width:0}.section-number{width:34px;height:34px;display:grid;place-items:center;flex:none;background:#eaf1f7;border-radius:9px;color:var(--info);font-size:13px;font-weight:900}.heading h2{font-size:22px;margin:3px 0 0;letter-spacing:-.03em}.rating{position:relative;flex:none;font-size:11px;z-index:2}.rating summary{list-style:none;display:flex;align-items:center;gap:7px;background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:6px 9px;cursor:pointer;white-space:nowrap}.rating summary::-webkit-details-marker{display:none}.rating-label{color:#6a7b8e;font-weight:700}.stars{color:#e9b94b;font-size:15px;letter-spacing:-2px}.rating b{font-size:12px}.rating-chevron{color:#8090a1}.rating-note{position:absolute;right:0;top:calc(100% + 6px);width:255px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px;box-shadow:var(--shadow);color:#52667a;line-height:1.5;white-space:normal}.overview-body{padding:3px 35px 33px;display:grid;grid-template-columns:.85fr 1.15fr;gap:35px}.intro-column h3,.list-panel h3,.terms-lead h3{font-size:16px;margin:0 0 8px}.intro-column p{font-size:13px;margin:0 0 10px}.text-link{color:var(--info);font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.list-panel{border:1px solid var(--line);border-radius:10px;padding:17px;background:#fcfdff}.list-panel.plus{border-top:3px solid #0d9fa9}.list-panel.minus{border-top:3px solid #e9a86b}.list-panel h3 span{color:var(--info);font-size:20px;margin-right:5px}.list-panel.minus h3 span{color:#cf7832}.list-panel ul{padding-left:19px;margin:0;color:#56677a;font-size:12px;line-height:1.7}.list-panel li+li{margin-top:6px}.section-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:20px 0 23px;padding:11px 12px;background:#eaf0f6;border:1px solid var(--line);border-radius:10px}.section-nav span{font-weight:800;font-size:11px;color:#6b7b8e;margin:0 15px 0 7px}.section-nav a{font-size:12px;font-weight:700;padding:7px 11px;border-radius:6px}.section-nav a:hover,.section-nav a:focus-visible{background:white;color:var(--brand)}.section-intro{font-size:13px;margin:0 0 22px;max-width:840px}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.game-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white}.game-art{height:112px;background:#e8f1f5;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;color:#1c6584}.game-art span{font-size:39px;line-height:1}.game-art small{font-size:10px;font-weight:900;letter-spacing:.1em;align-self:flex-end}.art-1{background:#eaf3f6;color:#0c8295}.art-2{background:#f3efff;color:#674ab0}.art-3{background:#fff4ec;color:#a96c38}.game-copy{padding:15px 17px}.game-copy h3{font-size:15px;margin:0 0 5px}.game-copy p{font-size:12px;margin:0}.inline-note,.fine-print{font-size:11px;color:#7b8998}.inline-note{margin-top:13px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.info-panel{border:1px solid var(--line);border-radius:10px;padding:20px 22px}.panel-title{display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);padding-bottom:13px}.panel-title h3{font-size:16px;margin:0}.panel-icon{width:29px;height:29px;display:grid;place-items:center;background:#e8f5f6;color:var(--info);border-radius:7px;font-weight:900}.info-panel .fact-row{font-size:12px}.info-panel .fact-row dd{max-width:64%}.fine-print{margin:13px 0 0}.caution{display:flex;gap:20px;align-items:baseline;margin-top:16px;border-left:3px solid var(--brand);background:#fff8f6;padding:12px 17px;border-radius:4px}.caution b{flex:none;font-size:12px}.caution p{font-size:12px;margin:0}.terms-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:24px}.terms-lead{padding:23px;background:#f8fafc;border-radius:9px}.terms-lead h3{font-size:17px;margin-top:16px}.terms-lead p{font-size:13px}.terms-list{border-top:1px solid var(--line)}.terms-list .fact-row{padding:10px 0;font-size:12px}.terms-list .fact-row dd{max-width:70%}.method-tags{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.method-tags>div{display:flex;align-items:center;gap:10px;background:#f4f8fb;border:1px solid var(--line);border-radius:9px;padding:13px 17px}.method-icon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;color:var(--info);background:#def2f4;font-size:18px;font-weight:800}.method-tags b{font-size:13px}.method-tags small{color:var(--muted);font-size:11px;margin-left:auto}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:9px}.table-scroll table{border-collapse:collapse;width:100%;min-width:620px;font-size:12px}.table-scroll th,.table-scroll td{text-align:left;padding:11px 15px;border-bottom:1px solid var(--line)}.table-scroll tr:last-child th,.table-scroll tr:last-child td{border-bottom:0}.table-scroll thead{background:#eaf1f7}.table-scroll tbody th{width:140px;background:#fafbfd}.accordion{border:1px solid var(--line);border-radius:8px;margin-top:13px}.accordion summary{cursor:pointer;padding:12px 16px;display:flex;justify-content:space-between;gap:15px;font-size:12px;font-weight:800}.accordion summary::marker{content:""}.accordion[open] summary span{transform:rotate(45deg)}.accordion>div{border-top:1px solid var(--line);padding:12px 16px;font-size:12px;color:#52677c}.accordion p:last-child{margin-bottom:0}.accordion a{color:var(--info);text-decoration:underline}.support-list{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:9px}.support-list>div{padding:20px;border-right:1px solid var(--line)}.support-list>div:last-child{border:0}.support-list span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#e9f4f5;color:var(--info);font-size:20px;margin-bottom:10px}.support-list b{display:block;font-size:14px}.support-list p{font-size:12px;margin:4px 0}.support-list a,.support-list em{font-size:11px;color:var(--info);font-style:normal;font-weight:800}.support-foot{display:flex;gap:18px;background:#f8fafc;border-radius:8px;padding:13px 17px;margin-top:15px}.support-foot b{white-space:nowrap;font-size:12px}.support-foot p{margin:0;font-size:12px}.meta-strip{display:flex;justify-content:space-between;gap:30px;align-items:center;background:#eaf1f7;border:1px solid var(--line);border-radius:10px;padding:22px 27px;margin:25px 0}.meta-strip b{font-size:14px}.meta-strip p{font-size:11px;margin:5px 0}.source-links{display:flex;flex-wrap:wrap;gap:5px 17px;margin-top:9px}.source-links a{font-size:11px;color:var(--info);text-decoration:underline}.site-footer{background:#102d4d;color:#d9e7f3}.footer-inner{max-width:1200px;margin:auto;padding:35px 20px}.footer-logo strong{color:#fff}.footer-inner p{max-width:750px;color:#b7cada;font-size:12px;margin:16px 0 10px}.footer-inner>small{font-size:10px;color:#91abc1}@media(max-width:900px){.main-header{padding:0 20px}.primary-nav{gap:14px;font-size:11px}.game-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1.3fr .8fr}.hero-main{padding:30px}.hero-facts{padding:30px 20px}.overview-body{grid-template-columns:1fr;gap:20px}.section-nav{position:static}.rating-label{display:none}}@media(max-width:640px){body{font-size:14px}.legal-bar{font-size:9px;justify-content:space-between}.legal-bar span{max-width:180px}.main-header{height:62px}.logo strong{font-size:19px}.logo-mark{width:33px;height:33px}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;top:95px;left:0;right:0;background:white;padding:15px 20px;box-shadow:var(--shadow);z-index:10;flex-direction:column;align-items:stretch;gap:0}.primary-nav.open{display:flex}.primary-nav a{padding:10px;border-bottom:1px solid var(--line);font-size:13px}.page-wrap{width:calc(100% - 24px)}.breadcrumbs{padding:17px 3px}.hero{display:block}.hero-main{padding:24px 21px}.brand-identity{gap:13px;margin:20px 0}.brand-logo{width:82px;height:67px}.brand-logo img{width:74px}.brand-identity h1{font-size:23px}.brand-identity h1 span{font-size:12px}.brand-kicker{font-size:10px}.lead{font-size:13px}.hero-actions .button{flex:1;gap:6px;padding:8px 10px;font-size:11px}.hero-facts{padding:20px 21px}.section-block{padding:21px 17px;margin-bottom:13px}.overview{padding:0}.overview>.section-head{padding:21px 17px 0}.overview-body{padding:0 17px 21px}.section-head{align-items:flex-start;gap:8px}.heading{gap:8px}.section-number{width:28px;height:28px;font-size:11px}.heading small{font-size:9px;letter-spacing:.04em}.heading h2{font-size:17px}.rating summary{gap:3px;padding:5px 6px}.rating b{font-size:10px}.stars{font-size:11px}.rating-chevron{font-size:10px}.rating-note{width:min(250px,80vw)}.pros-cons,.two-column,.method-tags,.support-list,.terms-layout{grid-template-columns:1fr}.section-nav{gap:2px;margin:14px 0}.section-nav span{width:100%;margin:0 0 3px 7px}.section-nav a{padding:6px 7px;font-size:11px}.game-grid{grid-template-columns:1fr 1fr;gap:9px}.game-art{height:72px;padding:10px}.game-art span{font-size:28px}.game-art small{font-size:8px}.game-copy{padding:10px}.game-copy h3{font-size:12px}.game-copy p{font-size:10px}.caution,.support-foot{display:block}.caution b,.support-foot b{display:block;margin-bottom:4px}.method-tags>div{padding:10px}.method-tags small{font-size:10px}.support-list>div{border-right:0;border-bottom:1px solid var(--line);padding:14px}.support-list>div:last-child{border:0}.meta-strip{display:block;padding:18px}.meta-strip .button{margin-top:14px}.footer-inner{padding:25px 14px}}@media(max-width:380px){.game-grid{grid-template-columns:1fr}.rating summary{flex-wrap:wrap;justify-content:flex-end;max-width:94px}.rating .stars{letter-spacing:-3px}}
:scope .rating .stars{background:linear-gradient(90deg,#e9b94b var(--fill),#cbd5df var(--fill));background-clip:text;-webkit-background-clip:text;color:transparent}
.overview{overflow:visible}.overview .hero{border-radius:15px 15px 0 0;overflow:hidden}.rating .stars{background:linear-gradient(90deg,#e9b94b var(--fill),#cbd5df var(--fill));background-clip:text;-webkit-background-clip:text;color:transparent}
.list-panel h3 small{font-size:11px;font-weight:600;color:#708196;margin-left:5px}
.overview .hero{display:block}.overview .hero-main{max-width:860px}.overview-body{grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:20px}.overview-takeaway{background:#f4f8fb;border-left:3px solid var(--info);border-radius:0 8px 8px 0;padding:18px 20px}.overview-takeaway .takeaway-label{display:block;color:var(--info);font-size:10px;font-weight:800;letter-spacing:.1em;margin-bottom:7px}.overview-takeaway h3{font-size:17px;margin-bottom:8px}.overview-takeaway p{font-size:13px;line-height:1.8;margin-bottom:12px}@media(max-width:900px){.overview-body{grid-template-columns:1fr}}@media(max-width:640px){.overview-takeaway{padding:15px 16px}}
.vip-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.vip-highlight{background:#f4f8fb;border:1px solid var(--line);border-radius:10px;padding:23px}.vip-highlight small{display:block;font-size:10px;color:var(--info);font-weight:800;letter-spacing:.12em}.vip-highlight strong{display:block;font-size:21px;margin:7px 0}.vip-highlight p{font-size:12px;margin:0}.vip-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vip-benefits>div{border:1px solid var(--line);border-radius:9px;padding:15px}.vip-benefits b,.vip-benefits span{display:block}.vip-benefits b{font-size:13px}.vip-benefits span{font-size:11px;color:var(--muted);margin-top:4px}.provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.provider-row{display:flex;align-items:center;gap:10px;min-width:0;border:1px solid var(--line);border-radius:8px;padding:12px 14px}.provider-row b{font-size:13px}.provider-row span{font-size:11px;color:var(--muted)}.provider-row span:last-child{margin-left:auto;color:var(--info)}.provider-row:hover{border-color:var(--info);background:#f7fafc}.accordion .provider-grid{padding:13px}.details-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;margin:0;border-top:1px solid var(--line)}.details-grid .fact-row{font-size:12px}.details-grid .fact-row dd{max-width:65%}@media(max-width:640px){.vip-grid,.vip-benefits,.provider-grid,.details-grid{grid-template-columns:1fr}.vip-highlight{padding:18px}.provider-row{padding:11px}.details-grid .fact-row dd{max-width:63%}}
.section-nav{position:sticky;top:0;z-index:8;height:48px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin;touch-action:pan-x;overscroll-behavior-x:contain;background:#fff;padding:0 10px;margin:14px 0 19px;box-shadow:0 4px 12px rgba(17,45,79,.05)}.section-nav .nav-label{flex:none;margin:0 14px 0 7px;color:var(--muted)}.section-nav a{flex:none;height:100%;display:inline-flex;align-items:center;border-radius:0;border-bottom:2px solid transparent;padding:0 12px}.section-nav a[aria-current="location"]{color:var(--brand);border-bottom-color:var(--brand);background:#fff8f7}section[id]{scroll-margin-top:64px}.details-grid .language-row{grid-column:1/-1;display:grid;grid-template-columns:150px minmax(0,1fr);align-items:start;gap:18px}.details-grid .language-row dd{max-width:none;text-align:left;font-weight:400;min-width:0}.language-preview,.language-list{display:flex;flex-wrap:wrap;gap:6px}.language-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:6px;background:#f8fafc;padding:4px 8px;font-size:11px;font-weight:700;color:var(--navy);white-space:nowrap}.language-chip>span{font-size:15px;line-height:1}.languages-disclosure{margin-top:8px}.languages-disclosure summary{cursor:pointer;display:inline-flex;align-items:center;gap:8px;color:var(--info);font-size:11px;font-weight:800;min-height:32px}.languages-disclosure summary::marker{content:""}.languages-disclosure[open] summary span{transform:rotate(180deg)}.language-list{padding:7px 0 10px}.language-row dd>small{display:block;margin-top:7px;color:var(--muted);font-size:10px}.language-row dd>small a{color:var(--info);text-decoration:underline}@media(max-width:640px){.section-nav{margin:12px 0 15px;height:46px}.section-nav .nav-label{display:none}.section-nav a{padding:0 13px;font-size:12px}.details-grid .language-row{grid-template-columns:1fr;gap:8px}.details-grid .language-row dd{max-width:100%}}
/* Bonus offers keep casino and sports terms in one editorial section. */
.bonus-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bonus-offer{min-width:0;border:1px solid var(--line);border-radius:10px;padding:19px 20px;background:#fff}
.sports-offer{background:#f9fbfd}
.bonus-offer-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:10px}
.bonus-offer-head h3{font-size:16px;margin:0;flex:1 1 210px}
.bonus-offer-head .text-link{white-space:nowrap}
.bonus-offer>p{font-size:12px;margin:0 0 13px}
.bonus-offer .terms-list .fact-row{align-items:baseline;font-size:11px;gap:8px}
.bonus-offer .terms-list .fact-row dt{flex:0 0 90px}
.bonus-offer .terms-list .fact-row dd{max-width:none;overflow-wrap:anywhere}
.bonus-source-note{margin-bottom:0}
.bonus-source-note a{color:var(--info);text-decoration:underline}
@media(max-width:800px){.bonus-offers{grid-template-columns:1fr}}
@media(max-width:640px){.bonus-offer{padding:15px}.bonus-offer .terms-list .fact-row dt{flex-basis:75px}}
/* Persistent review navigation, aligned with the overview. */
.brand-layout{display:grid;grid-template-columns:182px minmax(0,1fr);gap:20px;align-items:start}
.brand-content{min-width:0}
.brand-layout .section-nav{position:sticky;top:18px;z-index:8;align-self:start;display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;width:100%;height:auto;max-height:calc(100vh - 36px);overflow-x:hidden;overflow-y:auto;white-space:normal;margin:0;padding:14px 9px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:var(--shadow);scrollbar-width:thin}
.brand-layout .section-nav .nav-label{display:block;flex:none;margin:0 7px 9px;color:var(--info);letter-spacing:.08em}
.brand-layout .section-nav a{display:flex;align-items:center;flex:none;width:100%;min-height:39px;height:auto;padding:7px 10px;border:0;border-left:3px solid transparent;border-radius:5px;line-height:1.3;white-space:normal}
.brand-layout .section-nav a[aria-current="location"]{background:#fff4f3;color:var(--brand);border-left-color:var(--brand)}
.brand-layout section[id]{scroll-margin-top:20px}
@media(max-width:960px){.brand-layout{display:block}.brand-layout .section-nav{position:sticky;top:0;flex-direction:row;align-items:center;width:100%;height:48px;max-height:none;overflow-x:auto;overflow-y:hidden;white-space:nowrap;margin:0 0 17px;padding:0 10px;border-radius:9px}.brand-layout .section-nav .nav-label{display:none}.brand-layout .section-nav a{width:auto;min-height:46px;height:46px;white-space:nowrap;padding:0 12px;border:0;border-bottom:2px solid transparent;border-radius:0}.brand-layout .section-nav a[aria-current="location"]{border-left:0;border-bottom-color:var(--brand)}.brand-layout section[id]{scroll-margin-top:64px}}
.provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.provider-row{min-height:92px;padding:10px;gap:10px;background:#fff}
.provider-logo{flex:none;width:78px;height:60px;display:grid;place-items:center;overflow:hidden;border-radius:6px;border:1px solid #e9edf3;background:#f7f9fc}
.provider-logo img{width:100%;height:100%;object-fit:contain}
.provider-logo-text{font-size:17px;font-weight:900;color:var(--info);letter-spacing:.04em}
.provider-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.provider-copy b{font-size:12px;line-height:1.25}
.provider-copy small{font-size:10px;color:var(--muted)}
.provider-row .provider-arrow{margin-left:auto;color:var(--info)}
#providers .fine-print a{color:var(--info);text-decoration:underline}
@media(max-width:1200px){.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.provider-row{min-height:78px;padding:7px;gap:6px}.provider-logo{width:48px;height:47px}.provider-copy b{font-size:10px}.provider-copy small{font-size:9px}.provider-arrow{display:none}}
@media(max-width:380px){.provider-grid{grid-template-columns:1fr}.provider-logo{width:65px;height:52px}}
/* Compact game-type index, using KAJIMIRU's existing editorial palette. */
.game-type-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:23px 0 12px;padding-bottom:9px;border-bottom:1px solid var(--line)}
.game-type-heading h3{font-size:15px;margin:0}.game-type-heading h3 span{display:inline-grid;place-items:center;min-width:23px;height:23px;border-radius:6px;background:#e7f3f5;color:var(--info);font-size:11px;margin-left:5px}
.game-type-heading small{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--muted)}
.game-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.game-type{min-width:0;min-height:80px;border:1px solid var(--line);border-radius:9px;background:#fff;display:flex;align-items:center;gap:10px;padding:10px;position:relative}
.game-type-icon{flex:none;width:46px;height:46px;display:grid;place-items:center;border-radius:9px;background:#e9f4f6;color:var(--info)}
.game-type:nth-child(4n+2) .game-type-icon{background:#eff2f9;color:#3e6591}
.game-type:nth-child(4n+3) .game-type-icon{background:#fff2e9;color:#bd7250}
.game-type:nth-child(4n+4) .game-type-icon{background:#f3f0fa;color:#746198}
.game-type-icon svg{width:29px;height:29px;display:block}.game-type-copy{min-width:0;display:flex;flex-direction:column;line-height:1.35;gap:3px}.game-type-copy b{font-size:12px;overflow-wrap:anywhere}.game-type-copy small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.game-live{position:absolute;right:8px;top:7px;border-radius:4px;background:#fff0ed;color:#b94743;font-size:8px;font-weight:900;letter-spacing:.04em;padding:1px 4px}.game-type:has(.game-live) .game-type-copy{padding-right:19px}
.game-feature-foot{display:flex;gap:11px;align-items:flex-start;margin-top:16px;padding:13px 15px;border-left:3px solid var(--info);border-radius:4px;background:#f3f8fa}.game-feature-mark{color:var(--info);font-size:13px;margin-top:2px}.game-feature-foot p{font-size:11px;line-height:1.7;margin:0}.game-feature-foot b{color:var(--navy)}
@media(max-width:980px){.game-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.game-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-type{min-height:72px;padding:8px;gap:7px}.game-type-icon{width:39px;height:39px}.game-type-icon svg{width:25px;height:25px}.game-type-copy b{font-size:11px}.game-type-copy small{font-size:9px}.game-live{font-size:7px;top:4px;right:4px}.game-type:has(.game-live) .game-type-copy{padding-right:10px}}
@media(max-width:360px){.game-type-grid{grid-template-columns:1fr}.game-type:has(.game-live) .game-type-copy{padding-right:28px}}
/* Auditable rating popovers and the two-stage scoring note. */
.overview{overflow:visible}
.rating-note{width:min(380px,calc(100vw - 48px));font-size:11px;line-height:1.55;z-index:30}
.rating-note>strong{font-size:12px;color:var(--navy)}.rating-note p{font-size:11px;margin:7px 0;color:#52667a}
.rating-breakdown{border-top:1px solid var(--line);margin-top:8px}.rating-breakdown>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #e8edf3}.rating-breakdown>div span{min-width:0}.rating-breakdown>div b{white-space:nowrap;color:var(--navy);font-size:11px}.rating-breakdown small{font-size:9px;color:var(--muted);font-weight:600}.rating-breakdown a,.rating-source-link{color:var(--info);text-decoration:underline;text-underline-offset:2px}.rating-breakdown span small{display:block}.rating-note .rating-caveat{margin:9px 0;color:#627489}.rating-source-link{font-size:11px;font-weight:800}
.methodology{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;margin:13px 0}.methodology strong{display:block;font-size:12px;color:var(--navy)}.methodology p{font-size:11px;margin:5px 0 11px}.methodology p:last-child{margin-bottom:0}
@media(max-width:640px){.section-head{position:relative;z-index:4}.rating{position:static}.rating-note{top:calc(100% + 6px);right:0;width:min(335px,calc(100vw - 42px))}.rating-breakdown>div{gap:6px}.rating-breakdown>div b{font-size:10px}}
#payment .fine-print a{color:var(--info);text-decoration:underline;text-underline-offset:2px}
/* Editorial overview: fewer nested cards, clearer verification status. */
.overview .hero-main{padding-bottom:28px}.overview .eyebrow{display:none}.overview .brand-identity{margin-top:6px}.overview .hero-actions .button.secondary{display:none}.overview .overview-rewrite{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:32px;padding-top:4px}.overview-editorial{padding:0}.overview-editorial>small{display:block;color:var(--info);font-size:11px;font-weight:800;letter-spacing:.03em;margin-bottom:10px}.overview-editorial h3{font-size:19px;line-height:1.45;margin:0 0 10px}.overview-editorial p{font-size:13px;line-height:1.85;margin:0 0 14px}.overview-checks{margin:0;border-top:1px solid var(--line)}.overview-checks>div{display:grid;grid-template-columns:106px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.65}.overview-checks dt{font-weight:800;color:var(--navy)}.overview-checks dd{margin:0;color:#596a7d}@media(max-width:900px){.overview .overview-rewrite{grid-template-columns:1fr;gap:20px}}@media(max-width:640px){.overview-checks>div{grid-template-columns:1fr;gap:3px}.overview .hero-main{padding-bottom:24px}}
/* Editorial treatment for the two condition-heavy sections. */
.editorial-module .editorial-lead{max-width:760px;margin:0 0 22px;font-size:14px;line-height:1.8;color:#40566d}
.offer-list{border-top:1px solid var(--line)}
.offer-item{padding:23px 0 25px;border-bottom:1px solid var(--line)}
.offer-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:9px}
.offer-heading small,.payment-editorial small{display:block;margin-bottom:5px;color:var(--info);font-size:11px;font-weight:800}
.offer-heading h3,.payment-editorial h3{margin:0;font-size:18px;line-height:1.5;letter-spacing:-.02em}
.offer-heading .text-link{flex:none}
.offer-item>p{margin:0 0 15px;font-size:13px;line-height:1.75}
.offer-facts{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.offer-facts>div{border-left:1px solid var(--line);padding-left:13px}
.offer-facts dt{margin-bottom:4px;color:var(--navy);font-size:11px;font-weight:800}
.offer-facts dd{margin:0;color:#596a7d;font-size:12px;line-height:1.7}
.editorial-source{margin:16px 0 0;color:#718093;font-size:11px;line-height:1.7}
.editorial-source a{color:var(--info);text-decoration:underline;text-underline-offset:2px}
.payment-editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;padding:3px 0 24px;border-bottom:1px solid var(--line)}
.payment-editorial h3{font-size:21px}
.payment-editorial p{margin:9px 0 0;font-size:13px;line-height:1.8}
.payment-editorial dl{margin:0}
.payment-editorial dl>div{display:grid;grid-template-columns:91px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}
.payment-editorial dl>div:last-child{border-bottom:0}
.payment-editorial dt{color:#6b7b8e}
.payment-editorial dd{margin:0;color:var(--navy);font-weight:700;line-height:1.6}
.payment-table-head{display:flex;align-items:baseline;gap:15px;margin:22px 0 12px}
.payment-table-head h3{margin:0;font-size:16px}
.payment-table-head p{margin:0;font-size:11px}
.editorial-module .table-scroll{border-radius:0}
.editorial-module .table-scroll thead{background:#f2f5f8}
.editorial-module .table-scroll tbody th{background:#fff}
.payment-details{border:0;border-bottom:1px solid var(--line);border-radius:0}
.payment-details summary{padding:12px 0;color:var(--info)}
.payment-details>div{padding:10px 0}
@media(max-width:760px){.offer-facts{grid-template-columns:1fr;gap:10px}.payment-editorial{grid-template-columns:1fr;gap:15px}.offer-heading{display:block}.offer-heading .text-link{display:inline-block;margin-top:8px}.payment-table-head{display:block}.payment-table-head p{margin-top:4px}}
.overview .hero-actions .button.secondary{display:inline-flex}
.overview .overview-pros-cons{display:block;padding-top:4px}
.overview-pros-cons .pros-cons{gap:16px}
.overview-pros-cons .list-panel{background:#fff;border:1px solid var(--line);border-top:2px solid var(--line);box-shadow:none}
.overview-pros-cons .list-panel.plus{border-top-color:#0d9fa9}
.overview-pros-cons .list-panel.minus{border-top-color:#d89057}
.overview-pros-cons .list-panel h3{margin-bottom:12px}
.overview-pros-cons .list-panel ul{font-size:12px;line-height:1.75}
@media(max-width:640px){.overview-pros-cons .pros-cons{grid-template-columns:1fr}}
.overview .hero-main{max-width:none;padding:32px 36px 30px}
.overview .brand-identity{gap:28px;margin:5px 0 20px}
.overview .brand-logo{width:290px;height:130px;border:0;background:#1a2442;border-radius:12px}
.overview .brand-logo img{width:274px;max-height:none}
.overview .lead{max-width:820px;margin-bottom:19px}
@media(max-width:640px){.overview .hero-main{padding:23px 20px}.overview .brand-identity{gap:16px;margin:0 0 17px}.overview .brand-logo{width:174px;height:86px}.overview .brand-logo img{width:164px}.overview .lead{margin-bottom:18px}}
@media(max-width:480px){.overview .brand-identity{align-items:flex-start;flex-direction:column;gap:12px}.overview .brand-logo{width:220px;height:100px}.overview .brand-logo img{width:208px}}
/* Game pictograms: warm paper, ink strokes and a small vermilion seal. */
#games .game-type-icon{position:relative;isolation:isolate;overflow:hidden;border:1px solid #e6dac9;border-radius:5px;background:#fbf6eb;color:#273e52;box-shadow:inset 0 0 0 3px rgba(255,255,255,.55)}
#games .game-type:nth-child(4n+2) .game-type-icon,#games .game-type:nth-child(4n+3) .game-type-icon,#games .game-type:nth-child(4n+4) .game-type-icon{background:#fbf6eb;color:#273e52}
#games .game-type-icon:before{content:"";position:absolute;left:4px;top:4px;width:5px;height:5px;background:#d35447;border-radius:1px;transform:rotate(-8deg)}
#games .game-type-icon svg{width:30px;height:30px;stroke-width:1.9;filter:drop-shadow(.3px .3px 0 rgba(39,62,82,.25))}
#games .game-type{border-color:#e7e3db;background:#fffefa}
@media(max-width:700px){#games .game-type-icon svg{width:25px;height:25px}}
.provider-row{cursor:default;background:#fff}
.provider-row:hover{border-color:var(--line);background:#fff}
.provider-logo-fallback{display:none;color:var(--info);font-size:17px;font-weight:900;letter-spacing:.04em}
.provider-logo:not(:has(img:not([hidden]))) .provider-logo-fallback{display:block}
.provider-logo img[hidden]{display:none}
#vip .vip-benefits{display:block;margin:0;border-top:1px solid var(--line)}
#vip .vip-benefits>div{display:grid;grid-template-columns:125px minmax(0,1fr);gap:12px;align-items:baseline;padding:12px 2px;border:0;border-bottom:1px solid var(--line);border-radius:0}
#vip .vip-benefits dt{font-size:12px;font-weight:800}
#vip .vip-benefits dd{margin:0;color:#596a7d;font-size:12px;line-height:1.6}
.methodology .methodology-summary{margin:0 0 9px;color:#516579}
.methodology-details{border-top:1px solid var(--line)}
.methodology-details summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;padding:10px 0;color:var(--info);font-size:12px;font-weight:800;list-style:none}
.methodology-details summary::-webkit-details-marker{display:none}
.methodology-details[open] summary span{transform:rotate(45deg)}
.methodology-details>div{padding:2px 0 8px}
.meta-strip>div{min-width:0;flex:1}
.meta-strip>.button{flex:none;white-space:nowrap}
@media(max-width:640px){#vip .vip-benefits>div{grid-template-columns:110px minmax(0,1fr);gap:8px}}
/* Plain editorial rows for the support options. */
#bonuses .heading h2,#payment .heading h2,#support .heading h2{margin-top:0}
#support .support-list{display:block;border:0;border-top:1px solid var(--line);border-radius:0}
#support .support-list>div{display:grid;grid-template-columns:minmax(110px,.6fr) minmax(0,1.7fr) auto;align-items:baseline;column-gap:18px;padding:14px 2px;border:0;border-bottom:1px solid var(--line)}
#support .support-list>div:last-child{border-bottom:1px solid var(--line)}
#support .support-list span{display:none}
#support .support-list b{font-size:13px}
#support .support-list p{margin:0;font-size:12px}
#support .support-list a{white-space:nowrap}
@media(max-width:640px){#support .support-list>div{grid-template-columns:1fr auto;row-gap:3px;padding:13px 1px}#support .support-list b{grid-column:1}#support .support-list p{grid-column:1;grid-row:2}#support .support-list a{grid-column:2;grid-row:1 / 3;align-self:center}}
/* Editorial data tables: compact labels, left-aligned values and quiet rules. */
.payment-priority{display:flex;align-items:baseline;gap:28px;padding:17px 21px;border-left:3px solid var(--brand);background:#fbf8f6}
.payment-priority small{flex:0 0 100px;color:#a54843;font-size:11px;font-weight:800}
.payment-priority h3{margin:0;font-size:16px;line-height:1.5}
.payment-priority p{margin:3px 0 0;color:#52657a;font-size:12px}
.payment-table-head{margin:25px 0 12px}
.payment-table-head h3{font-size:17px}
.payment-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.payment-method,.security-group{min-width:0}
.payment-method h4,.security-group h3{display:flex;align-items:center;gap:10px;margin:0;padding:0 0 10px;border-bottom:2px solid #1b7890;font-size:16px;line-height:1.5}
.payment-method h4 span{font-size:11px;color:#087f98;letter-spacing:.1em}
.jp-data-table{display:block;margin:0}
.jp-data-table .fact-row{display:grid;grid-template-columns:122px minmax(0,1fr);gap:0;align-items:stretch;padding:0;border-bottom:1px solid #e3e8ee;font-size:12px;line-height:1.7}
.jp-data-table .fact-row dt,.jp-data-table .fact-row dd{min-width:0;padding:12px 14px;text-align:left}
.jp-data-table .fact-row dt{background:#f7f9fb;color:#64768a;font-weight:700}
.jp-data-table .fact-row dd{max-width:none;margin:0;color:var(--navy);font-weight:600;overflow-wrap:anywhere}
.jp-data-table .status{display:inline-block;margin:0 8px 0 0;vertical-align:1px;font-size:10px;font-weight:700}
.security-groups{display:grid;gap:26px}
.security-group .jp-data-table .fact-row{grid-template-columns:175px minmax(0,1fr)}
#security .caution{margin-top:23px;padding:13px 17px;background:#fbf8f6;border-left:3px solid var(--brand);font-size:12px}
#security .caution b{flex:0 0 175px}
#security .caution p{margin:0}
.details-grid.jp-data-table{display:block;border-top:2px solid #1b7890}
.details-grid.jp-data-table .fact-row,.details-grid.jp-data-table .language-row{display:grid;grid-template-columns:175px minmax(0,1fr);gap:0;font-size:12px}
.details-grid.jp-data-table .language-row dd{max-width:none;padding:12px 14px}
@media(max-width:760px){.payment-method-grid{grid-template-columns:1fr;gap:24px}.payment-priority{display:block;padding:14px 17px}.payment-priority small{display:block;margin-bottom:5px}.security-group .jp-data-table .fact-row,.details-grid.jp-data-table .fact-row,.details-grid.jp-data-table .language-row{grid-template-columns:118px minmax(0,1fr)}}
@media(max-width:480px){.jp-data-table .fact-row,.security-group .jp-data-table .fact-row,.details-grid.jp-data-table .fact-row,.details-grid.jp-data-table .language-row{grid-template-columns:96px minmax(0,1fr)}.jp-data-table .fact-row dt,.jp-data-table .fact-row dd{padding:11px 10px}.details-grid.jp-data-table .language-row dd{padding:11px 10px}.jp-data-table .status{margin-bottom:3px}}
.detail-header-logo{display:flex;align-items:center;flex:none;width:142px;height:70px;overflow:hidden;background:transparent}
.detail-header-logo img{display:block;width:142px;max-width:none;height:auto}
@media(max-width:640px){.detail-header-logo{width:112px;height:58px}.detail-header-logo img{width:112px}}
/* Bonus offers: editorial image, essential terms, and a direct source CTA. */
.bonus-card-list{display:grid;gap:18px}
.bonus-card{display:grid;grid-template-columns:minmax(220px,36%) minmax(0,1fr);gap:24px;padding:18px;border:1px solid #dce3eb;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(17,45,79,.045)}
.bonus-card-visual{position:relative;min-height:300px;margin:0;border-radius:10px;overflow:hidden;background:#17213f}
.bonus-card-photo img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;object-position:left center}
.bonus-card-photo figcaption{position:absolute;right:10px;bottom:10px;padding:3px 7px;border-radius:4px;background:rgba(11,25,48,.78);color:#fff;font-size:10px}
.bonus-card-photo figcaption a{text-decoration:underline;text-underline-offset:2px}
.bonus-card-sports-photo img{object-position:center}
.bonus-card--sports{grid-template-columns:minmax(260px,42%) minmax(0,1fr)}
.bonus-card--sports .bonus-card-sports-banner{width:100%;height:100%;min-height:300px;max-height:none;background:#1b052b}
.bonus-card-sports-banner img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.bonus-card--sports{grid-template-columns:1fr}.bonus-card--sports .bonus-card-sports-banner{height:auto;min-height:0;aspect-ratio:1828 / 1118}}
.bonus-card-body{display:flex;flex-direction:column;min-width:0;padding:3px 4px 3px 0}
.bonus-card-type{align-self:flex-start;margin-bottom:10px;padding:4px 9px;border-radius:4px;background:#eaf3f6;color:#087f98;font-size:11px;font-weight:800}
.bonus-card-body h3{margin:0 0 10px;font-size:20px;line-height:1.5;letter-spacing:-.025em}
.bonus-card-summary{margin:0 0 12px;color:#40566d;font-size:12px;line-height:1.65}
.bonus-card-points{display:grid;gap:7px;margin:0 0 18px;padding:0;list-style:none}
.bonus-card-points li{display:grid;grid-template-columns:74px minmax(0,1fr);gap:8px;padding-left:12px;border-left:2px solid #c4dfe7;color:#53667b;font-size:11px;line-height:1.55}
.bonus-card-points b{color:#172f4d}
.bonus-card-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:43px;margin-top:auto;padding:8px 15px;border-radius:7px;background:#087f98;color:#fff;font-size:12px;font-weight:800;transition:background .2s ease}
.bonus-card-cta:hover{background:#086a7f}
.bonus-card-cta span{font-size:19px;line-height:1}
@media(max-width:760px){.bonus-card{grid-template-columns:1fr;gap:16px}.bonus-card-visual,.bonus-card-photo img{min-height:220px;max-height:260px}.bonus-card-body{padding:0 2px 2px}.bonus-card-body h3{font-size:18px}.bonus-card-points li{grid-template-columns:72px minmax(0,1fr)}}
/* Screenshots keep the brand's real interface visible without changing the editorial layout. */
.review-screen{margin:2px 0 25px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#f5f2fa}
.review-screen img{display:block;width:100%;height:280px;object-fit:cover;object-position:center top}
.review-screen figcaption{display:flex;justify-content:space-between;gap:12px;padding:9px 14px;color:#53657a;background:#fff;font-size:11px;font-weight:700}
.review-screen figcaption span{font-weight:400;color:#7a899b}
.review-screen figcaption a{color:var(--info);text-decoration:underline;text-underline-offset:2px}
@media(max-width:640px){.review-screen{margin-bottom:20px}.review-screen img{height:185px}.review-screen figcaption{display:block;font-size:10px}.review-screen figcaption span{display:block;margin-top:2px}}
/* Visual process boards for payment and identity checks. */
.flow-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:26px 0 13px}
.flow-heading h3{margin:0;font-size:17px;color:var(--navy)}
.flow-heading span{font-size:10px;font-weight:800;letter-spacing:.13em;color:#688399}
.process-flow{display:grid;gap:13px;position:relative}
.process-flow--payment{grid-template-columns:repeat(2,minmax(0,1fr))}
.process-flow--security{grid-template-columns:repeat(3,minmax(0,1fr))}
.process-stage{position:relative;min-width:0;padding-top:26px}
.process-stage:not(:last-child)::after{content:'→';position:absolute;top:4px;right:-13px;z-index:2;width:26px;height:26px;border-radius:50%;background:#fff;color:#087f98;text-align:center;font-size:18px;line-height:25px;font-weight:800}
.process-marker{position:absolute;top:0;left:16px;z-index:1;display:flex;align-items:center;gap:7px;color:#087f98;font-size:11px;font-weight:800}
.process-marker span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#087f98;color:#fff;font-size:11px;box-shadow:0 0 0 5px #eaf3f6}
.process-panel{height:100%;overflow:hidden;border:1px solid #d7e4e9;border-radius:12px;background:#f3f7f8}
.process-panel-head{min-height:90px;padding:22px 18px 13px}
.process-panel-head small{font-size:9px;font-weight:800;letter-spacing:.15em;color:#087f98}
.process-panel-head h3,.process-panel-head h4{margin:6px 0 0;font-size:16px;line-height:1.35;color:var(--navy)}
.process-items{display:grid;gap:7px;padding:8px}
.process-items>div{position:relative;display:flex;flex-direction:column;gap:4px;min-height:73px;padding:11px 13px;border:1px solid #e0e8eb;border-radius:7px;background:#fff;box-shadow:0 2px 5px rgba(17,45,79,.025)}
.process-items>div:first-child{border-color:#087f98;background:#087f98}
.process-items small{font-size:10px;font-weight:800;color:#698098}
.process-items b{font-size:12px;line-height:1.45;color:var(--navy);overflow-wrap:anywhere}
.process-items span{font-size:10px;line-height:1.45;color:#5f7185}
.process-items em{align-self:flex-start;margin-top:3px;padding:2px 6px;border-radius:3px;background:#fff1d9;color:#95671c;font-size:9px;font-style:normal;font-weight:800}
.process-items>div:first-child small,.process-items>div:first-child b,.process-items>div:first-child span{color:#fff}
.process-flow--security .process-panel-head{min-height:88px}
.process-flow--security .process-items>div{min-height:91px}
.process-flow--security .process-items b{font-size:11px}
@media(max-width:760px){.process-flow--security{grid-template-columns:1fr}.process-stage:not(:last-child)::after{top:auto;bottom:-21px;right:calc(50% - 13px);transform:rotate(90deg)}.process-flow--security .process-panel-head{min-height:75px}.process-flow--security .process-items>div{min-height:0}}
@media(max-width:640px){.flow-heading{align-items:flex-start;flex-direction:column;gap:4px}.process-flow--payment{grid-template-columns:1fr}.process-panel-head{min-height:75px}.process-items>div{min-height:0}}
/* Both bonus visuals share the same frame; preserve the supplied artwork. */
.bonus-card{grid-template-columns:minmax(260px,42%) minmax(0,1fr)}
.bonus-card-visual{width:100%;height:100%;min-height:300px;max-height:none;background:#1b052b}
.bonus-card-banner img,.bonus-card-sports-banner img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.bonus-card{grid-template-columns:1fr}.bonus-card-visual{height:auto;min-height:0;max-height:none;aspect-ratio:1828 / 1118}.bonus-card-banner img,.bonus-card-sports-banner img{height:100%;min-height:0;max-height:none}}
#security .security-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#security .security-group h3{padding-bottom:11px;border-bottom:2px solid #1b7890}
#security .security-group .jp-data-table .fact-row{grid-template-columns:112px minmax(0,1fr)}
#security .security-group .jp-data-table .fact-row dt{background:#f7f9fb}
@media(max-width:760px){#security .security-groups{grid-template-columns:1fr;gap:23px}#security .security-group .jp-data-table .fact-row{grid-template-columns:110px minmax(0,1fr)}}
@media(max-width:480px){#security .security-group .jp-data-table .fact-row{grid-template-columns:96px minmax(0,1fr)}}
/* Shared Yuugado-inspired framing for the three established brand reviews. */
body{background:#f6f8fa;font-size:15px}
.page-wrap{width:min(1200px,calc(100% - 48px))}
.main-header{max-width:1200px;margin:auto;padding:0 24px;height:96px;border-bottom:0;background:transparent}
.detail-header-logo{width:180px;height:90px}.detail-header-logo img{width:180px}
.primary-nav{gap:28px;font-size:14px}
.breadcrumbs{padding:8px 2px 14px}
.review-unified-cover{margin:0 0 30px}
.review-unified-cover .hero{display:block!important;min-height:358px;background:#163754!important;color:#fff;border:0;border-radius:22px;overflow:hidden}
.review-unified-cover .hero-main{max-width:none!important;min-height:358px;padding:42px 44px!important;display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,42%);grid-template-rows:auto 1fr auto auto;column-gap:34px;align-items:center}
.review-unified-cover .eyebrow{display:block!important;grid-column:1;grid-row:1;color:#dbe7ee!important;font-size:11px;letter-spacing:.06em}
.review-unified-cover .brand-identity{display:contents}
.review-unified-identity-copy{grid-column:1;grid-row:2;min-width:0}
.review-unified-cover .brand-kicker{color:#a9d4df!important;font-size:12px}
.review-unified-cover h1,.review-unified-cover h1 span{color:#fff!important}
.review-unified-cover h1{font-size:clamp(34px,4.4vw,54px);line-height:1.15}
.review-unified-cover .lead{grid-column:1;grid-row:3;max-width:650px;margin:0 0 18px;color:#dbe7ee!important;font-size:15px;line-height:1.8}
.review-unified-cover .hero-actions{grid-column:1;grid-row:4}
.review-unified-cover .hero-actions .button.primary{background:#f3bc68;color:#19334b;border-color:#f3bc68}
.review-unified-cover .hero-actions .button.secondary{background:transparent;color:#fff;border-color:#b9d0de}
.review-unified-cover .brand-logo,.review-unified-cover .stake-wordmark,.review-unified-cover .stealth-wordmark{grid-column:2;grid-row:1/5;justify-self:stretch;align-self:center;width:100%!important;height:250px!important;max-width:none;border:0;border-radius:16px;background:#f8f9fa!important;box-shadow:none;overflow:hidden}
.review-unified-cover .brand-logo img,.review-unified-cover .stake-wordmark img,.review-unified-cover .stealth-wordmark img{display:block;width:100%!important;height:100%!important;max-height:none;object-fit:contain;padding:20px}
.review-unified-cover .brand-logo{background:#1a2442!important}
.review-unified-cover .stake-wordmark{background:#203448!important}
.brand-layout{grid-template-columns:180px minmax(0,1fr);gap:24px}
.brand-layout .section-nav{top:24px;gap:7px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.brand-layout .section-nav a{min-height:43px;padding:9px 10px;border-left:2px solid #d4e0e5;border-radius:0;color:#31556d;background:transparent;font-size:14px;font-weight:500}
.brand-layout .section-nav a[aria-current="location"]{border-left-color:#087c92;background:transparent;color:#087c92}
.brand-content>.section-block{padding:32px;border:1px solid #dfe7ea;border-radius:17px;box-shadow:none;margin-bottom:18px}
.brand-content>.overview{overflow:visible}
.brand-content .heading h2{font-size:24px}
.brand-content p,.brand-content li{line-height:1.8}
@media(max-width:960px){.brand-layout{display:block}.brand-layout .section-nav{position:sticky;top:0;display:flex;flex-direction:row;gap:0;overflow-x:auto;overflow-y:hidden;height:48px;margin-bottom:18px;padding:0 4px;border:1px solid #dfe7ea;border-radius:9px;background:#f6f8fa}.brand-layout .section-nav a{width:auto;min-height:46px;padding:0 12px;white-space:nowrap;border-left:0;border-bottom:2px solid transparent}.brand-layout .section-nav a[aria-current="location"]{border-left:0;border-bottom-color:#087c92}}
@media(max-width:700px){.page-wrap{width:calc(100% - 24px)}.main-header{height:72px;padding:0 14px}.detail-header-logo{width:130px;height:66px}.detail-header-logo img{width:130px}.review-unified-cover .hero-main{display:flex;flex-direction:column;align-items:stretch;gap:15px;min-height:0;padding:25px!important}.review-unified-cover .eyebrow{order:0}.review-unified-identity-copy{order:1}.review-unified-cover .brand-logo,.review-unified-cover .stake-wordmark,.review-unified-cover .stealth-wordmark{order:2;height:180px!important}.review-unified-cover .lead{order:3;margin:0}.review-unified-cover .hero-actions{order:4}.brand-content>.section-block{padding:22px}.brand-content .heading h2{font-size:21px}}
}
/* reviews/stake-detail.html */
@scope (html[data-site-page="reviews/stake-detail.html"]) {
:scope{--navy:#122d4f;--brand:#e84e4b;--page:#f5f7fb;--surface:#fff;--line:#dce3ee;--info:#087f98;--muted:#63758a;--shadow:0 7px 26px rgba(17,45,79,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--navy);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.35}p{color:#4f6074}a:focus-visible,button:focus-visible,summary:focus-visible,.table-scroll:focus-visible{outline:3px solid #087f98;outline-offset:3px}section[id]{scroll-margin-top:30px}.site-shell{min-width:0}.legal-bar{background:#092849;color:#e8f4fc;min-height:33px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;padding:5px 16px}.legal-bar b{color:#ffe189;letter-spacing:.07em}.legal-bar a{text-decoration:underline}.main-header{height:76px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:9px;white-space:nowrap}.logo-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--brand);color:white;font-size:25px;line-height:1}.logo strong{font-size:22px;letter-spacing:-.07em;line-height:1}.logo strong span{color:var(--brand)}.logo small{display:block;margin-top:3px;font-size:9px;letter-spacing:.16em;color:#7a899c}.primary-nav{display:flex;align-items:center;gap:31px;font-size:13px;font-weight:700}.primary-nav a:hover,.text-link:hover,.source-links a:hover{color:var(--brand)}.menu-toggle{display:none;border:1px solid var(--line);background:white;border-radius:8px;padding:5px 10px;font-size:20px}.page-wrap{width:min(1200px,calc(100% - 40px));margin:auto}.breadcrumbs{display:flex;gap:9px;align-items:center;color:#8290a0;font-size:12px;padding:24px 2px}.breadcrumbs a{color:var(--info)}.section-block{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);padding:32px;margin-bottom:22px}.overview{padding:0;overflow:hidden}.hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(275px,.8fr);border-bottom:1px solid var(--line)}.hero-main{padding:39px 40px 35px}.eyebrow,.heading small{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--info)}.eyebrow{display:flex;gap:10px}.eyebrow span{color:#a8b4c1}.brand-identity{display:flex;align-items:center;gap:22px;margin:24px 0 22px}.brand-logo{width:120px;height:88px;border:1px solid #e5e2f1;background:#f6f3ff;border-radius:13px;display:grid;place-items:center;flex:none;overflow:hidden}.brand-logo img{width:105px;max-height:68px;object-fit:contain}.brand-kicker{color:var(--brand);font-size:12px;font-weight:800;margin-bottom:5px}.brand-identity h1{font-size:31px;letter-spacing:-.04em;margin:0}.brand-identity h1 span{display:block;font-size:17px;letter-spacing:0;margin-top:3px}.lead{font-size:15px;line-height:1.85;max-width:650px;margin-bottom:25px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.button{min-height:42px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:8px 17px;font-size:13px;font-weight:800}.button.primary{background:var(--brand);color:white}.button.primary:hover{background:#cf3d3a}.button.secondary{background:white;border:1px solid var(--line);color:var(--navy)}.button.secondary:hover{border-color:var(--info);color:var(--info)}.hero-facts{background:#f8fafc;padding:40px 31px}.fact-heading{font-size:11px;font-weight:900;color:var(--info);letter-spacing:.12em;border-bottom:1px solid var(--line);padding-bottom:14px}.fact-heading span{display:block;letter-spacing:0;color:var(--muted);font-weight:500;margin-top:2px}.hero-facts dl,.info-panel dl,.terms-list{margin:0}.fact-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e8edf3;font-size:13px}.fact-row:last-child{border:0}.fact-row dt{color:#718095;flex:0 0 auto}.fact-row dd{margin:0;text-align:right;font-weight:700}.status{display:inline-block;border-radius:5px;background:#fff4df;color:#9a650a;font-size:10px;font-weight:800;padding:2px 6px;margin-right:5px;white-space:nowrap}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.overview>.section-head{padding:29px 35px 0}.heading{display:flex;align-items:center;gap:13px;min-width:0}.section-number{width:34px;height:34px;display:grid;place-items:center;flex:none;background:#eaf1f7;border-radius:9px;color:var(--info);font-size:13px;font-weight:900}.heading h2{font-size:22px;margin:3px 0 0;letter-spacing:-.03em}.rating{position:relative;flex:none;font-size:11px;z-index:2}.rating summary{list-style:none;display:flex;align-items:center;gap:7px;background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:6px 9px;cursor:pointer;white-space:nowrap}.rating summary::-webkit-details-marker{display:none}.rating-label{color:#6a7b8e;font-weight:700}.stars{color:#e9b94b;font-size:15px;letter-spacing:-2px}.rating b{font-size:12px}.rating-chevron{color:#8090a1}.rating-note{position:absolute;right:0;top:calc(100% + 6px);width:255px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px;box-shadow:var(--shadow);color:#52667a;line-height:1.5;white-space:normal}.overview-body{padding:3px 35px 33px;display:grid;grid-template-columns:.85fr 1.15fr;gap:35px}.intro-column h3,.list-panel h3,.terms-lead h3{font-size:16px;margin:0 0 8px}.intro-column p{font-size:13px;margin:0 0 10px}.text-link{color:var(--info);font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.list-panel{border:1px solid var(--line);border-radius:10px;padding:17px;background:#fcfdff}.list-panel.plus{border-top:3px solid #0d9fa9}.list-panel.minus{border-top:3px solid #e9a86b}.list-panel h3 span{color:var(--info);font-size:20px;margin-right:5px}.list-panel.minus h3 span{color:#cf7832}.list-panel ul{padding-left:19px;margin:0;color:#56677a;font-size:12px;line-height:1.7}.list-panel li+li{margin-top:6px}.section-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:20px 0 23px;padding:11px 12px;background:#eaf0f6;border:1px solid var(--line);border-radius:10px}.section-nav span{font-weight:800;font-size:11px;color:#6b7b8e;margin:0 15px 0 7px}.section-nav a{font-size:12px;font-weight:700;padding:7px 11px;border-radius:6px}.section-nav a:hover,.section-nav a:focus-visible{background:white;color:var(--brand)}.section-intro{font-size:13px;margin:0 0 22px;max-width:840px}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.game-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white}.game-art{height:112px;background:#e8f1f5;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;color:#1c6584}.game-art span{font-size:39px;line-height:1}.game-art small{font-size:10px;font-weight:900;letter-spacing:.1em;align-self:flex-end}.art-1{background:#eaf3f6;color:#0c8295}.art-2{background:#f3efff;color:#674ab0}.art-3{background:#fff4ec;color:#a96c38}.game-copy{padding:15px 17px}.game-copy h3{font-size:15px;margin:0 0 5px}.game-copy p{font-size:12px;margin:0}.inline-note,.fine-print{font-size:11px;color:#7b8998}.inline-note{margin-top:13px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.info-panel{border:1px solid var(--line);border-radius:10px;padding:20px 22px}.panel-title{display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);padding-bottom:13px}.panel-title h3{font-size:16px;margin:0}.panel-icon{width:29px;height:29px;display:grid;place-items:center;background:#e8f5f6;color:var(--info);border-radius:7px;font-weight:900}.info-panel .fact-row{font-size:12px}.info-panel .fact-row dd{max-width:64%}.fine-print{margin:13px 0 0}.caution{display:flex;gap:20px;align-items:baseline;margin-top:16px;border-left:3px solid var(--brand);background:#fff8f6;padding:12px 17px;border-radius:4px}.caution b{flex:none;font-size:12px}.caution p{font-size:12px;margin:0}.terms-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:24px}.terms-lead{padding:23px;background:#f8fafc;border-radius:9px}.terms-lead h3{font-size:17px;margin-top:16px}.terms-lead p{font-size:13px}.terms-list{border-top:1px solid var(--line)}.terms-list .fact-row{padding:10px 0;font-size:12px}.terms-list .fact-row dd{max-width:70%}.method-tags{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.method-tags>div{display:flex;align-items:center;gap:10px;background:#f4f8fb;border:1px solid var(--line);border-radius:9px;padding:13px 17px}.method-icon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;color:var(--info);background:#def2f4;font-size:18px;font-weight:800}.method-tags b{font-size:13px}.method-tags small{color:var(--muted);font-size:11px;margin-left:auto}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:9px}.table-scroll table{border-collapse:collapse;width:100%;min-width:620px;font-size:12px}.table-scroll th,.table-scroll td{text-align:left;padding:11px 15px;border-bottom:1px solid var(--line)}.table-scroll tr:last-child th,.table-scroll tr:last-child td{border-bottom:0}.table-scroll thead{background:#eaf1f7}.table-scroll tbody th{width:140px;background:#fafbfd}.accordion{border:1px solid var(--line);border-radius:8px;margin-top:13px}.accordion summary{cursor:pointer;padding:12px 16px;display:flex;justify-content:space-between;gap:15px;font-size:12px;font-weight:800}.accordion summary::marker{content:""}.accordion[open] summary span{transform:rotate(45deg)}.accordion>div{border-top:1px solid var(--line);padding:12px 16px;font-size:12px;color:#52677c}.accordion p:last-child{margin-bottom:0}.accordion a{color:var(--info);text-decoration:underline}.support-list{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:9px}.support-list>div{padding:20px;border-right:1px solid var(--line)}.support-list>div:last-child{border:0}.support-list span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#e9f4f5;color:var(--info);font-size:20px;margin-bottom:10px}.support-list b{display:block;font-size:14px}.support-list p{font-size:12px;margin:4px 0}.support-list a,.support-list em{font-size:11px;color:var(--info);font-style:normal;font-weight:800}.support-foot{display:flex;gap:18px;background:#f8fafc;border-radius:8px;padding:13px 17px;margin-top:15px}.support-foot b{white-space:nowrap;font-size:12px}.support-foot p{margin:0;font-size:12px}.meta-strip{display:flex;justify-content:space-between;gap:30px;align-items:center;background:#eaf1f7;border:1px solid var(--line);border-radius:10px;padding:22px 27px;margin:25px 0}.meta-strip b{font-size:14px}.meta-strip p{font-size:11px;margin:5px 0}.source-links{display:flex;flex-wrap:wrap;gap:5px 17px;margin-top:9px}.source-links a{font-size:11px;color:var(--info);text-decoration:underline}.site-footer{background:#102d4d;color:#d9e7f3}.footer-inner{max-width:1200px;margin:auto;padding:35px 20px}.footer-logo strong{color:#fff}.footer-inner p{max-width:750px;color:#b7cada;font-size:12px;margin:16px 0 10px}.footer-inner>small{font-size:10px;color:#91abc1}@media(max-width:900px){.main-header{padding:0 20px}.primary-nav{gap:14px;font-size:11px}.game-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1.3fr .8fr}.hero-main{padding:30px}.hero-facts{padding:30px 20px}.overview-body{grid-template-columns:1fr;gap:20px}.section-nav{position:static}.rating-label{display:none}}@media(max-width:640px){body{font-size:14px}.legal-bar{font-size:9px;justify-content:space-between}.legal-bar span{max-width:180px}.main-header{height:62px}.logo strong{font-size:19px}.logo-mark{width:33px;height:33px}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;top:95px;left:0;right:0;background:white;padding:15px 20px;box-shadow:var(--shadow);z-index:10;flex-direction:column;align-items:stretch;gap:0}.primary-nav.open{display:flex}.primary-nav a{padding:10px;border-bottom:1px solid var(--line);font-size:13px}.page-wrap{width:calc(100% - 24px)}.breadcrumbs{padding:17px 3px}.hero{display:block}.hero-main{padding:24px 21px}.brand-identity{gap:13px;margin:20px 0}.brand-logo{width:82px;height:67px}.brand-logo img{width:74px}.brand-identity h1{font-size:23px}.brand-identity h1 span{font-size:12px}.brand-kicker{font-size:10px}.lead{font-size:13px}.hero-actions .button{flex:1;gap:6px;padding:8px 10px;font-size:11px}.hero-facts{padding:20px 21px}.section-block{padding:21px 17px;margin-bottom:13px}.overview{padding:0}.overview>.section-head{padding:21px 17px 0}.overview-body{padding:0 17px 21px}.section-head{align-items:flex-start;gap:8px}.heading{gap:8px}.section-number{width:28px;height:28px;font-size:11px}.heading small{font-size:9px;letter-spacing:.04em}.heading h2{font-size:17px}.rating summary{gap:3px;padding:5px 6px}.rating b{font-size:10px}.stars{font-size:11px}.rating-chevron{font-size:10px}.rating-note{width:min(250px,80vw)}.pros-cons,.two-column,.method-tags,.support-list,.terms-layout{grid-template-columns:1fr}.section-nav{gap:2px;margin:14px 0}.section-nav span{width:100%;margin:0 0 3px 7px}.section-nav a{padding:6px 7px;font-size:11px}.game-grid{grid-template-columns:1fr 1fr;gap:9px}.game-art{height:72px;padding:10px}.game-art span{font-size:28px}.game-art small{font-size:8px}.game-copy{padding:10px}.game-copy h3{font-size:12px}.game-copy p{font-size:10px}.caution,.support-foot{display:block}.caution b,.support-foot b{display:block;margin-bottom:4px}.method-tags>div{padding:10px}.method-tags small{font-size:10px}.support-list>div{border-right:0;border-bottom:1px solid var(--line);padding:14px}.support-list>div:last-child{border:0}.meta-strip{display:block;padding:18px}.meta-strip .button{margin-top:14px}.footer-inner{padding:25px 14px}}@media(max-width:380px){.game-grid{grid-template-columns:1fr}.rating summary{flex-wrap:wrap;justify-content:flex-end;max-width:94px}.rating .stars{letter-spacing:-3px}}
:scope .rating .stars{background:linear-gradient(90deg,#e9b94b var(--fill),#cbd5df var(--fill));background-clip:text;-webkit-background-clip:text;color:transparent}
.overview{overflow:visible}.overview .hero{border-radius:15px 15px 0 0;overflow:hidden}.rating .stars{background:linear-gradient(90deg,#e9b94b var(--fill),#cbd5df var(--fill));background-clip:text;-webkit-background-clip:text;color:transparent}
.list-panel h3 small{font-size:11px;font-weight:600;color:#708196;margin-left:5px}
.overview .hero{display:block}.overview .hero-main{max-width:860px}.overview-body{grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:20px}.overview-takeaway{background:#f4f8fb;border-left:3px solid var(--info);border-radius:0 8px 8px 0;padding:18px 20px}.overview-takeaway .takeaway-label{display:block;color:var(--info);font-size:10px;font-weight:800;letter-spacing:.1em;margin-bottom:7px}.overview-takeaway h3{font-size:17px;margin-bottom:8px}.overview-takeaway p{font-size:13px;line-height:1.8;margin-bottom:12px}@media(max-width:900px){.overview-body{grid-template-columns:1fr}}@media(max-width:640px){.overview-takeaway{padding:15px 16px}}
.vip-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.vip-highlight{background:#f4f8fb;border:1px solid var(--line);border-radius:10px;padding:23px}.vip-highlight small{display:block;font-size:10px;color:var(--info);font-weight:800;letter-spacing:.12em}.vip-highlight strong{display:block;font-size:21px;margin:7px 0}.vip-highlight p{font-size:12px;margin:0}.vip-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vip-benefits>div{border:1px solid var(--line);border-radius:9px;padding:15px}.vip-benefits b,.vip-benefits span{display:block}.vip-benefits b{font-size:13px}.vip-benefits span{font-size:11px;color:var(--muted);margin-top:4px}.provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.provider-row{display:flex;align-items:center;gap:10px;min-width:0;border:1px solid var(--line);border-radius:8px;padding:12px 14px}.provider-row b{font-size:13px}.provider-row span{font-size:11px;color:var(--muted)}.provider-row span:last-child{margin-left:auto;color:var(--info)}.provider-row:hover{border-color:var(--info);background:#f7fafc}.accordion .provider-grid{padding:13px}.details-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;margin:0;border-top:1px solid var(--line)}.details-grid .fact-row{font-size:12px}.details-grid .fact-row dd{max-width:65%}@media(max-width:640px){.vip-grid,.vip-benefits,.provider-grid,.details-grid{grid-template-columns:1fr}.vip-highlight{padding:18px}.provider-row{padding:11px}.details-grid .fact-row dd{max-width:63%}}
.section-nav{position:sticky;top:0;z-index:8;height:48px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin;touch-action:pan-x;overscroll-behavior-x:contain;background:#fff;padding:0 10px;margin:14px 0 19px;box-shadow:0 4px 12px rgba(17,45,79,.05)}.section-nav .nav-label{flex:none;margin:0 14px 0 7px;color:var(--muted)}.section-nav a{flex:none;height:100%;display:inline-flex;align-items:center;border-radius:0;border-bottom:2px solid transparent;padding:0 12px}.section-nav a[aria-current="location"]{color:var(--brand);border-bottom-color:var(--brand);background:#fff8f7}section[id]{scroll-margin-top:64px}.details-grid .language-row{grid-column:1/-1;display:grid;grid-template-columns:150px minmax(0,1fr);align-items:start;gap:18px}.details-grid .language-row dd{max-width:none;text-align:left;font-weight:400;min-width:0}.language-preview,.language-list{display:flex;flex-wrap:wrap;gap:6px}.language-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:6px;background:#f8fafc;padding:4px 8px;font-size:11px;font-weight:700;color:var(--navy);white-space:nowrap}.language-chip>span{font-size:15px;line-height:1}.languages-disclosure{margin-top:8px}.languages-disclosure summary{cursor:pointer;display:inline-flex;align-items:center;gap:8px;color:var(--info);font-size:11px;font-weight:800;min-height:32px}.languages-disclosure summary::marker{content:""}.languages-disclosure[open] summary span{transform:rotate(180deg)}.language-list{padding:7px 0 10px}.language-row dd>small{display:block;margin-top:7px;color:var(--muted);font-size:10px}.language-row dd>small a{color:var(--info);text-decoration:underline}@media(max-width:640px){.section-nav{margin:12px 0 15px;height:46px}.section-nav .nav-label{display:none}.section-nav a{padding:0 13px;font-size:12px}.details-grid .language-row{grid-template-columns:1fr;gap:8px}.details-grid .language-row dd{max-width:100%}}
/* Bonus offers keep casino and sports terms in one editorial section. */
.bonus-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bonus-offer{min-width:0;border:1px solid var(--line);border-radius:10px;padding:19px 20px;background:#fff}
.sports-offer{background:#f9fbfd}
.bonus-offer-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:10px}
.bonus-offer-head h3{font-size:16px;margin:0;flex:1 1 210px}
.bonus-offer-head .text-link{white-space:nowrap}
.bonus-offer>p{font-size:12px;margin:0 0 13px}
.bonus-offer .terms-list .fact-row{align-items:baseline;font-size:11px;gap:8px}
.bonus-offer .terms-list .fact-row dt{flex:0 0 90px}
.bonus-offer .terms-list .fact-row dd{max-width:none;overflow-wrap:anywhere}
.bonus-source-note{margin-bottom:0}
.bonus-source-note a{color:var(--info);text-decoration:underline}
@media(max-width:800px){.bonus-offers{grid-template-columns:1fr}}
@media(max-width:640px){.bonus-offer{padding:15px}.bonus-offer .terms-list .fact-row dt{flex-basis:75px}}
/* Persistent review navigation, aligned with the overview. */
.brand-layout{display:grid;grid-template-columns:182px minmax(0,1fr);gap:20px;align-items:start}
.brand-content{min-width:0}
.brand-layout .section-nav{position:sticky;top:18px;z-index:8;align-self:start;display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;width:100%;height:auto;max-height:calc(100vh - 36px);overflow-x:hidden;overflow-y:auto;white-space:normal;margin:0;padding:14px 9px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:var(--shadow);scrollbar-width:thin}
.brand-layout .section-nav .nav-label{display:block;flex:none;margin:0 7px 9px;color:var(--info);letter-spacing:.08em}
.brand-layout .section-nav a{display:flex;align-items:center;flex:none;width:100%;min-height:39px;height:auto;padding:7px 10px;border:0;border-left:3px solid transparent;border-radius:5px;line-height:1.3;white-space:normal}
.brand-layout .section-nav a[aria-current="location"]{background:#fff4f3;color:var(--brand);border-left-color:var(--brand)}
.brand-layout section[id]{scroll-margin-top:20px}
@media(max-width:960px){.brand-layout{display:block}.brand-layout .section-nav{position:sticky;top:0;flex-direction:row;align-items:center;width:100%;height:48px;max-height:none;overflow-x:auto;overflow-y:hidden;white-space:nowrap;margin:0 0 17px;padding:0 10px;border-radius:9px}.brand-layout .section-nav .nav-label{display:none}.brand-layout .section-nav a{width:auto;min-height:46px;height:46px;white-space:nowrap;padding:0 12px;border:0;border-bottom:2px solid transparent;border-radius:0}.brand-layout .section-nav a[aria-current="location"]{border-left:0;border-bottom-color:var(--brand)}.brand-layout section[id]{scroll-margin-top:64px}}
.provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.provider-row{min-height:92px;padding:10px;gap:10px;background:#fff}
.provider-logo{flex:none;width:78px;height:60px;display:grid;place-items:center;overflow:hidden;border-radius:6px;border:1px solid #e9edf3;background:#f7f9fc}
.provider-logo img{width:100%;height:100%;object-fit:contain}
.provider-logo-text{font-size:17px;font-weight:900;color:var(--info);letter-spacing:.04em}
.provider-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.provider-copy b{font-size:12px;line-height:1.25}
.provider-copy small{font-size:10px;color:var(--muted)}
.provider-row .provider-arrow{margin-left:auto;color:var(--info)}
#providers .fine-print a{color:var(--info);text-decoration:underline}
@media(max-width:1200px){.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.provider-row{min-height:78px;padding:7px;gap:6px}.provider-logo{width:48px;height:47px}.provider-copy b{font-size:10px}.provider-copy small{font-size:9px}.provider-arrow{display:none}}
@media(max-width:380px){.provider-grid{grid-template-columns:1fr}.provider-logo{width:65px;height:52px}}
/* Compact game-type index, using KAJIMIRU's existing editorial palette. */
.game-type-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:23px 0 12px;padding-bottom:9px;border-bottom:1px solid var(--line)}
.game-type-heading h3{font-size:15px;margin:0}.game-type-heading h3 span{display:inline-grid;place-items:center;min-width:23px;height:23px;border-radius:6px;background:#e7f3f5;color:var(--info);font-size:11px;margin-left:5px}
.game-type-heading small{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--muted)}
.game-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.game-type{min-width:0;min-height:80px;border:1px solid var(--line);border-radius:9px;background:#fff;display:flex;align-items:center;gap:10px;padding:10px;position:relative}
.game-type-icon{flex:none;width:46px;height:46px;display:grid;place-items:center;border-radius:9px;background:#e9f4f6;color:var(--info)}
.game-type:nth-child(4n+2) .game-type-icon{background:#eff2f9;color:#3e6591}
.game-type:nth-child(4n+3) .game-type-icon{background:#fff2e9;color:#bd7250}
.game-type:nth-child(4n+4) .game-type-icon{background:#f3f0fa;color:#746198}
.game-type-icon svg{width:29px;height:29px;display:block}.game-type-copy{min-width:0;display:flex;flex-direction:column;line-height:1.35;gap:3px}.game-type-copy b{font-size:12px;overflow-wrap:anywhere}.game-type-copy small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.game-live{position:absolute;right:8px;top:7px;border-radius:4px;background:#fff0ed;color:#b94743;font-size:8px;font-weight:900;letter-spacing:.04em;padding:1px 4px}.game-type:has(.game-live) .game-type-copy{padding-right:19px}
.game-feature-foot{display:flex;gap:11px;align-items:flex-start;margin-top:16px;padding:13px 15px;border-left:3px solid var(--info);border-radius:4px;background:#f3f8fa}.game-feature-mark{color:var(--info);font-size:13px;margin-top:2px}.game-feature-foot p{font-size:11px;line-height:1.7;margin:0}.game-feature-foot b{color:var(--navy)}
@media(max-width:980px){.game-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.game-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-type{min-height:72px;padding:8px;gap:7px}.game-type-icon{width:39px;height:39px}.game-type-icon svg{width:25px;height:25px}.game-type-copy b{font-size:11px}.game-type-copy small{font-size:9px}.game-live{font-size:7px;top:4px;right:4px}.game-type:has(.game-live) .game-type-copy{padding-right:10px}}
@media(max-width:360px){.game-type-grid{grid-template-columns:1fr}.game-type:has(.game-live) .game-type-copy{padding-right:28px}}
/* Auditable rating popovers and the two-stage scoring note. */
.overview{overflow:visible}
.rating-note{width:min(380px,calc(100vw - 48px));font-size:11px;line-height:1.55;z-index:30}
.rating-note>strong{font-size:12px;color:var(--navy)}.rating-note p{font-size:11px;margin:7px 0;color:#52667a}
.rating-breakdown{border-top:1px solid var(--line);margin-top:8px}.rating-breakdown>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #e8edf3}.rating-breakdown>div span{min-width:0}.rating-breakdown>div b{white-space:nowrap;color:var(--navy);font-size:11px}.rating-breakdown small{font-size:9px;color:var(--muted);font-weight:600}.rating-breakdown a,.rating-source-link{color:var(--info);text-decoration:underline;text-underline-offset:2px}.rating-breakdown span small{display:block}.rating-note .rating-caveat{margin:9px 0;color:#627489}.rating-source-link{font-size:11px;font-weight:800}
.methodology{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;margin:13px 0}.methodology strong{display:block;font-size:12px;color:var(--navy)}.methodology p{font-size:11px;margin:5px 0 11px}.methodology p:last-child{margin-bottom:0}
@media(max-width:640px){.section-head{position:relative;z-index:4}.rating{position:static}.rating-note{top:calc(100% + 6px);right:0;width:min(335px,calc(100vw - 42px))}.rating-breakdown>div{gap:6px}.rating-breakdown>div b{font-size:10px}}
#payment .fine-print a{color:var(--info);text-decoration:underline;text-underline-offset:2px}
/* Editorial overview: fewer nested cards, clearer verification status. */
.overview .hero-main{padding-bottom:28px}.overview .eyebrow{display:none}.overview .brand-identity{margin-top:6px}.overview .hero-actions .button.secondary{display:none}.overview .overview-rewrite{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:32px;padding-top:4px}.overview-editorial{padding:0}.overview-editorial>small{display:block;color:var(--info);font-size:11px;font-weight:800;letter-spacing:.03em;margin-bottom:10px}.overview-editorial h3{font-size:19px;line-height:1.45;margin:0 0 10px}.overview-editorial p{font-size:13px;line-height:1.85;margin:0 0 14px}.overview-checks{margin:0;border-top:1px solid var(--line)}.overview-checks>div{display:grid;grid-template-columns:106px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.65}.overview-checks dt{font-weight:800;color:var(--navy)}.overview-checks dd{margin:0;color:#596a7d}@media(max-width:900px){.overview .overview-rewrite{grid-template-columns:1fr;gap:20px}}@media(max-width:640px){.overview-checks>div{grid-template-columns:1fr;gap:3px}.overview .hero-main{padding-bottom:24px}}
/* Editorial treatment for the two condition-heavy sections. */
.editorial-module .editorial-lead{max-width:760px;margin:0 0 22px;font-size:14px;line-height:1.8;color:#40566d}
.offer-list{border-top:1px solid var(--line)}
.offer-item{padding:23px 0 25px;border-bottom:1px solid var(--line)}
.offer-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:9px}
.offer-heading small,.payment-editorial small{display:block;margin-bottom:5px;color:var(--info);font-size:11px;font-weight:800}
.offer-heading h3,.payment-editorial h3{margin:0;font-size:18px;line-height:1.5;letter-spacing:-.02em}
.offer-heading .text-link{flex:none}
.offer-item>p{margin:0 0 15px;font-size:13px;line-height:1.75}
.offer-facts{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.offer-facts>div{border-left:1px solid var(--line);padding-left:13px}
.offer-facts dt{margin-bottom:4px;color:var(--navy);font-size:11px;font-weight:800}
.offer-facts dd{margin:0;color:#596a7d;font-size:12px;line-height:1.7}
.editorial-source{margin:16px 0 0;color:#718093;font-size:11px;line-height:1.7}
.editorial-source a{color:var(--info);text-decoration:underline;text-underline-offset:2px}
.payment-editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;padding:3px 0 24px;border-bottom:1px solid var(--line)}
.payment-editorial h3{font-size:21px}
.payment-editorial p{margin:9px 0 0;font-size:13px;line-height:1.8}
.payment-editorial dl{margin:0}
.payment-editorial dl>div{display:grid;grid-template-columns:91px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}
.payment-editorial dl>div:last-child{border-bottom:0}
.payment-editorial dt{color:#6b7b8e}
.payment-editorial dd{margin:0;color:var(--navy);font-weight:700;line-height:1.6}
.payment-table-head{display:flex;align-items:baseline;gap:15px;margin:22px 0 12px}
.payment-table-head h3{margin:0;font-size:16px}
.payment-table-head p{margin:0;font-size:11px}
.editorial-module .table-scroll{border-radius:0}
.editorial-module .table-scroll thead{background:#f2f5f8}
.editorial-module .table-scroll tbody th{background:#fff}
.payment-details{border:0;border-bottom:1px solid var(--line);border-radius:0}
.payment-details summary{padding:12px 0;color:var(--info)}
.payment-details>div{padding:10px 0}
@media(max-width:760px){.offer-facts{grid-template-columns:1fr;gap:10px}.payment-editorial{grid-template-columns:1fr;gap:15px}.offer-heading{display:block}.offer-heading .text-link{display:inline-block;margin-top:8px}.payment-table-head{display:block}.payment-table-head p{margin-top:4px}}
.overview .hero-actions .button.secondary{display:inline-flex}
.overview .overview-pros-cons{display:block;padding-top:4px}
.overview-pros-cons .pros-cons{gap:16px}
.overview-pros-cons .list-panel{background:#fff;border:1px solid var(--line);border-top:2px solid var(--line);box-shadow:none}
.overview-pros-cons .list-panel.plus{border-top-color:#0d9fa9}
.overview-pros-cons .list-panel.minus{border-top-color:#d89057}
.overview-pros-cons .list-panel h3{margin-bottom:12px}
.overview-pros-cons .list-panel ul{font-size:12px;line-height:1.75}
@media(max-width:640px){.overview-pros-cons .pros-cons{grid-template-columns:1fr}}
.overview .hero-main{max-width:none;padding:32px 36px 30px}
.overview .brand-identity{gap:28px;margin:5px 0 20px}
.overview .brand-logo{width:290px;height:130px;border:0;background:#1a2442;border-radius:12px}
.overview .brand-logo img{width:274px;max-height:none}
.overview .lead{max-width:820px;margin-bottom:19px}
@media(max-width:640px){.overview .hero-main{padding:23px 20px}.overview .brand-identity{gap:16px;margin:0 0 17px}.overview .brand-logo{width:174px;height:86px}.overview .brand-logo img{width:164px}.overview .lead{margin-bottom:18px}}
@media(max-width:480px){.overview .brand-identity{align-items:flex-start;flex-direction:column;gap:12px}.overview .brand-logo{width:220px;height:100px}.overview .brand-logo img{width:208px}}
/* Game pictograms: warm paper, ink strokes and a small vermilion seal. */
#games .game-type-icon{position:relative;isolation:isolate;overflow:hidden;border:1px solid #e6dac9;border-radius:5px;background:#fbf6eb;color:#273e52;box-shadow:inset 0 0 0 3px rgba(255,255,255,.55)}
#games .game-type:nth-child(4n+2) .game-type-icon,#games .game-type:nth-child(4n+3) .game-type-icon,#games .game-type:nth-child(4n+4) .game-type-icon{background:#fbf6eb;color:#273e52}
#games .game-type-icon:before{content:"";position:absolute;left:4px;top:4px;width:5px;height:5px;background:#d35447;border-radius:1px;transform:rotate(-8deg)}
#games .game-type-icon svg{width:30px;height:30px;stroke-width:1.9;filter:drop-shadow(.3px .3px 0 rgba(39,62,82,.25))}
#games .game-type{border-color:#e7e3db;background:#fffefa}
@media(max-width:700px){#games .game-type-icon svg{width:25px;height:25px}}
.provider-row{cursor:default;background:#fff}
.provider-row:hover{border-color:var(--line);background:#fff}
.provider-logo-fallback{display:none;color:var(--info);font-size:17px;font-weight:900;letter-spacing:.04em}
.provider-logo:not(:has(img:not([hidden]))) .provider-logo-fallback{display:block}
.provider-logo img[hidden]{display:none}
#vip .vip-benefits{display:block;margin:0;border-top:1px solid var(--line)}
#vip .vip-benefits>div{display:grid;grid-template-columns:125px minmax(0,1fr);gap:12px;align-items:baseline;padding:12px 2px;border:0;border-bottom:1px solid var(--line);border-radius:0}
#vip .vip-benefits dt{font-size:12px;font-weight:800}
#vip .vip-benefits dd{margin:0;color:#596a7d;font-size:12px;line-height:1.6}
.methodology .methodology-summary{margin:0 0 9px;color:#516579}
.methodology-details{border-top:1px solid var(--line)}
.methodology-details summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;padding:10px 0;color:var(--info);font-size:12px;font-weight:800;list-style:none}
.methodology-details summary::-webkit-details-marker{display:none}
.methodology-details[open] summary span{transform:rotate(45deg)}
.methodology-details>div{padding:2px 0 8px}
.meta-strip>div{min-width:0;flex:1}
.meta-strip>.button{flex:none;white-space:nowrap}
@media(max-width:640px){#vip .vip-benefits>div{grid-template-columns:110px minmax(0,1fr);gap:8px}}
/* Plain editorial rows for the support options. */
#bonuses .heading h2,#payment .heading h2,#support .heading h2{margin-top:0}
#support .support-list{display:block;border:0;border-top:1px solid var(--line);border-radius:0}
#support .support-list>div{display:grid;grid-template-columns:minmax(110px,.6fr) minmax(0,1.7fr) auto;align-items:baseline;column-gap:18px;padding:14px 2px;border:0;border-bottom:1px solid var(--line)}
#support .support-list>div:last-child{border-bottom:1px solid var(--line)}
#support .support-list span{display:none}
#support .support-list b{font-size:13px}
#support .support-list p{margin:0;font-size:12px}
#support .support-list a{white-space:nowrap}
@media(max-width:640px){#support .support-list>div{grid-template-columns:1fr auto;row-gap:3px;padding:13px 1px}#support .support-list b{grid-column:1}#support .support-list p{grid-column:1;grid-row:2}#support .support-list a{grid-column:2;grid-row:1 / 3;align-self:center}}
/* Editorial data tables: compact labels, left-aligned values and quiet rules. */
.payment-priority{display:flex;align-items:baseline;gap:28px;padding:17px 21px;border-left:3px solid var(--brand);background:#fbf8f6}
.payment-priority small{flex:0 0 100px;color:#a54843;font-size:11px;font-weight:800}
.payment-priority h3{margin:0;font-size:16px;line-height:1.5}
.payment-priority p{margin:3px 0 0;color:#52657a;font-size:12px}
.payment-table-head{margin:25px 0 12px}
.payment-table-head h3{font-size:17px}
.payment-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.payment-method,.security-group{min-width:0}
.payment-method h4,.security-group h3{display:flex;align-items:center;gap:10px;margin:0;padding:0 0 10px;border-bottom:2px solid #1b7890;font-size:16px;line-height:1.5}
.payment-method h4 span{font-size:11px;color:#087f98;letter-spacing:.1em}
.jp-data-table{display:block;margin:0}
.jp-data-table .fact-row{display:grid;grid-template-columns:122px minmax(0,1fr);gap:0;align-items:stretch;padding:0;border-bottom:1px solid #e3e8ee;font-size:12px;line-height:1.7}
.jp-data-table .fact-row dt,.jp-data-table .fact-row dd{min-width:0;padding:12px 14px;text-align:left}
.jp-data-table .fact-row dt{background:#f7f9fb;color:#64768a;font-weight:700}
.jp-data-table .fact-row dd{max-width:none;margin:0;color:var(--navy);font-weight:600;overflow-wrap:anywhere}
.jp-data-table .status{display:inline-block;margin:0 8px 0 0;vertical-align:1px;font-size:10px;font-weight:700}
.security-groups{display:grid;gap:26px}
.security-group .jp-data-table .fact-row{grid-template-columns:175px minmax(0,1fr)}
#security .caution{margin-top:23px;padding:13px 17px;background:#fbf8f6;border-left:3px solid var(--brand);font-size:12px}
#security .caution b{flex:0 0 175px}
#security .caution p{margin:0}
.details-grid.jp-data-table{display:block;border-top:2px solid #1b7890}
.details-grid.jp-data-table .fact-row,.details-grid.jp-data-table .language-row{display:grid;grid-template-columns:175px minmax(0,1fr);gap:0;font-size:12px}
.details-grid.jp-data-table .language-row dd{max-width:none;padding:12px 14px}
@media(max-width:760px){.payment-method-grid{grid-template-columns:1fr;gap:24px}.payment-priority{display:block;padding:14px 17px}.payment-priority small{display:block;margin-bottom:5px}.security-group .jp-data-table .fact-row,.details-grid.jp-data-table .fact-row,.details-grid.jp-data-table .language-row{grid-template-columns:118px minmax(0,1fr)}}
@media(max-width:480px){.jp-data-table .fact-row,.security-group .jp-data-table .fact-row,.details-grid.jp-data-table .fact-row,.details-grid.jp-data-table .language-row{grid-template-columns:96px minmax(0,1fr)}.jp-data-table .fact-row dt,.jp-data-table .fact-row dd{padding:11px 10px}.details-grid.jp-data-table .language-row dd{padding:11px 10px}.jp-data-table .status{margin-bottom:3px}}
.detail-header-logo{display:flex;align-items:center;flex:none;width:142px;height:70px;overflow:hidden;background:transparent}
.detail-header-logo img{display:block;width:142px;max-width:none;height:auto}
@media(max-width:640px){.detail-header-logo{width:112px;height:58px}.detail-header-logo img{width:112px}}
/* Bonus offers: editorial image, essential terms, and a direct source CTA. */
.bonus-card-list{display:grid;gap:18px}
.bonus-card{display:grid;grid-template-columns:minmax(220px,36%) minmax(0,1fr);gap:24px;padding:18px;border:1px solid #dce3eb;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(17,45,79,.045)}
.bonus-card-visual{position:relative;min-height:300px;margin:0;border-radius:10px;overflow:hidden;background:#17213f}
.bonus-card-photo img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;object-position:left center}
.bonus-card-photo figcaption{position:absolute;right:10px;bottom:10px;padding:3px 7px;border-radius:4px;background:rgba(11,25,48,.78);color:#fff;font-size:10px}
.bonus-card-photo figcaption a{text-decoration:underline;text-underline-offset:2px}
.bonus-card-sports-photo img{object-position:center}
.bonus-card--sports{grid-template-columns:minmax(260px,42%) minmax(0,1fr)}
.bonus-card--sports .bonus-card-sports-banner{width:100%;height:100%;min-height:300px;max-height:none;background:#1b052b}
.bonus-card-sports-banner img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.bonus-card--sports{grid-template-columns:1fr}.bonus-card--sports .bonus-card-sports-banner{height:auto;min-height:0;aspect-ratio:1828 / 1118}}
.bonus-card-body{display:flex;flex-direction:column;min-width:0;padding:3px 4px 3px 0}
.bonus-card-type{align-self:flex-start;margin-bottom:10px;padding:4px 9px;border-radius:4px;background:#eaf3f6;color:#087f98;font-size:11px;font-weight:800}
.bonus-card-body h3{margin:0 0 10px;font-size:20px;line-height:1.5;letter-spacing:-.025em}
.bonus-card-summary{margin:0 0 12px;color:#40566d;font-size:12px;line-height:1.65}
.bonus-card-points{display:grid;gap:7px;margin:0 0 18px;padding:0;list-style:none}
.bonus-card-points li{display:grid;grid-template-columns:74px minmax(0,1fr);gap:8px;padding-left:12px;border-left:2px solid #c4dfe7;color:#53667b;font-size:11px;line-height:1.55}
.bonus-card-points b{color:#172f4d}
.bonus-card-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:43px;margin-top:auto;padding:8px 15px;border-radius:7px;background:#087f98;color:#fff;font-size:12px;font-weight:800;transition:background .2s ease}
.bonus-card-cta:hover{background:#086a7f}
.bonus-card-cta span{font-size:19px;line-height:1}
@media(max-width:760px){.bonus-card{grid-template-columns:1fr;gap:16px}.bonus-card-visual,.bonus-card-photo img{min-height:220px;max-height:260px}.bonus-card-body{padding:0 2px 2px}.bonus-card-body h3{font-size:18px}.bonus-card-points li{grid-template-columns:72px minmax(0,1fr)}}
/* Screenshots keep the brand's real interface visible without changing the editorial layout. */
.review-screen{margin:2px 0 25px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#f5f2fa}
.review-screen img{display:block;width:100%;height:280px;object-fit:cover;object-position:center top}
.review-screen figcaption{display:flex;justify-content:space-between;gap:12px;padding:9px 14px;color:#53657a;background:#fff;font-size:11px;font-weight:700}
.review-screen figcaption span{font-weight:400;color:#7a899b}
.review-screen figcaption a{color:var(--info);text-decoration:underline;text-underline-offset:2px}
@media(max-width:640px){.review-screen{margin-bottom:20px}.review-screen img{height:185px}.review-screen figcaption{display:block;font-size:10px}.review-screen figcaption span{display:block;margin-top:2px}}
/* Visual process boards for payment and identity checks. */
.flow-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:26px 0 13px}
.flow-heading h3{margin:0;font-size:17px;color:var(--navy)}
.flow-heading span{font-size:10px;font-weight:800;letter-spacing:.13em;color:#688399}
.process-flow{display:grid;gap:13px;position:relative}
.process-flow--payment{grid-template-columns:repeat(2,minmax(0,1fr))}
.process-flow--security{grid-template-columns:repeat(3,minmax(0,1fr))}
.process-stage{position:relative;min-width:0;padding-top:26px}
.process-stage:not(:last-child)::after{content:'→';position:absolute;top:4px;right:-13px;z-index:2;width:26px;height:26px;border-radius:50%;background:#fff;color:#087f98;text-align:center;font-size:18px;line-height:25px;font-weight:800}
.process-marker{position:absolute;top:0;left:16px;z-index:1;display:flex;align-items:center;gap:7px;color:#087f98;font-size:11px;font-weight:800}
.process-marker span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#087f98;color:#fff;font-size:11px;box-shadow:0 0 0 5px #eaf3f6}
.process-panel{height:100%;overflow:hidden;border:1px solid #d7e4e9;border-radius:12px;background:#f3f7f8}
.process-panel-head{min-height:90px;padding:22px 18px 13px}
.process-panel-head small{font-size:9px;font-weight:800;letter-spacing:.15em;color:#087f98}
.process-panel-head h3,.process-panel-head h4{margin:6px 0 0;font-size:16px;line-height:1.35;color:var(--navy)}
.process-items{display:grid;gap:7px;padding:8px}
.process-items>div{position:relative;display:flex;flex-direction:column;gap:4px;min-height:73px;padding:11px 13px;border:1px solid #e0e8eb;border-radius:7px;background:#fff;box-shadow:0 2px 5px rgba(17,45,79,.025)}
.process-items>div:first-child{border-color:#087f98;background:#087f98}
.process-items small{font-size:10px;font-weight:800;color:#698098}
.process-items b{font-size:12px;line-height:1.45;color:var(--navy);overflow-wrap:anywhere}
.process-items span{font-size:10px;line-height:1.45;color:#5f7185}
.process-items em{align-self:flex-start;margin-top:3px;padding:2px 6px;border-radius:3px;background:#fff1d9;color:#95671c;font-size:9px;font-style:normal;font-weight:800}
.process-items>div:first-child small,.process-items>div:first-child b,.process-items>div:first-child span{color:#fff}
.process-flow--security .process-panel-head{min-height:88px}
.process-flow--security .process-items>div{min-height:91px}
.process-flow--security .process-items b{font-size:11px}
@media(max-width:760px){.process-flow--security{grid-template-columns:1fr}.process-stage:not(:last-child)::after{top:auto;bottom:-21px;right:calc(50% - 13px);transform:rotate(90deg)}.process-flow--security .process-panel-head{min-height:75px}.process-flow--security .process-items>div{min-height:0}}
@media(max-width:640px){.flow-heading{align-items:flex-start;flex-direction:column;gap:4px}.process-flow--payment{grid-template-columns:1fr}.process-panel-head{min-height:75px}.process-items>div{min-height:0}}
/* Both bonus visuals share the same frame; preserve the supplied artwork. */
.bonus-card{grid-template-columns:minmax(260px,42%) minmax(0,1fr)}
.bonus-card-visual{width:100%;height:100%;min-height:300px;max-height:none;background:#1b052b}
.bonus-card-banner img,.bonus-card-sports-banner img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.bonus-card{grid-template-columns:1fr}.bonus-card-visual{height:auto;min-height:0;max-height:none;aspect-ratio:1828 / 1118}.bonus-card-banner img,.bonus-card-sports-banner img{height:100%;min-height:0;max-height:none}}
#security .security-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#security .security-group h3{padding-bottom:11px;border-bottom:2px solid #1b7890}
#security .security-group .jp-data-table .fact-row{grid-template-columns:112px minmax(0,1fr)}
#security .security-group .jp-data-table .fact-row dt{background:#f7f9fb}
@media(max-width:760px){#security .security-groups{grid-template-columns:1fr;gap:23px}#security .security-group .jp-data-table .fact-row{grid-template-columns:110px minmax(0,1fr)}}
@media(max-width:480px){#security .security-group .jp-data-table .fact-row{grid-template-columns:96px minmax(0,1fr)}}
.stake-page .brand-content{min-width:0}
.stake-page .overview{margin-bottom:22px}
.stake-page .hero{display:block}
.stake-page .hero-main{padding:38px 42px 31px}
.stake-page .brand-identity{gap:22px}
.stake-wordmark{display:grid;place-items:center;flex:none;width:156px;height:102px;border-radius:14px;background:#203448;color:#fff;font-size:39px;font-weight:900;letter-spacing:-.09em;line-height:1}
.stake-wordmark span{transform:translateX(-3px)}
.stake-page .overview-body{display:block;padding:4px 35px 34px}
.stake-page .pros-cons{gap:16px}
.stake-page .rating-note{width:320px}
.stake-overview-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 22px}
.stake-overview-facts div{padding:13px 15px;border:1px solid #dce3ee;border-radius:8px;background:#f8fafc}
.stake-overview-facts small{display:block;margin-bottom:4px;color:#6b7c91;font-size:10px;font-weight:800}
.stake-overview-facts b{font-size:13px;line-height:1.45}
.stake-source-panel{padding:25px 30px}
.stake-source-panel h2{margin:0 0 7px;font-size:18px}
.stake-source-panel p{margin:0 0 11px;font-size:12px}
.stake-source-panel .source-links{gap:8px 17px}
@media(max-width:640px){.stake-page .hero-main{padding:25px 21px}.stake-wordmark{width:104px;height:72px;font-size:28px}.stake-page .brand-identity{gap:12px}.stake-page .overview-body{padding:0 17px 22px}.stake-overview-facts{grid-template-columns:1fr;gap:7px}.stake-page .pros-cons{grid-template-columns:1fr}.stake-source-panel{padding:20px 17px}.stake-page .rating-note{width:min(300px,80vw)}}
.stake-promo-art{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:30px;background:radial-gradient(circle at 80% 18%,#446e8d 0,transparent 37%),linear-gradient(135deg,#162a3b,#203e54 60%,#142633);color:#fff}
.stake-promo-art--regular{background:radial-gradient(circle at 82% 20%,#1c8b98 0,transparent 36%),linear-gradient(135deg,#163a45,#1d6571 65%,#123842)}
.stake-promo-kicker{font-size:10px;font-weight:900;letter-spacing:.18em;color:#c1e6e9}
.stake-promo-art strong{margin:27px 0 11px;font-size:clamp(32px,3.9vw,53px);font-weight:900;line-height:1.08;letter-spacing:-.07em}
.stake-promo-art strong em{color:#8ed5dd;font-style:normal}
.stake-promo-art small{font-size:10px;font-weight:800;letter-spacing:.13em;color:#d1e2e7}
.stake-promo-brand{align-self:flex-end;margin-top:auto;font-size:25px;font-weight:900;letter-spacing:-.09em}
.stake-page .bonus-card-visual{min-height:290px}
.stake-page .bonus-card{grid-template-columns:minmax(260px,42%) minmax(0,1fr)}
.stake-page .editorial-source{margin:12px 2px 0}
.stake-vip-foot{display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:start;gap:18px;margin-top:17px;padding:16px 18px;border-left:3px solid var(--brand);background:#fbf8f6;font-size:12px}
.stake-vip-foot b{font-size:13px}.stake-vip-foot p{margin:0;font-size:12px}.stake-vip-foot a{color:var(--info);font-weight:800;white-space:nowrap}
.stake-payment-example{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:16px;padding:14px 17px;border:1px solid #dce3eb;border-radius:8px;background:#f8fafc;font-size:12px}
.stake-payment-example b{color:var(--navy)}.stake-payment-example span{color:#4f6074}.stake-payment-example a{margin-left:auto;color:var(--info);font-weight:800}
@media(max-width:760px){.stake-page .bonus-card{grid-template-columns:1fr}.stake-page .bonus-card-visual{min-height:225px;max-height:none;aspect-ratio:1828 / 1118}.stake-vip-foot{grid-template-columns:1fr;gap:7px}.stake-payment-example a{margin-left:0;width:100%}}
.stake-feature-lead{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:10px 0 18px;padding:26px 29px;border-radius:12px;background:linear-gradient(120deg,#20374b,#286273);color:#fff}
.stake-feature-lead small{display:block;margin-bottom:9px;color:#a8dae0;font-size:10px;font-weight:800;letter-spacing:.16em}
.stake-feature-lead strong{display:block;font-size:clamp(22px,3vw,34px);letter-spacing:-.04em}
.stake-feature-lead p{margin:8px 0 0;max-width:490px;font-size:13px;color:#e3edf0}
.stake-feature-lead a{flex:none;color:#fff;font-size:12px;font-weight:800}
.stake-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.stake-info-tile{min-height:142px;padding:19px;border:1px solid #dae4ea;border-radius:9px;background:#fbfcfd}
.stake-tile-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;background:#e3f2f4;color:#087d95;font-size:15px;font-weight:900}
.stake-info-tile h3{margin:13px 0 5px;font-size:15px;color:var(--navy)}
.stake-info-tile p{margin:0;color:#64768a;font-size:12px;line-height:1.6}
.stake-provider-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.stake-provider{display:flex;flex-direction:column;justify-content:center;min-height:86px;padding:13px 15px;border:1px solid #dce5ec;border-radius:8px;background:#fff}
.stake-provider b{font-size:14px;line-height:1.3;color:var(--navy)}
.stake-provider small{margin-top:7px;color:#75869a;font-size:10px}
.stake-security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.stake-fact-card{padding:23px 23px 16px;border:1px solid #d9e5eb;border-radius:10px;background:#f8fbfc}
.stake-card-index{color:#087d95;font-size:10px;font-weight:900;letter-spacing:.12em}
.stake-fact-card h3{margin:7px 0 16px;font-size:18px;color:var(--navy)}
.stake-fact-card dl,.stake-details-grid{margin:0}
.stake-fact-card dl>div,.stake-details-grid>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid #dfe7ec}
.stake-fact-card dt,.stake-details-grid dt{color:#708297;font-size:12px}
.stake-fact-card dd,.stake-details-grid dd{margin:0;color:var(--navy);font-size:13px;font-weight:750;line-height:1.5;overflow-wrap:anywhere}
.stake-security-note{display:flex;gap:22px;margin-top:14px;padding:16px 18px;border-left:3px solid #df735f;background:#fff9f6}
.stake-security-note b{flex:none;color:var(--navy);font-size:13px}
.stake-security-note p{margin:0;font-size:12px;color:#52677a}
.stake-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
.stake-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.stake-support-grid article{display:flex;flex-direction:column;min-height:185px;padding:20px;border:1px solid #dce5eb;border-radius:10px;background:#fff}
.stake-support-grid article>span{color:#087d95;font-size:24px;line-height:1}
.stake-support-grid h3{margin:14px 0 7px;color:var(--navy);font-size:15px}
.stake-support-grid p{margin:0 0 12px;color:#607287;font-size:12px;line-height:1.6}
.stake-support-grid a{margin-top:auto;color:var(--info);font-size:12px;font-weight:800}
@media(max-width:760px){.stake-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stake-provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stake-security-grid,.stake-details-grid{grid-template-columns:1fr}.stake-support-grid{grid-template-columns:1fr}}
@media(max-width:520px){.stake-feature-lead{display:block;padding:21px}.stake-feature-lead a{display:inline-block;margin-top:15px}.stake-tile-grid,.stake-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stake-info-tile{min-height:126px;padding:15px}.stake-fact-card{padding:19px}.stake-security-note{display:block}.stake-security-note p{margin-top:6px}}
.stake-page .overview .hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.75fr)}
.stake-hero-visual{min-width:0;margin:0;overflow:hidden;background:#142736}
.stake-hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}
.stake-wordmark img{display:block;width:144px;height:82px;object-fit:contain}
.stake-promo-art{isolation:isolate}
.stake-promo-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.stake-promo-art--welcome>img{object-position:right center}
.stake-promo-art--regular>img{object-position:center}
.stake-promo-art:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,28,45,.85),rgba(9,28,45,.57) 58%,rgba(9,28,45,.2))}
.stake-promo-art--regular:before{background:linear-gradient(90deg,rgba(11,39,75,.83),rgba(11,39,75,.58) 62%,rgba(11,39,75,.13))}
.stake-promo-art strong em{color:#f4d284}
.stake-vip-image{display:block;width:calc(100% + 46px);height:142px;margin:-23px -23px 18px;object-fit:cover;object-position:center 58%;border-radius:10px 10px 0 0}
.stake-feature-lead{display:grid;grid-template-columns:minmax(0,1fr) 210px;align-items:center;column-gap:15px;row-gap:12px}
.stake-feature-lead>a{grid-column:1;grid-row:2;justify-self:start}
.stake-game-covers{grid-column:2;grid-row:1/3;display:flex;align-items:center;justify-content:center;padding:4px 12px 4px 4px}
.stake-game-covers img{width:71px;height:97px;object-fit:cover;border:2px solid #eaf1f5;border-radius:7px;box-shadow:0 5px 13px rgba(0,0,0,.25)}
.stake-game-covers img+img{margin-left:-19px;transform:rotate(7deg)}
.stake-game-covers img:first-child{transform:rotate(-8deg)}
.stake-game-covers img:last-child{transform:rotate(12deg)}
.stake-info-tile{overflow:hidden;padding:0 0 17px}
.stake-tile-mark{display:none}
.stake-tile-image{height:124px;overflow:hidden;background:#e8f1f6}
.stake-tile-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 38%}
.stake-info-tile:nth-child(5) .stake-tile-image img{object-position:right center}
.stake-info-tile:nth-child(6) .stake-tile-image img{object-position:left center}
.stake-info-tile h3{margin:14px 15px 5px}
.stake-info-tile p{margin:0 15px}
.stake-provider{align-items:center;text-align:center;min-height:124px;gap:4px}
.stake-provider-logo{width:100%;height:52px;object-fit:contain;margin-bottom:5px}
.stake-provider b{font-size:12px}
.stake-provider small{margin-top:0}
@media(max-width:900px){.stake-page .overview .hero{grid-template-columns:minmax(0,1fr) 240px}}
@media(max-width:760px){.stake-page .overview .hero{display:block}.stake-hero-visual{height:170px}.stake-hero-visual img{object-position:right center}.stake-feature-lead{grid-template-columns:minmax(0,1fr) 155px}.stake-game-covers img{width:58px;height:78px}.stake-tile-image{height:106px}}
@media(max-width:520px){.stake-feature-lead{display:block}.stake-game-covers{justify-content:flex-start;margin-top:14px}.stake-vip-image{width:calc(100% + 36px);margin:-18px -18px 15px}.stake-hero-visual{height:145px}.stake-provider{min-height:112px;padding:10px}.stake-provider-logo{height:44px}}
/* Stake's editorial game index mirrors the TrustDice detail page. */
.stake-page .overview .hero{display:block}
.stake-page .hero-main{padding:39px 42px 36px}
.stake-wordmark{width:244px;height:152px;border-radius:16px}
.stake-wordmark img{width:225px;height:130px;object-fit:contain}
.stake-page .brand-identity{gap:27px}
.stake-games-visual{margin:6px 0 21px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:linear-gradient(115deg,#20384a,#356678)}
.stake-game-poster{display:flex;align-items:center;justify-content:center;gap:20px;min-height:210px;padding:19px}
.stake-game-poster img{display:block;width:114px;height:153px;object-fit:contain;border-radius:8px;box-shadow:0 8px 22px rgba(4,18,30,.28)}
.stake-games-visual figcaption{display:flex;justify-content:space-between;gap:12px;padding:8px 15px;background:#f8fafc;color:#52687c;font-size:11px;font-weight:700}
.stake-games-visual figcaption a{color:var(--info);text-decoration:underline}
.stake-page .game-type-heading{margin-top:18px}
.stake-provider-extra{display:none}
.stake-provider-grid.expanded .stake-provider-extra{display:flex}
.stake-provider-more{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:15px;padding:10px 16px;border:1px solid #dce5ec;border-radius:8px;background:#f8fafc;color:var(--info);font-size:12px;font-weight:800}
.stake-provider-more:hover{background:#eaf3f6}
.stake-promo-art--welcome{background:linear-gradient(135deg,#182d3e,#244e63);overflow:hidden}
.stake-promo-art--welcome:before{display:none}
.stake-promo-art--welcome .stake-promo-kicker,.stake-promo-art--welcome strong,.stake-promo-art--welcome small,.stake-promo-art--welcome .stake-promo-brand{position:relative;z-index:1}
.stake-promo-art--welcome strong{font-size:clamp(32px,3.3vw,43px)}
.stake-welcome-covers{position:absolute;right:11px;bottom:25px;display:flex;align-items:center;gap:5px;z-index:0}
.stake-welcome-covers img{display:block;width:67px;height:91px;object-fit:contain;border-radius:6px;box-shadow:0 5px 12px rgba(0,0,0,.25)}
.stake-welcome-covers img:nth-child(2){transform:translateY(-18px)}
.stake-promo-art--welcome .stake-promo-brand{display:none}
@media(max-width:760px){.stake-wordmark{width:190px;height:120px}.stake-wordmark img{width:176px;height:106px}.stake-page .hero-main{padding:29px}.stake-game-poster{min-height:180px}.stake-game-poster img{width:91px;height:123px}}
@media(max-width:520px){.stake-page .brand-identity{align-items:flex-start;gap:14px}.stake-wordmark{width:150px;height:99px}.stake-wordmark img{width:140px;height:88px}.stake-page .hero-main{padding:24px 21px}.stake-game-poster{gap:9px;min-height:140px;padding:13px}.stake-game-poster img{width:70px;height:94px}.stake-welcome-covers img{width:55px;height:75px}.stake-welcome-covers{right:8px;bottom:15px}.stake-promo-art--welcome strong{font-size:33px}}
.stake-vip-image{height:auto;aspect-ratio:900/320;object-fit:contain;object-position:center}
.stake-overview-image{position:relative;margin:24px 35px 19px;overflow:hidden;border-radius:10px;background:#102b43}
.stake-overview-image img{display:block;width:100%;height:225px;object-fit:cover;object-position:center}
.stake-overview-image figcaption{position:absolute;right:10px;bottom:10px;display:flex;gap:10px;padding:5px 9px;border-radius:4px;background:rgba(9,29,47,.85);color:#fff;font-size:10px;font-weight:700}
.stake-overview-image a{text-decoration:underline;text-underline-offset:2px}
.stake-game-feature{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:205px;margin:3px 0 24px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#f5f8fa}
.stake-game-feature img{display:block;width:100%;height:100%;max-height:225px;object-fit:cover;object-position:center 36%}
.stake-game-feature figcaption{display:flex;flex-direction:column;justify-content:center;gap:7px;padding:24px 28px}
.stake-game-feature small{color:var(--info);font-size:10px;font-weight:900;letter-spacing:.12em}
.stake-game-feature strong{color:var(--navy);font-size:21px;line-height:1.35}
.stake-game-feature span{color:#53677a;font-size:12px;line-height:1.7}
.stake-game-feature a{align-self:flex-start;color:var(--info);font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.stake-details-grid .stake-language-row{grid-column:1/-1;grid-template-columns:110px minmax(0,1fr)}
.stake-language-list{display:flex;flex-wrap:wrap;gap:6px}
@media(max-width:640px){.stake-overview-image{margin:19px 17px 14px}.stake-overview-image img{height:150px}.stake-overview-image figcaption{font-size:9px}.stake-game-feature{grid-template-columns:105px minmax(0,1fr);min-height:165px}.stake-game-feature img{max-height:185px}.stake-game-feature figcaption{gap:4px;padding:13px}.stake-game-feature strong{font-size:15px}.stake-game-feature span,.stake-game-feature a{font-size:10px}.stake-details-grid .stake-language-row{grid-template-columns:110px minmax(0,1fr)}}
.stake-overview-image{max-width:790px;margin:24px auto 19px}
.stake-overview-image img{width:100%;height:auto;object-fit:contain}
.stake-overview-image figcaption{position:static;justify-content:space-between;border-radius:0;background:#f8fafc;color:#53657a}
.stake-overview-image a{color:var(--info)}
.stake-game-lobby{margin:3px 0 24px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#253044}
.stake-game-lobby img{display:block;width:100%;height:390px;object-fit:cover;object-position:center}
.stake-game-lobby figcaption{display:flex;justify-content:space-between;gap:12px;padding:9px 14px;background:#fff;color:#53657a;font-size:11px;font-weight:700}
.stake-game-lobby figcaption span{color:#7a899b;font-weight:400}
.stake-game-lobby figcaption a{color:var(--info);text-decoration:underline;text-underline-offset:2px}
.stake-page #security .security-group h3{border-color:#1b7890}
.stake-page #security .security-group .jp-data-table .fact-row{grid-template-columns:112px minmax(0,1fr)}
.stake-page #support .stake-support-list{margin-top:6px}
@media(max-width:640px){.stake-overview-image{margin:19px 17px 14px}.stake-game-lobby img{height:215px}.stake-game-lobby figcaption{display:block;font-size:10px}.stake-game-lobby figcaption span{display:block;margin-top:2px}.stake-page #security .security-group .jp-data-table .fact-row{grid-template-columns:110px minmax(0,1fr)}}
.stake-vip-points{display:grid;grid-template-columns:175px minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:18px;padding:17px 20px;border:1px solid #c8dfe5;border-radius:9px;background:#f2f8fa}
.stake-vip-points small,.stake-fairness-feature small{display:block;color:#167d91;font-size:10px;font-weight:900;letter-spacing:.13em}
.stake-vip-points strong{color:var(--navy)}
.stake-vip-points>div strong{display:block;margin-top:5px;font-size:17px}
.stake-vip-points p{margin:0;color:#314e62;font-size:12px;line-height:1.7}
.stake-vip-points a,.stake-fairness-feature a{color:#087f94;font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.stake-fairness-feature{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 22px;padding:20px 22px;border:1px solid #d8e5e9;border-left:4px solid #167d91;border-radius:8px;background:#f7fafb}
.stake-fairness-feature h3{margin:5px 0 6px;color:var(--navy);font-size:17px}
.stake-fairness-feature p{max-width:630px;margin:0;color:#4d6477;font-size:12px;line-height:1.7}
@media(max-width:760px){.stake-vip-points{grid-template-columns:1fr;gap:8px}.stake-fairness-feature{display:block}.stake-fairness-feature a{display:inline-block;margin-top:11px}}
.stake-provider-count{margin:0 0 12px;color:#60778a;font-size:11px;font-weight:800;letter-spacing:.04em}
/* Shared Yuugado-inspired framing for the three established brand reviews. */
body{background:#f6f8fa;font-size:15px}
.page-wrap{width:min(1200px,calc(100% - 48px))}
.main-header{max-width:1200px;margin:auto;padding:0 24px;height:96px;border-bottom:0;background:transparent}
.detail-header-logo{width:180px;height:90px}.detail-header-logo img{width:180px}
.primary-nav{gap:28px;font-size:14px}
.breadcrumbs{padding:8px 2px 14px}
.review-unified-cover{margin:0 0 30px}
.review-unified-cover .hero{display:block!important;min-height:358px;background:#163754!important;color:#fff;border:0;border-radius:22px;overflow:hidden}
.review-unified-cover .hero-main{max-width:none!important;min-height:358px;padding:42px 44px!important;display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,42%);grid-template-rows:auto 1fr auto auto;column-gap:34px;align-items:center}
.review-unified-cover .eyebrow{display:block!important;grid-column:1;grid-row:1;color:#dbe7ee!important;font-size:11px;letter-spacing:.06em}
.review-unified-cover .brand-identity{display:contents}
.review-unified-identity-copy{grid-column:1;grid-row:2;min-width:0}
.review-unified-cover .brand-kicker{color:#a9d4df!important;font-size:12px}
.review-unified-cover h1,.review-unified-cover h1 span{color:#fff!important}
.review-unified-cover h1{font-size:clamp(34px,4.4vw,54px);line-height:1.15}
.review-unified-cover .lead{grid-column:1;grid-row:3;max-width:650px;margin:0 0 18px;color:#dbe7ee!important;font-size:15px;line-height:1.8}
.review-unified-cover .hero-actions{grid-column:1;grid-row:4}
.review-unified-cover .hero-actions .button.primary{background:#f3bc68;color:#19334b;border-color:#f3bc68}
.review-unified-cover .hero-actions .button.secondary{background:transparent;color:#fff;border-color:#b9d0de}
.review-unified-cover .brand-logo,.review-unified-cover .stake-wordmark,.review-unified-cover .stealth-wordmark{grid-column:2;grid-row:1/5;justify-self:stretch;align-self:center;width:100%!important;height:250px!important;max-width:none;border:0;border-radius:16px;background:#f8f9fa!important;box-shadow:none;overflow:hidden}
.review-unified-cover .brand-logo img,.review-unified-cover .stake-wordmark img,.review-unified-cover .stealth-wordmark img{display:block;width:100%!important;height:100%!important;max-height:none;object-fit:contain;padding:20px}
.review-unified-cover .brand-logo{background:#1a2442!important}
.review-unified-cover .stake-wordmark{background:#203448!important}
.brand-layout{grid-template-columns:180px minmax(0,1fr);gap:24px}
.brand-layout .section-nav{top:24px;gap:7px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.brand-layout .section-nav a{min-height:43px;padding:9px 10px;border-left:2px solid #d4e0e5;border-radius:0;color:#31556d;background:transparent;font-size:14px;font-weight:500}
.brand-layout .section-nav a[aria-current="location"]{border-left-color:#087c92;background:transparent;color:#087c92}
.brand-content>.section-block{padding:32px;border:1px solid #dfe7ea;border-radius:17px;box-shadow:none;margin-bottom:18px}
.brand-content>.overview{overflow:visible}
.brand-content .heading h2{font-size:24px}
.brand-content p,.brand-content li{line-height:1.8}
@media(max-width:960px){.brand-layout{display:block}.brand-layout .section-nav{position:sticky;top:0;display:flex;flex-direction:row;gap:0;overflow-x:auto;overflow-y:hidden;height:48px;margin-bottom:18px;padding:0 4px;border:1px solid #dfe7ea;border-radius:9px;background:#f6f8fa}.brand-layout .section-nav a{width:auto;min-height:46px;padding:0 12px;white-space:nowrap;border-left:0;border-bottom:2px solid transparent}.brand-layout .section-nav a[aria-current="location"]{border-left:0;border-bottom-color:#087c92}}
@media(max-width:700px){.page-wrap{width:calc(100% - 24px)}.main-header{height:72px;padding:0 14px}.detail-header-logo{width:130px;height:66px}.detail-header-logo img{width:130px}.review-unified-cover .hero-main{display:flex;flex-direction:column;align-items:stretch;gap:15px;min-height:0;padding:25px!important}.review-unified-cover .eyebrow{order:0}.review-unified-identity-copy{order:1}.review-unified-cover .brand-logo,.review-unified-cover .stake-wordmark,.review-unified-cover .stealth-wordmark{order:2;height:180px!important}.review-unified-cover .lead{order:3;margin:0}.review-unified-cover .hero-actions{order:4}.brand-content>.section-block{padding:22px}.brand-content .heading h2{font-size:21px}}
}
/* reviews/stealthbet-detail.html */
@scope (html[data-site-page="reviews/stealthbet-detail.html"]) {
:scope{--navy:#122d4f;--brand:#e84e4b;--page:#f5f7fb;--surface:#fff;--line:#dce3ee;--info:#087f98;--muted:#63758a;--shadow:0 7px 26px rgba(17,45,79,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--navy);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.35}p{color:#4f6074}a:focus-visible,button:focus-visible,summary:focus-visible,.table-scroll:focus-visible{outline:3px solid #087f98;outline-offset:3px}section[id]{scroll-margin-top:30px}.site-shell{min-width:0}.legal-bar{background:#092849;color:#e8f4fc;min-height:33px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;padding:5px 16px}.legal-bar b{color:#ffe189;letter-spacing:.07em}.legal-bar a{text-decoration:underline}.main-header{height:76px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:9px;white-space:nowrap}.logo-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--brand);color:white;font-size:25px;line-height:1}.logo strong{font-size:22px;letter-spacing:-.07em;line-height:1}.logo strong span{color:var(--brand)}.logo small{display:block;margin-top:3px;font-size:9px;letter-spacing:.16em;color:#7a899c}.primary-nav{display:flex;align-items:center;gap:31px;font-size:13px;font-weight:700}.primary-nav a:hover,.text-link:hover,.source-links a:hover{color:var(--brand)}.menu-toggle{display:none;border:1px solid var(--line);background:white;border-radius:8px;padding:5px 10px;font-size:20px}.page-wrap{width:min(1200px,calc(100% - 40px));margin:auto}.breadcrumbs{display:flex;gap:9px;align-items:center;color:#8290a0;font-size:12px;padding:24px 2px}.breadcrumbs a{color:var(--info)}.section-block{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);padding:32px;margin-bottom:22px}.overview{padding:0;overflow:hidden}.hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(275px,.8fr);border-bottom:1px solid var(--line)}.hero-main{padding:39px 40px 35px}.eyebrow,.heading small{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--info)}.eyebrow{display:flex;gap:10px}.eyebrow span{color:#a8b4c1}.brand-identity{display:flex;align-items:center;gap:22px;margin:24px 0 22px}.brand-logo{width:120px;height:88px;border:1px solid #e5e2f1;background:#f6f3ff;border-radius:13px;display:grid;place-items:center;flex:none;overflow:hidden}.brand-logo img{width:105px;max-height:68px;object-fit:contain}.brand-kicker{color:var(--brand);font-size:12px;font-weight:800;margin-bottom:5px}.brand-identity h1{font-size:31px;letter-spacing:-.04em;margin:0}.brand-identity h1 span{display:block;font-size:17px;letter-spacing:0;margin-top:3px}.lead{font-size:15px;line-height:1.85;max-width:650px;margin-bottom:25px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.button{min-height:42px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:8px 17px;font-size:13px;font-weight:800}.button.primary{background:var(--brand);color:white}.button.primary:hover{background:#cf3d3a}.button.secondary{background:white;border:1px solid var(--line);color:var(--navy)}.button.secondary:hover{border-color:var(--info);color:var(--info)}.hero-facts{background:#f8fafc;padding:40px 31px}.fact-heading{font-size:11px;font-weight:900;color:var(--info);letter-spacing:.12em;border-bottom:1px solid var(--line);padding-bottom:14px}.fact-heading span{display:block;letter-spacing:0;color:var(--muted);font-weight:500;margin-top:2px}.hero-facts dl,.info-panel dl,.terms-list{margin:0}.fact-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e8edf3;font-size:13px}.fact-row:last-child{border:0}.fact-row dt{color:#718095;flex:0 0 auto}.fact-row dd{margin:0;text-align:right;font-weight:700}.status{display:inline-block;border-radius:5px;background:#fff4df;color:#9a650a;font-size:10px;font-weight:800;padding:2px 6px;margin-right:5px;white-space:nowrap}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.overview>.section-head{padding:29px 35px 0}.heading{display:flex;align-items:center;gap:13px;min-width:0}.section-number{width:34px;height:34px;display:grid;place-items:center;flex:none;background:#eaf1f7;border-radius:9px;color:var(--info);font-size:13px;font-weight:900}.heading h2{font-size:22px;margin:3px 0 0;letter-spacing:-.03em}.rating{position:relative;flex:none;font-size:11px;z-index:2}.rating summary{list-style:none;display:flex;align-items:center;gap:7px;background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:6px 9px;cursor:pointer;white-space:nowrap}.rating summary::-webkit-details-marker{display:none}.rating-label{color:#6a7b8e;font-weight:700}.stars{color:#e9b94b;font-size:15px;letter-spacing:-2px}.rating b{font-size:12px}.rating-chevron{color:#8090a1}.rating-note{position:absolute;right:0;top:calc(100% + 6px);width:255px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px;box-shadow:var(--shadow);color:#52667a;line-height:1.5;white-space:normal}.overview-body{padding:3px 35px 33px;display:grid;grid-template-columns:.85fr 1.15fr;gap:35px}.intro-column h3,.list-panel h3,.terms-lead h3{font-size:16px;margin:0 0 8px}.intro-column p{font-size:13px;margin:0 0 10px}.text-link{color:var(--info);font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.list-panel{border:1px solid var(--line);border-radius:10px;padding:17px;background:#fcfdff}.list-panel.plus{border-top:3px solid #0d9fa9}.list-panel.minus{border-top:3px solid #e9a86b}.list-panel h3 span{color:var(--info);font-size:20px;margin-right:5px}.list-panel.minus h3 span{color:#cf7832}.list-panel ul{padding-left:19px;margin:0;color:#56677a;font-size:12px;line-height:1.7}.list-panel li+li{margin-top:6px}.section-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:20px 0 23px;padding:11px 12px;background:#eaf0f6;border:1px solid var(--line);border-radius:10px}.section-nav span{font-weight:800;font-size:11px;color:#6b7b8e;margin:0 15px 0 7px}.section-nav a{font-size:12px;font-weight:700;padding:7px 11px;border-radius:6px}.section-nav a:hover,.section-nav a:focus-visible{background:white;color:var(--brand)}.section-intro{font-size:13px;margin:0 0 22px;max-width:840px}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.game-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white}.game-art{height:112px;background:#e8f1f5;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;color:#1c6584}.game-art span{font-size:39px;line-height:1}.game-art small{font-size:10px;font-weight:900;letter-spacing:.1em;align-self:flex-end}.art-1{background:#eaf3f6;color:#0c8295}.art-2{background:#f3efff;color:#674ab0}.art-3{background:#fff4ec;color:#a96c38}.game-copy{padding:15px 17px}.game-copy h3{font-size:15px;margin:0 0 5px}.game-copy p{font-size:12px;margin:0}.inline-note,.fine-print{font-size:11px;color:#7b8998}.inline-note{margin-top:13px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.info-panel{border:1px solid var(--line);border-radius:10px;padding:20px 22px}.panel-title{display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);padding-bottom:13px}.panel-title h3{font-size:16px;margin:0}.panel-icon{width:29px;height:29px;display:grid;place-items:center;background:#e8f5f6;color:var(--info);border-radius:7px;font-weight:900}.info-panel .fact-row{font-size:12px}.info-panel .fact-row dd{max-width:64%}.fine-print{margin:13px 0 0}.caution{display:flex;gap:20px;align-items:baseline;margin-top:16px;border-left:3px solid var(--brand);background:#fff8f6;padding:12px 17px;border-radius:4px}.caution b{flex:none;font-size:12px}.caution p{font-size:12px;margin:0}.terms-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:24px}.terms-lead{padding:23px;background:#f8fafc;border-radius:9px}.terms-lead h3{font-size:17px;margin-top:16px}.terms-lead p{font-size:13px}.terms-list{border-top:1px solid var(--line)}.terms-list .fact-row{padding:10px 0;font-size:12px}.terms-list .fact-row dd{max-width:70%}.method-tags{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.method-tags>div{display:flex;align-items:center;gap:10px;background:#f4f8fb;border:1px solid var(--line);border-radius:9px;padding:13px 17px}.method-icon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;color:var(--info);background:#def2f4;font-size:18px;font-weight:800}.method-tags b{font-size:13px}.method-tags small{color:var(--muted);font-size:11px;margin-left:auto}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:9px}.table-scroll table{border-collapse:collapse;width:100%;min-width:620px;font-size:12px}.table-scroll th,.table-scroll td{text-align:left;padding:11px 15px;border-bottom:1px solid var(--line)}.table-scroll tr:last-child th,.table-scroll tr:last-child td{border-bottom:0}.table-scroll thead{background:#eaf1f7}.table-scroll tbody th{width:140px;background:#fafbfd}.accordion{border:1px solid var(--line);border-radius:8px;margin-top:13px}.accordion summary{cursor:pointer;padding:12px 16px;display:flex;justify-content:space-between;gap:15px;font-size:12px;font-weight:800}.accordion summary::marker{content:""}.accordion[open] summary span{transform:rotate(45deg)}.accordion>div{border-top:1px solid var(--line);padding:12px 16px;font-size:12px;color:#52677c}.accordion p:last-child{margin-bottom:0}.accordion a{color:var(--info);text-decoration:underline}.support-list{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:9px}.support-list>div{padding:20px;border-right:1px solid var(--line)}.support-list>div:last-child{border:0}.support-list span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#e9f4f5;color:var(--info);font-size:20px;margin-bottom:10px}.support-list b{display:block;font-size:14px}.support-list p{font-size:12px;margin:4px 0}.support-list a,.support-list em{font-size:11px;color:var(--info);font-style:normal;font-weight:800}.support-foot{display:flex;gap:18px;background:#f8fafc;border-radius:8px;padding:13px 17px;margin-top:15px}.support-foot b{white-space:nowrap;font-size:12px}.support-foot p{margin:0;font-size:12px}.meta-strip{display:flex;justify-content:space-between;gap:30px;align-items:center;background:#eaf1f7;border:1px solid var(--line);border-radius:10px;padding:22px 27px;margin:25px 0}.meta-strip b{font-size:14px}.meta-strip p{font-size:11px;margin:5px 0}.source-links{display:flex;flex-wrap:wrap;gap:5px 17px;margin-top:9px}.source-links a{font-size:11px;color:var(--info);text-decoration:underline}.site-footer{background:#102d4d;color:#d9e7f3}.footer-inner{max-width:1200px;margin:auto;padding:35px 20px}.footer-logo strong{color:#fff}.footer-inner p{max-width:750px;color:#b7cada;font-size:12px;margin:16px 0 10px}.footer-inner>small{font-size:10px;color:#91abc1}@media(max-width:900px){.main-header{padding:0 20px}.primary-nav{gap:14px;font-size:11px}.game-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1.3fr .8fr}.hero-main{padding:30px}.hero-facts{padding:30px 20px}.overview-body{grid-template-columns:1fr;gap:20px}.section-nav{position:static}.rating-label{display:none}}@media(max-width:640px){body{font-size:14px}.legal-bar{font-size:9px;justify-content:space-between}.legal-bar span{max-width:180px}.main-header{height:62px}.logo strong{font-size:19px}.logo-mark{width:33px;height:33px}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;top:95px;left:0;right:0;background:white;padding:15px 20px;box-shadow:var(--shadow);z-index:10;flex-direction:column;align-items:stretch;gap:0}.primary-nav.open{display:flex}.primary-nav a{padding:10px;border-bottom:1px solid var(--line);font-size:13px}.page-wrap{width:calc(100% - 24px)}.breadcrumbs{padding:17px 3px}.hero{display:block}.hero-main{padding:24px 21px}.brand-identity{gap:13px;margin:20px 0}.brand-logo{width:82px;height:67px}.brand-logo img{width:74px}.brand-identity h1{font-size:23px}.brand-identity h1 span{font-size:12px}.brand-kicker{font-size:10px}.lead{font-size:13px}.hero-actions .button{flex:1;gap:6px;padding:8px 10px;font-size:11px}.hero-facts{padding:20px 21px}.section-block{padding:21px 17px;margin-bottom:13px}.overview{padding:0}.overview>.section-head{padding:21px 17px 0}.overview-body{padding:0 17px 21px}.section-head{align-items:flex-start;gap:8px}.heading{gap:8px}.section-number{width:28px;height:28px;font-size:11px}.heading small{font-size:9px;letter-spacing:.04em}.heading h2{font-size:17px}.rating summary{gap:3px;padding:5px 6px}.rating b{font-size:10px}.stars{font-size:11px}.rating-chevron{font-size:10px}.rating-note{width:min(250px,80vw)}.pros-cons,.two-column,.method-tags,.support-list,.terms-layout{grid-template-columns:1fr}.section-nav{gap:2px;margin:14px 0}.section-nav span{width:100%;margin:0 0 3px 7px}.section-nav a{padding:6px 7px;font-size:11px}.game-grid{grid-template-columns:1fr 1fr;gap:9px}.game-art{height:72px;padding:10px}.game-art span{font-size:28px}.game-art small{font-size:8px}.game-copy{padding:10px}.game-copy h3{font-size:12px}.game-copy p{font-size:10px}.caution,.support-foot{display:block}.caution b,.support-foot b{display:block;margin-bottom:4px}.method-tags>div{padding:10px}.method-tags small{font-size:10px}.support-list>div{border-right:0;border-bottom:1px solid var(--line);padding:14px}.support-list>div:last-child{border:0}.meta-strip{display:block;padding:18px}.meta-strip .button{margin-top:14px}.footer-inner{padding:25px 14px}}@media(max-width:380px){.game-grid{grid-template-columns:1fr}.rating summary{flex-wrap:wrap;justify-content:flex-end;max-width:94px}.rating .stars{letter-spacing:-3px}}
:scope .rating .stars{background:linear-gradient(90deg,#e9b94b var(--fill),#cbd5df var(--fill));background-clip:text;-webkit-background-clip:text;color:transparent}
.overview{overflow:visible}.overview .hero{border-radius:15px 15px 0 0;overflow:hidden}.rating .stars{background:linear-gradient(90deg,#e9b94b var(--fill),#cbd5df var(--fill));background-clip:text;-webkit-background-clip:text;color:transparent}
.list-panel h3 small{font-size:11px;font-weight:600;color:#708196;margin-left:5px}
.overview .hero{display:block}.overview .hero-main{max-width:860px}.overview-body{grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:20px}.overview-takeaway{background:#f4f8fb;border-left:3px solid var(--info);border-radius:0 8px 8px 0;padding:18px 20px}.overview-takeaway .takeaway-label{display:block;color:var(--info);font-size:10px;font-weight:800;letter-spacing:.1em;margin-bottom:7px}.overview-takeaway h3{font-size:17px;margin-bottom:8px}.overview-takeaway p{font-size:13px;line-height:1.8;margin-bottom:12px}@media(max-width:900px){.overview-body{grid-template-columns:1fr}}@media(max-width:640px){.overview-takeaway{padding:15px 16px}}
.vip-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.vip-highlight{background:#f4f8fb;border:1px solid var(--line);border-radius:10px;padding:23px}.vip-highlight small{display:block;font-size:10px;color:var(--info);font-weight:800;letter-spacing:.12em}.vip-highlight strong{display:block;font-size:21px;margin:7px 0}.vip-highlight p{font-size:12px;margin:0}.vip-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vip-benefits>div{border:1px solid var(--line);border-radius:9px;padding:15px}.vip-benefits b,.vip-benefits span{display:block}.vip-benefits b{font-size:13px}.vip-benefits span{font-size:11px;color:var(--muted);margin-top:4px}.provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.provider-row{display:flex;align-items:center;gap:10px;min-width:0;border:1px solid var(--line);border-radius:8px;padding:12px 14px}.provider-row b{font-size:13px}.provider-row span{font-size:11px;color:var(--muted)}.provider-row span:last-child{margin-left:auto;color:var(--info)}.provider-row:hover{border-color:var(--info);background:#f7fafc}.accordion .provider-grid{padding:13px}.details-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;margin:0;border-top:1px solid var(--line)}.details-grid .fact-row{font-size:12px}.details-grid .fact-row dd{max-width:65%}@media(max-width:640px){.vip-grid,.vip-benefits,.provider-grid,.details-grid{grid-template-columns:1fr}.vip-highlight{padding:18px}.provider-row{padding:11px}.details-grid .fact-row dd{max-width:63%}}
.section-nav{position:sticky;top:0;z-index:8;height:48px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin;touch-action:pan-x;overscroll-behavior-x:contain;background:#fff;padding:0 10px;margin:14px 0 19px;box-shadow:0 4px 12px rgba(17,45,79,.05)}.section-nav .nav-label{flex:none;margin:0 14px 0 7px;color:var(--muted)}.section-nav a{flex:none;height:100%;display:inline-flex;align-items:center;border-radius:0;border-bottom:2px solid transparent;padding:0 12px}.section-nav a[aria-current="location"]{color:var(--brand);border-bottom-color:var(--brand);background:#fff8f7}section[id]{scroll-margin-top:64px}.details-grid .language-row{grid-column:1/-1;display:grid;grid-template-columns:150px minmax(0,1fr);align-items:start;gap:18px}.details-grid .language-row dd{max-width:none;text-align:left;font-weight:400;min-width:0}.language-preview,.language-list{display:flex;flex-wrap:wrap;gap:6px}.language-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:6px;background:#f8fafc;padding:4px 8px;font-size:11px;font-weight:700;color:var(--navy);white-space:nowrap}.language-chip>span{font-size:15px;line-height:1}.languages-disclosure{margin-top:8px}.languages-disclosure summary{cursor:pointer;display:inline-flex;align-items:center;gap:8px;color:var(--info);font-size:11px;font-weight:800;min-height:32px}.languages-disclosure summary::marker{content:""}.languages-disclosure[open] summary span{transform:rotate(180deg)}.language-list{padding:7px 0 10px}.language-row dd>small{display:block;margin-top:7px;color:var(--muted);font-size:10px}.language-row dd>small a{color:var(--info);text-decoration:underline}@media(max-width:640px){.section-nav{margin:12px 0 15px;height:46px}.section-nav .nav-label{display:none}.section-nav a{padding:0 13px;font-size:12px}.details-grid .language-row{grid-template-columns:1fr;gap:8px}.details-grid .language-row dd{max-width:100%}}
/* Bonus offers keep casino and sports terms in one editorial section. */
.bonus-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bonus-offer{min-width:0;border:1px solid var(--line);border-radius:10px;padding:19px 20px;background:#fff}
.sports-offer{background:#f9fbfd}
.bonus-offer-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:10px}
.bonus-offer-head h3{font-size:16px;margin:0;flex:1 1 210px}
.bonus-offer-head .text-link{white-space:nowrap}
.bonus-offer>p{font-size:12px;margin:0 0 13px}
.bonus-offer .terms-list .fact-row{align-items:baseline;font-size:11px;gap:8px}
.bonus-offer .terms-list .fact-row dt{flex:0 0 90px}
.bonus-offer .terms-list .fact-row dd{max-width:none;overflow-wrap:anywhere}
.bonus-source-note{margin-bottom:0}
.bonus-source-note a{color:var(--info);text-decoration:underline}
@media(max-width:800px){.bonus-offers{grid-template-columns:1fr}}
@media(max-width:640px){.bonus-offer{padding:15px}.bonus-offer .terms-list .fact-row dt{flex-basis:75px}}
/* Persistent review navigation, aligned with the overview. */
.brand-layout{display:grid;grid-template-columns:182px minmax(0,1fr);gap:20px;align-items:start}
.brand-content{min-width:0}
.brand-layout .section-nav{position:sticky;top:18px;z-index:8;align-self:start;display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;width:100%;height:auto;max-height:calc(100vh - 36px);overflow-x:hidden;overflow-y:auto;white-space:normal;margin:0;padding:14px 9px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:var(--shadow);scrollbar-width:thin}
.brand-layout .section-nav .nav-label{display:block;flex:none;margin:0 7px 9px;color:var(--info);letter-spacing:.08em}
.brand-layout .section-nav a{display:flex;align-items:center;flex:none;width:100%;min-height:39px;height:auto;padding:7px 10px;border:0;border-left:3px solid transparent;border-radius:5px;line-height:1.3;white-space:normal}
.brand-layout .section-nav a[aria-current="location"]{background:#fff4f3;color:var(--brand);border-left-color:var(--brand)}
.brand-layout section[id]{scroll-margin-top:20px}
@media(max-width:960px){.brand-layout{display:block}.brand-layout .section-nav{position:sticky;top:0;flex-direction:row;align-items:center;width:100%;height:48px;max-height:none;overflow-x:auto;overflow-y:hidden;white-space:nowrap;margin:0 0 17px;padding:0 10px;border-radius:9px}.brand-layout .section-nav .nav-label{display:none}.brand-layout .section-nav a{width:auto;min-height:46px;height:46px;white-space:nowrap;padding:0 12px;border:0;border-bottom:2px solid transparent;border-radius:0}.brand-layout .section-nav a[aria-current="location"]{border-left:0;border-bottom-color:var(--brand)}.brand-layout section[id]{scroll-margin-top:64px}}
.provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.provider-row{min-height:92px;padding:10px;gap:10px;background:#fff}
.provider-logo{flex:none;width:78px;height:60px;display:grid;place-items:center;overflow:hidden;border-radius:6px;border:1px solid #e9edf3;background:#f7f9fc}
.provider-logo img{width:100%;height:100%;object-fit:contain}
.provider-logo-text{font-size:17px;font-weight:900;color:var(--info);letter-spacing:.04em}
.provider-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.provider-copy b{font-size:12px;line-height:1.25}
.provider-copy small{font-size:10px;color:var(--muted)}
.provider-row .provider-arrow{margin-left:auto;color:var(--info)}
#providers .fine-print a{color:var(--info);text-decoration:underline}
@media(max-width:1200px){.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.provider-row{min-height:78px;padding:7px;gap:6px}.provider-logo{width:48px;height:47px}.provider-copy b{font-size:10px}.provider-copy small{font-size:9px}.provider-arrow{display:none}}
@media(max-width:380px){.provider-grid{grid-template-columns:1fr}.provider-logo{width:65px;height:52px}}
/* Compact game-type index, using KAJIMIRU's existing editorial palette. */
.game-type-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:23px 0 12px;padding-bottom:9px;border-bottom:1px solid var(--line)}
.game-type-heading h3{font-size:15px;margin:0}.game-type-heading h3 span{display:inline-grid;place-items:center;min-width:23px;height:23px;border-radius:6px;background:#e7f3f5;color:var(--info);font-size:11px;margin-left:5px}
.game-type-heading small{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--muted)}
.game-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.game-type{min-width:0;min-height:80px;border:1px solid var(--line);border-radius:9px;background:#fff;display:flex;align-items:center;gap:10px;padding:10px;position:relative}
.game-type-icon{flex:none;width:46px;height:46px;display:grid;place-items:center;border-radius:9px;background:#e9f4f6;color:var(--info)}
.game-type:nth-child(4n+2) .game-type-icon{background:#eff2f9;color:#3e6591}
.game-type:nth-child(4n+3) .game-type-icon{background:#fff2e9;color:#bd7250}
.game-type:nth-child(4n+4) .game-type-icon{background:#f3f0fa;color:#746198}
.game-type-icon svg{width:29px;height:29px;display:block}.game-type-copy{min-width:0;display:flex;flex-direction:column;line-height:1.35;gap:3px}.game-type-copy b{font-size:12px;overflow-wrap:anywhere}.game-type-copy small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.game-live{position:absolute;right:8px;top:7px;border-radius:4px;background:#fff0ed;color:#b94743;font-size:8px;font-weight:900;letter-spacing:.04em;padding:1px 4px}.game-type:has(.game-live) .game-type-copy{padding-right:19px}
.game-feature-foot{display:flex;gap:11px;align-items:flex-start;margin-top:16px;padding:13px 15px;border-left:3px solid var(--info);border-radius:4px;background:#f3f8fa}.game-feature-mark{color:var(--info);font-size:13px;margin-top:2px}.game-feature-foot p{font-size:11px;line-height:1.7;margin:0}.game-feature-foot b{color:var(--navy)}
@media(max-width:980px){.game-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.game-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-type{min-height:72px;padding:8px;gap:7px}.game-type-icon{width:39px;height:39px}.game-type-icon svg{width:25px;height:25px}.game-type-copy b{font-size:11px}.game-type-copy small{font-size:9px}.game-live{font-size:7px;top:4px;right:4px}.game-type:has(.game-live) .game-type-copy{padding-right:10px}}
@media(max-width:360px){.game-type-grid{grid-template-columns:1fr}.game-type:has(.game-live) .game-type-copy{padding-right:28px}}
/* Auditable rating popovers and the two-stage scoring note. */
.overview{overflow:visible}
.rating-note{width:min(380px,calc(100vw - 48px));font-size:11px;line-height:1.55;z-index:30}
.rating-note>strong{font-size:12px;color:var(--navy)}.rating-note p{font-size:11px;margin:7px 0;color:#52667a}
.rating-breakdown{border-top:1px solid var(--line);margin-top:8px}.rating-breakdown>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #e8edf3}.rating-breakdown>div span{min-width:0}.rating-breakdown>div b{white-space:nowrap;color:var(--navy);font-size:11px}.rating-breakdown small{font-size:9px;color:var(--muted);font-weight:600}.rating-breakdown a,.rating-source-link{color:var(--info);text-decoration:underline;text-underline-offset:2px}.rating-breakdown span small{display:block}.rating-note .rating-caveat{margin:9px 0;color:#627489}.rating-source-link{font-size:11px;font-weight:800}
.methodology{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;margin:13px 0}.methodology strong{display:block;font-size:12px;color:var(--navy)}.methodology p{font-size:11px;margin:5px 0 11px}.methodology p:last-child{margin-bottom:0}
@media(max-width:640px){.section-head{position:relative;z-index:4}.rating{position:static}.rating-note{top:calc(100% + 6px);right:0;width:min(335px,calc(100vw - 42px))}.rating-breakdown>div{gap:6px}.rating-breakdown>div b{font-size:10px}}
#payment .fine-print a{color:var(--info);text-decoration:underline;text-underline-offset:2px}
/* Editorial overview: fewer nested cards, clearer verification status. */
.overview .hero-main{padding-bottom:28px}.overview .eyebrow{display:none}.overview .brand-identity{margin-top:6px}.overview .hero-actions .button.secondary{display:none}.overview .overview-rewrite{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:32px;padding-top:4px}.overview-editorial{padding:0}.overview-editorial>small{display:block;color:var(--info);font-size:11px;font-weight:800;letter-spacing:.03em;margin-bottom:10px}.overview-editorial h3{font-size:19px;line-height:1.45;margin:0 0 10px}.overview-editorial p{font-size:13px;line-height:1.85;margin:0 0 14px}.overview-checks{margin:0;border-top:1px solid var(--line)}.overview-checks>div{display:grid;grid-template-columns:106px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.65}.overview-checks dt{font-weight:800;color:var(--navy)}.overview-checks dd{margin:0;color:#596a7d}@media(max-width:900px){.overview .overview-rewrite{grid-template-columns:1fr;gap:20px}}@media(max-width:640px){.overview-checks>div{grid-template-columns:1fr;gap:3px}.overview .hero-main{padding-bottom:24px}}
/* Editorial treatment for the two condition-heavy sections. */
.editorial-module .editorial-lead{max-width:760px;margin:0 0 22px;font-size:14px;line-height:1.8;color:#40566d}
.offer-list{border-top:1px solid var(--line)}
.offer-item{padding:23px 0 25px;border-bottom:1px solid var(--line)}
.offer-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:9px}
.offer-heading small,.payment-editorial small{display:block;margin-bottom:5px;color:var(--info);font-size:11px;font-weight:800}
.offer-heading h3,.payment-editorial h3{margin:0;font-size:18px;line-height:1.5;letter-spacing:-.02em}
.offer-heading .text-link{flex:none}
.offer-item>p{margin:0 0 15px;font-size:13px;line-height:1.75}
.offer-facts{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.offer-facts>div{border-left:1px solid var(--line);padding-left:13px}
.offer-facts dt{margin-bottom:4px;color:var(--navy);font-size:11px;font-weight:800}
.offer-facts dd{margin:0;color:#596a7d;font-size:12px;line-height:1.7}
.editorial-source{margin:16px 0 0;color:#718093;font-size:11px;line-height:1.7}
.editorial-source a{color:var(--info);text-decoration:underline;text-underline-offset:2px}
.payment-editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;padding:3px 0 24px;border-bottom:1px solid var(--line)}
.payment-editorial h3{font-size:21px}
.payment-editorial p{margin:9px 0 0;font-size:13px;line-height:1.8}
.payment-editorial dl{margin:0}
.payment-editorial dl>div{display:grid;grid-template-columns:91px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}
.payment-editorial dl>div:last-child{border-bottom:0}
.payment-editorial dt{color:#6b7b8e}
.payment-editorial dd{margin:0;color:var(--navy);font-weight:700;line-height:1.6}
.payment-table-head{display:flex;align-items:baseline;gap:15px;margin:22px 0 12px}
.payment-table-head h3{margin:0;font-size:16px}
.payment-table-head p{margin:0;font-size:11px}
.editorial-module .table-scroll{border-radius:0}
.editorial-module .table-scroll thead{background:#f2f5f8}
.editorial-module .table-scroll tbody th{background:#fff}
.payment-details{border:0;border-bottom:1px solid var(--line);border-radius:0}
.payment-details summary{padding:12px 0;color:var(--info)}
.payment-details>div{padding:10px 0}
@media(max-width:760px){.offer-facts{grid-template-columns:1fr;gap:10px}.payment-editorial{grid-template-columns:1fr;gap:15px}.offer-heading{display:block}.offer-heading .text-link{display:inline-block;margin-top:8px}.payment-table-head{display:block}.payment-table-head p{margin-top:4px}}
.overview .hero-actions .button.secondary{display:inline-flex}
.overview .overview-pros-cons{display:block;padding-top:4px}
.overview-pros-cons .pros-cons{gap:16px}
.overview-pros-cons .list-panel{background:#fff;border:1px solid var(--line);border-top:2px solid var(--line);box-shadow:none}
.overview-pros-cons .list-panel.plus{border-top-color:#0d9fa9}
.overview-pros-cons .list-panel.minus{border-top-color:#d89057}
.overview-pros-cons .list-panel h3{margin-bottom:12px}
.overview-pros-cons .list-panel ul{font-size:12px;line-height:1.75}
@media(max-width:640px){.overview-pros-cons .pros-cons{grid-template-columns:1fr}}
.overview .hero-main{max-width:none;padding:32px 36px 30px}
.overview .brand-identity{gap:28px;margin:5px 0 20px}
.overview .brand-logo{width:290px;height:130px;border:0;background:#1a2442;border-radius:12px}
.overview .brand-logo img{width:274px;max-height:none}
.overview .lead{max-width:820px;margin-bottom:19px}
@media(max-width:640px){.overview .hero-main{padding:23px 20px}.overview .brand-identity{gap:16px;margin:0 0 17px}.overview .brand-logo{width:174px;height:86px}.overview .brand-logo img{width:164px}.overview .lead{margin-bottom:18px}}
@media(max-width:480px){.overview .brand-identity{align-items:flex-start;flex-direction:column;gap:12px}.overview .brand-logo{width:220px;height:100px}.overview .brand-logo img{width:208px}}
/* Game pictograms: warm paper, ink strokes and a small vermilion seal. */
#games .game-type-icon{position:relative;isolation:isolate;overflow:hidden;border:1px solid #e6dac9;border-radius:5px;background:#fbf6eb;color:#273e52;box-shadow:inset 0 0 0 3px rgba(255,255,255,.55)}
#games .game-type:nth-child(4n+2) .game-type-icon,#games .game-type:nth-child(4n+3) .game-type-icon,#games .game-type:nth-child(4n+4) .game-type-icon{background:#fbf6eb;color:#273e52}
#games .game-type-icon:before{content:"";position:absolute;left:4px;top:4px;width:5px;height:5px;background:#d35447;border-radius:1px;transform:rotate(-8deg)}
#games .game-type-icon svg{width:30px;height:30px;stroke-width:1.9;filter:drop-shadow(.3px .3px 0 rgba(39,62,82,.25))}
#games .game-type{border-color:#e7e3db;background:#fffefa}
@media(max-width:700px){#games .game-type-icon svg{width:25px;height:25px}}
.provider-row{cursor:default;background:#fff}
.provider-row:hover{border-color:var(--line);background:#fff}
.provider-logo-fallback{display:none;color:var(--info);font-size:17px;font-weight:900;letter-spacing:.04em}
.provider-logo:not(:has(img:not([hidden]))) .provider-logo-fallback{display:block}
.provider-logo img[hidden]{display:none}
#vip .vip-benefits{display:block;margin:0;border-top:1px solid var(--line)}
#vip .vip-benefits>div{display:grid;grid-template-columns:125px minmax(0,1fr);gap:12px;align-items:baseline;padding:12px 2px;border:0;border-bottom:1px solid var(--line);border-radius:0}
#vip .vip-benefits dt{font-size:12px;font-weight:800}
#vip .vip-benefits dd{margin:0;color:#596a7d;font-size:12px;line-height:1.6}
.methodology .methodology-summary{margin:0 0 9px;color:#516579}
.methodology-details{border-top:1px solid var(--line)}
.methodology-details summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;padding:10px 0;color:var(--info);font-size:12px;font-weight:800;list-style:none}
.methodology-details summary::-webkit-details-marker{display:none}
.methodology-details[open] summary span{transform:rotate(45deg)}
.methodology-details>div{padding:2px 0 8px}
.meta-strip>div{min-width:0;flex:1}
.meta-strip>.button{flex:none;white-space:nowrap}
@media(max-width:640px){#vip .vip-benefits>div{grid-template-columns:110px minmax(0,1fr);gap:8px}}
/* Plain editorial rows for the support options. */
#bonuses .heading h2,#payment .heading h2,#support .heading h2{margin-top:0}
#support .support-list{display:block;border:0;border-top:1px solid var(--line);border-radius:0}
#support .support-list>div{display:grid;grid-template-columns:minmax(110px,.6fr) minmax(0,1.7fr) auto;align-items:baseline;column-gap:18px;padding:14px 2px;border:0;border-bottom:1px solid var(--line)}
#support .support-list>div:last-child{border-bottom:1px solid var(--line)}
#support .support-list span{display:none}
#support .support-list b{font-size:13px}
#support .support-list p{margin:0;font-size:12px}
#support .support-list a{white-space:nowrap}
@media(max-width:640px){#support .support-list>div{grid-template-columns:1fr auto;row-gap:3px;padding:13px 1px}#support .support-list b{grid-column:1}#support .support-list p{grid-column:1;grid-row:2}#support .support-list a{grid-column:2;grid-row:1 / 3;align-self:center}}
/* Editorial data tables: compact labels, left-aligned values and quiet rules. */
.payment-priority{display:flex;align-items:baseline;gap:28px;padding:17px 21px;border-left:3px solid var(--brand);background:#fbf8f6}
.payment-priority small{flex:0 0 100px;color:#a54843;font-size:11px;font-weight:800}
.payment-priority h3{margin:0;font-size:16px;line-height:1.5}
.payment-priority p{margin:3px 0 0;color:#52657a;font-size:12px}
.payment-table-head{margin:25px 0 12px}
.payment-table-head h3{font-size:17px}
.payment-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.payment-method,.security-group{min-width:0}
.payment-method h4,.security-group h3{display:flex;align-items:center;gap:10px;margin:0;padding:0 0 10px;border-bottom:2px solid #1b7890;font-size:16px;line-height:1.5}
.payment-method h4 span{font-size:11px;color:#087f98;letter-spacing:.1em}
.jp-data-table{display:block;margin:0}
.jp-data-table .fact-row{display:grid;grid-template-columns:122px minmax(0,1fr);gap:0;align-items:stretch;padding:0;border-bottom:1px solid #e3e8ee;font-size:12px;line-height:1.7}
.jp-data-table .fact-row dt,.jp-data-table .fact-row dd{min-width:0;padding:12px 14px;text-align:left}
.jp-data-table .fact-row dt{background:#f7f9fb;color:#64768a;font-weight:700}
.jp-data-table .fact-row dd{max-width:none;margin:0;color:var(--navy);font-weight:600;overflow-wrap:anywhere}
.jp-data-table .status{display:inline-block;margin:0 8px 0 0;vertical-align:1px;font-size:10px;font-weight:700}
.security-groups{display:grid;gap:26px}
.security-group .jp-data-table .fact-row{grid-template-columns:175px minmax(0,1fr)}
#security .caution{margin-top:23px;padding:13px 17px;background:#fbf8f6;border-left:3px solid var(--brand);font-size:12px}
#security .caution b{flex:0 0 175px}
#security .caution p{margin:0}
.details-grid.jp-data-table{display:block;border-top:2px solid #1b7890}
.details-grid.jp-data-table .fact-row,.details-grid.jp-data-table .language-row{display:grid;grid-template-columns:175px minmax(0,1fr);gap:0;font-size:12px}
.details-grid.jp-data-table .language-row dd{max-width:none;padding:12px 14px}
@media(max-width:760px){.payment-method-grid{grid-template-columns:1fr;gap:24px}.payment-priority{display:block;padding:14px 17px}.payment-priority small{display:block;margin-bottom:5px}.security-group .jp-data-table .fact-row,.details-grid.jp-data-table .fact-row,.details-grid.jp-data-table .language-row{grid-template-columns:118px minmax(0,1fr)}}
@media(max-width:480px){.jp-data-table .fact-row,.security-group .jp-data-table .fact-row,.details-grid.jp-data-table .fact-row,.details-grid.jp-data-table .language-row{grid-template-columns:96px minmax(0,1fr)}.jp-data-table .fact-row dt,.jp-data-table .fact-row dd{padding:11px 10px}.details-grid.jp-data-table .language-row dd{padding:11px 10px}.jp-data-table .status{margin-bottom:3px}}
.detail-header-logo{display:flex;align-items:center;flex:none;width:142px;height:70px;overflow:hidden;background:transparent}
.detail-header-logo img{display:block;width:142px;max-width:none;height:auto}
@media(max-width:640px){.detail-header-logo{width:112px;height:58px}.detail-header-logo img{width:112px}}
/* Bonus offers: editorial image, essential terms, and a direct source CTA. */
.bonus-card-list{display:grid;gap:18px}
.bonus-card{display:grid;grid-template-columns:minmax(220px,36%) minmax(0,1fr);gap:24px;padding:18px;border:1px solid #dce3eb;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(17,45,79,.045)}
.bonus-card-visual{position:relative;min-height:300px;margin:0;border-radius:10px;overflow:hidden;background:#17213f}
.bonus-card-photo img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;object-position:left center}
.bonus-card-photo figcaption{position:absolute;right:10px;bottom:10px;padding:3px 7px;border-radius:4px;background:rgba(11,25,48,.78);color:#fff;font-size:10px}
.bonus-card-photo figcaption a{text-decoration:underline;text-underline-offset:2px}
.bonus-card-sports-photo img{object-position:center}
.bonus-card--sports{grid-template-columns:minmax(260px,42%) minmax(0,1fr)}
.bonus-card--sports .bonus-card-sports-banner{width:100%;height:100%;min-height:300px;max-height:none;background:#1b052b}
.bonus-card-sports-banner img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.bonus-card--sports{grid-template-columns:1fr}.bonus-card--sports .bonus-card-sports-banner{height:auto;min-height:0;aspect-ratio:1828 / 1118}}
.bonus-card-body{display:flex;flex-direction:column;min-width:0;padding:3px 4px 3px 0}
.bonus-card-type{align-self:flex-start;margin-bottom:10px;padding:4px 9px;border-radius:4px;background:#eaf3f6;color:#087f98;font-size:11px;font-weight:800}
.bonus-card-body h3{margin:0 0 10px;font-size:20px;line-height:1.5;letter-spacing:-.025em}
.bonus-card-summary{margin:0 0 12px;color:#40566d;font-size:12px;line-height:1.65}
.bonus-card-points{display:grid;gap:7px;margin:0 0 18px;padding:0;list-style:none}
.bonus-card-points li{display:grid;grid-template-columns:74px minmax(0,1fr);gap:8px;padding-left:12px;border-left:2px solid #c4dfe7;color:#53667b;font-size:11px;line-height:1.55}
.bonus-card-points b{color:#172f4d}
.bonus-card-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:43px;margin-top:auto;padding:8px 15px;border-radius:7px;background:#087f98;color:#fff;font-size:12px;font-weight:800;transition:background .2s ease}
.bonus-card-cta:hover{background:#086a7f}
.bonus-card-cta span{font-size:19px;line-height:1}
@media(max-width:760px){.bonus-card{grid-template-columns:1fr;gap:16px}.bonus-card-visual,.bonus-card-photo img{min-height:220px;max-height:260px}.bonus-card-body{padding:0 2px 2px}.bonus-card-body h3{font-size:18px}.bonus-card-points li{grid-template-columns:72px minmax(0,1fr)}}
/* Screenshots keep the brand's real interface visible without changing the editorial layout. */
.review-screen{margin:2px 0 25px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#f5f2fa}
.review-screen img{display:block;width:100%;height:280px;object-fit:cover;object-position:center top}
.review-screen figcaption{display:flex;justify-content:space-between;gap:12px;padding:9px 14px;color:#53657a;background:#fff;font-size:11px;font-weight:700}
.review-screen figcaption span{font-weight:400;color:#7a899b}
.review-screen figcaption a{color:var(--info);text-decoration:underline;text-underline-offset:2px}
@media(max-width:640px){.review-screen{margin-bottom:20px}.review-screen img{height:185px}.review-screen figcaption{display:block;font-size:10px}.review-screen figcaption span{display:block;margin-top:2px}}
/* Visual process boards for payment and identity checks. */
.flow-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:26px 0 13px}
.flow-heading h3{margin:0;font-size:17px;color:var(--navy)}
.flow-heading span{font-size:10px;font-weight:800;letter-spacing:.13em;color:#688399}
.process-flow{display:grid;gap:13px;position:relative}
.process-flow--payment{grid-template-columns:repeat(2,minmax(0,1fr))}
.process-flow--security{grid-template-columns:repeat(3,minmax(0,1fr))}
.process-stage{position:relative;min-width:0;padding-top:26px}
.process-stage:not(:last-child)::after{content:'→';position:absolute;top:4px;right:-13px;z-index:2;width:26px;height:26px;border-radius:50%;background:#fff;color:#087f98;text-align:center;font-size:18px;line-height:25px;font-weight:800}
.process-marker{position:absolute;top:0;left:16px;z-index:1;display:flex;align-items:center;gap:7px;color:#087f98;font-size:11px;font-weight:800}
.process-marker span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#087f98;color:#fff;font-size:11px;box-shadow:0 0 0 5px #eaf3f6}
.process-panel{height:100%;overflow:hidden;border:1px solid #d7e4e9;border-radius:12px;background:#f3f7f8}
.process-panel-head{min-height:90px;padding:22px 18px 13px}
.process-panel-head small{font-size:9px;font-weight:800;letter-spacing:.15em;color:#087f98}
.process-panel-head h3,.process-panel-head h4{margin:6px 0 0;font-size:16px;line-height:1.35;color:var(--navy)}
.process-items{display:grid;gap:7px;padding:8px}
.process-items>div{position:relative;display:flex;flex-direction:column;gap:4px;min-height:73px;padding:11px 13px;border:1px solid #e0e8eb;border-radius:7px;background:#fff;box-shadow:0 2px 5px rgba(17,45,79,.025)}
.process-items>div:first-child{border-color:#087f98;background:#087f98}
.process-items small{font-size:10px;font-weight:800;color:#698098}
.process-items b{font-size:12px;line-height:1.45;color:var(--navy);overflow-wrap:anywhere}
.process-items span{font-size:10px;line-height:1.45;color:#5f7185}
.process-items em{align-self:flex-start;margin-top:3px;padding:2px 6px;border-radius:3px;background:#fff1d9;color:#95671c;font-size:9px;font-style:normal;font-weight:800}
.process-items>div:first-child small,.process-items>div:first-child b,.process-items>div:first-child span{color:#fff}
.process-flow--security .process-panel-head{min-height:88px}
.process-flow--security .process-items>div{min-height:91px}
.process-flow--security .process-items b{font-size:11px}
@media(max-width:760px){.process-flow--security{grid-template-columns:1fr}.process-stage:not(:last-child)::after{top:auto;bottom:-21px;right:calc(50% - 13px);transform:rotate(90deg)}.process-flow--security .process-panel-head{min-height:75px}.process-flow--security .process-items>div{min-height:0}}
@media(max-width:640px){.flow-heading{align-items:flex-start;flex-direction:column;gap:4px}.process-flow--payment{grid-template-columns:1fr}.process-panel-head{min-height:75px}.process-items>div{min-height:0}}
/* Both bonus visuals share the same frame; preserve the supplied artwork. */
.bonus-card{grid-template-columns:minmax(260px,42%) minmax(0,1fr)}
.bonus-card-visual{width:100%;height:100%;min-height:300px;max-height:none;background:#1b052b}
.bonus-card-banner img,.bonus-card-sports-banner img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.bonus-card{grid-template-columns:1fr}.bonus-card-visual{height:auto;min-height:0;max-height:none;aspect-ratio:1828 / 1118}.bonus-card-banner img,.bonus-card-sports-banner img{height:100%;min-height:0;max-height:none}}
#security .security-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#security .security-group h3{padding-bottom:11px;border-bottom:2px solid #1b7890}
#security .security-group .jp-data-table .fact-row{grid-template-columns:112px minmax(0,1fr)}
#security .security-group .jp-data-table .fact-row dt{background:#f7f9fb}
@media(max-width:760px){#security .security-groups{grid-template-columns:1fr;gap:23px}#security .security-group .jp-data-table .fact-row{grid-template-columns:110px minmax(0,1fr)}}
@media(max-width:480px){#security .security-group .jp-data-table .fact-row{grid-template-columns:96px minmax(0,1fr)}}
.stake-page .brand-content{min-width:0}
.stake-page .overview{margin-bottom:22px}
.stake-page .hero{display:block}
.stake-page .hero-main{padding:38px 42px 31px}
.stake-page .brand-identity{gap:22px}
.stake-wordmark{display:grid;place-items:center;flex:none;width:156px;height:102px;border-radius:14px;background:#203448;color:#fff;font-size:39px;font-weight:900;letter-spacing:-.09em;line-height:1}
.stake-wordmark span{transform:translateX(-3px)}
.stake-page .overview-body{display:block;padding:4px 35px 34px}
.stake-page .pros-cons{gap:16px}
.stake-page .rating-note{width:320px}
.stake-overview-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 22px}
.stake-overview-facts div{padding:13px 15px;border:1px solid #dce3ee;border-radius:8px;background:#f8fafc}
.stake-overview-facts small{display:block;margin-bottom:4px;color:#6b7c91;font-size:10px;font-weight:800}
.stake-overview-facts b{font-size:13px;line-height:1.45}
.stake-source-panel{padding:25px 30px}
.stake-source-panel h2{margin:0 0 7px;font-size:18px}
.stake-source-panel p{margin:0 0 11px;font-size:12px}
.stake-source-panel .source-links{gap:8px 17px}
@media(max-width:640px){.stake-page .hero-main{padding:25px 21px}.stake-wordmark{width:104px;height:72px;font-size:28px}.stake-page .brand-identity{gap:12px}.stake-page .overview-body{padding:0 17px 22px}.stake-overview-facts{grid-template-columns:1fr;gap:7px}.stake-page .pros-cons{grid-template-columns:1fr}.stake-source-panel{padding:20px 17px}.stake-page .rating-note{width:min(300px,80vw)}}
.stake-promo-art{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:30px;background:radial-gradient(circle at 80% 18%,#446e8d 0,transparent 37%),linear-gradient(135deg,#162a3b,#203e54 60%,#142633);color:#fff}
.stake-promo-art--regular{background:radial-gradient(circle at 82% 20%,#1c8b98 0,transparent 36%),linear-gradient(135deg,#163a45,#1d6571 65%,#123842)}
.stake-promo-kicker{font-size:10px;font-weight:900;letter-spacing:.18em;color:#c1e6e9}
.stake-promo-art strong{margin:27px 0 11px;font-size:clamp(32px,3.9vw,53px);font-weight:900;line-height:1.08;letter-spacing:-.07em}
.stake-promo-art strong em{color:#8ed5dd;font-style:normal}
.stake-promo-art small{font-size:10px;font-weight:800;letter-spacing:.13em;color:#d1e2e7}
.stake-promo-brand{align-self:flex-end;margin-top:auto;font-size:25px;font-weight:900;letter-spacing:-.09em}
.stake-page .bonus-card-visual{min-height:290px}
.stake-page .bonus-card{grid-template-columns:minmax(260px,42%) minmax(0,1fr)}
.stake-page .editorial-source{margin:12px 2px 0}
.stake-vip-foot{display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:start;gap:18px;margin-top:17px;padding:16px 18px;border-left:3px solid var(--brand);background:#fbf8f6;font-size:12px}
.stake-vip-foot b{font-size:13px}.stake-vip-foot p{margin:0;font-size:12px}.stake-vip-foot a{color:var(--info);font-weight:800;white-space:nowrap}
.stake-payment-example{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:16px;padding:14px 17px;border:1px solid #dce3eb;border-radius:8px;background:#f8fafc;font-size:12px}
.stake-payment-example b{color:var(--navy)}.stake-payment-example span{color:#4f6074}.stake-payment-example a{margin-left:auto;color:var(--info);font-weight:800}
@media(max-width:760px){.stake-page .bonus-card{grid-template-columns:1fr}.stake-page .bonus-card-visual{min-height:225px;max-height:none;aspect-ratio:1828 / 1118}.stake-vip-foot{grid-template-columns:1fr;gap:7px}.stake-payment-example a{margin-left:0;width:100%}}
.stake-feature-lead{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:10px 0 18px;padding:26px 29px;border-radius:12px;background:linear-gradient(120deg,#20374b,#286273);color:#fff}
.stake-feature-lead small{display:block;margin-bottom:9px;color:#a8dae0;font-size:10px;font-weight:800;letter-spacing:.16em}
.stake-feature-lead strong{display:block;font-size:clamp(22px,3vw,34px);letter-spacing:-.04em}
.stake-feature-lead p{margin:8px 0 0;max-width:490px;font-size:13px;color:#e3edf0}
.stake-feature-lead a{flex:none;color:#fff;font-size:12px;font-weight:800}
.stake-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.stake-info-tile{min-height:142px;padding:19px;border:1px solid #dae4ea;border-radius:9px;background:#fbfcfd}
.stake-tile-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;background:#e3f2f4;color:#087d95;font-size:15px;font-weight:900}
.stake-info-tile h3{margin:13px 0 5px;font-size:15px;color:var(--navy)}
.stake-info-tile p{margin:0;color:#64768a;font-size:12px;line-height:1.6}
.stake-provider-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.stake-provider{display:flex;flex-direction:column;justify-content:center;min-height:86px;padding:13px 15px;border:1px solid #dce5ec;border-radius:8px;background:#fff}
.stake-provider b{font-size:14px;line-height:1.3;color:var(--navy)}
.stake-provider small{margin-top:7px;color:#75869a;font-size:10px}
.stake-security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.stake-fact-card{padding:23px 23px 16px;border:1px solid #d9e5eb;border-radius:10px;background:#f8fbfc}
.stake-card-index{color:#087d95;font-size:10px;font-weight:900;letter-spacing:.12em}
.stake-fact-card h3{margin:7px 0 16px;font-size:18px;color:var(--navy)}
.stake-fact-card dl,.stake-details-grid{margin:0}
.stake-fact-card dl>div,.stake-details-grid>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid #dfe7ec}
.stake-fact-card dt,.stake-details-grid dt{color:#708297;font-size:12px}
.stake-fact-card dd,.stake-details-grid dd{margin:0;color:var(--navy);font-size:13px;font-weight:750;line-height:1.5;overflow-wrap:anywhere}
.stake-security-note{display:flex;gap:22px;margin-top:14px;padding:16px 18px;border-left:3px solid #df735f;background:#fff9f6}
.stake-security-note b{flex:none;color:var(--navy);font-size:13px}
.stake-security-note p{margin:0;font-size:12px;color:#52677a}
.stake-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
.stake-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.stake-support-grid article{display:flex;flex-direction:column;min-height:185px;padding:20px;border:1px solid #dce5eb;border-radius:10px;background:#fff}
.stake-support-grid article>span{color:#087d95;font-size:24px;line-height:1}
.stake-support-grid h3{margin:14px 0 7px;color:var(--navy);font-size:15px}
.stake-support-grid p{margin:0 0 12px;color:#607287;font-size:12px;line-height:1.6}
.stake-support-grid a{margin-top:auto;color:var(--info);font-size:12px;font-weight:800}
@media(max-width:760px){.stake-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stake-provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stake-security-grid,.stake-details-grid{grid-template-columns:1fr}.stake-support-grid{grid-template-columns:1fr}}
@media(max-width:520px){.stake-feature-lead{display:block;padding:21px}.stake-feature-lead a{display:inline-block;margin-top:15px}.stake-tile-grid,.stake-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stake-info-tile{min-height:126px;padding:15px}.stake-fact-card{padding:19px}.stake-security-note{display:block}.stake-security-note p{margin-top:6px}}
.stake-page .overview .hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.75fr)}
.stake-hero-visual{min-width:0;margin:0;overflow:hidden;background:#142736}
.stake-hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}
.stake-wordmark img{display:block;width:144px;height:82px;object-fit:contain}
.stake-promo-art{isolation:isolate}
.stake-promo-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.stake-promo-art--welcome>img{object-position:right center}
.stake-promo-art--regular>img{object-position:center}
.stake-promo-art:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,28,45,.85),rgba(9,28,45,.57) 58%,rgba(9,28,45,.2))}
.stake-promo-art--regular:before{background:linear-gradient(90deg,rgba(11,39,75,.83),rgba(11,39,75,.58) 62%,rgba(11,39,75,.13))}
.stake-promo-art strong em{color:#f4d284}
.stake-vip-image{display:block;width:calc(100% + 46px);height:142px;margin:-23px -23px 18px;object-fit:cover;object-position:center 58%;border-radius:10px 10px 0 0}
.stake-feature-lead{display:grid;grid-template-columns:minmax(0,1fr) 210px;align-items:center;column-gap:15px;row-gap:12px}
.stake-feature-lead>a{grid-column:1;grid-row:2;justify-self:start}
.stake-game-covers{grid-column:2;grid-row:1/3;display:flex;align-items:center;justify-content:center;padding:4px 12px 4px 4px}
.stake-game-covers img{width:71px;height:97px;object-fit:cover;border:2px solid #eaf1f5;border-radius:7px;box-shadow:0 5px 13px rgba(0,0,0,.25)}
.stake-game-covers img+img{margin-left:-19px;transform:rotate(7deg)}
.stake-game-covers img:first-child{transform:rotate(-8deg)}
.stake-game-covers img:last-child{transform:rotate(12deg)}
.stake-info-tile{overflow:hidden;padding:0 0 17px}
.stake-tile-mark{display:none}
.stake-tile-image{height:124px;overflow:hidden;background:#e8f1f6}
.stake-tile-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 38%}
.stake-info-tile:nth-child(5) .stake-tile-image img{object-position:right center}
.stake-info-tile:nth-child(6) .stake-tile-image img{object-position:left center}
.stake-info-tile h3{margin:14px 15px 5px}
.stake-info-tile p{margin:0 15px}
.stake-provider{align-items:center;text-align:center;min-height:124px;gap:4px}
.stake-provider-logo{width:100%;height:52px;object-fit:contain;margin-bottom:5px}
.stake-provider b{font-size:12px}
.stake-provider small{margin-top:0}
@media(max-width:900px){.stake-page .overview .hero{grid-template-columns:minmax(0,1fr) 240px}}
@media(max-width:760px){.stake-page .overview .hero{display:block}.stake-hero-visual{height:170px}.stake-hero-visual img{object-position:right center}.stake-feature-lead{grid-template-columns:minmax(0,1fr) 155px}.stake-game-covers img{width:58px;height:78px}.stake-tile-image{height:106px}}
@media(max-width:520px){.stake-feature-lead{display:block}.stake-game-covers{justify-content:flex-start;margin-top:14px}.stake-vip-image{width:calc(100% + 36px);margin:-18px -18px 15px}.stake-hero-visual{height:145px}.stake-provider{min-height:112px;padding:10px}.stake-provider-logo{height:44px}}
/* Stake's editorial game index mirrors the TrustDice detail page. */
.stake-page .overview .hero{display:block}
.stake-page .hero-main{padding:39px 42px 36px}
.stake-wordmark{width:244px;height:152px;border-radius:16px}
.stake-wordmark img{width:225px;height:130px;object-fit:contain}
.stake-page .brand-identity{gap:27px}
.stake-games-visual{margin:6px 0 21px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:linear-gradient(115deg,#20384a,#356678)}
.stake-game-poster{display:flex;align-items:center;justify-content:center;gap:20px;min-height:210px;padding:19px}
.stake-game-poster img{display:block;width:114px;height:153px;object-fit:contain;border-radius:8px;box-shadow:0 8px 22px rgba(4,18,30,.28)}
.stake-games-visual figcaption{display:flex;justify-content:space-between;gap:12px;padding:8px 15px;background:#f8fafc;color:#52687c;font-size:11px;font-weight:700}
.stake-games-visual figcaption a{color:var(--info);text-decoration:underline}
.stake-page .game-type-heading{margin-top:18px}
.stake-provider-extra{display:none}
.stake-provider-grid.expanded .stake-provider-extra{display:flex}
.stake-provider-more{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:15px;padding:10px 16px;border:1px solid #dce5ec;border-radius:8px;background:#f8fafc;color:var(--info);font-size:12px;font-weight:800}
.stake-provider-more:hover{background:#eaf3f6}
.stake-promo-art--welcome{background:linear-gradient(135deg,#182d3e,#244e63);overflow:hidden}
.stake-promo-art--welcome:before{display:none}
.stake-promo-art--welcome .stake-promo-kicker,.stake-promo-art--welcome strong,.stake-promo-art--welcome small,.stake-promo-art--welcome .stake-promo-brand{position:relative;z-index:1}
.stake-promo-art--welcome strong{font-size:clamp(32px,3.3vw,43px)}
.stake-welcome-covers{position:absolute;right:11px;bottom:25px;display:flex;align-items:center;gap:5px;z-index:0}
.stake-welcome-covers img{display:block;width:67px;height:91px;object-fit:contain;border-radius:6px;box-shadow:0 5px 12px rgba(0,0,0,.25)}
.stake-welcome-covers img:nth-child(2){transform:translateY(-18px)}
.stake-promo-art--welcome .stake-promo-brand{display:none}
@media(max-width:760px){.stake-wordmark{width:190px;height:120px}.stake-wordmark img{width:176px;height:106px}.stake-page .hero-main{padding:29px}.stake-game-poster{min-height:180px}.stake-game-poster img{width:91px;height:123px}}
@media(max-width:520px){.stake-page .brand-identity{align-items:flex-start;gap:14px}.stake-wordmark{width:150px;height:99px}.stake-wordmark img{width:140px;height:88px}.stake-page .hero-main{padding:24px 21px}.stake-game-poster{gap:9px;min-height:140px;padding:13px}.stake-game-poster img{width:70px;height:94px}.stake-welcome-covers img{width:55px;height:75px}.stake-welcome-covers{right:8px;bottom:15px}.stake-promo-art--welcome strong{font-size:33px}}
.stake-vip-image{height:auto;aspect-ratio:900/320;object-fit:contain;object-position:center}
.stake-overview-image{position:relative;margin:24px 35px 19px;overflow:hidden;border-radius:10px;background:#102b43}
.stake-overview-image img{display:block;width:100%;height:225px;object-fit:cover;object-position:center}
.stake-overview-image figcaption{position:absolute;right:10px;bottom:10px;display:flex;gap:10px;padding:5px 9px;border-radius:4px;background:rgba(9,29,47,.85);color:#fff;font-size:10px;font-weight:700}
.stake-overview-image a{text-decoration:underline;text-underline-offset:2px}
.stake-game-feature{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:205px;margin:3px 0 24px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#f5f8fa}
.stake-game-feature img{display:block;width:100%;height:100%;max-height:225px;object-fit:cover;object-position:center 36%}
.stake-game-feature figcaption{display:flex;flex-direction:column;justify-content:center;gap:7px;padding:24px 28px}
.stake-game-feature small{color:var(--info);font-size:10px;font-weight:900;letter-spacing:.12em}
.stake-game-feature strong{color:var(--navy);font-size:21px;line-height:1.35}
.stake-game-feature span{color:#53677a;font-size:12px;line-height:1.7}
.stake-game-feature a{align-self:flex-start;color:var(--info);font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.stake-details-grid .stake-language-row{grid-column:1/-1;grid-template-columns:110px minmax(0,1fr)}
.stake-language-list{display:flex;flex-wrap:wrap;gap:6px}
@media(max-width:640px){.stake-overview-image{margin:19px 17px 14px}.stake-overview-image img{height:150px}.stake-overview-image figcaption{font-size:9px}.stake-game-feature{grid-template-columns:105px minmax(0,1fr);min-height:165px}.stake-game-feature img{max-height:185px}.stake-game-feature figcaption{gap:4px;padding:13px}.stake-game-feature strong{font-size:15px}.stake-game-feature span,.stake-game-feature a{font-size:10px}.stake-details-grid .stake-language-row{grid-template-columns:110px minmax(0,1fr)}}
.stake-overview-image{max-width:790px;margin:24px auto 19px}
.stake-overview-image img{width:100%;height:auto;object-fit:contain}
.stake-overview-image figcaption{position:static;justify-content:space-between;border-radius:0;background:#f8fafc;color:#53657a}
.stake-overview-image a{color:var(--info)}
.stake-game-lobby{margin:3px 0 24px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#253044}
.stake-game-lobby img{display:block;width:100%;height:390px;object-fit:cover;object-position:center}
.stake-game-lobby figcaption{display:flex;justify-content:space-between;gap:12px;padding:9px 14px;background:#fff;color:#53657a;font-size:11px;font-weight:700}
.stake-game-lobby figcaption span{color:#7a899b;font-weight:400}
.stake-game-lobby figcaption a{color:var(--info);text-decoration:underline;text-underline-offset:2px}
.stake-page #security .security-group h3{border-color:#1b7890}
.stake-page #security .security-group .jp-data-table .fact-row{grid-template-columns:112px minmax(0,1fr)}
.stake-page #support .stake-support-list{margin-top:6px}
@media(max-width:640px){.stake-overview-image{margin:19px 17px 14px}.stake-game-lobby img{height:215px}.stake-game-lobby figcaption{display:block;font-size:10px}.stake-game-lobby figcaption span{display:block;margin-top:2px}.stake-page #security .security-group .jp-data-table .fact-row{grid-template-columns:110px minmax(0,1fr)}}
.stake-vip-points{display:grid;grid-template-columns:175px minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:18px;padding:17px 20px;border:1px solid #c8dfe5;border-radius:9px;background:#f2f8fa}
.stake-vip-points small,.stake-fairness-feature small{display:block;color:#167d91;font-size:10px;font-weight:900;letter-spacing:.13em}
.stake-vip-points strong{color:var(--navy)}
.stake-vip-points>div strong{display:block;margin-top:5px;font-size:17px}
.stake-vip-points p{margin:0;color:#314e62;font-size:12px;line-height:1.7}
.stake-vip-points a,.stake-fairness-feature a{color:#087f94;font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.stake-fairness-feature{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 22px;padding:20px 22px;border:1px solid #d8e5e9;border-left:4px solid #167d91;border-radius:8px;background:#f7fafb}
.stake-fairness-feature h3{margin:5px 0 6px;color:var(--navy);font-size:17px}
.stake-fairness-feature p{max-width:630px;margin:0;color:#4d6477;font-size:12px;line-height:1.7}
@media(max-width:760px){.stake-vip-points{grid-template-columns:1fr;gap:8px}.stake-fairness-feature{display:block}.stake-fairness-feature a{display:inline-block;margin-top:11px}}
.stake-provider-count{margin:0 0 12px;color:#60778a;font-size:11px;font-weight:800;letter-spacing:.04em}
.stealth-page .hero{background:linear-gradient(128deg,#1b2542,#183b4c 74%,#0c6b72);color:#fff}
.stealth-page .hero-main{padding:42px}
.stealth-page .hero .eyebrow,.stealth-page .hero .brand-kicker{color:#a7f0e0}
.stealth-page .hero .lead{color:#dce9ed}
.stealth-page .stealth-wordmark{display:grid;place-items:center;flex:none;width:174px;height:108px;border:1px solid #6badaa;border-radius:15px;background:linear-gradient(135deg,#0e273a,#126c72);box-shadow:0 14px 26px rgba(3,20,31,.22);color:#fff;font-size:30px;font-weight:950;letter-spacing:-.055em}
.stealth-page .stealth-wordmark span::first-letter{color:#79e5d1}
.stealth-page .stealth-wordmark{padding:0;overflow:hidden;background:#fff;border-color:#dae7ed}
.stealth-page .stealth-wordmark img{display:block;width:100%;height:100%;object-fit:contain}
.stealth-page .hero h1,.stealth-page .hero h1 span{color:#fff}
.stealth-page .hero .button.primary{background:#e55b5e;border-color:#e55b5e}
.stealth-page .hero .button.secondary{background:transparent;color:#fff;border-color:#c6dedc}
.stealth-page .overview-body{padding:4px 35px 34px}
.stealth-page .pros-cons{gap:16px}
.stealth-page .rating-note{width:320px}
.stealth-feature{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}
.stealth-feature-card{min-height:215px;padding:27px;border-radius:12px;background:linear-gradient(135deg,#122d47,#146f77);color:#fff;overflow:hidden}
.stealth-feature-card.promo{background:radial-gradient(circle at 84% 15%,#5ba8ae,transparent 34%),linear-gradient(135deg,#222444,#14545d)}
.stealth-feature-card small{display:block;color:#b6e9e1;font-size:11px;font-weight:850;letter-spacing:.12em}
.stealth-feature-card strong{display:block;margin:18px 0 8px;font-size:clamp(26px,3.3vw,43px);line-height:1.1}
.stealth-feature-card p{margin:0;color:#e4eeee;font-size:13px;line-height:1.7}
.stealth-warning{margin:22px 0;padding:18px 21px;border-left:4px solid #e46363;border-radius:8px;background:#fff5f2;color:#563f47}
.stealth-warning b{display:block;margin-bottom:5px}
.stealth-warning p{margin:0;font-size:13px;line-height:1.7}
.stealth-page .vip-highlight{background:linear-gradient(135deg,#172f46,#14747a)}
.stealth-page .vip-highlight,.stealth-page .vip-highlight strong{color:#fff}
.stealth-page .vip-highlight p{color:#e2f3f3}
.stealth-page .vip-highlight small{color:#a9e6e0}
.stealth-page .stake-provider-count{margin-top:20px}
.stealth-page .stake-provider-logo{object-fit:contain}
.stealth-page #bonuses .bonus-card-visual{display:block;padding:0;background:#15112a}
.stealth-page #bonuses .bonus-card-visual>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.stealth-page #bonuses .bonus-card-visual::before{display:none}
.stealth-screen{max-width:705px;margin:22px auto 26px;overflow:hidden;border:1px solid #dce3eb;border-radius:10px;background:#17122f}
.stealth-screen img{display:block;width:100%;height:auto}
.stealth-screen figcaption{display:flex;justify-content:space-between;gap:10px;padding:9px 14px;background:#f8fafc;color:#53657a;font-size:11px;font-weight:700}
.stealth-rakeback{margin:0 0 16px;overflow:hidden;border-radius:8px}
.stealth-rakeback img{display:block;width:100%;height:auto}
.stealth-rakeback figcaption{padding:5px 7px;background:#ffffff22;color:#e1f1f1;font-size:10px}
.stealth-rakeback a{text-decoration:underline;text-underline-offset:2px}
.stealth-rewards-link{display:inline-block;margin:16px 0 3px;color:#087f98;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.stealth-page .stake-source-panel{padding:25px 30px}
.stealth-page .stake-source-panel p{font-size:12px;line-height:1.7}
.stealth-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.stealth-page .stealth-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.stealth-page .process-flow--payment .process-stage:not(:last-child)::after{display:none}
.stealth-page #games .stealth-screen{max-width:100%}
.stealth-page #games .stealth-screen img{width:100%;height:auto}
.stealth-feature-item{overflow:hidden;border:1px solid #dce5e9;border-radius:12px;background:#fff}
.stealth-feature-item>a{display:block;height:100%;color:inherit;text-decoration:none}
.stealth-feature-item img{display:block;width:100%;aspect-ratio:1.35;object-fit:cover;background:#17273b}
.stealth-feature-copy{padding:17px 18px 19px}
.stealth-feature-copy small{color:#187f8b;font-size:10px;font-weight:800;letter-spacing:.12em}
.stealth-feature-copy h3{margin:7px 0 6px;font-size:18px;color:#19344a}
.stealth-feature-copy p{min-height:3.4em;margin:0 0 12px;color:#5d7182;font-size:12px;line-height:1.7}
.stealth-feature-copy span,.stealth-feature-foot a{color:#087f98;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.stealth-feature-foot{margin:16px 0 0;font-size:12px;color:#5d7182}
@media(max-width:900px){.stealth-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.stealth-page .stealth-feature-grid{grid-template-columns:1fr}.stealth-feature-item img{aspect-ratio:1.7}.stealth-feature-copy p{min-height:0}}
@media(max-width:700px){.stealth-page .hero-main{padding:25px 21px}.stealth-page .stealth-wordmark{width:145px;height:91px;font-size:25px}.stealth-page .brand-identity{align-items:flex-start;gap:15px}.stealth-page .overview-body{padding:0 17px 22px}.stealth-page .pros-cons,.stealth-feature{grid-template-columns:1fr}.stealth-page .rating-note{width:min(300px,80vw)}}
.stealth-page .overview .hero{display:block}
.stealth-page .hero-main{padding:39px 42px 36px}
.stealth-page .stealth-wordmark{width:228px;height:142px}
.stealth-page .stealth-payment-note{margin:-10px 0 22px;padding-left:16px;border-left:2px solid #86b8bf;color:#587080;font-size:12px;line-height:1.75}
.stealth-page .stealth-payment-note a{color:#087f98;text-decoration:underline;text-underline-offset:2px}
@media(max-width:700px){.stealth-page .hero-main{padding:25px 21px}.stealth-page .stealth-wordmark{width:174px;height:110px}.stealth-page .brand-identity{align-items:center}.stealth-page .stealth-payment-note{margin:0 0 19px}}
/* Shared Yuugado-inspired framing for the three established brand reviews. */
body{background:#f6f8fa;font-size:15px}
.page-wrap{width:min(1200px,calc(100% - 48px))}
.main-header{max-width:1200px;margin:auto;padding:0 24px;height:96px;border-bottom:0;background:transparent}
.detail-header-logo{width:180px;height:90px}.detail-header-logo img{width:180px}
.primary-nav{gap:28px;font-size:14px}
.breadcrumbs{padding:8px 2px 14px}
.review-unified-cover{margin:0 0 30px}
.review-unified-cover .hero{display:block!important;min-height:358px;background:#163754!important;color:#fff;border:0;border-radius:22px;overflow:hidden}
.review-unified-cover .hero-main{max-width:none!important;min-height:358px;padding:42px 44px!important;display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,42%);grid-template-rows:auto 1fr auto auto;column-gap:34px;align-items:center}
.review-unified-cover .eyebrow{display:block!important;grid-column:1;grid-row:1;color:#dbe7ee!important;font-size:11px;letter-spacing:.06em}
.review-unified-cover .brand-identity{display:contents}
.review-unified-identity-copy{grid-column:1;grid-row:2;min-width:0}
.review-unified-cover .brand-kicker{color:#a9d4df!important;font-size:12px}
.review-unified-cover h1,.review-unified-cover h1 span{color:#fff!important}
.review-unified-cover h1{font-size:clamp(34px,4.4vw,54px);line-height:1.15}
.review-unified-cover .lead{grid-column:1;grid-row:3;max-width:650px;margin:0 0 18px;color:#dbe7ee!important;font-size:15px;line-height:1.8}
.review-unified-cover .hero-actions{grid-column:1;grid-row:4}
.review-unified-cover .hero-actions .button.primary{background:#f3bc68;color:#19334b;border-color:#f3bc68}
.review-unified-cover .hero-actions .button.secondary{background:transparent;color:#fff;border-color:#b9d0de}
.review-unified-cover .brand-logo,.review-unified-cover .stake-wordmark,.review-unified-cover .stealth-wordmark{grid-column:2;grid-row:1/5;justify-self:stretch;align-self:center;width:100%!important;height:250px!important;max-width:none;border:0;border-radius:16px;background:#f8f9fa!important;box-shadow:none;overflow:hidden}
.review-unified-cover .brand-logo img,.review-unified-cover .stake-wordmark img,.review-unified-cover .stealth-wordmark img{display:block;width:100%!important;height:100%!important;max-height:none;object-fit:contain;padding:20px}
.review-unified-cover .brand-logo{background:#1a2442!important}
.review-unified-cover .stake-wordmark{background:#203448!important}
.brand-layout{grid-template-columns:180px minmax(0,1fr);gap:24px}
.brand-layout .section-nav{top:24px;gap:7px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.brand-layout .section-nav a{min-height:43px;padding:9px 10px;border-left:2px solid #d4e0e5;border-radius:0;color:#31556d;background:transparent;font-size:14px;font-weight:500}
.brand-layout .section-nav a[aria-current="location"]{border-left-color:#087c92;background:transparent;color:#087c92}
.brand-content>.section-block{padding:32px;border:1px solid #dfe7ea;border-radius:17px;box-shadow:none;margin-bottom:18px}
.brand-content>.overview{overflow:visible}
.brand-content .heading h2{font-size:24px}
.brand-content p,.brand-content li{line-height:1.8}
@media(max-width:960px){.brand-layout{display:block}.brand-layout .section-nav{position:sticky;top:0;display:flex;flex-direction:row;gap:0;overflow-x:auto;overflow-y:hidden;height:48px;margin-bottom:18px;padding:0 4px;border:1px solid #dfe7ea;border-radius:9px;background:#f6f8fa}.brand-layout .section-nav a{width:auto;min-height:46px;padding:0 12px;white-space:nowrap;border-left:0;border-bottom:2px solid transparent}.brand-layout .section-nav a[aria-current="location"]{border-left:0;border-bottom-color:#087c92}}
@media(max-width:700px){.page-wrap{width:calc(100% - 24px)}.main-header{height:72px;padding:0 14px}.detail-header-logo{width:130px;height:66px}.detail-header-logo img{width:130px}.review-unified-cover .hero-main{display:flex;flex-direction:column;align-items:stretch;gap:15px;min-height:0;padding:25px!important}.review-unified-cover .eyebrow{order:0}.review-unified-identity-copy{order:1}.review-unified-cover .brand-logo,.review-unified-cover .stake-wordmark,.review-unified-cover .stealth-wordmark{order:2;height:180px!important}.review-unified-cover .lead{order:3;margin:0}.review-unified-cover .hero-actions{order:4}.brand-content>.section-block{padding:22px}.brand-content .heading h2{font-size:21px}}
}
/* reviews/rainbet-detail.html */
@scope (html[data-site-page="reviews/rainbet-detail.html"]) {
:scope{--navy:#122d4f;--brand:#e84e4b;--page:#f5f7fb;--surface:#fff;--line:#dce3ee;--info:#087f98;--muted:#63758a;--shadow:0 7px 26px rgba(17,45,79,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--navy);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.35}p{color:#4f6074}a:focus-visible,button:focus-visible,summary:focus-visible,.table-scroll:focus-visible{outline:3px solid #087f98;outline-offset:3px}section[id]{scroll-margin-top:30px}.site-shell{min-width:0}.legal-bar{background:#092849;color:#e8f4fc;min-height:33px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;padding:5px 16px}.legal-bar b{color:#ffe189;letter-spacing:.07em}.legal-bar a{text-decoration:underline}.main-header{height:76px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:9px;white-space:nowrap}.logo-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--brand);color:white;font-size:25px;line-height:1}.logo strong{font-size:22px;letter-spacing:-.07em;line-height:1}.logo strong span{color:var(--brand)}.logo small{display:block;margin-top:3px;font-size:9px;letter-spacing:.16em;color:#7a899c}.primary-nav{display:flex;align-items:center;gap:31px;font-size:13px;font-weight:700}.primary-nav a:hover,.text-link:hover,.source-links a:hover{color:var(--brand)}.menu-toggle{display:none;border:1px solid var(--line);background:white;border-radius:8px;padding:5px 10px;font-size:20px}.page-wrap{width:min(1200px,calc(100% - 40px));margin:auto}.breadcrumbs{display:flex;gap:9px;align-items:center;color:#8290a0;font-size:12px;padding:24px 2px}.breadcrumbs a{color:var(--info)}.section-block{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);padding:32px;margin-bottom:22px}.overview{padding:0;overflow:hidden}.hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(275px,.8fr);border-bottom:1px solid var(--line)}.hero-main{padding:39px 40px 35px}.eyebrow,.heading small{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--info)}.eyebrow{display:flex;gap:10px}.eyebrow span{color:#a8b4c1}.brand-identity{display:flex;align-items:center;gap:22px;margin:24px 0 22px}.brand-logo{width:120px;height:88px;border:1px solid #e5e2f1;background:#f6f3ff;border-radius:13px;display:grid;place-items:center;flex:none;overflow:hidden}.brand-logo img{width:105px;max-height:68px;object-fit:contain}.brand-kicker{color:var(--brand);font-size:12px;font-weight:800;margin-bottom:5px}.brand-identity h1{font-size:31px;letter-spacing:-.04em;margin:0}.brand-identity h1 span{display:block;font-size:17px;letter-spacing:0;margin-top:3px}.lead{font-size:15px;line-height:1.85;max-width:650px;margin-bottom:25px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.button{min-height:42px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:8px 17px;font-size:13px;font-weight:800}.button.primary{background:var(--brand);color:white}.button.primary:hover{background:#cf3d3a}.button.secondary{background:white;border:1px solid var(--line);color:var(--navy)}.button.secondary:hover{border-color:var(--info);color:var(--info)}.hero-facts{background:#f8fafc;padding:40px 31px}.fact-heading{font-size:11px;font-weight:900;color:var(--info);letter-spacing:.12em;border-bottom:1px solid var(--line);padding-bottom:14px}.fact-heading span{display:block;letter-spacing:0;color:var(--muted);font-weight:500;margin-top:2px}.hero-facts dl,.info-panel dl,.terms-list{margin:0}.fact-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e8edf3;font-size:13px}.fact-row:last-child{border:0}.fact-row dt{color:#718095;flex:0 0 auto}.fact-row dd{margin:0;text-align:right;font-weight:700}.status{display:inline-block;border-radius:5px;background:#fff4df;color:#9a650a;font-size:10px;font-weight:800;padding:2px 6px;margin-right:5px;white-space:nowrap}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.overview>.section-head{padding:29px 35px 0}.heading{display:flex;align-items:center;gap:13px;min-width:0}.section-number{width:34px;height:34px;display:grid;place-items:center;flex:none;background:#eaf1f7;border-radius:9px;color:var(--info);font-size:13px;font-weight:900}.heading h2{font-size:22px;margin:3px 0 0;letter-spacing:-.03em}.rating{position:relative;flex:none;font-size:11px;z-index:2}.rating summary{list-style:none;display:flex;align-items:center;gap:7px;background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:6px 9px;cursor:pointer;white-space:nowrap}.rating summary::-webkit-details-marker{display:none}.rating-label{color:#6a7b8e;font-weight:700}.stars{color:#e9b94b;font-size:15px;letter-spacing:-2px}.rating b{font-size:12px}.rating-chevron{color:#8090a1}.rating-note{position:absolute;right:0;top:calc(100% + 6px);width:255px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px;box-shadow:var(--shadow);color:#52667a;line-height:1.5;white-space:normal}.overview-body{padding:3px 35px 33px;display:grid;grid-template-columns:.85fr 1.15fr;gap:35px}.intro-column h3,.list-panel h3,.terms-lead h3{font-size:16px;margin:0 0 8px}.intro-column p{font-size:13px;margin:0 0 10px}.text-link{color:var(--info);font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.list-panel{border:1px solid var(--line);border-radius:10px;padding:17px;background:#fcfdff}.list-panel.plus{border-top:3px solid #0d9fa9}.list-panel.minus{border-top:3px solid #e9a86b}.list-panel h3 span{color:var(--info);font-size:20px;margin-right:5px}.list-panel.minus h3 span{color:#cf7832}.list-panel ul{padding-left:19px;margin:0;color:#56677a;font-size:12px;line-height:1.7}.list-panel li+li{margin-top:6px}.section-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:20px 0 23px;padding:11px 12px;background:#eaf0f6;border:1px solid var(--line);border-radius:10px}.section-nav span{font-weight:800;font-size:11px;color:#6b7b8e;margin:0 15px 0 7px}.section-nav a{font-size:12px;font-weight:700;padding:7px 11px;border-radius:6px}.section-nav a:hover,.section-nav a:focus-visible{background:white;color:var(--brand)}.section-intro{font-size:13px;margin:0 0 22px;max-width:840px}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.game-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white}.game-art{height:112px;background:#e8f1f5;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;color:#1c6584}.game-art span{font-size:39px;line-height:1}.game-art small{font-size:10px;font-weight:900;letter-spacing:.1em;align-self:flex-end}.art-1{background:#eaf3f6;color:#0c8295}.art-2{background:#f3efff;color:#674ab0}.art-3{background:#fff4ec;color:#a96c38}.game-copy{padding:15px 17px}.game-copy h3{font-size:15px;margin:0 0 5px}.game-copy p{font-size:12px;margin:0}.inline-note,.fine-print{font-size:11px;color:#7b8998}.inline-note{margin-top:13px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.info-panel{border:1px solid var(--line);border-radius:10px;padding:20px 22px}.panel-title{display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);padding-bottom:13px}.panel-title h3{font-size:16px;margin:0}.panel-icon{width:29px;height:29px;display:grid;place-items:center;background:#e8f5f6;color:var(--info);border-radius:7px;font-weight:900}.info-panel .fact-row{font-size:12px}.info-panel .fact-row dd{max-width:64%}.fine-print{margin:13px 0 0}.caution{display:flex;gap:20px;align-items:baseline;margin-top:16px;border-left:3px solid var(--brand);background:#fff8f6;padding:12px 17px;border-radius:4px}.caution b{flex:none;font-size:12px}.caution p{font-size:12px;margin:0}.terms-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:24px}.terms-lead{padding:23px;background:#f8fafc;border-radius:9px}.terms-lead h3{font-size:17px;margin-top:16px}.terms-lead p{font-size:13px}.terms-list{border-top:1px solid var(--line)}.terms-list .fact-row{padding:10px 0;font-size:12px}.terms-list .fact-row dd{max-width:70%}.method-tags{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.method-tags>div{display:flex;align-items:center;gap:10px;background:#f4f8fb;border:1px solid var(--line);border-radius:9px;padding:13px 17px}.method-icon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;color:var(--info);background:#def2f4;font-size:18px;font-weight:800}.method-tags b{font-size:13px}.method-tags small{color:var(--muted);font-size:11px;margin-left:auto}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:9px}.table-scroll table{border-collapse:collapse;width:100%;min-width:620px;font-size:12px}.table-scroll th,.table-scroll td{text-align:left;padding:11px 15px;border-bottom:1px solid var(--line)}.table-scroll tr:last-child th,.table-scroll tr:last-child td{border-bottom:0}.table-scroll thead{background:#eaf1f7}.table-scroll tbody th{width:140px;background:#fafbfd}.accordion{border:1px solid var(--line);border-radius:8px;margin-top:13px}.accordion summary{cursor:pointer;padding:12px 16px;display:flex;justify-content:space-between;gap:15px;font-size:12px;font-weight:800}.accordion summary::marker{content:""}.accordion[open] summary span{transform:rotate(45deg)}.accordion>div{border-top:1px solid var(--line);padding:12px 16px;font-size:12px;color:#52677c}.accordion p:last-child{margin-bottom:0}.accordion a{color:var(--info);text-decoration:underline}.support-list{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:9px}.support-list>div{padding:20px;border-right:1px solid var(--line)}.support-list>div:last-child{border:0}.support-list span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#e9f4f5;color:var(--info);font-size:20px;margin-bottom:10px}.support-list b{display:block;font-size:14px}.support-list p{font-size:12px;margin:4px 0}.support-list a,.support-list em{font-size:11px;color:var(--info);font-style:normal;font-weight:800}.support-foot{display:flex;gap:18px;background:#f8fafc;border-radius:8px;padding:13px 17px;margin-top:15px}.support-foot b{white-space:nowrap;font-size:12px}.support-foot p{margin:0;font-size:12px}.meta-strip{display:flex;justify-content:space-between;gap:30px;align-items:center;background:#eaf1f7;border:1px solid var(--line);border-radius:10px;padding:22px 27px;margin:25px 0}.meta-strip b{font-size:14px}.meta-strip p{font-size:11px;margin:5px 0}.source-links{display:flex;flex-wrap:wrap;gap:5px 17px;margin-top:9px}.source-links a{font-size:11px;color:var(--info);text-decoration:underline}.site-footer{background:#102d4d;color:#d9e7f3}.footer-inner{max-width:1200px;margin:auto;padding:35px 20px}.footer-logo strong{color:#fff}.footer-inner p{max-width:750px;color:#b7cada;font-size:12px;margin:16px 0 10px}.footer-inner>small{font-size:10px;color:#91abc1}@media(max-width:900px){.main-header{padding:0 20px}.primary-nav{gap:14px;font-size:11px}.game-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1.3fr .8fr}.hero-main{padding:30px}.hero-facts{padding:30px 20px}.overview-body{grid-template-columns:1fr;gap:20px}.section-nav{position:static}.rating-label{display:none}}@media(max-width:640px){body{font-size:14px}.legal-bar{font-size:9px;justify-content:space-between}.legal-bar span{max-width:180px}.main-header{height:62px}.logo strong{font-size:19px}.logo-mark{width:33px;height:33px}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;top:95px;left:0;right:0;background:white;padding:15px 20px;box-shadow:var(--shadow);z-index:10;flex-direction:column;align-items:stretch;gap:0}.primary-nav.open{display:flex}.primary-nav a{padding:10px;border-bottom:1px solid var(--line);font-size:13px}.page-wrap{width:calc(100% - 24px)}.breadcrumbs{padding:17px 3px}.hero{display:block}.hero-main{padding:24px 21px}.brand-identity{gap:13px;margin:20px 0}.brand-logo{width:82px;height:67px}.brand-logo img{width:74px}.brand-identity h1{font-size:23px}.brand-identity h1 span{font-size:12px}.brand-kicker{font-size:10px}.lead{font-size:13px}.hero-actions .button{flex:1;gap:6px;padding:8px 10px;font-size:11px}.hero-facts{padding:20px 21px}.section-block{padding:21px 17px;margin-bottom:13px}.overview{padding:0}.overview>.section-head{padding:21px 17px 0}.overview-body{padding:0 17px 21px}.section-head{align-items:flex-start;gap:8px}.heading{gap:8px}.section-number{width:28px;height:28px;font-size:11px}.heading small{font-size:9px;letter-spacing:.04em}.heading h2{font-size:17px}.rating summary{gap:3px;padding:5px 6px}.rating b{font-size:10px}.stars{font-size:11px}.rating-chevron{font-size:10px}.rating-note{width:min(250px,80vw)}.pros-cons,.two-column,.method-tags,.support-list,.terms-layout{grid-template-columns:1fr}.section-nav{gap:2px;margin:14px 0}.section-nav span{width:100%;margin:0 0 3px 7px}.section-nav a{padding:6px 7px;font-size:11px}.game-grid{grid-template-columns:1fr 1fr;gap:9px}.game-art{height:72px;padding:10px}.game-art span{font-size:28px}.game-art small{font-size:8px}.game-copy{padding:10px}.game-copy h3{font-size:12px}.game-copy p{font-size:10px}.caution,.support-foot{display:block}.caution b,.support-foot b{display:block;margin-bottom:4px}.method-tags>div{padding:10px}.method-tags small{font-size:10px}.support-list>div{border-right:0;border-bottom:1px solid var(--line);padding:14px}.support-list>div:last-child{border:0}.meta-strip{display:block;padding:18px}.meta-strip .button{margin-top:14px}.footer-inner{padding:25px 14px}}@media(max-width:380px){.game-grid{grid-template-columns:1fr}.rating summary{flex-wrap:wrap;justify-content:flex-end;max-width:94px}.rating .stars{letter-spacing:-3px}}
:scope .rating .stars{background:linear-gradient(90deg,#e9b94b var(--fill),#cbd5df var(--fill));background-clip:text;-webkit-background-clip:text;color:transparent}
.overview{overflow:visible}.overview .hero{border-radius:15px 15px 0 0;overflow:hidden}.rating .stars{background:linear-gradient(90deg,#e9b94b var(--fill),#cbd5df var(--fill));background-clip:text;-webkit-background-clip:text;color:transparent}
.list-panel h3 small{font-size:11px;font-weight:600;color:#708196;margin-left:5px}
.overview .hero{display:block}.overview .hero-main{max-width:860px}.overview-body{grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:20px}.overview-takeaway{background:#f4f8fb;border-left:3px solid var(--info);border-radius:0 8px 8px 0;padding:18px 20px}.overview-takeaway .takeaway-label{display:block;color:var(--info);font-size:10px;font-weight:800;letter-spacing:.1em;margin-bottom:7px}.overview-takeaway h3{font-size:17px;margin-bottom:8px}.overview-takeaway p{font-size:13px;line-height:1.8;margin-bottom:12px}@media(max-width:900px){.overview-body{grid-template-columns:1fr}}@media(max-width:640px){.overview-takeaway{padding:15px 16px}}
.vip-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.vip-highlight{background:#f4f8fb;border:1px solid var(--line);border-radius:10px;padding:23px}.vip-highlight small{display:block;font-size:10px;color:var(--info);font-weight:800;letter-spacing:.12em}.vip-highlight strong{display:block;font-size:21px;margin:7px 0}.vip-highlight p{font-size:12px;margin:0}.vip-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vip-benefits>div{border:1px solid var(--line);border-radius:9px;padding:15px}.vip-benefits b,.vip-benefits span{display:block}.vip-benefits b{font-size:13px}.vip-benefits span{font-size:11px;color:var(--muted);margin-top:4px}.provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.provider-row{display:flex;align-items:center;gap:10px;min-width:0;border:1px solid var(--line);border-radius:8px;padding:12px 14px}.provider-row b{font-size:13px}.provider-row span{font-size:11px;color:var(--muted)}.provider-row span:last-child{margin-left:auto;color:var(--info)}.provider-row:hover{border-color:var(--info);background:#f7fafc}.accordion .provider-grid{padding:13px}.details-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;margin:0;border-top:1px solid var(--line)}.details-grid .fact-row{font-size:12px}.details-grid .fact-row dd{max-width:65%}@media(max-width:640px){.vip-grid,.vip-benefits,.provider-grid,.details-grid{grid-template-columns:1fr}.vip-highlight{padding:18px}.provider-row{padding:11px}.details-grid .fact-row dd{max-width:63%}}
.section-nav{position:sticky;top:0;z-index:8;height:48px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin;touch-action:pan-x;overscroll-behavior-x:contain;background:#fff;padding:0 10px;margin:14px 0 19px;box-shadow:0 4px 12px rgba(17,45,79,.05)}.section-nav .nav-label{flex:none;margin:0 14px 0 7px;color:var(--muted)}.section-nav a{flex:none;height:100%;display:inline-flex;align-items:center;border-radius:0;border-bottom:2px solid transparent;padding:0 12px}.section-nav a[aria-current="location"]{color:var(--brand);border-bottom-color:var(--brand);background:#fff8f7}section[id]{scroll-margin-top:64px}.details-grid .language-row{grid-column:1/-1;display:grid;grid-template-columns:150px minmax(0,1fr);align-items:start;gap:18px}.details-grid .language-row dd{max-width:none;text-align:left;font-weight:400;min-width:0}.language-preview,.language-list{display:flex;flex-wrap:wrap;gap:6px}.language-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:6px;background:#f8fafc;padding:4px 8px;font-size:11px;font-weight:700;color:var(--navy);white-space:nowrap}.language-chip>span{font-size:15px;line-height:1}.languages-disclosure{margin-top:8px}.languages-disclosure summary{cursor:pointer;display:inline-flex;align-items:center;gap:8px;color:var(--info);font-size:11px;font-weight:800;min-height:32px}.languages-disclosure summary::marker{content:""}.languages-disclosure[open] summary span{transform:rotate(180deg)}.language-list{padding:7px 0 10px}.language-row dd>small{display:block;margin-top:7px;color:var(--muted);font-size:10px}.language-row dd>small a{color:var(--info);text-decoration:underline}@media(max-width:640px){.section-nav{margin:12px 0 15px;height:46px}.section-nav .nav-label{display:none}.section-nav a{padding:0 13px;font-size:12px}.details-grid .language-row{grid-template-columns:1fr;gap:8px}.details-grid .language-row dd{max-width:100%}}
/* Bonus offers keep casino and sports terms in one editorial section. */
.bonus-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bonus-offer{min-width:0;border:1px solid var(--line);border-radius:10px;padding:19px 20px;background:#fff}
.sports-offer{background:#f9fbfd}
.bonus-offer-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:10px}
.bonus-offer-head h3{font-size:16px;margin:0;flex:1 1 210px}
.bonus-offer-head .text-link{white-space:nowrap}
.bonus-offer>p{font-size:12px;margin:0 0 13px}
.bonus-offer .terms-list .fact-row{align-items:baseline;font-size:11px;gap:8px}
.bonus-offer .terms-list .fact-row dt{flex:0 0 90px}
.bonus-offer .terms-list .fact-row dd{max-width:none;overflow-wrap:anywhere}
.bonus-source-note{margin-bottom:0}
.bonus-source-note a{color:var(--info);text-decoration:underline}
@media(max-width:800px){.bonus-offers{grid-template-columns:1fr}}
@media(max-width:640px){.bonus-offer{padding:15px}.bonus-offer .terms-list .fact-row dt{flex-basis:75px}}
/* Persistent review navigation, aligned with the overview. */
.brand-layout{display:grid;grid-template-columns:182px minmax(0,1fr);gap:20px;align-items:start}
.brand-content{min-width:0}
.brand-layout .section-nav{position:sticky;top:18px;z-index:8;align-self:start;display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;width:100%;height:auto;max-height:calc(100vh - 36px);overflow-x:hidden;overflow-y:auto;white-space:normal;margin:0;padding:14px 9px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:var(--shadow);scrollbar-width:thin}
.brand-layout .section-nav .nav-label{display:block;flex:none;margin:0 7px 9px;color:var(--info);letter-spacing:.08em}
.brand-layout .section-nav a{display:flex;align-items:center;flex:none;width:100%;min-height:39px;height:auto;padding:7px 10px;border:0;border-left:3px solid transparent;border-radius:5px;line-height:1.3;white-space:normal}
.brand-layout .section-nav a[aria-current="location"]{background:#fff4f3;color:var(--brand);border-left-color:var(--brand)}
.brand-layout section[id]{scroll-margin-top:20px}
@media(max-width:960px){.brand-layout{display:block}.brand-layout .section-nav{position:sticky;top:0;flex-direction:row;align-items:center;width:100%;height:48px;max-height:none;overflow-x:auto;overflow-y:hidden;white-space:nowrap;margin:0 0 17px;padding:0 10px;border-radius:9px}.brand-layout .section-nav .nav-label{display:none}.brand-layout .section-nav a{width:auto;min-height:46px;height:46px;white-space:nowrap;padding:0 12px;border:0;border-bottom:2px solid transparent;border-radius:0}.brand-layout .section-nav a[aria-current="location"]{border-left:0;border-bottom-color:var(--brand)}.brand-layout section[id]{scroll-margin-top:64px}}
.provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.provider-row{min-height:92px;padding:10px;gap:10px;background:#fff}
.provider-logo{flex:none;width:78px;height:60px;display:grid;place-items:center;overflow:hidden;border-radius:6px;border:1px solid #e9edf3;background:#f7f9fc}
.provider-logo img{width:100%;height:100%;object-fit:contain}
.provider-logo-text{font-size:17px;font-weight:900;color:var(--info);letter-spacing:.04em}
.provider-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.provider-copy b{font-size:12px;line-height:1.25}
.provider-copy small{font-size:10px;color:var(--muted)}
.provider-row .provider-arrow{margin-left:auto;color:var(--info)}
#providers .fine-print a{color:var(--info);text-decoration:underline}
@media(max-width:1200px){.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.provider-row{min-height:78px;padding:7px;gap:6px}.provider-logo{width:48px;height:47px}.provider-copy b{font-size:10px}.provider-copy small{font-size:9px}.provider-arrow{display:none}}
@media(max-width:380px){.provider-grid{grid-template-columns:1fr}.provider-logo{width:65px;height:52px}}
/* Compact game-type index, using KAJIMIRU's existing editorial palette. */
.game-type-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:23px 0 12px;padding-bottom:9px;border-bottom:1px solid var(--line)}
.game-type-heading h3{font-size:15px;margin:0}.game-type-heading h3 span{display:inline-grid;place-items:center;min-width:23px;height:23px;border-radius:6px;background:#e7f3f5;color:var(--info);font-size:11px;margin-left:5px}
.game-type-heading small{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--muted)}
.game-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.game-type{min-width:0;min-height:80px;border:1px solid var(--line);border-radius:9px;background:#fff;display:flex;align-items:center;gap:10px;padding:10px;position:relative}
.game-type-icon{flex:none;width:46px;height:46px;display:grid;place-items:center;border-radius:9px;background:#e9f4f6;color:var(--info)}
.game-type:nth-child(4n+2) .game-type-icon{background:#eff2f9;color:#3e6591}
.game-type:nth-child(4n+3) .game-type-icon{background:#fff2e9;color:#bd7250}
.game-type:nth-child(4n+4) .game-type-icon{background:#f3f0fa;color:#746198}
.game-type-icon svg{width:29px;height:29px;display:block}.game-type-copy{min-width:0;display:flex;flex-direction:column;line-height:1.35;gap:3px}.game-type-copy b{font-size:12px;overflow-wrap:anywhere}.game-type-copy small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.game-live{position:absolute;right:8px;top:7px;border-radius:4px;background:#fff0ed;color:#b94743;font-size:8px;font-weight:900;letter-spacing:.04em;padding:1px 4px}.game-type:has(.game-live) .game-type-copy{padding-right:19px}
.game-feature-foot{display:flex;gap:11px;align-items:flex-start;margin-top:16px;padding:13px 15px;border-left:3px solid var(--info);border-radius:4px;background:#f3f8fa}.game-feature-mark{color:var(--info);font-size:13px;margin-top:2px}.game-feature-foot p{font-size:11px;line-height:1.7;margin:0}.game-feature-foot b{color:var(--navy)}
@media(max-width:980px){.game-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.game-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-type{min-height:72px;padding:8px;gap:7px}.game-type-icon{width:39px;height:39px}.game-type-icon svg{width:25px;height:25px}.game-type-copy b{font-size:11px}.game-type-copy small{font-size:9px}.game-live{font-size:7px;top:4px;right:4px}.game-type:has(.game-live) .game-type-copy{padding-right:10px}}
@media(max-width:360px){.game-type-grid{grid-template-columns:1fr}.game-type:has(.game-live) .game-type-copy{padding-right:28px}}
/* Auditable rating popovers and the two-stage scoring note. */
.overview{overflow:visible}
.rating-note{width:min(380px,calc(100vw - 48px));font-size:11px;line-height:1.55;z-index:30}
.rating-note>strong{font-size:12px;color:var(--navy)}.rating-note p{font-size:11px;margin:7px 0;color:#52667a}
.rating-breakdown{border-top:1px solid var(--line);margin-top:8px}.rating-breakdown>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #e8edf3}.rating-breakdown>div span{min-width:0}.rating-breakdown>div b{white-space:nowrap;color:var(--navy);font-size:11px}.rating-breakdown small{font-size:9px;color:var(--muted);font-weight:600}.rating-breakdown a,.rating-source-link{color:var(--info);text-decoration:underline;text-underline-offset:2px}.rating-breakdown span small{display:block}.rating-note .rating-caveat{margin:9px 0;color:#627489}.rating-source-link{font-size:11px;font-weight:800}
.methodology{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;margin:13px 0}.methodology strong{display:block;font-size:12px;color:var(--navy)}.methodology p{font-size:11px;margin:5px 0 11px}.methodology p:last-child{margin-bottom:0}
@media(max-width:640px){.section-head{position:relative;z-index:4}.rating{position:static}.rating-note{top:calc(100% + 6px);right:0;width:min(335px,calc(100vw - 42px))}.rating-breakdown>div{gap:6px}.rating-breakdown>div b{font-size:10px}}
#payment .fine-print a{color:var(--info);text-decoration:underline;text-underline-offset:2px}
/* Editorial overview: fewer nested cards, clearer verification status. */
.overview .hero-main{padding-bottom:28px}.overview .eyebrow{display:none}.overview .brand-identity{margin-top:6px}.overview .hero-actions .button.secondary{display:none}.overview .overview-rewrite{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:32px;padding-top:4px}.overview-editorial{padding:0}.overview-editorial>small{display:block;color:var(--info);font-size:11px;font-weight:800;letter-spacing:.03em;margin-bottom:10px}.overview-editorial h3{font-size:19px;line-height:1.45;margin:0 0 10px}.overview-editorial p{font-size:13px;line-height:1.85;margin:0 0 14px}.overview-checks{margin:0;border-top:1px solid var(--line)}.overview-checks>div{display:grid;grid-template-columns:106px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.65}.overview-checks dt{font-weight:800;color:var(--navy)}.overview-checks dd{margin:0;color:#596a7d}@media(max-width:900px){.overview .overview-rewrite{grid-template-columns:1fr;gap:20px}}@media(max-width:640px){.overview-checks>div{grid-template-columns:1fr;gap:3px}.overview .hero-main{padding-bottom:24px}}
/* Editorial treatment for the two condition-heavy sections. */
.editorial-module .editorial-lead{max-width:760px;margin:0 0 22px;font-size:14px;line-height:1.8;color:#40566d}
.offer-list{border-top:1px solid var(--line)}
.offer-item{padding:23px 0 25px;border-bottom:1px solid var(--line)}
.offer-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:9px}
.offer-heading small,.payment-editorial small{display:block;margin-bottom:5px;color:var(--info);font-size:11px;font-weight:800}
.offer-heading h3,.payment-editorial h3{margin:0;font-size:18px;line-height:1.5;letter-spacing:-.02em}
.offer-heading .text-link{flex:none}
.offer-item>p{margin:0 0 15px;font-size:13px;line-height:1.75}
.offer-facts{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.offer-facts>div{border-left:1px solid var(--line);padding-left:13px}
.offer-facts dt{margin-bottom:4px;color:var(--navy);font-size:11px;font-weight:800}
.offer-facts dd{margin:0;color:#596a7d;font-size:12px;line-height:1.7}
.editorial-source{margin:16px 0 0;color:#718093;font-size:11px;line-height:1.7}
.editorial-source a{color:var(--info);text-decoration:underline;text-underline-offset:2px}
.payment-editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;padding:3px 0 24px;border-bottom:1px solid var(--line)}
.payment-editorial h3{font-size:21px}
.payment-editorial p{margin:9px 0 0;font-size:13px;line-height:1.8}
.payment-editorial dl{margin:0}
.payment-editorial dl>div{display:grid;grid-template-columns:91px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}
.payment-editorial dl>div:last-child{border-bottom:0}
.payment-editorial dt{color:#6b7b8e}
.payment-editorial dd{margin:0;color:var(--navy);font-weight:700;line-height:1.6}
.payment-table-head{display:flex;align-items:baseline;gap:15px;margin:22px 0 12px}
.payment-table-head h3{margin:0;font-size:16px}
.payment-table-head p{margin:0;font-size:11px}
.editorial-module .table-scroll{border-radius:0}
.editorial-module .table-scroll thead{background:#f2f5f8}
.editorial-module .table-scroll tbody th{background:#fff}
.payment-details{border:0;border-bottom:1px solid var(--line);border-radius:0}
.payment-details summary{padding:12px 0;color:var(--info)}
.payment-details>div{padding:10px 0}
@media(max-width:760px){.offer-facts{grid-template-columns:1fr;gap:10px}.payment-editorial{grid-template-columns:1fr;gap:15px}.offer-heading{display:block}.offer-heading .text-link{display:inline-block;margin-top:8px}.payment-table-head{display:block}.payment-table-head p{margin-top:4px}}
.overview .hero-actions .button.secondary{display:inline-flex}
.overview .overview-pros-cons{display:block;padding-top:4px}
.overview-pros-cons .pros-cons{gap:16px}
.overview-pros-cons .list-panel{background:#fff;border:1px solid var(--line);border-top:2px solid var(--line);box-shadow:none}
.overview-pros-cons .list-panel.plus{border-top-color:#0d9fa9}
.overview-pros-cons .list-panel.minus{border-top-color:#d89057}
.overview-pros-cons .list-panel h3{margin-bottom:12px}
.overview-pros-cons .list-panel ul{font-size:12px;line-height:1.75}
@media(max-width:640px){.overview-pros-cons .pros-cons{grid-template-columns:1fr}}
.overview .hero-main{max-width:none;padding:32px 36px 30px}
.overview .brand-identity{gap:28px;margin:5px 0 20px}
.overview .brand-logo{width:290px;height:130px;border:0;background:#1a2442;border-radius:12px}
.overview .brand-logo img{width:274px;max-height:none}
.overview .lead{max-width:820px;margin-bottom:19px}
@media(max-width:640px){.overview .hero-main{padding:23px 20px}.overview .brand-identity{gap:16px;margin:0 0 17px}.overview .brand-logo{width:174px;height:86px}.overview .brand-logo img{width:164px}.overview .lead{margin-bottom:18px}}
@media(max-width:480px){.overview .brand-identity{align-items:flex-start;flex-direction:column;gap:12px}.overview .brand-logo{width:220px;height:100px}.overview .brand-logo img{width:208px}}
/* Game pictograms: warm paper, ink strokes and a small vermilion seal. */
#games .game-type-icon{position:relative;isolation:isolate;overflow:hidden;border:1px solid #e6dac9;border-radius:5px;background:#fbf6eb;color:#273e52;box-shadow:inset 0 0 0 3px rgba(255,255,255,.55)}
#games .game-type:nth-child(4n+2) .game-type-icon,#games .game-type:nth-child(4n+3) .game-type-icon,#games .game-type:nth-child(4n+4) .game-type-icon{background:#fbf6eb;color:#273e52}
#games .game-type-icon:before{content:"";position:absolute;left:4px;top:4px;width:5px;height:5px;background:#d35447;border-radius:1px;transform:rotate(-8deg)}
#games .game-type-icon svg{width:30px;height:30px;stroke-width:1.9;filter:drop-shadow(.3px .3px 0 rgba(39,62,82,.25))}
#games .game-type{border-color:#e7e3db;background:#fffefa}
@media(max-width:700px){#games .game-type-icon svg{width:25px;height:25px}}
.provider-row{cursor:default;background:#fff}
.provider-row:hover{border-color:var(--line);background:#fff}
.provider-logo-fallback{display:none;color:var(--info);font-size:17px;font-weight:900;letter-spacing:.04em}
.provider-logo:not(:has(img:not([hidden]))) .provider-logo-fallback{display:block}
.provider-logo img[hidden]{display:none}
#vip .vip-benefits{display:block;margin:0;border-top:1px solid var(--line)}
#vip .vip-benefits>div{display:grid;grid-template-columns:125px minmax(0,1fr);gap:12px;align-items:baseline;padding:12px 2px;border:0;border-bottom:1px solid var(--line);border-radius:0}
#vip .vip-benefits dt{font-size:12px;font-weight:800}
#vip .vip-benefits dd{margin:0;color:#596a7d;font-size:12px;line-height:1.6}
.methodology .methodology-summary{margin:0 0 9px;color:#516579}
.methodology-details{border-top:1px solid var(--line)}
.methodology-details summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;padding:10px 0;color:var(--info);font-size:12px;font-weight:800;list-style:none}
.methodology-details summary::-webkit-details-marker{display:none}
.methodology-details[open] summary span{transform:rotate(45deg)}
.methodology-details>div{padding:2px 0 8px}
.meta-strip>div{min-width:0;flex:1}
.meta-strip>.button{flex:none;white-space:nowrap}
@media(max-width:640px){#vip .vip-benefits>div{grid-template-columns:110px minmax(0,1fr);gap:8px}}
/* Plain editorial rows for the support options. */
#bonuses .heading h2,#payment .heading h2,#support .heading h2{margin-top:0}
#support .support-list{display:block;border:0;border-top:1px solid var(--line);border-radius:0}
#support .support-list>div{display:grid;grid-template-columns:minmax(110px,.6fr) minmax(0,1.7fr) auto;align-items:baseline;column-gap:18px;padding:14px 2px;border:0;border-bottom:1px solid var(--line)}
#support .support-list>div:last-child{border-bottom:1px solid var(--line)}
#support .support-list span{display:none}
#support .support-list b{font-size:13px}
#support .support-list p{margin:0;font-size:12px}
#support .support-list a{white-space:nowrap}
@media(max-width:640px){#support .support-list>div{grid-template-columns:1fr auto;row-gap:3px;padding:13px 1px}#support .support-list b{grid-column:1}#support .support-list p{grid-column:1;grid-row:2}#support .support-list a{grid-column:2;grid-row:1 / 3;align-self:center}}
/* Editorial data tables: compact labels, left-aligned values and quiet rules. */
.payment-priority{display:flex;align-items:baseline;gap:28px;padding:17px 21px;border-left:3px solid var(--brand);background:#fbf8f6}
.payment-priority small{flex:0 0 100px;color:#a54843;font-size:11px;font-weight:800}
.payment-priority h3{margin:0;font-size:16px;line-height:1.5}
.payment-priority p{margin:3px 0 0;color:#52657a;font-size:12px}
.payment-table-head{margin:25px 0 12px}
.payment-table-head h3{font-size:17px}
.payment-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.payment-method,.security-group{min-width:0}
.payment-method h4,.security-group h3{display:flex;align-items:center;gap:10px;margin:0;padding:0 0 10px;border-bottom:2px solid #1b7890;font-size:16px;line-height:1.5}
.payment-method h4 span{font-size:11px;color:#087f98;letter-spacing:.1em}
.jp-data-table{display:block;margin:0}
.jp-data-table .fact-row{display:grid;grid-template-columns:122px minmax(0,1fr);gap:0;align-items:stretch;padding:0;border-bottom:1px solid #e3e8ee;font-size:12px;line-height:1.7}
.jp-data-table .fact-row dt,.jp-data-table .fact-row dd{min-width:0;padding:12px 14px;text-align:left}
.jp-data-table .fact-row dt{background:#f7f9fb;color:#64768a;font-weight:700}
.jp-data-table .fact-row dd{max-width:none;margin:0;color:var(--navy);font-weight:600;overflow-wrap:anywhere}
.jp-data-table .status{display:inline-block;margin:0 8px 0 0;vertical-align:1px;font-size:10px;font-weight:700}
.security-groups{display:grid;gap:26px}
.security-group .jp-data-table .fact-row{grid-template-columns:175px minmax(0,1fr)}
#security .caution{margin-top:23px;padding:13px 17px;background:#fbf8f6;border-left:3px solid var(--brand);font-size:12px}
#security .caution b{flex:0 0 175px}
#security .caution p{margin:0}
.details-grid.jp-data-table{display:block;border-top:2px solid #1b7890}
.details-grid.jp-data-table .fact-row,.details-grid.jp-data-table .language-row{display:grid;grid-template-columns:175px minmax(0,1fr);gap:0;font-size:12px}
.details-grid.jp-data-table .language-row dd{max-width:none;padding:12px 14px}
@media(max-width:760px){.payment-method-grid{grid-template-columns:1fr;gap:24px}.payment-priority{display:block;padding:14px 17px}.payment-priority small{display:block;margin-bottom:5px}.security-group .jp-data-table .fact-row,.details-grid.jp-data-table .fact-row,.details-grid.jp-data-table .language-row{grid-template-columns:118px minmax(0,1fr)}}
@media(max-width:480px){.jp-data-table .fact-row,.security-group .jp-data-table .fact-row,.details-grid.jp-data-table .fact-row,.details-grid.jp-data-table .language-row{grid-template-columns:96px minmax(0,1fr)}.jp-data-table .fact-row dt,.jp-data-table .fact-row dd{padding:11px 10px}.details-grid.jp-data-table .language-row dd{padding:11px 10px}.jp-data-table .status{margin-bottom:3px}}
.detail-header-logo{display:flex;align-items:center;flex:none;width:142px;height:70px;overflow:hidden;background:transparent}
.detail-header-logo img{display:block;width:142px;max-width:none;height:auto}
@media(max-width:640px){.detail-header-logo{width:112px;height:58px}.detail-header-logo img{width:112px}}
/* Bonus offers: editorial image, essential terms, and a direct source CTA. */
.bonus-card-list{display:grid;gap:18px}
.bonus-card{display:grid;grid-template-columns:minmax(220px,36%) minmax(0,1fr);gap:24px;padding:18px;border:1px solid #dce3eb;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(17,45,79,.045)}
.bonus-card-visual{position:relative;min-height:300px;margin:0;border-radius:10px;overflow:hidden;background:#17213f}
.bonus-card-photo img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;object-position:left center}
.bonus-card-photo figcaption{position:absolute;right:10px;bottom:10px;padding:3px 7px;border-radius:4px;background:rgba(11,25,48,.78);color:#fff;font-size:10px}
.bonus-card-photo figcaption a{text-decoration:underline;text-underline-offset:2px}
.bonus-card-sports-photo img{object-position:center}
.bonus-card--sports{grid-template-columns:minmax(260px,42%) minmax(0,1fr)}
.bonus-card--sports .bonus-card-sports-banner{width:100%;height:100%;min-height:300px;max-height:none;background:#1b052b}
.bonus-card-sports-banner img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.bonus-card--sports{grid-template-columns:1fr}.bonus-card--sports .bonus-card-sports-banner{height:auto;min-height:0;aspect-ratio:1828 / 1118}}
.bonus-card-body{display:flex;flex-direction:column;min-width:0;padding:3px 4px 3px 0}
.bonus-card-type{align-self:flex-start;margin-bottom:10px;padding:4px 9px;border-radius:4px;background:#eaf3f6;color:#087f98;font-size:11px;font-weight:800}
.bonus-card-body h3{margin:0 0 10px;font-size:20px;line-height:1.5;letter-spacing:-.025em}
.bonus-card-summary{margin:0 0 12px;color:#40566d;font-size:12px;line-height:1.65}
.bonus-card-points{display:grid;gap:7px;margin:0 0 18px;padding:0;list-style:none}
.bonus-card-points li{display:grid;grid-template-columns:74px minmax(0,1fr);gap:8px;padding-left:12px;border-left:2px solid #c4dfe7;color:#53667b;font-size:11px;line-height:1.55}
.bonus-card-points b{color:#172f4d}
.bonus-card-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:43px;margin-top:auto;padding:8px 15px;border-radius:7px;background:#087f98;color:#fff;font-size:12px;font-weight:800;transition:background .2s ease}
.bonus-card-cta:hover{background:#086a7f}
.bonus-card-cta span{font-size:19px;line-height:1}
@media(max-width:760px){.bonus-card{grid-template-columns:1fr;gap:16px}.bonus-card-visual,.bonus-card-photo img{min-height:220px;max-height:260px}.bonus-card-body{padding:0 2px 2px}.bonus-card-body h3{font-size:18px}.bonus-card-points li{grid-template-columns:72px minmax(0,1fr)}}
/* Screenshots keep the brand's real interface visible without changing the editorial layout. */
.review-screen{margin:2px 0 25px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#f5f2fa}
.review-screen img{display:block;width:100%;height:280px;object-fit:cover;object-position:center top}
.review-screen figcaption{display:flex;justify-content:space-between;gap:12px;padding:9px 14px;color:#53657a;background:#fff;font-size:11px;font-weight:700}
.review-screen figcaption span{font-weight:400;color:#7a899b}
.review-screen figcaption a{color:var(--info);text-decoration:underline;text-underline-offset:2px}
@media(max-width:640px){.review-screen{margin-bottom:20px}.review-screen img{height:185px}.review-screen figcaption{display:block;font-size:10px}.review-screen figcaption span{display:block;margin-top:2px}}
/* Visual process boards for payment and identity checks. */
.flow-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:26px 0 13px}
.flow-heading h3{margin:0;font-size:17px;color:var(--navy)}
.flow-heading span{font-size:10px;font-weight:800;letter-spacing:.13em;color:#688399}
.process-flow{display:grid;gap:13px;position:relative}
.process-flow--payment{grid-template-columns:repeat(2,minmax(0,1fr))}
.process-flow--security{grid-template-columns:repeat(3,minmax(0,1fr))}
.process-stage{position:relative;min-width:0;padding-top:26px}
.process-stage:not(:last-child)::after{content:'→';position:absolute;top:4px;right:-13px;z-index:2;width:26px;height:26px;border-radius:50%;background:#fff;color:#087f98;text-align:center;font-size:18px;line-height:25px;font-weight:800}
.process-marker{position:absolute;top:0;left:16px;z-index:1;display:flex;align-items:center;gap:7px;color:#087f98;font-size:11px;font-weight:800}
.process-marker span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#087f98;color:#fff;font-size:11px;box-shadow:0 0 0 5px #eaf3f6}
.process-panel{height:100%;overflow:hidden;border:1px solid #d7e4e9;border-radius:12px;background:#f3f7f8}
.process-panel-head{min-height:90px;padding:22px 18px 13px}
.process-panel-head small{font-size:9px;font-weight:800;letter-spacing:.15em;color:#087f98}
.process-panel-head h3,.process-panel-head h4{margin:6px 0 0;font-size:16px;line-height:1.35;color:var(--navy)}
.process-items{display:grid;gap:7px;padding:8px}
.process-items>div{position:relative;display:flex;flex-direction:column;gap:4px;min-height:73px;padding:11px 13px;border:1px solid #e0e8eb;border-radius:7px;background:#fff;box-shadow:0 2px 5px rgba(17,45,79,.025)}
.process-items>div:first-child{border-color:#087f98;background:#087f98}
.process-items small{font-size:10px;font-weight:800;color:#698098}
.process-items b{font-size:12px;line-height:1.45;color:var(--navy);overflow-wrap:anywhere}
.process-items span{font-size:10px;line-height:1.45;color:#5f7185}
.process-items em{align-self:flex-start;margin-top:3px;padding:2px 6px;border-radius:3px;background:#fff1d9;color:#95671c;font-size:9px;font-style:normal;font-weight:800}
.process-items>div:first-child small,.process-items>div:first-child b,.process-items>div:first-child span{color:#fff}
.process-flow--security .process-panel-head{min-height:88px}
.process-flow--security .process-items>div{min-height:91px}
.process-flow--security .process-items b{font-size:11px}
@media(max-width:760px){.process-flow--security{grid-template-columns:1fr}.process-stage:not(:last-child)::after{top:auto;bottom:-21px;right:calc(50% - 13px);transform:rotate(90deg)}.process-flow--security .process-panel-head{min-height:75px}.process-flow--security .process-items>div{min-height:0}}
@media(max-width:640px){.flow-heading{align-items:flex-start;flex-direction:column;gap:4px}.process-flow--payment{grid-template-columns:1fr}.process-panel-head{min-height:75px}.process-items>div{min-height:0}}
/* Both bonus visuals share the same frame; preserve the supplied artwork. */
.bonus-card{grid-template-columns:minmax(260px,42%) minmax(0,1fr)}
.bonus-card-visual{width:100%;height:100%;min-height:300px;max-height:none;background:#1b052b}
.bonus-card-banner img,.bonus-card-sports-banner img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.bonus-card{grid-template-columns:1fr}.bonus-card-visual{height:auto;min-height:0;max-height:none;aspect-ratio:1828 / 1118}.bonus-card-banner img,.bonus-card-sports-banner img{height:100%;min-height:0;max-height:none}}
#security .security-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#security .security-group h3{padding-bottom:11px;border-bottom:2px solid #1b7890}
#security .security-group .jp-data-table .fact-row{grid-template-columns:112px minmax(0,1fr)}
#security .security-group .jp-data-table .fact-row dt{background:#f7f9fb}
@media(max-width:760px){#security .security-groups{grid-template-columns:1fr;gap:23px}#security .security-group .jp-data-table .fact-row{grid-template-columns:110px minmax(0,1fr)}}
@media(max-width:480px){#security .security-group .jp-data-table .fact-row{grid-template-columns:96px minmax(0,1fr)}}
.y-hero p{color:#dbe7ee}
.y-bonus-visual{background:#f6f1e8}.y-bonus-visual img{width:100%;height:100%;object-fit:cover}.y-mileage-image{margin:0 0 18px;border:1px solid #eadfce;border-radius:16px;overflow:hidden;background:#faf7f1}.y-mileage-image img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover;object-position:center 16%}.y-bonus-note{margin-top:18px}.y-unrated{padding:12px 16px;border:1px solid #d9e5ea;border-radius:12px;color:#617789;font-weight:700}.y-sec .security-groups,.y-sec .details-grid{margin-top:0}
.bonus-card-cta{color:#fff!important;font-size:13px!important}
.y-hero .y-cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 21px;border:1px solid #f3bc68;border-radius:9px;font-size:15px;line-height:1.3;margin:8px 10px 0 0}
.y-hero .y-cta-bonus{background:transparent;border:1px solid #c8dce8;color:#fff}
.y-hero .y-cta-bonus:hover{background:rgba(255,255,255,.1)}
.y-source-panel{padding:32px;background:#fff}
.y-source-panel h2{margin:0 0 12px;font-size:24px}
.y-source-panel>p{margin:0 0 20px;color:#526a7f;font-size:14px;line-height:1.8}
.y-methodology{border-top:1px solid #dbe5eb;border-bottom:1px solid #dbe5eb;margin-bottom:18px}
.y-methodology summary{display:flex;justify-content:space-between;gap:16px;padding:15px 0;color:#087c92;font-weight:800;cursor:pointer;list-style:none}
.y-methodology summary::-webkit-details-marker{display:none}
.y-methodology-grid{padding-bottom:15px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}
.y-methodology-grid>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #e8eef1;font-size:13px}
.y-methodology-grid small{color:#7990a0}
.y-methodology-grid em{display:block;color:#617789;font-size:12px;font-style:normal;line-height:1.5;margin-top:3px}
.y-source-panel .y-source-links{display:flex;flex-wrap:wrap;gap:10px 22px}
.y-source-panel .y-source-links a{padding:0;border:0;border-radius:0;color:#087c92;text-decoration:underline;text-underline-offset:3px;font-size:14px}
@media(max-width:800px){.y-methodology-grid{grid-template-columns:1fr}.y-hero .y-cta{margin-right:6px}}
.y-section-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:22px}.y-section-head h2{margin:5px 0 0}.y-rating{min-width:390px;border:1px solid #d9e5ea;border-radius:14px;background:#f8fafb}.y-rating summary{list-style:none;display:flex;align-items:center;gap:12px;padding:13px 16px;cursor:pointer}.y-rating summary::-webkit-details-marker{display:none}.y-rating summary>span:first-child{color:#617789;font-weight:700}.y-rating summary b{white-space:nowrap}.y-rating summary i{font-style:normal;margin-left:auto}.y-stars{letter-spacing:1px;background:linear-gradient(90deg,#e4ae3b var(--fill),#d5dee4 var(--fill));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.y-rating-note{padding:5px 16px 16px;border-top:1px solid #d9e5ea}.y-rating-breakdown>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid #e4ebee}.y-intro{font-size:18px;max-width:850px}.y-proscons .y-card{background:#fff}.y-proscons .y-card:first-child{border-top:4px solid #178a8e}.y-proscons .y-card:last-child{border-top:4px solid #d77b55}.y-bonus small{color:#ad532e;font-weight:800}.y-rule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.y-rule-grid>div{display:grid;gap:6px;padding:16px;background:#163c54;color:#fff;border-radius:12px}.y-rule-grid span{font-size:13px;line-height:1.5}.y-mileage{display:grid;grid-template-columns:260px 1fr;gap:22px;padding:24px;background:#f7efe4;border-radius:15px}.y-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.y-levels span{display:flex;align-items:center;gap:8px;background:#fff;padding:12px;border-radius:10px}.y-levels b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#b16d43;color:#fff}.payment-priority{display:flex;gap:18px;padding:20px;background:#edf6f7;border-left:5px solid #087c92;border-radius:12px;margin-bottom:16px}.payment-priority small{font-weight:800;color:#087c92}.payment-priority h3,.payment-priority p{margin:0 0 5px}.y-game-shot{margin:0 0 20px;background:#f2eee7;border-radius:15px;overflow:hidden}.y-game-shot img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.y-game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.y-game-grid article{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #dce7ea;border-radius:12px}.y-game-grid article>span{color:#087c92}.y-game-grid small{display:block;color:#758995;margin-top:3px}.y-feature-strip{display:flex;gap:20px;align-items:center;margin-top:16px;padding:18px;background:#143754;color:#fff;border-radius:12px}.y-feature-strip b{font-size:21px}.y-providers{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.y-providers figure{margin:0;text-align:center;border:1px solid #dce7ea;border-radius:12px;padding:13px}.y-providers img{width:100%;height:58px;object-fit:contain}.y-providers figcaption{font-size:12px;margin-top:7px}.y-provider-extra{display:none}.y-providers.expanded .y-provider-extra{display:block}.y-more{display:block;margin:18px auto 0;border:1px solid #087c92;background:#fff;color:#087c92;border-radius:30px;padding:10px 20px}.y-card dl{display:grid;grid-template-columns:120px 1fr;margin:0}.y-card dt,.y-card dd{padding:10px;border-bottom:1px solid #dce7ea;margin:0}.y-warning{background:#fff1ea;border-left:4px solid #d77b55;padding:16px}.y-support-list{display:grid;gap:1px;background:#dce7ea;border:1px solid #dce7ea;border-radius:12px;overflow:hidden}.y-support-list>div{display:grid;grid-template-columns:180px 1fr auto;gap:20px;padding:16px;background:#fff;align-items:center}.y-source-links{display:flex;gap:10px;flex-wrap:wrap}.y-source-links a{padding:10px 14px;border:1px solid #cbdde3;border-radius:24px;text-decoration:none}@media(max-width:800px){.y-section-head{display:block}.y-rating{min-width:0;margin-top:14px}.y-rule-grid,.y-game-grid,.y-providers{grid-template-columns:repeat(2,1fr)}.y-mileage{grid-template-columns:1fr}.y-levels{grid-template-columns:repeat(2,1fr)}.y-support-list>div{grid-template-columns:1fr}.y-feature-strip{display:block}}
/* Match the review typography and functional header across all four brands. */
body[data-brand="yuugado"]{font-size:15px}
.y-wrap{padding:0 24px 24px}
.y-head{min-height:96px;gap:28px}
.y-head>a{flex:none;display:flex;align-items:center}
.y-head img{width:180px;max-height:90px;object-fit:contain}
.y-primary-nav{display:flex;align-items:center;justify-content:flex-end;gap:28px;flex-wrap:wrap}
.y-head .y-primary-nav a{color:#173454;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}
.y-head .y-primary-nav a:hover{color:#087c92}
.y-hero{min-height:358px}
.y-hero h1{font-size:clamp(34px,4.4vw,54px);line-height:1.15}
.y-hero p{font-size:15px}
.y-nav a{min-height:43px;padding:9px 10px;font-size:14px;font-weight:500}
.y-sec h2,.y-section-head h2{font-size:24px}
.y-intro{font-size:15px}
.y-card strong{font-size:17px}
.y-sec p,.y-sec li,.y-card,.y-table,.y-support-list{font-size:15px}
@media(max-width:800px){
.y-head{min-height:0;padding:14px 0;align-items:flex-start;flex-direction:column;gap:12px}
.y-primary-nav{width:100%;justify-content:flex-start;flex-wrap:nowrap;gap:0;overflow-x:auto;padding-bottom:4px}
.y-head .y-primary-nav a{padding:9px 12px;border-bottom:2px solid transparent}
.y-head .y-primary-nav a:first-child{padding-left:0}
.y-nav{position:sticky;top:0;z-index:4;height:48px;align-items:center;gap:0;overflow-x:auto;background:#f6f8fa;border:1px solid #dfe7ea;border-radius:9px}
.y-nav a{width:auto;min-height:46px;white-space:nowrap;border-left:0;border-bottom:2px solid transparent;padding:10px 12px}
}
@media(max-width:700px){
.y-wrap{padding:0 12px 20px}
.y-head img{width:130px;max-height:66px}
.y-hero{padding:25px;min-height:0}
.y-sec h2,.y-section-head h2{font-size:21px}
}
body[data-brand="rainbet"]{margin:0;background:#f6f8fa;color:#173454;font:15px/1.65 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif}*{box-sizing:border-box}.rain-shell{max-width:1200px;margin:auto;padding:0 24px 40px}.rain-head{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:28px}.rain-head>a{flex:none;display:flex;align-items:center}.rain-head img{width:180px;max-height:90px;object-fit:contain}.rain-primary-nav{display:flex;gap:28px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.rain-primary-nav a{color:#173454;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}.rain-primary-nav a:hover{color:#087c92}.rain-hero{min-height:358px;padding:42px 44px;display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,42%);align-items:center;gap:34px;background:#163754;border-radius:22px;color:#fff}.rain-hero small{color:#dbe7ee;font-size:11px;letter-spacing:.06em}.rain-hero h1{margin:12px 0 18px;font-size:clamp(34px,4.4vw,54px);line-height:1.15}.rain-hero h1 span{display:block;margin-top:5px;font-size:19px;font-weight:700}.rain-hero p{max-width:650px;color:#dbe7ee;font-size:15px;line-height:1.8}.rain-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.rain-cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border:1px solid #f3bc68;border-radius:9px;background:#f3bc68;color:#19334b;font-size:13px;font-weight:800;text-decoration:none}.rain-cta-secondary{background:transparent;border-color:#b9d0de;color:#fff}.rain-brand-frame{height:250px;border-radius:16px;background:#1f2940;display:grid;place-items:center;overflow:hidden}.rain-brand-frame img{width:88%;max-height:80%;object-fit:contain}.rain-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;margin-top:30px}.rain-section-nav{position:sticky;top:24px;align-self:start;display:grid;gap:7px}.rain-section-nav a{min-height:43px;padding:9px 10px;border-left:2px solid #d4e0e5;color:#31556d;font-size:14px;font-weight:500;text-decoration:none}.rain-section-nav a:hover,.rain-section-nav a[aria-current="location"]{border-left-color:#087c92;color:#087c92}.rain-content{min-width:0}.rain-sec{margin-bottom:18px;padding:32px;background:#fff;border:1px solid #dfe7ea;border-radius:17px;scroll-margin-top:20px}.rain-sec-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.rain-sec-head small{color:#087c92;font-size:11px;font-weight:800;letter-spacing:.13em}.rain-sec h2{margin:5px 0 0;font-size:24px;line-height:1.35}.rain-sec h3{font-size:18px;line-height:1.45}.rain-sec p,.rain-sec li{line-height:1.8}.rain-sec a{color:#087c92}.rain-rating,.rain-tag{flex:none;border:1px solid #d9e5ea;border-radius:11px;background:#f8fafb;font-size:13px}.rain-rating{min-width:310px}.rain-rating summary{display:flex;align-items:center;gap:9px;padding:10px 13px;cursor:pointer;list-style:none}.rain-rating summary::-webkit-details-marker{display:none}.rain-rating summary>span:first-child,.rain-tag{color:#617789;font-weight:700}.rain-rating summary i{font-style:normal;margin-left:auto}.rain-stars{color:#e4ae3b;letter-spacing:-1px}.rain-rating-detail{border-top:1px solid #d9e5ea;padding:13px}.rain-rating-detail p{font-size:12px;margin:0 0 8px}.rain-tag{padding:10px 13px;white-space:nowrap}.rain-tag b{margin-left:8px;color:#173454}.rain-intro{margin:0 0 18px}.rain-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.rain-list-panel,.rain-data-card{padding:20px;border:1px solid #dce8eb;border-radius:13px;background:#fff}.rain-list-panel.pros{border-top:4px solid #178a8e}.rain-list-panel.cons{border-top:4px solid #d77b55}.rain-list-panel h3,.rain-data-card h3{margin:0 0 12px}.rain-list-panel ul,.rain-data-card ul{padding-left:20px;margin:0}.rain-list-panel li+li,.rain-data-card li+li{margin-top:8px}.rain-bonus-list{display:grid;gap:18px}.rain-bonus{display:grid;grid-template-columns:38% minmax(0,1fr);gap:22px;padding:17px;border:1px solid #dce7ea;border-radius:16px;box-shadow:0 8px 18px rgba(20,45,75,.05)}.rain-bonus-art{position:relative;min-height:340px;border-radius:12px;overflow:hidden;background:#1b2140;color:#fff}.rain-bonus-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.rain-bonus-art>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;text-align:center;padding:18px;background:linear-gradient(90deg,rgba(18,22,45,.74),rgba(18,22,45,.25))}.rain-bonus-art small{font-size:12px;letter-spacing:.12em;color:#c5d9e8}.rain-bonus-art strong{font-size:clamp(24px,2.8vw,38px);line-height:1.2;letter-spacing:-.02em}.rain-bonus-art-second img{object-position:center}.rain-bonus-copy{display:flex;flex-direction:column;min-width:0}.rain-bonus-copy>small{color:#ad532e;font-weight:800}.rain-bonus-copy h3{margin:6px 0 8px}.rain-bonus-copy p{margin:0 0 10px}.rain-bonus-copy dl,.rain-process dl,.rain-data-card dl{margin:0}.rain-bonus-copy dl>div,.rain-process dl>div,.rain-data-card dl>div{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:8px 0;border-top:1px solid #e5edef}.rain-bonus-copy dt,.rain-process dt,.rain-data-card dt{color:#637d8d;font-weight:700}.rain-bonus-copy dd,.rain-process dd,.rain-data-card dd{margin:0;font-weight:600}.rain-bonus-copy>a{display:block;margin-top:auto;padding:10px 15px;border-radius:9px;background:#087c92;color:#fff;text-align:center;text-decoration:none;font-weight:800}.rain-caution{margin:18px 0 0;padding:15px 18px;border-left:4px solid #d77b55;border-radius:8px;background:#fff3ee}.rain-wide-image,.rain-game-shot{margin:0 0 18px;border-radius:14px;overflow:hidden;background:#1e2344}.rain-wide-image img{display:block;width:100%;max-height:210px;object-fit:cover}.rain-data-card p{margin:10px 0 0}.rain-inline-source{margin:18px 0 0;font-size:13px}.rain-priority{display:flex;gap:18px;padding:18px 20px;border-left:5px solid #087c92;border-radius:12px;background:#edf6f7;margin-bottom:20px}.rain-priority small{flex:none;color:#087c92;font-weight:800}.rain-priority h3,.rain-priority p{margin:0 0 5px}.rain-process{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.rain-process section{padding:20px;border:1px solid #d4e5eb;border-radius:13px;background:#f5f9fa}.rain-process section>small{font-size:11px;letter-spacing:.1em;color:#087c92;font-weight:800}.rain-process h3{margin:5px 0 14px}.rain-process dl>div{grid-template-columns:85px 1fr}.rain-game-shot img{display:block;width:100%;max-height:500px;object-fit:contain}.rain-game-shot figcaption{padding:8px 12px;background:#edf2f5;color:#627789;font-size:12px}.rain-game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.rain-game-grid article{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #dce7ea;border-radius:11px}.rain-game-grid .game-icon{flex:none;width:36px;height:36px;color:#087c92}.rain-game-grid b{display:block;line-height:1.3}.rain-game-grid small{color:#758995}.rain-feature{display:flex;align-items:center;gap:18px;padding:18px;border-radius:12px;background:#143754;color:#fff}.rain-feature b{flex:none;font-size:18px}.rain-feature span{flex:1}.rain-feature a{color:#b8f2ff;white-space:nowrap}.rain-provider-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.rain-provider-grid figure{margin:0;padding:12px;border:1px solid #dce7ea;border-radius:12px;text-align:center}.rain-provider-grid img{display:block;width:100%;height:58px;object-fit:contain}.rain-provider-grid figcaption{margin-top:6px;font-size:12px}.rain-provider-extra{display:none}.rain-provider-grid.expanded .rain-provider-extra{display:block}.rain-more{display:block;margin:18px auto 0;padding:10px 20px;border:1px solid #087c92;border-radius:30px;background:#fff;color:#087c92;cursor:pointer}.rain-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:26px;margin:0}.rain-facts>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px;padding:12px 0;border-top:1px solid #e0e9ed}.rain-facts dt{color:#718699}.rain-facts dd{margin:0;font-weight:700}.rain-support{border:1px solid #dce7ea;border-radius:12px;overflow:hidden}.rain-support>div{display:grid;grid-template-columns:145px 1fr auto;gap:16px;align-items:center;padding:15px;border-bottom:1px solid #dce7ea}.rain-support>div:last-child{border-bottom:0}.rain-support span{color:#4a6476}.rain-support a{white-space:nowrap}.rain-sources{padding:28px 32px;background:#eaf2f8;border:1px solid #d6e2ea;border-radius:17px;color:#3e5b70}.rain-sources h2{font-size:22px;color:#173454;margin:0 0 12px}.rain-sources p{margin:10px 0;line-height:1.8}.rain-source-links{display:flex;gap:11px 21px;flex-wrap:wrap;margin-top:20px;padding-top:20px;border-top:1px solid #d2e0e8}.rain-source-links a,.rain-home-link{color:#087c92}.rain-home-link{display:inline-block;margin-top:20px;font-weight:800}
@media(max-width:960px){.rain-layout{display:block}.rain-section-nav{top:0;z-index:4;display:flex;gap:0;overflow-x:auto;height:48px;margin-bottom:18px;padding:0 4px;border:1px solid #dfe7ea;border-radius:9px;background:#f6f8fa}.rain-section-nav a{min-height:46px;white-space:nowrap;border-left:0;border-bottom:2px solid transparent}.rain-section-nav a[aria-current="location"]{border-left:0;border-bottom-color:#087c92}}
@media(max-width:700px){.rain-shell{padding:0 12px 24px}.rain-head{min-height:0;align-items:flex-start;flex-direction:column;gap:10px;padding:13px 0}.rain-head img{width:130px;max-height:66px}.rain-primary-nav{width:100%;justify-content:flex-start;flex-wrap:nowrap;gap:0;overflow-x:auto}.rain-primary-nav a{padding:8px 12px}.rain-primary-nav a:first-child{padding-left:0}.rain-hero{min-height:0;grid-template-columns:1fr;gap:18px;padding:25px}.rain-brand-frame{height:165px;grid-row:2}.rain-sec{padding:22px}.rain-sec h2{font-size:21px}.rain-sec-head{display:block}.rain-rating,.rain-tag{display:block;margin-top:12px;width:max-content;max-width:100%}.rain-two,.rain-process,.rain-facts{grid-template-columns:1fr}.rain-bonus{grid-template-columns:1fr}.rain-bonus-art{min-height:220px}.rain-bonus-copy>a{margin-top:16px}.rain-game-grid,.rain-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rain-feature{display:block}.rain-feature>*{display:block;margin-bottom:9px}.rain-support>div{grid-template-columns:1fr;gap:5px}.rain-priority{display:block}.rain-priority small{display:block;margin-bottom:7px}.rain-sources{padding:23px}}
.rain-stars{display:inline-block;letter-spacing:1px;background:linear-gradient(90deg,#e4ae3b 66.2%,#c8d3dd 66.2%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.rain-bonus-art-first img{object-fit:cover;image-rendering:auto}
.rain-bonus-art-second{background:radial-gradient(circle at 55% 35%,#4432a5,#191b45 72%)}
.rain-bonus-art-second img{inset:4% 15% auto;width:70%;height:72%;object-fit:contain}
.rain-bonus-art-second>div{justify-content:flex-end;padding-bottom:27px;background:linear-gradient(180deg,transparent 30%,rgba(10,14,39,.9))}
.rain-game-shot img{width:100%;max-height:none;aspect-ratio:2/1;object-fit:cover;object-position:center top}
.rain-game-grid article{gap:12px;padding:15px;border-radius:12px}
.rain-game-grid .game-icon{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;color:#087c92}
.rain-game-grid small{display:block;margin-top:3px}
.rain-provider-source{text-align:center;margin:8px 0 0;font-size:13px}
}
/* reviews/yuugado-detail.html */
@scope (html[data-site-page="reviews/yuugado-detail.html"]) {
:scope{--navy:#122d4f;--brand:#e84e4b;--page:#f5f7fb;--surface:#fff;--line:#dce3ee;--info:#087f98;--muted:#63758a;--shadow:0 7px 26px rgba(17,45,79,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--navy);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.35}p{color:#4f6074}a:focus-visible,button:focus-visible,summary:focus-visible,.table-scroll:focus-visible{outline:3px solid #087f98;outline-offset:3px}section[id]{scroll-margin-top:30px}.site-shell{min-width:0}.legal-bar{background:#092849;color:#e8f4fc;min-height:33px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;padding:5px 16px}.legal-bar b{color:#ffe189;letter-spacing:.07em}.legal-bar a{text-decoration:underline}.main-header{height:76px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:9px;white-space:nowrap}.logo-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--brand);color:white;font-size:25px;line-height:1}.logo strong{font-size:22px;letter-spacing:-.07em;line-height:1}.logo strong span{color:var(--brand)}.logo small{display:block;margin-top:3px;font-size:9px;letter-spacing:.16em;color:#7a899c}.primary-nav{display:flex;align-items:center;gap:31px;font-size:13px;font-weight:700}.primary-nav a:hover,.text-link:hover,.source-links a:hover{color:var(--brand)}.menu-toggle{display:none;border:1px solid var(--line);background:white;border-radius:8px;padding:5px 10px;font-size:20px}.page-wrap{width:min(1200px,calc(100% - 40px));margin:auto}.breadcrumbs{display:flex;gap:9px;align-items:center;color:#8290a0;font-size:12px;padding:24px 2px}.breadcrumbs a{color:var(--info)}.section-block{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);padding:32px;margin-bottom:22px}.overview{padding:0;overflow:hidden}.hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(275px,.8fr);border-bottom:1px solid var(--line)}.hero-main{padding:39px 40px 35px}.eyebrow,.heading small{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--info)}.eyebrow{display:flex;gap:10px}.eyebrow span{color:#a8b4c1}.brand-identity{display:flex;align-items:center;gap:22px;margin:24px 0 22px}.brand-logo{width:120px;height:88px;border:1px solid #e5e2f1;background:#f6f3ff;border-radius:13px;display:grid;place-items:center;flex:none;overflow:hidden}.brand-logo img{width:105px;max-height:68px;object-fit:contain}.brand-kicker{color:var(--brand);font-size:12px;font-weight:800;margin-bottom:5px}.brand-identity h1{font-size:31px;letter-spacing:-.04em;margin:0}.brand-identity h1 span{display:block;font-size:17px;letter-spacing:0;margin-top:3px}.lead{font-size:15px;line-height:1.85;max-width:650px;margin-bottom:25px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.button{min-height:42px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:8px 17px;font-size:13px;font-weight:800}.button.primary{background:var(--brand);color:white}.button.primary:hover{background:#cf3d3a}.button.secondary{background:white;border:1px solid var(--line);color:var(--navy)}.button.secondary:hover{border-color:var(--info);color:var(--info)}.hero-facts{background:#f8fafc;padding:40px 31px}.fact-heading{font-size:11px;font-weight:900;color:var(--info);letter-spacing:.12em;border-bottom:1px solid var(--line);padding-bottom:14px}.fact-heading span{display:block;letter-spacing:0;color:var(--muted);font-weight:500;margin-top:2px}.hero-facts dl,.info-panel dl,.terms-list{margin:0}.fact-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e8edf3;font-size:13px}.fact-row:last-child{border:0}.fact-row dt{color:#718095;flex:0 0 auto}.fact-row dd{margin:0;text-align:right;font-weight:700}.status{display:inline-block;border-radius:5px;background:#fff4df;color:#9a650a;font-size:10px;font-weight:800;padding:2px 6px;margin-right:5px;white-space:nowrap}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.overview>.section-head{padding:29px 35px 0}.heading{display:flex;align-items:center;gap:13px;min-width:0}.section-number{width:34px;height:34px;display:grid;place-items:center;flex:none;background:#eaf1f7;border-radius:9px;color:var(--info);font-size:13px;font-weight:900}.heading h2{font-size:22px;margin:3px 0 0;letter-spacing:-.03em}.rating{position:relative;flex:none;font-size:11px;z-index:2}.rating summary{list-style:none;display:flex;align-items:center;gap:7px;background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:6px 9px;cursor:pointer;white-space:nowrap}.rating summary::-webkit-details-marker{display:none}.rating-label{color:#6a7b8e;font-weight:700}.stars{color:#e9b94b;font-size:15px;letter-spacing:-2px}.rating b{font-size:12px}.rating-chevron{color:#8090a1}.rating-note{position:absolute;right:0;top:calc(100% + 6px);width:255px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px;box-shadow:var(--shadow);color:#52667a;line-height:1.5;white-space:normal}.overview-body{padding:3px 35px 33px;display:grid;grid-template-columns:.85fr 1.15fr;gap:35px}.intro-column h3,.list-panel h3,.terms-lead h3{font-size:16px;margin:0 0 8px}.intro-column p{font-size:13px;margin:0 0 10px}.text-link{color:var(--info);font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.list-panel{border:1px solid var(--line);border-radius:10px;padding:17px;background:#fcfdff}.list-panel.plus{border-top:3px solid #0d9fa9}.list-panel.minus{border-top:3px solid #e9a86b}.list-panel h3 span{color:var(--info);font-size:20px;margin-right:5px}.list-panel.minus h3 span{color:#cf7832}.list-panel ul{padding-left:19px;margin:0;color:#56677a;font-size:12px;line-height:1.7}.list-panel li+li{margin-top:6px}.section-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:20px 0 23px;padding:11px 12px;background:#eaf0f6;border:1px solid var(--line);border-radius:10px}.section-nav span{font-weight:800;font-size:11px;color:#6b7b8e;margin:0 15px 0 7px}.section-nav a{font-size:12px;font-weight:700;padding:7px 11px;border-radius:6px}.section-nav a:hover,.section-nav a:focus-visible{background:white;color:var(--brand)}.section-intro{font-size:13px;margin:0 0 22px;max-width:840px}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.game-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white}.game-art{height:112px;background:#e8f1f5;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;color:#1c6584}.game-art span{font-size:39px;line-height:1}.game-art small{font-size:10px;font-weight:900;letter-spacing:.1em;align-self:flex-end}.art-1{background:#eaf3f6;color:#0c8295}.art-2{background:#f3efff;color:#674ab0}.art-3{background:#fff4ec;color:#a96c38}.game-copy{padding:15px 17px}.game-copy h3{font-size:15px;margin:0 0 5px}.game-copy p{font-size:12px;margin:0}.inline-note,.fine-print{font-size:11px;color:#7b8998}.inline-note{margin-top:13px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.info-panel{border:1px solid var(--line);border-radius:10px;padding:20px 22px}.panel-title{display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);padding-bottom:13px}.panel-title h3{font-size:16px;margin:0}.panel-icon{width:29px;height:29px;display:grid;place-items:center;background:#e8f5f6;color:var(--info);border-radius:7px;font-weight:900}.info-panel .fact-row{font-size:12px}.info-panel .fact-row dd{max-width:64%}.fine-print{margin:13px 0 0}.caution{display:flex;gap:20px;align-items:baseline;margin-top:16px;border-left:3px solid var(--brand);background:#fff8f6;padding:12px 17px;border-radius:4px}.caution b{flex:none;font-size:12px}.caution p{font-size:12px;margin:0}.terms-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:24px}.terms-lead{padding:23px;background:#f8fafc;border-radius:9px}.terms-lead h3{font-size:17px;margin-top:16px}.terms-lead p{font-size:13px}.terms-list{border-top:1px solid var(--line)}.terms-list .fact-row{padding:10px 0;font-size:12px}.terms-list .fact-row dd{max-width:70%}.method-tags{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.method-tags>div{display:flex;align-items:center;gap:10px;background:#f4f8fb;border:1px solid var(--line);border-radius:9px;padding:13px 17px}.method-icon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;color:var(--info);background:#def2f4;font-size:18px;font-weight:800}.method-tags b{font-size:13px}.method-tags small{color:var(--muted);font-size:11px;margin-left:auto}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:9px}.table-scroll table{border-collapse:collapse;width:100%;min-width:620px;font-size:12px}.table-scroll th,.table-scroll td{text-align:left;padding:11px 15px;border-bottom:1px solid var(--line)}.table-scroll tr:last-child th,.table-scroll tr:last-child td{border-bottom:0}.table-scroll thead{background:#eaf1f7}.table-scroll tbody th{width:140px;background:#fafbfd}.accordion{border:1px solid var(--line);border-radius:8px;margin-top:13px}.accordion summary{cursor:pointer;padding:12px 16px;display:flex;justify-content:space-between;gap:15px;font-size:12px;font-weight:800}.accordion summary::marker{content:""}.accordion[open] summary span{transform:rotate(45deg)}.accordion>div{border-top:1px solid var(--line);padding:12px 16px;font-size:12px;color:#52677c}.accordion p:last-child{margin-bottom:0}.accordion a{color:var(--info);text-decoration:underline}.support-list{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:9px}.support-list>div{padding:20px;border-right:1px solid var(--line)}.support-list>div:last-child{border:0}.support-list span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#e9f4f5;color:var(--info);font-size:20px;margin-bottom:10px}.support-list b{display:block;font-size:14px}.support-list p{font-size:12px;margin:4px 0}.support-list a,.support-list em{font-size:11px;color:var(--info);font-style:normal;font-weight:800}.support-foot{display:flex;gap:18px;background:#f8fafc;border-radius:8px;padding:13px 17px;margin-top:15px}.support-foot b{white-space:nowrap;font-size:12px}.support-foot p{margin:0;font-size:12px}.meta-strip{display:flex;justify-content:space-between;gap:30px;align-items:center;background:#eaf1f7;border:1px solid var(--line);border-radius:10px;padding:22px 27px;margin:25px 0}.meta-strip b{font-size:14px}.meta-strip p{font-size:11px;margin:5px 0}.source-links{display:flex;flex-wrap:wrap;gap:5px 17px;margin-top:9px}.source-links a{font-size:11px;color:var(--info);text-decoration:underline}.site-footer{background:#102d4d;color:#d9e7f3}.footer-inner{max-width:1200px;margin:auto;padding:35px 20px}.footer-logo strong{color:#fff}.footer-inner p{max-width:750px;color:#b7cada;font-size:12px;margin:16px 0 10px}.footer-inner>small{font-size:10px;color:#91abc1}@media(max-width:900px){.main-header{padding:0 20px}.primary-nav{gap:14px;font-size:11px}.game-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1.3fr .8fr}.hero-main{padding:30px}.hero-facts{padding:30px 20px}.overview-body{grid-template-columns:1fr;gap:20px}.section-nav{position:static}.rating-label{display:none}}@media(max-width:640px){body{font-size:14px}.legal-bar{font-size:9px;justify-content:space-between}.legal-bar span{max-width:180px}.main-header{height:62px}.logo strong{font-size:19px}.logo-mark{width:33px;height:33px}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;top:95px;left:0;right:0;background:white;padding:15px 20px;box-shadow:var(--shadow);z-index:10;flex-direction:column;align-items:stretch;gap:0}.primary-nav.open{display:flex}.primary-nav a{padding:10px;border-bottom:1px solid var(--line);font-size:13px}.page-wrap{width:calc(100% - 24px)}.breadcrumbs{padding:17px 3px}.hero{display:block}.hero-main{padding:24px 21px}.brand-identity{gap:13px;margin:20px 0}.brand-logo{width:82px;height:67px}.brand-logo img{width:74px}.brand-identity h1{font-size:23px}.brand-identity h1 span{font-size:12px}.brand-kicker{font-size:10px}.lead{font-size:13px}.hero-actions .button{flex:1;gap:6px;padding:8px 10px;font-size:11px}.hero-facts{padding:20px 21px}.section-block{padding:21px 17px;margin-bottom:13px}.overview{padding:0}.overview>.section-head{padding:21px 17px 0}.overview-body{padding:0 17px 21px}.section-head{align-items:flex-start;gap:8px}.heading{gap:8px}.section-number{width:28px;height:28px;font-size:11px}.heading small{font-size:9px;letter-spacing:.04em}.heading h2{font-size:17px}.rating summary{gap:3px;padding:5px 6px}.rating b{font-size:10px}.stars{font-size:11px}.rating-chevron{font-size:10px}.rating-note{width:min(250px,80vw)}.pros-cons,.two-column,.method-tags,.support-list,.terms-layout{grid-template-columns:1fr}.section-nav{gap:2px;margin:14px 0}.section-nav span{width:100%;margin:0 0 3px 7px}.section-nav a{padding:6px 7px;font-size:11px}.game-grid{grid-template-columns:1fr 1fr;gap:9px}.game-art{height:72px;padding:10px}.game-art span{font-size:28px}.game-art small{font-size:8px}.game-copy{padding:10px}.game-copy h3{font-size:12px}.game-copy p{font-size:10px}.caution,.support-foot{display:block}.caution b,.support-foot b{display:block;margin-bottom:4px}.method-tags>div{padding:10px}.method-tags small{font-size:10px}.support-list>div{border-right:0;border-bottom:1px solid var(--line);padding:14px}.support-list>div:last-child{border:0}.meta-strip{display:block;padding:18px}.meta-strip .button{margin-top:14px}.footer-inner{padding:25px 14px}}@media(max-width:380px){.game-grid{grid-template-columns:1fr}.rating summary{flex-wrap:wrap;justify-content:flex-end;max-width:94px}.rating .stars{letter-spacing:-3px}}
:scope .rating .stars{background:linear-gradient(90deg,#e9b94b var(--fill),#cbd5df var(--fill));background-clip:text;-webkit-background-clip:text;color:transparent}
.overview{overflow:visible}.overview .hero{border-radius:15px 15px 0 0;overflow:hidden}.rating .stars{background:linear-gradient(90deg,#e9b94b var(--fill),#cbd5df var(--fill));background-clip:text;-webkit-background-clip:text;color:transparent}
.list-panel h3 small{font-size:11px;font-weight:600;color:#708196;margin-left:5px}
.overview .hero{display:block}.overview .hero-main{max-width:860px}.overview-body{grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:20px}.overview-takeaway{background:#f4f8fb;border-left:3px solid var(--info);border-radius:0 8px 8px 0;padding:18px 20px}.overview-takeaway .takeaway-label{display:block;color:var(--info);font-size:10px;font-weight:800;letter-spacing:.1em;margin-bottom:7px}.overview-takeaway h3{font-size:17px;margin-bottom:8px}.overview-takeaway p{font-size:13px;line-height:1.8;margin-bottom:12px}@media(max-width:900px){.overview-body{grid-template-columns:1fr}}@media(max-width:640px){.overview-takeaway{padding:15px 16px}}
.vip-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.vip-highlight{background:#f4f8fb;border:1px solid var(--line);border-radius:10px;padding:23px}.vip-highlight small{display:block;font-size:10px;color:var(--info);font-weight:800;letter-spacing:.12em}.vip-highlight strong{display:block;font-size:21px;margin:7px 0}.vip-highlight p{font-size:12px;margin:0}.vip-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vip-benefits>div{border:1px solid var(--line);border-radius:9px;padding:15px}.vip-benefits b,.vip-benefits span{display:block}.vip-benefits b{font-size:13px}.vip-benefits span{font-size:11px;color:var(--muted);margin-top:4px}.provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.provider-row{display:flex;align-items:center;gap:10px;min-width:0;border:1px solid var(--line);border-radius:8px;padding:12px 14px}.provider-row b{font-size:13px}.provider-row span{font-size:11px;color:var(--muted)}.provider-row span:last-child{margin-left:auto;color:var(--info)}.provider-row:hover{border-color:var(--info);background:#f7fafc}.accordion .provider-grid{padding:13px}.details-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;margin:0;border-top:1px solid var(--line)}.details-grid .fact-row{font-size:12px}.details-grid .fact-row dd{max-width:65%}@media(max-width:640px){.vip-grid,.vip-benefits,.provider-grid,.details-grid{grid-template-columns:1fr}.vip-highlight{padding:18px}.provider-row{padding:11px}.details-grid .fact-row dd{max-width:63%}}
.section-nav{position:sticky;top:0;z-index:8;height:48px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin;touch-action:pan-x;overscroll-behavior-x:contain;background:#fff;padding:0 10px;margin:14px 0 19px;box-shadow:0 4px 12px rgba(17,45,79,.05)}.section-nav .nav-label{flex:none;margin:0 14px 0 7px;color:var(--muted)}.section-nav a{flex:none;height:100%;display:inline-flex;align-items:center;border-radius:0;border-bottom:2px solid transparent;padding:0 12px}.section-nav a[aria-current="location"]{color:var(--brand);border-bottom-color:var(--brand);background:#fff8f7}section[id]{scroll-margin-top:64px}.details-grid .language-row{grid-column:1/-1;display:grid;grid-template-columns:150px minmax(0,1fr);align-items:start;gap:18px}.details-grid .language-row dd{max-width:none;text-align:left;font-weight:400;min-width:0}.language-preview,.language-list{display:flex;flex-wrap:wrap;gap:6px}.language-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:6px;background:#f8fafc;padding:4px 8px;font-size:11px;font-weight:700;color:var(--navy);white-space:nowrap}.language-chip>span{font-size:15px;line-height:1}.languages-disclosure{margin-top:8px}.languages-disclosure summary{cursor:pointer;display:inline-flex;align-items:center;gap:8px;color:var(--info);font-size:11px;font-weight:800;min-height:32px}.languages-disclosure summary::marker{content:""}.languages-disclosure[open] summary span{transform:rotate(180deg)}.language-list{padding:7px 0 10px}.language-row dd>small{display:block;margin-top:7px;color:var(--muted);font-size:10px}.language-row dd>small a{color:var(--info);text-decoration:underline}@media(max-width:640px){.section-nav{margin:12px 0 15px;height:46px}.section-nav .nav-label{display:none}.section-nav a{padding:0 13px;font-size:12px}.details-grid .language-row{grid-template-columns:1fr;gap:8px}.details-grid .language-row dd{max-width:100%}}
/* Bonus offers keep casino and sports terms in one editorial section. */
.bonus-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bonus-offer{min-width:0;border:1px solid var(--line);border-radius:10px;padding:19px 20px;background:#fff}
.sports-offer{background:#f9fbfd}
.bonus-offer-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:10px}
.bonus-offer-head h3{font-size:16px;margin:0;flex:1 1 210px}
.bonus-offer-head .text-link{white-space:nowrap}
.bonus-offer>p{font-size:12px;margin:0 0 13px}
.bonus-offer .terms-list .fact-row{align-items:baseline;font-size:11px;gap:8px}
.bonus-offer .terms-list .fact-row dt{flex:0 0 90px}
.bonus-offer .terms-list .fact-row dd{max-width:none;overflow-wrap:anywhere}
.bonus-source-note{margin-bottom:0}
.bonus-source-note a{color:var(--info);text-decoration:underline}
@media(max-width:800px){.bonus-offers{grid-template-columns:1fr}}
@media(max-width:640px){.bonus-offer{padding:15px}.bonus-offer .terms-list .fact-row dt{flex-basis:75px}}
/* Persistent review navigation, aligned with the overview. */
.brand-layout{display:grid;grid-template-columns:182px minmax(0,1fr);gap:20px;align-items:start}
.brand-content{min-width:0}
.brand-layout .section-nav{position:sticky;top:18px;z-index:8;align-self:start;display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;width:100%;height:auto;max-height:calc(100vh - 36px);overflow-x:hidden;overflow-y:auto;white-space:normal;margin:0;padding:14px 9px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:var(--shadow);scrollbar-width:thin}
.brand-layout .section-nav .nav-label{display:block;flex:none;margin:0 7px 9px;color:var(--info);letter-spacing:.08em}
.brand-layout .section-nav a{display:flex;align-items:center;flex:none;width:100%;min-height:39px;height:auto;padding:7px 10px;border:0;border-left:3px solid transparent;border-radius:5px;line-height:1.3;white-space:normal}
.brand-layout .section-nav a[aria-current="location"]{background:#fff4f3;color:var(--brand);border-left-color:var(--brand)}
.brand-layout section[id]{scroll-margin-top:20px}
@media(max-width:960px){.brand-layout{display:block}.brand-layout .section-nav{position:sticky;top:0;flex-direction:row;align-items:center;width:100%;height:48px;max-height:none;overflow-x:auto;overflow-y:hidden;white-space:nowrap;margin:0 0 17px;padding:0 10px;border-radius:9px}.brand-layout .section-nav .nav-label{display:none}.brand-layout .section-nav a{width:auto;min-height:46px;height:46px;white-space:nowrap;padding:0 12px;border:0;border-bottom:2px solid transparent;border-radius:0}.brand-layout .section-nav a[aria-current="location"]{border-left:0;border-bottom-color:var(--brand)}.brand-layout section[id]{scroll-margin-top:64px}}
.provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.provider-row{min-height:92px;padding:10px;gap:10px;background:#fff}
.provider-logo{flex:none;width:78px;height:60px;display:grid;place-items:center;overflow:hidden;border-radius:6px;border:1px solid #e9edf3;background:#f7f9fc}
.provider-logo img{width:100%;height:100%;object-fit:contain}
.provider-logo-text{font-size:17px;font-weight:900;color:var(--info);letter-spacing:.04em}
.provider-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.provider-copy b{font-size:12px;line-height:1.25}
.provider-copy small{font-size:10px;color:var(--muted)}
.provider-row .provider-arrow{margin-left:auto;color:var(--info)}
#providers .fine-print a{color:var(--info);text-decoration:underline}
@media(max-width:1200px){.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.provider-row{min-height:78px;padding:7px;gap:6px}.provider-logo{width:48px;height:47px}.provider-copy b{font-size:10px}.provider-copy small{font-size:9px}.provider-arrow{display:none}}
@media(max-width:380px){.provider-grid{grid-template-columns:1fr}.provider-logo{width:65px;height:52px}}
/* Compact game-type index, using KAJIMIRU's existing editorial palette. */
.game-type-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:23px 0 12px;padding-bottom:9px;border-bottom:1px solid var(--line)}
.game-type-heading h3{font-size:15px;margin:0}.game-type-heading h3 span{display:inline-grid;place-items:center;min-width:23px;height:23px;border-radius:6px;background:#e7f3f5;color:var(--info);font-size:11px;margin-left:5px}
.game-type-heading small{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--muted)}
.game-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.game-type{min-width:0;min-height:80px;border:1px solid var(--line);border-radius:9px;background:#fff;display:flex;align-items:center;gap:10px;padding:10px;position:relative}
.game-type-icon{flex:none;width:46px;height:46px;display:grid;place-items:center;border-radius:9px;background:#e9f4f6;color:var(--info)}
.game-type:nth-child(4n+2) .game-type-icon{background:#eff2f9;color:#3e6591}
.game-type:nth-child(4n+3) .game-type-icon{background:#fff2e9;color:#bd7250}
.game-type:nth-child(4n+4) .game-type-icon{background:#f3f0fa;color:#746198}
.game-type-icon svg{width:29px;height:29px;display:block}.game-type-copy{min-width:0;display:flex;flex-direction:column;line-height:1.35;gap:3px}.game-type-copy b{font-size:12px;overflow-wrap:anywhere}.game-type-copy small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.game-live{position:absolute;right:8px;top:7px;border-radius:4px;background:#fff0ed;color:#b94743;font-size:8px;font-weight:900;letter-spacing:.04em;padding:1px 4px}.game-type:has(.game-live) .game-type-copy{padding-right:19px}
.game-feature-foot{display:flex;gap:11px;align-items:flex-start;margin-top:16px;padding:13px 15px;border-left:3px solid var(--info);border-radius:4px;background:#f3f8fa}.game-feature-mark{color:var(--info);font-size:13px;margin-top:2px}.game-feature-foot p{font-size:11px;line-height:1.7;margin:0}.game-feature-foot b{color:var(--navy)}
@media(max-width:980px){.game-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.game-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-type{min-height:72px;padding:8px;gap:7px}.game-type-icon{width:39px;height:39px}.game-type-icon svg{width:25px;height:25px}.game-type-copy b{font-size:11px}.game-type-copy small{font-size:9px}.game-live{font-size:7px;top:4px;right:4px}.game-type:has(.game-live) .game-type-copy{padding-right:10px}}
@media(max-width:360px){.game-type-grid{grid-template-columns:1fr}.game-type:has(.game-live) .game-type-copy{padding-right:28px}}
/* Auditable rating popovers and the two-stage scoring note. */
.overview{overflow:visible}
.rating-note{width:min(380px,calc(100vw - 48px));font-size:11px;line-height:1.55;z-index:30}
.rating-note>strong{font-size:12px;color:var(--navy)}.rating-note p{font-size:11px;margin:7px 0;color:#52667a}
.rating-breakdown{border-top:1px solid var(--line);margin-top:8px}.rating-breakdown>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #e8edf3}.rating-breakdown>div span{min-width:0}.rating-breakdown>div b{white-space:nowrap;color:var(--navy);font-size:11px}.rating-breakdown small{font-size:9px;color:var(--muted);font-weight:600}.rating-breakdown a,.rating-source-link{color:var(--info);text-decoration:underline;text-underline-offset:2px}.rating-breakdown span small{display:block}.rating-note .rating-caveat{margin:9px 0;color:#627489}.rating-source-link{font-size:11px;font-weight:800}
.methodology{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;margin:13px 0}.methodology strong{display:block;font-size:12px;color:var(--navy)}.methodology p{font-size:11px;margin:5px 0 11px}.methodology p:last-child{margin-bottom:0}
@media(max-width:640px){.section-head{position:relative;z-index:4}.rating{position:static}.rating-note{top:calc(100% + 6px);right:0;width:min(335px,calc(100vw - 42px))}.rating-breakdown>div{gap:6px}.rating-breakdown>div b{font-size:10px}}
#payment .fine-print a{color:var(--info);text-decoration:underline;text-underline-offset:2px}
/* Editorial overview: fewer nested cards, clearer verification status. */
.overview .hero-main{padding-bottom:28px}.overview .eyebrow{display:none}.overview .brand-identity{margin-top:6px}.overview .hero-actions .button.secondary{display:none}.overview .overview-rewrite{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:32px;padding-top:4px}.overview-editorial{padding:0}.overview-editorial>small{display:block;color:var(--info);font-size:11px;font-weight:800;letter-spacing:.03em;margin-bottom:10px}.overview-editorial h3{font-size:19px;line-height:1.45;margin:0 0 10px}.overview-editorial p{font-size:13px;line-height:1.85;margin:0 0 14px}.overview-checks{margin:0;border-top:1px solid var(--line)}.overview-checks>div{display:grid;grid-template-columns:106px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.65}.overview-checks dt{font-weight:800;color:var(--navy)}.overview-checks dd{margin:0;color:#596a7d}@media(max-width:900px){.overview .overview-rewrite{grid-template-columns:1fr;gap:20px}}@media(max-width:640px){.overview-checks>div{grid-template-columns:1fr;gap:3px}.overview .hero-main{padding-bottom:24px}}
/* Editorial treatment for the two condition-heavy sections. */
.editorial-module .editorial-lead{max-width:760px;margin:0 0 22px;font-size:14px;line-height:1.8;color:#40566d}
.offer-list{border-top:1px solid var(--line)}
.offer-item{padding:23px 0 25px;border-bottom:1px solid var(--line)}
.offer-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:9px}
.offer-heading small,.payment-editorial small{display:block;margin-bottom:5px;color:var(--info);font-size:11px;font-weight:800}
.offer-heading h3,.payment-editorial h3{margin:0;font-size:18px;line-height:1.5;letter-spacing:-.02em}
.offer-heading .text-link{flex:none}
.offer-item>p{margin:0 0 15px;font-size:13px;line-height:1.75}
.offer-facts{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.offer-facts>div{border-left:1px solid var(--line);padding-left:13px}
.offer-facts dt{margin-bottom:4px;color:var(--navy);font-size:11px;font-weight:800}
.offer-facts dd{margin:0;color:#596a7d;font-size:12px;line-height:1.7}
.editorial-source{margin:16px 0 0;color:#718093;font-size:11px;line-height:1.7}
.editorial-source a{color:var(--info);text-decoration:underline;text-underline-offset:2px}
.payment-editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;padding:3px 0 24px;border-bottom:1px solid var(--line)}
.payment-editorial h3{font-size:21px}
.payment-editorial p{margin:9px 0 0;font-size:13px;line-height:1.8}
.payment-editorial dl{margin:0}
.payment-editorial dl>div{display:grid;grid-template-columns:91px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}
.payment-editorial dl>div:last-child{border-bottom:0}
.payment-editorial dt{color:#6b7b8e}
.payment-editorial dd{margin:0;color:var(--navy);font-weight:700;line-height:1.6}
.payment-table-head{display:flex;align-items:baseline;gap:15px;margin:22px 0 12px}
.payment-table-head h3{margin:0;font-size:16px}
.payment-table-head p{margin:0;font-size:11px}
.editorial-module .table-scroll{border-radius:0}
.editorial-module .table-scroll thead{background:#f2f5f8}
.editorial-module .table-scroll tbody th{background:#fff}
.payment-details{border:0;border-bottom:1px solid var(--line);border-radius:0}
.payment-details summary{padding:12px 0;color:var(--info)}
.payment-details>div{padding:10px 0}
@media(max-width:760px){.offer-facts{grid-template-columns:1fr;gap:10px}.payment-editorial{grid-template-columns:1fr;gap:15px}.offer-heading{display:block}.offer-heading .text-link{display:inline-block;margin-top:8px}.payment-table-head{display:block}.payment-table-head p{margin-top:4px}}
.overview .hero-actions .button.secondary{display:inline-flex}
.overview .overview-pros-cons{display:block;padding-top:4px}
.overview-pros-cons .pros-cons{gap:16px}
.overview-pros-cons .list-panel{background:#fff;border:1px solid var(--line);border-top:2px solid var(--line);box-shadow:none}
.overview-pros-cons .list-panel.plus{border-top-color:#0d9fa9}
.overview-pros-cons .list-panel.minus{border-top-color:#d89057}
.overview-pros-cons .list-panel h3{margin-bottom:12px}
.overview-pros-cons .list-panel ul{font-size:12px;line-height:1.75}
@media(max-width:640px){.overview-pros-cons .pros-cons{grid-template-columns:1fr}}
.overview .hero-main{max-width:none;padding:32px 36px 30px}
.overview .brand-identity{gap:28px;margin:5px 0 20px}
.overview .brand-logo{width:290px;height:130px;border:0;background:#1a2442;border-radius:12px}
.overview .brand-logo img{width:274px;max-height:none}
.overview .lead{max-width:820px;margin-bottom:19px}
@media(max-width:640px){.overview .hero-main{padding:23px 20px}.overview .brand-identity{gap:16px;margin:0 0 17px}.overview .brand-logo{width:174px;height:86px}.overview .brand-logo img{width:164px}.overview .lead{margin-bottom:18px}}
@media(max-width:480px){.overview .brand-identity{align-items:flex-start;flex-direction:column;gap:12px}.overview .brand-logo{width:220px;height:100px}.overview .brand-logo img{width:208px}}
/* Game pictograms: warm paper, ink strokes and a small vermilion seal. */
#games .game-type-icon{position:relative;isolation:isolate;overflow:hidden;border:1px solid #e6dac9;border-radius:5px;background:#fbf6eb;color:#273e52;box-shadow:inset 0 0 0 3px rgba(255,255,255,.55)}
#games .game-type:nth-child(4n+2) .game-type-icon,#games .game-type:nth-child(4n+3) .game-type-icon,#games .game-type:nth-child(4n+4) .game-type-icon{background:#fbf6eb;color:#273e52}
#games .game-type-icon:before{content:"";position:absolute;left:4px;top:4px;width:5px;height:5px;background:#d35447;border-radius:1px;transform:rotate(-8deg)}
#games .game-type-icon svg{width:30px;height:30px;stroke-width:1.9;filter:drop-shadow(.3px .3px 0 rgba(39,62,82,.25))}
#games .game-type{border-color:#e7e3db;background:#fffefa}
@media(max-width:700px){#games .game-type-icon svg{width:25px;height:25px}}
.provider-row{cursor:default;background:#fff}
.provider-row:hover{border-color:var(--line);background:#fff}
.provider-logo-fallback{display:none;color:var(--info);font-size:17px;font-weight:900;letter-spacing:.04em}
.provider-logo:not(:has(img:not([hidden]))) .provider-logo-fallback{display:block}
.provider-logo img[hidden]{display:none}
#vip .vip-benefits{display:block;margin:0;border-top:1px solid var(--line)}
#vip .vip-benefits>div{display:grid;grid-template-columns:125px minmax(0,1fr);gap:12px;align-items:baseline;padding:12px 2px;border:0;border-bottom:1px solid var(--line);border-radius:0}
#vip .vip-benefits dt{font-size:12px;font-weight:800}
#vip .vip-benefits dd{margin:0;color:#596a7d;font-size:12px;line-height:1.6}
.methodology .methodology-summary{margin:0 0 9px;color:#516579}
.methodology-details{border-top:1px solid var(--line)}
.methodology-details summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;padding:10px 0;color:var(--info);font-size:12px;font-weight:800;list-style:none}
.methodology-details summary::-webkit-details-marker{display:none}
.methodology-details[open] summary span{transform:rotate(45deg)}
.methodology-details>div{padding:2px 0 8px}
.meta-strip>div{min-width:0;flex:1}
.meta-strip>.button{flex:none;white-space:nowrap}
@media(max-width:640px){#vip .vip-benefits>div{grid-template-columns:110px minmax(0,1fr);gap:8px}}
/* Plain editorial rows for the support options. */
#bonuses .heading h2,#payment .heading h2,#support .heading h2{margin-top:0}
#support .support-list{display:block;border:0;border-top:1px solid var(--line);border-radius:0}
#support .support-list>div{display:grid;grid-template-columns:minmax(110px,.6fr) minmax(0,1.7fr) auto;align-items:baseline;column-gap:18px;padding:14px 2px;border:0;border-bottom:1px solid var(--line)}
#support .support-list>div:last-child{border-bottom:1px solid var(--line)}
#support .support-list span{display:none}
#support .support-list b{font-size:13px}
#support .support-list p{margin:0;font-size:12px}
#support .support-list a{white-space:nowrap}
@media(max-width:640px){#support .support-list>div{grid-template-columns:1fr auto;row-gap:3px;padding:13px 1px}#support .support-list b{grid-column:1}#support .support-list p{grid-column:1;grid-row:2}#support .support-list a{grid-column:2;grid-row:1 / 3;align-self:center}}
/* Editorial data tables: compact labels, left-aligned values and quiet rules. */
.payment-priority{display:flex;align-items:baseline;gap:28px;padding:17px 21px;border-left:3px solid var(--brand);background:#fbf8f6}
.payment-priority small{flex:0 0 100px;color:#a54843;font-size:11px;font-weight:800}
.payment-priority h3{margin:0;font-size:16px;line-height:1.5}
.payment-priority p{margin:3px 0 0;color:#52657a;font-size:12px}
.payment-table-head{margin:25px 0 12px}
.payment-table-head h3{font-size:17px}
.payment-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.payment-method,.security-group{min-width:0}
.payment-method h4,.security-group h3{display:flex;align-items:center;gap:10px;margin:0;padding:0 0 10px;border-bottom:2px solid #1b7890;font-size:16px;line-height:1.5}
.payment-method h4 span{font-size:11px;color:#087f98;letter-spacing:.1em}
.jp-data-table{display:block;margin:0}
.jp-data-table .fact-row{display:grid;grid-template-columns:122px minmax(0,1fr);gap:0;align-items:stretch;padding:0;border-bottom:1px solid #e3e8ee;font-size:12px;line-height:1.7}
.jp-data-table .fact-row dt,.jp-data-table .fact-row dd{min-width:0;padding:12px 14px;text-align:left}
.jp-data-table .fact-row dt{background:#f7f9fb;color:#64768a;font-weight:700}
.jp-data-table .fact-row dd{max-width:none;margin:0;color:var(--navy);font-weight:600;overflow-wrap:anywhere}
.jp-data-table .status{display:inline-block;margin:0 8px 0 0;vertical-align:1px;font-size:10px;font-weight:700}
.security-groups{display:grid;gap:26px}
.security-group .jp-data-table .fact-row{grid-template-columns:175px minmax(0,1fr)}
#security .caution{margin-top:23px;padding:13px 17px;background:#fbf8f6;border-left:3px solid var(--brand);font-size:12px}
#security .caution b{flex:0 0 175px}
#security .caution p{margin:0}
.details-grid.jp-data-table{display:block;border-top:2px solid #1b7890}
.details-grid.jp-data-table .fact-row,.details-grid.jp-data-table .language-row{display:grid;grid-template-columns:175px minmax(0,1fr);gap:0;font-size:12px}
.details-grid.jp-data-table .language-row dd{max-width:none;padding:12px 14px}
@media(max-width:760px){.payment-method-grid{grid-template-columns:1fr;gap:24px}.payment-priority{display:block;padding:14px 17px}.payment-priority small{display:block;margin-bottom:5px}.security-group .jp-data-table .fact-row,.details-grid.jp-data-table .fact-row,.details-grid.jp-data-table .language-row{grid-template-columns:118px minmax(0,1fr)}}
@media(max-width:480px){.jp-data-table .fact-row,.security-group .jp-data-table .fact-row,.details-grid.jp-data-table .fact-row,.details-grid.jp-data-table .language-row{grid-template-columns:96px minmax(0,1fr)}.jp-data-table .fact-row dt,.jp-data-table .fact-row dd{padding:11px 10px}.details-grid.jp-data-table .language-row dd{padding:11px 10px}.jp-data-table .status{margin-bottom:3px}}
.detail-header-logo{display:flex;align-items:center;flex:none;width:142px;height:70px;overflow:hidden;background:transparent}
.detail-header-logo img{display:block;width:142px;max-width:none;height:auto}
@media(max-width:640px){.detail-header-logo{width:112px;height:58px}.detail-header-logo img{width:112px}}
/* Bonus offers: editorial image, essential terms, and a direct source CTA. */
.bonus-card-list{display:grid;gap:18px}
.bonus-card{display:grid;grid-template-columns:minmax(220px,36%) minmax(0,1fr);gap:24px;padding:18px;border:1px solid #dce3eb;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(17,45,79,.045)}
.bonus-card-visual{position:relative;min-height:300px;margin:0;border-radius:10px;overflow:hidden;background:#17213f}
.bonus-card-photo img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;object-position:left center}
.bonus-card-photo figcaption{position:absolute;right:10px;bottom:10px;padding:3px 7px;border-radius:4px;background:rgba(11,25,48,.78);color:#fff;font-size:10px}
.bonus-card-photo figcaption a{text-decoration:underline;text-underline-offset:2px}
.bonus-card-sports-photo img{object-position:center}
.bonus-card--sports{grid-template-columns:minmax(260px,42%) minmax(0,1fr)}
.bonus-card--sports .bonus-card-sports-banner{width:100%;height:100%;min-height:300px;max-height:none;background:#1b052b}
.bonus-card-sports-banner img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.bonus-card--sports{grid-template-columns:1fr}.bonus-card--sports .bonus-card-sports-banner{height:auto;min-height:0;aspect-ratio:1828 / 1118}}
.bonus-card-body{display:flex;flex-direction:column;min-width:0;padding:3px 4px 3px 0}
.bonus-card-type{align-self:flex-start;margin-bottom:10px;padding:4px 9px;border-radius:4px;background:#eaf3f6;color:#087f98;font-size:11px;font-weight:800}
.bonus-card-body h3{margin:0 0 10px;font-size:20px;line-height:1.5;letter-spacing:-.025em}
.bonus-card-summary{margin:0 0 12px;color:#40566d;font-size:12px;line-height:1.65}
.bonus-card-points{display:grid;gap:7px;margin:0 0 18px;padding:0;list-style:none}
.bonus-card-points li{display:grid;grid-template-columns:74px minmax(0,1fr);gap:8px;padding-left:12px;border-left:2px solid #c4dfe7;color:#53667b;font-size:11px;line-height:1.55}
.bonus-card-points b{color:#172f4d}
.bonus-card-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:43px;margin-top:auto;padding:8px 15px;border-radius:7px;background:#087f98;color:#fff;font-size:12px;font-weight:800;transition:background .2s ease}
.bonus-card-cta:hover{background:#086a7f}
.bonus-card-cta span{font-size:19px;line-height:1}
@media(max-width:760px){.bonus-card{grid-template-columns:1fr;gap:16px}.bonus-card-visual,.bonus-card-photo img{min-height:220px;max-height:260px}.bonus-card-body{padding:0 2px 2px}.bonus-card-body h3{font-size:18px}.bonus-card-points li{grid-template-columns:72px minmax(0,1fr)}}
/* Screenshots keep the brand's real interface visible without changing the editorial layout. */
.review-screen{margin:2px 0 25px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#f5f2fa}
.review-screen img{display:block;width:100%;height:280px;object-fit:cover;object-position:center top}
.review-screen figcaption{display:flex;justify-content:space-between;gap:12px;padding:9px 14px;color:#53657a;background:#fff;font-size:11px;font-weight:700}
.review-screen figcaption span{font-weight:400;color:#7a899b}
.review-screen figcaption a{color:var(--info);text-decoration:underline;text-underline-offset:2px}
@media(max-width:640px){.review-screen{margin-bottom:20px}.review-screen img{height:185px}.review-screen figcaption{display:block;font-size:10px}.review-screen figcaption span{display:block;margin-top:2px}}
/* Visual process boards for payment and identity checks. */
.flow-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:26px 0 13px}
.flow-heading h3{margin:0;font-size:17px;color:var(--navy)}
.flow-heading span{font-size:10px;font-weight:800;letter-spacing:.13em;color:#688399}
.process-flow{display:grid;gap:13px;position:relative}
.process-flow--payment{grid-template-columns:repeat(2,minmax(0,1fr))}
.process-flow--security{grid-template-columns:repeat(3,minmax(0,1fr))}
.process-stage{position:relative;min-width:0;padding-top:26px}
.process-stage:not(:last-child)::after{content:'→';position:absolute;top:4px;right:-13px;z-index:2;width:26px;height:26px;border-radius:50%;background:#fff;color:#087f98;text-align:center;font-size:18px;line-height:25px;font-weight:800}
.process-marker{position:absolute;top:0;left:16px;z-index:1;display:flex;align-items:center;gap:7px;color:#087f98;font-size:11px;font-weight:800}
.process-marker span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#087f98;color:#fff;font-size:11px;box-shadow:0 0 0 5px #eaf3f6}
.process-panel{height:100%;overflow:hidden;border:1px solid #d7e4e9;border-radius:12px;background:#f3f7f8}
.process-panel-head{min-height:90px;padding:22px 18px 13px}
.process-panel-head small{font-size:9px;font-weight:800;letter-spacing:.15em;color:#087f98}
.process-panel-head h3,.process-panel-head h4{margin:6px 0 0;font-size:16px;line-height:1.35;color:var(--navy)}
.process-items{display:grid;gap:7px;padding:8px}
.process-items>div{position:relative;display:flex;flex-direction:column;gap:4px;min-height:73px;padding:11px 13px;border:1px solid #e0e8eb;border-radius:7px;background:#fff;box-shadow:0 2px 5px rgba(17,45,79,.025)}
.process-items>div:first-child{border-color:#087f98;background:#087f98}
.process-items small{font-size:10px;font-weight:800;color:#698098}
.process-items b{font-size:12px;line-height:1.45;color:var(--navy);overflow-wrap:anywhere}
.process-items span{font-size:10px;line-height:1.45;color:#5f7185}
.process-items em{align-self:flex-start;margin-top:3px;padding:2px 6px;border-radius:3px;background:#fff1d9;color:#95671c;font-size:9px;font-style:normal;font-weight:800}
.process-items>div:first-child small,.process-items>div:first-child b,.process-items>div:first-child span{color:#fff}
.process-flow--security .process-panel-head{min-height:88px}
.process-flow--security .process-items>div{min-height:91px}
.process-flow--security .process-items b{font-size:11px}
@media(max-width:760px){.process-flow--security{grid-template-columns:1fr}.process-stage:not(:last-child)::after{top:auto;bottom:-21px;right:calc(50% - 13px);transform:rotate(90deg)}.process-flow--security .process-panel-head{min-height:75px}.process-flow--security .process-items>div{min-height:0}}
@media(max-width:640px){.flow-heading{align-items:flex-start;flex-direction:column;gap:4px}.process-flow--payment{grid-template-columns:1fr}.process-panel-head{min-height:75px}.process-items>div{min-height:0}}
/* Both bonus visuals share the same frame; preserve the supplied artwork. */
.bonus-card{grid-template-columns:minmax(260px,42%) minmax(0,1fr)}
.bonus-card-visual{width:100%;height:100%;min-height:300px;max-height:none;background:#1b052b}
.bonus-card-banner img,.bonus-card-sports-banner img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.bonus-card{grid-template-columns:1fr}.bonus-card-visual{height:auto;min-height:0;max-height:none;aspect-ratio:1828 / 1118}.bonus-card-banner img,.bonus-card-sports-banner img{height:100%;min-height:0;max-height:none}}
#security .security-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#security .security-group h3{padding-bottom:11px;border-bottom:2px solid #1b7890}
#security .security-group .jp-data-table .fact-row{grid-template-columns:112px minmax(0,1fr)}
#security .security-group .jp-data-table .fact-row dt{background:#f7f9fb}
@media(max-width:760px){#security .security-groups{grid-template-columns:1fr;gap:23px}#security .security-group .jp-data-table .fact-row{grid-template-columns:110px minmax(0,1fr)}}
@media(max-width:480px){#security .security-group .jp-data-table .fact-row{grid-template-columns:96px minmax(0,1fr)}}
.y-hero p{color:#dbe7ee}
.y-bonus-visual{background:#f6f1e8}.y-bonus-visual img{width:100%;height:100%;object-fit:cover}.y-mileage-image{margin:0 0 18px;border:1px solid #eadfce;border-radius:16px;overflow:hidden;background:#faf7f1}.y-mileage-image img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover;object-position:center 16%}.y-bonus-note{margin-top:18px}.y-unrated{padding:12px 16px;border:1px solid #d9e5ea;border-radius:12px;color:#617789;font-weight:700}.y-sec .security-groups,.y-sec .details-grid{margin-top:0}
.bonus-card-cta{color:#fff!important;font-size:13px!important}
.y-hero .y-cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 21px;border:1px solid #f3bc68;border-radius:9px;font-size:15px;line-height:1.3;margin:8px 10px 0 0}
.y-hero .y-cta-bonus{background:transparent;border:1px solid #c8dce8;color:#fff}
.y-hero .y-cta-bonus:hover{background:rgba(255,255,255,.1)}
.y-source-panel{padding:32px;background:#fff}
.y-source-panel h2{margin:0 0 12px;font-size:24px}
.y-source-panel>p{margin:0 0 20px;color:#526a7f;font-size:14px;line-height:1.8}
.y-methodology{border-top:1px solid #dbe5eb;border-bottom:1px solid #dbe5eb;margin-bottom:18px}
.y-methodology summary{display:flex;justify-content:space-between;gap:16px;padding:15px 0;color:#087c92;font-weight:800;cursor:pointer;list-style:none}
.y-methodology summary::-webkit-details-marker{display:none}
.y-methodology-grid{padding-bottom:15px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}
.y-methodology-grid>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #e8eef1;font-size:13px}
.y-methodology-grid small{color:#7990a0}
.y-methodology-grid em{display:block;color:#617789;font-size:12px;font-style:normal;line-height:1.5;margin-top:3px}
.y-source-panel .y-source-links{display:flex;flex-wrap:wrap;gap:10px 22px}
.y-source-panel .y-source-links a{padding:0;border:0;border-radius:0;color:#087c92;text-decoration:underline;text-underline-offset:3px;font-size:14px}
@media(max-width:800px){.y-methodology-grid{grid-template-columns:1fr}.y-hero .y-cta{margin-right:6px}}
.y-section-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:22px}.y-section-head h2{margin:5px 0 0}.y-rating{min-width:390px;border:1px solid #d9e5ea;border-radius:14px;background:#f8fafb}.y-rating summary{list-style:none;display:flex;align-items:center;gap:12px;padding:13px 16px;cursor:pointer}.y-rating summary::-webkit-details-marker{display:none}.y-rating summary>span:first-child{color:#617789;font-weight:700}.y-rating summary b{white-space:nowrap}.y-rating summary i{font-style:normal;margin-left:auto}.y-stars{letter-spacing:1px;background:linear-gradient(90deg,#e4ae3b var(--fill),#d5dee4 var(--fill));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.y-rating-note{padding:5px 16px 16px;border-top:1px solid #d9e5ea}.y-rating-breakdown>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid #e4ebee}.y-intro{font-size:18px;max-width:850px}.y-proscons .y-card{background:#fff}.y-proscons .y-card:first-child{border-top:4px solid #178a8e}.y-proscons .y-card:last-child{border-top:4px solid #d77b55}.y-bonus small{color:#ad532e;font-weight:800}.y-rule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.y-rule-grid>div{display:grid;gap:6px;padding:16px;background:#163c54;color:#fff;border-radius:12px}.y-rule-grid span{font-size:13px;line-height:1.5}.y-mileage{display:grid;grid-template-columns:260px 1fr;gap:22px;padding:24px;background:#f7efe4;border-radius:15px}.y-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.y-levels span{display:flex;align-items:center;gap:8px;background:#fff;padding:12px;border-radius:10px}.y-levels b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#b16d43;color:#fff}.payment-priority{display:flex;gap:18px;padding:20px;background:#edf6f7;border-left:5px solid #087c92;border-radius:12px;margin-bottom:16px}.payment-priority small{font-weight:800;color:#087c92}.payment-priority h3,.payment-priority p{margin:0 0 5px}.y-game-shot{margin:0 0 20px;background:#f2eee7;border-radius:15px;overflow:hidden}.y-game-shot img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.y-game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.y-game-grid article{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #dce7ea;border-radius:12px}.y-game-grid article>span{color:#087c92}.y-game-grid small{display:block;color:#758995;margin-top:3px}.y-feature-strip{display:flex;gap:20px;align-items:center;margin-top:16px;padding:18px;background:#143754;color:#fff;border-radius:12px}.y-feature-strip b{font-size:21px}.y-providers{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.y-providers figure{margin:0;text-align:center;border:1px solid #dce7ea;border-radius:12px;padding:13px}.y-providers img{width:100%;height:58px;object-fit:contain}.y-providers figcaption{font-size:12px;margin-top:7px}.y-provider-extra{display:none}.y-providers.expanded .y-provider-extra{display:block}.y-more{display:block;margin:18px auto 0;border:1px solid #087c92;background:#fff;color:#087c92;border-radius:30px;padding:10px 20px}.y-card dl{display:grid;grid-template-columns:120px 1fr;margin:0}.y-card dt,.y-card dd{padding:10px;border-bottom:1px solid #dce7ea;margin:0}.y-warning{background:#fff1ea;border-left:4px solid #d77b55;padding:16px}.y-support-list{display:grid;gap:1px;background:#dce7ea;border:1px solid #dce7ea;border-radius:12px;overflow:hidden}.y-support-list>div{display:grid;grid-template-columns:180px 1fr auto;gap:20px;padding:16px;background:#fff;align-items:center}.y-source-links{display:flex;gap:10px;flex-wrap:wrap}.y-source-links a{padding:10px 14px;border:1px solid #cbdde3;border-radius:24px;text-decoration:none}@media(max-width:800px){.y-section-head{display:block}.y-rating{min-width:0;margin-top:14px}.y-rule-grid,.y-game-grid,.y-providers{grid-template-columns:repeat(2,1fr)}.y-mileage{grid-template-columns:1fr}.y-levels{grid-template-columns:repeat(2,1fr)}.y-support-list>div{grid-template-columns:1fr}.y-feature-strip{display:block}}
/* Match the review typography and functional header across all four brands. */
body[data-brand="yuugado"]{font-size:15px}
.y-wrap{padding:0 24px 24px}
.y-head{min-height:96px;gap:28px}
.y-head>a{flex:none;display:flex;align-items:center}
.y-head img{width:180px;max-height:90px;object-fit:contain}
.y-primary-nav{display:flex;align-items:center;justify-content:flex-end;gap:28px;flex-wrap:wrap}
.y-head .y-primary-nav a{color:#173454;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}
.y-head .y-primary-nav a:hover{color:#087c92}
.y-hero{min-height:358px}
.y-hero h1{font-size:clamp(34px,4.4vw,54px);line-height:1.15}
.y-hero p{font-size:15px}
.y-nav a{min-height:43px;padding:9px 10px;font-size:14px;font-weight:500}
.y-sec h2,.y-section-head h2{font-size:24px}
.y-intro{font-size:15px}
.y-card strong{font-size:17px}
.y-sec p,.y-sec li,.y-card,.y-table,.y-support-list{font-size:15px}
@media(max-width:800px){
.y-head{min-height:0;padding:14px 0;align-items:flex-start;flex-direction:column;gap:12px}
.y-primary-nav{width:100%;justify-content:flex-start;flex-wrap:nowrap;gap:0;overflow-x:auto;padding-bottom:4px}
.y-head .y-primary-nav a{padding:9px 12px;border-bottom:2px solid transparent}
.y-head .y-primary-nav a:first-child{padding-left:0}
.y-nav{position:sticky;top:0;z-index:4;height:48px;align-items:center;gap:0;overflow-x:auto;background:#f6f8fa;border:1px solid #dfe7ea;border-radius:9px}
.y-nav a{width:auto;min-height:46px;white-space:nowrap;border-left:0;border-bottom:2px solid transparent;padding:10px 12px}
}
@media(max-width:700px){
.y-wrap{padding:0 12px 20px}
.y-head img{width:130px;max-height:66px}
.y-hero{padding:25px;min-height:0}
.y-sec h2,.y-section-head h2{font-size:21px}
}
body{background:#f6f8fa;color:#173454}.y-wrap{max-width:1200px;margin:auto;padding:24px}.y-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.y-head img{width:180px}.y-head a,.y-cta{color:#087c92}.y-hero{background:#143754;color:white;border-radius:22px;padding:44px;display:grid;grid-template-columns:1fr 42%;gap:30px;align-items:center}.y-hero h1{font-size:clamp(36px,5vw,58px);margin:10px 0}.y-hero p{line-height:1.8}.y-hero img{width:100%;border-radius:14px}.y-cta{display:inline-block;background:#f3bc68;color:#19334b;padding:13px 22px;border-radius:100px;font-weight:800;text-decoration:none}.y-layout{display:grid;grid-template-columns:180px 1fr;gap:24px;margin-top:30px}.y-nav{position:sticky;top:24px;align-self:start;display:grid;gap:7px}.y-nav a{padding:9px;color:#31556d;text-decoration:none;border-left:2px solid #d4e0e5}.y-nav a:hover{border-color:#087c92}.y-sec{background:white;margin-bottom:18px;padding:32px;border:1px solid #dfe7ea;border-radius:17px;scroll-margin-top:20px}.y-sec h2{font-size:30px;margin:0 0 22px}.y-sec h3{margin:10px 0}.y-sec p,.y-sec li{line-height:1.8}.y-kicker{color:#087c92;letter-spacing:.15em;font-size:12px;font-weight:800}.y-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.y-card{background:#f4f8f9;border:1px solid #dce8eb;border-radius:13px;padding:20px}.y-card strong{font-size:20px}.y-score{font-size:46px;font-weight:800;color:#d07a3f}.y-note{background:#fff6ed;border-left:4px solid #d28349;padding:16px}.y-table{width:100%;border-collapse:collapse}.y-table td,.y-table th{padding:14px;border-bottom:1px solid #dce7ea;text-align:left;vertical-align:top}.y-table th{width:28%;color:#527185}.y-tags{display:flex;gap:9px;flex-wrap:wrap}.y-tags span{background:#e8f3f5;border-radius:20px;padding:9px 14px}.y-providers{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.y-providers figure{margin:0;text-align:center;border:1px solid #dce7ea;border-radius:12px;padding:13px}.y-providers img{width:100%;height:60px;object-fit:contain}.y-providers figcaption{font-size:12px;margin-top:8px}.y-source{font-size:13px;color:#647b8c}.y-sec a{color:#087c92}@media(max-width:800px){.y-layout{display:block}.y-nav{position:static;display:flex;overflow:auto;margin-bottom:18px}.y-nav a{white-space:nowrap}.y-hero{grid-template-columns:1fr}.y-grid{grid-template-columns:1fr}.y-providers{grid-template-columns:repeat(2,1fr)}.y-sec{padding:22px}}
}
/* contact.html */
@scope (html[data-site-page="contact.html"]) {
:scope{color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f8fa;color:#173454;font:15px/1.7 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif}a{color:inherit}.contact-shell{max-width:1200px;margin:0 auto;padding:0 24px}.contact-header{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:28px}.contact-brand{display:flex;align-items:center;flex:none}.contact-brand img{width:180px;max-height:90px;object-fit:contain}.contact-nav{display:flex;align-items:center;justify-content:flex-end;gap:24px;flex-wrap:wrap}.contact-nav a{font-size:14px;font-weight:750;text-decoration:none;white-space:nowrap}.contact-nav a:hover,.contact-nav a[aria-current=page]{color:#087c92}.contact-hero{min-height:310px;padding:46px 52px;display:grid;grid-template-columns:minmax(0,1fr) 35%;align-items:center;gap:30px;overflow:hidden;border-radius:22px;background:#173754;color:white}.contact-hero small,.contact-kicker{color:#78ced5;font-size:11px;font-weight:800;letter-spacing:.14em}.contact-hero h1{font-size:clamp(35px,4.5vw,56px);line-height:1.15;margin:12px 0}.contact-hero p{max-width:620px;margin:0;color:#dfebf2;font-size:17px}.contact-hero-link{display:inline-flex;align-items:center;gap:15px;margin-top:24px;padding:12px 20px;background:#f3bc68;border-radius:9px;color:#18344e;font-size:14px;font-weight:800;text-decoration:none}.contact-hero-link:hover{background:#ffd285}.contact-hero-mark{height:210px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;border:1px solid #6b94a7;border-radius:16px;background:radial-gradient(circle at 70% 18%,#376d83,#1b425e 58%,#173754);transform:rotate(2deg)}.contact-hero-mark span{font-size:13px;letter-spacing:.22em;color:#c2e0e6}.contact-hero-mark b{font-size:clamp(32px,4vw,50px);letter-spacing:.06em;line-height:1.4}.contact-hero-mark i{position:absolute;right:30px;top:20px;color:#f3bc68;font-size:29px;font-style:normal}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;scroll-margin-top:20px}.contact-card{min-width:0;padding:27px;background:#fff;border:1px solid #dce6eb;border-radius:18px}.contact-person{display:grid;grid-template-columns:170px minmax(0,1fr);gap:23px;align-items:center}.person-photo{width:170px;height:170px;overflow:hidden;border:5px solid #eef4f4;border-radius:50%;background:#f5eee3}.person-photo img{width:100%;height:100%;object-fit:cover}.contact-card h2{font-size:24px;line-height:1.3;margin:8px 0}.contact-person p{margin:8px 0;color:#506c7e}.contact-person .person-role{font-size:14px;font-weight:800;color:#087c92}.contact-person .illustration-note{font-size:11px;color:#8799a3}.contact-methods h2{margin-bottom:14px}.method-row{display:grid;grid-template-columns:35px minmax(0,1fr);gap:11px;padding:15px 0;border-top:1px solid #e5edf0}.method-icon{width:32px;height:32px;display:grid;place-items:center;background:#e7f3f4;border-radius:9px;color:#087c92;font-weight:800}.method-row h3{font-size:16px;margin:0}.method-row p{font-size:13px;color:#607887;margin:2px 0}.method-row a{grid-column:2;color:#087c92;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:3px}.contact-note{display:flex;gap:24px;align-items:flex-start;margin-top:20px;padding:20px 24px;border-radius:13px;background:#eaf3f5}.contact-note b{white-space:nowrap}.contact-note p{margin:0;color:#506c7e}.contact-source{margin:20px 0 30px;font-size:12px;color:#778b9a}.contact-source a{color:#087c92}.contact-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 0 32px;border-top:1px solid #dce6eb;font-size:12px;color:#69808f}.contact-footer p{margin:0;max-width:640px}@media(max-width:900px){.contact-grid{grid-template-columns:1fr}.contact-nav{gap:14px}.contact-hero{grid-template-columns:1fr}.contact-hero-mark{display:none}}@media(max-width:620px){.contact-shell{padding:0 13px}.contact-header{min-height:0;display:block;padding:13px 0}.contact-brand img{width:140px;max-height:70px}.contact-nav{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;gap:18px;padding:5px 0 9px}.contact-hero{min-height:0;padding:30px 23px}.contact-hero p{font-size:15px}.contact-card{padding:20px}.contact-person{grid-template-columns:100px minmax(0,1fr);gap:14px}.person-photo{width:100px;height:100px}.contact-card h2{font-size:21px}.contact-note{display:block}.contact-note p{margin-top:8px}.contact-footer{display:block}.contact-footer p{margin-top:8px}}
}
/* provider-image-sources.html */
@scope (html[data-site-page="provider-image-sources.html"]) {
:scope{--navy:#122d4f;--brand:#e84e4b;--page:#f5f7fb;--surface:#fff;--line:#dce3ee;--info:#087f98;--muted:#63758a;--shadow:0 7px 26px rgba(17,45,79,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--navy);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.35}p{color:#4f6074}a:focus-visible,button:focus-visible,summary:focus-visible,.table-scroll:focus-visible{outline:3px solid #087f98;outline-offset:3px}section[id]{scroll-margin-top:30px}.site-shell{min-width:0}.legal-bar{background:#092849;color:#e8f4fc;min-height:33px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;padding:5px 16px}.legal-bar b{color:#ffe189;letter-spacing:.07em}.legal-bar a{text-decoration:underline}.main-header{height:76px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:9px;white-space:nowrap}.logo-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--brand);color:white;font-size:25px;line-height:1}.logo strong{font-size:22px;letter-spacing:-.07em;line-height:1}.logo strong span{color:var(--brand)}.logo small{display:block;margin-top:3px;font-size:9px;letter-spacing:.16em;color:#7a899c}.primary-nav{display:flex;align-items:center;gap:31px;font-size:13px;font-weight:700}.primary-nav a:hover,.text-link:hover,.source-links a:hover{color:var(--brand)}.menu-toggle{display:none;border:1px solid var(--line);background:white;border-radius:8px;padding:5px 10px;font-size:20px}.page-wrap{width:min(1200px,calc(100% - 40px));margin:auto}.breadcrumbs{display:flex;gap:9px;align-items:center;color:#8290a0;font-size:12px;padding:24px 2px}.breadcrumbs a{color:var(--info)}.section-block{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);padding:32px;margin-bottom:22px}.overview{padding:0;overflow:hidden}.hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(275px,.8fr);border-bottom:1px solid var(--line)}.hero-main{padding:39px 40px 35px}.eyebrow,.heading small{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--info)}.eyebrow{display:flex;gap:10px}.eyebrow span{color:#a8b4c1}.brand-identity{display:flex;align-items:center;gap:22px;margin:24px 0 22px}.brand-logo{width:120px;height:88px;border:1px solid #e5e2f1;background:#f6f3ff;border-radius:13px;display:grid;place-items:center;flex:none;overflow:hidden}.brand-logo img{width:105px;max-height:68px;object-fit:contain}.brand-kicker{color:var(--brand);font-size:12px;font-weight:800;margin-bottom:5px}.brand-identity h1{font-size:31px;letter-spacing:-.04em;margin:0}.brand-identity h1 span{display:block;font-size:17px;letter-spacing:0;margin-top:3px}.lead{font-size:15px;line-height:1.85;max-width:650px;margin-bottom:25px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.button{min-height:42px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:8px 17px;font-size:13px;font-weight:800}.button.primary{background:var(--brand);color:white}.button.primary:hover{background:#cf3d3a}.button.secondary{background:white;border:1px solid var(--line);color:var(--navy)}.button.secondary:hover{border-color:var(--info);color:var(--info)}.hero-facts{background:#f8fafc;padding:40px 31px}.fact-heading{font-size:11px;font-weight:900;color:var(--info);letter-spacing:.12em;border-bottom:1px solid var(--line);padding-bottom:14px}.fact-heading span{display:block;letter-spacing:0;color:var(--muted);font-weight:500;margin-top:2px}.hero-facts dl,.info-panel dl,.terms-list{margin:0}.fact-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e8edf3;font-size:13px}.fact-row:last-child{border:0}.fact-row dt{color:#718095;flex:0 0 auto}.fact-row dd{margin:0;text-align:right;font-weight:700}.status{display:inline-block;border-radius:5px;background:#fff4df;color:#9a650a;font-size:10px;font-weight:800;padding:2px 6px;margin-right:5px;white-space:nowrap}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.overview>.section-head{padding:29px 35px 0}.heading{display:flex;align-items:center;gap:13px;min-width:0}.section-number{width:34px;height:34px;display:grid;place-items:center;flex:none;background:#eaf1f7;border-radius:9px;color:var(--info);font-size:13px;font-weight:900}.heading h2{font-size:22px;margin:3px 0 0;letter-spacing:-.03em}.rating{position:relative;flex:none;font-size:11px;z-index:2}.rating summary{list-style:none;display:flex;align-items:center;gap:7px;background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:6px 9px;cursor:pointer;white-space:nowrap}.rating summary::-webkit-details-marker{display:none}.rating-label{color:#6a7b8e;font-weight:700}.stars{color:#e9b94b;font-size:15px;letter-spacing:-2px}.rating b{font-size:12px}.rating-chevron{color:#8090a1}.rating-note{position:absolute;right:0;top:calc(100% + 6px);width:255px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px;box-shadow:var(--shadow);color:#52667a;line-height:1.5;white-space:normal}.overview-body{padding:3px 35px 33px;display:grid;grid-template-columns:.85fr 1.15fr;gap:35px}.intro-column h3,.list-panel h3,.terms-lead h3{font-size:16px;margin:0 0 8px}.intro-column p{font-size:13px;margin:0 0 10px}.text-link{color:var(--info);font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.list-panel{border:1px solid var(--line);border-radius:10px;padding:17px;background:#fcfdff}.list-panel.plus{border-top:3px solid #0d9fa9}.list-panel.minus{border-top:3px solid #e9a86b}.list-panel h3 span{color:var(--info);font-size:20px;margin-right:5px}.list-panel.minus h3 span{color:#cf7832}.list-panel ul{padding-left:19px;margin:0;color:#56677a;font-size:12px;line-height:1.7}.list-panel li+li{margin-top:6px}.section-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:20px 0 23px;padding:11px 12px;background:#eaf0f6;border:1px solid var(--line);border-radius:10px}.section-nav span{font-weight:800;font-size:11px;color:#6b7b8e;margin:0 15px 0 7px}.section-nav a{font-size:12px;font-weight:700;padding:7px 11px;border-radius:6px}.section-nav a:hover,.section-nav a:focus-visible{background:white;color:var(--brand)}.section-intro{font-size:13px;margin:0 0 22px;max-width:840px}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.game-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white}.game-art{height:112px;background:#e8f1f5;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;color:#1c6584}.game-art span{font-size:39px;line-height:1}.game-art small{font-size:10px;font-weight:900;letter-spacing:.1em;align-self:flex-end}.art-1{background:#eaf3f6;color:#0c8295}.art-2{background:#f3efff;color:#674ab0}.art-3{background:#fff4ec;color:#a96c38}.game-copy{padding:15px 17px}.game-copy h3{font-size:15px;margin:0 0 5px}.game-copy p{font-size:12px;margin:0}.inline-note,.fine-print{font-size:11px;color:#7b8998}.inline-note{margin-top:13px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.info-panel{border:1px solid var(--line);border-radius:10px;padding:20px 22px}.panel-title{display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);padding-bottom:13px}.panel-title h3{font-size:16px;margin:0}.panel-icon{width:29px;height:29px;display:grid;place-items:center;background:#e8f5f6;color:var(--info);border-radius:7px;font-weight:900}.info-panel .fact-row{font-size:12px}.info-panel .fact-row dd{max-width:64%}.fine-print{margin:13px 0 0}.caution{display:flex;gap:20px;align-items:baseline;margin-top:16px;border-left:3px solid var(--brand);background:#fff8f6;padding:12px 17px;border-radius:4px}.caution b{flex:none;font-size:12px}.caution p{font-size:12px;margin:0}.terms-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:24px}.terms-lead{padding:23px;background:#f8fafc;border-radius:9px}.terms-lead h3{font-size:17px;margin-top:16px}.terms-lead p{font-size:13px}.terms-list{border-top:1px solid var(--line)}.terms-list .fact-row{padding:10px 0;font-size:12px}.terms-list .fact-row dd{max-width:70%}.method-tags{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.method-tags>div{display:flex;align-items:center;gap:10px;background:#f4f8fb;border:1px solid var(--line);border-radius:9px;padding:13px 17px}.method-icon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;color:var(--info);background:#def2f4;font-size:18px;font-weight:800}.method-tags b{font-size:13px}.method-tags small{color:var(--muted);font-size:11px;margin-left:auto}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:9px}.table-scroll table{border-collapse:collapse;width:100%;min-width:620px;font-size:12px}.table-scroll th,.table-scroll td{text-align:left;padding:11px 15px;border-bottom:1px solid var(--line)}.table-scroll tr:last-child th,.table-scroll tr:last-child td{border-bottom:0}.table-scroll thead{background:#eaf1f7}.table-scroll tbody th{width:140px;background:#fafbfd}.accordion{border:1px solid var(--line);border-radius:8px;margin-top:13px}.accordion summary{cursor:pointer;padding:12px 16px;display:flex;justify-content:space-between;gap:15px;font-size:12px;font-weight:800}.accordion summary::marker{content:""}.accordion[open] summary span{transform:rotate(45deg)}.accordion>div{border-top:1px solid var(--line);padding:12px 16px;font-size:12px;color:#52677c}.accordion p:last-child{margin-bottom:0}.accordion a{color:var(--info);text-decoration:underline}.support-list{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:9px}.support-list>div{padding:20px;border-right:1px solid var(--line)}.support-list>div:last-child{border:0}.support-list span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#e9f4f5;color:var(--info);font-size:20px;margin-bottom:10px}.support-list b{display:block;font-size:14px}.support-list p{font-size:12px;margin:4px 0}.support-list a,.support-list em{font-size:11px;color:var(--info);font-style:normal;font-weight:800}.support-foot{display:flex;gap:18px;background:#f8fafc;border-radius:8px;padding:13px 17px;margin-top:15px}.support-foot b{white-space:nowrap;font-size:12px}.support-foot p{margin:0;font-size:12px}.meta-strip{display:flex;justify-content:space-between;gap:30px;align-items:center;background:#eaf1f7;border:1px solid var(--line);border-radius:10px;padding:22px 27px;margin:25px 0}.meta-strip b{font-size:14px}.meta-strip p{font-size:11px;margin:5px 0}.source-links{display:flex;flex-wrap:wrap;gap:5px 17px;margin-top:9px}.source-links a{font-size:11px;color:var(--info);text-decoration:underline}.site-footer{background:#102d4d;color:#d9e7f3}.footer-inner{max-width:1200px;margin:auto;padding:35px 20px}.footer-logo strong{color:#fff}.footer-inner p{max-width:750px;color:#b7cada;font-size:12px;margin:16px 0 10px}.footer-inner>small{font-size:10px;color:#91abc1}@media(max-width:900px){.main-header{padding:0 20px}.primary-nav{gap:14px;font-size:11px}.game-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1.3fr .8fr}.hero-main{padding:30px}.hero-facts{padding:30px 20px}.overview-body{grid-template-columns:1fr;gap:20px}.section-nav{position:static}.rating-label{display:none}}@media(max-width:640px){body{font-size:14px}.legal-bar{font-size:9px;justify-content:space-between}.legal-bar span{max-width:180px}.main-header{height:62px}.logo strong{font-size:19px}.logo-mark{width:33px;height:33px}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;top:95px;left:0;right:0;background:white;padding:15px 20px;box-shadow:var(--shadow);z-index:10;flex-direction:column;align-items:stretch;gap:0}.primary-nav.open{display:flex}.primary-nav a{padding:10px;border-bottom:1px solid var(--line);font-size:13px}.page-wrap{width:calc(100% - 24px)}.breadcrumbs{padding:17px 3px}.hero{display:block}.hero-main{padding:24px 21px}.brand-identity{gap:13px;margin:20px 0}.brand-logo{width:82px;height:67px}.brand-logo img{width:74px}.brand-identity h1{font-size:23px}.brand-identity h1 span{font-size:12px}.brand-kicker{font-size:10px}.lead{font-size:13px}.hero-actions .button{flex:1;gap:6px;padding:8px 10px;font-size:11px}.hero-facts{padding:20px 21px}.section-block{padding:21px 17px;margin-bottom:13px}.overview{padding:0}.overview>.section-head{padding:21px 17px 0}.overview-body{padding:0 17px 21px}.section-head{align-items:flex-start;gap:8px}.heading{gap:8px}.section-number{width:28px;height:28px;font-size:11px}.heading small{font-size:9px;letter-spacing:.04em}.heading h2{font-size:17px}.rating summary{gap:3px;padding:5px 6px}.rating b{font-size:10px}.stars{font-size:11px}.rating-chevron{font-size:10px}.rating-note{width:min(250px,80vw)}.pros-cons,.two-column,.method-tags,.support-list,.terms-layout{grid-template-columns:1fr}.section-nav{gap:2px;margin:14px 0}.section-nav span{width:100%;margin:0 0 3px 7px}.section-nav a{padding:6px 7px;font-size:11px}.game-grid{grid-template-columns:1fr 1fr;gap:9px}.game-art{height:72px;padding:10px}.game-art span{font-size:28px}.game-art small{font-size:8px}.game-copy{padding:10px}.game-copy h3{font-size:12px}.game-copy p{font-size:10px}.caution,.support-foot{display:block}.caution b,.support-foot b{display:block;margin-bottom:4px}.method-tags>div{padding:10px}.method-tags small{font-size:10px}.support-list>div{border-right:0;border-bottom:1px solid var(--line);padding:14px}.support-list>div:last-child{border:0}.meta-strip{display:block;padding:18px}.meta-strip .button{margin-top:14px}.footer-inner{padding:25px 14px}}@media(max-width:380px){.game-grid{grid-template-columns:1fr}.rating summary{flex-wrap:wrap;justify-content:flex-end;max-width:94px}.rating .stars{letter-spacing:-3px}}
:scope .rating .stars{background:linear-gradient(90deg,#e9b94b var(--fill),#cbd5df var(--fill));background-clip:text;-webkit-background-clip:text;color:transparent}
.overview{overflow:visible}.overview .hero{border-radius:15px 15px 0 0;overflow:hidden}.rating .stars{background:linear-gradient(90deg,#e9b94b var(--fill),#cbd5df var(--fill));background-clip:text;-webkit-background-clip:text;color:transparent}
.list-panel h3 small{font-size:11px;font-weight:600;color:#708196;margin-left:5px}
.overview .hero{display:block}.overview .hero-main{max-width:860px}.overview-body{grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:20px}.overview-takeaway{background:#f4f8fb;border-left:3px solid var(--info);border-radius:0 8px 8px 0;padding:18px 20px}.overview-takeaway .takeaway-label{display:block;color:var(--info);font-size:10px;font-weight:800;letter-spacing:.1em;margin-bottom:7px}.overview-takeaway h3{font-size:17px;margin-bottom:8px}.overview-takeaway p{font-size:13px;line-height:1.8;margin-bottom:12px}@media(max-width:900px){.overview-body{grid-template-columns:1fr}}@media(max-width:640px){.overview-takeaway{padding:15px 16px}}
.vip-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.vip-highlight{background:#f4f8fb;border:1px solid var(--line);border-radius:10px;padding:23px}.vip-highlight small{display:block;font-size:10px;color:var(--info);font-weight:800;letter-spacing:.12em}.vip-highlight strong{display:block;font-size:21px;margin:7px 0}.vip-highlight p{font-size:12px;margin:0}.vip-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vip-benefits>div{border:1px solid var(--line);border-radius:9px;padding:15px}.vip-benefits b,.vip-benefits span{display:block}.vip-benefits b{font-size:13px}.vip-benefits span{font-size:11px;color:var(--muted);margin-top:4px}.provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.provider-row{display:flex;align-items:center;gap:10px;min-width:0;border:1px solid var(--line);border-radius:8px;padding:12px 14px}.provider-row b{font-size:13px}.provider-row span{font-size:11px;color:var(--muted)}.provider-row span:last-child{margin-left:auto;color:var(--info)}.provider-row:hover{border-color:var(--info);background:#f7fafc}.accordion .provider-grid{padding:13px}.details-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;margin:0;border-top:1px solid var(--line)}.details-grid .fact-row{font-size:12px}.details-grid .fact-row dd{max-width:65%}@media(max-width:640px){.vip-grid,.vip-benefits,.provider-grid,.details-grid{grid-template-columns:1fr}.vip-highlight{padding:18px}.provider-row{padding:11px}.details-grid .fact-row dd{max-width:63%}}
.section-nav{position:sticky;top:0;z-index:8;height:48px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin;touch-action:pan-x;overscroll-behavior-x:contain;background:#fff;padding:0 10px;margin:14px 0 19px;box-shadow:0 4px 12px rgba(17,45,79,.05)}.section-nav .nav-label{flex:none;margin:0 14px 0 7px;color:var(--muted)}.section-nav a{flex:none;height:100%;display:inline-flex;align-items:center;border-radius:0;border-bottom:2px solid transparent;padding:0 12px}.section-nav a[aria-current="location"]{color:var(--brand);border-bottom-color:var(--brand);background:#fff8f7}section[id]{scroll-margin-top:64px}.details-grid .language-row{grid-column:1/-1;display:grid;grid-template-columns:150px minmax(0,1fr);align-items:start;gap:18px}.details-grid .language-row dd{max-width:none;text-align:left;font-weight:400;min-width:0}.language-preview,.language-list{display:flex;flex-wrap:wrap;gap:6px}.language-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:6px;background:#f8fafc;padding:4px 8px;font-size:11px;font-weight:700;color:var(--navy);white-space:nowrap}.language-chip>span{font-size:15px;line-height:1}.languages-disclosure{margin-top:8px}.languages-disclosure summary{cursor:pointer;display:inline-flex;align-items:center;gap:8px;color:var(--info);font-size:11px;font-weight:800;min-height:32px}.languages-disclosure summary::marker{content:""}.languages-disclosure[open] summary span{transform:rotate(180deg)}.language-list{padding:7px 0 10px}.language-row dd>small{display:block;margin-top:7px;color:var(--muted);font-size:10px}.language-row dd>small a{color:var(--info);text-decoration:underline}@media(max-width:640px){.section-nav{margin:12px 0 15px;height:46px}.section-nav .nav-label{display:none}.section-nav a{padding:0 13px;font-size:12px}.details-grid .language-row{grid-template-columns:1fr;gap:8px}.details-grid .language-row dd{max-width:100%}}
/* Bonus offers keep casino and sports terms in one editorial section. */
.bonus-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bonus-offer{min-width:0;border:1px solid var(--line);border-radius:10px;padding:19px 20px;background:#fff}
.sports-offer{background:#f9fbfd}
.bonus-offer-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:10px}
.bonus-offer-head h3{font-size:16px;margin:0;flex:1 1 210px}
.bonus-offer-head .text-link{white-space:nowrap}
.bonus-offer>p{font-size:12px;margin:0 0 13px}
.bonus-offer .terms-list .fact-row{align-items:baseline;font-size:11px;gap:8px}
.bonus-offer .terms-list .fact-row dt{flex:0 0 90px}
.bonus-offer .terms-list .fact-row dd{max-width:none;overflow-wrap:anywhere}
.bonus-source-note{margin-bottom:0}
.bonus-source-note a{color:var(--info);text-decoration:underline}
@media(max-width:800px){.bonus-offers{grid-template-columns:1fr}}
@media(max-width:640px){.bonus-offer{padding:15px}.bonus-offer .terms-list .fact-row dt{flex-basis:75px}}
/* Persistent review navigation, aligned with the overview. */
.brand-layout{display:grid;grid-template-columns:182px minmax(0,1fr);gap:20px;align-items:start}
.brand-content{min-width:0}
.brand-layout .section-nav{position:sticky;top:18px;z-index:8;align-self:start;display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;width:100%;height:auto;max-height:calc(100vh - 36px);overflow-x:hidden;overflow-y:auto;white-space:normal;margin:0;padding:14px 9px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:var(--shadow);scrollbar-width:thin}
.brand-layout .section-nav .nav-label{display:block;flex:none;margin:0 7px 9px;color:var(--info);letter-spacing:.08em}
.brand-layout .section-nav a{display:flex;align-items:center;flex:none;width:100%;min-height:39px;height:auto;padding:7px 10px;border:0;border-left:3px solid transparent;border-radius:5px;line-height:1.3;white-space:normal}
.brand-layout .section-nav a[aria-current="location"]{background:#fff4f3;color:var(--brand);border-left-color:var(--brand)}
.brand-layout section[id]{scroll-margin-top:20px}
@media(max-width:960px){.brand-layout{display:block}.brand-layout .section-nav{position:sticky;top:0;flex-direction:row;align-items:center;width:100%;height:48px;max-height:none;overflow-x:auto;overflow-y:hidden;white-space:nowrap;margin:0 0 17px;padding:0 10px;border-radius:9px}.brand-layout .section-nav .nav-label{display:none}.brand-layout .section-nav a{width:auto;min-height:46px;height:46px;white-space:nowrap;padding:0 12px;border:0;border-bottom:2px solid transparent;border-radius:0}.brand-layout .section-nav a[aria-current="location"]{border-left:0;border-bottom-color:var(--brand)}.brand-layout section[id]{scroll-margin-top:64px}}
.provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.provider-row{min-height:92px;padding:10px;gap:10px;background:#fff}
.provider-logo{flex:none;width:78px;height:60px;display:grid;place-items:center;overflow:hidden;border-radius:6px;border:1px solid #e9edf3;background:#f7f9fc}
.provider-logo img{width:100%;height:100%;object-fit:contain}
.provider-logo-text{font-size:17px;font-weight:900;color:var(--info);letter-spacing:.04em}
.provider-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.provider-copy b{font-size:12px;line-height:1.25}
.provider-copy small{font-size:10px;color:var(--muted)}
.provider-row .provider-arrow{margin-left:auto;color:var(--info)}
#providers .fine-print a{color:var(--info);text-decoration:underline}
@media(max-width:1200px){.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.provider-row{min-height:78px;padding:7px;gap:6px}.provider-logo{width:48px;height:47px}.provider-copy b{font-size:10px}.provider-copy small{font-size:9px}.provider-arrow{display:none}}
@media(max-width:380px){.provider-grid{grid-template-columns:1fr}.provider-logo{width:65px;height:52px}}
/* Compact game-type index, using KAJIMIRU's existing editorial palette. */
.game-type-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:23px 0 12px;padding-bottom:9px;border-bottom:1px solid var(--line)}
.game-type-heading h3{font-size:15px;margin:0}.game-type-heading h3 span{display:inline-grid;place-items:center;min-width:23px;height:23px;border-radius:6px;background:#e7f3f5;color:var(--info);font-size:11px;margin-left:5px}
.game-type-heading small{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--muted)}
.game-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.game-type{min-width:0;min-height:80px;border:1px solid var(--line);border-radius:9px;background:#fff;display:flex;align-items:center;gap:10px;padding:10px;position:relative}
.game-type-icon{flex:none;width:46px;height:46px;display:grid;place-items:center;border-radius:9px;background:#e9f4f6;color:var(--info)}
.game-type:nth-child(4n+2) .game-type-icon{background:#eff2f9;color:#3e6591}
.game-type:nth-child(4n+3) .game-type-icon{background:#fff2e9;color:#bd7250}
.game-type:nth-child(4n+4) .game-type-icon{background:#f3f0fa;color:#746198}
.game-type-icon svg{width:29px;height:29px;display:block}.game-type-copy{min-width:0;display:flex;flex-direction:column;line-height:1.35;gap:3px}.game-type-copy b{font-size:12px;overflow-wrap:anywhere}.game-type-copy small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.game-live{position:absolute;right:8px;top:7px;border-radius:4px;background:#fff0ed;color:#b94743;font-size:8px;font-weight:900;letter-spacing:.04em;padding:1px 4px}.game-type:has(.game-live) .game-type-copy{padding-right:19px}
.game-feature-foot{display:flex;gap:11px;align-items:flex-start;margin-top:16px;padding:13px 15px;border-left:3px solid var(--info);border-radius:4px;background:#f3f8fa}.game-feature-mark{color:var(--info);font-size:13px;margin-top:2px}.game-feature-foot p{font-size:11px;line-height:1.7;margin:0}.game-feature-foot b{color:var(--navy)}
@media(max-width:980px){.game-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.game-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-type{min-height:72px;padding:8px;gap:7px}.game-type-icon{width:39px;height:39px}.game-type-icon svg{width:25px;height:25px}.game-type-copy b{font-size:11px}.game-type-copy small{font-size:9px}.game-live{font-size:7px;top:4px;right:4px}.game-type:has(.game-live) .game-type-copy{padding-right:10px}}
@media(max-width:360px){.game-type-grid{grid-template-columns:1fr}.game-type:has(.game-live) .game-type-copy{padding-right:28px}}
/* Auditable rating popovers and the two-stage scoring note. */
.overview{overflow:visible}
.rating-note{width:min(380px,calc(100vw - 48px));font-size:11px;line-height:1.55;z-index:30}
.rating-note>strong{font-size:12px;color:var(--navy)}.rating-note p{font-size:11px;margin:7px 0;color:#52667a}
.rating-breakdown{border-top:1px solid var(--line);margin-top:8px}.rating-breakdown>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #e8edf3}.rating-breakdown>div span{min-width:0}.rating-breakdown>div b{white-space:nowrap;color:var(--navy);font-size:11px}.rating-breakdown small{font-size:9px;color:var(--muted);font-weight:600}.rating-breakdown a,.rating-source-link{color:var(--info);text-decoration:underline;text-underline-offset:2px}.rating-breakdown span small{display:block}.rating-note .rating-caveat{margin:9px 0;color:#627489}.rating-source-link{font-size:11px;font-weight:800}
.methodology{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;margin:13px 0}.methodology strong{display:block;font-size:12px;color:var(--navy)}.methodology p{font-size:11px;margin:5px 0 11px}.methodology p:last-child{margin-bottom:0}
@media(max-width:640px){.section-head{position:relative;z-index:4}.rating{position:static}.rating-note{top:calc(100% + 6px);right:0;width:min(335px,calc(100vw - 42px))}.rating-breakdown>div{gap:6px}.rating-breakdown>div b{font-size:10px}}
#payment .fine-print a{color:var(--info);text-decoration:underline;text-underline-offset:2px}
/* Editorial overview: fewer nested cards, clearer verification status. */
.overview .hero-main{padding-bottom:28px}.overview .eyebrow{display:none}.overview .brand-identity{margin-top:6px}.overview .hero-actions .button.secondary{display:none}.overview .overview-rewrite{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:32px;padding-top:4px}.overview-editorial{padding:0}.overview-editorial>small{display:block;color:var(--info);font-size:11px;font-weight:800;letter-spacing:.03em;margin-bottom:10px}.overview-editorial h3{font-size:19px;line-height:1.45;margin:0 0 10px}.overview-editorial p{font-size:13px;line-height:1.85;margin:0 0 14px}.overview-checks{margin:0;border-top:1px solid var(--line)}.overview-checks>div{display:grid;grid-template-columns:106px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.65}.overview-checks dt{font-weight:800;color:var(--navy)}.overview-checks dd{margin:0;color:#596a7d}@media(max-width:900px){.overview .overview-rewrite{grid-template-columns:1fr;gap:20px}}@media(max-width:640px){.overview-checks>div{grid-template-columns:1fr;gap:3px}.overview .hero-main{padding-bottom:24px}}
/* Editorial treatment for the two condition-heavy sections. */
.editorial-module .editorial-lead{max-width:760px;margin:0 0 22px;font-size:14px;line-height:1.8;color:#40566d}
.offer-list{border-top:1px solid var(--line)}
.offer-item{padding:23px 0 25px;border-bottom:1px solid var(--line)}
.offer-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:9px}
.offer-heading small,.payment-editorial small{display:block;margin-bottom:5px;color:var(--info);font-size:11px;font-weight:800}
.offer-heading h3,.payment-editorial h3{margin:0;font-size:18px;line-height:1.5;letter-spacing:-.02em}
.offer-heading .text-link{flex:none}
.offer-item>p{margin:0 0 15px;font-size:13px;line-height:1.75}
.offer-facts{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.offer-facts>div{border-left:1px solid var(--line);padding-left:13px}
.offer-facts dt{margin-bottom:4px;color:var(--navy);font-size:11px;font-weight:800}
.offer-facts dd{margin:0;color:#596a7d;font-size:12px;line-height:1.7}
.editorial-source{margin:16px 0 0;color:#718093;font-size:11px;line-height:1.7}
.editorial-source a{color:var(--info);text-decoration:underline;text-underline-offset:2px}
.payment-editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;padding:3px 0 24px;border-bottom:1px solid var(--line)}
.payment-editorial h3{font-size:21px}
.payment-editorial p{margin:9px 0 0;font-size:13px;line-height:1.8}
.payment-editorial dl{margin:0}
.payment-editorial dl>div{display:grid;grid-template-columns:91px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}
.payment-editorial dl>div:last-child{border-bottom:0}
.payment-editorial dt{color:#6b7b8e}
.payment-editorial dd{margin:0;color:var(--navy);font-weight:700;line-height:1.6}
.payment-table-head{display:flex;align-items:baseline;gap:15px;margin:22px 0 12px}
.payment-table-head h3{margin:0;font-size:16px}
.payment-table-head p{margin:0;font-size:11px}
.editorial-module .table-scroll{border-radius:0}
.editorial-module .table-scroll thead{background:#f2f5f8}
.editorial-module .table-scroll tbody th{background:#fff}
.payment-details{border:0;border-bottom:1px solid var(--line);border-radius:0}
.payment-details summary{padding:12px 0;color:var(--info)}
.payment-details>div{padding:10px 0}
@media(max-width:760px){.offer-facts{grid-template-columns:1fr;gap:10px}.payment-editorial{grid-template-columns:1fr;gap:15px}.offer-heading{display:block}.offer-heading .text-link{display:inline-block;margin-top:8px}.payment-table-head{display:block}.payment-table-head p{margin-top:4px}}
.overview .hero-actions .button.secondary{display:inline-flex}
.overview .overview-pros-cons{display:block;padding-top:4px}
.overview-pros-cons .pros-cons{gap:16px}
.overview-pros-cons .list-panel{background:#fff;border:1px solid var(--line);border-top:2px solid var(--line);box-shadow:none}
.overview-pros-cons .list-panel.plus{border-top-color:#0d9fa9}
.overview-pros-cons .list-panel.minus{border-top-color:#d89057}
.overview-pros-cons .list-panel h3{margin-bottom:12px}
.overview-pros-cons .list-panel ul{font-size:12px;line-height:1.75}
@media(max-width:640px){.overview-pros-cons .pros-cons{grid-template-columns:1fr}}
.overview .hero-main{max-width:none;padding:32px 36px 30px}
.overview .brand-identity{gap:28px;margin:5px 0 20px}
.overview .brand-logo{width:290px;height:130px;border:0;background:#1a2442;border-radius:12px}
.overview .brand-logo img{width:274px;max-height:none}
.overview .lead{max-width:820px;margin-bottom:19px}
@media(max-width:640px){.overview .hero-main{padding:23px 20px}.overview .brand-identity{gap:16px;margin:0 0 17px}.overview .brand-logo{width:174px;height:86px}.overview .brand-logo img{width:164px}.overview .lead{margin-bottom:18px}}
@media(max-width:480px){.overview .brand-identity{align-items:flex-start;flex-direction:column;gap:12px}.overview .brand-logo{width:220px;height:100px}.overview .brand-logo img{width:208px}}
/* Game pictograms: warm paper, ink strokes and a small vermilion seal. */
#games .game-type-icon{position:relative;isolation:isolate;overflow:hidden;border:1px solid #e6dac9;border-radius:5px;background:#fbf6eb;color:#273e52;box-shadow:inset 0 0 0 3px rgba(255,255,255,.55)}
#games .game-type:nth-child(4n+2) .game-type-icon,#games .game-type:nth-child(4n+3) .game-type-icon,#games .game-type:nth-child(4n+4) .game-type-icon{background:#fbf6eb;color:#273e52}
#games .game-type-icon:before{content:"";position:absolute;left:4px;top:4px;width:5px;height:5px;background:#d35447;border-radius:1px;transform:rotate(-8deg)}
#games .game-type-icon svg{width:30px;height:30px;stroke-width:1.9;filter:drop-shadow(.3px .3px 0 rgba(39,62,82,.25))}
#games .game-type{border-color:#e7e3db;background:#fffefa}
@media(max-width:700px){#games .game-type-icon svg{width:25px;height:25px}}
.provider-row{cursor:default;background:#fff}
.provider-row:hover{border-color:var(--line);background:#fff}
.provider-logo-fallback{display:none;color:var(--info);font-size:17px;font-weight:900;letter-spacing:.04em}
.provider-logo:not(:has(img:not([hidden]))) .provider-logo-fallback{display:block}
.provider-logo img[hidden]{display:none}
#vip .vip-benefits{display:block;margin:0;border-top:1px solid var(--line)}
#vip .vip-benefits>div{display:grid;grid-template-columns:125px minmax(0,1fr);gap:12px;align-items:baseline;padding:12px 2px;border:0;border-bottom:1px solid var(--line);border-radius:0}
#vip .vip-benefits dt{font-size:12px;font-weight:800}
#vip .vip-benefits dd{margin:0;color:#596a7d;font-size:12px;line-height:1.6}
.methodology .methodology-summary{margin:0 0 9px;color:#516579}
.methodology-details{border-top:1px solid var(--line)}
.methodology-details summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;padding:10px 0;color:var(--info);font-size:12px;font-weight:800;list-style:none}
.methodology-details summary::-webkit-details-marker{display:none}
.methodology-details[open] summary span{transform:rotate(45deg)}
.methodology-details>div{padding:2px 0 8px}
.meta-strip>div{min-width:0;flex:1}
.meta-strip>.button{flex:none;white-space:nowrap}
@media(max-width:640px){#vip .vip-benefits>div{grid-template-columns:110px minmax(0,1fr);gap:8px}}
/* Plain editorial rows for the support options. */
#bonuses .heading h2,#payment .heading h2,#support .heading h2{margin-top:0}
#support .support-list{display:block;border:0;border-top:1px solid var(--line);border-radius:0}
#support .support-list>div{display:grid;grid-template-columns:minmax(110px,.6fr) minmax(0,1.7fr) auto;align-items:baseline;column-gap:18px;padding:14px 2px;border:0;border-bottom:1px solid var(--line)}
#support .support-list>div:last-child{border-bottom:1px solid var(--line)}
#support .support-list span{display:none}
#support .support-list b{font-size:13px}
#support .support-list p{margin:0;font-size:12px}
#support .support-list a{white-space:nowrap}
@media(max-width:640px){#support .support-list>div{grid-template-columns:1fr auto;row-gap:3px;padding:13px 1px}#support .support-list b{grid-column:1}#support .support-list p{grid-column:1;grid-row:2}#support .support-list a{grid-column:2;grid-row:1 / 3;align-self:center}}
/* Editorial data tables: compact labels, left-aligned values and quiet rules. */
.payment-priority{display:flex;align-items:baseline;gap:28px;padding:17px 21px;border-left:3px solid var(--brand);background:#fbf8f6}
.payment-priority small{flex:0 0 100px;color:#a54843;font-size:11px;font-weight:800}
.payment-priority h3{margin:0;font-size:16px;line-height:1.5}
.payment-priority p{margin:3px 0 0;color:#52657a;font-size:12px}
.payment-table-head{margin:25px 0 12px}
.payment-table-head h3{font-size:17px}
.payment-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.payment-method,.security-group{min-width:0}
.payment-method h4,.security-group h3{display:flex;align-items:center;gap:10px;margin:0;padding:0 0 10px;border-bottom:2px solid #1b7890;font-size:16px;line-height:1.5}
.payment-method h4 span{font-size:11px;color:#087f98;letter-spacing:.1em}
.jp-data-table{display:block;margin:0}
.jp-data-table .fact-row{display:grid;grid-template-columns:122px minmax(0,1fr);gap:0;align-items:stretch;padding:0;border-bottom:1px solid #e3e8ee;font-size:12px;line-height:1.7}
.jp-data-table .fact-row dt,.jp-data-table .fact-row dd{min-width:0;padding:12px 14px;text-align:left}
.jp-data-table .fact-row dt{background:#f7f9fb;color:#64768a;font-weight:700}
.jp-data-table .fact-row dd{max-width:none;margin:0;color:var(--navy);font-weight:600;overflow-wrap:anywhere}
.jp-data-table .status{display:inline-block;margin:0 8px 0 0;vertical-align:1px;font-size:10px;font-weight:700}
.security-groups{display:grid;gap:26px}
.security-group .jp-data-table .fact-row{grid-template-columns:175px minmax(0,1fr)}
#security .caution{margin-top:23px;padding:13px 17px;background:#fbf8f6;border-left:3px solid var(--brand);font-size:12px}
#security .caution b{flex:0 0 175px}
#security .caution p{margin:0}
.details-grid.jp-data-table{display:block;border-top:2px solid #1b7890}
.details-grid.jp-data-table .fact-row,.details-grid.jp-data-table .language-row{display:grid;grid-template-columns:175px minmax(0,1fr);gap:0;font-size:12px}
.details-grid.jp-data-table .language-row dd{max-width:none;padding:12px 14px}
@media(max-width:760px){.payment-method-grid{grid-template-columns:1fr;gap:24px}.payment-priority{display:block;padding:14px 17px}.payment-priority small{display:block;margin-bottom:5px}.security-group .jp-data-table .fact-row,.details-grid.jp-data-table .fact-row,.details-grid.jp-data-table .language-row{grid-template-columns:118px minmax(0,1fr)}}
@media(max-width:480px){.jp-data-table .fact-row,.security-group .jp-data-table .fact-row,.details-grid.jp-data-table .fact-row,.details-grid.jp-data-table .language-row{grid-template-columns:96px minmax(0,1fr)}.jp-data-table .fact-row dt,.jp-data-table .fact-row dd{padding:11px 10px}.details-grid.jp-data-table .language-row dd{padding:11px 10px}.jp-data-table .status{margin-bottom:3px}}
.detail-header-logo{display:flex;align-items:center;flex:none;width:142px;height:70px;overflow:hidden;background:transparent}
.detail-header-logo img{display:block;width:142px;max-width:none;height:auto}
@media(max-width:640px){.detail-header-logo{width:112px;height:58px}.detail-header-logo img{width:112px}}
/* Bonus offers: editorial image, essential terms, and a direct source CTA. */
.bonus-card-list{display:grid;gap:18px}
.bonus-card{display:grid;grid-template-columns:minmax(220px,36%) minmax(0,1fr);gap:24px;padding:18px;border:1px solid #dce3eb;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(17,45,79,.045)}
.bonus-card-visual{position:relative;min-height:300px;margin:0;border-radius:10px;overflow:hidden;background:#17213f}
.bonus-card-photo img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;object-position:left center}
.bonus-card-photo figcaption{position:absolute;right:10px;bottom:10px;padding:3px 7px;border-radius:4px;background:rgba(11,25,48,.78);color:#fff;font-size:10px}
.bonus-card-photo figcaption a{text-decoration:underline;text-underline-offset:2px}
.bonus-card-sports-photo img{object-position:center}
.bonus-card--sports{grid-template-columns:minmax(260px,42%) minmax(0,1fr)}
.bonus-card--sports .bonus-card-sports-banner{width:100%;height:100%;min-height:300px;max-height:none;background:#1b052b}
.bonus-card-sports-banner img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.bonus-card--sports{grid-template-columns:1fr}.bonus-card--sports .bonus-card-sports-banner{height:auto;min-height:0;aspect-ratio:1828 / 1118}}
.bonus-card-body{display:flex;flex-direction:column;min-width:0;padding:3px 4px 3px 0}
.bonus-card-type{align-self:flex-start;margin-bottom:10px;padding:4px 9px;border-radius:4px;background:#eaf3f6;color:#087f98;font-size:11px;font-weight:800}
.bonus-card-body h3{margin:0 0 10px;font-size:20px;line-height:1.5;letter-spacing:-.025em}
.bonus-card-summary{margin:0 0 12px;color:#40566d;font-size:12px;line-height:1.65}
.bonus-card-points{display:grid;gap:7px;margin:0 0 18px;padding:0;list-style:none}
.bonus-card-points li{display:grid;grid-template-columns:74px minmax(0,1fr);gap:8px;padding-left:12px;border-left:2px solid #c4dfe7;color:#53667b;font-size:11px;line-height:1.55}
.bonus-card-points b{color:#172f4d}
.bonus-card-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:43px;margin-top:auto;padding:8px 15px;border-radius:7px;background:#087f98;color:#fff;font-size:12px;font-weight:800;transition:background .2s ease}
.bonus-card-cta:hover{background:#086a7f}
.bonus-card-cta span{font-size:19px;line-height:1}
@media(max-width:760px){.bonus-card{grid-template-columns:1fr;gap:16px}.bonus-card-visual,.bonus-card-photo img{min-height:220px;max-height:260px}.bonus-card-body{padding:0 2px 2px}.bonus-card-body h3{font-size:18px}.bonus-card-points li{grid-template-columns:72px minmax(0,1fr)}}
/* Screenshots keep the brand's real interface visible without changing the editorial layout. */
.review-screen{margin:2px 0 25px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#f5f2fa}
.review-screen img{display:block;width:100%;height:280px;object-fit:cover;object-position:center top}
.review-screen figcaption{display:flex;justify-content:space-between;gap:12px;padding:9px 14px;color:#53657a;background:#fff;font-size:11px;font-weight:700}
.review-screen figcaption span{font-weight:400;color:#7a899b}
.review-screen figcaption a{color:var(--info);text-decoration:underline;text-underline-offset:2px}
@media(max-width:640px){.review-screen{margin-bottom:20px}.review-screen img{height:185px}.review-screen figcaption{display:block;font-size:10px}.review-screen figcaption span{display:block;margin-top:2px}}
/* Visual process boards for payment and identity checks. */
.flow-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:26px 0 13px}
.flow-heading h3{margin:0;font-size:17px;color:var(--navy)}
.flow-heading span{font-size:10px;font-weight:800;letter-spacing:.13em;color:#688399}
.process-flow{display:grid;gap:13px;position:relative}
.process-flow--payment{grid-template-columns:repeat(2,minmax(0,1fr))}
.process-flow--security{grid-template-columns:repeat(3,minmax(0,1fr))}
.process-stage{position:relative;min-width:0;padding-top:26px}
.process-stage:not(:last-child)::after{content:'→';position:absolute;top:4px;right:-13px;z-index:2;width:26px;height:26px;border-radius:50%;background:#fff;color:#087f98;text-align:center;font-size:18px;line-height:25px;font-weight:800}
.process-marker{position:absolute;top:0;left:16px;z-index:1;display:flex;align-items:center;gap:7px;color:#087f98;font-size:11px;font-weight:800}
.process-marker span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#087f98;color:#fff;font-size:11px;box-shadow:0 0 0 5px #eaf3f6}
.process-panel{height:100%;overflow:hidden;border:1px solid #d7e4e9;border-radius:12px;background:#f3f7f8}
.process-panel-head{min-height:90px;padding:22px 18px 13px}
.process-panel-head small{font-size:9px;font-weight:800;letter-spacing:.15em;color:#087f98}
.process-panel-head h3,.process-panel-head h4{margin:6px 0 0;font-size:16px;line-height:1.35;color:var(--navy)}
.process-items{display:grid;gap:7px;padding:8px}
.process-items>div{position:relative;display:flex;flex-direction:column;gap:4px;min-height:73px;padding:11px 13px;border:1px solid #e0e8eb;border-radius:7px;background:#fff;box-shadow:0 2px 5px rgba(17,45,79,.025)}
.process-items>div:first-child{border-color:#087f98;background:#087f98}
.process-items small{font-size:10px;font-weight:800;color:#698098}
.process-items b{font-size:12px;line-height:1.45;color:var(--navy);overflow-wrap:anywhere}
.process-items span{font-size:10px;line-height:1.45;color:#5f7185}
.process-items em{align-self:flex-start;margin-top:3px;padding:2px 6px;border-radius:3px;background:#fff1d9;color:#95671c;font-size:9px;font-style:normal;font-weight:800}
.process-items>div:first-child small,.process-items>div:first-child b,.process-items>div:first-child span{color:#fff}
.process-flow--security .process-panel-head{min-height:88px}
.process-flow--security .process-items>div{min-height:91px}
.process-flow--security .process-items b{font-size:11px}
@media(max-width:760px){.process-flow--security{grid-template-columns:1fr}.process-stage:not(:last-child)::after{top:auto;bottom:-21px;right:calc(50% - 13px);transform:rotate(90deg)}.process-flow--security .process-panel-head{min-height:75px}.process-flow--security .process-items>div{min-height:0}}
@media(max-width:640px){.flow-heading{align-items:flex-start;flex-direction:column;gap:4px}.process-flow--payment{grid-template-columns:1fr}.process-panel-head{min-height:75px}.process-items>div{min-height:0}}
/* Both bonus visuals share the same frame; preserve the supplied artwork. */
.bonus-card{grid-template-columns:minmax(260px,42%) minmax(0,1fr)}
.bonus-card-visual{width:100%;height:100%;min-height:300px;max-height:none;background:#1b052b}
.bonus-card-banner img,.bonus-card-sports-banner img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.bonus-card{grid-template-columns:1fr}.bonus-card-visual{height:auto;min-height:0;max-height:none;aspect-ratio:1828 / 1118}.bonus-card-banner img,.bonus-card-sports-banner img{height:100%;min-height:0;max-height:none}}
#security .security-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#security .security-group h3{padding-bottom:11px;border-bottom:2px solid #1b7890}
#security .security-group .jp-data-table .fact-row{grid-template-columns:112px minmax(0,1fr)}
#security .security-group .jp-data-table .fact-row dt{background:#f7f9fb}
@media(max-width:760px){#security .security-groups{grid-template-columns:1fr;gap:23px}#security .security-group .jp-data-table .fact-row{grid-template-columns:110px minmax(0,1fr)}}
@media(max-width:480px){#security .security-group .jp-data-table .fact-row{grid-template-columns:96px minmax(0,1fr)}}
}
/* stake-provider-image-sources.html */
@scope (html[data-site-page="stake-provider-image-sources.html"]) {
:scope{--navy:#122d4f;--brand:#e84e4b;--page:#f5f7fb;--surface:#fff;--line:#dce3ee;--info:#087f98;--muted:#63758a;--shadow:0 7px 26px rgba(17,45,79,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--navy);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.35}p{color:#4f6074}a:focus-visible,button:focus-visible,summary:focus-visible,.table-scroll:focus-visible{outline:3px solid #087f98;outline-offset:3px}section[id]{scroll-margin-top:30px}.site-shell{min-width:0}.legal-bar{background:#092849;color:#e8f4fc;min-height:33px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;padding:5px 16px}.legal-bar b{color:#ffe189;letter-spacing:.07em}.legal-bar a{text-decoration:underline}.main-header{height:76px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:9px;white-space:nowrap}.logo-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--brand);color:white;font-size:25px;line-height:1}.logo strong{font-size:22px;letter-spacing:-.07em;line-height:1}.logo strong span{color:var(--brand)}.logo small{display:block;margin-top:3px;font-size:9px;letter-spacing:.16em;color:#7a899c}.primary-nav{display:flex;align-items:center;gap:31px;font-size:13px;font-weight:700}.primary-nav a:hover,.text-link:hover,.source-links a:hover{color:var(--brand)}.menu-toggle{display:none;border:1px solid var(--line);background:white;border-radius:8px;padding:5px 10px;font-size:20px}.page-wrap{width:min(1200px,calc(100% - 40px));margin:auto}.breadcrumbs{display:flex;gap:9px;align-items:center;color:#8290a0;font-size:12px;padding:24px 2px}.breadcrumbs a{color:var(--info)}.section-block{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);padding:32px;margin-bottom:22px}.overview{padding:0;overflow:hidden}.hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(275px,.8fr);border-bottom:1px solid var(--line)}.hero-main{padding:39px 40px 35px}.eyebrow,.heading small{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--info)}.eyebrow{display:flex;gap:10px}.eyebrow span{color:#a8b4c1}.brand-identity{display:flex;align-items:center;gap:22px;margin:24px 0 22px}.brand-logo{width:120px;height:88px;border:1px solid #e5e2f1;background:#f6f3ff;border-radius:13px;display:grid;place-items:center;flex:none;overflow:hidden}.brand-logo img{width:105px;max-height:68px;object-fit:contain}.brand-kicker{color:var(--brand);font-size:12px;font-weight:800;margin-bottom:5px}.brand-identity h1{font-size:31px;letter-spacing:-.04em;margin:0}.brand-identity h1 span{display:block;font-size:17px;letter-spacing:0;margin-top:3px}.lead{font-size:15px;line-height:1.85;max-width:650px;margin-bottom:25px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.button{min-height:42px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:8px 17px;font-size:13px;font-weight:800}.button.primary{background:var(--brand);color:white}.button.primary:hover{background:#cf3d3a}.button.secondary{background:white;border:1px solid var(--line);color:var(--navy)}.button.secondary:hover{border-color:var(--info);color:var(--info)}.hero-facts{background:#f8fafc;padding:40px 31px}.fact-heading{font-size:11px;font-weight:900;color:var(--info);letter-spacing:.12em;border-bottom:1px solid var(--line);padding-bottom:14px}.fact-heading span{display:block;letter-spacing:0;color:var(--muted);font-weight:500;margin-top:2px}.hero-facts dl,.info-panel dl,.terms-list{margin:0}.fact-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e8edf3;font-size:13px}.fact-row:last-child{border:0}.fact-row dt{color:#718095;flex:0 0 auto}.fact-row dd{margin:0;text-align:right;font-weight:700}.status{display:inline-block;border-radius:5px;background:#fff4df;color:#9a650a;font-size:10px;font-weight:800;padding:2px 6px;margin-right:5px;white-space:nowrap}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.overview>.section-head{padding:29px 35px 0}.heading{display:flex;align-items:center;gap:13px;min-width:0}.section-number{width:34px;height:34px;display:grid;place-items:center;flex:none;background:#eaf1f7;border-radius:9px;color:var(--info);font-size:13px;font-weight:900}.heading h2{font-size:22px;margin:3px 0 0;letter-spacing:-.03em}.rating{position:relative;flex:none;font-size:11px;z-index:2}.rating summary{list-style:none;display:flex;align-items:center;gap:7px;background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:6px 9px;cursor:pointer;white-space:nowrap}.rating summary::-webkit-details-marker{display:none}.rating-label{color:#6a7b8e;font-weight:700}.stars{color:#e9b94b;font-size:15px;letter-spacing:-2px}.rating b{font-size:12px}.rating-chevron{color:#8090a1}.rating-note{position:absolute;right:0;top:calc(100% + 6px);width:255px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px;box-shadow:var(--shadow);color:#52667a;line-height:1.5;white-space:normal}.overview-body{padding:3px 35px 33px;display:grid;grid-template-columns:.85fr 1.15fr;gap:35px}.intro-column h3,.list-panel h3,.terms-lead h3{font-size:16px;margin:0 0 8px}.intro-column p{font-size:13px;margin:0 0 10px}.text-link{color:var(--info);font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.list-panel{border:1px solid var(--line);border-radius:10px;padding:17px;background:#fcfdff}.list-panel.plus{border-top:3px solid #0d9fa9}.list-panel.minus{border-top:3px solid #e9a86b}.list-panel h3 span{color:var(--info);font-size:20px;margin-right:5px}.list-panel.minus h3 span{color:#cf7832}.list-panel ul{padding-left:19px;margin:0;color:#56677a;font-size:12px;line-height:1.7}.list-panel li+li{margin-top:6px}.section-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:20px 0 23px;padding:11px 12px;background:#eaf0f6;border:1px solid var(--line);border-radius:10px}.section-nav span{font-weight:800;font-size:11px;color:#6b7b8e;margin:0 15px 0 7px}.section-nav a{font-size:12px;font-weight:700;padding:7px 11px;border-radius:6px}.section-nav a:hover,.section-nav a:focus-visible{background:white;color:var(--brand)}.section-intro{font-size:13px;margin:0 0 22px;max-width:840px}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.game-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white}.game-art{height:112px;background:#e8f1f5;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;color:#1c6584}.game-art span{font-size:39px;line-height:1}.game-art small{font-size:10px;font-weight:900;letter-spacing:.1em;align-self:flex-end}.art-1{background:#eaf3f6;color:#0c8295}.art-2{background:#f3efff;color:#674ab0}.art-3{background:#fff4ec;color:#a96c38}.game-copy{padding:15px 17px}.game-copy h3{font-size:15px;margin:0 0 5px}.game-copy p{font-size:12px;margin:0}.inline-note,.fine-print{font-size:11px;color:#7b8998}.inline-note{margin-top:13px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.info-panel{border:1px solid var(--line);border-radius:10px;padding:20px 22px}.panel-title{display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);padding-bottom:13px}.panel-title h3{font-size:16px;margin:0}.panel-icon{width:29px;height:29px;display:grid;place-items:center;background:#e8f5f6;color:var(--info);border-radius:7px;font-weight:900}.info-panel .fact-row{font-size:12px}.info-panel .fact-row dd{max-width:64%}.fine-print{margin:13px 0 0}.caution{display:flex;gap:20px;align-items:baseline;margin-top:16px;border-left:3px solid var(--brand);background:#fff8f6;padding:12px 17px;border-radius:4px}.caution b{flex:none;font-size:12px}.caution p{font-size:12px;margin:0}.terms-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:24px}.terms-lead{padding:23px;background:#f8fafc;border-radius:9px}.terms-lead h3{font-size:17px;margin-top:16px}.terms-lead p{font-size:13px}.terms-list{border-top:1px solid var(--line)}.terms-list .fact-row{padding:10px 0;font-size:12px}.terms-list .fact-row dd{max-width:70%}.method-tags{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.method-tags>div{display:flex;align-items:center;gap:10px;background:#f4f8fb;border:1px solid var(--line);border-radius:9px;padding:13px 17px}.method-icon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;color:var(--info);background:#def2f4;font-size:18px;font-weight:800}.method-tags b{font-size:13px}.method-tags small{color:var(--muted);font-size:11px;margin-left:auto}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:9px}.table-scroll table{border-collapse:collapse;width:100%;min-width:620px;font-size:12px}.table-scroll th,.table-scroll td{text-align:left;padding:11px 15px;border-bottom:1px solid var(--line)}.table-scroll tr:last-child th,.table-scroll tr:last-child td{border-bottom:0}.table-scroll thead{background:#eaf1f7}.table-scroll tbody th{width:140px;background:#fafbfd}.accordion{border:1px solid var(--line);border-radius:8px;margin-top:13px}.accordion summary{cursor:pointer;padding:12px 16px;display:flex;justify-content:space-between;gap:15px;font-size:12px;font-weight:800}.accordion summary::marker{content:""}.accordion[open] summary span{transform:rotate(45deg)}.accordion>div{border-top:1px solid var(--line);padding:12px 16px;font-size:12px;color:#52677c}.accordion p:last-child{margin-bottom:0}.accordion a{color:var(--info);text-decoration:underline}.support-list{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:9px}.support-list>div{padding:20px;border-right:1px solid var(--line)}.support-list>div:last-child{border:0}.support-list span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#e9f4f5;color:var(--info);font-size:20px;margin-bottom:10px}.support-list b{display:block;font-size:14px}.support-list p{font-size:12px;margin:4px 0}.support-list a,.support-list em{font-size:11px;color:var(--info);font-style:normal;font-weight:800}.support-foot{display:flex;gap:18px;background:#f8fafc;border-radius:8px;padding:13px 17px;margin-top:15px}.support-foot b{white-space:nowrap;font-size:12px}.support-foot p{margin:0;font-size:12px}.meta-strip{display:flex;justify-content:space-between;gap:30px;align-items:center;background:#eaf1f7;border:1px solid var(--line);border-radius:10px;padding:22px 27px;margin:25px 0}.meta-strip b{font-size:14px}.meta-strip p{font-size:11px;margin:5px 0}.source-links{display:flex;flex-wrap:wrap;gap:5px 17px;margin-top:9px}.source-links a{font-size:11px;color:var(--info);text-decoration:underline}.site-footer{background:#102d4d;color:#d9e7f3}.footer-inner{max-width:1200px;margin:auto;padding:35px 20px}.footer-logo strong{color:#fff}.footer-inner p{max-width:750px;color:#b7cada;font-size:12px;margin:16px 0 10px}.footer-inner>small{font-size:10px;color:#91abc1}@media(max-width:900px){.main-header{padding:0 20px}.primary-nav{gap:14px;font-size:11px}.game-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1.3fr .8fr}.hero-main{padding:30px}.hero-facts{padding:30px 20px}.overview-body{grid-template-columns:1fr;gap:20px}.section-nav{position:static}.rating-label{display:none}}@media(max-width:640px){body{font-size:14px}.legal-bar{font-size:9px;justify-content:space-between}.legal-bar span{max-width:180px}.main-header{height:62px}.logo strong{font-size:19px}.logo-mark{width:33px;height:33px}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;top:95px;left:0;right:0;background:white;padding:15px 20px;box-shadow:var(--shadow);z-index:10;flex-direction:column;align-items:stretch;gap:0}.primary-nav.open{display:flex}.primary-nav a{padding:10px;border-bottom:1px solid var(--line);font-size:13px}.page-wrap{width:calc(100% - 24px)}.breadcrumbs{padding:17px 3px}.hero{display:block}.hero-main{padding:24px 21px}.brand-identity{gap:13px;margin:20px 0}.brand-logo{width:82px;height:67px}.brand-logo img{width:74px}.brand-identity h1{font-size:23px}.brand-identity h1 span{font-size:12px}.brand-kicker{font-size:10px}.lead{font-size:13px}.hero-actions .button{flex:1;gap:6px;padding:8px 10px;font-size:11px}.hero-facts{padding:20px 21px}.section-block{padding:21px 17px;margin-bottom:13px}.overview{padding:0}.overview>.section-head{padding:21px 17px 0}.overview-body{padding:0 17px 21px}.section-head{align-items:flex-start;gap:8px}.heading{gap:8px}.section-number{width:28px;height:28px;font-size:11px}.heading small{font-size:9px;letter-spacing:.04em}.heading h2{font-size:17px}.rating summary{gap:3px;padding:5px 6px}.rating b{font-size:10px}.stars{font-size:11px}.rating-chevron{font-size:10px}.rating-note{width:min(250px,80vw)}.pros-cons,.two-column,.method-tags,.support-list,.terms-layout{grid-template-columns:1fr}.section-nav{gap:2px;margin:14px 0}.section-nav span{width:100%;margin:0 0 3px 7px}.section-nav a{padding:6px 7px;font-size:11px}.game-grid{grid-template-columns:1fr 1fr;gap:9px}.game-art{height:72px;padding:10px}.game-art span{font-size:28px}.game-art small{font-size:8px}.game-copy{padding:10px}.game-copy h3{font-size:12px}.game-copy p{font-size:10px}.caution,.support-foot{display:block}.caution b,.support-foot b{display:block;margin-bottom:4px}.method-tags>div{padding:10px}.method-tags small{font-size:10px}.support-list>div{border-right:0;border-bottom:1px solid var(--line);padding:14px}.support-list>div:last-child{border:0}.meta-strip{display:block;padding:18px}.meta-strip .button{margin-top:14px}.footer-inner{padding:25px 14px}}@media(max-width:380px){.game-grid{grid-template-columns:1fr}.rating summary{flex-wrap:wrap;justify-content:flex-end;max-width:94px}.rating .stars{letter-spacing:-3px}}
:scope .rating .stars{background:linear-gradient(90deg,#e9b94b var(--fill),#cbd5df var(--fill));background-clip:text;-webkit-background-clip:text;color:transparent}
.overview{overflow:visible}.overview .hero{border-radius:15px 15px 0 0;overflow:hidden}.rating .stars{background:linear-gradient(90deg,#e9b94b var(--fill),#cbd5df var(--fill));background-clip:text;-webkit-background-clip:text;color:transparent}
.list-panel h3 small{font-size:11px;font-weight:600;color:#708196;margin-left:5px}
.overview .hero{display:block}.overview .hero-main{max-width:860px}.overview-body{grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:20px}.overview-takeaway{background:#f4f8fb;border-left:3px solid var(--info);border-radius:0 8px 8px 0;padding:18px 20px}.overview-takeaway .takeaway-label{display:block;color:var(--info);font-size:10px;font-weight:800;letter-spacing:.1em;margin-bottom:7px}.overview-takeaway h3{font-size:17px;margin-bottom:8px}.overview-takeaway p{font-size:13px;line-height:1.8;margin-bottom:12px}@media(max-width:900px){.overview-body{grid-template-columns:1fr}}@media(max-width:640px){.overview-takeaway{padding:15px 16px}}
.vip-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.vip-highlight{background:#f4f8fb;border:1px solid var(--line);border-radius:10px;padding:23px}.vip-highlight small{display:block;font-size:10px;color:var(--info);font-weight:800;letter-spacing:.12em}.vip-highlight strong{display:block;font-size:21px;margin:7px 0}.vip-highlight p{font-size:12px;margin:0}.vip-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vip-benefits>div{border:1px solid var(--line);border-radius:9px;padding:15px}.vip-benefits b,.vip-benefits span{display:block}.vip-benefits b{font-size:13px}.vip-benefits span{font-size:11px;color:var(--muted);margin-top:4px}.provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.provider-row{display:flex;align-items:center;gap:10px;min-width:0;border:1px solid var(--line);border-radius:8px;padding:12px 14px}.provider-row b{font-size:13px}.provider-row span{font-size:11px;color:var(--muted)}.provider-row span:last-child{margin-left:auto;color:var(--info)}.provider-row:hover{border-color:var(--info);background:#f7fafc}.accordion .provider-grid{padding:13px}.details-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;margin:0;border-top:1px solid var(--line)}.details-grid .fact-row{font-size:12px}.details-grid .fact-row dd{max-width:65%}@media(max-width:640px){.vip-grid,.vip-benefits,.provider-grid,.details-grid{grid-template-columns:1fr}.vip-highlight{padding:18px}.provider-row{padding:11px}.details-grid .fact-row dd{max-width:63%}}
.section-nav{position:sticky;top:0;z-index:8;height:48px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin;touch-action:pan-x;overscroll-behavior-x:contain;background:#fff;padding:0 10px;margin:14px 0 19px;box-shadow:0 4px 12px rgba(17,45,79,.05)}.section-nav .nav-label{flex:none;margin:0 14px 0 7px;color:var(--muted)}.section-nav a{flex:none;height:100%;display:inline-flex;align-items:center;border-radius:0;border-bottom:2px solid transparent;padding:0 12px}.section-nav a[aria-current="location"]{color:var(--brand);border-bottom-color:var(--brand);background:#fff8f7}section[id]{scroll-margin-top:64px}.details-grid .language-row{grid-column:1/-1;display:grid;grid-template-columns:150px minmax(0,1fr);align-items:start;gap:18px}.details-grid .language-row dd{max-width:none;text-align:left;font-weight:400;min-width:0}.language-preview,.language-list{display:flex;flex-wrap:wrap;gap:6px}.language-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:6px;background:#f8fafc;padding:4px 8px;font-size:11px;font-weight:700;color:var(--navy);white-space:nowrap}.language-chip>span{font-size:15px;line-height:1}.languages-disclosure{margin-top:8px}.languages-disclosure summary{cursor:pointer;display:inline-flex;align-items:center;gap:8px;color:var(--info);font-size:11px;font-weight:800;min-height:32px}.languages-disclosure summary::marker{content:""}.languages-disclosure[open] summary span{transform:rotate(180deg)}.language-list{padding:7px 0 10px}.language-row dd>small{display:block;margin-top:7px;color:var(--muted);font-size:10px}.language-row dd>small a{color:var(--info);text-decoration:underline}@media(max-width:640px){.section-nav{margin:12px 0 15px;height:46px}.section-nav .nav-label{display:none}.section-nav a{padding:0 13px;font-size:12px}.details-grid .language-row{grid-template-columns:1fr;gap:8px}.details-grid .language-row dd{max-width:100%}}
/* Bonus offers keep casino and sports terms in one editorial section. */
.bonus-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bonus-offer{min-width:0;border:1px solid var(--line);border-radius:10px;padding:19px 20px;background:#fff}
.sports-offer{background:#f9fbfd}
.bonus-offer-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:10px}
.bonus-offer-head h3{font-size:16px;margin:0;flex:1 1 210px}
.bonus-offer-head .text-link{white-space:nowrap}
.bonus-offer>p{font-size:12px;margin:0 0 13px}
.bonus-offer .terms-list .fact-row{align-items:baseline;font-size:11px;gap:8px}
.bonus-offer .terms-list .fact-row dt{flex:0 0 90px}
.bonus-offer .terms-list .fact-row dd{max-width:none;overflow-wrap:anywhere}
.bonus-source-note{margin-bottom:0}
.bonus-source-note a{color:var(--info);text-decoration:underline}
@media(max-width:800px){.bonus-offers{grid-template-columns:1fr}}
@media(max-width:640px){.bonus-offer{padding:15px}.bonus-offer .terms-list .fact-row dt{flex-basis:75px}}
/* Persistent review navigation, aligned with the overview. */
.brand-layout{display:grid;grid-template-columns:182px minmax(0,1fr);gap:20px;align-items:start}
.brand-content{min-width:0}
.brand-layout .section-nav{position:sticky;top:18px;z-index:8;align-self:start;display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;width:100%;height:auto;max-height:calc(100vh - 36px);overflow-x:hidden;overflow-y:auto;white-space:normal;margin:0;padding:14px 9px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:var(--shadow);scrollbar-width:thin}
.brand-layout .section-nav .nav-label{display:block;flex:none;margin:0 7px 9px;color:var(--info);letter-spacing:.08em}
.brand-layout .section-nav a{display:flex;align-items:center;flex:none;width:100%;min-height:39px;height:auto;padding:7px 10px;border:0;border-left:3px solid transparent;border-radius:5px;line-height:1.3;white-space:normal}
.brand-layout .section-nav a[aria-current="location"]{background:#fff4f3;color:var(--brand);border-left-color:var(--brand)}
.brand-layout section[id]{scroll-margin-top:20px}
@media(max-width:960px){.brand-layout{display:block}.brand-layout .section-nav{position:sticky;top:0;flex-direction:row;align-items:center;width:100%;height:48px;max-height:none;overflow-x:auto;overflow-y:hidden;white-space:nowrap;margin:0 0 17px;padding:0 10px;border-radius:9px}.brand-layout .section-nav .nav-label{display:none}.brand-layout .section-nav a{width:auto;min-height:46px;height:46px;white-space:nowrap;padding:0 12px;border:0;border-bottom:2px solid transparent;border-radius:0}.brand-layout .section-nav a[aria-current="location"]{border-left:0;border-bottom-color:var(--brand)}.brand-layout section[id]{scroll-margin-top:64px}}
.provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.provider-row{min-height:92px;padding:10px;gap:10px;background:#fff}
.provider-logo{flex:none;width:78px;height:60px;display:grid;place-items:center;overflow:hidden;border-radius:6px;border:1px solid #e9edf3;background:#f7f9fc}
.provider-logo img{width:100%;height:100%;object-fit:contain}
.provider-logo-text{font-size:17px;font-weight:900;color:var(--info);letter-spacing:.04em}
.provider-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.provider-copy b{font-size:12px;line-height:1.25}
.provider-copy small{font-size:10px;color:var(--muted)}
.provider-row .provider-arrow{margin-left:auto;color:var(--info)}
#providers .fine-print a{color:var(--info);text-decoration:underline}
@media(max-width:1200px){.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.provider-row{min-height:78px;padding:7px;gap:6px}.provider-logo{width:48px;height:47px}.provider-copy b{font-size:10px}.provider-copy small{font-size:9px}.provider-arrow{display:none}}
@media(max-width:380px){.provider-grid{grid-template-columns:1fr}.provider-logo{width:65px;height:52px}}
/* Compact game-type index, using KAJIMIRU's existing editorial palette. */
.game-type-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:23px 0 12px;padding-bottom:9px;border-bottom:1px solid var(--line)}
.game-type-heading h3{font-size:15px;margin:0}.game-type-heading h3 span{display:inline-grid;place-items:center;min-width:23px;height:23px;border-radius:6px;background:#e7f3f5;color:var(--info);font-size:11px;margin-left:5px}
.game-type-heading small{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--muted)}
.game-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.game-type{min-width:0;min-height:80px;border:1px solid var(--line);border-radius:9px;background:#fff;display:flex;align-items:center;gap:10px;padding:10px;position:relative}
.game-type-icon{flex:none;width:46px;height:46px;display:grid;place-items:center;border-radius:9px;background:#e9f4f6;color:var(--info)}
.game-type:nth-child(4n+2) .game-type-icon{background:#eff2f9;color:#3e6591}
.game-type:nth-child(4n+3) .game-type-icon{background:#fff2e9;color:#bd7250}
.game-type:nth-child(4n+4) .game-type-icon{background:#f3f0fa;color:#746198}
.game-type-icon svg{width:29px;height:29px;display:block}.game-type-copy{min-width:0;display:flex;flex-direction:column;line-height:1.35;gap:3px}.game-type-copy b{font-size:12px;overflow-wrap:anywhere}.game-type-copy small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.game-live{position:absolute;right:8px;top:7px;border-radius:4px;background:#fff0ed;color:#b94743;font-size:8px;font-weight:900;letter-spacing:.04em;padding:1px 4px}.game-type:has(.game-live) .game-type-copy{padding-right:19px}
.game-feature-foot{display:flex;gap:11px;align-items:flex-start;margin-top:16px;padding:13px 15px;border-left:3px solid var(--info);border-radius:4px;background:#f3f8fa}.game-feature-mark{color:var(--info);font-size:13px;margin-top:2px}.game-feature-foot p{font-size:11px;line-height:1.7;margin:0}.game-feature-foot b{color:var(--navy)}
@media(max-width:980px){.game-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.game-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-type{min-height:72px;padding:8px;gap:7px}.game-type-icon{width:39px;height:39px}.game-type-icon svg{width:25px;height:25px}.game-type-copy b{font-size:11px}.game-type-copy small{font-size:9px}.game-live{font-size:7px;top:4px;right:4px}.game-type:has(.game-live) .game-type-copy{padding-right:10px}}
@media(max-width:360px){.game-type-grid{grid-template-columns:1fr}.game-type:has(.game-live) .game-type-copy{padding-right:28px}}
/* Auditable rating popovers and the two-stage scoring note. */
.overview{overflow:visible}
.rating-note{width:min(380px,calc(100vw - 48px));font-size:11px;line-height:1.55;z-index:30}
.rating-note>strong{font-size:12px;color:var(--navy)}.rating-note p{font-size:11px;margin:7px 0;color:#52667a}
.rating-breakdown{border-top:1px solid var(--line);margin-top:8px}.rating-breakdown>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #e8edf3}.rating-breakdown>div span{min-width:0}.rating-breakdown>div b{white-space:nowrap;color:var(--navy);font-size:11px}.rating-breakdown small{font-size:9px;color:var(--muted);font-weight:600}.rating-breakdown a,.rating-source-link{color:var(--info);text-decoration:underline;text-underline-offset:2px}.rating-breakdown span small{display:block}.rating-note .rating-caveat{margin:9px 0;color:#627489}.rating-source-link{font-size:11px;font-weight:800}
.methodology{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;margin:13px 0}.methodology strong{display:block;font-size:12px;color:var(--navy)}.methodology p{font-size:11px;margin:5px 0 11px}.methodology p:last-child{margin-bottom:0}
@media(max-width:640px){.section-head{position:relative;z-index:4}.rating{position:static}.rating-note{top:calc(100% + 6px);right:0;width:min(335px,calc(100vw - 42px))}.rating-breakdown>div{gap:6px}.rating-breakdown>div b{font-size:10px}}
#payment .fine-print a{color:var(--info);text-decoration:underline;text-underline-offset:2px}
/* Editorial overview: fewer nested cards, clearer verification status. */
.overview .hero-main{padding-bottom:28px}.overview .eyebrow{display:none}.overview .brand-identity{margin-top:6px}.overview .hero-actions .button.secondary{display:none}.overview .overview-rewrite{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:32px;padding-top:4px}.overview-editorial{padding:0}.overview-editorial>small{display:block;color:var(--info);font-size:11px;font-weight:800;letter-spacing:.03em;margin-bottom:10px}.overview-editorial h3{font-size:19px;line-height:1.45;margin:0 0 10px}.overview-editorial p{font-size:13px;line-height:1.85;margin:0 0 14px}.overview-checks{margin:0;border-top:1px solid var(--line)}.overview-checks>div{display:grid;grid-template-columns:106px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.65}.overview-checks dt{font-weight:800;color:var(--navy)}.overview-checks dd{margin:0;color:#596a7d}@media(max-width:900px){.overview .overview-rewrite{grid-template-columns:1fr;gap:20px}}@media(max-width:640px){.overview-checks>div{grid-template-columns:1fr;gap:3px}.overview .hero-main{padding-bottom:24px}}
/* Editorial treatment for the two condition-heavy sections. */
.editorial-module .editorial-lead{max-width:760px;margin:0 0 22px;font-size:14px;line-height:1.8;color:#40566d}
.offer-list{border-top:1px solid var(--line)}
.offer-item{padding:23px 0 25px;border-bottom:1px solid var(--line)}
.offer-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:9px}
.offer-heading small,.payment-editorial small{display:block;margin-bottom:5px;color:var(--info);font-size:11px;font-weight:800}
.offer-heading h3,.payment-editorial h3{margin:0;font-size:18px;line-height:1.5;letter-spacing:-.02em}
.offer-heading .text-link{flex:none}
.offer-item>p{margin:0 0 15px;font-size:13px;line-height:1.75}
.offer-facts{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.offer-facts>div{border-left:1px solid var(--line);padding-left:13px}
.offer-facts dt{margin-bottom:4px;color:var(--navy);font-size:11px;font-weight:800}
.offer-facts dd{margin:0;color:#596a7d;font-size:12px;line-height:1.7}
.editorial-source{margin:16px 0 0;color:#718093;font-size:11px;line-height:1.7}
.editorial-source a{color:var(--info);text-decoration:underline;text-underline-offset:2px}
.payment-editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;padding:3px 0 24px;border-bottom:1px solid var(--line)}
.payment-editorial h3{font-size:21px}
.payment-editorial p{margin:9px 0 0;font-size:13px;line-height:1.8}
.payment-editorial dl{margin:0}
.payment-editorial dl>div{display:grid;grid-template-columns:91px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}
.payment-editorial dl>div:last-child{border-bottom:0}
.payment-editorial dt{color:#6b7b8e}
.payment-editorial dd{margin:0;color:var(--navy);font-weight:700;line-height:1.6}
.payment-table-head{display:flex;align-items:baseline;gap:15px;margin:22px 0 12px}
.payment-table-head h3{margin:0;font-size:16px}
.payment-table-head p{margin:0;font-size:11px}
.editorial-module .table-scroll{border-radius:0}
.editorial-module .table-scroll thead{background:#f2f5f8}
.editorial-module .table-scroll tbody th{background:#fff}
.payment-details{border:0;border-bottom:1px solid var(--line);border-radius:0}
.payment-details summary{padding:12px 0;color:var(--info)}
.payment-details>div{padding:10px 0}
@media(max-width:760px){.offer-facts{grid-template-columns:1fr;gap:10px}.payment-editorial{grid-template-columns:1fr;gap:15px}.offer-heading{display:block}.offer-heading .text-link{display:inline-block;margin-top:8px}.payment-table-head{display:block}.payment-table-head p{margin-top:4px}}
.overview .hero-actions .button.secondary{display:inline-flex}
.overview .overview-pros-cons{display:block;padding-top:4px}
.overview-pros-cons .pros-cons{gap:16px}
.overview-pros-cons .list-panel{background:#fff;border:1px solid var(--line);border-top:2px solid var(--line);box-shadow:none}
.overview-pros-cons .list-panel.plus{border-top-color:#0d9fa9}
.overview-pros-cons .list-panel.minus{border-top-color:#d89057}
.overview-pros-cons .list-panel h3{margin-bottom:12px}
.overview-pros-cons .list-panel ul{font-size:12px;line-height:1.75}
@media(max-width:640px){.overview-pros-cons .pros-cons{grid-template-columns:1fr}}
.overview .hero-main{max-width:none;padding:32px 36px 30px}
.overview .brand-identity{gap:28px;margin:5px 0 20px}
.overview .brand-logo{width:290px;height:130px;border:0;background:#1a2442;border-radius:12px}
.overview .brand-logo img{width:274px;max-height:none}
.overview .lead{max-width:820px;margin-bottom:19px}
@media(max-width:640px){.overview .hero-main{padding:23px 20px}.overview .brand-identity{gap:16px;margin:0 0 17px}.overview .brand-logo{width:174px;height:86px}.overview .brand-logo img{width:164px}.overview .lead{margin-bottom:18px}}
@media(max-width:480px){.overview .brand-identity{align-items:flex-start;flex-direction:column;gap:12px}.overview .brand-logo{width:220px;height:100px}.overview .brand-logo img{width:208px}}
/* Game pictograms: warm paper, ink strokes and a small vermilion seal. */
#games .game-type-icon{position:relative;isolation:isolate;overflow:hidden;border:1px solid #e6dac9;border-radius:5px;background:#fbf6eb;color:#273e52;box-shadow:inset 0 0 0 3px rgba(255,255,255,.55)}
#games .game-type:nth-child(4n+2) .game-type-icon,#games .game-type:nth-child(4n+3) .game-type-icon,#games .game-type:nth-child(4n+4) .game-type-icon{background:#fbf6eb;color:#273e52}
#games .game-type-icon:before{content:"";position:absolute;left:4px;top:4px;width:5px;height:5px;background:#d35447;border-radius:1px;transform:rotate(-8deg)}
#games .game-type-icon svg{width:30px;height:30px;stroke-width:1.9;filter:drop-shadow(.3px .3px 0 rgba(39,62,82,.25))}
#games .game-type{border-color:#e7e3db;background:#fffefa}
@media(max-width:700px){#games .game-type-icon svg{width:25px;height:25px}}
.provider-row{cursor:default;background:#fff}
.provider-row:hover{border-color:var(--line);background:#fff}
.provider-logo-fallback{display:none;color:var(--info);font-size:17px;font-weight:900;letter-spacing:.04em}
.provider-logo:not(:has(img:not([hidden]))) .provider-logo-fallback{display:block}
.provider-logo img[hidden]{display:none}
#vip .vip-benefits{display:block;margin:0;border-top:1px solid var(--line)}
#vip .vip-benefits>div{display:grid;grid-template-columns:125px minmax(0,1fr);gap:12px;align-items:baseline;padding:12px 2px;border:0;border-bottom:1px solid var(--line);border-radius:0}
#vip .vip-benefits dt{font-size:12px;font-weight:800}
#vip .vip-benefits dd{margin:0;color:#596a7d;font-size:12px;line-height:1.6}
.methodology .methodology-summary{margin:0 0 9px;color:#516579}
.methodology-details{border-top:1px solid var(--line)}
.methodology-details summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;padding:10px 0;color:var(--info);font-size:12px;font-weight:800;list-style:none}
.methodology-details summary::-webkit-details-marker{display:none}
.methodology-details[open] summary span{transform:rotate(45deg)}
.methodology-details>div{padding:2px 0 8px}
.meta-strip>div{min-width:0;flex:1}
.meta-strip>.button{flex:none;white-space:nowrap}
@media(max-width:640px){#vip .vip-benefits>div{grid-template-columns:110px minmax(0,1fr);gap:8px}}
/* Plain editorial rows for the support options. */
#bonuses .heading h2,#payment .heading h2,#support .heading h2{margin-top:0}
#support .support-list{display:block;border:0;border-top:1px solid var(--line);border-radius:0}
#support .support-list>div{display:grid;grid-template-columns:minmax(110px,.6fr) minmax(0,1.7fr) auto;align-items:baseline;column-gap:18px;padding:14px 2px;border:0;border-bottom:1px solid var(--line)}
#support .support-list>div:last-child{border-bottom:1px solid var(--line)}
#support .support-list span{display:none}
#support .support-list b{font-size:13px}
#support .support-list p{margin:0;font-size:12px}
#support .support-list a{white-space:nowrap}
@media(max-width:640px){#support .support-list>div{grid-template-columns:1fr auto;row-gap:3px;padding:13px 1px}#support .support-list b{grid-column:1}#support .support-list p{grid-column:1;grid-row:2}#support .support-list a{grid-column:2;grid-row:1 / 3;align-self:center}}
/* Editorial data tables: compact labels, left-aligned values and quiet rules. */
.payment-priority{display:flex;align-items:baseline;gap:28px;padding:17px 21px;border-left:3px solid var(--brand);background:#fbf8f6}
.payment-priority small{flex:0 0 100px;color:#a54843;font-size:11px;font-weight:800}
.payment-priority h3{margin:0;font-size:16px;line-height:1.5}
.payment-priority p{margin:3px 0 0;color:#52657a;font-size:12px}
.payment-table-head{margin:25px 0 12px}
.payment-table-head h3{font-size:17px}
.payment-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.payment-method,.security-group{min-width:0}
.payment-method h4,.security-group h3{display:flex;align-items:center;gap:10px;margin:0;padding:0 0 10px;border-bottom:2px solid #1b7890;font-size:16px;line-height:1.5}
.payment-method h4 span{font-size:11px;color:#087f98;letter-spacing:.1em}
.jp-data-table{display:block;margin:0}
.jp-data-table .fact-row{display:grid;grid-template-columns:122px minmax(0,1fr);gap:0;align-items:stretch;padding:0;border-bottom:1px solid #e3e8ee;font-size:12px;line-height:1.7}
.jp-data-table .fact-row dt,.jp-data-table .fact-row dd{min-width:0;padding:12px 14px;text-align:left}
.jp-data-table .fact-row dt{background:#f7f9fb;color:#64768a;font-weight:700}
.jp-data-table .fact-row dd{max-width:none;margin:0;color:var(--navy);font-weight:600;overflow-wrap:anywhere}
.jp-data-table .status{display:inline-block;margin:0 8px 0 0;vertical-align:1px;font-size:10px;font-weight:700}
.security-groups{display:grid;gap:26px}
.security-group .jp-data-table .fact-row{grid-template-columns:175px minmax(0,1fr)}
#security .caution{margin-top:23px;padding:13px 17px;background:#fbf8f6;border-left:3px solid var(--brand);font-size:12px}
#security .caution b{flex:0 0 175px}
#security .caution p{margin:0}
.details-grid.jp-data-table{display:block;border-top:2px solid #1b7890}
.details-grid.jp-data-table .fact-row,.details-grid.jp-data-table .language-row{display:grid;grid-template-columns:175px minmax(0,1fr);gap:0;font-size:12px}
.details-grid.jp-data-table .language-row dd{max-width:none;padding:12px 14px}
@media(max-width:760px){.payment-method-grid{grid-template-columns:1fr;gap:24px}.payment-priority{display:block;padding:14px 17px}.payment-priority small{display:block;margin-bottom:5px}.security-group .jp-data-table .fact-row,.details-grid.jp-data-table .fact-row,.details-grid.jp-data-table .language-row{grid-template-columns:118px minmax(0,1fr)}}
@media(max-width:480px){.jp-data-table .fact-row,.security-group .jp-data-table .fact-row,.details-grid.jp-data-table .fact-row,.details-grid.jp-data-table .language-row{grid-template-columns:96px minmax(0,1fr)}.jp-data-table .fact-row dt,.jp-data-table .fact-row dd{padding:11px 10px}.details-grid.jp-data-table .language-row dd{padding:11px 10px}.jp-data-table .status{margin-bottom:3px}}
.detail-header-logo{display:flex;align-items:center;flex:none;width:142px;height:70px;overflow:hidden;background:transparent}
.detail-header-logo img{display:block;width:142px;max-width:none;height:auto}
@media(max-width:640px){.detail-header-logo{width:112px;height:58px}.detail-header-logo img{width:112px}}
/* Bonus offers: editorial image, essential terms, and a direct source CTA. */
.bonus-card-list{display:grid;gap:18px}
.bonus-card{display:grid;grid-template-columns:minmax(220px,36%) minmax(0,1fr);gap:24px;padding:18px;border:1px solid #dce3eb;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(17,45,79,.045)}
.bonus-card-visual{position:relative;min-height:300px;margin:0;border-radius:10px;overflow:hidden;background:#17213f}
.bonus-card-photo img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;object-position:left center}
.bonus-card-photo figcaption{position:absolute;right:10px;bottom:10px;padding:3px 7px;border-radius:4px;background:rgba(11,25,48,.78);color:#fff;font-size:10px}
.bonus-card-photo figcaption a{text-decoration:underline;text-underline-offset:2px}
.bonus-card-sports-photo img{object-position:center}
.bonus-card--sports{grid-template-columns:minmax(260px,42%) minmax(0,1fr)}
.bonus-card--sports .bonus-card-sports-banner{width:100%;height:100%;min-height:300px;max-height:none;background:#1b052b}
.bonus-card-sports-banner img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.bonus-card--sports{grid-template-columns:1fr}.bonus-card--sports .bonus-card-sports-banner{height:auto;min-height:0;aspect-ratio:1828 / 1118}}
.bonus-card-body{display:flex;flex-direction:column;min-width:0;padding:3px 4px 3px 0}
.bonus-card-type{align-self:flex-start;margin-bottom:10px;padding:4px 9px;border-radius:4px;background:#eaf3f6;color:#087f98;font-size:11px;font-weight:800}
.bonus-card-body h3{margin:0 0 10px;font-size:20px;line-height:1.5;letter-spacing:-.025em}
.bonus-card-summary{margin:0 0 12px;color:#40566d;font-size:12px;line-height:1.65}
.bonus-card-points{display:grid;gap:7px;margin:0 0 18px;padding:0;list-style:none}
.bonus-card-points li{display:grid;grid-template-columns:74px minmax(0,1fr);gap:8px;padding-left:12px;border-left:2px solid #c4dfe7;color:#53667b;font-size:11px;line-height:1.55}
.bonus-card-points b{color:#172f4d}
.bonus-card-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:43px;margin-top:auto;padding:8px 15px;border-radius:7px;background:#087f98;color:#fff;font-size:12px;font-weight:800;transition:background .2s ease}
.bonus-card-cta:hover{background:#086a7f}
.bonus-card-cta span{font-size:19px;line-height:1}
@media(max-width:760px){.bonus-card{grid-template-columns:1fr;gap:16px}.bonus-card-visual,.bonus-card-photo img{min-height:220px;max-height:260px}.bonus-card-body{padding:0 2px 2px}.bonus-card-body h3{font-size:18px}.bonus-card-points li{grid-template-columns:72px minmax(0,1fr)}}
/* Screenshots keep the brand's real interface visible without changing the editorial layout. */
.review-screen{margin:2px 0 25px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#f5f2fa}
.review-screen img{display:block;width:100%;height:280px;object-fit:cover;object-position:center top}
.review-screen figcaption{display:flex;justify-content:space-between;gap:12px;padding:9px 14px;color:#53657a;background:#fff;font-size:11px;font-weight:700}
.review-screen figcaption span{font-weight:400;color:#7a899b}
.review-screen figcaption a{color:var(--info);text-decoration:underline;text-underline-offset:2px}
@media(max-width:640px){.review-screen{margin-bottom:20px}.review-screen img{height:185px}.review-screen figcaption{display:block;font-size:10px}.review-screen figcaption span{display:block;margin-top:2px}}
/* Visual process boards for payment and identity checks. */
.flow-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:26px 0 13px}
.flow-heading h3{margin:0;font-size:17px;color:var(--navy)}
.flow-heading span{font-size:10px;font-weight:800;letter-spacing:.13em;color:#688399}
.process-flow{display:grid;gap:13px;position:relative}
.process-flow--payment{grid-template-columns:repeat(2,minmax(0,1fr))}
.process-flow--security{grid-template-columns:repeat(3,minmax(0,1fr))}
.process-stage{position:relative;min-width:0;padding-top:26px}
.process-stage:not(:last-child)::after{content:'→';position:absolute;top:4px;right:-13px;z-index:2;width:26px;height:26px;border-radius:50%;background:#fff;color:#087f98;text-align:center;font-size:18px;line-height:25px;font-weight:800}.process-marker{position:absolute;top:0;left:16px;z-index:1;display:flex;align-items:center;gap:7px;color:#087f98;font-size:11px;font-weight:800}.process-marker span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#087f98;color:#fff;font-size:11px;box-shadow:0 0 0 5px #eaf3f6}.process-panel{height:100%;overflow:hidden;border:1px solid #d7e4e9;border-radius:12px;background:#f3f7f8}.process-panel-head{min-height:90px;padding:22px 18px 13px}.process-panel-head small{font-size:9px;font-weight:800;letter-spacing:.15em;color:#087f98}.process-panel-head h3,.process-panel-head h4{margin:6px 0 0;font-size:16px;line-height:1.35;color:var(--navy)}.process-items{display:grid;gap:7px;padding:8px}.process-items>div{position:relative;display:flex;flex-direction:column;gap:4px;min-height:73px;padding:11px 13px;border:1px solid #e0e8eb;border-radius:7px;background:#fff;box-shadow:0 2px 5px rgba(17,45,79,.025)}.process-items>div:first-child{border-color:#087f98;background:#087f98}.process-items small{font-size:10px;font-weight:800;color:#698098}.process-items b{font-size:12px;line-height:1.45;color:var(--navy);overflow-wrap:anywhere}.process-items span{font-size:10px;line-height:1.45;color:#5f7185}.process-items em{align-self:flex-start;margin-top:3px;padding:2px 6px;border-radius:3px;background:#fff1d9;color:#95671c;font-size:9px;font-style:normal;font-weight:800}.process-items>div:first-child small,.process-items>div:first-child b,.process-items>div:first-child span{color:#fff}.process-flow--security .process-panel-head{min-height:88px}.process-flow--security .process-items>div{min-height:91px}.process-flow--security .process-items b{font-size:11px}@media(max-width:760px){.process-flow--security{grid-template-columns:1fr}.process-stage:not(:last-child)::after{top:auto;bottom:-21px;right:calc(50% - 13px);transform:rotate(90deg)}.process-flow--security .process-panel-head{min-height:75px}.process-flow--security .process-items>div{min-height:0}}@media(max-width:640px){.flow-heading{align-items:flex-start;flex-direction:column;gap:4px}.process-flow--payment{grid-template-columns:1fr}.process-panel-head{min-height:75px}.process-items>div{min-height:0}}.bonus-card{grid-template-columns:minmax(260px,42%) minmax(0,1fr)}.bonus-card-visual{width:100%;height:100%;min-height:300px;max-height:none;background:#1b052b}.bonus-card-banner img,.bonus-card-sports-banner img{display:block;width:100%;height:100%;object-fit:contain}@media(max-width:760px){.bonus-card{grid-template-columns:1fr}.bonus-card-visual{height:auto;min-height:0;max-height:none;aspect-ratio:1828 / 1118}.bonus-card-banner img,.bonus-card-sports-banner img{height:100%;min-height:0;max-height:none}}#security .security-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}#security .security-group h3{padding-bottom:11px;border-bottom:2px solid #1b7890}#security .security-group .jp-data-table .fact-row{grid-template-columns:112px minmax(0,1fr)}#security .security-group .jp-data-table .fact-row dt{background:#f7f9fb}@media(max-width:760px){#security .security-groups{grid-template-columns:1fr;gap:23px}#security .security-group .jp-data-table .fact-row{grid-template-columns:110px minmax(0,1fr)}}@media(max-width:480px){#security .security-group .jp-data-table .fact-row{grid-template-columns:96px minmax(0,1fr)}}}@scope (html[data-site-page="index.html"]) {
.demo-games-section{max-width:1200px;margin:38px auto 28px;padding:30px;background:#fff;border:1px solid #dce6ec;border-radius:22px;box-shadow:0 12px 35px rgba(20,46,75,.05)}
.demo-games-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}
.demo-games-heading small{display:block;color:#087f91;font-size:11px;font-weight:800;letter-spacing:.16em}
.demo-games-heading h2{margin:7px 0 8px;color:#143754;font-size:clamp(24px,3vw,34px);line-height:1.2}
.demo-games-heading p{margin:0;color:#586c7f;line-height:1.6}
.demo-games-heading>a{color:#087f91;font-weight:700;white-space:nowrap;text-decoration:none}
.demo-games-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.demo-game-card{min-width:0;overflow:hidden;border:1px solid #dce6ec;border-radius:16px;background:#f7fafb}
.demo-game-image{display:block;aspect-ratio:300/380;overflow:hidden;background:#1e1540}
.demo-game-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.demo-game-image:hover img{transform:scale(1.04)}
.demo-game-copy{padding:15px}
.demo-game-copy>span{font-size:10px;font-weight:800;letter-spacing:.12em;color:#687f91}
.demo-game-copy h3{font-size:18px;line-height:1.25;color:#143754;margin:7px 0 13px}
.demo-game-copy a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;background:#087f91;border-radius:9px;color:#fff;font-size:13px;font-weight:800;text-decoration:none}
.demo-game-copy a:hover,.demo-game-copy a:focus-visible{background:#086b7a}
.demo-games-note{margin:15px 0 0;color:#6e8090;font-size:12px;line-height:1.6}
@media(max-width:760px){.demo-games-section{margin:22px 16px;padding:20px}.demo-games-heading{display:block}.demo-games-heading>a{display:inline-block;margin-top:10px}.demo-games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.demo-game-copy{padding:10px}.demo-game-copy h3{font-size:15px}.demo-game-copy a{font-size:12px;padding:9px}}
@media(max-width:390px){.demo-games-section{margin-inline:10px;padding:14px}.demo-game-copy h3{font-size:14px}}
}
@scope (html[data-site-page="index.html"]) {
.demo-games-section{max-width:none;margin:0 0 18px;padding:22px;border-radius:18px}
.demo-games-heading{margin-bottom:14px;gap:12px}
.demo-games-heading h2{font-size:clamp(21px,2.3vw,27px);margin:4px 0 5px}
.demo-games-heading p{font-size:13px}
.demo-games-grid{gap:10px}
.demo-game-card{border-radius:11px}
.demo-game-copy{padding:10px}
.demo-game-copy h3{font-size:14px;margin:5px 0 9px}
.demo-game-copy a{font-size:11px;padding:8px}
@media(max-width:760px){.demo-games-section{margin:0 0 18px;padding:17px}.demo-games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
}
/* Unified category inventory from the five review pages. */
.game-grid .game-category-card{min-width:0;min-height:142px;padding:16px;border:1px solid var(--line,#dfe5ec);border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;text-align:left}
.game-grid .game-category-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--info-soft,#e0f7f8);color:var(--info,#078a9c);font:700 13px Arial,sans-serif}
.game-grid .game-category-card small{margin-top:12px;color:#788aa0;font:700 9px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.game-grid .game-category-card b{margin-top:4px;color:#193451;font-size:15px}
.game-grid .game-category-card em{margin-top:auto;padding-top:7px;color:#8795a6;font:normal 10px Arial,sans-serif}
.wide-action:is(a){color:#fff;text-decoration:none;cursor:pointer}
/* Japanese editorial treatment for category pictograms. */
.game-grid .game-category-card{border-color:#e8ddd1;background:#fffdf9;box-shadow:0 3px 12px rgba(38,47,65,.035);position:relative}
.game-grid .game-category-card:nth-child(5n+2){background:#fcfdfb}
.game-grid .game-category-icon{width:50px;height:50px;border:1px solid #e9d9c3;border-radius:9px;background:#fff9ef;color:#203d58;position:relative}
.game-grid .game-category-icon::after{content:"";position:absolute;top:6px;left:6px;width:6px;height:6px;border-radius:1px;background:#e96250;transform:rotate(-12deg)}
.game-grid .game-category-icon svg{width:29px;height:29px}
.game-grid .game-category-card small{color:#8d6c57}
.game-grid .game-category-card b{color:#18334d}
/* Shared game-category destinations. */
.game-grid a.game-category-card{text-decoration:none;color:inherit;transition:transform .18s,border-color .18s,box-shadow .18s}
.game-grid a.game-category-card:hover,.game-grid a.game-category-card:focus-visible{border-color:#d9a675;box-shadow:0 10px 22px rgba(32,61,88,.1);transform:translateY(-2px)}
.game-type-grid a.game-type,#rain-game-grid a,.y-game-grid a{text-decoration:none;color:inherit;cursor:pointer}
.game-type-grid a.game-type:hover,#rain-game-grid a:hover,.y-game-grid a:hover{border-color:#d9a675;background:#fffaf2}
.category-directory{background:#f4f7fa;color:#17334d;font-family:Arial,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif}
.category-site-header{max-width:1180px;margin:auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.category-site-header img{width:160px;height:auto;display:block}.category-site-header a{color:#176f81;font-weight:700;text-decoration:none}
.category-directory-main{max-width:1180px;margin:auto;padding:20px 24px 80px}.category-directory-intro{background:#173a58;color:#fff;border-radius:24px;padding:48px 52px}.category-directory-intro small,.category-detail small{color:#c18c66;font-weight:800;letter-spacing:.14em}.category-directory-intro h1{font-size:clamp(30px,4vw,52px);margin:12px 0}.category-directory-intro p{max-width:720px;line-height:1.8}.category-index{display:flex;flex-wrap:wrap;gap:8px;padding:28px 0}.category-index a{background:#fff;border:1px solid #dfe5ec;border-radius:999px;padding:8px 13px;color:#176f81;text-decoration:none;font-weight:700;font-size:13px}.category-index a:hover{background:#e7f4f5}.category-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.category-detail{background:#fff;border:1px solid #e0e7ec;border-radius:18px;padding:28px;scroll-margin-top:20px}.category-detail:target{outline:3px solid #d9a675}.category-detail h2{font-size:23px;margin:10px 0}.category-detail p{color:#61758b;line-height:1.7}.category-brand-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.category-brand-links a{background:#eaf6f6;color:#087e90;padding:9px 12px;border-radius:9px;font-weight:700;text-decoration:none;font-size:12px}.category-brand-links a:hover{background:#d8eef0}.category-directory-footer{background:#122f4d;color:#cbd7e4;padding:28px;text-align:center}@media(max-width:700px){.category-site-header,.category-directory-main{padding-left:16px;padding-right:16px}.category-site-header img{width:118px}.category-directory-intro{padding:30px 24px}.category-detail-grid{grid-template-columns:1fr}}
.rain-game-grid a,.y-game-grid a{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #dce7ea;border-radius:12px;background:#fff;min-width:0;text-decoration:none;color:inherit;cursor:pointer}
.rain-game-grid a:hover,.y-game-grid a:hover{border-color:#d9a675;background:#fffaf2}
/* Five-card homepage demo and its self-contained slot experience. */
html[data-site-page="index.html"] .demo-games-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
html[data-site-page="index.html"] .demo-game-card{display:flex;flex-direction:column}
html[data-site-page="index.html"] .demo-game-copy{display:flex;flex:1;flex-direction:column}
html[data-site-page="index.html"] .demo-game-copy button{margin-top:auto}
html[data-site-page="index.html"] .demo-game-image{width:100%;border:0;padding:0;cursor:pointer;text-align:inherit}
html[data-site-page="index.html"] .demo-game-copy button{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px;border:0;border-radius:9px;background:#087f91;color:#fff;font:inherit;font-size:11px;font-weight:800;text-align:left;cursor:pointer}
html[data-site-page="index.html"] .demo-game-copy button:hover,html[data-site-page="index.html"] .demo-game-copy button:focus-visible{background:#086b7a}
html[data-site-page="index.html"] .ai-slot-cover{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;background:radial-gradient(circle at 50% 15%,#a35dd9,#27194b 55%,#111434);color:#fff;text-align:center}
.ai-slot-art-title{font:900 clamp(20px,2.3vw,36px)/.95 Georgia,serif;letter-spacing:.08em;text-shadow:0 3px 0 #513289,0 7px 14px #0008}
.ai-slot-art-reels{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;width:92%;padding:5px;border:2px solid #ffcf76;border-radius:9px;background:#311f52;box-shadow:0 8px 20px #0005}
.ai-slot-art-reels b{padding:8px 0;border-radius:5px;background:linear-gradient(#fff,#e8dff6);font-size:clamp(13px,2vw,24px)}
.ai-slot-art-caption{font-size:9px;font-weight:900;letter-spacing:.13em;color:#f9d486}
.ai-slot-dialog{box-sizing:border-box;width:min(680px,96vw);max-width:none;max-height:95dvh;padding:0;border:1px solid #b788db;border-radius:16px;background:#201738;color:#fff;box-shadow:0 24px 80px #0009}
.ai-slot-dialog::backdrop{background:#081322dd}
.ai-slot-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#322252}
.ai-slot-close{width:34px;height:34px;border:0;border-radius:50%;background:#fff;color:#27194b;font-size:25px;cursor:pointer}
.ai-slot-body{padding:18px;text-align:center}
.ai-slot-label{margin:0 0 12px;color:#f6d37c;font-size:11px;font-weight:900;letter-spacing:.18em}
.ai-slot-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:14px}
.ai-slot-reels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:10px;border:3px solid #dbb46c;border-radius:12px;background:#40265d}
.ai-slot-reel{display:grid;gap:6px;min-width:0}
.ai-slot-cell{display:grid;place-items:center;aspect-ratio:1;border-radius:8px;background:linear-gradient(#fff,#e8ddf3);font-size:clamp(23px,6vw,45px);box-shadow:inset 0 -4px #c7b6d5;color:#241637}
.ai-slot-cell.is-win{outline:3px solid #ffd873;box-shadow:0 0 18px #ffd873,inset 0 -4px #c7b6d5}
.ai-slot-result{min-height:3em;margin:15px 0 8px;line-height:1.5}
.ai-slot-controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.ai-slot-controls button{padding:10px 17px;border:0;border-radius:9px;background:#f6c85d;color:#261a40;font-weight:800;cursor:pointer}
.ai-slot-controls button+button{background:#d3c4e2}
.ai-slot-controls button:disabled{opacity:.55;cursor:default}
.ai-slot-rules{margin-top:18px;text-align:left;font-size:13px;line-height:1.6;color:#e8dff3}
.ai-slot-rules summary{cursor:pointer;font-weight:800}
@media(max-width:900px){html[data-site-page="index.html"] .demo-games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:580px){html[data-site-page="index.html"] .demo-games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-slot-body{padding:10px}.ai-slot-reels{gap:3px;padding:5px}.ai-slot-reel{gap:3px}.ai-slot-cell{border-radius:5px;font-size:clamp(20px,8vw,34px)}}
.ai-slot-reel.is-spinning .ai-slot-cell{animation:ai-slot-roll .18s linear infinite;filter:blur(1.5px);box-shadow:inset 0 0 18px #9e70bb}
.ai-slot-reel.is-stopping{animation:ai-slot-stop .2s ease-out}
.ai-slot-cell.is-win{animation:ai-slot-win .7s ease-in-out 2}
@keyframes ai-slot-roll{0%{transform:translateY(-7px)}100%{transform:translateY(7px)}}
@keyframes ai-slot-stop{0%{transform:translateY(-7px)}65%{transform:translateY(3px)}100%{transform:translateY(0)}}
@keyframes ai-slot-win{0%,100%{filter:brightness(1)}50%{filter:brightness(1.35)}}
@media(prefers-reduced-motion:reduce){.ai-slot-reel.is-spinning .ai-slot-cell,.ai-slot-reel.is-stopping,.ai-slot-cell.is-win{animation:none}}