:root{--bg-deep: #17110b;--bg-mid: #2b1b13;--bg-surface: #3d2b20;--bg-surface-soft: #573a2d;--line-strong: #f0cf83;--line-soft: #b7864a;--ink-strong: #fdf2d4;--ink-body: #f5dfb5;--ink-dim: #c9b287;--accent-gold: #f2b84b;--accent-red: #d35e38;--accent-green: #3ba36d;--accent-blue: #5f8df0;--rarity-common: #aeb6c2;--rarity-rare: #71d293;--rarity-epic: #bb8cff;--rarity-legendary: #f6cf6b;--rarity-masterpiece: #ff7c63;--shadow-hard: 0 0 0 2px #1b110a, 0 0 0 4px var(--line-soft), 10px 10px 0 rgba(0, 0, 0, .35);--pixel-radius: 0;--page-width: 1480px}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--ink-body);font-family:Lucida Console,Microsoft YaHei UI,monospace;background:radial-gradient(circle at top,rgba(242,184,75,.18),transparent 30%),radial-gradient(circle at bottom right,rgba(59,163,109,.12),transparent 24%),linear-gradient(180deg,#24160f,#1a120d)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:18px 18px;opacity:.38}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.16) 100%)}button,input,select,textarea{font:inherit}button,a{transition:transform .16s steps(3),filter .16s linear,background-color .16s linear}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-shell,.auth-shell{position:relative;z-index:1;width:min(calc(100vw - 40px),var(--page-width));margin:0 auto;padding:28px 0 40px}.auth-shell{min-height:100vh;display:grid;place-items:center}.page-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:24px;align-items:start}.page-sidebar,.page-main{display:grid;gap:20px}.pixel-panel{position:relative;background:linear-gradient(180deg,rgba(255,247,218,.04),transparent 40%),linear-gradient(180deg,var(--bg-surface) 0%,var(--bg-mid) 100%);border:2px solid var(--line-strong);box-shadow:var(--shadow-hard);padding:18px}.pixel-panel:before{content:"";position:absolute;inset:6px;border:1px solid rgba(255,234,190,.18);pointer-events:none}.topbar{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:24px}.brand-block p,.page-heading p,.hero-banner p,.task-description,.overview-card p,.auth-copy,.collect-card p,.empty-state p,.standalone-state p,.inline-message,.info-strip p{line-height:1.7}.brand-mark{display:inline-block;font-size:clamp(1.1rem,1.5vw,1.45rem);color:var(--ink-strong);letter-spacing:.08em;text-transform:uppercase}.brand-block p,.tiny-note,.eyebrow,.camp-user,.meter-caption,.inline-message{color:var(--ink-dim)}.eyebrow{margin:0 0 8px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.main-nav{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.main-nav a,.pixel-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border:2px solid #1d1108;background:linear-gradient(180deg,#f3cf7e,#c78937);color:#201308;box-shadow:inset 0 0 0 2px #fff8db80,4px 4px #00000047;cursor:pointer;text-transform:uppercase;letter-spacing:.06em}.pixel-button.is-holding{background:linear-gradient(90deg,#8ef0c09e,#52b584d1),linear-gradient(180deg,#f3cf7e,#c78937);background-repeat:no-repeat;background-size:0% 100%,100% 100%;animation:chest-hold-fill 2s linear forwards}@keyframes chest-hold-fill{0%{background-size:0% 100%,100% 100%}to{background-size:100% 100%,100% 100%}}.main-nav a:hover,.pixel-button:hover,.collect-card:hover,.action-card:hover,.task-card:hover,.chest-card:hover{transform:translate(-2px,-2px);filter:brightness(1.05)}.main-nav a.is-active{background:linear-gradient(180deg,#8ef0c0,#3e8f67)}.pixel-button--ghost{background:linear-gradient(180deg,#6c5040,#3c281f);color:var(--ink-strong)}.pixel-button:disabled{cursor:not-allowed;opacity:.6;transform:none;filter:grayscale(.1)}.camp-actions{display:flex;flex-direction:column;align-items:end;gap:8px}.hero-panel h2,.page-heading h1,.hero-banner h2,.auth-panel h1,.reward-modal h3,.empty-state h3,.standalone-state h1,.task-card h3,.chest-card h3,.collect-card h3,.overview-card h3{margin:0;color:var(--ink-strong)}.hero-metrics,.hero-banner__stats,.task-meta,.detail-grid,.auth-tabs,.filter-bar{display:grid;gap:12px}.hero-metrics,.hero-banner__stats{grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0 10px}.hero-banner__stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.hero-metrics div,.hero-banner__stats div,.overview-card,.status-panel,.info-strip,.filter-bar,.task-meta div,.detail-grid div{background:#120b0761;border:1px solid rgba(242,207,131,.28);padding:10px 12px}.hero-metrics span,.hero-banner__stats span,.task-meta dt,.detail-grid dt{display:block;margin-bottom:6px;color:var(--ink-dim);font-size:.78rem}.hero-metrics strong,.hero-banner__stats strong,.task-meta dd,.detail-grid dd,.task-xp{font-size:1.05rem;color:var(--ink-strong)}.task-meta{grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0}.task-meta dd,.detail-grid dd{margin:0}.xp-meter{position:relative;height:20px;margin:14px 0 10px;background:#19100b;border:2px solid var(--line-soft);overflow:hidden}.xp-meter--compact{margin-top:14px}.xp-meter__fill{height:100%;background:linear-gradient(90deg,#f6d561,#ef8b34 70%,#cc5430);box-shadow:inset 0 0 0 2px #fff7d938}.page-heading h1{margin-bottom:12px}.page-heading p:last-child,.auth-copy,.empty-state p,.standalone-state p{margin-bottom:0}.hero-banner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px}.card-grid,.task-grid,.collection-grid{display:grid;gap:18px}.action-grid,.overview-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.action-card,.collect-card,.task-card,.chest-card{cursor:pointer}.action-card h3,.collect-card h3,.task-card h3,.chest-card h3,.overview-card h3{margin-bottom:10px}.action-card p:last-child,.overview-card p:last-child,.collect-card p:last-child{margin-bottom:0}.task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.task-card{display:flex;flex-direction:column;border-left:8px solid var(--task-accent, var(--accent-gold))}.task-card .pixel-button{width:100%;margin-top:auto}.persona-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0}.persona-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;background:#140c088f;border:1px solid color-mix(in srgb,var(--persona-color, var(--accent-gold)) 40%,rgba(242,207,131,.2));color:var(--ink-strong);font-size:.78rem}.persona-badge strong{font-weight:600}.persona-badge em{color:var(--persona-color, var(--accent-gold));font-style:normal}.persona-badge--loss{border-color:#d35e3875}.persona-badge--loss em{color:#ff9b87}.task-card__header,.chest-card,.panel-heading{display:flex;justify-content:space-between;align-items:start;gap:14px}.task-xp{white-space:nowrap}.chest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chest-card{align-items:center}.chest-card--daily{background:linear-gradient(180deg,rgba(95,141,240,.2),var(--bg-surface) 55%)}.chest-card--normal{background:linear-gradient(180deg,rgba(242,184,75,.2),var(--bg-surface) 55%)}.chest-card--tier2{background:linear-gradient(180deg,rgba(59,163,109,.2),var(--bg-surface) 55%)}.chest-card--tier3{background:linear-gradient(180deg,rgba(211,94,56,.22),var(--bg-surface) 55%)}.chest-card--supreme{background:linear-gradient(180deg,rgba(237,120,201,.22),var(--bg-surface) 55%)}.panel-heading h3{margin:0}.mini-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.mini-list li{display:flex;justify-content:space-between;align-items:center;gap:10px}.reward-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 12px}.reward-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;background:#160e09a3;border:1px solid rgba(242,207,131,.28)}.reward-badge em{color:var(--accent-gold);font-style:normal}.empty-state,.standalone-state,.auth-panel{text-align:center}.auth-panel{width:min(100%,680px);padding:28px}.auth-tabs{grid-template-columns:repeat(2,minmax(0,1fr));margin:22px 0 18px}.auth-form{display:grid;gap:14px;text-align:left}.auth-form label,.filter-bar label{display:grid;gap:8px}.auth-form span,.filter-bar span{color:var(--ink-dim);font-size:.84rem}input,select{min-height:48px;padding:0 14px;color:var(--ink-strong);background:#100a07a8;border:2px solid var(--line-soft)}input:focus,select:focus{outline:2px solid var(--accent-gold);outline-offset:1px}.inline-message{min-height:24px;margin:14px 0 0;opacity:0}.inline-message.is-visible{opacity:1}.filter-bar{grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:end}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.persona-layout,.persona-insight-grid,.persona-card-grid{display:grid;gap:18px}.persona-constellation{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr);gap:22px;overflow:hidden}.persona-constellation:after{content:"";position:absolute;inset:auto -8% -30% auto;width:280px;height:280px;background:radial-gradient(circle,#5f8df02e,#5f8df000 70%);pointer-events:none}.persona-constellation__copy{position:relative;z-index:1}.persona-constellation__copy h2,.persona-card h3{margin:0;color:var(--ink-strong)}.persona-constellation__copy p:last-child{margin-bottom:0}.persona-constellation__chart{position:relative;z-index:1;display:grid;place-items:center;min-height:360px;padding:8px 0}.persona-radar{width:min(100%,420px);height:auto;overflow:visible}.persona-radar__ring{fill:none;stroke:#f2cf8342;stroke-width:2}.persona-radar__grid{fill:#f2b84b08;stroke:#f2cf8329;stroke-width:1.4}.persona-radar__grid.is-outer{stroke:#f2cf835c}.persona-radar__axis{stroke:#f2cf832e;stroke-width:1}.persona-radar__shape{fill:url(#persona-shape-fill);stroke:#fff4dde6;stroke-width:2.5;stroke-linejoin:round}.persona-radar__node{fill:var(--persona-node, var(--accent-gold));stroke:#180c08e0;stroke-width:3}.persona-radar__label,.persona-radar__value{fill:var(--ink-strong);font-family:Lucida Console,Microsoft YaHei UI,monospace}.persona-radar__label{font-size:13px;letter-spacing:.08em}.persona-radar__value{fill:var(--ink-dim);font-size:11px}.persona-insight-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.persona-card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.persona-card{border-left:8px solid var(--persona-color, var(--accent-gold))}.persona-card__header{display:flex;justify-content:space-between;align-items:start;gap:14px}.persona-card__header strong{color:var(--ink-strong);white-space:nowrap}.persona-meter{height:16px;margin:16px 0 12px;background:#110a07d1;border:1px solid rgba(242,207,131,.3);overflow:hidden}.persona-meter__fill{height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--persona-color, var(--accent-gold)) 70%,#fff2ce),var(--persona-color, var(--accent-gold)));box-shadow:inset 0 0 0 1px #fff8db3d}.reward-modal,.reward-reel{--collect-rarity-color: var(--ink-strong);--collect-rarity-muted: var(--accent-gold);--collect-rarity-glow: rgba(242, 184, 75, .14)}.collect-card,.reward-modal[class*=collect-card--]{min-height:180px;background:linear-gradient(180deg,var(--collect-rarity-glow) 0%,rgba(255,247,218,.06) 22%,var(--bg-surface) 56%,var(--bg-mid) 100%)}.collect-card .eyebrow,.reward-modal[class*=collect-card--] .eyebrow{color:var(--collect-rarity-muted)}.collect-card h3,.reward-modal[class*=collect-card--] h3{color:var(--collect-rarity-color)}.collect-card--common,.reward-modal.collect-card--common,.reward-reel.collect-card--common{--collect-rarity-color: var(--rarity-common);--collect-rarity-muted: #c5cbd3;--collect-rarity-glow: rgba(174, 182, 194, .14)}.collect-card--rare,.reward-modal.collect-card--rare,.reward-reel.collect-card--rare{--collect-rarity-color: var(--rarity-rare);--collect-rarity-muted: #9be5b4;--collect-rarity-glow: rgba(113, 210, 147, .18)}.collect-card--epic,.reward-modal.collect-card--epic,.reward-reel.collect-card--epic{--collect-rarity-color: var(--rarity-epic);--collect-rarity-muted: #d0afff;--collect-rarity-glow: rgba(187, 140, 255, .2)}.collect-card--legendary,.reward-modal.collect-card--legendary,.reward-reel.collect-card--legendary{--collect-rarity-color: var(--rarity-legendary);--collect-rarity-muted: #ffe29a;--collect-rarity-glow: rgba(246, 207, 107, .22)}.collect-card--mythic,.reward-modal.collect-card--mythic,.reward-reel.collect-card--mythic{--collect-rarity-color: #ffe88d;--collect-rarity-muted: #ffe88d;--collect-rarity-glow: rgba(255, 177, 84, .18);background:linear-gradient(135deg,#ff85582e,#ffeb9924 38%,#80d6ff29 72%,#d396ff24),linear-gradient(180deg,rgba(255,247,218,.06) 0%,var(--bg-surface) 56%,var(--bg-mid) 100%)}.collect-card--masterpiece,.reward-modal.collect-card--masterpiece,.reward-reel.collect-card--masterpiece{--collect-rarity-color: var(--rarity-masterpiece);--collect-rarity-muted: #ffad9d;--collect-rarity-glow: rgba(255, 124, 99, .24);background:radial-gradient(circle at 18% 18%,rgba(255,126,88,.34),transparent 18%),radial-gradient(circle at 82% 14%,rgba(255,86,120,.2),transparent 24%),linear-gradient(108deg,#ff5c4aad,#ff5c4a2e,#11080aeb,#080508fa 42%,#ff584a29 54%,#0e0a12f5,#5b76ff42 82%,#ff744e70),repeating-linear-gradient(-72deg,#ff654800 0 18px,#ff65482b 18px 28px,#05030500 28px 58px),linear-gradient(180deg,#1108089e,#12080ee0 58%,#2d0a12f5);background-size:180% 180%,180% 180%,220% 220%,280px 280px,100% 100%;background-position:14% 18%,84% 16%,0% 50%,0 0,0 0;animation:masterpiece-metaverse-shift 9s ease-in-out infinite alternate;will-change:background-position}@keyframes masterpiece-metaverse-shift{0%{background-position:14% 18%,84% 16%,0% 50%,0 0,0 0}50%{background-position:28% 30%,68% 22%,48% 48%,140px 120px,0 0}to{background-position:18% 42%,90% 30%,100% 55%,280px 220px,0 0}}.collect-card--mythic h3,.collect-card--mythic .eyebrow,.reward-modal.collect-card--mythic h3,.reward-modal.collect-card--mythic .eyebrow{background:linear-gradient(90deg,#ff9b63,#fff08e 35%,#7fdfff 68%,#dfacff);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:#0a0705c2;backdrop-filter:blur(4px)}.reward-modal{width:min(100%,560px);text-align:center}.reward-modal--detail{text-align:left}.collect-detail-quote{margin:16px 0 20px;color:color-mix(in srgb,var(--ink-strong) 90%,#f7ead0);font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,Songti SC,serif;font-size:clamp(1rem,1.15vw,1.18rem);font-style:italic;font-weight:500;letter-spacing:.02em;line-height:1.8;text-wrap:pretty;text-shadow:0 1px 0 rgba(0,0,0,.18)}.reward-reel{min-height:84px;display:grid;place-items:center;margin-bottom:18px;padding:18px;font-size:1.2rem;color:var(--ink-strong);background:#100906b3;border:2px solid var(--line-soft);transition:color .12s linear,border-color .12s linear,background .12s linear}.reward-reel[class*=collect-card--]:not(.collect-card--masterpiece){color:var(--collect-rarity-color);background:linear-gradient(180deg,rgba(255,247,218,.06) 0%,var(--collect-rarity-glow) 28%,rgba(16,9,6,.76) 100%);border-color:color-mix(in srgb,var(--collect-rarity-muted) 40%,var(--line-soft))}.reward-reel.collect-card--masterpiece{color:var(--collect-rarity-color);border-color:color-mix(in srgb,var(--collect-rarity-muted) 42%,var(--line-soft))}.reward-reel.collect-card--mythic{background:linear-gradient(135deg,#ff855833,#ffeb9929 40%,#80d6ff2e 72%,#d396ff29),linear-gradient(180deg,#100906b8,#100906db)}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0}.toast-stack{position:fixed;right:24px;bottom:24px;z-index:40;display:grid;gap:10px}.toast{min-width:260px;padding:12px 14px;color:#1d1108;background:linear-gradient(180deg,#f4de9e,#d59a42);border:2px solid #1d1108;box-shadow:4px 4px #00000047}.toast--success{background:linear-gradient(180deg,#ace2c5,#4da276)}.toast--danger{background:linear-gradient(180deg,#f2b69e,#c9543d)}.toast.is-hidden{opacity:0;transform:translateY(10px)}@media(max-width:1200px){.page-grid,.hero-banner,.action-grid,.overview-grid,.collection-grid,.chest-grid,.filter-bar,.persona-constellation,.topbar{grid-template-columns:1fr}.topbar{justify-items:start}.camp-actions{align-items:start}.main-nav{justify-content:start}}@media(max-width:720px){.site-shell,.auth-shell{width:min(calc(100vw - 20px),var(--page-width));padding-top:14px}.pixel-panel{padding:14px}.hero-metrics,.hero-banner__stats,.task-meta,.detail-grid,.auth-tabs{grid-template-columns:1fr}.task-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.task-card{padding:12px}.task-card__header,.persona-card__header{flex-direction:column;align-items:start;gap:10px}.task-card h3,.persona-card h3{font-size:1.05rem}.task-description{font-size:.86rem;line-height:1.55}.task-xp,.task-meta dd,.persona-card__header strong{font-size:.94rem}.pixel-button{min-height:44px;padding:0 12px}.persona-chip-row{gap:8px}.persona-badge{width:100%;justify-content:space-between;font-size:.74rem}.persona-constellation__chart{min-height:300px;padding:0}.persona-radar__label{font-size:12px}.persona-radar__value{font-size:10px}.persona-card-grid{grid-template-columns:1fr}.toast-stack{left:12px;right:12px;bottom:12px}.toast{min-width:0}}@media(prefers-reduced-motion:reduce){.collect-card--masterpiece,.reward-modal.collect-card--masterpiece,.reward-reel.collect-card--masterpiece{animation:none}}