@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{--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-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight: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-ease:initial}::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-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight: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-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:#fef2f2;--color-red-100:#ffe2e2;--color-red-200:#ffcaca;--color-red-400:#ff6568;--color-red-500:#fb2c36;--color-red-600:#e40014;--color-red-700:#bf000f;--color-red-800:#9f0712;--color-red-900:#82181a;--color-yellow-100:#fef9c2;--color-yellow-200:#fff085;--color-yellow-300:#ffe02a;--color-yellow-400:#fac800;--color-yellow-800:#874b00;--color-yellow-900:#733e0a;--color-lime-400:#9de500;--color-green-50:#f0fdf4;--color-green-100:#dcfce7;--color-green-200:#b9f8cf;--color-green-400:#05df72;--color-green-500:#00c758;--color-green-800:#016630;--color-green-900:#0d542b;--color-cyan-400:#00d2ef;--color-cyan-500:#00b7d7;--color-blue-100:#dbeafe;--color-blue-200:#bedbff;--color-blue-400:#54a2ff;--color-blue-500:#3080ff;--color-blue-800:#193cb8;--color-blue-900:#1c398e;--color-gray-100:#f3f4f6;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-gray-700:#364153;--color-gray-800:#1e2939;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-thin:100;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-lg:.5rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--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)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-50:lab(96.5005% 4.18508 1.52328);--color-red-100:lab(92.243% 10.2865 3.83865);--color-red-200:lab(86.017% 19.8815 7.75869);--color-red-400:lab(63.7053% 60.745 31.3109);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-red-600:lab(48.4493% 77.4328 61.5452);--color-red-700:lab(40.4273% 67.2623 53.7441);--color-red-800:lab(33.7174% 55.8993 41.0293);--color-red-900:lab(28.5139% 44.5539 29.0463);--color-yellow-100:lab(97.3564% -4.51407 27.344);--color-yellow-200:lab(94.3433% -5.00429 52.9663);--color-yellow-300:lab(89.7033% -.480294 84.4917);--color-yellow-400:lab(83.2664% 8.65132 106.895);--color-yellow-800:lab(38.7484% 23.5833 51.4916);--color-yellow-900:lab(32.3865% 21.1273 38.5959);--color-lime-400:lab(83.7876% -45.0447 88.4738);--color-green-50:lab(98.1563% -5.60117 2.75915);--color-green-100:lab(96.1861% -13.8464 6.52365);--color-green-200:lab(92.4222% -26.4702 12.9427);--color-green-400:lab(78.503% -64.9265 39.7492);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-green-800:lab(37.4616% -36.7971 22.9692);--color-green-900:lab(30.797% -29.6927 17.382);--color-cyan-400:lab(76.6045% -40.9406 -29.6231);--color-cyan-500:lab(67.805% -35.3952 -30.2018);--color-blue-100:lab(92.0301% -2.24757 -11.6453);--color-blue-200:lab(86.15% -4.04379 -21.0797);--color-blue-400:lab(65.0361% -1.42065 -56.9802);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-blue-800:lab(30.2514% 27.7853 -70.2699);--color-blue-900:lab(26.1542% 15.7545 -51.5504);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268);--color-gray-700:lab(27.1134% -.956401 -12.3224);--color-gray-800:lab(16.1051% -1.18239 -11.7533)}}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::-webkit-file-upload-button{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%;-moz-tab-size:4;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}::-webkit-file-upload-button{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}::-webkit-file-upload-button{margin-inline-end:4px}::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-start:0;padding-block-end:0}::-webkit-datetime-edit-year-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-month-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-day-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-hour-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-minute-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-second-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-millisecond-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-meridiem-field{padding-block-start:0;padding-block-end:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{box-sizing:border-box;margin:0;padding:0}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}:not(html):not(body){transition:background-color var(--transition-time) ease-in-out, color var(--transition-time) ease-in-out, border-color var(--transition-time) ease-in-out, background var(--transition-time) ease-in-out}body{color:var(--text-primary);will-change:scroll-position;min-height:100vh;font-family:Noto Sans JP,sans-serif;line-height:1.7;overflow-x:hidden}.skip-to-content{z-index:-999;width:1px;height:1px;position:absolute;top:auto;left:-9999px;overflow:hidden}.skip-to-content:focus,.skip-to-content:active{color:var(--bg-primary);background-color:var(--text-primary);z-index:9999;border-radius:5px;width:auto;height:auto;margin:10px;padding:5px;text-decoration:none;top:auto;left:auto;overflow:auto}.section-title{text-align:center;color:var(--text-primary);border-bottom:2px solid var(--accent);transition:color var(--transition-time) ease, border-color var(--transition-time) ease, background-size .5s ease-out;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:.8rem;font-family:Noto Sans JP,sans-serif;font-size:2.2rem;font-weight:700;display:flex;position:relative}.section-title.in-view{background-size:100% 2px}.section-title:before{color:var(--accent);font-size:1.5rem}.section-icon{color:var(--accent);font-size:1.8rem}.card p,.requirement-content p,.activity-content p,.modal-content p,.login-modal-content p,.rules-grid .requirement-content p{text-align:justify;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-break:break-word}.warrior{color:#c79c6e}.archer{color:#a9d271}.mage{color:#69ccf0}.assassin{color:#fff569}.shaman{color:#0070de}footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:3rem;padding:2rem 1rem}.copyright{text-align:center;color:var(--text-secondary);font-size:.9rem}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent);will-change:transform;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-light)}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}[data-theme=dark]::view-transition-old(root){z-index:1}[data-theme=dark]::view-transition-new(root){z-index:9999}::view-transition-old(root){z-index:9999}[data-theme=light]::view-transition-new(root){z-index:9999}[data-theme=light]::view-transition-old(root){z-index:1}@keyframes diagonal-wipe{0%{clip-path:polygon(0% 0%,0% 0%,0% 0%)}to{clip-path:polygon(0% 0%,220% 0%,0% 220%)}}::view-transition-new(root){animation:3s cubic-bezier(.4,0,.2,1) diagonal-wipe}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.start:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing)}.start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing)}.end:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing)}.end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing)}.right-0{right:calc(var(--spacing) * 0)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.z-10{z-index:10}.z-50{z-index:50}.col-span-full{grid-column:1/-1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline-start:auto;margin-inline-end:auto}.-mt-3{margin-top:calc(var(--spacing) * -3)}.-mt-4{margin-top:calc(var(--spacing) * -4)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-6{margin-left:calc(var(--spacing) * 6)}.ml-8{margin-left:calc(var(--spacing) * 8)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-0\.5{height:calc(var(--spacing) * .5)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-10{height:calc(var(--spacing) * 10)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-48{height:calc(var(--spacing) * 48)}.h-64{height:calc(var(--spacing) * 64)}.h-96{height:calc(var(--spacing) * 96)}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-96{max-height:calc(var(--spacing) * 96)}.max-h-\[70vh\]{max-height:70vh}.max-h-\[300px\]{max-height:300px}.max-h-\[400px\]{max-height:400px}.max-h-\[500px\]{max-height:500px}.max-h-\[600px\]{max-height:600px}.min-h-\[150px\]{min-height:150px}.min-h-\[400px\]{min-height:400px}.min-h-\[500px\]{min-height:500px}.w-1\/2{width:50%}.w-3\/4{width:75%}.w-6{width:calc(var(--spacing) * 6)}.w-10{width:calc(var(--spacing) * 10)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.translate-z-0{--tw-translate-z:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-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-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-cyan-400{border-color:var(--color-cyan-400)}.border-gray-400{border-color:var(--color-gray-400)}.border-lime-400{border-color:var(--color-lime-400)}.border-red-200{border-color:var(--color-red-200)}.border-red-500\/20{border-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.border-red-500\/20{border-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.border-white{border-color:var(--color-white)}.border-yellow-400{border-color:var(--color-yellow-400)}.border-t-transparent{border-top-color:#0000}.bg-black{background-color:var(--color-black)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-gray-500\/20{background-color:#6a728233}@supports (color:color-mix(in lab, red, red)){.bg-gray-500\/20{background-color:color-mix(in oklab, var(--color-gray-500) 20%, transparent)}}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500\/20{background-color:#00c75833}@supports (color:color-mix(in lab, red, red)){.bg-green-500\/20{background-color:color-mix(in oklab, var(--color-green-500) 20%, transparent)}}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/10{background-color:color-mix(in oklab, var(--color-red-500) 10%, transparent)}}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-yellow-100{background-color:var(--color-yellow-100)}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.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)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#00AA00\]{color:#0a0}.text-\[\#55FF55\]{color:#5f5}.text-\[\#55FFFF\]{color:#5ff}.text-\[\#AA0000\]{color:#a00}.text-\[\#AAAAAA\]{color:#aaa}.text-\[\#FF5555\]{color:#f55}.text-\[\#FFAA00\]{color:#fa0}.text-\[\#FFFF55\]{color:#ff5}.text-\[\#FFFFFF\]{color:#fff}.text-blue-500{color:var(--color-blue-500)}.text-blue-800{color:var(--color-blue-800)}.text-cyan-500{color:var(--color-cyan-500)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-green-800{color:var(--color-green-800)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-white{color:var(--color-white)}.text-yellow-300{color:var(--color-yellow-300)}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-800{color:var(--color-yellow-800)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);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,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--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,)}.invert{--tw-invert:invert(100%);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,)}.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\!{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!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.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))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.backface-hidden{-webkit-backface-visibility:hidden;backface-visibility:hidden}@media (hover:hover){.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}}.focus\:ring-2:focus{--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\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\:border-red-800{border-color:var(--color-red-800)}.dark\:bg-blue-900{background-color:var(--color-blue-900)}.dark\:bg-green-900{background-color:var(--color-green-900)}.dark\:bg-green-900\/20{background-color:#0d542b33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-green-900\/20{background-color:color-mix(in oklab, var(--color-green-900) 20%, transparent)}}.dark\:bg-red-900{background-color:var(--color-red-900)}.dark\:bg-red-900\/20{background-color:#82181a33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-900\/20{background-color:color-mix(in oklab, var(--color-red-900) 20%, transparent)}}.dark\:bg-yellow-900{background-color:var(--color-yellow-900)}.dark\:text-blue-200{color:var(--color-blue-200)}.dark\:text-blue-400{color:var(--color-blue-400)}.dark\:text-green-200{color:var(--color-green-200)}.dark\:text-red-200{color:var(--color-red-200)}.dark\:text-red-400{color:var(--color-red-400)}.dark\:text-yellow-200{color:var(--color-yellow-200)}@media (hover:hover){.dark\:hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/5:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}}}}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{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:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}} :root{--map-height:85vh;--transition-time:.5s;--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px);--safe-area-inset-right:env(safe-area-inset-right,0px);--safe-area-inset-top:env(safe-area-inset-top,0px);--fab-vertical-offset:1rem;--bottom-nav-height:110px;--tabs-nav-height:var(--bottom-nav-height);--primary-red:brown;--primary-dark:#1a1a1a;--gold-accent:#d4af37;--crimson:#8c1d40;--success:#4caf50;--warning:#ff9800;--danger:#c43d3d;--accent-rgb:165 42 42;--accent-light-rgb:180 60 60;--success-rgb:76 175 80;--danger-rgb:196 61 61;--gold-accent-rgb:212 175 55;--header-gradient:linear-gradient(135deg, var(--primary-red), #8c1d40);--guild-color:var(--primary-red)} :root,[data-theme=light]{--light-beige:#f5f1e6;--paper-white:#f9f6f0;--dark-wood:#3d2b1f;--ink-black:#0a0a0a;--bg-primary:var(--light-beige);--bg-secondary:var(--paper-white);--text-primary:var(--ink-black);--text-secondary:#444;--accent:var(--primary-red);--accent-light:#c34f4f;--glow:var(--accent-light);--accent-dark:var(--primary-red);--card-bg:var(--paper-white);--border-color:#d9c7a7;--shadow-color:#00000014;--slider-bg-off:#bdc3c7;--bg-primary-rgb:245 241 230;--bg-secondary-rgb:249 246 240;--card-bg-rgb:249 246 240;--text-primary-rgb:10 10 10;--text-secondary-rgb:68 68 68;--border-color-rgb:217 199 167;--owner-gradient:linear-gradient(135deg, var(--card-bg) 0%, #ff8ab3 100%);--chief-gradient:linear-gradient(135deg, var(--card-bg) 0%, #fa9fbc 100%);--strategist-gradient:linear-gradient(135deg, var(--card-bg) 0%, #f5a7c5 100%);--captain-gradient:linear-gradient(135deg, var(--card-bg) 0%, #fab7d1 100%);--recruiter-gradient:linear-gradient(135deg, var(--card-bg) 0%, #ffccdf 100%);--recruit-gradient:linear-gradient(135deg, var(--card-bg) 0%, #fff 100%);--owner-gradient-light:var(--owner-gradient);--chief-gradient-light:var(--chief-gradient);--strategist-gradient-light:var(--strategist-gradient);--captain-gradient-light:var(--captain-gradient);--recruiter-gradient-light:var(--recruiter-gradient);--recruit-gradient-light:var(--recruit-gradient)} [data-theme=dark]{--bg-primary:var(--primary-dark);--bg-secondary:#252525;--text-primary:#f0e6d2;--text-secondary:#b8a98a;--accent:var(--gold-accent);--accent-light:#e0c879;--glow:var(--gold-accent);--success:#81c784;--warning:#ffb74d;--danger:#ffa42e;--card-bg:#1e1e1e;--border-color:#414141;--shadow-color:#00000080;--header-gradient:linear-gradient(135deg, #5d1919, #8c1d40);--slider-bg-off:#555;--bg-primary-rgb:26 26 26;--bg-secondary-rgb:37 37 37;--card-bg-rgb:30 30 30;--text-primary-rgb:240 230 210;--text-secondary-rgb:184 169 138;--border-color-rgb:65 65 65;--owner-gradient:linear-gradient(135deg, var(--card-bg) 0%, #6d5016 100%);--chief-gradient:linear-gradient(135deg, var(--card-bg) 0%, #60491e 100%);--strategist-gradient:linear-gradient(135deg, var(--card-bg) 0%, #624d24 100%);--captain-gradient:linear-gradient(135deg, var(--card-bg) 0%, #6c5a36 100%);--recruiter-gradient:linear-gradient(135deg, var(--card-bg) 0%, #584b31 100%);--recruit-gradient:linear-gradient(135deg, var(--card-bg) 0%, #3d3525 100%);--owner-gradient-dark:var(--owner-gradient);--chief-gradient-dark:var(--chief-gradient);--strategist-gradient-dark:var(--strategist-gradient);--captain-gradient-dark:var(--captain-gradient);--recruiter-gradient-dark:var(--recruiter-gradient);--recruit-gradient-dark:var(--recruit-gradient)} .app-wrapper{flex-direction:column;min-height:100dvh;display:flex}.content-area{background-color:var(--bg-primary);background-image:url("data:image/svg+xml;utf8,");flex-direction:column;flex:1;display:flex}.container{flex-direction:column;flex:1;max-width:1200px;margin:0 auto;padding:0 1.5rem 3rem;display:flex}main,.tab-content{flex-direction:column;flex:1;display:flex}.section{flex-direction:column;margin-bottom:3.5rem;display:flex}main .section:has(.map-section-container){flex-grow:1;margin-bottom:0}.section:last-child{margin-bottom:0}.page-section{scroll-margin-top:4rem}header{color:#fff;text-align:center;border-bottom:3px solid var(--gold-accent);min-height:60vh;content-visibility:auto;contain:layout style paint;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:1rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026}header.fixed-bg{background-attachment:fixed}.header-content{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#00000040;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;width:100%;max-width:800px;padding:2rem;display:flex;position:relative;transform:translateZ(0)}.header-image-wrapper{z-index:0;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.header-gradient-overlay{z-index:1;pointer-events:none;background:linear-gradient(135deg,#000000b3 0%,#0000004d 40%,#0000 70%),linear-gradient(90deg,#00000080 0%,#0000 50%),linear-gradient(#0000 60%,#0009 100%);position:absolute;top:0;bottom:0;left:0;right:0}.header-content-modern{z-index:2;text-align:left;flex-direction:column;align-items:flex-start;gap:0;width:100%;max-width:1200px;padding:3rem 4rem 3.5rem;display:flex;position:relative}.header-accent-bar{transform-origin:0;background:linear-gradient(90deg,#fffc,#fff3,#0000);border-radius:2px;width:600px;height:3px;margin-bottom:1.5rem}.header-title{letter-spacing:-.5px;color:#fff;margin-bottom:.75rem;font-family:Noto Sans JP,sans-serif;font-size:3.2rem;font-weight:800;line-height:1.1}.header-subtitle{opacity:.8;color:#d1d5db;max-width:600px;margin:0 0 1.25rem;font-size:1.1rem;font-weight:300;line-height:1.65}.guild-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#9ca3af;letter-spacing:.5px;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50px;align-items:center;gap:.5rem;padding:.45rem 1.2rem;font-size:.85rem;display:inline-flex}.header-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;max-width:1000px;margin-top:2.5rem;display:grid}.header-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.header-stat-icon{background:#ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.2rem;display:flex}.header-stat-icon .material-symbols-outlined{font-size:2.5rem}.section-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:2rem;font-weight:600;display:flex}.section-title i{color:var(--accent)}.header-stat-title{opacity:.8;font-size:1rem;font-weight:500}.header-stat-value{font-size:1.7rem;font-weight:700}.header-top-bar{z-index:1000;align-items:center;gap:1rem;display:flex;position:absolute;top:1.5rem;right:1.5rem}.user-display{-webkit-backdrop-filter:blur(5px);background:#0003;border-radius:50px;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.9rem;transition:background .3s;display:flex;box-shadow:0 2px 8px #0003}.user-avatar{object-fit:cover;border:1px solid #fff3;border-radius:50%;width:28px;height:28px}.requirements-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.rules-grid{flex-direction:column;gap:2rem;display:flex}.activities-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.members-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.guild-stats-overview{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2.5rem;padding:1.5rem;display:grid}.tabs-nav{background:var(--bg-secondary);box-shadow:0 5px 20px var(--shadow-color);border:1px solid var(--border-color);border-radius:12px;justify-content:center;gap:1rem;max-width:-moz-fit-content;max-width:fit-content;margin:2rem auto 3rem;padding:.5rem;display:flex}.sub-tabs-container{margin-bottom:2.5rem}.sub-tabs-nav{border-bottom:1px solid var(--border-color);justify-content:center;gap:.5rem;display:flex}.mobile-only{display:none}.map-viewport{aspect-ratio:4608/6784;border:1px solid var(--border-color);background-color:var(--bg-primary);cursor:grab;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:layout size style paint;border-radius:8px;width:100%;height:auto;margin:0 auto;position:relative;overflow:hidden;transform:translateZ(0)}.map-viewport:active{cursor:grabbing}.map-pan-container{transform-origin:0 0;width:4608px;height:6784px;position:relative}.map-fragments-container{pointer-events:none;width:4608px;height:6784px;position:absolute;top:0;left:0}.map-fragment{pointer-events:none;image-rendering:auto;-webkit-user-select:none;user-select:none}.map-image{object-fit:cover;pointer-events:none;image-rendering:auto;width:100%;height:100%;position:absolute;top:0;left:0}.pixelated-map{image-rendering:pixelated;image-rendering:crisp-edges}.territory-overlay-svg{pointer-events:none;width:1008px;height:1603px;position:absolute;top:0;left:0;overflow:visible}.guild-member-markers-svg *{pointer-events:auto}.guild-member-map-marker{transition:transform .2s}.guild-member-map-marker:hover{transform:scale(1.1)}.guild-member-map-marker foreignObject{pointer-events:none}.territory-overlay-svg *{pointer-events:auto}.map-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.map-view-options{flex-wrap:wrap;gap:1.5rem;display:flex}.map-toggle{cursor:pointer;align-items:center;gap:.5rem;display:flex}.map-toggle span{font-size:.9rem;font-weight:500}.map-toggle input{display:none}.map-toggle .slider{background-color:var(--slider-bg-off);border:1px solid #0000001a;border-radius:12px;width:44px;height:24px;transition:background-color .3s;position:relative}.map-toggle .slider:before{content:"";background-color:var(--paper-white);border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:1px;left:1px;box-shadow:0 1px 2px #0003}.map-toggle input:checked+.slider{background-color:var(--accent)}.map-toggle input:checked+.slider:before{transform:translate(20px)}.territory-rect{fill-opacity:.4;stroke-width:calc(2.5 / sqrt(var(--map-scale,1)));stroke-opacity:1;transition:all .2s ease-in-out}.territory-rect:hover{fill-opacity:.7;stroke-width:calc(4 / sqrt(var(--map-scale,1)))}.our-guild-territory{stroke-width:calc(4px / sqrt(var(--map-scale,1)))}.hq-label{fill:#f44;text-anchor:middle;paint-order:stroke;stroke:#000;stroke-linecap:butt;stroke-linejoin:miter;pointer-events:none;text-transform:uppercase;font-family:Noto Sans JP,sans-serif;font-weight:700}.acquired-label{fill:#ccc;text-anchor:middle;paint-order:stroke;stroke:#000;stroke-linecap:butt;stroke-linejoin:miter;pointer-events:none;font-family:Noto Sans JP,sans-serif;font-weight:500}.territory-label{fill:#fff;text-anchor:middle;paint-order:stroke;stroke:#000;stroke-linecap:butt;stroke-linejoin:miter;pointer-events:none;font-family:Noto Sans JP,sans-serif;font-weight:700}.map-connection-line{stroke:#000;stroke-width:calc(4 / var(--map-scale,1));stroke-opacity:.5;pointer-events:stroke;stroke-dasharray:calc(4 / var(--map-scale,1)) calc(4 / var(--map-scale,1));transition:all .2s ease-in-out}.map-connection-line:hover{stroke:var(--accent);stroke-opacity:1;stroke-width:calc(6 / sqrt(var(--map-scale,1)))}.modern-connections-active .map-connection-line{stroke-dasharray:none;stroke:#000;stroke-width:calc(1.5 / var(--map-scale,1));stroke-opacity:1}.modern-connections-active .map-connection-line:hover{stroke-width:calc(2.5 / var(--map-scale,1));stroke:var(--accent)}.hide-connections .map-connections,.hide-territories .territory-rect,.hide-prefixes .territory-label,.hide-prefixes .hq-label,.hide-prefixes .acquired-label{visibility:hidden}.hide-resources .territory-resources{display:none}.territory-group{contain:layout style}.territory-resources{pointer-events:none}.resource-group{contain:layout style paint}.resource-group.emeralds .resource-icon{color:#0f0}.resource-group.ore .resource-icon{color:#8b4513}.resource-group.crops .resource-icon{color:#32cd32}.resource-group.fish .resource-icon{color:#fff}.resource-group.wood .resource-icon{color:#8b4513}.resource-icon-container{overflow:visible}.resource-icon{color:#fff;-webkit-text-stroke:.6px #000;justify-content:center;align-items:center;width:12px;height:12px;font-family:Noto Sans JP,sans-serif;font-size:8px;font-weight:700;display:flex;position:relative}.map-additional-controls{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.header-background-image{object-fit:cover;object-position:center;z-index:-1;pointer-events:none;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;position:absolute;top:0;left:0;transform:translateZ(0)}header.fixed-bg .header-background-image{z-index:-1;width:100vw;height:100vh;top:0;left:0;position:fixed!important}@media (max-width:768px){.map-additional-controls{flex-direction:column;align-items:flex-start;gap:1rem;width:100%}} .tabs-nav{z-index:10;background:var(--card-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-color);max-width:-moz-fit-content;max-width:fit-content;box-shadow:0 4px 15px var(--shadow-color);border-radius:12px;justify-content:center;margin:2rem auto 3rem;padding:.5rem;display:flex;position:relative}.tab-indicator{background-color:var(--accent);z-index:0;pointer-events:none;border-radius:8px;height:calc(100% - 1rem);transition:none;position:absolute;bottom:.5rem;left:0;box-shadow:0 4px 12px #00000026}[data-theme=dark] .tab-indicator{background-color:var(--accent)}.tab-button{color:var(--text-secondary);cursor:pointer;z-index:1;will-change:color;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:1rem 2rem;font-family:Noto Sans JP,sans-serif;font-size:1.1rem;font-weight:600;text-decoration:none;transition:color .3s;display:flex;position:relative;transform:translateZ(0)}.tab-button.active{color:#fff}[data-theme=dark] .tab-button.active{color:#1a1a1a}.tab-button:not(.active):hover{color:var(--text-primary);background-color:#8080801a}.sub-tabs-container{margin-bottom:2.5rem}.sub-tabs-nav{border-bottom:1px solid var(--border-color);justify-content:center;gap:.5rem;display:flex}.sub-tab-button{color:var(--text-secondary);cursor:pointer;will-change:transform, color;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:0 0;border:none;border-bottom:3px solid #0000;padding:.8rem 1.2rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;position:relative;top:1px;transform:translateZ(0)}.sub-tab-button:hover{color:var(--accent)}.sub-tab-button.active{color:var(--accent)!important;border-bottom-color:var(--accent)!important} .btn{background:var(--accent);color:#fff;cursor:pointer;z-index:1;will-change:transform;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.8rem;padding:1.1rem 2.5rem;font-family:Noto Sans JP,sans-serif;font-size:1.1rem;font-weight:600;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;background:linear-gradient(45deg,#fff3,#0000);width:100%;height:100%;transition:transform .6s;position:absolute;top:0;left:0;transform:translate(-100%)}.btn:after{content:"";background:#ffffff4d;width:20px;height:200%;transition:all .6s;position:absolute;top:-50%;left:-60%;transform:rotate(25deg)}.btn:hover{background:var(--accent-light);transform:translateY(-4px)}.btn:hover:before{transform:translate(100%)}.btn:hover:after{left:120%}.btn:active{transform:translateY(0)scale(.98)}.btn:disabled{background:var(--text-secondary);cursor:not-allowed;box-shadow:none;transform:none}.btn-sm{padding:.6rem 1.2rem;font-size:.9rem}.btn-lg{padding:1.4rem 3rem;font-size:1.2rem}.btn-secondary{background:var(--bg-secondary);color:var(--text-secondary)}.btn-secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-active{background:var(--accent);color:#fff;box-shadow:0 4px 15px rgba(var(--accent-rgb), .4)}.btn-danger{background:var(--danger);color:#fff}.btn i{font-size:1.2rem;transition:transform .3s}.btn:hover i{transform:translate(3px)}.retry-btn{background:var(--danger);color:#fff;cursor:pointer;will-change:transform;border:none;border-radius:4px;margin-top:1rem;padding:.5rem 1rem;transition:background .3s}.retry-btn:hover{background:#d32f2f}.login-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);will-change:transform;background:#0003;border:1px solid #fff3;border-radius:50px;align-items:center;gap:.75rem;padding:.5rem 1rem;font-family:Noto Sans JP,sans-serif;font-weight:500;text-decoration:none;transition:all .3s ease-out;display:flex;box-shadow:0 2px 8px #0003}.login-btn:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.logout-btn{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;font-size:1.1rem;transition:opacity .3s}.logout-btn:hover{opacity:1}.error-container .theme-toggle{background:var(--accent);cursor:pointer;z-index:1000;color:#fff;will-change:transform;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.8rem;transition:all .3s;animation:2s infinite magicPulse;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 15px #00000040}.error-container .theme-toggle:hover{background:var(--accent-light);transform:scale(1.1)rotate(10deg)}.error-container .btn:hover{box-shadow:0 8px 25px var(--accent-shadow)}.error-container .retry-btn:hover{box-shadow:0 4px 15px var(--accent-shadow)} @layer components{.form-group{margin-bottom:1.8rem;position:relative}.form-group button{margin-top:10px}.form-error{color:var(--danger);margin-top:.5rem;font-size:.85rem;font-weight:500}label{color:var(--text-primary);margin-bottom:.8rem;font-size:1.05rem;font-weight:500;display:block}.form-hint{color:var(--text-secondary);margin-top:.3rem;font-size:.85rem;display:block}input,select,textarea{border:2px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:6px;padding:1rem;font-family:Noto Sans JP,sans-serif;font-size:1rem;transition:all .3s}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #a52a2a33}input:read-only{background-color:var(--bg-secondary);cursor:not-allowed;opacity:.7}#ign-status{align-items:center;gap:.5rem;min-height:20px;margin-top:.5rem;font-size:.95rem;font-weight:500;display:flex}#ign-status .class-icon{width:22px;height:22px;image-rendering:pixelated}#ign-status.success{color:var(--success)}#ign-status.error{color:var(--danger)}#ign-status.loading{color:var(--text-secondary)}.timezone-selector-row{align-items:center;gap:.75rem;display:flex}.timezone-selector{flex-grow:1;position:relative}.detect-timezone-btn{background:var(--bg-secondary);width:54px;height:54px;color:var(--text-secondary);border:2px solid var(--border-color);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:inline-flex}.detect-timezone-btn:hover{color:var(--accent);border-color:var(--accent)}.detect-timezone-btn span{display:none}@media (max-width:767px){.timezone-selector-row{flex-direction:column;align-items:stretch}.detect-timezone-btn{gap:.5rem;width:100%}.detect-timezone-btn span{display:inline}}.timezone-display{border:2px solid var(--border-color);background:var(--bg-primary);cursor:pointer;color:var(--text-primary);will-change:transform;border-radius:6px;align-items:center;padding:1rem;transition:all .3s;display:flex}.timezone-display:hover{border-color:var(--accent)}.timezone-display i{margin-right:10px;font-size:1.2rem}.timezone-options{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;overflow-y:auto;box-shadow:0 5px 15px #0000001a}.timezone-options-portal{background:var(--card-bg);border:1px solid var(--border-color);max-height:250px;color:var(--text-primary);border-radius:6px;overflow-y:auto;box-shadow:0 5px 15px #0000001a}.timezone-options.show,.timezone-options-portal.show{animation:.3s ease-out fadeIn;display:block}.timezone-option{cursor:pointer;color:var(--text-primary);align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.timezone-option:hover{background:#a52a2a1a}.timezone-option i{text-align:center;width:24px;font-size:1.2rem}input[type=hidden][name=timezone]{display:none}.checkbox-group{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:.5rem;display:grid}.checkbox-option{background:var(--bg-primary);border:1px solid var(--border-color);cursor:pointer;will-change:transform;border-radius:6px;align-items:center;gap:.5rem;padding:.8rem;transition:all .3s;display:flex}.checkbox-option:hover{border-color:var(--accent);background:#a52a2a1a}.checkbox-option input{opacity:0;width:auto;position:absolute}.custom-checkbox{border:2px solid var(--accent);border-radius:50%;flex-shrink:0;width:24px;height:24px;transition:all .3s;display:inline-block;position:relative}.checkbox-option input:checked+.custom-checkbox{background:var(--accent);border-color:var(--accent)}.checkbox-option input:checked+.custom-checkbox:after{content:"✓";color:#fff;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-filter-selector{width:100%;position:relative}.mobile-filter-display{border:2px solid var(--border-color);background:var(--bg-primary);cursor:pointer;width:100%;color:var(--text-primary);text-align:left;border-radius:6px;align-items:center;padding:1rem;font-family:Noto Sans JP,sans-serif;font-size:1rem;transition:all .3s;display:flex}.mobile-filter-display:hover{border-color:var(--accent)}.mobile-filter-display i:first-child{color:var(--accent);text-align:center;width:24px;margin-right:10px;font-size:1.2rem}.mobile-filter-display span{flex-grow:1;font-weight:500}.mobile-filter-display .dropdown-arrow{color:var(--text-secondary);transition:transform .3s}.mobile-filter-display .dropdown-arrow.open{transform:rotate(180deg)}.mobile-filter-options-portal{background:var(--card-bg);border:1px solid var(--border-color);max-height:250px;color:var(--text-primary);border-radius:6px;animation:.3s ease-out fadeIn;overflow-y:auto;box-shadow:0 5px 15px #0000001a}.mobile-filter-option{cursor:pointer;color:var(--text-primary);align-items:center;gap:1rem;padding:1rem;font-weight:500;transition:all .2s;display:flex}.mobile-filter-option:hover{background:#a52a2a1a}.mobile-filter-option i{text-align:center;width:24px;color:var(--accent);font-size:1.2rem}.rating-label{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.rating-indicator{align-items:center;gap:.5rem;font-weight:700;display:flex}.rating-indicator i{font-size:1.5rem;transition:color .3s}.rating-slider-container{align-items:center;gap:1rem;display:flex}.rating-slider-container i{color:var(--text-secondary);font-size:1.5rem}.rating-slider{-webkit-appearance:none;appearance:none;background:var(--border-color);cursor:pointer;background-image:linear-gradient(var(--accent), var(--accent));background-size:var(--rating-percent,50%) 100%;background-repeat:no-repeat;border-radius:5px;outline:none;width:100%;height:8px;margin:0;padding:0}.rating-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent);cursor:pointer;border:3px solid var(--card-bg);border-radius:50%;width:24px;height:24px;transition:transform .2s;box-shadow:0 0 5px #0003}.rating-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:3px solid var(--card-bg);border-radius:50%;width:24px;height:24px;transition:transform .2s;box-shadow:0 0 5px #0003}.rating-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.rating-slider::-moz-range-thumb:hover{transform:scale(1.1)}.rating-slider:active::-webkit-slider-thumb{transform:scale(1.2)}.rating-slider:active::-moz-range-thumb{transform:scale(1.2)}} @layer components{@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--card-bg);box-shadow:0 5px 20px var(--shadow-color);border:1px solid var(--border-color);will-change:transform, opacity;z-index:2;opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;margin-bottom:2rem;padding:2.5rem;transition:transform .4s,box-shadow .4s;animation:.6s ease-out forwards slideInFromBottom;position:relative;transform:translateZ(0)}.card:before{content:"";background:var(--accent);height:4px;position:absolute;top:0;left:0;right:0}@media (prefers-color-scheme:light){.card:hover{box-shadow:0 0 30px var(--glow), 0 0 60px var(--glow)}}@media (prefers-color-scheme:dark){.card:hover{box-shadow:0 0 10px var(--glow), 0 0 25px var(--glow)}}.requirement-card{background:var(--bg-primary);border:1px solid var(--border-color);will-change:transform, opacity;border-radius:10px;align-items:center;gap:1.5rem;padding:1.8rem;transition:all .3s ease-out;display:flex;position:relative;overflow:hidden}.requirement-card:hover{background:var(--accent-light);border-color:var(--accent);transform:translateY(-3px)}.requirement-card:hover .requirement-icon{background:#fff3;transform:rotate(360deg)scale(1.1)}.requirement-card:hover .requirement-content h3,.requirement-card:hover .requirement-content p{color:#000}.requirement-icon{color:var(--accent);background:#a52a2a1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;font-size:2.2rem;transition:all .4s;display:flex}.requirement-icon svg{width:60%;height:60%}.requirement-content h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.4rem;font-weight:600;transition:color .3s}.requirement-content p{color:var(--text-secondary);transition:color .3s}.activity-card{background:var(--bg-primary);border:1px solid var(--border-color);will-change:transform;border-radius:8px;flex-direction:column;gap:1.5rem;height:100%;padding:2rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.activity-card:before{content:"";background:var(--accent);height:4px;position:absolute;top:0;left:0;right:0}.activity-card:hover{background:var(--card-bg);box-shadow:0 8px 30px var(--shadow-color);transform:translateY(-5px)}.activity-icon{color:var(--accent);font-size:3rem}.activity-content h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.activity-content p{color:var(--text-secondary);line-height:1.7}.member-card{color:var(--text-primary);box-shadow:0 4px 8px var(--shadow-color);background:var(--card-bg);will-change:transform;content-visibility:auto;contain-intrinsic-size:0 140px;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;flex-direction:column;justify-content:space-between;margin:6px;padding:12px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.member-rank{-webkit-user-select:none;user-select:none;cursor:default}.member-card .member-rank{background:var(--accent);color:#fff;z-index:2;text-transform:uppercase;opacity:0;border-radius:0 0 0 8px;padding:.3rem .8rem;font-size:.8rem;font-weight:700;transition:opacity .3s,transform .3s;position:absolute;top:0;right:0;transform:translateY(-5px)}.member-card:hover{transform:translateY(-8px)rotate(2deg);box-shadow:0 10px 20px #0000004d}.member-card:hover .member-rank{opacity:1;transform:translateY(0)}.member-card.online{border:2px solid #4caf50}.member-card.owner{background:var(--owner-gradient)}.member-card.chief{background:var(--chief-gradient)}.member-card.strategist{background:var(--strategist-gradient)}.member-card.captain{background:var(--captain-gradient)}.member-card.recruiter{background:var(--recruiter-gradient)}.member-card.recruit{background:var(--recruit-gradient)}[data-theme=light] .member-card.owner,[data-theme=light] .member-card.chief,[data-theme=light] .member-card.strategist,[data-theme=light] .member-card.captain{color:var(--dark-wood)}[data-theme=light] .member-card.recruiter,[data-theme=light] .member-card.recruit,[data-theme=dark] .member-card{color:var(--text-primary)}.member-name{color:inherit;margin-bottom:.3rem;font-weight:600}.member-class{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem}.member-stats{color:inherit;opacity:.9;justify-content:space-around;font-size:.85rem;display:flex}.stat-value{color:var(--accent);font-weight:600;display:block}.member-status{justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.error-card{border:1px solid var(--danger);text-align:center;background:#f443361a;border-radius:8px;margin-bottom:1rem;padding:1.5rem}.application-card{border:1px dashed var(--accent);background:#a52a2a0d;border-radius:8px;margin:1rem 0;padding:1.5rem}.application-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;display:flex}.application-content{color:var(--text-secondary)}.application-message{border-left:3px solid var(--accent);background:#0000000d;border-radius:6px;margin-top:1rem;padding:1rem;display:none}.message-preview{color:var(--text-secondary);text-overflow:ellipsis;-webkit-box-orient:vertical;margin-top:.5rem;font-style:italic;display:-webkit-box;overflow:hidden}.player-details{margin-top:2rem}.player-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.player-stat-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.2rem}.player-stat-title{color:var(--text-secondary);margin-bottom:.3rem;font-size:.9rem}.player-stat-value{color:var(--accent);font-size:1.1rem;font-weight:600}.guild-stat-card{background:var(--bg-secondary);border-left:4px solid var(--accent);border-radius:8px;align-items:center;gap:1rem;padding:1rem;display:flex}.guild-stat-icon{color:var(--accent);flex-shrink:0;font-size:1.8rem}.guild-stat-icon .material-symbols-outlined{font-size:2rem}.guild-stat-title{color:var(--text-secondary);font-size:.9rem;font-weight:500}.guild-stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.pool-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;height:auto;min-height:auto;display:grid}.pool-region-title{color:var(--accent);border-bottom:2px solid var(--border-color);grid-column:1/-1;margin:1.5rem 0 1rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:700}.pool-separator-title{color:var(--text-secondary);background:var(--bg-secondary);text-align:center;border-radius:4px;grid-column:1/-1;margin:1rem 0 .5rem;padding:.5rem;font-size:1.1rem;font-weight:600}.pool-item-card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 2px 8px var(--shadow-color);content-visibility:auto;contain-intrinsic-size:0 82px;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:8px;align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex;transform:translateZ(0)}.pool-item-card:hover{box-shadow:0 5px 15px var(--shadow-color);transform:translateY(-3px)}.pool-item-card.active,.pool-item-card:active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light);transform:translateY(-3px)}.pool-item-icon{background-color:var(--bg-secondary);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.pool-item-icon img{object-fit:contain;width:100%;height:100%}.pool-item-icon.small-icon{width:36px;height:36px}.pool-item-name{font-weight:600}.pool-item-tracker{color:var(--text-secondary);margin-top:.2rem;font-size:.85rem;font-style:italic}.pool-item-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;margin-top:4px;padding:.2rem .5rem;font-size:.8rem;font-weight:700}.pool-item-tag.mythic{color:#9400d3;background-color:#9400d333}.pool-item-tag.shiny{color:#8a2be2;background-color:#8a2be233}.pool-item-tag.fabled{color:#ff1e00;background-color:#ff450033}.pool-item-tag.legendary{color:#1e90ff;background-color:#1e90ff33}.pool-item-tag.rare{color:#ff1493;background-color:#ff69b433}.pool-item-tag.unique{color:orange;background-color:#ffd70033}.pool-item-tag.set{color:#32cd32;background-color:#32cd3233}.pool-item-tag.aspect{color:#8a2be2;background-color:#8a2be233}.player-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.player-header-info{flex-direction:column;gap:.5rem;display:flex}.player-header-main{align-items:center;gap:.75rem;display:flex}.player-header-main h3{margin:0;font-size:1.8rem;font-weight:700}.rank-badge-img{width:32px;height:32px}.player-status-indicator{border-radius:6px;padding:.2rem .6rem;font-size:.9rem;font-weight:700}.player-status-indicator.online{background-color:var(--success);color:#fff}.player-status-indicator.offline{background-color:var(--text-secondary);color:#fff}.player-server{color:var(--text-secondary);font-size:.9rem}.player-header-sub{align-items:center;gap:.5rem;display:flex}.player-tag{color:#fff;border-radius:4px;padding:.15rem .5rem;font-size:.8rem;font-weight:700}.player-tag.veteran{background-color:#a0a}.player-tag.support{text-transform:capitalize;background-color:#55f}.player-tag.banned{background-color:var(--danger)}.player-guild-info{background-color:var(--bg-primary);border-radius:8px;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.95rem;display:flex}.player-guild-info strong{color:var(--text-primary)}.player-stats-section-title{color:var(--accent);border-bottom:1px solid var(--border-color);margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem;font-weight:600}.player-rank-prefix{text-transform:capitalize;font-weight:700}.player-rank-champion{color:gold;text-shadow:0 0 5px #ffd70080}.player-rank-heroplus{color:#ff69b4}.player-rank-hero{color:#9370db}.player-rank-vipplus{color:#00bfff}.player-rank-vip{color:#32cd32}.player-rank-default{color:var(--text-secondary)}.activity-list{flex-direction:column;gap:.25rem;margin-top:.5rem;padding:0;list-style:none;display:flex}.activity-list li{justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.9rem;display:flex}.activity-list .activity-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-right:1rem;overflow:hidden}.activity-list .activity-count{color:var(--accent);flex-shrink:0;font-weight:700}.quest-card{grid-column:1/-1}.quest-list{columns:3;-webkit-columns:3;-moz-columns:3;-moz-column-gap:2rem;column-gap:2rem;padding:0;list-style:none}.quest-list li{color:var(--text-secondary);-moz-column-break-inside:avoid;break-inside:avoid;padding:.25rem 0;font-size:.9rem}.guild-stat-icon-skeleton{border-radius:50%;flex-shrink:0;width:44px;height:44px}.guild-stat-content-skeleton{flex-direction:column;display:flex}.member-card-skeleton{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;justify-content:space-between;min-height:120px;margin:6px;padding:12px;display:flex}.skeleton-stats{justify-content:space-around;gap:1rem;margin-top:auto;margin-bottom:8px;display:flex}.skeleton-stats .skeleton-text.short{margin:0 auto}.skeleton-status{justify-content:center;align-items:center;gap:.5rem;display:flex}.skeleton-indicator{border-radius:50%;width:12px;height:12px}.pool-item-card-skeleton{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:1rem;padding:1rem;display:flex}.pool-item-icon-skeleton{border-radius:4px;flex-shrink:0;width:48px;height:48px}.pool-item-content-skeleton{flex-grow:1}.pool-item-tag-skeleton{border-radius:4px;width:60px;height:24px}}.developer-badge{color:#000;z-index:10;background:linear-gradient(135deg,#0f0,#0c0);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;animation:2s infinite pulse;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 0 10px #00ff0080}.dev-mode-active{border:2px solid #0f0!important;box-shadow:0 0 20px #0f09!important}.matrix-effect{pointer-events:none;opacity:.3;color:#0f0;font-family:monospace;font-size:10px;line-height:1.2;animation:3s linear infinite matrixScroll;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.dev-tag{margin-left:4px;font-size:14px}@keyframes floatUp{0%{opacity:1;transform:translate(-50%,-50%)translateY(0)}to{opacity:0;transform:translate(-50%,-50%)translateY(-50px)}}@keyframes pulse{0%,to{box-shadow:0 0 10px #00ff0080}50%{box-shadow:0 0 20px #0f0c}}@keyframes matrixScroll{0%{transform:translateY(0)}to{transform:translateY(20px)}} @layer components{.font-ascii{font-family:ascii,sans-serif}.font-common{font-family:common,sans-serif}.nDam,.eDam,.tDam,.wDam,.fDam,.aDam,.Neutral,.Earth,.Thunder,.Water,.Fire,.Air,.Earth_powder,.Thunder_powder,.Water_powder,.Fire_powder,.Air_powder{font-family:Nunito,sans-serif}.nDam,.Neutral{color:#fa0}.nDam:before,.Neutral:before{content:"✤ "}.eDam,.Earth,.Earth_powder{color:#0a0}.eDam:before,.Earth:before,.Earth_powder:before{content:"✤ "}.tDam,.Thunder,.Thunder_powder{color:#ff5}.tDam:before,.Thunder:before,.Thunder_powder:before{content:"✦ "}.wDam,.Water,.Water_powder{color:#5ff}.wDam:before,.Water:before,.Water_powder:before{content:"❉ "}.fDam,.Fire,.Fire_powder{color:#f55}.fDam:before,.Fire:before,.Fire_powder:before{content:"✹ "}.aDam,.Air,.Air_powder{color:#fff}[data-theme=light] .aDam,[data-theme=light] .Air,[data-theme=light] .Air_powder{color:#222}.aDam:before,.Air:before,.Air_powder:before{content:"❋ "}.user-display{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;align-items:center;gap:.8rem;padding:.7rem 1.4rem;font-weight:500;display:flex}.user-avatar{object-fit:cover;border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 2px 8px #0003}.user-display .fa-user-circle{font-size:2rem}.language-selector{z-index:1000;position:relative;top:auto;right:auto}.language-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);will-change:transform;background:#0003;border:1px solid #fff3;border-radius:50px;align-items:center;gap:.75rem;padding:.5rem 1rem;font-family:Noto Sans JP,sans-serif;font-weight:500;transition:all .3s ease-out;display:flex;box-shadow:0 2px 8px #0003}.language-btn:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.language-dropdown{background:var(--card-bg);z-index:1001;border:1px solid var(--border-color);width:max-content;color:var(--text-primary);-webkit-backdrop-filter:blur(10px);border-radius:12px;margin-top:.5rem;padding:.8rem;display:none;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 25px #0003}.language-dropdown.show{animation:.3s ease-out fadeInScale;display:block}.language-option{cursor:pointer;color:var(--text-primary);will-change:transform;border-radius:8px;align-items:center;gap:.8rem;margin-bottom:.3rem;padding:.8rem 1rem;transition:all .2s;display:flex}.language-option:last-child{margin-bottom:0}.language-option:hover{background:#a52a2a1a;transform:translate(-4px)}.language-option .flag-icon{filter:saturate(.8);background-position:50%;background-repeat:no-repeat;background-size:cover;width:24px;height:16px;transition:all .3s;display:inline-block}.language-icon-custom{justify-content:center;align-items:center;width:24px;height:16px;font-size:1.2em;display:inline-flex}[data-theme=light] .language-option .flag-icon{filter:brightness(.9)saturate(.7)}[data-theme=dark] .language-option .flag-icon{filter:brightness(1.1)contrast(.9)}.current-language{align-items:center;gap:.5rem;font-weight:600;display:flex}.language-btn i.fa-chevron-down{transition:transform .3s}.language-btn.active i.fa-chevron-down{transform:rotate(180deg)}.theme-toggle{background:var(--accent);cursor:pointer;z-index:100;color:#fff;will-change:transform;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.8rem;transition:all .3s;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 15px #00000040}.theme-toggle:hover{background:var(--accent-light);transform:scale(1.1)rotate(10deg)}.audio-toggle{background:var(--accent);cursor:pointer;z-index:100;color:#fff;will-change:transform;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.8rem;transition:all .3s;display:flex;position:fixed;bottom:6.5rem;right:2rem;box-shadow:0 4px 15px #00000040}.audio-toggle:hover{background:var(--accent-light);transform:scale(1.1)rotate(-10deg)}.bmac-button{background:var(--accent);cursor:pointer;z-index:100;color:#fff;will-change:transform;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.8rem;text-decoration:none;transition:all .3s;display:flex;position:fixed;bottom:11rem;right:2rem;box-shadow:0 4px 15px #00000040}.bmac-button:hover{background:var(--accent-light);transform:scale(1.1)rotate(5deg)}.map-zoom-controls-fixed{z-index:100;opacity:0;flex-direction:column-reverse;gap:.5rem;animation:.3s ease-out .1s forwards fab-fade-in;display:flex;position:fixed;bottom:6.5rem;right:2rem;transform:scale(.9)}.map-zoom-controls-fixed button{background:var(--accent);color:#fff;cursor:pointer;will-change:transform;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;transition:all .3s;display:flex;box-shadow:0 4px 15px #00000040}.map-zoom-controls-fixed button:hover{background:var(--accent-light);transform:scale(1.1)}.api-status{z-index:1000;cursor:default;background:var(--bg-secondary);height:60px;box-shadow:0 0 0 2px var(--border-color), 0 4px 15px var(--shadow-color);will-change:grid-template-columns, border-radius;border-radius:30px;grid-template-columns:60px 0fr;align-items:center;padding:0;transition:all .4s cubic-bezier(.68,-.55,.27,1.55);display:grid;position:fixed;bottom:2rem;left:2rem;overflow:visible}.api-status:hover{grid-template-columns:60px 1fr}.api-status.tooltip-active{border-top-right-radius:0!important}.api-status .icon-wrapper{justify-content:center;align-items:center;width:60px;height:60px;display:flex}.api-status i{color:var(--text-secondary);font-size:1.8rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards icon-pop-in}.api-status .text-wrapper{opacity:0;will-change:opacity, transform;min-width:0;position:relative;overflow:visible;transform:translate(-15px)}.api-status:hover .text-wrapper{opacity:1;transition:opacity .3s ease-in-out .1s,transform .3s ease-in-out .1s;transform:translate(0)}.api-status .text-wrapper>span{white-space:nowrap;color:var(--text-primary);padding-left:.5rem;padding-right:1.2rem;font-size:.95rem;font-weight:500;display:block}.api-status .api-details{margin-top:.3rem;padding-left:.5rem;padding-right:1.2rem}.api-status .api-tooltip{background:var(--bg-secondary);border:2px solid var(--border-color);opacity:0;visibility:hidden;transform-origin:bottom;z-index:-1;white-space:nowrap;pointer-events:none;clip-path:inset(-50px -50px 0);border-bottom:none;border-radius:20px 20px 0 0;padding:1.1rem 1.4rem .6rem 1.5rem;transition:opacity .4s,transform .6s cubic-bezier(.23,1,.32,1),visibility .4s;position:absolute;bottom:calc(100% + 17px);left:0;right:-2px;transform:translateY(30px);box-shadow:0 -8px 20px #0003}.api-status .api-item:first-child:before{content:"";background:var(--bg-secondary);z-index:-1;width:100%;height:14px;position:absolute;top:100%;left:0}.api-status .api-tooltip.show{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}.api-status .api-tooltip.show .api-item{opacity:0;animation:.6s cubic-bezier(.23,1,.32,1) forwards tooltip-cascade}.api-status .api-tooltip.show .api-item:first-child{animation-delay:.2s}.api-status .api-tooltip.show .api-item:nth-child(2){animation-delay:.3s}.api-status .api-tooltip:after{content:"";background:radial-gradient(circle at 0% 0%, transparent 23px, var(--border-color) 23px, var(--border-color) 25px, var(--bg-secondary) 25px);z-index:10;pointer-events:none;width:25px;height:25px;position:absolute;bottom:0;left:-25px}@keyframes tooltip-cascade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.api-status .api-item{z-index:10;justify-content:space-between;align-items:center;margin-bottom:.2rem;font-size:.75rem;display:flex;position:relative}.api-status .api-item:last-child{margin-bottom:0}.api-status .api-item span{color:var(--text-primary);font-weight:500}.api-status .api-item i{margin-left:1.2rem;font-size:.95rem}.api-status .api-item i.fa-check-circle{color:var(--success)}.api-status .api-item i.fa-times-circle{color:var(--danger)}.api-status .api-item i.spinner{color:var(--text-secondary)}.api-status.online i{color:var(--success)}.api-status.offline i{color:var(--danger)}.api-status.checking i.spinner{animation:1.5s linear infinite spin}.server-status{text-align:center;border-radius:4px;margin-top:1rem;padding:.5rem;display:none}.server-status.success{color:var(--success);background-color:#4caf5033}.server-status.error{color:var(--danger);background-color:#f4433633}.status-indicator{border-radius:50%;width:12px;height:12px;display:inline-block}.status-indicator.online{border:2px solid var(--success);background:0 0;animation:2s infinite pulse}.status-indicator.offline{background:var(--text-secondary)}.status-indicator.ingame{border:2px solid var(--accent);background:0 0;animation:1.5s infinite pulse}.wynnpool-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:.5rem;display:flex}.pool-switch{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;min-width:320px;padding:.25rem;display:flex;position:relative;box-shadow:0 2px 8px #0000001a}.pool-switch-button{color:var(--text-secondary);cursor:pointer;z-index:2;text-align:center;white-space:nowrap;background:0 0;border:none;border-radius:10px;flex:1;padding:.7rem 1.2rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.pool-switch-button:hover:not(.active){color:var(--text-primary)}.pool-switch-button.active,[data-theme=dark] .pool-switch-button.active{color:var(--ink-black)}.pool-switch-slider{background:var(--accent);z-index:1;width:calc(50% - .25rem);box-shadow:0 4px 12px rgba(var(--accent-rgb,165, 42, 42), .4);border-radius:10px;transition:transform .4s cubic-bezier(.18,.89,.32,1.28);position:absolute;top:.25rem;bottom:.25rem;left:.25rem}.pool-switch-slider.lootruns{transform:translate(100%)}.pool-search-container{flex-grow:1;align-items:center;max-width:450px;display:flex;position:relative}.pool-search-input{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:12px;padding:.75rem 1rem .75rem 2.8rem;font-size:.95rem;transition:all .3s;box-shadow:0 2px 6px #0000000d}.pool-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb,165, 42, 42), .15);background:var(--bg-primary);outline:none}.pool-search-input::placeholder{color:var(--text-secondary);opacity:.7}.search-icon{color:var(--text-secondary);pointer-events:none;font-size:1rem;transition:color .3s;position:absolute;left:1.1rem}.pool-search-input:focus+.search-icon,.pool-search-container:focus-within .search-icon{color:var(--accent)}.character-carousel{justify-content:center;align-items:center;gap:1.5rem;margin:2rem 0;display:flex;position:relative}.class-nav-btn{background:var(--accent);color:#fff;cursor:pointer;z-index:2;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;transition:all .3s;display:flex;box-shadow:0 4px 10px #0003}.class-nav-btn:hover{background:var(--accent-light);transform:scale(1.1)}.character-card-wrapper{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 5px 15px var(--shadow-color);border-radius:12px;flex-direction:column;flex-grow:1;min-height:300px;padding:1.5rem;display:flex;position:relative;overflow:hidden}.character-card-wrapper:before{content:"";background:var(--accent);height:5px;position:absolute;top:0;left:0;right:0}.character-card-wrapper.warrior-theme:before{background:#c79c6e}.character-card-wrapper.archer-theme:before{background:#a9d271}.character-card-wrapper.mage-theme:before{background:#69ccf0}.character-card-wrapper.assassin-theme:before{background:#fff569}.character-card-wrapper.shaman-theme:before{background:#0070de}.character-card-header{border-bottom:1px dashed var(--border-color);align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.char-icon-large{width:48px!important;height:48px!important}.char-header-text h5{text-transform:capitalize;margin:0;font-size:1.6rem;font-weight:700}.char-level{color:var(--accent);margin-right:.5rem;font-size:1.1rem;font-weight:600}.char-nickname{color:var(--text-secondary);font-style:italic}.character-stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.char-stat-box{background:var(--bg-primary);text-align:center;border:1px solid var(--border-color);border-radius:8px;padding:.8rem}.char-stat-box .label{color:var(--text-secondary);text-transform:uppercase;margin-bottom:.2rem;font-size:.8rem;display:block}.char-stat-box .value{color:var(--text-primary);font-size:1.1rem;font-weight:700}.character-secondary-info{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}@media (max-width:768px){.character-secondary-info{grid-template-columns:1fr}}.professions-list h6,.dungeon-raid-list h6{color:var(--accent);border-bottom:1px solid var(--border-color);margin-bottom:.5rem;padding-bottom:.2rem;font-size:1rem}.prof-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem;display:grid}.prof-item{background:var(--bg-secondary);border-radius:4px;justify-content:space-between;padding:.3rem .6rem;font-size:.85rem;display:flex}.prof-name{text-transform:capitalize;color:var(--text-secondary)}.prof-lvl{color:var(--text-primary);font-weight:700}.activity-mini-stat{border-bottom:1px dashed var(--border-color);justify-content:space-between;padding:.5rem 0;display:flex}.player-footer-info{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2rem;font-size:.9rem;display:flex}.leaderboard-table-container{overflow-x:auto}.leaderboard-table{border-collapse:collapse;text-align:left;width:100%}.leaderboard-table th,.leaderboard-table td{border-bottom:1px solid var(--border-color);word-break:break-word;overflow-wrap:break-word;padding:1rem 1.2rem}.leaderboard-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:600}.leaderboard-table tbody tr{transition:background-color .2s}.leaderboard-table tbody tr:hover{background-color:#a52a2a0d}.leaderboard-table tbody tr.our-guild{background-color:#d4af3726;font-weight:600}[data-theme=dark] .leaderboard-table tbody tr.our-guild{background-color:#d4af3733}.player-info{align-items:center;gap:.8rem;font-weight:500;display:flex}.rank-badge{min-width:30px;height:30px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:inline-flex}.rank-badge.rank-1{color:#333;background-color:gold}.rank-badge.rank-2{color:#333;background-color:silver}.rank-badge.rank-3{color:#fff;background-color:#cd7f32}.hd-toggle{cursor:pointer;align-items:center;gap:.5rem;display:flex}.hd-toggle input{display:none}.hd-toggle .slider{background-color:var(--border-color);border-radius:10px;width:40px;height:20px;transition:background-color .3s;position:relative}.hd-toggle .slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:transform .3s;position:absolute;top:2px;left:2px}.hd-toggle input:checked+.slider{background-color:var(--accent)}.hd-toggle input:checked+.slider:before{transform:translate(20px)}.hq-icon{pointer-events:none;font-size:18px}.territory-rect.recent{stroke:#fc0;stroke-width:2px;stroke-dasharray:10 5;animation:1s linear infinite recent-capture}@keyframes recent-capture{to{stroke-dashoffset:-15px}}.territory-calculator{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;flex-direction:column;width:90vw;max-width:450px;max-height:85vh;padding:2rem;display:flex;position:relative;transform:translateZ(0)}.territory-calculator h3{text-align:center;margin-top:0;margin-bottom:1.5rem}.calculator-grid{flex-direction:column;gap:1rem;display:flex}.stat-row{background-color:var(--bg-primary);border-radius:6px;justify-content:space-between;align-items:center;padding:.5rem;display:flex}.hq-toggle{background-color:var(--bg-secondary);border-radius:8px;justify-content:center;align-items:center;padding:.5rem;display:flex;margin-bottom:1.5rem!important}.hq-toggle label{margin-bottom:0}.level-selector{align-items:center;gap:.5rem;display:flex}.level-selector-btn{border:1px solid var(--border-color);background:var(--bg-secondary);width:28px;height:28px;color:var(--text-primary);cursor:pointer;border-radius:50%;font-weight:700;transition:background-color .2s,transform .2s}.level-selector-btn:hover{background-color:var(--accent);color:#fff}.level-selector-btn:active{transform:scale(.9)}.level-selector-value{text-align:center;min-width:2em;font-weight:600}.calculator-results{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.calculator-results h4{text-align:center;margin-bottom:1rem;font-size:1.2rem}.calculator-results p{justify-content:space-between;margin-bottom:.5rem;display:flex}.calculator-results p span{font-weight:700}.reset-configs-btn{color:var(--accent);border:2px solid var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;justify-content:right;align-items:center;width:40px;height:40px;padding:0;font-family:Noto Sans JP,sans-serif;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.reset-configs-btn:hover{background:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #00000026}.reset-configs-btn:active{transform:translateY(0);box-shadow:0 2px 5px #0000001a}.reset-configs-btn i{flex-shrink:0;font-size:1.1rem;transition:transform .3s,color .3s}.reset-configs-btn span{opacity:0;white-space:nowrap;max-width:0;padding-left:.5rem;font-size:.9rem;transition:max-width .4s,opacity .4s;overflow:hidden}.reset-configs-btn.confirming{color:#fff;background:red;border-color:red;width:auto;padding:.6rem 1.2rem}.reset-configs-btn.confirming:hover{background:#d60000;border-color:#d60000}.reset-configs-btn.confirming i{transform:scale(1.1)}.reset-configs-btn.confirming span{opacity:1;max-width:200px}.reset-configs-btn:disabled,.reset-configs-btn.confirming:disabled{background:var(--border-color);color:var(--text-secondary);cursor:not-allowed;box-shadow:none;border-color:var(--border-color);transform:none}.loading-auth{cursor:wait;color:#ffffffe6;justify-content:center;animation:1.5s ease-in-out infinite pulse;box-shadow:0 4px 15px #0003}.loading-auth:hover{background:var(--accent);transform:none;box-shadow:0 4px 15px #0003}.loading-auth .theme-loader{width:22px;height:22px}.loading-auth .theme-loader:before,.loading-auth .theme-loader:after{border-width:3px}.loading-auth .theme-loader:after{animation-duration:1.8s;top:3px;bottom:3px;left:3px;right:3px}.rpg-loader-container{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:400px;display:flex;position:relative;overflow:hidden}.loader-orb-wrapper{justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:2.5rem;display:flex;position:relative}.loader-orb{background:var(--accent);z-index:10;width:60px;height:60px;box-shadow:0 0 20px var(--accent);border-radius:50%;animation:2s ease-in-out infinite magicPulse;position:relative}.loader-orbit{border:2px dashed #fff3;border-radius:50%;width:100%;height:100%;animation:10s linear infinite spin;position:absolute;top:0;left:0}.orbit-item{background:var(--card-bg);border:1px solid var(--accent);width:30px;height:30px;color:var(--accent);box-shadow:0 0 10px var(--shadow-color);border-radius:50%;justify-content:center;align-items:center;margin-top:-15px;margin-left:-15px;font-size:.9rem;display:flex;position:absolute;top:50%;left:50%}.orbit-item:first-child{transform:rotate(0)translate(60px)rotate(0)}.orbit-item:nth-child(2){transform:rotate(72deg)translate(60px)rotate(-72deg)}.orbit-item:nth-child(3){transform:rotate(144deg)translate(60px)rotate(-144deg)}.orbit-item:nth-child(4){transform:rotate(216deg)translate(60px)rotate(-216deg)}.orbit-item:nth-child(5){transform:rotate(288deg)translate(60px)rotate(-288deg)}.loader-orbit .orbit-item{animation:8s linear infinite reverse orbit}.loader-text{color:var(--text-primary);text-align:center;max-width:80%;font-size:1.2rem;font-weight:600;animation:3s ease-in-out infinite floatText}.loader-subtext{color:var(--text-secondary);opacity:.8;margin-top:.5rem;font-size:.9rem;font-style:italic}.birthday-overlay-container{-webkit-backdrop-filter:blur(8px);z-index:10000;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.confetti-canvas{pointer-events:none;z-index:10001;width:100%;height:100%;position:absolute;top:0;left:0}.birthday-card{border:1px solid var(--gold-accent);text-align:center;z-index:10002;opacity:0;will-change:transform, opacity;background:linear-gradient(145deg,#1a1a1af2 0%,#0a0a0afa 100%);border-radius:24px;width:550px;max-width:90%;padding:3.5rem 2.5rem;animation:.8s cubic-bezier(.34,1.56,.64,1) forwards birthdayPopIn;position:relative;transform:scale(.9);box-shadow:0 0 40px #d4af3726,inset 0 0 20px #000c}.birthday-card:before{content:"";background:linear-gradient(45deg, transparent, var(--gold-accent), transparent);-webkit-mask-composite:xor;pointer-events:none;opacity:.5;border-radius:26px;padding:2px;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.birthday-icon{filter:drop-shadow(0 0 15px #ffd70066);will-change:transform, opacity;margin-bottom:1.5rem;font-size:5rem;animation:3s ease-in-out infinite floatText;display:inline-block}.birthday-card h1{color:#ff4da6;text-shadow:0 -1px #ff94c9;will-change:transform, opacity;margin:0 0 4px;font-size:22px;font-weight:800}.birthday-card p{color:#fff;text-shadow:0 -1px #0000004d;will-change:transform, opacity;margin:0;font-size:16px}.birthday-btn{background:linear-gradient(135deg, var(--gold-accent) 0%, #b8860b 100%);color:#1a1a1a;cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:50px;padding:1rem 3rem;font-size:1.1rem;font-weight:800;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #d4af374d}.birthday-btn:hover{color:#000;background:linear-gradient(135deg,gold 0%,#d4af37 100%);transform:translateY(-3px)scale(1.02);box-shadow:0 8px 25px #d4af3780}.birthday-btn:active{transform:translateY(1px)}.error-container.global{background-color:var(--bg-primary);width:100%;height:100%;position:absolute;top:0;left:0}@keyframes birthdayPopIn{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes shineText{to{background-position:200%}}@keyframes floatText{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(5deg)}}} @font-face{font-family:common;src:url(/fonts/common.woff)format("woff");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:ascii;src:url(/fonts/ascii.woff)format("woff");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:five;src:url(/fonts/five.woff)format("woff");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:"Font Awesome 7 Free";font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/fa-solid-900.woff2)format("woff2")}@font-face{font-family:"Font Awesome 7 Pro";font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/pro-fa-solid-900.woff2)format("woff2")}@font-face{font-family:"Font Awesome 7 Brands";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/fa-brands-400.woff2)format("woff2")}.pfas,.pfa-solid{font-family:"Font Awesome 7 Pro";font-weight:900}.fas,.fa-solid{font-family:"Font Awesome 7 Free";font-weight:900}.fab,.fa-brands{font-family:"Font Awesome 7 Brands";font-weight:400}.fas,.fab,.pfas{font-variant:normal;text-rendering:auto;font-style:normal;line-height:1;display:inline-block}.icon-sword{width:1em;height:1em;font-size:inherit;vertical-align:-.125em;color:inherit;background-color:currentColor;line-height:1;display:inline-block;-webkit-mask:url("data:image/svg+xml;utf8,") no-repeat;mask:url("data:image/svg+xml;utf8,") no-repeat}.fa-ring:before{content:""}.fa-sword:before{content:""}.fa-swords:before{content:""}.fa-bell:before{content:""}.fa-bell-slash:before{content:""}.fa-bell-on:before{content:""}.fa-bell-exclamation:before{content:""}.fa-sliders-h:before{content:""}.fa-chart-bar:before{content:""}.fa-chart-line:before{content:""}.fa-sun:before{content:""}.fa-moon:before{content:""}.fa-file-signature:before{content:""}.fa-level-up-alt:before{content:""}.fa-clock:before{content:""}.fa-users:before{content:""}.fa-book:before{content:""}.fa-home:before{content:""}.fa-volume-up:before{content:""}.fa-volume-mute:before{content:""}.fa-coffee:before{content:""}.fa-face-sad-tear:before{content:""}.fa-face-frown:before{content:""}.fa-face-meh:before{content:""}.fa-face-smile:before{content:""}.fa-face-laugh-beam:before{content:""}.fa-sync-alt:before{content:""}.fa-expand:before{content:""}.fa-compress:before{content:""}.fa-redo:before{content:""}.fa-sync:before{content:""}.fa-copy:before{content:""}.fa-check:before{content:""}.fa-map-marker-alt:before{content:""}.fa-map-marked-alt:before{content:""}.fa-gem:before{content:""}.fa-shield-alt:before{content:""}.fa-dungeon:before{content:""}.fa-couch:before{content:""}.fa-spinner:before{content:""}.fa-check-circle:before{content:""}.fa-times-circle:before{content:""}.fa-times:before{content:""}.fa-exclamation-triangle:before{content:""}.fa-x-twitter:before{content:""}.fa-discord:before{content:""}.fa-google:before{content:""}.fa-github:before{content:""}.fa-microsoft:before{content:""}.fa-sign-in-alt:before{content:""}.fa-comment-alt:before{content:""}.fa-paper-plane:before{content:""}.fa-trophy:before{content:""}.fa-user-check:before{content:""}.fa-user-circle:before{content:""}.fa-sign-out-alt:before{content:""}.fa-robot:before{content:""}.fa-mountain:before{content:""}.fa-leaf:before{content:""}.sakura-petal:before{content:"🌸"}.fa-fish:before{content:""}.fa-tree:before{content:""}.fa-asterisk:before{content:""}.fa-gavel:before{content:""}.fa-flag:before{content:""}.fa-info-circle:before{content:""}.fa-tasks:before{content:""}.fa-calendar-alt:before{content:""}.fa-calendar-check:before{content:""}.fa-calendar-plus:before{content:""}.fa-calendar-day:before{content:""}.fa-hourglass-half:before{content:""}.fa-skull-crossbones:before{content:""}.fa-dice:before{content:""}.fa-coins:before{content:""}.fa-trash:before{content:""}.fa-heading:before{content:""}.fa-align-left:before{content:""}.fa-tags:before{content:""}.fa-user:before{content:""}.fa-lock:before{content:""}.fa-egg:before{content:""}.fa-globe:before{content:""}.fa-globe-europe:before{content:""}.fa-globe-americas:before{content:""}.fa-chevron-down:before{content:""}.fa-chevron-left:before{content:""}.fa-chevron-right:before{content:""}.fa-plus:before{content:""}.fa-minus:before{content:""}.fa-search:before{content:""}.fa-filter:before{content:""}.fa-trash-alt:before{content:""}.spinner{animation:2s linear infinite fa-spin}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lazy-image{opacity:0;transition:opacity .3s ease-in-out}.lazy-image.loaded{opacity:1}.lazy-image-placeholder{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.flag-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;width:1.33333em;line-height:1em;display:inline-block;position:relative}.flag-icon:before{content:" "}.fi-us{background-image:url(/flags/us.svg)}.fi-cn{background-image:url(/flags/cn.svg)}.fi-kr{background-image:url(/flags/kr.svg)}.fi-jp{background-image:url(/flags/jp.svg)}.fi-es{background-image:url(/flags/es.svg)} @keyframes sakura-fall{0%{background-position:0 0,10px 10px,5px 15px;transform:translateY(-10vh)rotate(0)translateZ(0)}to{background-position:-100px 100vh,-90px calc(100vh + 10px),-95px calc(100vh + 15px);transform:translateY(110vh)rotate(360deg)translateZ(0)}}@keyframes fadeInScale{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glowText{0%{text-shadow:0 0 10px #ffffff4d}to{text-shadow:0 0 25px #e2e2e2cc,0 0 50px #a7a7a799}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes fall{0%{opacity:0;transform:translateY(-50px)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100vh)rotate(360deg)}}@keyframes icon-pop-in{0%{opacity:0;transform:scale(.5)}80%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes fab-fade-in{to{opacity:1;transform:scale(1)}}@keyframes magicPulse{0%{box-shadow:0 0 10px var(--accent), 0 0 20px var(--accent);transform:scale(1)}50%{box-shadow:0 0 25px var(--accent), 0 0 50px var(--accent-light);transform:scale(1.1)}to{box-shadow:0 0 10px var(--accent), 0 0 20px var(--accent);transform:scale(1)}}@keyframes orbit{0%{transform:rotate(0)translate(40px)rotate(0)}to{transform:rotate(360deg)translate(40px)rotate(-360deg)}}@keyframes floatText{0%,to{opacity:.8;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.fade-in{opacity:0;animation:.6s ease-out forwards fadeIn}.fade-in-up{opacity:0}.fade-in-up.in-view{animation:.6s ease-out forwards fadeInUp}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.parallax-container{perspective:1px;height:100vh;overflow:hidden auto}.parallax-layer{position:absolute;top:0;bottom:0;left:0;right:0}.parallax-back{transform:translateZ(-1px)scale(2)}.parallax-base{transform:translateZ(0)}.suspense-loader{justify-content:center;align-items:center;width:100%;min-height:60vh;display:flex}.shimmer-placeholder{background:var(--bg-secondary);position:relative;overflow:hidden}.shimmer-placeholder:after{content:"";background:linear-gradient(90deg,#0000,#0000000a,#0000);width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:0;transform:translate(-100%)}[data-theme=dark] .shimmer-placeholder:after{background:linear-gradient(90deg,#0000,#ffffff0a,#0000)}.leaderboard-skeleton{width:100%}.skeleton{background-color:var(--bg-secondary);border-radius:4px;position:relative;overflow:hidden}.skeleton:after{content:"";background-image:linear-gradient(90deg,#0000 0,#ffffff14 20%,#ffffff26 60%,#0000);animation:2s infinite shimmer;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}[data-theme=light] .skeleton{background-color:#e0e0e0}[data-theme=light] .skeleton:after{background-image:linear-gradient(90deg,#0000 0,#00000008 20%,#0000000f 60%,#0000)}.skeleton-rank{border-radius:50%;width:30px;height:30px;margin:auto}.skeleton-text{width:80%;height:20px}.skeleton-text.short{width:40%}.theme-transition{transition:all .5s cubic-bezier(.65,.05,.36,1)}.guild-symbol{background-color:var(--accent);color:#fff;cursor:pointer;z-index:99;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;transition:all .3s;display:flex;position:fixed;bottom:20px;left:20px;box-shadow:0 4px 15px #00000040}.guild-symbol:hover{background-color:var(--accent-light);transform:scale(1.1)}

Wynncraft Item Search

Search Filters