@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Manrope:wght@400;500;600;700;800&family=Orbitron:wght@500;700;800&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-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}}}@layer theme{:root,:host{--font-sans:"Manrope", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-3xl:48rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-lg:16px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;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;-webkit-text-decoration:inherit;-webkit-text-decoration: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{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-inset-\[3\.6\%\]{inset:-3.6%}.inset-0{inset:0}.inset-2{inset:calc(var(--spacing) * 2)}.inset-4{inset:calc(var(--spacing) * 4)}.inset-\[10\%\]{inset:10%}.inset-\[12\.5\%\]{inset:12.5%}.inset-x-12{inset-inline:calc(var(--spacing) * 12)}.inset-x-\[30px\]{inset-inline:30px}.top-0{top:0}.top-1\/2{top:50%}.top-3\.5{top:calc(var(--spacing) * 3.5)}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-\[2\.04\%\]{top:2.04%}.top-\[12\.47\%\]{top:12.47%}.top-\[17\.1\%\]{top:17.1%}.top-\[74\.05\%\]{top:74.05%}.top-\[80\.66\%\]{top:80.66%}.top-\[clamp\(60px\,10dvh\,80px\)\]{top:clamp(60px,10dvh,80px)}.right-4{right:calc(var(--spacing) * 4)}.right-\[7\%\]{right:7%}.bottom-\[12\%\]{bottom:12%}.left-1\/2{left:50%}.left-\[2\.68\%\]{left:2.68%}.left-\[14\.09\%\]{left:14.09%}.left-\[18\.79\%\]{left:18.79%}.left-\[19\.2\%\]{left:19.2%}.left-\[70\.47\%\]{left:70.47%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.order-3{order:3}.m-0{margin:0}.mx-5{margin-inline:calc(var(--spacing) * 5)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing) * 2)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-20{margin-top:calc(var(--spacing) * 20)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-\[7px\]{margin-bottom:7px}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.aspect-\[118\/41\]{aspect-ratio:118/41}.aspect-\[143\/175\]{aspect-ratio:143/175}.aspect-\[298\/393\]{aspect-ratio:298/393}.aspect-\[442\/525\]{aspect-ratio:442/525}.aspect-\[770\/1024\]{aspect-ratio:770/1024}.aspect-square{aspect-ratio:1}.h-2{height:calc(var(--spacing) * 2)}.h-3\/4{height:75%}.h-4\/5{height:80%}.h-10{height:calc(var(--spacing) * 10)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-\[6\.11\%\]{height:6.11%}.h-\[8\%\]{height:8%}.h-\[52px\]{height:52px}.h-\[62px\]{height:62px}.h-\[65\.7\%\]{height:65.7%}.h-\[70\.48\%\]{height:70.48%}.h-\[95\.93\%\]{height:95.93%}.h-\[107\.2\%\]{height:107.2%}.h-\[150\%\]{height:150%}.h-\[clamp\(26px\,4\.5dvh\,34px\)\]{height:clamp(26px,4.5dvh,34px)}.h-\[clamp\(32px\,5\.5dvh\,42px\)\]{height:clamp(32px,5.5dvh,42px)}.h-\[clamp\(32px\,5\.8dvh\,44px\)\]{height:clamp(32px,5.8dvh,44px)}.h-\[clamp\(42px\,7\.5dvh\,56px\)\]{height:clamp(42px,7.5dvh,56px)}.h-\[clamp\(46px\,8dvh\,62px\)\]{height:clamp(46px,8dvh,62px)}.h-\[clamp\(56px\,9\.5dvh\,76px\)\]{height:clamp(56px,9.5dvh,76px)}.h-\[clamp\(56px\,10dvh\,76px\)\]{height:clamp(56px,10dvh,76px)}.h-\[clamp\(58px\,10\.7dvh\,80px\)\]{height:clamp(58px,10.7dvh,80px)}.h-\[clamp\(58px\,11\.5dvh\,80px\)\]{height:clamp(58px,11.5dvh,80px)}.h-\[clamp\(72px\,12\.4dvh\,96px\)\]{height:clamp(72px,12.4dvh,96px)}.h-\[clamp\(80px\,13dvh\,106px\)\]{height:clamp(80px,13dvh,106px)}.h-\[clamp\(92px\,18dvh\,128px\)\]{height:clamp(92px,18dvh,128px)}.h-\[clamp\(110px\,18dvh\,145px\)\]{height:clamp(110px,18dvh,145px)}.h-\[clamp\(120px\,20dvh\,155px\)\]{height:clamp(120px,20dvh,155px)}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-7{min-height:calc(var(--spacing) * 7)}.min-h-dvh{min-height:100dvh}.w-2{width:calc(var(--spacing) * 2)}.w-3\/4{width:75%}.w-4\/5{width:80%}.w-10{width:calc(var(--spacing) * 10)}.w-16{width:calc(var(--spacing) * 16)}.w-\[40\.27\%\]{width:40.27%}.w-\[61\.5\%\]{width:61.5%}.w-\[62\.08\%\]{width:62.08%}.w-\[71\.48\%\]{width:71.48%}.w-\[94\.63\%\]{width:94.63%}.w-\[107\.2\%\]{width:107.2%}.w-\[150\%\]{width:150%}.w-\[clamp\(32px\,9\.7vw\,42px\)\]{width:clamp(32px,9.7vw,42px)}.w-\[clamp\(58px\,11\.5dvh\,80px\)\]{width:clamp(58px,11.5dvh,80px)}.w-\[clamp\(60px\,18\.5vw\,80px\)\]{width:clamp(60px,18.5vw,80px)}.w-\[clamp\(84px\,28\.7vw\,112px\)\]{width:clamp(84px,28.7vw,112px)}.w-\[clamp\(92px\,30vw\,118px\)\]{width:clamp(92px,30vw,118px)}.w-\[clamp\(120px\,38vw\,160px\)\]{width:clamp(120px,38vw,160px)}.w-\[min\(45\%\,190px\)\]{width:min(45%,190px)}.w-\[min\(49\%\,200px\)\]{width:min(49%,200px)}.w-\[min\(58\%\,260px\)\]{width:min(58%,260px)}.w-\[min\(82\%\,360px\)\]{width:min(82%,360px)}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[334px\]{max-width:334px}.max-w-\[420px\]{max-width:420px}.max-w-full{max-width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[2\%\]{--tw-translate-x:2%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-evenly{justify-content:space-evenly}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-\[clamp\(3px\,1dvh\,7px\)\]{gap:clamp(3px,1dvh,7px)}.gap-\[clamp\(6px\,2\.05vw\,8px\)\]{gap:clamp(6px,2.05vw,8px)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-\[clamp\(6px\,2vw\,12px\)\]{column-gap:clamp(6px,2vw,12px)}.gap-y-1{row-gap:var(--spacing)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-\[clamp\(2px\,1dvh\,8px\)\]{row-gap:clamp(2px,1dvh,8px)}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#00d494\]{border-color:#00d494}.border-\[var\(--chip-line\)\]{border-color:var(--chip-line)}.border-\[var\(--line\)\]{border-color:var(--line)}.border-transparent{border-color:#0000}.border-t-\[\#42CB91\]{border-top-color:#42cb91}.border-r-\[\#42CB91\]\/50{border-right-color:oklab(75.3934% -.137351 .0468723/.5)}.border-b-\[\#42CB91\]{border-bottom-color:#42cb91}.border-l-\[\#42CB91\]\/50{border-left-color:oklab(75.3934% -.137351 .0468723/.5)}.bg-\[\#021a0d\]{background-color:#021a0d}.bg-\[\#42CB91\]\/20{background-color:oklab(75.3934% -.137351 .0468723/.2)}.bg-\[\#061c13\]\/95{background-color:oklab(20.5069% -.0326905 .00925286/.95)}.bg-\[var\(--chip-bg\)\]{background-color:var(--chip-bg)}.bg-\[var\(--header-bg\)\]{background-color:var(--header-bg)}.bg-\[linear-gradient\(90deg\,\#56c6be\,\#7ed3bf\)\]{background-image:linear-gradient(90deg,#56c6be,#7ed3bf)}.bg-\[url\(\'\/game\/bg_page\.png\'\)\]{background-image:url(/game/bg_page.png)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.object-contain{object-fit:contain}.object-fill{object-fit:fill}.p-2{padding:calc(var(--spacing) * 2)}.p-6{padding:calc(var(--spacing) * 6)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-\[18px\]{padding-inline:18px}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pb-1{padding-bottom:var(--spacing)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-14{padding-bottom:calc(var(--spacing) * 14)}.text-center{text-align:center}.font-\[\'Manrope\'\]{font-family:Manrope}.font-\[\'Orbitron\'\]{font-family:Orbitron}.font-sans{font-family:var(--font-sans)}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.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-\[13px\]{font-size:13px}.text-\[16px\]{font-size:16px}.text-\[clamp\(7px\,2\.44vw\,9\.5px\)\]{font-size:clamp(7px,2.44vw,9.5px)}.text-\[clamp\(9px\,3\.08vw\,12px\)\]{font-size:clamp(9px,3.08vw,12px)}.text-\[clamp\(15px\,5\.13vw\,20px\)\]{font-size:clamp(15px,5.13vw,20px)}.text-\[clamp\(18px\,5\.64vw\,22px\)\]{font-size:clamp(18px,5.64vw,22px)}.text-\[clamp\(19px\,5\.64vw\,22px\)\]{font-size:clamp(19px,5.64vw,22px)}.text-\[clamp\(19px\,6\.15vw\,24px\)\]{font-size:clamp(19px,6.15vw,24px)}.text-\[clamp\(21px\,6\.67vw\,26px\)\]{font-size:clamp(21px,6.67vw,26px)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-\[1\.12\]{--tw-leading:1.12;line-height:1.12}.leading-\[1\.15\]{--tw-leading:1.15;line-height:1.15}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-\[0\.04em\]{--tw-tracking:.04em;letter-spacing:.04em}.tracking-\[0\.8px\]{--tw-tracking:.8px;letter-spacing:.8px}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.whitespace-nowrap{white-space:nowrap}.text-\[\#42CB91\]{color:#42cb91}.text-\[\#b6ffe8\]{color:#b6ffe8}.text-\[var\(--sea-ink\)\]{color:var(--sea-ink)}.text-\[var\(--sea-ink-soft\)\]{color:var(--sea-ink-soft)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.no-underline{text-decoration-line:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-45{opacity:.45}.opacity-\[0\.78\]{opacity:.78}.\[mix-blend-mode\:screen\]{mix-blend-mode:screen}.shadow-\[0_8px_22px_rgba\(30\,90\,72\,0\.08\)\]{--tw-shadow:0 8px 22px var(--tw-shadow-color,#1e5a4814);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_8px_24px_rgba\(30\,90\,72\,0\.08\)\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#1e5a4814);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_16px_rgba\(0\,0\,0\,0\.72\)\,0_0_12px_rgba\(0\,240\,160\,0\.2\)\]{--tw-shadow:inset 0 0 16px var(--tw-shadow-color,#000000b8), 0 0 12px var(--tw-shadow-color,#00f0a033);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur-\[8px\]{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_0_6px_rgba\(0\,240\,160\,0\.45\)\]{--tw-drop-shadow-size:drop-shadow(0 0 6px var(--tw-drop-shadow-color,#00f0a073));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_0_14px_rgba\(0\,240\,160\,0\.85\)\]{--tw-drop-shadow-size:drop-shadow(0 0 14px var(--tw-drop-shadow-color,#00f0a0d9));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}.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-lg{--tw-backdrop-blur:blur(var(--blur-lg));-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))}.outline-none{--tw-outline-style:none;outline-style:none}.\[animation-direction\:reverse\]{animation-direction:reverse}.\[animation-duration\:1\.5s\]{animation-duration:1.5s}.\[text-shadow\:0_3px_3px_rgba\(0\,0\,0\,0\.8\)\]{text-shadow:0 3px 3px #000c}.\[text-shadow\:0_4px_4px_rgba\(0\,0\,0\,0\.87\)\]{text-shadow:0 4px 4px #000000de}.placeholder\:text-\[14px\]::placeholder{font-size:14px}.placeholder\:font-semibold::placeholder{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.placeholder\:tracking-\[0\.3px\]::placeholder{--tw-tracking:.3px;letter-spacing:.3px}.placeholder\:text-\[\#8ddfca\]::placeholder{color:#8ddfca}@media (hover:hover){.hover\:bg-\[var\(--link-bg-hover\)\]:hover{background-color:var(--link-bg-hover)}.hover\:text-\[var\(--sea-ink\)\]:hover{color:var(--sea-ink)}}.focus\:border-\[\#7bffdc\]:focus{border-color:#7bffdc}.focus\:shadow-\[inset_0_0_16px_rgba\(0\,0\,0\,0\.7\)\,0_0_16px_rgba\(0\,240\,160\,0\.42\)\]:focus{--tw-shadow:inset 0 0 16px var(--tw-shadow-color,#000000b3), 0 0 16px var(--tw-shadow-color,#00f0a06b);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (width>=40rem){.sm\:order-none{order:0}.sm\:block{display:block}.sm\:w-auto{width:auto}.sm\:flex-row{flex-direction:row}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:py-2{padding-block:calc(var(--spacing) * 2)}.sm\:py-4{padding-block:calc(var(--spacing) * 4)}.sm\:pb-0{padding-bottom:0}.sm\:text-left{text-align:left}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}}:root{--sea-ink:#173a40;--sea-ink-soft:#416166;--lagoon:#4fb8b2;--lagoon-deep:#328f97;--palm:#2f6a4a;--sand:#e7f0e8;--foam:#f3faf5;--surface:#ffffffbd;--surface-strong:#ffffffe6;--line:#173a4024;--inset-glint:#ffffffd1;--kicker:#2f6a4ae6;--bg-base:#e7f3ec;--header-bg:#fbfff8d6;--chip-bg:#fffc;--chip-line:#2f6a4a2e;--link-bg-hover:#ffffffe6;--hero-a:#4fb8b25c;--hero-b:#2f6a4a33}:root[data-theme=dark]{--sea-ink:#d7ece8;--sea-ink-soft:#afcdc8;--lagoon:#60d7cf;--lagoon-deep:#8de5db;--palm:#6ec89a;--sand:#0f1a1e;--foam:#101d22;--surface:#101e22cc;--surface-strong:#0f1b1feb;--line:#8de5db2e;--inset-glint:#c2f7ee24;--kicker:#b8efe5;--bg-base:#0a1418;--header-bg:#0a1418cc;--chip-bg:#0d1c20e6;--chip-line:#8de5db3d;--link-bg-hover:#182c31cc;--hero-a:#60d7cf2e;--hero-b:#6ec89a1f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--sea-ink:#d7ece8;--sea-ink-soft:#afcdc8;--lagoon:#60d7cf;--lagoon-deep:#8de5db;--palm:#6ec89a;--sand:#0f1a1e;--foam:#101d22;--surface:#101e22cc;--surface-strong:#0f1b1feb;--line:#8de5db2e;--inset-glint:#c2f7ee24;--kicker:#b8efe5;--bg-base:#0a1418;--header-bg:#0a1418cc;--chip-bg:#0d1c20e6;--chip-line:#8de5db3d;--link-bg-hover:#182c31cc;--hero-a:#60d7cf2e;--hero-b:#6ec89a1f}}*{box-sizing:border-box}html,body,#app{min-height:100%}body{color:var(--sea-ink);font-family:var(--font-sans);background-color:var(--bg-base);background:radial-gradient(1100px 620px at -8% -10%, var(--hero-a), transparent 58%), radial-gradient(1050px 620px at 112% -12%, var(--hero-b), transparent 62%), radial-gradient(720px 380px at 50% 115%, #4fb8b21a, transparent 68%), linear-gradient(180deg, var(--sand) 0%, var(--foam) 44%, var(--bg-base) 100%);margin:0}@supports (color:color-mix(in lab, red, red)){body{background:radial-gradient(1100px 620px at -8% -10%, var(--hero-a), transparent 58%), radial-gradient(1050px 620px at 112% -12%, var(--hero-b), transparent 62%), radial-gradient(720px 380px at 50% 115%, #4fb8b21a, transparent 68%), linear-gradient(180deg, color-mix(in oklab, var(--sand) 68%, white) 0%, var(--foam) 44%, var(--bg-base) 100%)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;opacity:.28;background:radial-gradient(circle at 20% 15%,#fffc,#0000 34%),radial-gradient(circle at 78% 26%,#4fb8b233,#0000 42%),radial-gradient(circle at 42% 82%,#2f6a4a24,#0000 36%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:-1;opacity:.14;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000,#0000 78%);mask-image:radial-gradient(circle at 50% 30%,#000,#0000 78%)}a{color:var(--lagoon-deep);text-underline-offset:2px;text-decoration-color:#328f9766;text-decoration-thickness:1px}a:hover{color:#246f76}code{border:1px solid var(--line);background:var(--surface-strong);font-size:.9em}@supports (color:color-mix(in lab, red, red)){code{background:color-mix(in oklab, var(--surface-strong) 82%, white 18%)}}code{border-radius:7px;padding:2px 7px}pre code{font-size:inherit;color:inherit;background:0 0;border:0;border-radius:0;padding:0}.page-wrap{width:min(1080px,100% - 2rem);margin-inline:auto}.display-title{font-family:Fraunces,Georgia,serif}.island-shell{border:1px solid var(--line);background:linear-gradient(165deg, var(--surface-strong), var(--surface));box-shadow:0 1px 0 var(--inset-glint) inset, 0 22px 44px #1e5a481a, 0 6px 18px #173a4014;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.feature-card{background:linear-gradient(165deg, var(--surface-strong), var(--surface))}@supports (color:color-mix(in lab, red, red)){.feature-card{background:linear-gradient(165deg, color-mix(in oklab, var(--surface-strong) 93%, white 7%), var(--surface))}}.feature-card{box-shadow:0 1px 0 var(--inset-glint) inset, 0 18px 34px #1e5a481a, 0 4px 14px #173a400f}.feature-card:hover{border-color:var(--lagoon-deep);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.feature-card:hover{border-color:color-mix(in oklab, var(--lagoon-deep) 35%, var(--line))}}.demo-page{width:min(1080px,100% - 2rem);color:var(--sea-ink);margin-inline:auto;padding-block:clamp(2.25rem,6vw,4.5rem)}.demo-page-wide{width:min(1280px,100% - 2rem)}.demo-center{justify-content:center;align-items:center;min-height:calc(100vh - 13rem);display:flex}.demo-panel,.demo-card{border:1px solid var(--line);background:linear-gradient(165deg, var(--surface-strong), var(--surface));box-shadow:0 1px 0 var(--inset-glint) inset, 0 18px 34px #1e5a481a, 0 4px 14px #173a400f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.demo-panel{border-radius:1.25rem;padding:clamp(1.25rem,4vw,2rem)}.demo-card{border-radius:1rem;padding:1rem}.demo-title{color:var(--sea-ink);letter-spacing:0;margin:0;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;line-height:1.05}.demo-section-title{color:var(--sea-ink);margin:0;font-size:1rem;font-weight:700}.demo-muted{color:var(--sea-ink-soft)}.demo-input,.demo-select,.demo-textarea{border:1px solid var(--line);background:var(--surface-strong);border-radius:.75rem;width:100%}@supports (color:color-mix(in lab, red, red)){.demo-input,.demo-select,.demo-textarea{background:color-mix(in oklab, var(--surface-strong) 88%, white 12%)}}.demo-input,.demo-select,.demo-textarea{color:var(--sea-ink);outline:none;transition:border-color .18s,box-shadow .18s,background-color .18s}.demo-input,.demo-select{padding:.7rem .9rem}.demo-input-fit{width:auto}.demo-textarea{resize:vertical;min-height:7rem;padding:.8rem .9rem}.demo-input:focus,.demo-select:focus,.demo-textarea:focus{border-color:var(--lagoon-deep)}@supports (color:color-mix(in lab, red, red)){.demo-input:focus,.demo-select:focus,.demo-textarea:focus{border-color:color-mix(in oklab, var(--lagoon-deep) 58%, var(--line))}}.demo-input:focus,.demo-select:focus,.demo-textarea:focus{box-shadow:0 0 0 3px var(--lagoon)}@supports (color:color-mix(in lab, red, red)){.demo-input:focus,.demo-select:focus,.demo-textarea:focus{box-shadow:0 0 0 3px color-mix(in oklab, var(--lagoon) 24%, transparent)}}.demo-button{border:1px solid var(--lagoon-deep);justify-content:center;align-items:center;gap:.5rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.demo-button{border:1px solid color-mix(in oklab, var(--lagoon-deep) 34%, var(--line))}}.demo-button{background:var(--lagoon);border-radius:.85rem}@supports (color:color-mix(in lab, red, red)){.demo-button{background:color-mix(in oklab, var(--lagoon) 22%, var(--surface-strong))}}.demo-button{color:var(--sea-ink);cursor:pointer;padding:.72rem 1rem;font-size:.9rem;font-weight:700;line-height:1}.demo-button:hover{background:var(--lagoon);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.demo-button:hover{background:color-mix(in oklab, var(--lagoon) 30%, var(--surface-strong))}}.demo-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.demo-button-secondary{border-color:var(--line);background:var(--surface-strong)}@supports (color:color-mix(in lab, red, red)){.demo-button-secondary{background:color-mix(in oklab, var(--surface-strong) 74%, transparent)}}.demo-button-secondary{color:var(--sea-ink-soft)}.demo-button-danger{color:#9f3030;background:#c447471a;border-color:#c4474747}.demo-list-item{border:1px solid var(--line);background:var(--chip-bg);border-radius:.9rem}@supports (color:color-mix(in lab, red, red)){.demo-list-item{background:color-mix(in oklab, var(--chip-bg) 82%, transparent)}}.demo-list-item{padding:.9rem 1rem}.demo-pill{border:1px solid var(--chip-line);background:var(--chip-bg);color:var(--sea-ink-soft);border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.demo-alert{color:var(--sea-ink);background:#c17e2a1a;border:1px solid #c17e2a4d;border-radius:1rem;padding:1rem}.demo-alert-danger{background:#c447471a;border-color:#c447474d}.demo-code-block{border:1px solid var(--line);background:var(--chip-bg);border-radius:1rem}@supports (color:color-mix(in lab, red, red)){.demo-code-block{background:color-mix(in oklab, var(--chip-bg) 88%, transparent)}}.demo-code-block{color:var(--sea-ink);padding:1rem}.demo-table-shell{border:1px solid var(--line);background:var(--surface-strong);border-radius:1rem;overflow-x:auto}@supports (color:color-mix(in lab, red, red)){.demo-table-shell{background:color-mix(in oklab, var(--surface-strong) 78%, transparent)}}.demo-table{border-collapse:collapse;width:100%;color:var(--sea-ink)}.demo-table th,.demo-table td{border-bottom:1px solid var(--line);text-align:left;padding:.75rem 1rem}.demo-table th{background:var(--chip-bg)}@supports (color:color-mix(in lab, red, red)){.demo-table th{background:color-mix(in oklab, var(--chip-bg) 88%, transparent)}}.demo-table th{color:var(--sea-ink);font-weight:700}.demo-table tr:hover td{background:var(--lagoon)}@supports (color:color-mix(in lab, red, red)){.demo-table tr:hover td{background:color-mix(in oklab, var(--lagoon) 8%, transparent)}}button,.island-shell,a{transition:background-color .18s,color .18s,border-color .18s,transform .18s}.island-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--kicker);font-size:.69rem;font-weight:700}.nav-link{color:var(--sea-ink-soft);align-items:center;text-decoration:none;display:inline-flex;position:relative}.nav-link:after{content:"";transform-origin:0;background:linear-gradient(90deg, var(--lagoon), #7ed3bf);width:100%;height:2px;transition:transform .17s;position:absolute;bottom:-6px;left:0;transform:scaleX(0)}.nav-link:hover,.nav-link.is-active{color:var(--sea-ink)}.nav-link:hover:after,.nav-link.is-active:after{transform:scaleX(1)}@media (width<=640px){.nav-link:after{bottom:-4px}}.site-footer{border-top:1px solid var(--line);background:var(--header-bg)}@supports (color:color-mix(in lab, red, red)){.site-footer{background:color-mix(in oklab, var(--header-bg) 84%, transparent 16%)}}.rise-in{animation:.7s cubic-bezier(.16,1,.3,1) both rise-in}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}#landscape-blocker{z-index:99999;color:#fff;text-align:center;background:#021a0d;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;font-family:Orbitron,sans-serif;display:none;position:fixed;inset:0}#landscape-blocker svg{width:64px;height:64px;animation:2s ease-in-out infinite rotate-hint}@keyframes rotate-hint{0%,to{transform:rotate(0)}50%{transform:rotate(-90deg)}}@media (orientation:landscape) and (height<=560px){#landscape-blocker{display:flex}}@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-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-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}