:root[data-skin=parchment]{--roco-night-950: #070b21;--roco-night-900: #0c1230;--roco-night-820: #121944;--roco-night-760: #1a2354;--roco-violet: #5f4bd8;--roco-violet-strong: #7258ff;--roco-gold: #e8c779;--roco-gold-bright: #fff0b8;--roco-gold-deep: #9b6f28;--roco-gold-foil: #f6d98b;--roco-gold-shadow: rgba(78, 48, 10, .42);--roco-frame-line: rgba(232, 199, 121, .68);--roco-frame-line-strong: rgba(255, 240, 184, .86);--roco-frame-line-soft: rgba(175, 132, 58, .32);--roco-corner-gold: rgba(246, 217, 139, .9);--roco-corner-gold-deep: rgba(155, 111, 40, .78);--roco-corner-glow: rgba(255, 240, 184, .82);--roco-bg-top: #0a0f2a;--roco-bg-bottom: #11183b;--roco-surface: rgba(255, 249, 235, .94);--roco-surface-strong: rgba(255, 252, 242, .98);--roco-surface-warm: rgba(250, 239, 214, .96);--roco-surface-soft: rgba(246, 232, 199, .84);--roco-border: rgba(175, 132, 58, .34);--roco-border-strong: rgba(232, 199, 121, .62);--roco-border-glow: rgba(255, 240, 184, .78);--roco-text: #312313;--roco-text-soft: rgba(69, 47, 25, .78);--roco-muted: rgba(87, 63, 32, .62);--roco-primary: #e8c779;--roco-primary-ink: #6e4615;--roco-accent: #5f4bd8;--roco-accent-ink: #271b74;--roco-danger: #b84b50;--roco-shadow-1: 0 14px 32px rgba(27, 18, 8, .14), inset 0 1px 0 rgba(255, 255, 255, .62);--roco-shadow-2: 0 24px 58px rgba(7, 9, 28, .28), 0 0 0 1px rgba(255, 240, 184, .14);--roco-shadow-gold: 0 14px 28px rgba(110, 70, 21, .18), inset 0 0 0 1px rgba(255, 244, 196, .78);--roco-shadow-violet: 0 18px 38px rgba(54, 37, 147, .34), inset 0 1px 0 rgba(255, 255, 255, .34);--roco-shadow-ornate: 0 28px 72px rgba(3, 5, 18, .38), 0 0 0 1px rgba(255, 240, 184, .18), inset 0 0 0 1px rgba(255, 255, 255, .38);--roco-shadow-corner: 0 0 24px rgba(232, 199, 121, .22), 0 16px 34px rgba(78, 48, 10, .14);--roco-radius-lg: 24px;--roco-radius-md: 18px;--roco-radius-sm: 12px;--roco-frame-radius: 32px;--roco-frame-corner-size: 74px;--roco-frame-corner-size-sm: 42px;--roco-frame-inset: 18px;--roco-paper-press: inset 0 0 0 1px rgba(255, 255, 255, .38), inset 0 0 0 6px rgba(155, 111, 40, .06);--roco-card-corners: linear-gradient(90deg, var(--roco-corner-gold) 0 26px, transparent 26px) left 12px top 12px / var(--roco-frame-corner-size-sm) 1px no-repeat, linear-gradient(180deg, var(--roco-corner-gold) 0 26px, transparent 26px) left 12px top 12px / 1px var(--roco-frame-corner-size-sm) no-repeat, linear-gradient(270deg, var(--roco-corner-gold) 0 26px, transparent 26px) right 12px top 12px / var(--roco-frame-corner-size-sm) 1px no-repeat, linear-gradient(180deg, var(--roco-corner-gold) 0 26px, transparent 26px) right 12px top 12px / 1px var(--roco-frame-corner-size-sm) no-repeat}:root[data-skin=parchment]{--roco-sky-050: #f8fcff;--roco-sky-080: #f1f8ff;--roco-sky-100: #e8f3ff;--roco-sky-160: #d7eaff;--roco-sky-240: #b7d3ff;--roco-sky-320: #8daee9;--roco-sky-520: #5e7cc4;--roco-ice: #ffffff;--roco-lavender: #8d86ff;--roco-lavender-strong: #6d6df4;--roco-lavender-soft: #d9dcff;--roco-silver: #dfeaff;--roco-star: #f8fbff;--roco-night-950: #dcecff;--roco-night-900: #e7f3ff;--roco-night-820: #eef7ff;--roco-night-760: #f6fbff;--roco-violet: var(--roco-lavender);--roco-violet-strong: var(--roco-lavender-strong);--roco-gold: #b7c9ff;--roco-gold-bright: #ffffff;--roco-gold-deep: #6d78ca;--roco-gold-foil: #dfe8ff;--roco-gold-shadow: rgba(95, 124, 196, .18);--roco-frame-line: rgba(150, 178, 235, .58);--roco-frame-line-strong: rgba(255, 255, 255, .92);--roco-frame-line-soft: rgba(170, 196, 240, .38);--roco-corner-gold: rgba(184, 200, 255, .82);--roco-corner-gold-deep: rgba(120, 140, 218, .42);--roco-corner-glow: rgba(255, 255, 255, .86);--roco-bg-top: #f8fcff;--roco-bg-bottom: #e4f2ff;--roco-surface: rgba(255, 255, 255, .76);--roco-surface-strong: rgba(255, 255, 255, .92);--roco-surface-warm: rgba(246, 250, 255, .86);--roco-surface-soft: rgba(230, 241, 255, .62);--roco-border: rgba(143, 171, 225, .34);--roco-border-strong: rgba(145, 171, 230, .52);--roco-border-glow: rgba(255, 255, 255, .86);--roco-text: #25345f;--roco-text-soft: rgba(58, 77, 126, .76);--roco-muted: rgba(88, 105, 154, .66);--roco-primary: #7578f2;--roco-primary-ink: #4d58b9;--roco-accent: #7c8cff;--roco-accent-ink: #4051ab;--roco-danger: #c95d72;--roco-shadow-1: 0 16px 38px rgba(89, 119, 176, .12), inset 0 1px 0 rgba(255, 255, 255, .78);--roco-shadow-2: 0 24px 64px rgba(81, 111, 172, .16), 0 0 0 1px rgba(255, 255, 255, .72);--roco-shadow-gold: 0 12px 28px rgba(105, 122, 205, .14), inset 0 0 0 1px rgba(255, 255, 255, .72);--roco-shadow-violet: 0 16px 34px rgba(105, 112, 238, .22), inset 0 1px 0 rgba(255, 255, 255, .48);--roco-shadow-ornate: 0 30px 80px rgba(79, 108, 170, .18), 0 0 0 1px rgba(255, 255, 255, .7), inset 0 0 0 1px rgba(255, 255, 255, .58);--roco-shadow-corner: 0 0 24px rgba(142, 160, 255, .18), 0 16px 34px rgba(73, 104, 166, .1);--roco-radius-lg: 24px;--roco-radius-md: 18px;--roco-radius-sm: 12px;--roco-frame-radius: 30px;--roco-frame-corner-size: 64px;--roco-frame-corner-size-sm: 38px;--roco-frame-inset: 16px;--roco-paper-press: inset 0 0 0 1px rgba(255, 255, 255, .64), inset 0 0 0 6px rgba(163, 190, 239, .07);--roco-card-corners: radial-gradient(circle at 18px 18px, rgba(128, 143, 230, .42) 0 2px, transparent 3px), radial-gradient(circle at calc(100% - 18px) 18px, rgba(128, 143, 230, .34) 0 2px, transparent 3px), linear-gradient(90deg, rgba(173, 193, 245, .7) 0 26px, transparent 26px) left 12px top 12px / var(--roco-frame-corner-size-sm) 1px no-repeat, linear-gradient(180deg, rgba(173, 193, 245, .7) 0 26px, transparent 26px) left 12px top 12px / 1px var(--roco-frame-corner-size-sm) no-repeat, linear-gradient(270deg, rgba(173, 193, 245, .62) 0 26px, transparent 26px) right 12px top 12px / var(--roco-frame-corner-size-sm) 1px no-repeat, linear-gradient(180deg, rgba(173, 193, 245, .62) 0 26px, transparent 26px) right 12px top 12px / 1px var(--roco-frame-corner-size-sm) no-repeat}:root[data-skin=parchment] body{background:radial-gradient(circle at 18% 8%,rgba(255,255,255,.92),transparent 0 24%),radial-gradient(circle at 86% 12%,rgba(188,213,255,.46),transparent 0 20%),linear-gradient(180deg,var(--roco-bg-top),var(--roco-bg-bottom));color:var(--roco-text)}:root[data-skin=parchment] .app-shell{background:radial-gradient(circle at 12% 12%,rgba(255,255,255,.74),transparent 0 18%),radial-gradient(circle at 88% 16%,rgba(183,211,255,.36),transparent 0 24%),linear-gradient(180deg,#f8fcff,#eef7ff 44%,#e2f0ff);--site-bg-opacity: .46;--site-haze-opacity: .46;--site-cloud-opacity: .32;--site-shell-opacity: .72;--site-shell-blur: 14px;--site-shell-border: rgba(255, 255, 255, .76);--site-shell-shadow: 0 26px 78px rgba(81, 111, 172, .16), 0 0 0 1px rgba(152, 182, 236, .18);--site-shell-highlight: rgba(255, 255, 255, .5);--site-shell-radius: var(--roco-frame-radius)}:root[data-skin=parchment] .app-shell:before{opacity:var(--site-bg-opacity);filter:saturate(.92) contrast(.96) brightness(1.2);background-position:center 12%}:root[data-skin=parchment] .app-shell:after{background:radial-gradient(circle at 12% 12%,rgba(255,255,255,.74),transparent 0 14%),radial-gradient(circle at 90% 16%,rgba(203,216,255,.34),transparent 0 18%),radial-gradient(circle at 76% 78%,rgba(255,255,255,.48),transparent 0 22%),linear-gradient(180deg,#f7fcff94,#eff8ff8a 46%,#e1efff94)}:root[data-skin=parchment] .app-atmosphere{background:radial-gradient(circle at 16% 20%,rgba(255,255,255,.5),transparent 0 26%),radial-gradient(circle at 72% 18%,rgba(143,158,255,.18),transparent 0 22%),radial-gradient(circle at 58% 82%,rgba(180,211,255,.24),transparent 0 24%),linear-gradient(180deg,#fff3,#fff0)}:root[data-skin=parchment] .page,:root[data-skin=parchment] .subpage,:root[data-skin=parchment] .detail-page,:root[data-skin=parchment] .spirit-page,:root[data-skin=parchment] .updates-page,:root[data-skin=parchment] .counter-page,:root[data-skin=parchment] .wiki-page,:root[data-skin=parchment] .calculator-page,:root[data-skin=parchment] .module-page,:root[data-skin=parchment] .lineup-page,:root[data-skin=parchment] .analytics-page,:root[data-skin=parchment] .login-page,:root[data-skin=parchment] .register-page{color:var(--roco-text);background:transparent!important}:root[data-skin=parchment] .page-shell:before,:root[data-skin=parchment] .subpage-shell:before,:root[data-skin=parchment] .detail-shell:before,:root[data-skin=parchment] .spirit-shell:before,:root[data-skin=parchment] .updates-page-shell:before,:root[data-skin=parchment] .counter-shell:before,:root[data-skin=parchment] .wiki-shell:before,:root[data-skin=parchment] .calculator-shell:before,:root[data-skin=parchment] .module-shell:before,:root[data-skin=parchment] .lineup-shell:before,:root[data-skin=parchment] .analytics-shell:before{border:1px solid var(--roco-frame-line);background:radial-gradient(circle at 16% 0%,rgba(255,255,255,.8),transparent 0 22%),radial-gradient(circle at 88% 12%,rgba(203,216,255,.28),transparent 0 28%),linear-gradient(180deg,#ffffffd1,#f4faffa8),radial-gradient(circle at top right,rgba(143,158,255,.12),transparent 42%);box-shadow:0 28px 74px #536fa924,0 0 0 1px #ffffff9e,0 0 0 7px #c5d8ff24,var(--roco-paper-press)}:root[data-skin=parchment] .page-shell:after,:root[data-skin=parchment] .subpage-shell:after,:root[data-skin=parchment] .detail-shell:after,:root[data-skin=parchment] .spirit-shell:after,:root[data-skin=parchment] .updates-page-shell:after,:root[data-skin=parchment] .counter-shell:after,:root[data-skin=parchment] .wiki-shell:after,:root[data-skin=parchment] .calculator-shell:after,:root[data-skin=parchment] .module-shell:after,:root[data-skin=parchment] .lineup-shell:after,:root[data-skin=parchment] .analytics-shell:after{inset:var(--roco-frame-inset) var(--roco-frame-inset) calc(var(--roco-frame-inset) + 12px);height:auto;border:1px solid rgba(146,174,232,.24);border-radius:calc(var(--roco-frame-radius) - 12px);background:radial-gradient(circle at 26px 26px,rgba(122,136,224,.46) 0 2px,transparent 3px),radial-gradient(circle at calc(100% - 26px) 26px,rgba(122,136,224,.36) 0 2px,transparent 3px),linear-gradient(90deg,transparent,var(--roco-frame-line-strong),transparent) top center/68% 1px no-repeat,linear-gradient(90deg,transparent,rgba(146,174,232,.34),transparent) bottom center/64% 1px no-repeat,linear-gradient(90deg,var(--roco-corner-gold) 0 44px,transparent 44px) left top/76px 2px no-repeat,linear-gradient(180deg,var(--roco-corner-gold) 0 44px,transparent 44px) left top/2px 76px no-repeat,linear-gradient(270deg,var(--roco-corner-gold) 0 44px,transparent 44px) right top/76px 2px no-repeat,linear-gradient(180deg,var(--roco-corner-gold) 0 44px,transparent 44px) right top/2px 76px no-repeat,linear-gradient(180deg,#ffffff5c,#fff0);box-shadow:inset 0 0 0 1px #ffffff75;opacity:.94}:root[data-skin=parchment] .panel,:root[data-skin=parchment] .panel-card,:root[data-skin=parchment] .section-panel,:root[data-skin=parchment] .hero-card,:root[data-skin=parchment] .filter-panel,:root[data-skin=parchment] .status-card,:root[data-skin=parchment] .metric-card,:root[data-skin=parchment] .pet-card,:root[data-skin=parchment] .lineup-card,:root[data-skin=parchment] .topic-card,:root[data-skin=parchment] .announcement-card,:root[data-skin=parchment] .entry-route-bar,:root[data-skin=parchment] .about-panel,:root[data-skin=parchment] .analytics-toolbar,:root[data-skin=parchment] .analytics-section{border-color:var(--roco-frame-line-soft);background:var(--roco-card-corners),linear-gradient(180deg,var(--roco-surface-strong),var(--roco-surface)),radial-gradient(circle at top right,rgba(143,158,255,.12),transparent 42%);box-shadow:var(--roco-shadow-1),inset 0 0 0 1px #ffffff8a}:root[data-skin=parchment] .page-title,:root[data-skin=parchment] .hero-title,:root[data-skin=parchment] .section-title,:root[data-skin=parchment] .metric-value,:root[data-skin=parchment] .entry-title,:root[data-skin=parchment] .lineup-title,:root[data-skin=parchment] .timeline-title{color:var(--roco-text)}:root[data-skin=parchment] .page-desc,:root[data-skin=parchment] .hero-desc,:root[data-skin=parchment] .section-desc,:root[data-skin=parchment] .section-subtitle,:root[data-skin=parchment] .entry-desc,:root[data-skin=parchment] .lineup-desc,:root[data-skin=parchment] .timeline-desc,:root[data-skin=parchment] .status-text{color:var(--roco-muted)}:root[data-skin=parchment] .page-chip,:root[data-skin=parchment] .section-kicker,:root[data-skin=parchment] .hero-kicker,:root[data-skin=parchment] .hero-chip,:root[data-skin=parchment] .lineup-tag,:root[data-skin=parchment] .topic-chip,:root[data-skin=parchment] .timeline-type,:root[data-skin=parchment] .chip-button,:root[data-skin=parchment] .core-chip{border-color:#e8c7796b;background:#f7fbffd1;color:var(--roco-primary-ink)}:root[data-skin=parchment] .ghost-button,:root[data-skin=parchment] .ghost-link,:root[data-skin=parchment] .search-button,:root[data-skin=parchment] .search-link,:root[data-skin=parchment] .edit-link,:root[data-skin=parchment] .empty-button,:root[data-skin=parchment] .primary-button{border-color:var(--roco-frame-line);background:linear-gradient(90deg,rgba(255,255,255,.72),transparent 22%,transparent 78%,rgba(202,216,255,.34)),linear-gradient(180deg,#fffffff5,#edf6ffe6);color:var(--roco-primary-ink);box-shadow:var(--roco-shadow-gold),inset 0 0 0 1px #ffffff9e}:root[data-skin=parchment] .ghost-button--primary,:root[data-skin=parchment] .chip-button--active,:root[data-skin=parchment] .search-button,:root[data-skin=parchment] .hero-chip--button.is-active,:root[data-skin=parchment] .primary-button{border-color:var(--roco-frame-line-strong);background:linear-gradient(90deg,rgba(255,255,255,.42),transparent 18%,transparent 82%,rgba(255,255,255,.26)),linear-gradient(135deg,#9da8ff,var(--roco-violet-strong) 62%,#6670e5);color:#fff;box-shadow:0 18px 38px #6970ee3d,0 0 0 1px #ffffff94,inset 0 1px #ffffff8a,inset 0 0 0 1px #ffffff4d}:root[data-skin=parchment] input,:root[data-skin=parchment] textarea,:root[data-skin=parchment] select,:root[data-skin=parchment] .field-input,:root[data-skin=parchment] .field-select{border-color:#af843a52;background:#ffffffdb;color:var(--roco-text)}:root[data-skin=parchment] input::placeholder,:root[data-skin=parchment] textarea::placeholder{color:#58699a7a}:root[data-skin=parchment] .mobile-home{--mobile-home-text: var(--roco-text);--mobile-home-text-soft: var(--roco-muted);--mobile-home-surface: var(--roco-surface);--mobile-home-surface-strong: var(--roco-surface-warm);--mobile-home-border: var(--roco-border);--mobile-home-shadow: var(--roco-shadow-1);background:radial-gradient(circle at 14% 2%,rgba(255,255,255,.64),transparent 24%),radial-gradient(circle at 100% 12%,rgba(176,198,255,.34),transparent 24%),linear-gradient(180deg,#f8fcff,#e7f4ff)}:root[data-skin=parchment] .mobile-home-topbar,:root[data-skin=parchment] .mobile-home-section,:root[data-skin=parchment] .mobile-home-lineup-card,:root[data-skin=parchment] .mobile-home-update-card,:root[data-skin=parchment] .mobile-home-about-card{border-color:var(--roco-frame-line);background:var(--roco-card-corners),linear-gradient(180deg,#ffffffeb,#eef7ffd1),radial-gradient(circle at top right,rgba(143,158,255,.14),transparent 40%);box-shadow:0 14px 32px #536fa91f,inset 0 0 0 1px #ffffff8a}:root[data-skin=parchment] .mobile-home-chip,:root[data-skin=parchment] .mobile-home-section-badge,:root[data-skin=parchment] .mobile-home-lineup-tag,:root[data-skin=parchment] .mobile-home-update-type,:root[data-skin=parchment] .mobile-home-about-group{border:1px solid rgba(143,171,225,.34);background:#f7fbffd1;color:var(--roco-primary-ink)}:root[data-skin=parchment] .mobile-home-search,:root[data-skin=parchment] .mobile-home-inline-link,:root[data-skin=parchment] .mobile-home-about-link{border:1px solid rgba(143,171,225,.42);background:linear-gradient(180deg,#fffffff5,#edf6ffe6);color:var(--roco-primary-ink)}:root[data-skin=parchment] .pet-avatar,:root[data-skin=parchment] .pet-avatar.is-placeholder,:root[data-skin=parchment] .skill-chip,:root[data-skin=parchment] .skill-chip-image,:root[data-skin=parchment] .meta-badge{border-color:#8fabe13d;background:linear-gradient(135deg,#ffffffe6,#eef7ffb8);color:var(--roco-text)}:root[data-skin=parchment] .pet-hero-left{border-color:#8fabe12e}:root[data-skin=parchment] .pet-pill{background:linear-gradient(135deg,#9da8ff,#7078ef 62%,#6470e8);color:#fff;box-shadow:0 10px 24px #6970ee29}:root[data-skin=parchment] .pet-pill--soft,:root[data-skin=parchment] .edit-link{border-color:#8fabe157;background:#f7fbffd1;color:var(--roco-primary-ink)}:root[data-skin=parchment] .race-kicker,:root[data-skin=parchment] .race-total{color:var(--roco-primary-ink)}:root[data-skin=parchment] .race-label,:root[data-skin=parchment] .race-value,:root[data-skin=parchment] .skill-chip-title{color:var(--roco-text)}:root[data-skin=parchment] .skill-chip-subtitle{color:var(--roco-muted)}:root[data-skin=parchment] .race-fill{background:linear-gradient(90deg,#8d9aff,#6570e8)}:root[data-skin=parchment] .field-input:focus,:root[data-skin=parchment] .roco-select-input:focus,:root[data-skin=parchment] input:focus,:root[data-skin=parchment] textarea:focus{outline:none;border-color:#7e89ff8f;box-shadow:0 0 0 4px #7e89ff1f}@media (hover: none) and (pointer: coarse){:root[data-skin=parchment] .app-shell{--site-shell-blur: 0px;--site-shell-opacity: .84;--site-shell-shadow: 0 18px 48px rgba(83, 111, 169, .14);--roco-frame-inset: 14px}:root[data-skin=parchment] .page-shell:before,:root[data-skin=parchment] .subpage-shell:before,:root[data-skin=parchment] .detail-shell:before,:root[data-skin=parchment] .spirit-shell:before,:root[data-skin=parchment] .updates-page-shell:before,:root[data-skin=parchment] .counter-shell:before,:root[data-skin=parchment] .wiki-shell:before,:root[data-skin=parchment] .calculator-shell:before,:root[data-skin=parchment] .module-shell:before,:root[data-skin=parchment] .lineup-shell:before,:root[data-skin=parchment] .analytics-shell:before{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(180deg,#fffffff0,#ecf7ffdb),radial-gradient(circle at top right,rgba(143,158,255,.12),transparent 40%)}:root[data-skin=parchment] .page-shell:after,:root[data-skin=parchment] .subpage-shell:after,:root[data-skin=parchment] .detail-shell:after,:root[data-skin=parchment] .spirit-shell:after,:root[data-skin=parchment] .updates-page-shell:after,:root[data-skin=parchment] .counter-shell:after,:root[data-skin=parchment] .wiki-shell:after,:root[data-skin=parchment] .calculator-shell:after,:root[data-skin=parchment] .module-shell:after,:root[data-skin=parchment] .lineup-shell:after,:root[data-skin=parchment] .analytics-shell:after{opacity:.78}}:root{--site-bg-opacity: .18;--site-bg-scale: 1.04;--site-bg-blur: 0px;--site-haze-opacity: .22;--site-cloud-opacity: .18;--site-shell-opacity: .84;--site-shell-blur: 12px;--site-shell-border: rgba(232, 199, 121, .46);--site-shell-shadow: 0 30px 90px rgba(3, 5, 18, .42);--site-shell-highlight: rgba(255, 240, 184, .18);--site-shell-radius: 32px;--mobile-sky: #eef6ff;--mobile-cloud: #ffffff;--mobile-sand: #fff3d8;--mobile-indigo: #4f6fa8}html,body,#app{min-height:100%}body{margin:0;background:#eef7ff;color:#283a64;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#app{position:relative;isolation:isolate}.app-shell{position:relative;min-height:100vh;overflow:clip}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;pointer-events:none;background-image:var(--site-bg-image);background-position:center 18%;background-repeat:no-repeat;background-size:cover;opacity:var(--site-bg-opacity);transform:scale(var(--site-bg-scale));transform-origin:center top;filter:saturate(1.06) contrast(1.03) blur(var(--site-bg-blur))}.app-shell:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,calc(var(--site-cloud-opacity) * .95)),transparent 0 16%),radial-gradient(circle at 88% 14%,rgba(255,255,255,calc(var(--site-cloud-opacity) * .82)),transparent 0 18%),radial-gradient(circle at 82% 72%,rgba(255,251,244,calc(var(--site-cloud-opacity) * .72)),transparent 0 20%),linear-gradient(180deg,rgba(244,250,255,calc(var(--site-haze-opacity) * .96)),rgba(248,251,255,calc(var(--site-haze-opacity) * .88)) 36%,rgba(251,252,255,calc(var(--site-haze-opacity) * .74)))}.app-atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 20% 22%,rgba(103,183,223,.18),transparent 0 28%),radial-gradient(circle at 74% 18%,rgba(255,236,198,.16),transparent 0 24%),radial-gradient(circle at 56% 82%,rgba(192,220,255,.18),transparent 0 24%),linear-gradient(180deg,#ffffff24,#fff0)}.app-shell>*:not(.app-atmosphere){position:relative;z-index:1}.page,.subpage,.detail-page,.spirit-page,.updates-page,.counter-page,.wiki-page,.calculator-page,.module-page,.lineup-page,.analytics-page,.login-page,.register-page{position:relative;min-height:100vh;background:transparent!important}.page-shell,.subpage-shell,.detail-shell,.spirit-shell,.updates-page-shell,.counter-shell,.wiki-shell,.calculator-shell,.module-shell,.lineup-shell,.analytics-shell{position:relative;z-index:0}.page-shell:before,.subpage-shell:before,.detail-shell:before,.spirit-shell:before,.updates-page-shell:before,.counter-shell:before,.wiki-shell:before,.calculator-shell:before,.module-shell:before,.lineup-shell:before,.analytics-shell:before{content:"";position:absolute;top:8px;right:8px;bottom:20px;left:8px;z-index:0;border-radius:var(--site-shell-radius);border:1px solid var(--site-shell-border);background:linear-gradient(180deg,rgba(255,255,255,calc(var(--site-shell-opacity) + .14)),rgba(255,255,255,var(--site-shell-opacity))),linear-gradient(135deg,#ffffff38,#ffffff0f);box-shadow:var(--site-shell-shadow);backdrop-filter:blur(var(--site-shell-blur));-webkit-backdrop-filter:blur(var(--site-shell-blur));pointer-events:none}.page-shell:after,.subpage-shell:after,.detail-shell:after,.spirit-shell:after,.updates-page-shell:after,.counter-shell:after,.wiki-shell:after,.calculator-shell:after,.module-shell:after,.lineup-shell:after,.analytics-shell:after{content:"";position:absolute;inset:8px 8px auto;height:120px;z-index:0;border-radius:var(--site-shell-radius) var(--site-shell-radius) 28px 28px;background:linear-gradient(180deg,var(--site-shell-highlight),rgba(255,255,255,0));pointer-events:none}.page-shell>*,.subpage-shell>*,.detail-shell>*,.spirit-shell>*,.updates-page-shell>*,.counter-shell>*,.wiki-shell>*,.calculator-shell>*,.module-shell>*,.lineup-shell>*,.analytics-shell>*{position:relative;z-index:1}*,*:before,*:after{box-sizing:border-box}view{display:block}text{display:inline}img,image{display:inline-block;max-width:100%}a{color:inherit}.app-gate-loading,.app-gate-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.app-gate-loading{text-align:center}.app-gate-loading-spinner,.app-gate-version-line{display:block}.app-gate-loading-spinner{width:40px;height:40px;border-radius:999px;border:3px solid rgba(95,141,241,.18);border-top-color:#5f8df1;animation:app-gate-spin .8s linear infinite}.app-gate-card{width:min(100%,420px);display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:24px;border:1px solid rgba(147,182,224,.32);background:#ffffffe6;box-shadow:0 24px 64px #39578a29;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.app-gate-kicker,.app-gate-title,.app-gate-desc{display:block}.app-gate-kicker{color:#5f78b7;font-size:12px;font-weight:800;letter-spacing:.14em}.app-gate-title{color:#20375d;font-size:24px;font-weight:800}.app-gate-desc{color:#65799b;font-size:14px;line-height:1.7}.app-gate-version-meta{display:grid;gap:6px;padding:12px 14px;border-radius:14px;background:#eef6ffb8;color:#55709c;font-size:13px}.app-gate-actions{display:flex}.app-gate-button{min-height:46px;border:none;border-radius:14px;background:linear-gradient(135deg,#5f8df1,#7c8cf6);color:#fff;font-size:15px;font-weight:700;cursor:pointer}.app-gate-button[disabled]{opacity:.68;cursor:wait}@keyframes app-gate-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 900px){:root{--site-shell-blur: 16px;--site-shell-radius: 26px;--site-shell-shadow: 0 18px 48px rgba(65, 91, 143, .12)}.page-shell:before,.subpage-shell:before,.detail-shell:before,.spirit-shell:before,.updates-page-shell:before,.counter-shell:before,.wiki-shell:before{top:4px;right:4px;bottom:14px;left:4px}.page-shell:after,.subpage-shell:after,.detail-shell:after,.spirit-shell:after,.updates-page-shell:after,.counter-shell:after,.wiki-shell:after{height:84px}}@media (hover: none) and (pointer: coarse){.app-shell{--site-bg-scale: 1;--site-bg-blur: 0px;--site-shell-blur: 0px;--site-shell-shadow: 0 16px 44px rgba(65, 91, 143, .12);--site-shell-opacity: .72;--site-shell-border: rgba(255, 255, 255, .54);--site-shell-highlight: rgba(255, 255, 255, .24)}.app-shell:after{background:radial-gradient(circle at 18% 16%,rgba(255,255,255,calc(var(--site-cloud-opacity) * .62)),transparent 0 16%),linear-gradient(180deg,rgba(244,250,255,calc(var(--site-haze-opacity) * .96)),rgba(248,251,255,calc(var(--site-haze-opacity) * .88)) 42%,rgba(251,252,255,calc(var(--site-haze-opacity) * .74)))}.app-atmosphere{background:radial-gradient(circle at 20% 22%,rgba(103,183,223,.14),transparent 0 28%),radial-gradient(circle at 74% 18%,rgba(255,236,198,.12),transparent 0 24%),linear-gradient(180deg,#ffffff1f,#fff0)}.page-shell:before,.subpage-shell:before,.detail-shell:before,.spirit-shell:before,.updates-page-shell:before,.counter-shell:before,.wiki-shell:before{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(180deg,#ffffffeb,#ffffffc7),radial-gradient(circle at top right,rgba(189,214,255,.14),transparent 38%)}.app-gate-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fffffff5;box-shadow:0 18px 52px #39578a24}}
