/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y: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;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-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}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.contents{display:contents}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}@font-face{font-family:SpAlterna;src:url(/oc-archive/fonts/SpAlterna-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BlitzMain;src:url(/oc-archive/fonts/BlitzMain.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BlitzBold;src:url(/oc-archive/fonts/BlitzBold.otf)format("opentype");font-weight:700 950;font-style:normal;font-display:swap}@font-face{font-family:SourceHanSansTW;src:url(/oc-archive/fonts/SourceHanSansTW-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SourceHanSansTW;src:url(/oc-archive/fonts/SourceHanSansTW-Heavy.otf)format("opentype");font-weight:900;font-style:normal;font-display:swap}.characters .tabs button.active:before{opacity:0;-webkit-mask:url(/oc-archive/effects/ink-splash.svg) 50%/contain no-repeat;mask:url(/oc-archive/effects/ink-splash.svg) 50%/contain no-repeat;background:var(--splash)!important;filter:none!important;transform-origin:50%!important;width:auto!important;height:auto!important;animation:.68s cubic-bezier(.16,.78,.2,1) svg-ink-splash!important;display:block!important;inset:-32%!important}@keyframes svg-ink-splash{0%{opacity:0;transform:scale(.16)rotate(-12deg)}24%{opacity:1}68%{opacity:1;transform:scale(1.05)rotate(2deg)}to{opacity:0;transform:scale(1.16)rotate(5deg)}}@media (prefers-reduced-motion:reduce){.characters .tabs button.active:before{opacity:0!important;animation:none!important}}.characters .tabs button.active:before{background:repeating-conic-gradient(var(--splash) 0 2.5%,transparent 2.8% 9%),repeating-conic-gradient(from 17deg,transparent 0 5%,var(--splash) 5.4% 7.5%,transparent 7.8% 13%) 50%/78% 78%,repeating-conic-gradient(from -11deg,transparent 0 8%,var(--splash) 8.4% 10%,transparent 10.4% 17%) 50%/92% 92%,radial-gradient(ellipse at center,var(--splash) 0 34%,transparent 35%)!important;filter:blur(2.5px)contrast(18)!important;transform-origin:50%!important;background-repeat:no-repeat!important;border-radius:0!important;width:auto!important;height:auto!important;animation:.72s cubic-bezier(.12,.74,.17,1) icon-splash-real!important;display:block!important;inset:-34%!important}@keyframes icon-splash-real{0%{opacity:0;transform:scale(.08)rotate(-18deg)}22%{opacity:1}68%{opacity:1;transform:scale(1)rotate(2deg)}84%{opacity:.92;transform:scale(.94)rotate(-1deg)}to{opacity:0;transform:scale(1.12)rotate(4deg)}}@media (prefers-reduced-motion:reduce){.characters .tabs button.active:before{opacity:0!important;animation:none!important}}body .characters .tabs button{box-shadow:none;isolation:isolate;background:0 0;border-radius:0;overflow:visible}body .characters .tabs button:hover{transform:scale(1.04)}body .characters .tabs button.active{box-shadow:none;color:var(--ink);background:0 0;animation:none;transform:none}body .characters .tabs button img{z-index:2;width:88%;height:88%;position:relative}body .characters .tabs button:before{content:"";z-index:0;opacity:0;background:repeating-conic-gradient(var(--splash) 0 3%,transparent 0 11%),repeating-conic-gradient(transparent 0 5%,var(--splash) 0 7%) 50%/60% 60%,repeating-conic-gradient(transparent 0 7%,var(--splash) 0 9%) 50%/72% 72%,repeating-conic-gradient(transparent 0 11%,var(--splash) 0 13%) 50%/84% 84%,radial-gradient(var(--splash) 0 24%,transparent 25%);filter:blur(8px)contrast(26);pointer-events:none;background-repeat:no-repeat;border-radius:0;position:absolute;inset:-18%}body .characters .tabs button:after{display:none}body .characters .tabs button:nth-child(odd){--splash:#ff4f98}body .characters .tabs button:nth-child(2n){--splash:#ff5426}body .characters .tabs button.active:before{animation:.62s cubic-bezier(.16,.78,.2,1) icon-splash}@keyframes icon-splash{0%{opacity:0;transform:scale(.15)rotate(-10deg)}30%{opacity:1}72%{opacity:1;transform:scale(1.08)rotate(4deg)}to{opacity:0;transform:scale(1.24)rotate(7deg)}}@media (prefers-reduced-motion:reduce){body .characters .tabs button.active:before{animation:none}}.characters .tabs button img{object-fit:contain;width:82%;height:82%;transition:transform .2s;display:block}.characters .tabs button:hover img{transform:scale(1.06)rotate(3deg)}.characters .tabs button.active img{transform:scale(1.04)}.characters .tabs button b{white-space:nowrap;color:var(--ink);position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}section.archive-title{background:#fff}.fluid-canvas{cursor:crosshair;touch-action:none;animation:1.4s ease-out both fluid-reveal}@keyframes fluid-reveal{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.fluid-canvas{animation:none}}.fluid-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.archive-title>span,.archive-title h1{z-index:1;position:relative}.archive-title>span{color:#fff;background:#111018;padding:7px 10px;display:inline-block}.archive-title h1{mix-blend-mode:multiply}.archive-title h1 i{mix-blend-mode:normal}@keyframes ink-pop{0%{opacity:.25;transform:rotate(4deg)scale(.65)}58%{transform:rotate(8deg)scale(1.14)}78%{transform:rotate(1deg)scale(.96)}to{opacity:1;transform:rotate(4deg)scale(1)}}@keyframes droplet-left{0%{opacity:0;transform:translate(20px,18px)scale(0)}45%{opacity:1}to{opacity:0;transform:translate(-28px,-30px)scale(1)}}@keyframes droplet-right{0%{opacity:0;transform:translate(-18px,-12px)scale(0)}45%{opacity:1}to{opacity:0;transform:translate(34px,24px)scale(.7)}}@keyframes liquid-breathe{0%,to{border-radius:44% 56% 49% 51%/56% 44%;transform:translateZ(0)scale(1)}33%{border-radius:53% 47% 58% 42%/43% 56% 44% 57%;transform:translateZ(0)scale(1.012)}66%{border-radius:47% 53% 41% 59%/59% 43% 57% 41%;transform:translateZ(0)scale(.995)}}.characters .tabs button{position:relative}.characters .tabs button.active{animation:.48s cubic-bezier(.2,.9,.25,1.25) ink-pop}.characters .tabs button.active:before,.characters .tabs button.active:after{content:"";background:var(--orange);pointer-events:none;border-radius:50%;width:14px;height:14px;position:absolute}.characters .tabs button.active:before{animation:.62s ease-out droplet-left;bottom:10%;left:8%}.characters .tabs button.active:after{width:9px;height:9px;animation:.7s ease-out droplet-right;top:8%;right:9%}.characters .portrait{animation:6.5s ease-in-out infinite liquid-breathe}.characters .portrait:before{animation:8s ease-in-out infinite reverse liquid-breathe}.characters .profile-copy{animation:.36s ease-out ink-copy-in}@keyframes ink-copy-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.characters .tabs button.active,.characters .tabs button.active:before,.characters .tabs button.active:after,.characters .portrait,.characters .portrait:before,.characters .profile-copy{animation:none!important}}.characters .section-head{border-bottom:0;grid-template-columns:1fr 4fr;margin-bottom:18px}.characters .character-layout{border:0;min-height:0;display:block}.characters .tabs{border:0;grid-template-columns:repeat(6,1fr);gap:clamp(12px,3vw,48px);padding:12px 3vw 55px;display:grid}.characters .tabs button{aspect-ratio:1;text-align:center;background:#d8d4cc;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:0;transition:transform .18s,background .18s;display:flex}.characters .tabs button:hover{transform:rotate(-5deg)scale(1.05)}.characters .tabs button small{opacity:0;position:absolute}.characters .tabs button span{font-size:clamp(24px,3vw,46px);line-height:1}.characters .tabs button b{letter-spacing:1px;margin-top:6px;font:900 clamp(7px,.8vw,10px) monospace}.characters .tabs button.active{background:var(--orange);color:#fff;box-shadow:7px 7px 0 var(--ink);transform:rotate(4deg)}.characters .profile{background:0 0;border:0;grid-template-columns:54px minmax(300px,44%) 54px 1fr;align-items:center;gap:clamp(10px,2vw,30px)}.characters .portrait{min-height:560px;box-shadow:14px 14px 0 var(--accent);border-radius:0;grid-column:2;margin:0}.characters .profile-copy{grid-column:4;padding:40px 4vw}.switch{cursor:pointer;background:#d8d4cc;border:0;border-radius:50%;width:54px;height:54px;font-size:35px;transition:background .15s,transform .15s}.switch:hover{background:var(--accent);transform:scale(1.08)}.switch.prev{grid-area:1/1}.switch.next{grid-area:1/3}.characters .profile-copy>p{border-block:2px solid var(--ink);margin:30px 0;padding:18px 0}.characters .readmore{box-shadow:none;border-radius:18px;margin-top:0}.story .section-head{border-bottom:0;grid-template-columns:1fr 4fr}.archive-title p,.section-head p{display:none}@media (max-width:800px){.characters .section-head,.story .section-head{grid-template-columns:1fr}.characters .tabs{gap:8px;padding:5px 0 35px}.characters .tabs button{display:flex}.characters .tabs button b{display:none}.characters .profile{grid-template-columns:42px 1fr 42px;gap:8px}.characters .portrait{grid-area:1/2;min-height:370px}.switch{width:42px;height:42px}.characters .profile-copy{grid-area:2/1/auto/-1;padding:35px 12px}}.lang{border:1px solid var(--ink);cursor:pointer;background:0 0;border-radius:99px;gap:2px;padding:3px;display:flex}.lang span{border-radius:99px;padding:7px 10px;font:800 10px monospace}.lang .on{background:var(--ink);color:var(--lime)}.archive-title{border-bottom:2px solid var(--ink);background:#c9ff2f;min-height:66vh;padding:11vh 7vw 8vh;position:relative;overflow:hidden}.archive-title>span{letter-spacing:2px;font:800 11px monospace}.archive-title h1{letter-spacing:-.085em;z-index:1;margin:7vh 0 4vh;font-size:clamp(66px,12vw,172px);line-height:.76;position:relative}.archive-title h1 i{color:#fff;text-shadow:5px 5px 0 var(--ink);-webkit-text-stroke:2px var(--ink);font-style:normal}.archive-title p{z-index:1;max-width:520px;margin-left:auto;font-weight:800;line-height:1.6;position:relative}.splat{background:var(--orange);border-radius:41% 59% 58% 42%/62% 39% 61% 38%;position:absolute;transform:rotate(27deg)}.splat:before,.splat:after{content:"";background:inherit;border-radius:50%;position:absolute}.splat-a{width:260px;height:230px;top:3%;right:7%}.splat-a:before{width:70px;height:70px;top:20px;left:-52px}.splat-a:after{width:35px;height:35px;bottom:18px;right:-42px}.splat-b{background:#7652f3;width:95px;height:75px;bottom:7%;left:3%}.readmore{background:var(--ink);color:#fff;letter-spacing:1px;max-width:300px;box-shadow:7px 7px 0 var(--accent);justify-content:space-between;align-items:center;margin-top:34px;padding:18px 20px;font:900 12px monospace;transition:transform .15s;display:flex}.readmore:hover{transform:translate(-2px,-2px)}.readmore span{color:var(--lime);font-size:18px}.detail{--accent:var(--orange);background:var(--paper);min-height:100vh}.detail.pink{--accent:#ff4f98}.detail.teal{--accent:#12bfa9}.detail.violet{--accent:#7652f3}.detail.red{--accent:#e93935}.detail.pearl{--accent:#f58bb6}.back{letter-spacing:1px;border-bottom:2px solid var(--accent);margin:42px 6vw 0;padding-bottom:5px;font:800 11px monospace;display:inline-block}.detail-grid{grid-template-columns:minmax(300px,44%) 1fr;align-items:start;gap:7vw;padding:5vh 6vw 12vh;display:grid}.detail-portrait{height:65vh;min-height:520px;margin:0;position:sticky;top:30px}.detail-grid article{padding-top:4vh}.detail-grid h1{letter-spacing:-.08em;margin:30px 0 55px;font-size:clamp(70px,11vw,150px);line-height:.75}.detail-grid h1 i{letter-spacing:7px;color:var(--accent);margin-top:24px;font:900 18px monospace;display:block}.detail-grid h2{letter-spacing:2px;border-top:2px solid;margin:55px 0 15px;padding-top:22px;font:900 13px monospace}.detail-grid article>p{color:#55515a;font-size:17px;line-height:2}@media (max-width:800px){.archive-title{min-height:55vh;padding-top:9vh}.archive-title h1{margin-top:8vh;font-size:20vw}.archive-title p{margin-left:10%}.splat-a{right:-120px}.detail-grid{grid-template-columns:1fr}.detail-portrait{height:48vh;min-height:350px;position:relative;top:auto}.detail-grid h1{font-size:25vw}.detail-grid article{padding-top:0}}:root{--ink:#111018;--paper:#f2efe8;--orange:#ff5426;--lime:#d9ff38;--cyan:#4cead7;--muted:#77727e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Noto Sans TC,sans-serif}a{color:inherit;text-decoration:none}.nav{z-index:5;background:#f2efe8ee;border-bottom:1px solid #c6c2ba;justify-content:space-between;align-items:center;height:76px;padding:0 4vw;display:flex;position:relative}.brand{letter-spacing:-1px;font-size:22px;font-weight:950}.brand span{color:var(--orange)}.brand i{letter-spacing:2px;margin-left:10px;font:10px monospace}.navlinks{letter-spacing:1px;gap:32px;font:700 11px monospace;display:flex}.navlinks a:hover{color:var(--orange)}.signal{font:700 10px monospace}.signal b{background:#4ed17b;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.hero{min-height:calc(100vh - 76px);padding:8vh 7vw;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle at 72% 30%,#ff542629,#0000 30%),radial-gradient(circle at 86% 72%,#4cead72c,#0000 26%);position:absolute;inset:0}.noise{opacity:.2;background-image:repeating-linear-gradient(100deg,#0000 0 13px,#1111 14px 15px);position:absolute;inset:0}.eyebrow,.section-head>span,.notes>div>span{letter-spacing:2px;font:700 11px monospace}.hero h1{letter-spacing:-.09em;margin:7vh 0 4vh;font-size:clamp(76px,13vw,190px);font-weight:950;line-height:.72;position:relative}.hero h1 span{color:var(--orange)}.hero h1 em{color:#0000;-webkit-text-stroke:2px var(--ink);font-style:normal}.lead{max-width:430px;margin-left:54%;font-size:16px;line-height:1.8;position:relative}.cta{background:var(--ink);color:#fff;align-items:center;gap:60px;margin-top:20px;margin-left:54%;padding:18px 22px;font-size:13px;font-weight:800;display:inline-flex;position:relative}.cta span{color:var(--lime);font-size:20px}.issue{text-align:right;font:10px/1.6 monospace;position:absolute;bottom:3vw;right:4vw}.orbit{border:1px solid #111;border-radius:50%;place-items:center;font-weight:900;display:grid;position:absolute}.one{background:var(--lime);width:120px;height:120px;font-size:45px;top:10%;right:16%}.two{background:var(--cyan);width:65px;height:65px;font-size:22px;top:32%;right:7%}.characters{padding:110px 5vw 130px}.section-head{border-bottom:2px solid;grid-template-columns:1fr 2fr 2fr;align-items:end;margin-bottom:36px;padding-bottom:22px;display:grid}.section-head h2{letter-spacing:-.06em;margin:0;font-size:clamp(42px,6vw,88px)}.section-head p{color:var(--muted);margin:0 0 10px}.character-layout{border:1px solid #b9b4aa;grid-template-columns:190px 1fr;min-height:610px;display:grid}.tabs{border-right:1px solid #b9b4aa;flex-direction:column;display:flex}.tabs button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #b9b4aa;flex:1;grid-template-columns:28px 1fr;align-items:center;padding:12px 18px;display:grid}.tabs button small{color:#8a8580;font:10px monospace}.tabs button span{font-size:30px;font-weight:900}.tabs button b{letter-spacing:2px;grid-column:2;font:10px monospace}.tabs button.active{background:var(--ink);color:#fff}.tabs button.active small{color:var(--lime)}.profile{--accent:var(--orange);background:#e9e5dd;grid-template-columns:minmax(320px,45%) 1fr;display:grid}.pink{--accent:#ff4f98}.teal{--accent:#12bfa9}.violet{--accent:#7652f3}.red{--accent:#e93935}.pearl{--accent:#f58bb6}.portrait{background:var(--accent);min-height:440px;box-shadow:20px 20px 0 var(--ink);border-radius:50% 44% 48% 42%;place-items:center;margin:34px;display:grid;position:relative;overflow:hidden}.portrait:before,.portrait:after{content:"";border:2px solid #111;border-radius:50%;position:absolute}.portrait:before{width:80%;height:80%;transform:rotate(30deg)}.portrait:after{width:55%;height:110%;transform:rotate(-40deg)}.portrait span{color:#fff;z-index:1;text-shadow:8px 8px #111;font-size:clamp(100px,15vw,210px);font-weight:950}.portrait small{letter-spacing:4px;font:900 11px monospace;position:absolute;bottom:20px;right:26px}.profile-copy{padding:50px 5vw 42px}.kicker{letter-spacing:2px;color:var(--accent);font:10px monospace}.profile h3{margin:28px 0;font-size:clamp(50px,7vw,96px);line-height:.9}.profile h3 i{letter-spacing:5px;margin-top:16px;font:900 17px monospace;display:block}.stats{border-block:1px solid #b9b4aa;grid-template-columns:.6fr .9fr 1.5fr;gap:12px;padding:14px 0;display:grid}.stats span{font-weight:800}.stats small,.profile footer small{letter-spacing:1px;color:#827d78;margin-bottom:6px;font:9px monospace;display:block}.profile blockquote{border-left:5px solid var(--accent);margin:34px 0 20px;padding-left:18px;font-size:22px;font-weight:900}.profile-copy>p{color:#55515a;line-height:1.8}.tags{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}.tags span{border:1px solid;border-radius:99px;padding:7px 11px;font-size:11px;font-weight:800}.profile footer{border-top:1px solid #b9b4aa;padding-top:18px;font-weight:800}.story{background:var(--ink);color:#fff;padding:110px 5vw}.section-head.light{border-color:#fff}.section-head.light p{color:#aaa}.timeline{max-width:1050px;margin:auto}.timeline article{border-bottom:1px solid #ffffff28;grid-template-columns:80px 120px 150px 1fr;align-items:center;min-height:110px;display:grid}.line{border-right:1px solid #ffffff28;align-self:stretch;align-items:center;display:flex}.line b{color:var(--lime);background:var(--ink);border:1px solid #fff5;border-radius:50%;place-items:center;width:32px;height:32px;font:10px monospace;display:grid;transform:translate(64px)}.timeline time{color:#aaa;padding-left:35px;font:700 12px monospace}.timeline h3{margin:0;font-size:27px}.timeline p{color:#aaa;line-height:1.7}.notes{grid-template-columns:1fr 1.5fr;gap:7vw;padding:120px 5vw;display:grid}.notes h2{letter-spacing:-.06em;margin:25px 0;font-size:clamp(42px,6vw,82px);line-height:1}.note-grid article{border-top:1px solid #aaa;grid-template-columns:55px 140px 1fr;gap:15px;padding:30px 0;display:grid}.note-grid b{color:var(--orange);font:10px monospace}.note-grid h3,.note-grid p{margin:0}.note-grid p{color:#625e65;line-height:1.7}.footer{background:var(--orange);justify-content:space-between;align-items:flex-end;min-height:180px;padding:40px 5vw;display:flex}.footer .brand span{color:#fff}.footer p,.footer a{letter-spacing:2px;font:800 10px monospace}@media (max-width:800px){.navlinks,.signal{display:none}.hero{padding:9vh 6vw}.hero h1{margin-top:12vh;font-size:23vw}.lead,.cta{margin-left:8%}.orbit{opacity:.4}.one{right:-25px}.section-head{grid-template-columns:1fr}.section-head h2{margin:14px 0}.character-layout{grid-template-columns:1fr}.tabs{border-bottom:1px solid #aaa;border-right:0;grid-template-columns:repeat(6,1fr);display:grid}.tabs button{text-align:center;border-bottom:0;border-right:1px solid #aaa;padding:12px 4px;display:block}.tabs button small,.tabs button b{display:none}.tabs button span{font-size:22px}.profile{grid-template-columns:1fr}.portrait{min-height:310px;margin:25px}.portrait span{font-size:35vw}.profile-copy{padding:35px 25px}.stats{grid-template-columns:1fr 1fr}.stats span:last-child{grid-column:1/-1}.timeline article{grid-template-columns:50px 95px 1fr;padding:15px 0}.line b{transform:translate(34px)}.timeline p{grid-column:2/-1;margin:5px 0 15px}.notes{grid-template-columns:1fr}.note-grid article{grid-template-columns:35px 1fr}.note-grid p{grid-column:2}.footer{flex-direction:column;align-items:flex-start;gap:22px}.footer p{margin:0}}body .characters .tabs button.active:before{transform-origin:50%;transform:scale(1)rotate(0);background:var(--splash)!important;filter:none!important;opacity:1!important;background-image:none!important;border-radius:0!important;width:auto!important;height:auto!important;animation:.5s cubic-bezier(.16,.78,.2,1) both selected-splash-in!important;display:block!important;inset:-32%!important;-webkit-mask:url(/oc-archive/effects/ink-splash.svg) 50%/contain no-repeat!important;mask:url(/oc-archive/effects/ink-splash.svg) 50%/contain no-repeat!important}@keyframes selected-splash-in{0%{opacity:0;transform:scale(.35)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){body .characters .tabs button.active:before{opacity:1!important;animation:none!important}}body .characters .tabs button.yuuhi{--splash:#ff672f}body .characters .tabs button.musubi{--splash:#ff79b1}body .characters .tabs button.shuu{--splash:#ff78b5}body .characters .tabs button.sumire{--splash:#7652f3}body .characters .tabs button.akane{--splash:#fa5351}body .characters .tabs button.active img{animation:.52s cubic-bezier(.2,.85,.25,1.2) both character-icon-twist}@keyframes character-icon-twist{0%{transform:scale(.92)rotate(-7deg)}55%{transform:scale(1.09)rotate(5deg)}78%{transform:scale(1.02)rotate(-2deg)}to{transform:scale(1.04)rotate(0)}}@media (prefers-reduced-motion:reduce){body .characters .tabs button.active img{animation:none;transform:scale(1.04)}}.portrait .character-art{z-index:1;object-fit:contain;object-position:center bottom;width:100%;height:100%;padding:clamp(10px,2vw,24px);display:block;position:relative}.portrait:has(.character-art):before{opacity:.32}.portrait:has(.character-art):after{opacity:.32}.portrait:has(.character-art) small{z-index:2;background:var(--ink);color:#fff;padding:6px 9px}.detail-portrait .character-art{padding:clamp(14px,2.5vw,34px)}.characters .portrait,.detail-portrait{overflow:visible;box-shadow:none!important;background:0 0!important;border-radius:0!important;animation:none!important}.characters .portrait{width:100%;height:clamp(500px,46vw,620px);min-height:0}.portrait:has(.character-art):before{display:none}.portrait:has(.character-art):after{display:none}.portrait .character-art,.detail-portrait .character-art{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 12px #11101833);will-change:transform;width:100%;height:100%;padding:0;animation:4.6s ease-in-out infinite character-float}.portrait-yuuhi .character-art,.portrait-musubi .character-art,.portrait-shuu .character-art{scale:1}.portrait-akane .character-art,.portrait-sumire .character-art{scale:1.025}.portrait-kumori .character-art{scale:1.01}@keyframes character-float{0%,to{transform:translateY(0)rotate(-.35deg)}50%{transform:translateY(-13px)rotate(.35deg)}}@media (max-width:800px){.characters .portrait{height:clamp(360px,108vw,500px)}}@media (prefers-reduced-motion:reduce){.portrait .character-art,.detail-portrait .character-art{animation:none}}html,body,.detail,.notebook-page{background-color:#fff!important;background-image:radial-gradient(circle,#d9d9de 1.15px,#0000 1.25px)!important;background-size:22px 22px!important}.nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:56px;padding-inline:4vw;background:#fffffff0!important;height:56px!important}.nav .brand{font-size:18px}.characters{background:0 0}.portrait:has(.character-art) small{display:none!important}.portrait-yuuhi .character-art,.portrait-shuu .character-art,.portrait-akane .character-art,.portrait-sumire .character-art,.portrait-kumori .character-art{scale:1!important}.portrait-musubi .character-art{scale:1.5!important}.comic-preview{color:var(--ink);border-block:2px solid var(--ink);background:#ffffff94}.comic-preview .section-head.light{color:var(--ink);border-color:var(--ink)}.comic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,42px);display:grid}.comic-card{transition:transform .2s;display:block}.comic-card:nth-child(2){transform:translateY(20px)rotate(1deg)}.comic-card:nth-child(3){transform:rotate(-1deg)}.comic-card:hover{transform:translateY(-8px)rotate(-1deg)}.comic-art-slot{aspect-ratio:4/5;border:2px solid var(--ink);background:linear-gradient(135deg, transparent 48%, #ffffff8c 49% 51%, transparent 52%), var(--orange);box-shadow:9px 9px 0 var(--ink);text-align:center;place-content:center;display:grid;position:relative;overflow:hidden}.comic-art-slot img{object-fit:cover;object-position:top center;width:100%;height:100%;position:absolute;inset:0}.comic-card:nth-child(2) .comic-art-slot{background-color:#ff4f98}.comic-card:nth-child(3) .comic-art-slot{background-color:#7652f3}.comic-art-slot span{color:#fff;letter-spacing:-.08em;font:950 clamp(38px,6vw,82px)/1 Arial,sans-serif}.comic-art-slot small{color:#fff;letter-spacing:2px;margin-top:12px;font:900 12px monospace}.comic-card>div:last-child{padding-top:22px}.comic-card>div:last-child small{letter-spacing:1px;color:var(--muted);font:800 11px monospace}.comic-card h3{margin:8px 0 0;font-size:clamp(22px,2.5vw,34px)}.story-button{margin:60px 0 0 auto}.collection-page{width:min(1180px,90vw);margin:0 auto;padding:28px 0 110px}.collection-page>.back{margin:0}.collection-page>header{padding:70px 0 54px}.collection-page>header span{letter-spacing:2px;font:900 12px monospace}.collection-page>header h1{letter-spacing:-.08em;margin:12px 0 0;font-size:clamp(70px,13vw,170px);line-height:.8}@media (max-width:800px){.nav{min-height:52px;height:52px!important}.nav .brand{font-size:15px}.comic-grid{grid-template-columns:1fr;gap:52px}.comic-card:nth-child(2),.comic-card:nth-child(3){transform:none}.comic-art-slot{aspect-ratio:5/4}.story-button{margin-top:44px}}.gallery-image{aspect-ratio:3/4;width:100%;height:auto}.gallery-image img{object-fit:contain;object-position:center top;width:100%;height:100%;padding:0;display:block}@media (max-width:800px){.gallery-image{height:auto}}@media (max-width:520px){.gallery-image{height:auto;max-height:none}}.characters .portrait-yuuhi,.characters .portrait-shuu,.characters .portrait-akane,.characters .portrait-sumire,.characters .portrait-kumori{--art-scale:1.06;--art-x:0px;--art-y:0px}.characters .portrait-musubi{--art-scale:1.08;--art-x:0px;--art-y:0px}.detail .portrait-yuuhi{--art-scale:1;--art-x:0px;--art-y:0px}.detail .portrait-musubi{--art-scale:1.12;--art-x:0px;--art-y:0px}.detail .portrait-shuu,.detail .portrait-akane,.detail .portrait-sumire,.detail .portrait-kumori{--art-scale:1;--art-x:0px;--art-y:0px}.characters .portrait .character-art,.detail .detail-portrait .character-art{will-change:auto;scale:var(--art-scale,1)!important;transform:translate(var(--art-x,0px), var(--art-y,0px))!important;animation:none!important}.portrait-yuuhi{--portrait-ink:#ff8254}.portrait-musubi{--portrait-ink:#ff9bc4}.portrait-shuu{--portrait-ink:#ff78b5}.portrait-sumire{--portrait-ink:#ad6aff}.portrait-akane{--portrait-ink:#ff6360}.portrait-kumori{--portrait-ink:#ffe8f1}.portrait-splashes{z-index:0;pointer-events:none;position:absolute;inset:-2%}.portrait-splashes i{aspect-ratio:1;background:var(--portrait-ink);opacity:0;transform-origin:50%;height:auto;animation:.62s cubic-bezier(.18,.82,.25,1.18) both portrait-splash-pop;display:block;position:absolute}.portrait-splashes i:first-child{width:49%;top:14%;left:7%;rotate:-14deg;-webkit-mask:url(/oc-archive/effects/portrait-splash-2.svg) 50%/contain no-repeat;mask:url(/oc-archive/effects/portrait-splash-2.svg) 50%/contain no-repeat}.portrait-splashes i:nth-child(2){width:43%;animation-delay:.14s;top:10%;right:7%;rotate:19deg;-webkit-mask:url(/oc-archive/effects/portrait-splash-3.svg) 50%/contain no-repeat;mask:url(/oc-archive/effects/portrait-splash-3.svg) 50%/contain no-repeat}.portrait-splashes i:nth-child(3){width:41%;animation-delay:60ms;bottom:12%;left:10%;rotate:12deg;-webkit-mask:url(/oc-archive/effects/portrait-splash-4.svg) 50%/contain no-repeat;mask:url(/oc-archive/effects/portrait-splash-4.svg) 50%/contain no-repeat}.portrait-splashes i:nth-child(4){width:35%;animation-delay:.21s;bottom:9%;right:12%;rotate:-22deg;-webkit-mask:url(/oc-archive/effects/portrait-splash-5.svg) 50%/contain no-repeat;mask:url(/oc-archive/effects/portrait-splash-5.svg) 50%/contain no-repeat}.portrait-kumori .portrait-splashes i{filter:drop-shadow(0 0 1px #1110184d)}body .characters .tabs button.kumori{--splash:#ffe8f1}@keyframes portrait-splash-pop{0%{opacity:0;transform:scale(.12)}58%{opacity:.98;transform:scale(1.12)}78%{opacity:.9;transform:scale(.94)}to{opacity:.94;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.portrait-splashes i{opacity:.94;animation:none}}.eyebrow,.section-head>span,.archive-title>span,.kicker,.navlinks,.stats small,.profile footer small,.comic-art-slot small,.comic-card>div:last-child small,.collection-page>header span,.back,.footer p,.footer a{font-family:var(--font-meta);font-weight:400}:root{--font-display:"BlitzBold", "SourceHanSansTW", "Noto Sans TC", sans-serif;--font-body:"BlitzMain", "SourceHanSansTW", "Noto Sans TC", sans-serif;--font-meta:"BlitzMain", "SourceHanSansTW", "Noto Sans TC", sans-serif;--font-ui:"BlitzMain", "SourceHanSansTW", "Noto Sans TC", sans-serif;--font-icon-meta:"SpAlterna", monospace}.tabs button b{font-family:var(--font-icon-meta);font-weight:400}.profile h3 i,.detail-grid h1 i{font-family:BlitzMain,sans-serif;font-weight:400}.english-character-name{font-weight:400;font-family:BlitzMain,sans-serif!important}.profile h3:not(.english-character-name),.detail-grid h1:not(.english-character-name){font-weight:900}body{font-family:var(--font-body)}.archive-title h1,.section-head h2,.profile h3,.detail-grid h1,.detail-grid h2,.comic-card h3,.collection-page>header h1,.comic-chapter-title{font-family:var(--font-display)}.profile-copy>p,.detail-grid article>p{font-family:var(--font-body);font-weight:400}.readmore,.lang,.switch,.brand{font-family:var(--font-ui)}.characters .section-head,.story .section-head{text-align:left;display:block}.section-head h2{text-align:left;font-size:clamp(34px,4.5vw,64px)!important;font-weight:900!important}.nav,.nav a,.nav button,.navlinks,.mobile-site-menu,.mobile-site-menu button,.mobile-site-menu nav a{font-family:BlitzMain,sans-serif!important;font-weight:400!important}.archive-title h1{font-size:clamp(52px,9vw,124px)!important}.profile h3{font-size:clamp(42px,5.5vw,76px)!important}.detail-grid h1{font-size:clamp(56px,8vw,112px)!important}.characters .relationship-link{border:2px solid var(--ink);color:var(--ink)!important;box-shadow:none!important;background:#fff!important;margin-top:28px!important}.characters .relationship-link span{color:var(--ink)!important}.characters .switch,.characters .switch:hover{z-index:10;background:var(--ink);color:#fff;position:relative}@media (max-width:800px){.characters .portrait-yuuhi,.characters .portrait-shuu,.characters .portrait-akane,.characters .portrait-sumire,.characters .portrait-kumori{--art-scale:1.04;--art-x:0px;--art-y:0px}.characters .portrait-musubi{--art-scale:1.06;--art-x:0px;--art-y:0px}.detail .portrait-yuuhi{--art-scale:1;--art-x:0px;--art-y:0px}.detail .portrait-musubi{--art-scale:.8;--art-x:0px;--art-y:0px}.detail .portrait-shuu,.detail .portrait-akane,.detail .portrait-sumire,.detail .portrait-kumori{--art-scale:1;--art-x:0px;--art-y:0px}}html,body,.fluid-canvas{cursor:url(/oc-archive/cursors/citrusoda-cursor.png) 1 1,auto}a,button,[role=button]{cursor:url(/oc-archive/cursors/citrusoda-cursor.png) 1 1,pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.archive-title{background:#d4d4d4!important}.header-image-placeholder,.header-overlay{position:absolute;inset:0}.header-image-placeholder{background:url(/oc-archive/header-photo.jpg) 50%/cover no-repeat}.header-overlay{background:#0000009e}.header-image-placeholder,.header-overlay{pointer-events:none}.archive-title>span{display:none!important}.archive-title h1{color:#fff!important;mix-blend-mode:normal!important}.archive-title h1 i{color:#fff!important}.relationship-link{margin:48px auto 0 0}.characters .portrait-musubi{--art-scale:1.08}.detail .portrait-musubi{--art-scale:.93}.characters .portrait .character-art,.detail .detail-portrait .character-art{object-position:center center!important}.character-art{pointer-events:none}.archive-title{min-height:48vh!important;padding-top:8vh!important;padding-bottom:6vh!important}.archive-title h1{margin-top:4vh!important;margin-bottom:2vh!important}@media (max-width:800px){.archive-title{min-height:42vh!important;padding-top:7vh!important}.archive-title h1{margin-top:4vh!important}}body>main{width:min(1440px,100% - 48px);margin-inline:auto;overflow:visible}body{overflow-x:hidden}body>main>.nav,body>main>.footer,body>main>.archive-title{width:100vw;margin-left:calc(50% - 50vw)}@media (max-width:800px){body>main{width:100%}body>main>.nav,body>main>.footer,body>main>.archive-title{margin-left:0}}.profile-page{background:#fff;min-height:100vh}.profile-back{font:600 15px var(--font-body);margin:42px 5vw 24px;display:inline-block}.profile-frame{grid-template-columns:80px minmax(260px,1fr) minmax(360px,.95fr);align-items:center;gap:28px;width:min(1220px,90vw);margin:20px auto 0;display:grid}.profile-icons{flex-direction:column;align-items:center;gap:22px;display:flex}.profile-icons a{opacity:.28;width:54px;height:54px;transition:opacity .2s,transform .2s}.profile-icons a.active{opacity:1;transform:scale(1.1)}.profile-icons a:hover{opacity:.8;transform:scale(1.06)}.profile-icons img{object-fit:contain;width:100%;height:100%}.profile-portrait-col{grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:12px;display:grid}.profile-portrait{width:100%;height:62vh;min-height:480px;box-shadow:none;background:0 0;border-radius:0;grid-column:2;margin:0;overflow:visible!important}.profile-portrait:before,.profile-portrait:after{display:none}.profile-arrow{color:#444;width:40px;height:40px;font:32px/1 var(--font-ui);background:#ddd;border-radius:50%;place-items:center;display:grid}.profile-arrow:hover{background:var(--ink);color:#fff}.profile-card{border:2px solid var(--ink);border-radius:22px;min-height:500px;padding:76px 42px 42px;position:relative;box-shadow:14px 14px #1110182e;background:#fff!important}.package-hole{aspect-ratio:482.51/202.18;background:url(/oc-archive/effects/package-handle.svg) 50%/contain no-repeat;border:0;width:100px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.package-hole:before{display:none}.profile-card h1{font:800 clamp(44px,5vw,70px)/.9 var(--font-display);letter-spacing:-.06em;margin:0 0 22px}.profile-card h1 i{font:700 14px var(--font-ui);letter-spacing:4px;margin-top:12px;display:block}.profile-meta{font:600 16px/1.25 var(--font-body);flex-wrap:wrap;gap:5px 10px;display:flex}.profile-meta span{display:block}.profile-meta span:nth-child(-n+3) b{display:none}.profile-meta span:first-child:after,.profile-meta span:nth-child(2):after{content:" /";margin-left:6px}.profile-meta span:nth-child(n+4){width:100%}.profile-meta b{font-weight:700}.profile-card hr{border:0;border-top:2px solid var(--ink);margin:28px 0 18px}.profile-card h2{font:700 17px var(--font-body);margin:0 0 6px}.profile-card p,.profile-story p{font:400 16px/1.7 var(--font-body);margin:0}.profile-swatches{gap:34px;display:flex}.profile-swatches div{align-items:center;gap:10px;display:flex}.profile-swatches b{font:700 15px var(--font-body);white-space:nowrap}.profile-swatches span{background:#666;border-radius:50%;width:22px;height:22px}.profile-swatches div:first-child span:first-of-type{background:var(--ink-color-1)}.profile-swatches div:first-child span:last-child{background:var(--ink-color-2)}.profile-swatches div:last-child span:first-of-type{background:var(--eye-color-1)}.profile-swatches div:last-child span:last-child{background:var(--eye-color-2)}.profile-page.orange{--ink-color-1:#ff7746;--ink-color-2:#7652f3;--eye-color-1:#189eea;--eye-color-2:#0c3865}.profile-page.pink{--ink-color-1:#ff87b9;--ink-color-2:#a6ef7c;--eye-color-1:#ffd52f;--eye-color-2:#eb2980}.profile-page.teal{--ink-color-1:#ff78b5;--ink-color-2:#a6ef7c;--eye-color-1:#ffd52f;--eye-color-2:#eb2980}.profile-page.violet{--ink-color-1:#a568f5;--ink-color-2:#e044d5;--eye-color-1:#e2e2e2;--eye-color-2:#241631}.profile-page.red{--ink-color-1:#f54643;--ink-color-2:#e8e8e8;--eye-color-1:#78d900;--eye-color-2:#bd1670}.profile-page.pearl{--ink-color-1:#ffe9f1;--ink-color-2:#f58bb6;--eye-color-1:#ff4f98;--eye-color-2:#e3e1e2}.profile-story{width:min(1220px,90vw);margin:54px auto 100px}.profile-story h2{font:800 clamp(38px,5vw,62px)/1 var(--font-display);letter-spacing:-.05em;margin:0 0 8px}@media (min-width:801px){.profile-frame{align-items:start;min-height:max(62vh,680px)}.profile-portrait .character-art{object-position:center top!important}}.profile-arrow{display:none}.profile-portrait-col{display:block}.profile-portrait{width:100%}.profile-portrait .character-art{object-fit:contain;object-position:center center;width:100%;max-width:100%;height:100%;margin:0;padding:0}.profile-page.orange .profile-card{background:#ffe0d6}.profile-page.pink .profile-card{background:#ffddea}.profile-page.violet .profile-card{background:#e8ddff}.profile-page.red .profile-card{background:#ffdada}.profile-page.pearl .profile-card{background:#ffe8f1}.profile-page.teal .profile-card{background:#ffddea}.profile-page .profile-card{background:#fff!important}.profile-page .profile-portrait .character-art{animation:none!important}.profile-page .portrait-musubi .character-art{transform:scale(.84)!important}.profile-page .portrait-yuuhi{--profile-art-scale:.9}.profile-page .portrait-musubi{--profile-art-scale:.65}.profile-page .portrait-shuu,.profile-page .portrait-sumire,.profile-page .portrait-akane,.profile-page .portrait-kumori{--profile-art-scale:.9}.profile-page .profile-portrait .character-art{transform:scale(var(--profile-art-scale,1))!important}.gallery-shell{width:min(1320px,92vw);margin:0 auto;padding:34px 0 110px}.gallery-shell>.back{margin:0}.gallery-shell>h1{font:800 clamp(54px,7vw,92px)/1 var(--font-display);letter-spacing:-.06em;margin:38px 0 34px}.gallery-layout{grid-template-columns:190px minmax(0,1fr);align-items:start;gap:28px;display:grid}.gallery-filters{border:2px solid var(--ink);background:#fff;border-radius:16px;padding:18px 16px 22px;position:sticky;top:24px;box-shadow:7px 7px #11101840}.gallery-art-grid figure{content-visibility:auto;contain-intrinsic-size:300px 260px}.gallery-filters h2{border-bottom:2px solid var(--ink);font:700 28px/1 var(--font-ui);margin:0 0 14px;padding-bottom:8px}.filter-group{margin-top:18px}.filter-group>b{font:700 14px var(--font-body);margin-bottom:9px;display:block}.filter-options{flex-wrap:wrap;gap:7px;display:flex}.filter-options button{font:600 11px var(--font-body);background:#fff;border:1px solid #aaa;border-radius:99px;padding:5px 9px}.filter-options button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.filter-options.years button{border:0;border-radius:0;padding:3px 5px}.filter-options.years button.active{background:var(--lime);color:var(--ink)}.character-filter{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.character-filter button{aspect-ratio:1;opacity:.35;background:0 0;border:0;padding:4px}.character-filter button.active{opacity:1;transform:scale(1.08)}.character-filter img{object-fit:contain;width:100%;height:100%}.gallery-package{background:#4b4b4b;border-radius:20px;padding:72px 34px 34px;position:relative;box-shadow:10px 10px #11101840}.gallery-handle{background:#fff;border-radius:99px;width:74px;height:18px;position:absolute;top:22px;left:50%;transform:translate(-50%)}.gallery-handle:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:-10px;left:29px}.gallery-art-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 12px;display:grid}.gallery-art-grid figure{min-width:0;margin:0}.gallery-art-grid figure>div{aspect-ratio:1;background:#fff;overflow:hidden}.gallery-art-grid img{object-fit:contain;width:100%;height:100%;padding:6px}.gallery-art-grid figcaption{display:none}.gallery-empty{color:#fff;text-align:center;font:600 15px var(--font-body);grid-column:1/-1;margin:40px 0}@media (max-width:900px){.gallery-art-grid{grid-template-columns:repeat(3,1fr)}.gallery-layout{grid-template-columns:160px 1fr}}@media (max-width:650px){.gallery-layout{grid-template-columns:1fr}.gallery-filters{position:relative;top:auto}.gallery-art-grid{grid-template-columns:repeat(2,1fr)}.gallery-package{padding:62px 18px 22px}}.character-filter button{justify-self:center;width:34px;height:34px}.gallery-art-grid figure>div{border:2px solid var(--ink);box-shadow:6px 6px #11101847}.gallery-package{transform-origin:50% 0;animation:.8s cubic-bezier(.22,.8,.28,1.12) both gallery-package-swing}.gallery-art-grid figure{animation:.42s ease-out both gallery-art-fade}.gallery-art-grid figure:nth-child(2){animation-delay:50ms}.gallery-art-grid figure:nth-child(3){animation-delay:.1s}.gallery-art-grid figure:nth-child(4){animation-delay:.15s}.gallery-art-grid figure:nth-child(5){animation-delay:.2s}.gallery-art-grid figure:nth-child(6){animation-delay:.25s}@keyframes gallery-package-swing{0%{opacity:0;transform:translateY(-18px)rotate(-2.5deg)}55%{opacity:1;transform:translateY(3px)rotate(1deg)}to{opacity:1;transform:none}}@keyframes gallery-art-fade{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.filter-options button{z-index:0;isolation:isolate;position:relative}.filter-options button.active{color:var(--ink);background:0 0;border-color:#0000}.filter-options.years button.active{background:0 0}.filter-options button.active:before{content:"";z-index:-1;background:var(--lime);animation:.3s ease-out both filter-splash-pop;position:absolute;inset:-10px -12px;-webkit-mask:url(/oc-archive/effects/portrait-splash-2.svg) 50%/100% 100% no-repeat;mask:url(/oc-archive/effects/portrait-splash-2.svg) 50%/100% 100% no-repeat}@keyframes filter-splash-pop{0%{opacity:0;transform:scale(.4)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}.gallery-filter-toggle{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font:700 13px var(--font-ui);background:#fff;align-items:center;gap:9px;margin:0 0 16px;padding:10px 14px;display:none}.gallery-filter-toggle span{font-size:18px}@media (prefers-reduced-motion:reduce){.gallery-package,.gallery-art-grid figure,.filter-options button.active:before{animation:none}}@media (max-width:650px){.gallery-filter-toggle{display:inline-flex}.gallery-filters{display:none}.gallery-filters.open{animation:.24s ease-out both gallery-filter-open;display:block}@keyframes gallery-filter-open{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}}.mobile-site-menu{display:none}@media (max-width:800px){.mobile-site-menu{z-index:1000;display:block;position:fixed;top:8px;right:18px}.nav{justify-content:flex-start;padding-right:72px}.nav .brand{flex:0 auto}.nav .lang{margin-left:12px;margin-right:auto}.mobile-site-menu>button{border:2px solid var(--ink);width:42px;height:42px;box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:50%;align-content:center;gap:5px;padding:9px;display:grid}.mobile-site-menu>button span{background:var(--ink);height:2px;display:block}.mobile-site-menu nav{border:2px solid var(--ink);min-width:190px;box-shadow:7px 7px 0 var(--ink);background:#fff;padding:12px;display:none;position:absolute;top:52px;right:0}.mobile-site-menu.open nav{animation:.2s ease-out both mobile-menu-in;display:grid}.mobile-site-menu nav a{font:700 13px var(--font-ui);border-bottom:1px solid #ddd;padding:11px 8px}.mobile-site-menu nav a:last-child{border-bottom:0}@keyframes mobile-menu-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}}.comic-reader-shell{width:min(980px,92vw);margin:0 auto;padding:34px 0 110px}.comic-reader-head{justify-content:space-between;align-items:end;gap:24px;margin:42px 0 28px;display:flex}.comic-reader-head h1{font:800 clamp(44px,7vw,82px)/.95 var(--font-display);letter-spacing:-.05em;margin:0}.comic-reader-head p{font:600 13px var(--font-ui);letter-spacing:1px;margin:0}.comic-reader-pages{gap:24px;width:min(760px,100%);margin:0 auto;display:grid}.comic-reader-page{border:3px solid var(--ink);background:#fff;place-items:center;display:grid;box-shadow:12px 12px #f0df2f}.comic-reader-page img{width:100%;height:auto;display:block}.comic-reader-page span{font:600 13px var(--font-ui);color:#777;letter-spacing:1px}.reader-chapter-nav{z-index:20;border:2px solid var(--ink);width:min(760px,100%);box-shadow:7px 7px 0 var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:42px auto 0;padding:12px;display:grid;position:sticky;bottom:20px}.reader-chapter-nav a{font:600 13px var(--font-ui);align-items:center;gap:9px;padding:10px 12px;display:flex}.reader-chapter-nav a:last-child{justify-content:flex-end}.reader-chapter-nav .disabled{opacity:.25;pointer-events:none}.reader-chapter-nav b{font:700 13px var(--font-ui)}@media (max-width:650px){.comic-reader-head{display:block}.comic-reader-head p{margin-top:12px}.comic-reader-page{min-height:0}.reader-chapter-nav{bottom:12px}.reader-chapter-nav a{font-size:0}.reader-chapter-nav a span{font-size:24px}}.gallery-filters .filter-options button{border:0}.gallery-art-button{aspect-ratio:1;border:2px solid var(--ink);background:#fff;width:100%;padding:0;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden;box-shadow:7px 7px #f0df2f}.gallery-art-button:hover{transform:rotate(-2.5deg)translateY(-3px);box-shadow:10px 10px #f0df2f}.gallery-art-button img,.gallery-art-button video{object-fit:contain;width:100%;height:100%;padding:6px}.gallery-lightbox{z-index:2000;background:#000000db;grid-template-columns:72px minmax(0,900px) 72px;justify-content:center;align-items:center;gap:18px;padding:32px;animation:.22s ease-out both lightbox-in;display:grid;position:fixed;inset:0}.lightbox-image{color:#fff;justify-items:center;max-height:88vh;display:grid}.lightbox-image img,.lightbox-image video{object-fit:contain;background:#fff;border:3px solid #fff;max-width:100%;max-height:80vh;box-shadow:12px 12px #f0df2f}.lightbox-image p{font:700 13px var(--font-ui);letter-spacing:1px;margin:18px 0 0}.lightbox-arrow,.lightbox-close{color:var(--ink);background:#fff;border:0}.lightbox-arrow{width:58px;height:58px;font:42px/1 var(--font-ui);border-radius:50%}.lightbox-close{width:46px;height:46px;font:34px/1 var(--font-ui);border-radius:50%;position:absolute;top:22px;right:26px}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}@media (max-width:650px){.gallery-lightbox{grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;padding:20px 10px}.lightbox-arrow{width:40px;height:40px;font-size:30px}.lightbox-close{top:12px;right:12px}}.comics-shell{width:min(1180px,92vw);margin:0 auto;padding:34px 0 110px}.comics-shell>.back{margin:0}.comics-shell>h1{font:800 clamp(56px,7vw,92px)/1 var(--font-display);letter-spacing:-.06em;margin:42px 0 24px}.comic-sort{font:700 11px var(--font-ui);letter-spacing:1px;margin-bottom:16px}.comic-sort button{border:0;border-bottom:1px solid var(--ink);font:inherit;background:0 0;margin-left:6px;padding:4px 7px}.comic-chapter-list{gap:32px;display:grid}.comic-chapter-row{border:3px solid var(--ink);background:#fff;grid-template-columns:220px minmax(0,1fr) 72px;align-items:stretch;min-height:132px;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:12px 12px #ddd}.comic-chapter-row:hover{transform:translate(-3px,-3px)rotate(-.25deg);box-shadow:15px 15px #f0df2f}.comic-chapter-preview{border-right:3px solid var(--ink);background:#d2d2d2;place-items:center;display:grid}.comic-chapter-preview img{object-fit:cover;object-position:top center;width:100%;height:132px;display:block}.comic-chapter-preview span{font:600 12px var(--font-body)}.comic-chapter-title{align-items:center;gap:20px;padding:24px 30px;display:flex}.comic-chapter-title b{font:500 clamp(32px,4vw,52px)/1 var(--font-ui)}.comic-chapter-title span{font:600 clamp(22px,3vw,38px)/1.1 var(--font-body)}.comic-chapter-row>i{font:400 50px/1 var(--font-ui);place-items:center;font-style:normal;display:grid}@media (max-width:700px){.comic-chapter-row{grid-template-columns:105px minmax(0,1fr) 44px;min-height:96px;box-shadow:7px 7px #ddd}.comic-chapter-title{gap:3px;padding:14px;display:grid}.comic-chapter-title b{font-size:28px}.comic-chapter-title span{font-size:17px}.comic-chapter-row>i{font-size:32px}.comic-chapter-preview span{text-align:center;font-size:9px}.comic-chapter-preview img{height:96px}}.profile-card{transform-origin:50% 0;animation:.8s cubic-bezier(.22,.8,.28,1.15) both profile-card-swing}.profile-card>:not(.package-hole){animation:.45s ease-out .28s both profile-copy-in}@keyframes profile-card-swing{0%{opacity:0;transform:translateY(-22px)rotate(-3deg)}55%{opacity:1;transform:translateY(4px)rotate(1.5deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes profile-copy-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.profile-card,.profile-card>:not(.package-hole){animation:none}}@media (max-width:800px){.profile-frame{grid-template-columns:1fr;gap:20px}.profile-icons{flex-direction:row;order:0;justify-content:center;gap:8px}.profile-icons a{width:42px;height:42px}.profile-portrait-col{order:1}.profile-portrait .character-art{width:100%;height:100%;margin:0}.profile-card{order:2;padding:64px 25px 30px}.profile-meta{gap:3px 8px;font-size:14px}.profile-story{margin-top:38px}}.relationship-page{min-height:100vh}.relationship-shell{width:min(1280px,92vw);margin:0 auto;padding:28px 0 100px}.relationship-shell>.back{margin:0}.relationship-shell>header{padding:60px 0 34px}.relationship-shell>header small{font-family:var(--font-meta);letter-spacing:2px}.relationship-shell>header h1{font:900 clamp(48px, 9vw, 120px)/.85 var(--font-display);letter-spacing:-.06em;margin:12px 0 0}.network-layout{grid-template-columns:minmax(0,1fr) minmax(270px,340px);align-items:stretch;gap:clamp(24px,4vw,58px);display:grid;position:relative}.network-board{border:2px solid var(--ink);min-height:650px;box-shadow:10px 10px 0 var(--ink);background:#ffffffd1;border-radius:34px;position:relative;overflow:hidden}.network-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.network-lines .relationship-edge{fill:none;vector-effect:non-scaling-stroke;stroke:#111018;stroke-width:2px;opacity:.65;transition:stroke .2s,stroke-width .2s}.network-lines .relationship-edge.active{stroke:var(--ink);stroke-width:3px;opacity:1;stroke-dasharray:none}.network-lines .relationship-edge.feeling{stroke:#ff303e}.network-edge-label{pointer-events:none;font:400 13px var(--font-body);white-space:nowrap;background:#ffffffdf;border-radius:4px;padding:2px 4px;position:absolute;transform:translate(-50%,-50%)}.network-edge-label.feeling{color:#e32638}.network-node{z-index:2;aspect-ratio:1;background:0 0;border:0;width:clamp(72px,9vw,112px);padding:10px;transition:transform .18s;position:absolute;transform:translate(-50%,-50%)}.network-node:before{content:"";z-index:-1;background:var(--node-color);opacity:0;transition:opacity .18s,transform .25s;position:absolute;inset:-17%;transform:scale(.6)rotate(-12deg);-webkit-mask:url(/oc-archive/effects/ink-splash.svg) 50%/contain no-repeat;mask:url(/oc-archive/effects/ink-splash.svg) 50%/contain no-repeat}.network-node.active{transform:translate(-50%,-50%)scale(1.14)rotate(4deg)}.network-node.active:before{opacity:1;transform:scale(1)rotate(-5deg)}.network-node img{object-fit:contain;width:100%;height:100%;animation:4.8s ease-in-out infinite network-swim}.network-node:nth-of-type(3n) img{animation-delay:-1.6s}.network-node:nth-of-type(4n) img{animation-delay:-3.1s}@keyframes network-swim{0%,to{transform:translateY(0)rotate(-2deg)scaleX(1)}25%{transform:translateY(-3px)rotate(2deg)scaleX(1.04)}50%{transform:translateY(1px)rotate(-1deg)scaleX(.96)}75%{transform:translateY(-2px)rotate(2deg)scaleX(1.02)}}.network-node b{font:400 11px var(--font-icon-meta);letter-spacing:1px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.relationship-panel{border:2px solid var(--ink);width:100%;max-height:none;box-shadow:9px 9px 0 var(--node-color);background:#fff;border-radius:28px;padding:30px;animation:.22s ease-out network-panel-in;position:relative;overflow:visible}.network-controls{z-index:5;justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex;position:absolute;top:18px;left:20px;right:20px}.network-controls button,.network-close{background:var(--ink);color:#fff;font:inherit;border:0;border-radius:18px;padding:8px 14px}.network-close{float:right;font-size:22px;line-height:1}.network-node{touch-action:none}.network-node img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.network-node:focus-visible{outline:3px solid var(--ink);border-radius:20px}@keyframes network-panel-in{0%{opacity:0;translate:24px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.relationship-panel{animation:none}.network-node,.network-node img{transition:none;animation:none}}@media (max-width:600px){.network-controls{font-size:12px}.network-layout .relationship-panel{width:100%;max-height:none;position:relative}}.relationship-panel>small{font:400 11px var(--font-meta);letter-spacing:1px}.relationship-avatar{object-fit:contain;width:clamp(96px,12vw,142px);height:clamp(96px,12vw,142px);filter:drop-shadow(0 8px 0 var(--node-color));margin:8px auto 22px;display:block}@supports (color:color-mix(in lab, red, red)){.relationship-avatar{filter:drop-shadow(0 8px 0 color-mix(in srgb, var(--node-color) 55%, transparent))}}.relationship-panel h2{font:900 clamp(50px, 6vw, 78px)/.8 var(--font-display);margin:18px 0 32px}.relationship-panel h2 i{font:400 15px var(--font-body);letter-spacing:4px;color:var(--node-color);margin-top:16px;display:block}.relationship-list{gap:10px;display:grid}.relationship-list button{text-align:left;background:#fff;border:1px solid #d8d5dc;border-radius:15px;grid-template-columns:50px 1fr;align-items:center;gap:12px;padding:10px;display:grid}.relationship-list button:hover{border-color:var(--ink)}.relationship-list img{object-fit:contain;width:50px;height:50px}.relationship-list span,.relationship-list small{display:block}.relationship-list b{font-family:var(--font-body)}.relationship-list small{color:var(--muted);margin-top:4px}.relationship-panel .readmore{margin-top:34px}@media (max-width:800px){.network-layout{grid-template-columns:1fr}.network-board{min-height:520px;box-shadow:6px 6px 0 var(--ink)}.network-node{width:clamp(62px,20vw,90px)}.relationship-panel{box-shadow:6px 6px 0 var(--node-color)}.characters .portrait{min-height:470px;margin-inline:-8px}.characters .portrait .character-art{width:118%;max-width:118%;height:118%}}.profile-extra{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:48px;display:grid}.profile-extra article{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--accent);background:#fff;padding:28px}.profile-extra h3{font:800 clamp(25px, 3vw, 38px)/1 var(--font-display);margin:0 0 18px}.profile-extra ul{margin:0;padding-left:1.25em}.profile-extra li{font:400 16px/1.7 var(--font-body);margin:0 0 10px}.profile-page.language-zh .profile-card p,.profile-page.language-zh .profile-story p,.profile-page.language-zh .profile-extra li{font-family:SourceHanSansTW,Noto Sans TC,sans-serif}@media (max-width:700px){.profile-extra{grid-template-columns:1fr}}@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}