/* ORIGIN / ICE & SILVER — shared presentation layer, 2026-10-06. */
header.ornate-header{max-width:none;width:min(1320px,calc(100% - 40px));top:0;margin:0 auto;background:linear-gradient(115deg,#12243bef,#0b182bf5);border:1px solid #43658680;border-radius:5px;box-shadow:0 12px 35px #0004,inset 0 1px #b9ddff18}.world-rail,main,footer{max-width:none}
:root{--bg:#08111f;--panel:#101e31;--panel2:#152740;--ink:#edf5ff;--light:#e7f3ff;--muted:#b5c6dc;--subtle:#8fa7c2;--line:#2c4664;--gold:#a7d9ff;--teal:#a7d9ff;--radius:8px;--shadow:0 16px 48px #0005;--scene:url('/assets/brand/origin-ice/hero.webp');--display:Georgia,"Noto Serif TC","PMingLiU",serif}
html{scroll-padding-top:165px}body{background:#08111f;color:var(--ink);background-image:none;font-size:15px;line-height:1.75}body:before{background:radial-gradient(ellipse at 10% 0,#294b7138,transparent 52%),linear-gradient(180deg,#102039 0,#08111f 720px);opacity:1}body:after{display:none}.world-rail{color:#9db7d1;letter-spacing:.18em;padding:11px 0 9px}.world-rail span:last-child{color:#8faac5}.world-rail,main,footer{width:min(1280px,calc(100% - 64px))}.embers{opacity:.38}.embers i{background:#b8e3ff!important;box-shadow:0 0 7px #97d8ff!important}
a{color:#c1e4ff}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #93d8ff;outline-offset:4px}.skip{background:#bce5ff;color:#0b1b2e}.eyebrow{color:#8bbfe2;letter-spacing:.17em}.eyebrow:before{background:#6595bb}h1,h2,h3,h4{color:#edf6ff}p{text-wrap:pretty}button,input,select{border-radius:5px}input,select{background:#0b1729;border-color:#37516e;color:#edf5ff}input::placeholder{color:#94aeca}
.site-header,.ornate-header{position:sticky;top:0;z-index:30;width:min(1320px,calc(100% - 40px));margin:0 auto;border:1px solid #43658680;border-radius:5px;background:linear-gradient(115deg,#12243beF,#0b182bf5);box-shadow:0 12px 35px #0004,inset 0 1px #b9ddff18;backdrop-filter:blur(18px)}.site-header:before,.site-header:after,.ornate-header:before,.ornate-header:after{display:none}.brand-row,.topbar{width:100%;min-height:91px;display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;padding:5px 25px}.brand,.crest-brand{min-width:0;padding:0;background:none;border:none;filter:none;transform:none}.brand img,.brand #logo{width:206px;height:88px;max-height:none;object-fit:contain;filter:drop-shadow(0 0 12px #87cfff24)}.crest-label,.brandtext{font-family:Georgia,serif;color:#d7ebff;letter-spacing:.14em}.crest-label strong,.brandtext strong{font:12px/1.6 Georgia,serif;letter-spacing:.12em}.crest-label small,.brandtext small{font:8px/1.7 Georgia,serif;letter-spacing:.19em;color:#819ebd;margin-top:4px}.header-tools,.tools{display:flex;justify-content:flex-end;gap:8px;align-items:center}.header-tools .header-tool,.tools .tool{border:1px solid #314f6c;background:#15293e;color:#c1dcf3;box-shadow:none;border-radius:4px;min-height:36px}.header-tools .header-tool:hover,.tools .tool:hover{background:#254766;border-color:#80bce8}.official-link,.official-return{background:transparent!important;border:1px solid #43617d!important;color:#c1d8eb!important;border-radius:4px;box-shadow:none!important;white-space:nowrap}.official-link:hover,.official-return:hover{background:#213b54!important;color:white!important}.count-pill{background:#244968;color:#e6f5ff}.navline{border:0;background:transparent}.navinner{width:100%}.mainnav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:0 36px;margin:0;border-top:1px solid #39546d88;gap:0;background:#07132166}.mainnav a{font-size:13px;line-height:1.5;padding:10px 4px 12px;color:#b5cbe0;border:0;border-radius:0;letter-spacing:.12em;text-decoration:none}.mainnav small{font:8px/1.4 Georgia,serif;letter-spacing:.1em;margin:0 0 5px;color:#7897b4}.mainnav a+a:before{display:none}.mainnav a:hover{color:#edf8ff;background:#37618525}.mainnav a[aria-current=page]{background:linear-gradient(0deg,#549ace27,transparent);color:#e4f6ff;box-shadow:inset 0 -2px #8cccf7}.mainnav a[aria-current=page]:after{display:none}.mainnav a[aria-current=page] small{color:#93bedc}
main{padding-top:28px}.home-start{padding-top:0}.origin-hero{border:1px solid #4b73958c;background:#11243a;border-radius:6px;overflow:hidden;box-shadow:0 20px 55px #0004}.origin-hero-art{position:relative;line-height:0}.origin-hero-art>img{width:100%;height:auto;display:block;aspect-ratio:2033/774;object-fit:contain}.origin-hero-label{position:absolute;top:21px;left:26px;display:flex;align-items:center;gap:12px;font:9px/1.5 Georgia,serif;letter-spacing:.22em;color:#e6f4ff;text-shadow:0 2px 8px #000;background:#07172dbb;padding:9px 13px;border-left:2px solid #a0d8ff}.origin-hero-label i{width:3px;height:3px;background:#a6d8ff;border-radius:50%}.origin-hero-bottom{padding:25px 30px 27px;display:flex;justify-content:space-between;align-items:center;gap:28px;border-top:1px solid #93caee35;background:linear-gradient(110deg,#182d46,#0e1f35)}.origin-hero-bottom h1{font:600 30px/1.5 var(--display);letter-spacing:.1em;margin:6px 0;color:#ecf7ff}.origin-intro{color:#abc3da;font-size:13px}.origin-hero-bottom .hero-actions{margin:0;flex-shrink:0;display:flex;gap:10px}.gold-button,.btn-primary{background:linear-gradient(120deg,#b9e4ff,#7ebdea)!important;border:1px solid #c6eaff!important;color:#092038!important;box-shadow:0 4px 18px #569adb20!important;border-radius:4px;font-weight:700;text-shadow:none!important}.gold-button:hover,.btn-primary:hover{background:#d4efff!important;box-shadow:0 6px 22px #69bdf33b!important}.outline-button,.btn-ghost{background:#152e4655;border:1px solid #4d7394;color:#cbe8fb;border-radius:4px}.outline-button:hover,.btn-ghost:hover{background:#234966;color:#fff;border-color:#8bbcdf}.hero-actions a{font-size:12px;padding:12px 18px;min-height:45px;letter-spacing:.04em}
.version-summary{margin-top:20px;background:linear-gradient(110deg,#112136,#0d1a2b);border:1px solid #36516d;box-shadow:none;border-radius:5px}.version-summary:before,.version-summary:after{display:none}.version-summary-label{border:0;color:#cbe2f4}.version-summary-label small{color:#769ab9}.stats-grid{border-color:#37557266;background:transparent;margin:12px 20px 0}.stat strong{color:#c5e9ff}.stat>span{color:#b9d0e3}.stat small{color:#7e9cb8}.stat+.stat:before{background:linear-gradient(transparent,#4d739b80,transparent)}.manual-note{color:#b5cce0;font-size:11px}.manual-note small{color:#84a3bf}.archive-links{border:1px solid #36516b;background:#102137;border-radius:5px;overflow:hidden;margin-top:20px}.archive-links>a{padding:19px 28px;border-color:#36516b;background:transparent}.archive-links>a:hover{background:#1c3a54}.archive-links svg,.archive-links b{color:#9dd7ff}.archive-links strong{color:#d6edff;font-size:16px}.archive-links small{color:#7e9fbf}.origin-portals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.origin-portal{display:block;background:#12243a;border:1px solid #3b5772;border-radius:5px;overflow:hidden;transition:transform .2s,border-color .2s;box-shadow:0 10px 25px #0002;color:inherit;text-decoration:none!important}.origin-portal:hover{transform:translateY(-3px);border-color:#91cef4}.origin-portal>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.origin-portal>span{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px}.origin-portal small{display:block;font:8px Georgia,serif;letter-spacing:.17em;color:#88aeca}.origin-portal strong{display:block;font-size:15px;letter-spacing:.07em;color:#e1f1ff;margin-top:5px}.origin-portal b{color:#a3d8fc;font-size:22px;font-weight:400}.section-nav{border-color:#395674;margin-top:20px}.section-nav a{font-size:12px;color:#a9c5df}.section-nav a:hover{color:white}.section-heading h2,.section-head h2{color:#e0efff;letter-spacing:.08em}.section-description{color:#9cb6cd}.home-section{margin-top:48px}.class-card,.equipment-card,.feature-card,.philosophy-grid{background:linear-gradient(120deg,#172c44,#0d1c2d);border:1px solid #334e68;border-radius:5px}.class-icon{color:#bddfff;background:#25466744;border:1px solid #577c9c;border-radius:4px}.class-card h3{color:#d8edff}.class-card p,.future-classes small,.equipment-type small{color:#85a5c1}.open-label{color:#afd7d5}.open-label:before{background:#8cd3c5}.future-classes{background:#11203599;border-color:#344e6a;color:#a9bfd5}.future-classes>div>span{color:#c2d8ed}.equipment-type,.equipment-path strong{color:#c9e4f9}.equipment-path .highest strong{color:#a9dbff}.equipment-path small{color:#94afca}.equipment-arrow{background:linear-gradient(90deg,#385f80,#addfff)}.equipment-arrow:after{border-color:#addfff}
#systems{border:1px solid #3d5f7f;background:linear-gradient(125deg,#112239,#0b192b);box-shadow:0 15px 35px #0003;border-radius:6px;padding:30px}#systems:before,#systems:after{background:#a6daff;box-shadow:0 0 10px #77c9ff66}.feature-controls{border-color:#395773}.filters button{color:#9eb9d1}.filters button[aria-pressed=true]{color:#c6e9ff;background:#3c81b024}.filters button[aria-pressed=true]:after{background:#a2dfff}.filters button:hover{background:#2d5c812a;color:#e9f7ff}.feature-card{border-color:#344e69;padding:22px 20px}.feature-card:hover{background:linear-gradient(130deg,#203e5b,#13293f);border-color:#7db5df;box-shadow:0 9px 24px #0004}.feature-card h3{color:#e4f2ff}.feature-card p{color:#aec4d9;font-size:12px}.feature-bottom{border-color:#3b5872;color:#96c4e7}.feature-icon{color:#acd9f7}#feature-count{color:#8ca9c4}.event-panel{background:radial-gradient(ellipse at 75% 50%,#345c8455,transparent 68%),linear-gradient(120deg,#112238,#0b1627);border:1px solid #45698b;box-shadow:0 15px 35px #0003;border-radius:6px}.event-copy h2{color:#e6f4ff}.event-kicker,.event-tagline{color:#b4d9f3}.event-detail{color:#afc4da}.event-dot{background:#b7e5ff;box-shadow:0 0 12px #a2dfff}.art-ring{border-color:#5987ab55;box-shadow:0 0 65px #4d96bd15}.art-caption{color:#92b6d3}.philosophy-card h3{color:#98cef4}.philosophy-card strong{color:#dfedfc}.philosophy-card p{color:#a9bfd3}.closing-line{color:#c1d9ed}
/* Reading surfaces remain still and quiet. */
.minihero{border-bottom:1px solid #395b7b;position:relative;padding:30px 0 32px;background:none;isolation:isolate}.minihero h1{font:600 35px/1.5 var(--display);letter-spacing:.05em;color:#e2f2ff}.minihero p{color:#a9c1d8;font-size:14px;max-width:740px;line-height:1.9}.minihero .eyebrow{color:#85b8d9;font-size:10px}.statstrip,.filter-box,.panel,.text-guide-panel,.feature-text-detail,.feature-detail,.collection,.core-row,.skill-layout,.rule,.local-note,.saved-row,.empty{background:#0e1e30;border-color:#2f4b68;border-radius:5px;box-shadow:none}.core-row:hover{background:#152c44;border-color:#6084a4}.corehead{background:#18314a;color:#b6d2e8;border-color:#315472}.name{color:#e0f0ff}.maptext,.filter-meta,.filterlabel{color:#a6bfd6}.coretitle{color:#cfdfef}.drop{color:#b8dcf6}.iconframe{background:#0d1a2b;border-color:#406080}.badge{border-color:color-mix(in srgb,var(--accent,#90caff),transparent 55%)}.ability{background:#1d344c;color:#c0d5e7}.ability b{color:#e7f3ff}.save{border-color:#355571;background:#173249;color:#b9ddf6}.save[aria-pressed=true]{background:#244e6d;color:#d0edff}.chip,.slimbtn,.feature-choice,.guide-toplinks .chip{background:#132a40;border-color:#395772;color:#b9d1e7}.chip[aria-pressed=true],.feature-choice[aria-selected=true],.chapter-btn[aria-pressed=true]{background:#315574;color:#eaf7ff;border-color:#9accec}.chip:hover,.feature-choice:hover,.slimbtn:hover{background:#264560;border-color:#82b9de;color:#fff}.guide-text-card{background:linear-gradient(120deg,#173047,#0e2033);border:1px solid #3e5e79;border-radius:5px;box-shadow:none;padding:27px}.guide-text-card:hover{background:linear-gradient(120deg,#254d6b,#142c45);border-color:#8bc9f3}.text-guide-number{border-color:#6084a1;color:#bce5ff;background:#2b4c6744}.guide-text-card strong{color:#e0f1ff}.guide-text-card p{color:#acc6dc}.text-guide-link{color:#9ed8ff}.illustrated-copy h3{color:#e0f1ff}.illustrated-copy p,.feature-text-summary{color:#b5cce0}.illustrated-image{border-color:#3d5c7b;background:#091625}.text-guide-note,.warning{border-color:#5c7991;background:#172d41;color:#c8dcea}.text-guide-note strong{color:#e0f1ff}.feature-copy h2,.detail-heading h2{color:#e0f0ff}.guide-grid{gap:18px}.feature-text-summary{background:#132a40}.progress-line,.c-toolbar{background:#12263b;border-color:#3b5a75}.collection-body,.effect-box,.effect-stats,.req{border-color:#314d68;background:#0f2033}.req-name{color:#c9e3f8}.linked-core{color:#a4d4f8}.rewards{color:#c8e9ff}.collection h2,.c-title{color:#e1f2ff}.scene-visual{background-image:url('/assets/brand/origin-ice/hero.webp');background-position:center;background-size:cover;filter:none}.scene-frame{border-color:#587d9c}.scene-vignette{background:linear-gradient(0deg,#0a1a2ed9,transparent 80%)}.scene-inscription strong{color:#e2f3ff}.scene-caption{color:#8badc6}
.festival-hero,.festival-card,.supply-card,.festival-trailer,.effect-section{border-color:#41627e;background-color:#102237;box-shadow:none}.festival-page h1,.festival-page h2,.festival-page h3{color:#e1f3ff}.festival-kicker,.festival-tagline,.festival-lead{color:#bdd5e9}.festival-jump a,.variant-switch button,.loop-toggle,.inspect-button{background:#1c3850;border-color:#557690;color:#c9e6fb}.festival-jump a:hover,.variant-switch button[aria-pressed=true]{background:#315979}.card-copy,.card-bottom{border-color:#395976}.festival-grid .card-media{background:radial-gradient(ellipse,#233f59,#0b192b)}
dialog{background:#101f32;color:#e0f0ff;border:1px solid #7197b8;border-radius:7px;box-shadow:0 24px 100px #0009}dialog::backdrop{background:#030a16ca;backdrop-filter:blur(5px)}.dialog-heading,.dialog-head{background:#172e46;border-color:#46637c}.dialog-heading h2,.dialog-head h2{color:#e9f5ff}.dialog-body,.dialog-body p{color:#c1d4e6}.search-input-wrap>span,.search-hint,.search-empty{color:#aac2d8}.search-input-wrap input{background:#09192a;border-color:#4b6b87;color:#eff8ff}.search-result,.result{background:#162e44;border-color:#3d5d77;color:#e4f3ff}.search-result:hover,.result:hover{background:#244c6a;border-color:#88bcdf}.search-result small,.result-kind{color:#8fb1cd}.image-dialog .dialog-body{background:#07111e}.toast{background:#1c3c55;border-color:#6c9cbc;color:#e4f5ff}.origin-footer{display:flex;align-items:center;gap:28px;padding:24px 28px;border:1px solid #3b5a78;border-radius:5px;background:linear-gradient(110deg,#102136,#0b192a);box-shadow:none;color:#bdd6e9;margin:48px auto 26px;font-size:12px}.origin-footer>img{width:135px;height:60px;object-fit:contain;flex:none}.origin-footer small{color:#82a0bd}.origin-footer>span:last-child{margin-left:auto}
@media(min-width:1050px){body:has(.guide-grid) .minihero{min-height:210px;padding-right:395px;display:flex;align-items:center}body:has(.guide-grid) .minihero:after{content:"";position:absolute;right:0;top:12px;width:335px;aspect-ratio:16/9;border:1px solid #547493;border-radius:5px;background:url('/assets/brand/origin-ice/game-guide.webp') center/contain no-repeat}body:has(.guide-grid) .minihero h1{font-size:32px}}
@media(max-width:1100px){.origin-hero-bottom{padding:22px;gap:18px}.origin-hero-bottom h1{font-size:26px}.origin-hero-bottom .hero-actions{flex-direction:column;gap:7px}.origin-hero-bottom .hero-actions a{padding:9px 15px;min-height:40px}.brand-row,.topbar{gap:12px;padding:5px 17px}.brand img,.brand #logo{width:180px;height:79px}.crest-label strong{font-size:10px}.header-tools,.tools{gap:6px}.tools .label,.tools kbd,.header-tools kbd{display:none}.origin-portal>span{padding:14px}.origin-portal strong{font-size:13px}.mainnav{padding:0 15px}}
@media(max-width:760px){html{scroll-padding-top:182px}.world-rail,main,footer{width:calc(100% - 28px)}.world-rail{padding:8px 0;font-size:7px}.world-rail span:last-child{font-size:7px}.site-header,.ornate-header{width:calc(100% - 20px);top:0;margin:0 auto}.brand-row,.topbar{grid-template-columns:1fr auto 1fr;gap:3px;padding:3px 9px 8px;min-height:0}.brand,.crest-brand{grid-column:2;grid-row:1}.brand img,.brand #logo{width:164px;height:72px}.crest-label,.brandtext{display:none}.header-tools,.tools{grid-column:1/-1;grid-row:2;justify-content:center;display:flex;gap:7px}.header-tools .official-link,.official-return{min-height:34px;padding:6px 11px;font-size:11px}.header-tools .header-tool,.tools .tool{min-height:34px;height:34px;padding:6px 8px;min-width:34px}.mainnav{padding:0 5px;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible;white-space:normal;max-width:100%}.mainnav a{font-size:10px;letter-spacing:.02em;padding:9px 1px 10px;min-width:0}.mainnav small{font-size:5px;letter-spacing:0;margin-bottom:4px}.navinner{width:100%}.mainnav a+a:before{display:none}main{padding-top:18px}.origin-hero-art>img{aspect-ratio:2033/774}.origin-hero-label{left:12px;top:12px;font-size:6px;letter-spacing:.12em;padding:6px 8px;gap:6px}.origin-hero-bottom{display:block;padding:19px 19px 21px}.origin-hero-bottom h1{font-size:25px;letter-spacing:.05em;line-height:1.5;max-width:420px}.origin-hero-bottom .eyebrow{font-size:8px}.origin-intro{font-size:12px;margin-top:6px}.origin-hero-bottom .hero-actions{display:flex;flex-direction:row;gap:9px;margin-top:17px}.origin-hero-bottom .hero-actions a{font-size:11px;padding:11px 13px;min-height:42px}.version-summary{margin-top:16px}.manual-note{font-size:10px;padding:12px 14px}.manual-note small{font-size:9px}.version-summary-label{font-size:10px;padding-left:14px;padding-right:14px}.archive-links{margin-top:16px}.archive-links>a{padding:15px 7px}.archive-links strong{font-size:12px}.archive-links small{font-size:6px}.origin-portals{grid-template-columns:1fr;gap:12px;margin-top:20px}.origin-portal{display:grid;grid-template-columns:44% 1fr;align-items:stretch}.origin-portal>img{height:100%;object-fit:cover}.origin-portal>span{padding:14px 15px;gap:10px}.origin-portal strong{font-size:13px;letter-spacing:.03em}.origin-portal small{font-size:7px}.origin-portal b{font-size:18px}.section-nav{margin-top:16px;padding:12px 0;gap:0}.section-nav a{font-size:10px;padding:4px 5px}.home-section{margin-top:35px}.section-heading{gap:12px}.section-heading h2{font-size:22px}.section-description{font-size:10px}.class-card{padding:18px 13px}.class-card h3{font-size:22px}#systems{padding:22px 14px}.feature-grid{gap:10px}.feature-card{padding:17px 12px;min-height:190px}.feature-card h3{font-size:15px}.feature-card p{font-size:11px}.minihero{padding:19px 0 24px;min-height:0}.minihero h1{font-size:28px;line-height:1.5}.minihero p{font-size:13px}.minihero .eyebrow{font-size:8px}.guide-text-card{padding:21px}.guide-grid{gap:12px}.origin-footer{flex-wrap:wrap;gap:12px;padding:20px;margin-top:34px;line-height:1.8;font-size:10px}.origin-footer>img{width:104px;height:48px}.origin-footer>span:last-child{margin-left:0;flex-basis:100%}.origin-footer small{font-size:9px}}
@media(max-width:380px){.brand img,.brand #logo{width:150px;height:66px}.origin-hero-bottom h1{font-size:22px}.origin-hero-bottom{padding:16px}.origin-hero-bottom .hero-actions a{font-size:10px;padding:10px}.mainnav a{font-size:9px}.mainnav small{font-size:4px}.origin-portal strong{font-size:12px}.origin-portal>span{padding:12px}.section-heading h2{font-size:20px}.minihero h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto!important}}body.calm *,body.calm *:before,body.calm *:after{animation:none!important;transition:none!important}
@media(max-width:760px){header.ornate-header{width:calc(100% - 20px);margin:0 auto;top:0}.brandtext.crest-label{display:none}.origin-portal>img{object-fit:contain}}
.origin-hero-bottom h1{text-wrap:balance}
/* Guide buttons become links after loading; keep the same reading layout. */
.guide-grid .guide-card.guide-text-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:26px;min-height:225px;text-align:left}
.guide-grid .guide-text-card .text-guide-number{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:27px;border:1px solid #466683;border-radius:3px;font-size:12px}
.guide-grid .guide-text-card .text-guide-link{margin-top:auto;padding-top:8px}
@media(max-width:760px){.guide-grid .guide-card.guide-text-card{padding:21px;min-height:215px}}