:root{--brand-ink: #272932;--brand-mist: #f0f2f2;--brand-amber: #f4b942;--brand-moss: #73937e;--brand-haze: #7180a9;--brand-coral: #f08080;--step-hero: clamp(2.5rem, 1.2rem + 5.6vw, 5.5rem);--step-h2: clamp(1.75rem, 1.2rem + 2.2vw, 3rem);--step-h3: clamp(1.25rem, 1.05rem + .9vw, 1.75rem);--step-body: clamp(1rem, .96rem + .2vw, 1.125rem);--step-small: .875rem;--radius-window: 1.5rem;--radius-card: 1rem;--radius-pill: 999px;--gutter: clamp(1.25rem, .5rem + 3vw, 4rem);--section-y: clamp(4rem, 2rem + 9vw, 9rem);--measure: 34rem;--ease-calm: cubic-bezier(.22, .61, .36, 1);--dur-slow: .9s;--dur-mid: .6s;color-scheme:dark light}:root,:root[data-theme=dark]{--bg: #272932;--bg-raised: #30333e;--bg-sunken: #1f212a;--fg: #f0f2f2;--fg-muted: #a8adba;--line: #3a3d47;--accent: #f4b942;--accent-fg: #272932;--glow: rgba(244, 185, 66, .18);--window-pane: var(--brand-amber);--window-mark-a: rgba(255, 255, 255, .85);--window-mark-b: var(--brand-moss)}:root[data-theme=light]{--bg: #eef2ef;--bg-raised: #ffffff;--bg-sunken: #e3e9e4;--fg: #272932;--fg-muted: #586357;--line: #ccd6ce;--accent: #4a6b55;--accent-fg: #f4f7f4;--glow: rgba(115, 147, 126, .26);--window-pane: var(--brand-moss);--window-mark-a: var(--brand-amber);--window-mark-b: rgba(255, 255, 255, .9)}@media (prefers-color-scheme: light){:root:not([data-theme]){--bg: #eef2ef;--bg-raised: #ffffff;--bg-sunken: #e3e9e4;--fg: #272932;--fg-muted: #586357;--line: #ccd6ce;--accent: #4a6b55;--accent-fg: #f4f7f4;--glow: rgba(115, 147, 126, .26);--window-pane: var(--brand-moss);--window-mark-a: var(--brand-amber);--window-mark-b: rgba(255, 255, 255, .9)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Chiron GoRound TC,ui-rounded,Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;font-size:var(--step-body);font-weight:400;line-height:1.85;letter-spacing:.02em;transition:background-color var(--dur-mid) var(--ease-calm),color var(--dur-mid) var(--ease-calm)}h1,h2,h3{line-height:1.35;font-weight:500;letter-spacing:.01em;margin:0;text-wrap:balance}p{margin:0;text-wrap:pretty}img{max-width:100%;height:auto;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.shell{position:relative;min-height:100dvh;display:flex;flex-direction:column}.shell>main,.shell>.site-footer{position:relative;z-index:1}main{flex:1;padding-top:calc(4.25rem + clamp(.5rem,1.4vw,.9rem))}.wrap{width:100%;max-width:72rem;margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:var(--section-y)}.prose{max-width:var(--measure)}.eyebrow{font-size:var(--step-small);letter-spacing:.22em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:1rem}.muted{color:var(--fg-muted)}.site-header{position:fixed;top:clamp(.5rem,1.4vw,.9rem);left:50%;z-index:20;width:calc(100% - (2*clamp(.75rem,3vw,2rem)));max-width:72rem;transform:translate(-50%);border:1px solid var(--line);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 16px 36px -22px #00000073;transition:max-width var(--dur-slow) var(--ease-calm),box-shadow var(--dur-slow) var(--ease-calm),background-color var(--dur-mid) var(--ease-calm),border-color var(--dur-mid) var(--ease-calm)}.site-header.is-compact{max-width:var(--header-compact, 13rem);box-shadow:0 6px 18px -14px #00000059}.site-header .inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.25rem;padding-inline:clamp(1rem,2vw,1.5rem)}.header-actions{display:flex;align-items:center;gap:clamp(.75rem,2vw,1.75rem);min-width:0}.site-header.is-compact .header-actions{visibility:hidden;pointer-events:none;position:absolute;right:1.25rem}.site-nav{display:flex;align-items:center;gap:clamp(.75rem,2vw,1.75rem);font-size:var(--step-small)}.site-nav a{text-decoration:none;color:var(--fg-muted);transition:color var(--dur-mid) var(--ease-calm);white-space:nowrap}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--fg)}@media (max-width: 34rem){.site-nav{gap:.85rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.site-nav::-webkit-scrollbar{display:none}.site-header .inner{gap:.6rem}}.brandmark{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;font-weight:500;letter-spacing:.08em}.theme-toggle{border:1px solid var(--line);background:transparent;color:var(--fg-muted);border-radius:var(--radius-pill);padding:.4rem .9rem;font:inherit;font-size:var(--step-small);cursor:pointer;transition:color var(--dur-mid) var(--ease-calm),border-color var(--dur-mid) var(--ease-calm)}.theme-toggle:hover{color:var(--fg);border-color:var(--fg-muted)}.hero{position:relative;overflow:hidden;padding-block:clamp(4rem,2rem + 10vw,8rem) var(--section-y)}.hero-grid{display:grid;gap:clamp(2rem,5vw,4rem);align-items:center;grid-template-columns:1fr}@media (min-width: 56rem){.hero-grid{grid-template-columns:1.05fr .95fr}}.hero h1{font-size:var(--step-hero);font-weight:300;letter-spacing:.04em;margin-bottom:1.5rem}.hero .lede{font-size:clamp(1.05rem,1rem + .5vw,1.35rem);color:var(--fg-muted);max-width:30rem}.window{--pane-gap: clamp(.5rem, 1.4vw, .9rem);display:grid;grid-template-columns:1fr 1fr;gap:var(--pane-gap);aspect-ratio:3 / 4;width:min(100%,24rem);margin-inline:auto;position:relative;filter:drop-shadow(0 0 3rem var(--glow))}.window .pane{background:var(--window-pane);transition:background-color var(--dur-mid) var(--ease-calm);border-radius:var(--radius-window);position:relative;overflow:hidden}.window .pane:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.55}.window .pane:nth-child(1):after{border-radius:0 0 100%;width:62%;height:52%;border-right:2px solid var(--window-mark-a);border-bottom:2px solid var(--window-mark-a);inset:0 auto auto 0}.window .pane:nth-child(2):after{inset:22% auto auto 14%;width:58%;height:46%;border:2px solid var(--window-mark-b);border-radius:50% 50% 50% 8%}.window .pane:nth-child(3):after{inset:auto auto 0 0;width:0;height:0;border-left:5rem solid var(--window-mark-b);border-top:5rem solid transparent}.window .pane:nth-child(4):after{top:22%;right:18%;bottom:18%;left:18%;border:2px solid var(--window-mark-a);border-radius:4px}.contours{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.5;color:var(--line)}.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.6rem;border-radius:var(--radius-pill);border:1px solid transparent;font:inherit;font-weight:500;text-decoration:none;cursor:pointer;transition:transform var(--dur-mid) var(--ease-calm),background-color var(--dur-mid) var(--ease-calm)}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:hover{transform:translateY(-2px)}.btn-ghost{border-color:var(--line);color:var(--fg)}.btn-ghost:hover{border-color:var(--fg-muted)}.btn-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.25rem}.char-grid{list-style:none;padding:0;margin:3rem 0 0;display:grid;gap:clamp(1rem,2.5vw,2rem);grid-template-columns:repeat(2,minmax(0,1fr));max-width:52rem;margin-inline:auto}@media (max-width: 30rem){.char-grid{grid-template-columns:minmax(0,1fr)}}.char-card{position:relative;background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-window);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:border-color var(--dur-mid) var(--ease-calm),transform var(--dur-mid) var(--ease-calm)}.char-card:hover{border-color:var(--fg-muted);transform:translateY(-4px)}.char-figure{position:relative;aspect-ratio:4 / 5;display:grid;place-items:end center}.char-figure img{position:relative;width:100%;height:100%;object-fit:contain}.char-body{padding:1.25rem 1.5rem 1.75rem;border-top:1px solid var(--line)}.char-name{display:flex;align-items:baseline;gap:.6rem;font-size:var(--step-h3);font-weight:500}.char-glyph{color:var(--line);font-size:1.1em;line-height:1}.char-species{font-size:var(--step-small);color:var(--fg-muted);letter-spacing:.12em}.char-copy p{margin-top:.9rem;color:var(--fg-muted);font-size:.95rem}.char-line{margin-top:1.25rem;padding-left:1rem;border-left:2px solid var(--line);color:var(--fg);font-size:.95rem}.char-detail{display:grid;gap:clamp(1.5rem,4vw,3.5rem);align-items:center;grid-template-columns:1fr;padding-block:clamp(2.5rem,6vw,5rem);border-bottom:1px solid var(--line)}@media (min-width: 48rem){.char-detail{grid-template-columns:.8fr 1.2fr}.char-detail:nth-child(2n) .char-detail-figure{order:2}}.char-detail-figure{position:relative;max-width:20rem;margin-inline:auto;width:100%}.cards{display:grid;gap:clamp(1rem,2.5vw,1.75rem);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));margin-top:3rem}.card{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-card);padding:clamp(1.5rem,3vw,2rem)}.card h3{font-size:var(--step-h3);margin-bottom:.75rem}.card p{color:var(--fg-muted);font-size:.95rem}.disclosure{margin-top:2rem;padding:1.15rem clamp(1.25rem,3vw,2rem);border:1px dashed var(--line);border-radius:var(--radius-card);font-size:var(--step-small);color:var(--fg-muted);line-height:1.8;text-align:center;text-wrap:balance}.safety{background:var(--bg-sunken);border-block:1px solid var(--line)}.hotlines{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;padding:0;list-style:none}.hotlines li{border:1px solid var(--line);border-radius:var(--radius-pill);padding:.5rem 1.1rem;font-size:var(--step-small)}.hotlines b{color:var(--accent);font-weight:600;letter-spacing:.06em}.tabs{display:flex;gap:.5rem;margin-bottom:2.5rem;border-bottom:1px solid var(--line)}.tabs button{background:none;border:none;border-bottom:2px solid transparent;color:var(--fg-muted);font:inherit;padding:.75rem 1rem;cursor:pointer;margin-bottom:-1px}.tabs button[aria-selected=true]{color:var(--fg);border-bottom-color:var(--accent)}.legal-doc{max-width:48rem;font-size:.97rem}.legal-doc h2{font-size:var(--step-h3);margin:2.5rem 0 .75rem}.legal-doc h3{font-size:1.05rem;margin:1.75rem 0 .5rem;color:var(--fg)}.legal-doc p{margin-bottom:.75rem;color:var(--fg-muted)}.legal-doc a{color:var(--accent)}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-card);margin-top:2rem}table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:34rem}th,td{text-align:left;padding:.85rem 1.1rem;border-bottom:1px solid var(--line);white-space:nowrap}th{font-weight:500;color:var(--fg-muted);font-size:var(--step-small);letter-spacing:.08em;background:var(--bg-sunken)}tbody tr:last-child td{border-bottom:none}td.num{font-variant-numeric:tabular-nums;text-align:right}.rarity{display:inline-block;border-radius:var(--radius-pill);padding:.15rem .7rem;font-size:.78rem;border:1px solid currentColor}.rarity[data-r=common]{color:var(--brand-moss)}.rarity[data-r=rare]{color:var(--brand-haze)}.rarity[data-r=epic]{color:var(--brand-coral)}.rarity[data-r=legendary]{color:var(--brand-amber)}.site-footer{border-top:1px solid var(--line);padding-block:3rem;font-size:var(--step-small);color:var(--fg-muted)}.site-footer .cols{display:flex;flex-wrap:wrap;gap:2rem 3rem;justify-content:space-between}.site-footer nav{display:flex;flex-wrap:wrap;gap:1.25rem}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--fg)}.state{padding:3rem 0;color:var(--fg-muted)}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:50;background:var(--accent);color:var(--accent-fg);padding:.6rem 1rem;border-radius:var(--radius-pill)}.subnav{display:flex;flex-wrap:wrap;gap:.25rem .5rem;margin:2.5rem 0 0;border-bottom:1px solid var(--line)}.subnav a{padding:.75rem 1rem;margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--fg-muted);text-decoration:none;font-size:var(--step-small);white-space:nowrap;transition:color var(--dur-mid) var(--ease-calm),border-color var(--dur-mid) var(--ease-calm)}.subnav a:hover{color:var(--fg)}.subnav a[aria-current=page]{color:var(--fg);border-bottom-color:var(--accent)}.page-section{padding-block:clamp(2rem,5vw,3.5rem);border-bottom:1px solid var(--line)}.page-section:last-child{border-bottom:none}.page-section h2{font-size:var(--step-h3);margin-bottom:1rem}.section-todo{padding:1.5rem clamp(1.25rem,3vw,2rem);border:1px dashed var(--line);border-radius:var(--radius-card);color:var(--fg-muted);font-size:var(--step-small);line-height:1.8}.subpage{padding-top:clamp(1.75rem,4vw,2.75rem)}.prose-block{max-width:var(--measure);color:var(--fg-muted)}.prose-block p+p{margin-top:1rem}.prose-block b{color:var(--fg);font-weight:600}.team,.spec{list-style:none;padding:0;margin:0;display:grid;gap:0 2rem}.team{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));max-width:46rem}.spec{grid-template-columns:1fr;max-width:var(--measure)}.team li,.spec li{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-block:.8rem;border-bottom:1px solid var(--line)}.team b,.spec b{font-weight:600;white-space:nowrap}.team span,.spec span{color:var(--fg-muted);font-size:var(--step-small);text-align:right}.date-line{font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--accent);font-size:var(--step-h3);margin-bottom:1rem}.prose,.prose-block{margin-inline:auto;text-align:center}.hero-copy{text-align:left}.page-section{text-align:center}.team,.spec{margin-inline:auto;text-align:left}.subnav,.tabs{justify-content:center}.card{text-align:center}.btn-row{justify-content:center}.hero .btn-row{justify-content:flex-start}.hero .lede{margin-inline:0}.char-detail .char-copy,.char-detail .char-line{text-align:center}.char-detail .char-name{justify-content:center}.char-detail .char-line{border-left:none;padding-left:0;padding-top:1rem;border-top:2px solid var(--line);max-width:var(--measure);margin-inline:auto}.char-card .char-body{text-align:left}.char-card .char-name{justify-content:flex-start}.legal-doc{margin-inline:auto;text-align:left}.table-scroll{margin-inline:auto}.hotlines{display:flex;flex-wrap:nowrap;justify-content:center;gap:clamp(.5rem,1.5vw,.75rem);margin:1.75rem auto 0;padding:0;list-style:none;width:max-content;max-width:100%}.hotlines li{white-space:nowrap}@media (max-width: 44rem){.hotlines{flex-wrap:wrap;width:auto}}.site-footer{text-align:center}.site-footer .cols{flex-direction:column;align-items:center;gap:1.75rem}.site-footer .brandmark{justify-content:center}.site-footer nav{justify-content:center}.site-footer p{margin-inline:auto}.brandmark-latin{font-size:.82em;font-weight:400;letter-spacing:.14em;color:var(--fg-muted);text-transform:lowercase}.footer-note{max-width:none}