@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-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}}}@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;--text-xs:clamp(.75rem, .7rem + .25vw, .875rem);--text-sm:clamp(.875rem, .8rem + .35vw, 1rem);--text-base:clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl:clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--text-2xl:clamp(2rem, 1.2rem + 2.5vw, 3.5rem);--text-3xl:clamp(2.25rem, 1.2rem + 3vw, 4rem);--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--shadow-sm:0 1px 2px oklch(5% .02 50/.4);--shadow-md:0 4px 12px oklch(5% .02 50/.5);--shadow-lg:0 12px 32px oklch(5% .02 50/.6);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg:#1a1108;--color-surface:#2a1d0e;--color-surface-2:#321f0f;--color-surface-offset:#3a2310;--color-surface-dynamic:#52321a;--color-divider:#4a2e18;--color-border:#5a3820;--color-text:#e8d5b0;--color-text-muted:#c4a97a;--color-text-faint:#8a6a45;--color-text-inverse:#1a1108;--color-primary:#d4a017;--color-primary-hover:#b88510;--color-primary-highlight:#3a2c08;--color-success:#6a9f3a;--color-warning:#c87830;--color-error:#c03030;--radius-full:9999px;--transition-interactive:.18s cubic-bezier(.16, 1, .3, 1);--content-narrow:640px;--content-default:960px;--content-wide:1200px;--text-hero:clamp(2.5rem, 1rem + 4vw, 4.5rem);--header-h:4rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--font-display:"Cinzel", "Palatino Linotype", "Book Antiqua", Palatino, serif;--font-body:"EB Garamond", Garamond, "Palatino Linotype", Georgia, serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.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}.static{position:static}.block{display:block}.contents{display:contents}.hidden{display:none}.inline{display:inline}.flex-wrap{flex-wrap:wrap}.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)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 1rem);hanging-punctuation:first last}body{min-height:100dvh;line-height:1.7;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);background-image:radial-gradient(at 20% 0,oklch(25% .08 50/.15),#0000 50%),radial-gradient(at 80% 100%,#2b09011f,#0000 50%);background-attachment:fixed}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}ul[role=list],ol[role=list]{list-style:none}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{text-wrap:balance;line-height:1.2;font-family:var(--font-display)}p,li,figcaption{text-wrap:pretty;max-width:72ch}::selection{background:oklch(from var(--color-primary) l c h / .3);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}button{cursor:pointer;background:0 0;border:none}table{border-collapse:collapse;width:100%}a,button,[role=button]{transition:color var(--transition-interactive),background var(--transition-interactive),border-color var(--transition-interactive),box-shadow var(--transition-interactive),opacity var(--transition-interactive)}.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}.section-container{max-width:var(--content-default);padding:var(--space-8) var(--space-6);gap:var(--space-10);flex-direction:column;margin:0 auto;display:flex}.page-hero{max-width:var(--content-default);padding:var(--space-12) var(--space-6) var(--space-8);margin:0 auto}.page-hero-label{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-primary);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--space-3)}.page-hero-title{font-family:var(--font-display);font-size:var(--text-hero);color:var(--color-text);letter-spacing:.02em;margin-bottom:var(--space-5);font-weight:700;line-height:1.1}.page-hero-desc{font-size:var(--text-lg);color:var(--color-text-muted);max-width:65ch;line-height:1.75}.card-fantasy:before{content:"";background:linear-gradient(135deg,oklch(from var(--color-primary) l c h / .03) 0%,transparent 60%);pointer-events:none;position:absolute;inset:0}a.card-fantasy:hover,button.card-fantasy:hover{border-color:#8b621c}@supports (color:color-mix(in lab,red,red)){a.card-fantasy:hover,button.card-fantasy:hover{border-color:color-mix(in oklch,var(--color-primary) 40%,var(--color-border))}}a.card-fantasy:hover,button.card-fantasy:hover{box-shadow:var(--shadow-md);background:var(--color-surface-2)}.divider-fantasy{background:linear-gradient(90deg,transparent,var(--color-divider) 20%,var(--color-primary) 50%,var(--color-divider) 80%,transparent);border:none;height:1px;margin:0;position:relative}.divider-fantasy:after{content:"⚔️";background:var(--color-bg);padding:0 var(--space-3);font-size:.9rem;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.badge{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.06em;padding:2px var(--space-3);border-radius:var(--radius-full);background:var(--color-surface-offset);color:var(--color-text-faint);border:1px solid var(--color-border);font-weight:700}.badge-gold{background:#44310f}@supports (color:color-mix(in lab,red,red)){.badge-gold{background:color-mix(in oklch,var(--color-primary) 15%,var(--color-surface))}}.badge-gold{color:var(--color-primary);border-color:#d4a01759}@supports (color:color-mix(in lab,red,red)){.badge-gold{border-color:color-mix(in oklch,var(--color-primary) 35%,transparent)}}.tip-box{align-items:flex-start;gap:var(--space-3);background:var(--color-surface-offset);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-4);display:flex}.tip-box-icon{flex-shrink:0;font-size:1.2rem}.steps-list-simple{gap:var(--space-3);margin-top:var(--space-4);counter-reset:step-counter;flex-direction:column;list-style:none;display:flex}.steps-list-simple li{align-items:flex-start;gap:var(--space-3);font-size:var(--text-base);color:var(--color-text-muted);counter-increment:step-counter;line-height:1.7;display:flex}.steps-list-simple li:before{content:counter(step-counter);font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-primary);background:var(--color-primary-highlight);border:1px solid #d4a0174d;font-weight:700}@supports (color:color-mix(in lab,red,red)){.steps-list-simple li:before{border:1px solid color-mix(in oklch,var(--color-primary) 30%,transparent)}}.steps-list-simple li:before{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;display:flex}.feature-list-mods{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;list-style:none;display:flex}.feature-list-mods li{align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.65;display:flex}.feature-list-mods strong{color:var(--color-text)}section>h2{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text);letter-spacing:.03em;margin-bottom:var(--space-4);font-weight:700}section>h3{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text);letter-spacing:.02em;margin-top:var(--space-6);margin-bottom:var(--space-3);font-weight:700}section>p{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-4);line-height:1.8}@media(max-width:640px){.section-container{padding:var(--space-5) var(--space-4);gap:var(--space-8)}.page-hero{padding:var(--space-8) var(--space-4) var(--space-6)}}.container{max-width:var(--content-default);padding-inline:var(--space-6);margin-inline:auto}.container-wide{max-width:var(--content-wide);padding-inline:var(--space-6);margin-inline:auto}.container-narrow{max-width:var(--content-narrow);padding-inline:var(--space-6);margin-inline:auto}.section-container{max-width:var(--content-default);padding:var(--space-10) var(--space-6) var(--space-16);gap:var(--space-12);flex-direction:column;margin-inline:auto;display:flex}.section-container section{gap:var(--space-5);flex-direction:column;display:flex}.section-container h2{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text);letter-spacing:.03em;font-weight:700}.section-container p{font-size:var(--text-base);color:var(--color-text-muted);max-width:72ch;line-height:1.8}.section-container p a{color:var(--color-primary)}.section-container p strong{color:var(--color-text)}.section-container p em{color:var(--color-text-muted);font-style:italic}.divider-fantasy{background:var(--color-divider);height:1px;margin:var(--space-2) 0;position:relative}.divider-fantasy:before{content:"⚔";background:var(--color-bg);color:var(--color-primary);padding:0 var(--space-3);font-size:1rem;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page-hero{background:radial-gradient(ellipse 100% 100% at 50% 0%,oklch(18% .06 55/.6) 0%,transparent 70%),var(--color-surface);border-bottom:1px solid var(--color-divider);padding:var(--space-12) var(--space-6) var(--space-10);text-align:center;position:relative;overflow:hidden}.page-hero:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(45deg,#3d281a08 0 1px,#0000 1px 8px);position:absolute;inset:0}.page-hero>*{z-index:1;max-width:var(--content-default);margin-inline:auto;position:relative}.page-hero-label{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-primary);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-3);font-weight:700}.page-hero-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text);letter-spacing:.02em;margin-bottom:var(--space-5);text-shadow:0 2px 20px oklch(0% 0 0/.5);font-weight:900;line-height:1.1}.page-hero-desc{font-size:var(--text-base);color:var(--color-text-muted);max-width:60ch;margin-inline:auto;line-height:1.8}.page-hero-desc a{color:var(--color-primary)}.page-hero-desc strong{color:var(--color-text)}.breadcrumb{margin-bottom:var(--space-4);text-align:left}.breadcrumb-list{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-faint);font-family:var(--font-display);letter-spacing:.04em;flex-wrap:wrap;list-style:none;display:flex}.breadcrumb-list a{color:var(--color-text-faint);text-decoration:none}.breadcrumb-list a:hover{color:var(--color-primary)}.breadcrumb-list [aria-current=page]{color:var(--color-text-muted)}.card-fantasy{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-interactive),border-color var(--transition-interactive),transform var(--transition-interactive);position:relative;overflow:hidden}.card-fantasy:before{content:"";background:linear-gradient(90deg,#0000,#d4a01799,#0000);height:2px;position:absolute;top:0;left:0;right:0}@supports (color:color-mix(in lab,red,red)){.card-fantasy:before{background:linear-gradient(90deg,transparent 0%,color-mix(in oklch,var(--color-primary) 60%,transparent) 50%,transparent 100%)}}.card-fantasy:before{opacity:0;transition:opacity var(--transition-interactive)}a.card-fantasy:hover,.card-fantasy.card-hoverable:hover{box-shadow:var(--shadow-md);border-color:#8b621c}@supports (color:color-mix(in lab,red,red)){a.card-fantasy:hover,.card-fantasy.card-hoverable:hover{border-color:color-mix(in oklch,var(--color-primary) 40%,var(--color-border))}}a.card-fantasy:hover,.card-fantasy.card-hoverable:hover{transform:translateY(-2px)}a.card-fantasy:hover:before,.card-fantasy.card-hoverable:hover:before{opacity:1}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:.06em;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;min-height:44px;transition:background var(--transition-interactive),color var(--transition-interactive),border-color var(--transition-interactive),box-shadow var(--transition-interactive),transform var(--transition-interactive);border:1px solid #0000;font-weight:700;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 4px 16px oklch(from var(--color-primary) l c h / .35)}.btn-secondary{color:var(--color-primary);border-color:var(--color-primary);background:0 0}.btn-secondary:hover{background:var(--color-primary-highlight)}.btn-ghost{color:var(--color-text-muted);border-color:var(--color-border);background:0 0}.btn-ghost:hover{background:var(--color-surface-offset);color:var(--color-text);border-color:var(--color-text-faint)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);min-height:52px}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);min-height:36px}.badge{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;padding:2px var(--space-3);border-radius:var(--radius-full);white-space:nowrap;border:1px solid;align-items:center;font-weight:700;display:inline-flex}.badge-primary{background:var(--color-primary-highlight);color:var(--color-primary);border-color:#d4a0174d}@supports (color:color-mix(in lab,red,red)){.badge-primary{border-color:color-mix(in oklch,var(--color-primary) 30%,transparent)}}.badge-success{background:#322d13}@supports (color:color-mix(in lab,red,red)){.badge-success{background:color-mix(in oklch,var(--color-success) 12%,var(--color-surface))}}.badge-success{color:var(--color-success);border-color:#6a9f3a4d}@supports (color:color-mix(in lab,red,red)){.badge-success{border-color:color-mix(in oklch,var(--color-success) 30%,transparent)}}.badge-warning{background:#3d2812}@supports (color:color-mix(in lab,red,red)){.badge-warning{background:color-mix(in oklch,var(--color-warning) 12%,var(--color-surface))}}.badge-warning{color:var(--color-warning);border-color:#c878304d}@supports (color:color-mix(in lab,red,red)){.badge-warning{border-color:color-mix(in oklch,var(--color-warning) 30%,transparent)}}.badge-error{background:#3c1f12}@supports (color:color-mix(in lab,red,red)){.badge-error{background:color-mix(in oklch,var(--color-error) 12%,var(--color-surface))}}.badge-error{color:var(--color-error);border-color:#c030304d}@supports (color:color-mix(in lab,red,red)){.badge-error{border-color:color-mix(in oklch,var(--color-error) 30%,transparent)}}.badge-muted{background:var(--color-surface-offset);color:var(--color-text-faint);border-color:var(--color-border)}.tip-box{gap:var(--space-3);background:var(--color-surface-offset);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);grid-template-columns:28px 1fr;align-items:start;display:grid}.tip-box-icon{margin-top:1px;font-size:1.1rem}.tip-box-content{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7}.tip-box-content strong{color:var(--color-text)}.tip-box-content code{background:var(--color-surface-dynamic);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-primary);padding:2px 5px;font-family:monospace;font-size:.88em}.tip-box.tip-warning{border-left-color:var(--color-warning)}.tip-box.tip-error{border-left-color:var(--color-error)}.tip-box.tip-success{border-left-color:var(--color-success)}.steps-list-simple{gap:var(--space-4);padding-left:var(--space-6);counter-reset:step-counter;flex-direction:column;list-style:none;display:flex}.steps-list-simple li{counter-increment:step-counter;font-size:var(--text-base);color:var(--color-text-muted);padding-left:var(--space-4);line-height:1.75;position:relative}.steps-list-simple li:before{content:counter(step-counter) ".";left:calc(-1 * var(--space-6));font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-primary);width:var(--space-6);text-align:right;font-weight:900;position:absolute;top:0}.steps-list-simple li strong{color:var(--color-text)}.steps-list-simple li code{background:var(--color-surface-offset);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-primary);padding:2px 6px;font-family:monospace;font-size:.88em}.steps-list-simple li a{color:var(--color-primary)}.steps-detailed{gap:var(--space-4);margin-top:var(--space-5);flex-direction:column;display:flex}.step-block{gap:var(--space-5);grid-template-columns:44px 1fr;align-items:start;display:grid}.step-number-badge{background:var(--color-primary);width:44px;height:44px;color:var(--color-text-inverse);border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-base);box-shadow:0 2px 8px oklch(from var(--color-primary) l c h / .4);flex-shrink:0;justify-content:center;align-items:center;font-weight:900;display:flex}.step-content{gap:var(--space-3);flex-direction:column;display:flex}.step-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text);font-weight:700}.step-desc{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.75}.step-desc strong{color:var(--color-text)}.step-desc code{background:var(--color-surface-offset);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-primary);padding:2px 6px;font-family:monospace;font-size:.88em}.step-list{gap:var(--space-2);padding-left:var(--space-4);flex-direction:column;list-style:none;display:flex}.step-list li{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.65;position:relative}.step-list li:before{content:"▸";left:calc(-1 * var(--space-4));color:var(--color-primary);position:absolute}.step-list li strong{color:var(--color-text)}.step-list li code{background:var(--color-surface-offset);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-primary);padding:2px 5px;font-family:monospace;font-size:.88em}.code-block{background:var(--color-surface-offset);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);overflow-x:auto}.code-block code{font-family:Courier New,Courier,monospace;font-size:var(--text-xs);color:var(--color-primary);white-space:nowrap;line-height:1.6;display:block}.settings-table,.comparison-table,.data-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.settings-table th,.comparison-table th,.data-table th{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint);background:var(--color-surface-offset);padding:var(--space-2) var(--space-4);text-align:left;border-bottom:2px solid var(--color-border);white-space:nowrap}.settings-table td,.comparison-table td,.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-divider);color:var(--color-text-muted);vertical-align:top;line-height:1.5}.settings-table tr:last-child td,.comparison-table tr:last-child td,.data-table tr:last-child td{border-bottom:none}.settings-table tr:hover td,.data-table tr:hover td{background:var(--color-surface-offset)}.data-table td:first-child{color:var(--color-text);font-weight:700}.video-embed-wrap{aspect-ratio:16/9;background:var(--color-surface-offset);border-radius:var(--radius-md);width:100%;position:relative;overflow:hidden}.video-embed-wrap iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.video-info{gap:var(--space-2);flex-direction:column;display:flex}.video-title{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text);font-weight:700;line-height:1.4}.video-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.65}.video-yt-link{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-primary);align-items:center;gap:var(--space-1);text-decoration:none;display:inline-flex}.video-yt-link:hover{color:var(--color-primary-hover)}.gyro-tip-icon{font-size:1.5rem}.gyro-tip-title{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-text);font-weight:700}.gyro-tip-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7}.boss-card{gap:var(--space-3);flex-direction:column;text-decoration:none;display:flex}.boss-card-emoji{font-size:2rem}.boss-card-dungeon{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.08em}.boss-card-name{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-text);font-weight:700;line-height:1.3}.boss-card:hover .boss-card-name{color:var(--color-primary)}.boss-card-subtitle{font-size:var(--text-xs);color:var(--color-text-faint);font-style:italic}.boss-card-difficulty{align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-divider);margin-top:auto;display:flex}.boss-diff-label{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.06em}.boss-diff-dots{gap:3px;display:flex}.boss-diff-dot{border-radius:var(--radius-full);background:var(--color-surface-dynamic);border:1px solid var(--color-border);width:8px;height:8px}.boss-diff-dot.filled{background:var(--color-primary);border-color:var(--color-primary)}.chapter-card{align-items:flex-start;gap:var(--space-4);text-decoration:none;display:flex}.chapter-number{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-primary);opacity:.5;flex-shrink:0;min-width:2.5ch;font-weight:900;line-height:1}.chapter-card:hover .chapter-number{opacity:1}.chapter-info{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.chapter-title{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-text);font-weight:700;line-height:1.3}.chapter-card:hover .chapter-title{color:var(--color-primary)}.chapter-area{font-size:var(--text-xs);color:var(--color-text-faint);font-family:var(--font-display);letter-spacing:.04em}.chapter-tags{gap:var(--space-1);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.chapter-tag{font-family:var(--font-display);color:var(--color-text-faint);background:var(--color-surface-offset);border:1px solid var(--color-border);padding:1px var(--space-2);border-radius:var(--radius-full);letter-spacing:.04em;font-size:.65rem}.walkthrough-body h2{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text);letter-spacing:.03em;margin-top:var(--space-10);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-divider);font-weight:700}.walkthrough-body h3{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text);margin-top:var(--space-8);margin-bottom:var(--space-3);font-weight:700}.walkthrough-body h4{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-primary);margin-top:var(--space-6);margin-bottom:var(--space-2);letter-spacing:.04em;font-weight:700}.walkthrough-body p{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-4);max-width:72ch;line-height:1.85}.walkthrough-body p strong{color:var(--color-text)}.walkthrough-body p em{color:var(--color-text-muted);font-style:italic}.walkthrough-body ul,.walkthrough-body ol{padding-left:var(--space-6);margin-bottom:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.walkthrough-body ul{list-style:none}.walkthrough-body ul li{padding-left:var(--space-3);position:relative}.walkthrough-body ul li:before{content:"▸";color:var(--color-primary);position:absolute;left:0}.walkthrough-body ol li{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.75}.walkthrough-body li strong{color:var(--color-text)}.item-box{gap:var(--space-3);background:var(--color-surface-offset);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:var(--space-4) 0;grid-template-columns:2.5rem 1fr;align-items:start;display:grid}.item-box-icon{font-size:1.5rem}.item-box-content{gap:var(--space-1);flex-direction:column;display:flex}.item-box-name{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text);font-weight:700}.item-box-desc{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.6}.home-hero{text-align:center;min-height:520px;padding:var(--space-20) var(--space-6) var(--space-16);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.home-hero:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 50% 30%,oklch(20% .06 55/.7),#0000 65%),radial-gradient(60% 40% at 20% 80%,#19040366,#0000 60%),radial-gradient(60% 40% at 80% 80%,#0e03004d,#0000 60%);position:absolute;inset:0}.home-hero:after{content:"";pointer-events:none;background-image:repeating-linear-gradient(0deg,#362b2408 0 1px,#0000 1px 4px);position:absolute;inset:0}.home-hero>*{z-index:1;position:relative}.home-hero-eyebrow{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-primary);text-transform:uppercase;letter-spacing:.2em;margin-bottom:var(--space-4);align-items:center;gap:var(--space-3);font-weight:700;display:flex}.home-hero-eyebrow:before,.home-hero-eyebrow:after{content:"";background:linear-gradient(90deg,transparent,var(--color-primary));flex:1;max-width:60px;height:1px}.home-hero-eyebrow:after{background:linear-gradient(90deg,var(--color-primary),transparent)}.home-hero-title{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-text);letter-spacing:.02em;margin-bottom:var(--space-5);text-shadow:0 2px 4px oklch(0% 0 0/.6),0 8px 32px oklch(0% 0 0/.4);font-weight:900;line-height:1.05}.home-hero-subtitle{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-primary);text-transform:uppercase;letter-spacing:.25em;margin-bottom:var(--space-5);opacity:.8;font-weight:400}.home-hero-desc{font-size:var(--text-base);color:var(--color-text-muted);max-width:56ch;margin-inline:auto;margin-bottom:var(--space-8);line-height:1.8}.home-hero-desc strong{color:var(--color-text)}.home-hero-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.home-hero-version{margin-top:var(--space-6);font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text-faint);letter-spacing:.08em}.home-hero-version span{color:var(--color-primary)}.home-quicknav-grid{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.quicknav-card{align-items:flex-start;gap:var(--space-2);padding:var(--space-4) var(--space-5);flex-direction:column;text-decoration:none;display:flex}.quicknav-emoji{font-size:1.8rem}.quicknav-title{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text);font-weight:700;line-height:1.3}.quicknav-card:hover .quicknav-title{color:var(--color-primary)}.quicknav-desc{font-size:var(--text-xs);color:var(--color-text-faint);line-height:1.5}.quicknav-arrow{font-size:var(--text-sm);color:var(--color-text-faint);transition:transform var(--transition-interactive),color var(--transition-interactive);margin-top:auto}.quicknav-card:hover .quicknav-arrow{color:var(--color-primary);transform:translate(3px)}.home-features-grid{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.home-feature-card{gap:var(--space-2);padding:var(--space-5) var(--space-5);flex-direction:column;display:flex}.home-feature-icon{font-size:1.5rem}.home-feature-title{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-text);font-weight:700}.home-feature-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7}.home-feature-desc strong{color:var(--color-text)}@media(max-width:768px){.section-container{padding-inline:var(--space-4);gap:var(--space-8)}.page-hero{padding:var(--space-8) var(--space-4) var(--space-8)}.page-hero-title{font-size:var(--text-xl)}.home-hero{min-height:400px;padding:var(--space-16) var(--space-4) var(--space-12)}.home-hero-title{font-size:var(--text-2xl)}.step-block{gap:var(--space-3);grid-template-columns:36px 1fr}.step-number-badge{width:36px;height:36px;font-size:var(--text-sm)}.card-fantasy{padding:var(--space-4) var(--space-4)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-sm)}}@media(max-width:480px){.page-hero-title{font-size:var(--text-lg)}.home-hero-title{font-size:clamp(1.6rem,8vw,2.5rem)}.home-quicknav-grid{grid-template-columns:repeat(2,1fr)}.home-hero-actions{flex-direction:column;align-items:center}}.video-embed-wrap{contain:layout}.card-fantasy{will-change:box-shadow,transform}a.card-fantasy:not(:hover){will-change:auto}.site-header{z-index:100;height:var(--header-h);background:#1a1108eb;position:sticky;top:0}@supports (color:color-mix(in lab,red,red)){.site-header{background:color-mix(in oklch,var(--color-bg) 92%,transparent)}}.site-header{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.header-inner{max-width:var(--content-wide);padding-inline:var(--space-5);align-items:center;gap:var(--space-6);height:100%;margin-inline:auto;display:flex}.site-logo{align-items:center;gap:var(--space-3);color:var(--color-text);flex-shrink:0;text-decoration:none;display:flex}.logo-text{flex-direction:column;line-height:1.1;display:flex}.logo-main{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-primary);font-weight:700}.logo-sub{font-size:var(--text-xs);color:var(--color-text-faint)}.main-nav{align-items:center;gap:var(--space-1);flex:1;display:flex}.nav-dropdown{position:relative}.nav-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;background:0 0;border:none;display:flex}.nav-btn:hover,.nav-btn-active{color:var(--color-text);background:var(--color-surface)}.nav-chevron{font-size:.75em;transition:transform .16s}.nav-btn[aria-expanded=true] .nav-chevron{transform:rotate(180deg)}.dropdown-panel{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:260px;box-shadow:var(--shadow-lg);padding:var(--space-2);opacity:0;pointer-events:none;z-index:200;transition:opacity .16s,transform .16s;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-4px)}.dropdown-panel.dropdown-open{opacity:1;pointer-events:all;transform:translateY(0)}.dropdown-item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);flex-direction:column;gap:2px;text-decoration:none;display:flex}.dropdown-item:hover,.dropdown-item-active{background:var(--color-surface-offset)}.di-label{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.di-desc{font-size:var(--text-xs);color:var(--color-text-faint)}.header-actions{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.mobile-menu-btn{border-radius:var(--radius-md);flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;display:none}.hamburger-line{background:var(--color-text-muted);border-radius:1px;width:20px;height:2px;transition:transform .2s,opacity .2s}.breadcrumb-bar{background:var(--color-surface);border-bottom:1px solid var(--color-divider)}.mobile-nav{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex}.mobile-nav-group-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint);margin-bottom:var(--space-2);font-family:var(--font-display)}.mobile-nav-item{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);border-radius:var(--radius-sm);text-decoration:none;display:block}.mobile-nav-item:hover{background:var(--color-surface-offset);color:var(--color-text)}.mobile-install-btn{text-align:center;padding:var(--space-3);background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-md);font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);text-decoration:none;display:block}.site-footer{background:var(--color-surface);border-top:1px solid var(--color-border);margin-top:var(--space-16)}.footer-inner{max-width:var(--content-wide);padding:var(--space-12) var(--space-5) var(--space-8);margin-inline:auto}.footer-grid{gap:var(--space-8);margin-bottom:var(--space-8);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-logo-text{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-primary);font-weight:700}.footer-tagline{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-3);max-width:36ch}.footer-disclaimer{font-size:var(--text-xs);color:var(--color-text-faint);margin-top:var(--space-3);max-width:36ch}.footer-heading{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-primary);margin-bottom:var(--space-4);letter-spacing:.06em;font-weight:700}.footer-links{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.footer-links a{font-size:var(--text-sm);color:var(--color-text-faint);text-decoration:none}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid var(--color-divider);padding-top:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.footer-copy{font-size:var(--text-xs);color:var(--color-text-faint)}.footer-keywords{gap:var(--space-3);flex-wrap:wrap;display:flex}.footer-keywords span{font-size:var(--text-xs);color:var(--color-text-faint)}.footer-keywords span:before{content:"#";color:var(--color-primary);margin-right:2px}.faq-section{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.faq-section-title{font-size:var(--text-xl);color:var(--color-primary);margin-bottom:var(--space-6)}.faq-accordion{gap:var(--space-3);flex-direction:column;display:flex}.faq-item{border-radius:var(--radius-md);overflow:visible}.faq-question{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);cursor:pointer;font-weight:600;font-size:var(--text-base);color:var(--color-text);-webkit-user-select:none;user-select:none;list-style:none;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-chevron{color:var(--color-text-faint);flex-shrink:0;margin-left:auto;transition:transform .2s}details[open] .faq-chevron{transform:rotate(180deg)}.faq-answer{padding:0 var(--space-5) var(--space-5);border-top:1px solid var(--color-divider);padding-top:var(--space-4)}.faq-answer p{font-size:var(--text-base);color:var(--color-text-muted);white-space:pre-line;max-width:none;margin:0}@media(max-width:900px){.main-nav{display:none}.mobile-menu-btn{display:flex}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media(max-width:600px){.footer-grid{grid-template-columns:1fr}.header-actions .btn-install,.mobile-nav{display:none}.mobile-nav:not([hidden]){display:flex}.page-header h1{font-size:var(--text-xl)}}.platform-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.platform-card{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);text-decoration:none;display:flex}.platform-emoji{flex-shrink:0;font-size:1.75rem;line-height:1}.platform-info{flex:1;min-width:0}.platform-header{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.platform-name{font-family:var(--font-display);font-size:var(--text-base);margin:0}.platform-desc{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.platform-arrow{color:var(--color-primary);margin-left:auto}.checklist-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.checklist-card h3.checklist-title{margin-bottom:var(--space-3)}.checklist-items{gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);flex-direction:column;list-style:none;display:flex}.video-grid{gap:var(--space-6);margin-top:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.video-caption{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.65}.page-hero-meta{justify-content:center;gap:var(--space-4);margin-top:var(--space-4);font-size:var(--text-xs);color:var(--color-text-faint);font-family:var(--font-display);flex-wrap:wrap;display:flex}.related-links{margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.related-title{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-4);font-weight:700}.related-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.related-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-decoration:none;display:flex}.related-item:hover{transform:translate(3px)}.related-emoji{flex-shrink:0;font-size:1.3rem}.related-text{flex:1;min-width:0}.related-label{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text);font-weight:700;display:block}.related-item:hover .related-label{color:var(--color-primary)}.related-desc{font-size:var(--text-xs);color:var(--color-text-faint);margin-top:2px;display:block}.related-arrow{color:var(--color-primary);font-size:var(--text-sm);opacity:0;transition:opacity var(--transition-interactive);flex-shrink:0}.related-item:hover .related-arrow{opacity:1}.btn-install{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:.04em;font-weight:700;text-decoration:none;display:inline-flex}.btn-install:hover{background:var(--color-primary-hover)}.site-header,.header-inner,.main-nav{overflow:visible}.dropdown-panel{z-index:9999}.mobile-nav{z-index:9980}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}