:root{color-scheme:light;--rgb-white: 255 255 255;--rgb-blue: 104 156 255;--rgb-yellow: 255 205 106;--rgb-red: 255 106 106;--bg-0: #f3ead6;--bg-1: #faf4e6;--bg-2: #fdfaf2;--bg-deep: #e9dcc0;--surface-1: rgb(255 252 245 / .8);--surface-2: rgb(255 252 245 / .64);--surface-3: rgb(255 252 245 / .48);--surface-blue: rgb(23 70 196 / .08);--surface-yellow: rgb(122 79 0 / .09);--surface-red: rgb(179 38 30 / .08);--glass-sheen: linear-gradient( 158deg, rgb(255 255 255 / .85) 0%, rgb(255 255 255 / .3) 38%, rgb(var(--rgb-yellow) / .12) 100% );--shell-top: linear-gradient( 180deg, rgb(255 253 247 / .86) 0%, rgb(252 246 235 / .8) 62%, rgb(250 243 230 / .72) 100% );--shell-rail: linear-gradient(180deg, rgb(255 252 246 / .92), rgb(250 243 231 / .95));--shell-drawer: linear-gradient(180deg, rgb(255 252 246 / .96), rgb(250 242 229 / .98));--app-backdrop: radial-gradient( 120% 85% at 50% 118%, rgb(var(--rgb-yellow) / .22), transparent 62% ), radial-gradient(90% 70% at 82% -10%, rgb(var(--rgb-blue) / .1), transparent 60%), radial-gradient(70% 55% at 8% 8%, rgb(var(--rgb-red) / .045), transparent 62%), linear-gradient(180deg, var(--bg-1) 0%, var(--bg-0) 58%, var(--bg-deep) 100%);--dust-rgb: 58 45 22;--line-1: rgb(58 45 22 / .24);--line-2: rgb(58 45 22 / .14);--line-3: rgb(58 45 22 / .09);--line-blue: rgb(23 70 196 / .38);--line-yellow: rgb(122 79 0 / .38);--line-red: rgb(179 38 30 / .42);--text-1: #1a1408;--text-2: #453a22;--text-3: #635331;--text-blue: #1b4bb8;--text-yellow: #6b4500;--text-red: #9f1f18;--text-disabled: #6f6146;--on-accent: #1a1206;--ring-focus: #1b4bb8;--accent-rgb: 255 205 106;--glow-blue: 0 0 22px rgb(23 70 196 / .16);--glow-yellow: 0 0 20px rgb(122 79 0 / .14);--shadow-deep: 0 24px 60px rgb(72 54 22 / .18);--dock-shadow: 0 6px 16px -10px rgb(72 54 22 / .26), 0 1px 2px rgb(72 54 22 / .08);--card-bg: linear-gradient(180deg, #fffdf8 0%, #faf3e4 100%);--card-bg-raised: linear-gradient(180deg, #fffdf8, #fcf7ed);--card-bg-soft: rgb(255 252 245 / .72);--card-bg-blue: linear-gradient(180deg, #f3f6ff, #e6ecfd);--card-bg-yellow: linear-gradient(180deg, #fff9ea, #f9edcd);--hero-bg: linear-gradient(180deg, #fffdf8, #faf4e7);--recess-bg: rgb(88 68 30 / .07);--recess-shadow: inset 0 4px 18px rgb(88 68 30 / .12);--card-shadow: 0 18px 40px -26px rgb(72 54 22 / .4), 0 2px 10px rgb(72 54 22 / .12);--card-shadow-soft: 0 8px 22px -18px rgb(72 54 22 / .28);--card-shadow-hover: 0 22px 48px -22px rgb(72 54 22 / .4), 0 4px 16px rgb(72 54 22 / .16);--card-shadow-hero: 0 30px 70px -30px rgb(72 54 22 / .4), 0 4px 18px rgb(72 54 22 / .14);--card-shadow-blue: 0 0 30px rgb(23 70 196 / .12), 0 18px 40px -24px rgb(72 54 22 / .32);--card-shadow-yellow: 0 0 30px rgb(122 79 0 / .1), 0 18px 40px -24px rgb(72 54 22 / .3);--card-shadow-red: 0 0 18px rgb(179 38 30 / .12);--edge-shade: rgb(72 54 22 / .09);--inset-shade: rgb(72 54 22 / .32);--panel-strong: rgb(255 252 245 / .94);--panel-solid: #faf4e6;--drawer-bg: rgb(253 249 241 / .98);--scrim: rgb(52 40 18 / .32);--veil: rgb(243 234 214 / .18);--veil-strong: rgb(243 234 214 / .28);--scrollbar-thumb: rgb(58 45 22 / .24);--ring-core: #fdf8ee;--ring-edge: #e6d8ba;--r-xl: 26px;--r-lg: 20px;--r-md: 14px;--r-sm: 9px;--rail-w: 96px;--rail-r-w: clamp(252px, 20vw, 300px);--track-gap: 18px;--card-gap: 12px;--card-pad: 16px 17px 15px;--top-h: 74px;--dock-h: 92px;--dock-reserve: calc(var(--dock-h) + 22px);--shell-perspective: 2200px;--curve-rail: -6deg;--curve-top: 2.4deg;--curve-top-edge: -1.5deg;--curve-dock-yaw: 5deg;--font-sans: "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, monospace;--ease: cubic-bezier(.22, .61, .36, 1)}[data-theme=light-amber]{color-scheme:light}[data-theme=amber]{color-scheme:dark;--bg-0: #14100a;--bg-1: #1b1509;--bg-2: #221a0e;--bg-deep: #0d0a05;--surface-1: rgb(255 240 214 / .1);--surface-2: rgb(255 240 214 / .07);--surface-3: rgb(255 240 214 / .045);--surface-blue: rgb(130 168 255 / .14);--surface-yellow: rgb(242 196 110 / .14);--surface-red: rgb(255 138 124 / .14);--glass-sheen: linear-gradient( 158deg, rgb(255 244 222 / .14) 0%, rgb(255 244 222 / .05) 38%, rgb(var(--rgb-yellow) / .08) 100% );--shell-top: linear-gradient( 180deg, rgb(38 30 17 / .9) 0%, rgb(32 25 13 / .86) 62%, rgb(27 21 11 / .82) 100% );--shell-rail: linear-gradient(180deg, rgb(34 27 15 / .94), rgb(27 21 11 / .96));--shell-drawer: linear-gradient(180deg, rgb(36 28 16 / .96), rgb(24 19 10 / .98));--app-backdrop: radial-gradient( 120% 85% at 50% 118%, rgb(var(--rgb-yellow) / .16), transparent 62% ), radial-gradient(90% 70% at 82% -10%, rgb(var(--rgb-blue) / .1), transparent 60%), radial-gradient(70% 55% at 8% 8%, rgb(var(--rgb-red) / .05), transparent 62%), linear-gradient(180deg, var(--bg-1) 0%, var(--bg-0) 58%, var(--bg-deep) 100%);--dust-rgb: 250 233 196;--line-1: rgb(255 236 200 / .26);--line-2: rgb(255 236 200 / .16);--line-3: rgb(255 236 200 / .1);--line-blue: rgb(157 184 255 / .42);--line-yellow: rgb(242 196 110 / .42);--line-red: rgb(255 155 141 / .42);--text-1: #f7efdd;--text-2: #dcccaa;--text-3: #bcab86;--text-blue: #9db8ff;--text-yellow: #f2c46e;--text-red: #ff9b8d;--text-disabled: #a29374;--on-accent: #1a1206;--ring-focus: #9db8ff;--accent-rgb: 255 205 106;--glow-blue: 0 0 22px rgb(157 184 255 / .22);--glow-yellow: 0 0 20px rgb(242 196 110 / .24);--shadow-deep: 0 24px 60px rgb(0 0 0 / .55);--dock-shadow: 0 6px 16px -10px rgb(0 0 0 / .6), 0 1px 2px rgb(0 0 0 / .4);--card-bg: linear-gradient(180deg, #251d10 0%, #1c1509 100%);--card-bg-raised: linear-gradient(180deg, #2a2113, #201809);--card-bg-soft: rgb(255 240 214 / .08);--card-bg-blue: linear-gradient(180deg, #1c2235, #171c2b);--card-bg-yellow: linear-gradient(180deg, #2d2413, #241c0e);--hero-bg: linear-gradient(180deg, #261e11, #1d160a);--recess-bg: rgb(255 240 214 / .055);--recess-shadow: inset 0 4px 18px rgb(0 0 0 / .45);--card-shadow: 0 18px 40px -26px rgb(0 0 0 / .7), 0 2px 10px rgb(0 0 0 / .45);--card-shadow-soft: 0 8px 22px -18px rgb(0 0 0 / .6);--card-shadow-hover: 0 22px 48px -22px rgb(0 0 0 / .7), 0 4px 16px rgb(0 0 0 / .5);--card-shadow-hero: 0 30px 70px -30px rgb(0 0 0 / .72), 0 4px 18px rgb(0 0 0 / .5);--card-shadow-blue: 0 0 30px rgb(157 184 255 / .16), 0 18px 40px -24px rgb(0 0 0 / .6);--card-shadow-yellow: 0 0 30px rgb(242 196 110 / .16), 0 18px 40px -24px rgb(0 0 0 / .6);--card-shadow-red: 0 0 18px rgb(255 155 141 / .16);--edge-shade: rgb(0 0 0 / .4);--inset-shade: rgb(0 0 0 / .5);--panel-strong: rgb(38 30 17 / .94);--panel-solid: #1b1509;--drawer-bg: rgb(26 20 11 / .98);--scrim: rgb(0 0 0 / .55);--veil: rgb(20 16 10 / .3);--veil-strong: rgb(20 16 10 / .42);--scrollbar-thumb: rgb(250 233 196 / .26);--ring-core: #2a2113;--ring-edge: #4a3c22}[data-theme=light-red]{color-scheme:light;--bg-0: #f7e9e6;--bg-1: #fdf4f1;--bg-2: #fff9f7;--bg-deep: #eed7d2;--surface-1: rgb(255 250 248 / .8);--surface-2: rgb(255 250 248 / .64);--surface-3: rgb(255 250 248 / .48);--surface-blue: rgb(23 70 196 / .08);--surface-yellow: rgb(122 79 0 / .09);--surface-red: rgb(179 38 30 / .1);--glass-sheen: linear-gradient( 158deg, rgb(255 255 255 / .85) 0%, rgb(255 255 255 / .3) 38%, rgb(var(--rgb-red) / .1) 100% );--shell-top: linear-gradient( 180deg, rgb(255 250 249 / .86) 0%, rgb(253 243 240 / .8) 62%, rgb(252 240 237 / .72) 100% );--shell-rail: linear-gradient(180deg, rgb(255 250 249 / .92), rgb(252 242 239 / .95));--shell-drawer: linear-gradient(180deg, rgb(255 250 249 / .96), rgb(252 240 236 / .98));--app-backdrop: radial-gradient( 120% 85% at 50% 118%, rgb(var(--rgb-red) / .18), transparent 62% ), radial-gradient(90% 70% at 82% -10%, rgb(var(--rgb-yellow) / .1), transparent 60%), radial-gradient(70% 55% at 8% 8%, rgb(var(--rgb-blue) / .055), transparent 62%), linear-gradient(180deg, var(--bg-1) 0%, var(--bg-0) 58%, var(--bg-deep) 100%);--dust-rgb: 74 43 38;--line-1: rgb(74 43 38 / .24);--line-2: rgb(74 43 38 / .14);--line-3: rgb(74 43 38 / .09);--line-blue: rgb(23 70 196 / .38);--line-yellow: rgb(122 79 0 / .38);--line-red: rgb(179 38 30 / .46);--text-1: #1c0d0b;--text-2: #4a2b26;--text-3: #6b4239;--text-blue: #1b4bb8;--text-yellow: #6b4500;--text-red: #9f1f18;--text-disabled: #75534d;--on-accent: #1a0e0c;--ring-focus: #1b4bb8;--accent-rgb: 255 138 124;--glow-blue: 0 0 22px rgb(23 70 196 / .16);--glow-yellow: 0 0 20px rgb(122 79 0 / .14);--shadow-deep: 0 24px 60px rgb(86 34 28 / .18);--dock-shadow: 0 6px 16px -10px rgb(86 34 28 / .26), 0 1px 2px rgb(86 34 28 / .08);--card-bg: linear-gradient(180deg, #fffaf8 0%, #faeee9 100%);--card-bg-raised: linear-gradient(180deg, #fffaf8, #fdf5f2);--card-bg-soft: rgb(255 250 248 / .72);--card-bg-blue: linear-gradient(180deg, #f3f6ff, #e6ecfd);--card-bg-yellow: linear-gradient(180deg, #fff9ea, #f9edcd);--hero-bg: linear-gradient(180deg, #fffaf8, #fbf0ec);--recess-bg: rgb(120 52 42 / .07);--recess-shadow: inset 0 4px 18px rgb(120 52 42 / .12);--card-shadow: 0 18px 40px -26px rgb(86 34 28 / .4), 0 2px 10px rgb(86 34 28 / .12);--card-shadow-soft: 0 8px 22px -18px rgb(86 34 28 / .28);--card-shadow-hover: 0 22px 48px -22px rgb(86 34 28 / .4), 0 4px 16px rgb(86 34 28 / .16);--card-shadow-hero: 0 30px 70px -30px rgb(86 34 28 / .4), 0 4px 18px rgb(86 34 28 / .14);--card-shadow-blue: 0 0 30px rgb(23 70 196 / .12), 0 18px 40px -24px rgb(86 34 28 / .32);--card-shadow-yellow: 0 0 30px rgb(122 79 0 / .1), 0 18px 40px -24px rgb(86 34 28 / .3);--card-shadow-red: 0 0 18px rgb(179 38 30 / .14);--edge-shade: rgb(86 34 28 / .09);--inset-shade: rgb(86 34 28 / .32);--panel-strong: rgb(255 250 248 / .94);--panel-solid: #fdf4f1;--drawer-bg: rgb(253 246 244 / .98);--scrim: rgb(64 24 20 / .32);--veil: rgb(247 233 230 / .18);--veil-strong: rgb(247 233 230 / .28);--scrollbar-thumb: rgb(74 43 38 / .24);--ring-core: #fdf7f5;--ring-edge: #ecd3ce}[data-theme=red]{color-scheme:dark;--bg-0: #150a0a;--bg-1: #1d0d0c;--bg-2: #241110;--bg-deep: #0d0606;--surface-1: rgb(255 228 224 / .1);--surface-2: rgb(255 228 224 / .07);--surface-3: rgb(255 228 224 / .045);--surface-blue: rgb(168 188 255 / .14);--surface-yellow: rgb(245 201 120 / .14);--surface-red: rgb(255 157 144 / .16);--glass-sheen: linear-gradient( 158deg, rgb(255 234 230 / .14) 0%, rgb(255 234 230 / .05) 38%, rgb(var(--rgb-red) / .1) 100% );--shell-top: linear-gradient( 180deg, rgb(42 20 18 / .9) 0%, rgb(35 16 15 / .86) 62%, rgb(29 13 12 / .82) 100% );--shell-rail: linear-gradient(180deg, rgb(37 18 17 / .94), rgb(29 13 12 / .96));--shell-drawer: linear-gradient(180deg, rgb(39 19 18 / .96), rgb(26 12 11 / .98));--app-backdrop: radial-gradient( 120% 85% at 50% 118%, rgb(var(--rgb-red) / .2), transparent 62% ), radial-gradient(90% 70% at 82% -10%, rgb(var(--rgb-yellow) / .1), transparent 60%), radial-gradient(70% 55% at 8% 8%, rgb(var(--rgb-blue) / .06), transparent 62%), linear-gradient(180deg, var(--bg-1) 0%, var(--bg-0) 58%, var(--bg-deep) 100%);--dust-rgb: 250 222 218;--line-1: rgb(255 228 224 / .26);--line-2: rgb(255 228 224 / .16);--line-3: rgb(255 228 224 / .1);--line-blue: rgb(168 188 255 / .42);--line-yellow: rgb(245 201 120 / .42);--line-red: rgb(255 157 144 / .46);--text-1: #fbeceb;--text-2: #e2c0bc;--text-3: #c3a09b;--text-blue: #a8bcff;--text-yellow: #f5c978;--text-red: #ff9d90;--text-disabled: #a08a87;--on-accent: #1a0e0c;--ring-focus: #a8bcff;--accent-rgb: 255 138 124;--glow-blue: 0 0 22px rgb(168 188 255 / .22);--glow-yellow: 0 0 20px rgb(245 201 120 / .22);--shadow-deep: 0 24px 60px rgb(0 0 0 / .55);--dock-shadow: 0 6px 16px -10px rgb(0 0 0 / .6), 0 1px 2px rgb(0 0 0 / .4);--card-bg: linear-gradient(180deg, #261210 0%, #1d0d0c 100%);--card-bg-raised: linear-gradient(180deg, #2b1513, #21100f);--card-bg-soft: rgb(255 228 224 / .08);--card-bg-blue: linear-gradient(180deg, #1a2133, #161b29);--card-bg-yellow: linear-gradient(180deg, #2e2513, #251d0e);--hero-bg: linear-gradient(180deg, #271311, #1e0e0d);--recess-bg: rgb(255 228 224 / .055);--recess-shadow: inset 0 4px 18px rgb(0 0 0 / .45);--card-shadow: 0 18px 40px -26px rgb(0 0 0 / .7), 0 2px 10px rgb(0 0 0 / .45);--card-shadow-soft: 0 8px 22px -18px rgb(0 0 0 / .6);--card-shadow-hover: 0 22px 48px -22px rgb(0 0 0 / .7), 0 4px 16px rgb(0 0 0 / .5);--card-shadow-hero: 0 30px 70px -30px rgb(0 0 0 / .72), 0 4px 18px rgb(0 0 0 / .5);--card-shadow-blue: 0 0 30px rgb(168 188 255 / .16), 0 18px 40px -24px rgb(0 0 0 / .6);--card-shadow-yellow: 0 0 30px rgb(245 201 120 / .16), 0 18px 40px -24px rgb(0 0 0 / .6);--card-shadow-red: 0 0 18px rgb(255 157 144 / .18);--edge-shade: rgb(0 0 0 / .4);--inset-shade: rgb(0 0 0 / .5);--panel-strong: rgb(42 20 18 / .94);--panel-solid: #1d0d0c;--drawer-bg: rgb(26 12 11 / .98);--scrim: rgb(0 0 0 / .55);--veil: rgb(20 8 8 / .3);--veil-strong: rgb(20 8 8 / .42);--scrollbar-thumb: rgb(250 222 218 / .26);--ring-core: #2b1513;--ring-edge: #4c2b27}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background-color:var(--bg-0);background-image:var(--app-backdrop);background-attachment:fixed;color:var(--text-1);font-family:var(--font-sans);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow:hidden}h1,h2,h3,p,figure{margin:0}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:disabled{cursor:not-allowed}input{font:inherit;color:inherit;background:none;border:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--ring-focus);outline-offset:2px}::selection{background:rgb(var(--rgb-blue) / .3)}.space-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--app-backdrop)}.space-backdrop__grain{position:absolute;inset:0;opacity:.5;background-image:radial-gradient(1px 1px at 18% 24%,rgb(var(--dust-rgb) / .16),transparent 100%),radial-gradient(1px 1px at 72% 14%,rgb(var(--dust-rgb) / .13),transparent 100%),radial-gradient(1px 1px at 42% 68%,rgb(var(--dust-rgb) / .1),transparent 100%),radial-gradient(1px 1px at 88% 76%,rgb(var(--dust-rgb) / .12),transparent 100%),radial-gradient(1px 1px at 30% 88%,rgb(var(--dust-rgb) / .09),transparent 100%),radial-gradient(1px 1px at 62% 42%,rgb(var(--rgb-blue) / .22),transparent 100%);background-size:340px 340px,420px 420px,380px 380px,300px 300px,460px 460px,520px 520px}.star-backdrop{position:fixed;inset:0;z-index:1;pointer-events:none}.star-backdrop canvas{display:block;width:100%!important;height:100%!important;opacity:1}@media(max-width:900px){.star-backdrop canvas{opacity:.85}}.star-backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(54% 50% at 50% 46%,var(--veil-strong) 0%,var(--veil) 54%,transparent 78%);pointer-events:none}.star-fallback{position:absolute;inset:auto 0 18%;text-align:center;color:var(--text-3);font-size:12px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--text-3)}.glass{background:var(--glass-sheen),var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-2),var(--shadow-deep);clip-path:inset(0 round var(--r-lg))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.shell{position:relative;z-index:2;height:100dvh;display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr) var(--rail-r-w);grid-template-rows:var(--top-h) minmax(0,1fr) var(--dock-h);grid-template-areas:"top top top" "rail center event" "rail dock event";perspective:var(--shell-perspective);perspective-origin:50% 38%;overflow-x:clip;overflow-y:visible}.topbar{grid-area:top;position:relative;display:flex;align-items:center;gap:18px;padding:0 22px;background:linear-gradient(90deg,var(--edge-shade),transparent 16%,transparent 84%,var(--edge-shade)),var(--shell-top);border-bottom:1px solid var(--line-2);border-radius:0 0 22px 22px;transform-origin:50% 0;transform:rotateX(var(--curve-top));clip-path:inset(0 round 0 0 22px 22px);z-index:4}.topbar:after{content:"";position:absolute;left:4%;right:4%;bottom:-1px;height:10px;background:radial-gradient(60% 100% at 50% 0%,rgb(var(--rgb-blue) / .4),transparent 72%);opacity:.55;pointer-events:none}.brand{display:flex;align-items:center;gap:10px;min-width:0;transform-origin:left center;transform:rotateY(var(--curve-top-edge))}.brand__mark{width:30px;height:30px;flex:none;border-radius:50%;background:radial-gradient(circle at 32% 30%,rgb(var(--rgb-white) / .95),transparent 46%),radial-gradient(circle at 50% 50%,rgb(var(--rgb-yellow) / .85),rgb(var(--rgb-yellow) / .12) 62%,transparent 72%);box-shadow:var(--glow-yellow),inset 0 0 10px var(--inset-shade)}.brand__text{display:flex;flex-direction:column;line-height:1.1;min-width:0}.brand__name{font-size:13px;font-weight:650;letter-spacing:.16em}.brand__sub{font-size:10px;letter-spacing:.3em;color:var(--text-3)}.civ-tag{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-2);flex:none}.civ-tag__name{font-size:13px;font-weight:600;max-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.civ-tag__lv{font-family:var(--font-mono);font-size:11px;color:var(--text-yellow);letter-spacing:.08em}.res-strip{display:flex;align-items:center;gap:4px;min-width:0;flex:1;overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain;scrollbar-width:none;pointer-events:auto}.res-strip::-webkit-scrollbar{display:none}.res-chip{display:flex;align-items:baseline;gap:6px;padding:5px 10px;border-radius:999px;background:rgb(var(--rgb-white) / .028);box-shadow:inset 0 0 0 1px var(--line-3);white-space:nowrap;flex:none}.res-chip__dot{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.res-chip__label{font-size:10px;letter-spacing:.08em;color:var(--text-3)}.res-chip__value{font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-1)}.res-chip--blue{color:var(--text-blue)}.res-chip--white{color:var(--text-1)}.res-chip--yellow{color:var(--text-yellow)}.topbar__right{display:flex;align-items:center;gap:8px;flex:none;transform-origin:right center;transform:rotateY(calc(var(--curve-top-edge) * -1))}.topbar__meta{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.topbar__meta-label{font-size:10px;letter-spacing:.18em;color:var(--text-3)}.topbar__meta-value{font-family:var(--font-mono);font-size:12px;color:var(--text-2)}.icon-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--text-2);box-shadow:inset 0 0 0 1px var(--line-2);background:var(--surface-3);transition:color .2s var(--ease),box-shadow .2s var(--ease)}.icon-btn:hover{color:var(--text-1);box-shadow:inset 0 0 0 1px var(--line-1),var(--glow-blue)}.nav-toggle{display:none}.rail{grid-area:rail;position:relative;display:flex;flex-direction:column;gap:4px;padding:18px 10px 18px 12px;border-right:1px solid var(--line-3);border-radius:0 16px 16px 0;background:linear-gradient(90deg,var(--edge-shade),transparent 62%),var(--shell-rail);transform-origin:left center;transform:rotateY(var(--curve-rail));clip-path:inset(0 round 0 16px 16px 0);z-index:5}.rail__label{padding:0 8px 10px;font-size:10px;letter-spacing:.22em;color:var(--text-3)}.nav-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:56px;padding:8px 4px;border-radius:var(--r-md);color:var(--text-3);transition:color .18s var(--ease),background-color .18s var(--ease)}.nav-item:hover{color:var(--text-1);background:rgb(var(--rgb-white) / .045)}.nav-item__label{font-size:11px;letter-spacing:.08em}.nav-item.is-active{color:var(--text-1);background:linear-gradient(180deg,rgb(var(--rgb-blue) / .16),rgb(var(--rgb-blue) / .04));box-shadow:inset 0 0 0 1px var(--line-blue)}.nav-item.is-active:before{content:"";position:absolute;left:-12px;top:14px;bottom:14px;width:2px;border-radius:2px;background:rgb(var(--rgb-blue) / .95);box-shadow:0 0 14px rgb(var(--rgb-blue) / .75)}.rail__spacer{flex:1}.rail__foot{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;color:var(--text-3);text-align:center;padding-bottom:4px}.rail-scrim{display:none}.event-rail{grid-area:event;position:relative;min-height:0;background:linear-gradient(270deg,var(--edge-shade),transparent 62%),var(--shell-rail);transform-origin:right center;transform:rotateY(calc(var(--curve-rail) * -1));clip-path:inset(0 round 16px 0 0 16px);z-index:5;overflow:hidden}.event-rail__inner{height:100%;display:flex;flex-direction:column;gap:10px;padding:18px 14px 16px 12px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:none;pointer-events:auto;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.event-rail__inner::-webkit-scrollbar{width:6px}.event-rail__inner::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.event-rail__head{display:flex;align-items:center;gap:8px;padding:0 2px 8px;flex:none}.event-rail__titles{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.event-rail__eyebrow{font-size:9px;letter-spacing:.28em;color:var(--text-3)}.event-rail__heading{font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--text-1)}.event-rail__status{font-size:10px;color:var(--text-3);white-space:nowrap}.event-rail__close{display:none;width:36px;height:36px;flex:none}.event-feed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.feed-item{padding:10px 11px;border-radius:12px;background:rgb(var(--rgb-white) / .022)}.feed-item__meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.feed-item__kind{font-size:9px;letter-spacing:.12em;padding:1px 7px;border-radius:999px;color:var(--text-3);background:rgb(var(--rgb-white) / .06)}.feed-item__kind--building,.feed-item__kind--tech{color:var(--text-blue);background:rgb(var(--rgb-blue) / .1)}.feed-item__kind--exploration,.feed-item__kind--event{color:var(--text-yellow);background:rgb(var(--rgb-yellow) / .1)}.feed-item__kind--battle{color:var(--text-red);background:rgb(var(--rgb-red) / .1)}.feed-item__time{font-family:var(--font-mono);font-size:9.5px;color:var(--text-3);flex:none}.feed-item__title{margin-top:5px;font-size:12px;line-height:1.35;color:var(--text-1);overflow-wrap:anywhere}.feed-item__detail{margin-top:2px;font-size:10.5px;line-height:1.45;color:var(--text-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-empty{margin:0;padding:14px 10px;font-size:11px;line-height:1.5;color:var(--text-3);text-align:center}.event-errors{margin-top:auto;flex:none;padding:10px 11px;border-radius:12px;background:var(--card-bg-soft)}.event-errors__title{display:block;font-size:9px;letter-spacing:.22em;color:var(--text-3)}.event-errors__list{margin:6px 0 0;padding-left:14px;font-size:10.5px;line-height:1.5;color:var(--text-red);display:flex;flex-direction:column;gap:3px}.event-errors__list--warn{color:var(--text-yellow)}.event-errors__ok{margin:6px 0 0;font-size:10.5px;color:var(--text-3)}.event-rail__foot{flex:none;font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;color:var(--text-3);text-align:center;padding-top:2px}.event-toggle{position:relative;display:grid}.event-toggle__badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:var(--text-red);box-shadow:0 0 0 2px var(--surface-3);color:#fff;font-family:var(--font-mono);font-size:10px;line-height:1}.event-scrim{display:none}.center{grid-area:center;grid-row:2 / 4;position:relative;min-height:0;padding:18px 26px var(--dock-reserve);overflow-y:auto;overflow-x:hidden;overscroll-behavior:none;pointer-events:auto;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.center::-webkit-scrollbar{width:8px}.center::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.center::-webkit-scrollbar-track{background:transparent}.page{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:12px;padding-bottom:8px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-head h1{font-size:22px;font-weight:600;letter-spacing:.04em}.page-head p{color:var(--text-3);font-size:12px}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:18px;padding:20px 24px;background:var(--hero-bg);box-shadow:var(--card-shadow-hero);border-radius:var(--r-xl);overflow:hidden}.hero:before{content:"";position:absolute;inset:-40% 30% 40% -10%;background:radial-gradient(50% 60% at 30% 40%,rgb(var(--rgb-yellow) / .14),transparent 70%);pointer-events:none}.hero__body{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0}.hero__eyebrow{font-size:10px;letter-spacing:.28em;color:var(--text-3)}.hero__title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.hero__title h1{font-size:30px;font-weight:620;letter-spacing:.04em}.hero__lv{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;color:var(--text-yellow);padding:3px 9px;border-radius:999px;background:rgb(var(--rgb-yellow) / .09);box-shadow:inset 0 0 0 1px rgb(var(--rgb-yellow) / .28)}.hero__desc{color:var(--text-2);font-size:12.5px;max-width:56ch}.hero__facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.fact{display:flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;background:rgb(var(--rgb-white) / .03);box-shadow:inset 0 0 0 1px var(--line-3);font-size:11px;color:var(--text-2)}.fact__key{color:var(--text-3);letter-spacing:.08em}.fact__value{font-family:var(--font-mono);color:var(--text-1)}.hero__ring{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:150px}.level-progress{display:flex;flex-direction:column;gap:6px;margin-top:16px;max-width:420px}.level-progress__bar{height:4px;border-radius:999px;background:var(--line-3);overflow:hidden}.level-progress__fill{display:block;height:100%;border-radius:999px;background:var(--accent);transition:width .3s var(--ease)}.level-progress__note{font-size:10px;letter-spacing:.06em;color:var(--text-3)}.level-ring{position:relative;width:128px;height:128px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(from 210deg,rgb(var(--rgb-blue) / .9),rgb(var(--rgb-white) / .65) 96deg,rgb(var(--rgb-yellow) / .85) 190deg,rgb(var(--rgb-blue) / .2) 300deg,rgb(var(--rgb-blue) / .9) 360deg);box-shadow:var(--glow-blue);clip-path:inset(0 round 50%)}.level-ring:before{content:"";position:absolute;inset:3px;border-radius:50%;background:radial-gradient(circle at 50% 42%,var(--ring-core),var(--ring-edge) 72%)}.level-ring__inner{position:relative;display:flex;flex-direction:column;align-items:center;line-height:1.1}.level-ring__num{font-family:var(--font-mono);font-size:34px;font-weight:600;color:var(--text-1)}.level-ring__cap{font-size:9px;letter-spacing:.28em;color:var(--text-3)}.hero__ring-note{font-size:10px;letter-spacing:.16em;color:var(--text-3)}.res-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.res-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:17px 17px 15px;background:var(--card-bg);box-shadow:var(--card-shadow);border-radius:var(--r-lg);overflow:hidden;min-height:96px}.res-card:after{content:"";position:absolute;inset:auto auto -30% -20%;width:70%;height:70%;border-radius:50%;background:radial-gradient(circle,currentColor,transparent 68%);opacity:.1;pointer-events:none}.res-card--blue{color:var(--text-blue)}.res-card--white{color:var(--text-1)}.res-card--yellow{color:var(--text-yellow)}.res-card__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.res-card__name{display:flex;align-items:center;gap:7px;font-size:12px;letter-spacing:.08em;color:var(--text-2)}.res-card__value{font-family:var(--font-mono);font-size:26px;font-weight:550;line-height:1;color:var(--text-1);font-variant-numeric:tabular-nums}.res-card__meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:10px;color:var(--text-3)}.res-card__rate{font-family:var(--font-mono);font-size:11px;color:var(--text-yellow)}.res-card__bar{position:relative;height:3px;border-radius:999px;background:rgb(var(--rgb-white) / .08);overflow:hidden}.res-card__fill{position:absolute;inset:0 auto 0 0;border-radius:999px;background:linear-gradient(90deg,rgb(var(--rgb-blue) / .75),rgb(var(--rgb-white) / .8))}.res-card__state{display:block;font-family:var(--font-mono);font-size:10px;line-height:1.4;letter-spacing:.02em;border-radius:var(--r-sm);padding:4px 7px}.res-card__state--warn{color:var(--text-red);background:rgb(var(--rgb-red) / .09)}.res-card__state--idle{color:var(--text-3);background:rgb(var(--rgb-white) / .06)}.panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.panel{display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:var(--card-bg);box-shadow:var(--card-shadow);border-radius:var(--r-lg);min-height:132px}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel__title{font-size:12px;letter-spacing:.14em;color:var(--text-2)}.panel__hint{font-size:10px;color:var(--text-3)}.kv{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line-3);font-size:12px}.kv:last-child{border-bottom:0}.kv__key{color:var(--text-3)}.kv__value{font-family:var(--font-mono);color:var(--text-1);font-variant-numeric:tabular-nums}.daily-task__hint{display:block;margin-top:3px;color:var(--text-3);font-size:10px;line-height:1.4}.event-list{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.event-item{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--line-3);font-size:11.5px}.event-item:last-child{border-bottom:0}.event-item__time{font-family:var(--font-mono);font-size:10px;color:var(--text-3);flex:none;padding-top:1px}.event-item__title{color:var(--text-1)}.event-item__detail{color:var(--text-3);font-size:10.5px}.event-item--warn .event-item__title{color:var(--text-red)}.event-item--reward .event-item__title{color:var(--text-yellow)}.status-line{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--text-2)}.status-line__sub{color:var(--text-3)}.dot{width:6px;height:6px;border-radius:50%;background:rgb(var(--rgb-white) / .35);flex:none}.dot--live{background:rgb(var(--rgb-blue) / .95);box-shadow:0 0 10px rgb(var(--rgb-blue) / .8)}.dot--warn{background:rgb(var(--rgb-red) / .95);box-shadow:0 0 10px rgb(var(--rgb-red) / .7)}.empty-hint{color:var(--text-3);font-size:11.5px}.dock{grid-area:dock;position:relative;display:flex;align-items:center;justify-content:center;padding:0 16px 14px;z-index:4;pointer-events:none}.dock__bar{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:var(--shell-drawer),var(--glass-sheen);box-shadow:inset 0 0 0 1px var(--line-2),var(--dock-shadow);pointer-events:auto}.dock-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:62px;min-height:52px;padding:4px 6px;border-radius:999px;color:var(--text-3);transform:rotateY(var(--dock-yaw, 0deg));transform-origin:50% 50%;transition:color .18s var(--ease),background-color .18s var(--ease)}.dock-item:nth-child(1){--dock-yaw: calc(var(--curve-dock-yaw) * -1)}.dock-item:nth-child(2){--dock-yaw: calc(var(--curve-dock-yaw) * -.55)}.dock-item:nth-child(3){--dock-yaw: 0deg}.dock-item:nth-child(4){--dock-yaw: calc(var(--curve-dock-yaw) * .55)}.dock-item:nth-child(5){--dock-yaw: var(--curve-dock-yaw)}.dock-item:hover{color:var(--text-1);background:rgb(var(--rgb-white) / .05)}.dock-item__label{font-size:10px;line-height:1.2;letter-spacing:.06em}.dock-item.is-active{color:var(--text-1);background:radial-gradient(circle at 50% 20%,rgb(var(--rgb-blue) / .24),rgb(var(--rgb-blue) / .06) 70%);box-shadow:inset 0 0 0 1px var(--line-blue)}.login{position:relative;z-index:2;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:28px;overflow-y:auto}.login>.site-foot{max-width:1080px}.login__inner{width:min(1080px,100%);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:40px;align-items:center}.login__brand{display:flex;flex-direction:column;gap:18px;min-width:0}.login__mark{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 34% 32%,rgb(var(--rgb-white) / .98),transparent 44%),radial-gradient(circle at 50% 50%,rgb(var(--rgb-yellow) / .9),rgb(var(--rgb-yellow) / .1) 64%,transparent 72%);box-shadow:var(--glow-yellow)}.login__wordmark{display:flex;flex-direction:column;gap:4px}.login__wordmark strong{font-size:15px;font-weight:650;letter-spacing:.34em}.login__wordmark span{font-size:11px;letter-spacing:.44em;color:var(--text-3)}.login__title{font-size:clamp(28px,3.4vw,42px);line-height:1.22;font-weight:600;letter-spacing:.02em;max-width:13ch}.login__title em{font-style:normal;color:var(--text-yellow)}.login__desc{color:var(--text-2);font-size:13px;max-width:44ch}.login__marks{display:flex;flex-wrap:wrap;gap:8px}.login__mark-chip{padding:6px 11px;border-radius:999px;font-size:10.5px;letter-spacing:.08em;color:var(--text-3);background:rgb(var(--rgb-white) / .03);box-shadow:inset 0 0 0 1px var(--line-3)}.login__panel{position:relative;padding:26px 26px 22px;background:var(--hero-bg);box-shadow:var(--card-shadow-hero);border-radius:var(--r-xl)}.login__panel h2{font-size:18px;font-weight:600;letter-spacing:.06em;margin-top:6px}.login__panel-desc{color:var(--text-3);font-size:11.5px;margin-top:6px}.login__form{display:flex;flex-direction:column;gap:14px;margin-top:20px}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:10.5px;letter-spacing:.16em;color:var(--text-2)}.field__box{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 13px;border-radius:var(--r-md);background:rgb(var(--rgb-white) / .055);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--text-3);transition:box-shadow .18s var(--ease),background-color .18s var(--ease)}.field__box:focus-within{background:rgb(var(--rgb-blue) / .06);box-shadow:inset 0 0 0 1px var(--line-blue),var(--glow-blue);color:var(--text-blue)}.field__box input{flex:1;min-width:0;height:44px;color:var(--text-1);font-size:14px;letter-spacing:.02em;border-radius:8px;outline:none}.field__box input:focus-visible{outline:2px solid var(--ring-focus);outline-offset:1px}.field__box input::placeholder{color:var(--text-3)}.field__error{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:var(--r-sm);background:var(--surface-red);box-shadow:var(--card-shadow-red);color:var(--text-red);font-size:11.5px}.login__submit{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;margin-top:2px;border-radius:999px;font-size:13px;font-weight:550;letter-spacing:.12em;color:var(--on-accent);background:linear-gradient(120deg,rgb(var(--rgb-white) / .96),rgb(var(--rgb-yellow) / .92));box-shadow:0 10px 30px rgb(var(--rgb-yellow) / .18);transition:transform .16s var(--ease),box-shadow .2s var(--ease),filter .12s var(--ease)}.login__submit:hover:not(:disabled){box-shadow:0 14px 34px rgb(var(--rgb-yellow) / .3);transform:translateY(-1px)}.login__submit:active:not(:disabled){transform:translateY(1px);box-shadow:0 4px 16px rgb(var(--rgb-yellow) / .18);filter:brightness(.94)}.login__submit:disabled{opacity:1;color:var(--text-disabled);background:var(--card-bg-yellow);box-shadow:none}.login__switch{width:100%;margin-top:12px;padding:10px 0;border:0;background:transparent;color:var(--text-3);font-size:12px;letter-spacing:.04em;cursor:pointer;transition:color .16s var(--ease)}.login__switch:hover{color:var(--text-1)}.login__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line-3);font-size:10px;letter-spacing:.06em;color:var(--text-3)}.login__foot strong{font-family:var(--font-mono);font-weight:500;color:var(--text-2)}.site-foot{position:relative;width:100%;max-width:1280px;margin:26px auto 0;padding-top:14px;border-top:1px solid var(--line-3);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 20px;font-size:11px;line-height:1.7;letter-spacing:.02em;color:var(--text-2)}.site-foot__beat{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none}.site-foot__link{display:inline-flex;align-items:center;gap:6px;border-radius:4px;color:var(--text-2);text-decoration:none;text-underline-offset:3px;transition:color .18s var(--ease)}.site-foot__link:hover{color:var(--text-blue);text-decoration:underline}.site-foot__link svg{flex:none;width:13px;height:13px}.pending{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:46vh;text-align:center;color:var(--text-2)}.pending h2{font-size:18px;font-weight:600;color:var(--text-1)}.pending p{font-size:12px;color:var(--text-3);max-width:40ch}.route-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:100dvh;color:var(--text-3);font-size:12px;letter-spacing:.16em}.route-loading__dot{width:6px;height:6px;border-radius:50%;background:rgb(var(--rgb-blue) / .9);box-shadow:0 0 12px rgb(var(--rgb-blue) / .8);animation:pulse 1.4s var(--ease) infinite}@keyframes pulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.track{position:relative}.track__scroller{display:flex;align-items:stretch;gap:var(--track-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;pointer-events:auto;padding:2px 2px 6px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)}.track__scroller::-webkit-scrollbar{display:none}.track__scroller:focus-visible{outline:2px solid var(--ring-focus);outline-offset:3px}.track__cell{flex:0 0 clamp(240px,26vw,330px);display:flex;scroll-snap-align:start}.track__cell>*{flex:1;min-width:0}.track--wide .track__cell{flex-basis:clamp(280px,32vw,400px)}.track--chip .track__cell{flex-basis:clamp(150px,15vw,190px)}.track[data-at-start=true] .track__scroller{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 14px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 14px),transparent 100%)}.track[data-at-end=true] .track__scroller{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 100%)}.track[data-at-start=true][data-at-end=true] .track__scroller{-webkit-mask-image:none;mask-image:none}.track__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--panel-strong);color:var(--text-2);box-shadow:inset 0 0 0 1px var(--line-2),var(--shadow-deep);transition:color .18s var(--ease),box-shadow .18s var(--ease),opacity .18s var(--ease)}.track__arrow:hover:not(:disabled){color:var(--text-1);box-shadow:inset 0 0 0 1px var(--line-blue),var(--glow-blue)}.track__arrow:disabled{opacity:1;color:var(--text-disabled);background:var(--panel-solid);cursor:default}.track__arrow--prev{left:-14px}.track__arrow--prev svg{transform:rotate(180deg)}.track__arrow--next{right:-14px}.track-section{display:flex;flex-direction:column;gap:10px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 2px}.section-head h2{font-size:13px;font-weight:600;letter-spacing:.1em;color:var(--text-2)}.section-hint{font-size:10.5px;color:var(--text-3)}.card{display:flex;flex-direction:column;gap:var(--card-gap);padding:var(--card-pad);background:var(--card-bg);box-shadow:var(--card-shadow);border-radius:var(--r-lg)}.card--queue{background:var(--card-bg-blue);box-shadow:var(--card-shadow-blue)}.card__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.card__title{font-size:14px;font-weight:600;color:var(--text-1);letter-spacing:.02em}.card__row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:11.5px}.card__k{flex:none;color:var(--text-3)}.card__v{font-family:var(--font-mono);color:var(--text-1);text-align:right;font-variant-numeric:tabular-nums}.card__v em{font-style:normal;color:var(--text-blue)}.card__v--gain{color:var(--text-yellow)}.card__note{font-family:var(--font-mono);font-size:10px;color:var(--text-3);font-weight:400}.card__reason{font-size:11px;color:var(--text-red)}.card__missing{font-size:10.5px;color:var(--text-red)}.card__foot{display:flex;gap:10px;margin-top:auto;padding-top:6px}.card__foot .btn{flex:1}.countdown{font-family:var(--font-mono);font-size:24px;font-weight:550;color:var(--text-yellow);font-variant-numeric:tabular-nums;letter-spacing:.02em}.meter{height:4px;border-radius:999px;background:rgb(var(--rgb-white) / .08);overflow:hidden}.meter>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,rgb(var(--rgb-blue) / .8),rgb(var(--rgb-white) / .85))}.meter--thin{height:3px}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 12px;padding:2px 0 4px}.stat{display:flex;flex-direction:column;gap:2px}.stat__k{font-size:10px;color:var(--text-3)}.stat__v{font-family:var(--font-mono);font-size:12px;color:var(--text-1)}.effects{display:flex;flex-wrap:wrap;gap:4px}.effect{padding:2px 7px;border-radius:999px;font-size:10px;color:var(--text-3);background:rgb(var(--rgb-white) / .03);box-shadow:inset 0 0 0 1px var(--line-3)}.effect--on{color:var(--text-yellow);box-shadow:inset 0 0 0 1px rgb(var(--rgb-yellow) / .3)}.branch-card{display:flex;flex-direction:column;gap:5px;width:100%;padding:11px 12px;text-align:left;color:inherit;background:var(--card-bg);box-shadow:var(--card-shadow-soft);border-radius:var(--r-md);transition:background .18s var(--ease),box-shadow .18s var(--ease)}.branch-card:hover{background:var(--card-bg-raised);box-shadow:var(--card-shadow-hover)}.branch-card.is-active{background:var(--card-bg-blue);box-shadow:var(--card-shadow-blue)}.branch-card__name{font-size:12.5px;color:var(--text-1)}.branch-card__sub{font-size:10px;color:var(--text-3)}.branch-card__meta{font-family:var(--font-mono);font-size:10px;color:var(--text-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 16px;border-radius:999px;font-size:12.5px;font-weight:550;letter-spacing:.06em;color:var(--text-1);background:rgb(var(--rgb-white) / .06);box-shadow:inset 0 0 0 1px var(--line-2);transition:background-color .18s var(--ease),box-shadow .18s var(--ease),opacity .18s var(--ease),transform .12s var(--ease),filter .12s var(--ease)}.btn:hover:not(:disabled){background:rgb(var(--rgb-white) / .1);box-shadow:inset 0 0 0 1px var(--line-1)}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 0 0 1px var(--line-1);filter:brightness(.92)}.btn:disabled{opacity:1;color:var(--text-disabled);background:var(--recess-bg);box-shadow:none;cursor:not-allowed}.btn--primary{color:var(--on-accent);background:linear-gradient(120deg,rgb(var(--rgb-white) / .96),rgb(var(--accent-rgb) / .92));box-shadow:0 8px 22px rgb(var(--accent-rgb) / .16)}.btn--primary:disabled{color:var(--text-disabled);background:var(--card-bg-yellow);box-shadow:none}.btn--primary:hover:not(:disabled){background:linear-gradient(120deg,rgb(var(--rgb-white)),rgb(var(--accent-rgb)));box-shadow:0 12px 28px rgb(var(--accent-rgb) / .28)}.btn--primary:active:not(:disabled){background:linear-gradient(120deg,rgb(var(--rgb-white) / .92),rgb(var(--accent-rgb) / .88));box-shadow:0 4px 14px rgb(var(--accent-rgb) / .18);filter:brightness(.94)}.btn--danger{color:var(--text-red);background:var(--surface-red);box-shadow:inset 0 0 0 1px var(--line-red)}.btn--sm{min-height:36px;padding:0 12px;font-size:11px;flex:none}.tag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:10px;letter-spacing:.08em;flex:none}.tag--blue{color:var(--text-blue);background:var(--surface-blue);box-shadow:inset 0 0 0 1px var(--line-blue)}.tag--yellow{color:var(--text-yellow);background:var(--surface-yellow);box-shadow:inset 0 0 0 1px var(--line-yellow)}.tag--red{color:var(--text-red);background:var(--surface-red);box-shadow:inset 0 0 0 1px var(--line-red)}.tag--white{color:var(--text-2);background:rgb(var(--rgb-white) / .05);box-shadow:inset 0 0 0 1px var(--line-3)}.cost{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 9px}.cost--empty{font-size:10.5px;color:var(--text-3)}.cost__item{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;color:var(--text-3)}.cost__item b{font-family:var(--font-mono);font-weight:500;color:var(--text-1)}.cost__dot{width:5px;height:5px;border-radius:50%;background:rgb(var(--rgb-white) / .5)}.cost__item--blue .cost__dot{background:rgb(var(--rgb-blue) / .9)}.cost__item--yellow .cost__dot{background:rgb(var(--rgb-yellow) / .9)}.cost__item--white .cost__dot{background:rgb(var(--rgb-white) / .85)}.notice{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--r-md);font-size:11.5px}.notice--red{color:var(--text-red);background:var(--surface-red);box-shadow:var(--card-shadow-red)}.page-actions{display:flex;flex-wrap:wrap;gap:10px}.fleet-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.fleet-form input,.fleet-form select{min-height:44px;padding:0 13px;border-radius:var(--r-md);color:var(--text-1);font-size:13px;background:rgb(var(--rgb-white) / .055);box-shadow:inset 0 0 0 1px var(--line-2);outline:none}.fleet-form input{min-width:160px;flex:1}.trade-field{display:flex;flex:1;min-width:160px;flex-direction:column;gap:4px}.trade-field input{width:100%}.trade-field__label{font-size:10px;letter-spacing:.06em;color:var(--text-3)}.trade-form--labeled>select,.trade-form--labeled>.btn{align-self:flex-end}.trade-list{display:flex;flex-direction:column;padding:2px 14px 6px;border-radius:var(--r-lg);background:var(--card-bg);box-shadow:var(--card-shadow)}.trade-list__head,.trade-list__row{display:grid;grid-template-columns:40px minmax(92px,1.7fr) 70px 78px 104px 92px 84px 72px;gap:12px;align-items:center}.trade-list__head{padding:11px 6px 9px;font-size:10px;letter-spacing:.08em;color:var(--text-3);border-bottom:1px solid var(--edge-shade)}.trade-list__row{padding:7px 6px;font-size:12px;color:var(--text-1);border-top:1px solid var(--edge-shade);border-radius:10px;transition:background .18s ease}.trade-list__head+.trade-list__row{border-top:0}.trade-list__row:hover{background:var(--recess-bg)}.trade-list__side{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.04em}.trade-list__side--buy{color:var(--text-blue)}.trade-list__side--sell{color:var(--text-yellow)}.trade-list__res{display:flex;align-items:baseline;gap:6px;min-width:0;font-weight:550}.trade-list__res small{overflow:hidden;font-size:10px;font-weight:400;color:var(--text-3);text-overflow:ellipsis;white-space:nowrap}.trade-list__meta{display:contents}.trade-list__num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.trade-list__num em{margin-right:3px;font-style:normal;font-size:10px;color:var(--text-3)}.trade-list__num--muted{color:var(--text-2)}.trade-list__status{display:flex;justify-content:flex-end}.trade-list__act{justify-self:end}.trade-list__gap{display:block}.trade-list__empty{display:flex;flex-direction:column;gap:4px;padding:20px 6px 18px;font-size:12px;color:var(--text-3)}.trade-list__empty strong{font-size:13px;font-weight:550;color:var(--text-2)}.fleet-form input::placeholder{color:var(--text-3)}.fleet-form input:focus,.fleet-form select:focus{box-shadow:inset 0 0 0 1px var(--line-blue),var(--glow-blue)}.fleet-form select{min-width:0;max-width:100%;background-color:var(--panel-strong)}.fleet-form select option{background:var(--panel-solid);color:var(--text-1)}.ship-list{display:flex;flex-direction:column;gap:7px}.ship-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--line-3);font-size:11px;color:var(--text-2)}.ship-row:last-child{border-bottom:0}.note-list{margin:0;padding-left:16px;font-size:10.5px;color:var(--text-3);display:flex;flex-direction:column;gap:6px}@media(max-width:1180px){.res-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:minmax(0,1fr) minmax(190px,.5fr)}}@media(max-width:900px){:root{--track-gap: 15px;--card-gap: 11px;--card-pad: 15px 14px 14px;--dock-reserve: calc(96px + env(safe-area-inset-bottom)) }.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top" "center" "dock";perspective:none}.topbar{flex-wrap:wrap;row-gap:2px;padding:8px 12px 6px;min-height:104px;align-content:center;transform:none;clip-path:none}.brand,.topbar__right{transform:none}.brand__text,.topbar__meta{display:none}.brand__mark{width:26px;height:26px}.res-strip{order:5;flex:0 0 100%}.status-line .topbar__meta-value{display:none}.civ-tag{padding:5px 10px}.civ-tag__name{max-width:6.5em}.nav-toggle{display:grid}.rail{position:fixed;top:0;left:0;bottom:0;width:148px;padding:118px 12px 20px;background:var(--drawer-bg);border-right:1px solid var(--line-2);border-radius:0;transform-origin:center;transform:translate(-104%);clip-path:none;transition:transform .24s var(--ease)}.rail.is-open{transform:translate(0)}.rail-scrim{position:fixed;inset:0;z-index:4;display:block;background:var(--scrim);border:0}.event-toggle{display:grid}.event-rail{position:fixed;top:0;right:0;bottom:0;width:min(86vw,340px);transform-origin:center;transform:translate(104%);clip-path:none;border-radius:0;background:var(--drawer-bg);transition:transform .24s var(--ease);z-index:6}.event-rail.is-open{transform:translate(0)}.event-rail__inner{padding:calc(14px + env(safe-area-inset-top)) 12px 16px}.event-rail__close{display:grid}.event-scrim{position:fixed;inset:0;z-index:5;display:block;background:var(--scrim);border:0}.center{padding:14px 12px var(--dock-reserve)}.dock{padding:0 8px calc(10px + env(safe-area-inset-bottom))}.dock__bar{width:100%;justify-content:space-between;padding:6px 8px}.dock-item{min-width:0;flex:1;min-height:52px;transform:none}.login{padding:20px 16px;justify-content:flex-start}.site-foot{margin-top:20px;gap:2px 14px}.login__inner{grid-template-columns:minmax(0,1fr);gap:22px;padding-top:8px}.login__title{font-size:26px;max-width:none}.login__brand{gap:12px}.login__desc{max-width:none}.login__panel{padding:20px 18px 18px}.hero{grid-template-columns:minmax(0,1fr);padding:18px}.hero__ring{flex-direction:row;justify-content:flex-start;gap:16px;min-height:0}.level-ring{width:92px;height:92px;flex:none}.level-ring__num{font-size:26px}.res-grid{grid-template-columns:minmax(0,1fr);gap:10px}.panels{grid-template-columns:minmax(0,1fr)}.res-card{min-height:96px}}@media(max-width:420px){.res-strip{-webkit-mask-image:linear-gradient(90deg,#000 86%,transparent);mask-image:linear-gradient(90deg,#000 86%,transparent)}.dock-item__label{font-size:9px}.page-head h1{font-size:19px}}@media(max-width:900px){.track__arrow{display:none}.track__cell{flex-basis:min(80vw,330px)}.track--wide .track__cell{flex-basis:min(84vw,380px)}.track--chip .track__cell{flex-basis:min(52vw,200px)}.btn--sm{min-height:44px}.trade-list{padding:2px 12px 6px}.trade-list__head{display:none}.trade-list__row{grid-template-columns:30px minmax(0,1fr) auto;grid-template-areas:"side res status" "meta meta act";row-gap:5px;padding:8px 4px}.trade-list__side{grid-area:side}.trade-list__res{grid-area:res}.trade-list__status{grid-area:status}.trade-list__act{grid-area:act;min-height:30px;padding:0 10px;font-size:10.5px}.trade-list__meta{display:grid;grid-area:meta;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px;font-size:10px;color:var(--text-2)}.trade-list__meta .trade-list__num{overflow:hidden;text-align:right;text-overflow:ellipsis}.trade-list__num[data-k]:before{content:attr(data-k);margin-right:3px;font-size:10px;color:var(--text-3)}.trade-list__gap{display:none}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{flex-wrap:wrap}.fleet-form select{width:100%}}.card--queue{min-height:164px}.card--queue-empty{align-items:center;justify-content:center;gap:6px;text-align:center;background:var(--card-bg-soft);box-shadow:var(--card-shadow-soft)}.queue-empty__title{font-size:13px;letter-spacing:.08em;color:var(--text-2)}.queue-empty__hint{font-size:11px;color:var(--text-3)}.card__error{display:flex;align-items:flex-start;gap:5px;padding:5px 8px;border-radius:8px;font-size:11px;line-height:1.45;color:var(--text-red);background:rgb(var(--rgb-red) / .14);box-shadow:var(--card-shadow-red)}.settle-note{font-size:11px;color:var(--text-3)}.toast-host{position:fixed;left:50%;bottom:calc(var(--dock-h) + 14px);transform:translate(-50%);z-index:40;display:flex;flex-direction:column;align-items:center;gap:8px;width:min(520px,calc(100vw - 32px));pointer-events:none}.toast{max-width:100%;padding:10px 16px;border-radius:999px;font-size:12px;line-height:1.4;text-align:center;color:var(--text-1);background:var(--panel-strong);box-shadow:inset 0 0 0 1px var(--line-blue),var(--shadow-deep);animation:toast-in .18s var(--ease) both}.toast--error{color:var(--text-red);box-shadow:inset 0 0 0 1px var(--line-red),var(--shadow-deep)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page--skeleton .page-head p{color:var(--text-3)}.skeleton-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,330px);gap:12px;overflow:hidden}.skeleton-card{display:flex;flex-direction:column;gap:10px;min-height:176px;padding:16px;border-radius:var(--r-lg);background:var(--card-bg-soft);box-shadow:var(--card-shadow-soft)}.skeleton-line{display:block;height:10px;border-radius:999px;background:linear-gradient(90deg,rgb(var(--rgb-white) / .06),rgb(var(--rgb-white) / .14),rgb(var(--rgb-white) / .06));background-size:200% 100%;animation:skeleton-sweep 1.2s linear infinite}.skeleton-line--title{width:56%;height:14px}.skeleton-line--short{width:38%}@keyframes skeleton-sweep{0%{background-position:180% 0}to{background-position:-80% 0}}@media(prefers-reduced-motion:reduce){.skeleton-line,.toast{animation:none}}.rail{overflow-y:auto;scrollbar-width:thin}.card--select{cursor:pointer;transition:background .16s var(--ease),box-shadow .16s var(--ease),transform .16s var(--ease)}.card--select:hover{background:var(--card-bg-raised);box-shadow:var(--card-shadow-hover)}.card--select.is-selected{background:var(--card-bg-blue);box-shadow:var(--card-shadow-blue)}.colony-fleet{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}.event-hero{display:flex;flex-direction:column;gap:10px}.event-hero__desc{margin:0;color:var(--text-2);line-height:1.7;font-size:13px}.branch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:4px}.branch-choice{display:flex;flex-direction:column;gap:11px;padding:15px;border-radius:var(--r-lg);background:var(--card-bg-raised);box-shadow:var(--card-shadow-soft)}.branch-choice.is-disabled{opacity:1;color:var(--text-disabled);background:var(--recess-bg);box-shadow:none}.branch-choice__head{display:flex;align-items:center;gap:8px}.branch-choice__name{font-size:14px;font-weight:600;color:var(--text-1)}.branch-choice__flag{padding:1px 6px;border-radius:999px;font-size:10px;color:var(--text-yellow);box-shadow:inset 0 0 0 1px rgb(var(--rgb-yellow) / .4)}.branch-choice__xp{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--text-3)}.branch-choice__desc{margin:0;font-size:12px;line-height:1.65;color:var(--text-2)}.branch-choice__effects{margin:0;padding-left:16px;font-size:12px;line-height:1.7;color:var(--text-2)}.branch-choice .btn{margin-top:auto}.colony-fleet .empty-hint{margin:0}.colony-build{display:flex;flex-direction:column;gap:10px}.colony-build__hint{margin:0;font-family:var(--font-mono);font-size:10.5px;line-height:1.6;color:var(--text-3)}.colony-build__queue{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;padding:8px 12px;border-radius:var(--r-sm);background:var(--surface-yellow);box-shadow:inset 0 0 0 1px var(--line-yellow);font-size:11.5px;color:var(--text-yellow)}.colony-build__rows{display:flex;flex-direction:column;gap:8px}.colony-build__row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-md);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-3)}.colony-build__name{display:flex;flex-direction:column;gap:2px;min-width:0}.colony-build__name b{font-size:12.5px;font-weight:600;color:var(--text-1)}.colony-build__name em{font-family:var(--font-mono);font-size:10px;font-style:normal;line-height:1.55;color:var(--text-3)}.colony-build__meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-family:var(--font-mono);font-size:10px;color:var(--text-3);text-align:right}@media(max-width:720px){.colony-build__row{grid-template-columns:minmax(0,1fr) auto}.colony-build__meta{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;text-align:left}}.metric-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.metric-tabs::-webkit-scrollbar{display:none}.metric-tab{min-height:44px;padding:0 16px;border:0;border-radius:999px;color:var(--text-2);font-size:13px;white-space:nowrap;cursor:pointer;background:rgb(var(--rgb-white) / .05);box-shadow:inset 0 0 0 1px var(--line-3);transition:color .18s var(--ease),background .18s var(--ease),transform .12s var(--ease)}.metric-tab:hover{color:var(--text-1)}.metric-tab:active{transform:scale(.97)}.metric-tab:focus-visible{outline:2px solid var(--ring-focus);outline-offset:-3px}.metric-tab.is-active{color:var(--text-yellow);background:var(--surface-yellow);box-shadow:inset 0 0 0 1px var(--line-yellow),0 0 18px rgb(var(--rgb-yellow) / .12)}.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.pager .btn{min-height:44px;min-width:96px}.pager__state{flex:1;text-align:center;font-size:12px;color:var(--text-3)}.settings-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;align-items:end}.settings-field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-2)}.settings-field input{min-height:44px;padding:0 12px;border:0;border-radius:var(--r-md);color:var(--text-1);font-size:13px;background:rgb(var(--rgb-white) / .055);box-shadow:inset 0 0 0 1px var(--line-2);outline:none}.settings-field input::placeholder{color:var(--text-3)}.settings-field input:focus{box-shadow:inset 0 0 0 1px var(--line-blue),var(--glow-blue)}.settings-form .btn{min-height:44px}.achievement-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.achievement-card.is-unlocked{background:var(--card-bg-yellow);box-shadow:var(--card-shadow-yellow)}.achievement-card__desc{color:var(--text-2)}.alliance-hero .stat-grid{margin-bottom:12px}.alliance-hero .notice{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;color:var(--text-blue);background:var(--card-bg-blue);box-shadow:var(--card-shadow-blue)}.chat-panel{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:var(--r-lg);background:var(--card-bg);box-shadow:var(--card-shadow)}.chat-log{display:flex;flex-direction:column;gap:10px;min-height:180px;max-height:320px;padding:12px;overflow-y:auto;border-radius:var(--r-md);background:var(--recess-bg);box-shadow:var(--recess-shadow);overscroll-behavior:contain}.chat-line{display:flex;flex-direction:column;gap:3px;max-width:86%}.chat-line__meta{font-size:10px;color:var(--text-3)}.chat-line__body{padding:8px 12px;border-radius:12px;font-size:13px;line-height:1.6;color:var(--text-1);word-break:break-word;background:rgb(var(--rgb-white) / .06)}.chat-line.is-mine{align-self:flex-end;align-items:flex-end}.chat-line.is-mine .chat-line__body{color:var(--text-yellow);background:var(--surface-yellow);box-shadow:0 0 16px rgb(var(--rgb-yellow) / .12)}@media(max-width:720px){.settings-form{grid-template-columns:1fr}.settings-form .btn{width:100%}.achievement-summary{grid-template-columns:1fr}.pager .btn{min-width:84px}}.res-chip--link{appearance:none;border:0;cursor:pointer;color:inherit;font:inherit;transition:background-color .16s ease,box-shadow .16s ease}.res-chip--link:hover,.res-chip--link:focus-visible{background:rgb(var(--rgb-yellow) / .12);box-shadow:inset 0 0 0 1px var(--line-yellow);outline:none}.res-chip__unit{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:var(--text-yellow);opacity:.8}.credit-page{gap:14px}.credit-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);gap:18px;padding:20px 22px;background:var(--hero-bg);box-shadow:var(--card-shadow-hero);border-radius:var(--r-xl)}.credit-hero__main,.credit-hero__side{display:flex;flex-direction:column;min-width:0}.credit-hero__side{justify-content:center;gap:6px;padding-left:18px;border-left:1px solid var(--line-3)}.credit-hero__eyebrow{font-size:10px;letter-spacing:.24em;color:var(--text-3)}.credit-hero__balance{display:flex;align-items:baseline;gap:8px;margin-top:4px;color:var(--text-yellow)}.credit-hero__balance strong{font-family:var(--font-mono);font-size:clamp(32px,4.2vw,46px);font-weight:600;font-variant-numeric:tabular-nums;line-height:1.05}.credit-hero__balance span{font-size:13px;letter-spacing:.1em}.credit-hero__sub{margin-top:4px;font-size:11px;color:var(--text-3)}.credit-hero__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.credit-stat{display:flex;flex-direction:column;gap:3px;min-width:0}.credit-stat__k{font-size:10px;color:var(--text-3);letter-spacing:.06em}.credit-stat__v{font-family:var(--font-mono);font-size:13px;color:var(--text-1);font-variant-numeric:tabular-nums;white-space:nowrap}.credit-stat__v--income{color:var(--text-blue)}.credit-stat__v--expense{color:var(--text-red)}.credit-hero__rate{font-family:var(--font-mono);font-size:26px;color:var(--text-yellow);font-variant-numeric:tabular-nums}.credit-hero__rate span{margin-left:6px;font-size:10px;letter-spacing:.08em;color:var(--text-3)}.credit-hero__breakdown{display:flex;flex-direction:column;gap:4px;margin:2px 0 0;padding:0;list-style:none}.credit-hero__breakdown li{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--text-2);font-variant-numeric:tabular-nums}.credit-hero__empty{font-size:11px;color:var(--text-3)}.credit-hero__note{margin-top:4px;font-size:10px;line-height:1.5;color:var(--text-3)}.credit-unit{margin-left:3px;font-size:9px;letter-spacing:.08em;color:var(--text-3)}.credit-chart{display:flex;flex-direction:column;gap:8px;padding-top:4px}.credit-chart__cols{display:flex;align-items:flex-end;gap:4px;height:132px;overflow-x:auto;scrollbar-width:none}.credit-chart__cols::-webkit-scrollbar{display:none}.credit-chart__col{display:flex;flex-direction:column;justify-content:flex-end;gap:5px;flex:1 1 0;min-width:16px;height:100%}.credit-chart__bars{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:100%;min-height:2px}.credit-chart__bar{width:42%;max-width:9px;min-height:1px;border-radius:3px 3px 1px 1px}.credit-chart__bar--income{background:linear-gradient(180deg,rgb(var(--rgb-blue) / .85),rgb(var(--rgb-blue) / .4))}.credit-chart__bar--expense{background:linear-gradient(180deg,rgb(var(--rgb-red) / .8),rgb(var(--rgb-red) / .32))}.credit-chart__tick{font-family:var(--font-mono);font-size:8.5px;color:var(--text-3);text-align:center;white-space:nowrap}.credit-chart__legend{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--text-3)}.credit-chart__legend>span{display:inline-flex;align-items:center;gap:5px}.credit-chart__scale{margin-left:auto;font-family:var(--font-mono)}.credit-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.credit-dot--income{background:rgb(var(--rgb-blue) / .85)}.credit-dot--expense{background:rgb(var(--rgb-red) / .8)}.credit-chart__empty{font-size:11px;color:var(--text-3);padding-bottom:2px}.credit-panels .panel{min-height:0}.credit-channels{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;max-height:336px;overflow-y:auto;scrollbar-width:thin}.credit-channel{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line-3)}.credit-channel:last-child{border-bottom:0}.credit-channel__main{display:flex;flex-direction:column;gap:2px;min-width:0}.credit-channel__label{font-size:12px;color:var(--text-1)}.credit-channel__hint{font-size:10px;line-height:1.4;color:var(--text-3)}.credit-channel__nums{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:none;text-align:right}.credit-channel__total{font-family:var(--font-mono);font-size:12px;color:var(--text-1);font-variant-numeric:tabular-nums;white-space:nowrap}.credit-channel--empty .credit-channel__total{font-family:inherit;font-size:11px;color:var(--text-3)}.credit-channel__sub{font-size:9.5px;color:var(--text-3);white-space:nowrap}.credit-rating{display:flex;flex-direction:column;gap:8px}.credit-rating__score{display:flex;align-items:baseline;gap:6px}.credit-rating__score strong{font-family:var(--font-mono);font-size:28px;color:var(--text-yellow);font-variant-numeric:tabular-nums}.credit-rating__score span{font-size:11px;color:var(--text-3)}.credit-rating__bar{height:6px;border-radius:999px;background:var(--recess-bg);box-shadow:var(--recess-shadow);overflow:hidden}.credit-rating__bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgb(var(--rgb-yellow) / .55),rgb(var(--rgb-yellow) / .95))}.credit-rating__next{font-size:11px;color:var(--text-2)}.credit-rating__inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin-top:4px}.credit-tx{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;max-height:336px;overflow-y:auto;scrollbar-width:thin}.credit-tx li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line-3)}.credit-tx li:last-child{border-bottom:0}.credit-tx__amount{font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums;flex:none;min-width:74px}.credit-tx__amount--income{color:var(--text-blue)}.credit-tx__amount--expense{color:var(--text-red)}.credit-tx__main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.credit-tx__label{font-size:12px;color:var(--text-1)}.credit-tx__meta{font-size:10px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.credit-tx__party{font-size:10px;color:var(--text-3);flex:none;max-width:7em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.credit-tx__empty{font-size:11px;color:var(--text-3);padding:12px 0}.credit-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.credit-module{display:flex;gap:10px;padding:12px 14px;border-radius:var(--r-md);background:var(--recess-bg);box-shadow:var(--recess-shadow)}.credit-module__icon{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;color:var(--text-3);box-shadow:inset 0 0 0 1px var(--line-3)}.credit-module>div{display:flex;flex-direction:column;gap:3px;min-width:0}.credit-module__title{font-size:12px;color:var(--text-2)}.credit-module__note{font-size:10.5px;line-height:1.5;color:var(--text-2)}.credit-module__hint{font-size:9.5px;color:var(--text-3)}@media(max-width:900px){.credit-hero{grid-template-columns:minmax(0,1fr);padding:16px 16px 18px}.credit-hero__side{padding-left:0;padding-top:14px;border-left:0;border-top:1px solid var(--line-3)}.credit-hero__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.credit-modules{grid-template-columns:minmax(0,1fr)}.credit-channels,.credit-tx{max-height:none}}@media(max-width:420px){.credit-hero__balance strong{font-size:32px}.credit-chart__cols{height:108px;gap:3px}.credit-chart__tick{font-size:8px}.credit-channel__sub{display:none}}