.ce-page{--ce-ink:#173147;--ce-muted:#607587;--ce-cream:#fffaf0;--ce-coral:#f5a37d;--ce-blue:#a9dbe4;color:var(--ce-ink);display:grid;gap:20px;padding-bottom:40px}
.ce-page *{box-sizing:border-box}.ce-hero{position:relative;overflow:hidden;min-height:216px;padding:33px 38px;display:flex;align-items:center;justify-content:space-between;border:1px solid #dde9ed;border-radius:23px;background:radial-gradient(circle at 86% 40%,#e4f8f2 0,transparent 31%),linear-gradient(120deg,#fff9ef 0%,#eef8fb 62%,#e4f3f7 100%);box-shadow:0 14px 34px #31576a12}.ce-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#7eb3be10 1px,transparent 1px),linear-gradient(90deg,#7eb3be10 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent,#000)}.ce-hero-copy{position:relative;z-index:1;max-width:520px}.ce-overline,.ce-kicker{display:block;color:#588899;font-size:11px;font-weight:800;letter-spacing:.18em}.ce-hero h2{margin:13px 0 10px;font-size:clamp(24px,3vw,39px);line-height:1.2;letter-spacing:-.045em}.ce-hero p{max-width:470px;margin:0;color:var(--ce-muted);line-height:1.75}.ce-emblem{position:relative;flex:0 0 230px;height:170px;filter:drop-shadow(0 17px 24px #6fa5b04d)}.ce-emblem-core{position:absolute;left:84px;top:34px;width:68px;height:90px;background:linear-gradient(145deg,#fff7cf,#82c5cf 55%,#497eaa);clip-path:polygon(50% 0,100% 33%,87% 79%,50% 100%,13% 79%,0 33%);border:3px solid #fbfff9;animation:ce-float 5s ease-in-out infinite}.ce-emblem-wing{position:absolute;top:57px;width:72px;height:65px;background:linear-gradient(135deg,#d7eff0,#83b7d3);clip-path:polygon(0 20%,100% 0,73% 77%,17% 100%)}.ce-emblem-wing.left{left:12px;transform:rotate(-15deg)}.ce-emblem-wing.right{right:12px;transform:scaleX(-1) rotate(-15deg)}@keyframes ce-float{50%{transform:translateY(-8px)}}
.ce-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ce-stat{display:grid;gap:7px;padding:16px 19px;border:1px solid #e2ebeb;border-radius:17px;background:#ffffffdb}.ce-stat small{color:var(--ce-muted);font-size:12px}.ce-stat strong{font-size:19px;font-variant-numeric:tabular-nums}.ce-workbench{display:grid;grid-template-columns:minmax(190px,.9fr) minmax(300px,1.5fr) minmax(225px,1fr);gap:15px;align-items:stretch}.ce-panel{min-width:0;padding:22px;border:1px solid #e0e9eb;border-radius:20px;background:#ffffffed;box-shadow:0 8px 28px #31576a0b}.ce-panel h3{margin:7px 0 17px;font-size:21px;letter-spacing:-.035em}.ce-inventory,.ce-market{min-height:510px}.ce-storage-list,.ce-product-list{display:grid;gap:9px;max-height:425px;overflow:auto;scrollbar-width:thin}.ce-storage-card{display:flex;align-items:center;width:100%;gap:11px;text-align:left;padding:11px;border:1px solid #e1ebee;border-radius:13px;background:#f8fbfb;color:var(--ce-ink);cursor:pointer;transition:transform .18s,border-color .18s,background .18s}.ce-storage-card:hover,.ce-storage-card.active{border-color:#7fbfc9;background:#ebf8f7;transform:translateY(-2px)}.ce-mini-glyph,.ce-product-glyph{display:grid;place-items:center;flex:0 0 37px;height:37px;color:#609ba9;background:#d9f0ef;border-radius:10px;font-size:23px}.ce-storage-copy{display:grid;gap:3px;min-width:0;flex:1}.ce-storage-copy strong,.ce-product strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.ce-storage-copy small,.ce-product small{color:var(--ce-muted);font-size:11px}.ce-storage-arrow{font-size:21px;color:#6f9daa}.ce-forge{text-align:center;background:radial-gradient(circle at 50% 27%,#eefafa,transparent 50%),#fff}.ce-forge .ce-kicker,.ce-forge h3{text-align:center}.ce-specimen{position:relative;display:grid;place-items:center;height:190px;margin:5px auto 13px;isolation:isolate}.ce-specimen-halo{position:absolute;width:175px;height:175px;border-radius:50%;border:1px solid #9fcbd2;background:radial-gradient(circle,#f7fbdf 0,#c8edf0 39%,#eefaff 66%,transparent 67%);box-shadow:0 0 0 10px #d7eff242;z-index:-1}.ce-specimen-glyph{font-size:106px;line-height:1;background:linear-gradient(145deg,#ecc794,#72bbc5 58%,#4e739d);background-clip:text;color:transparent;text-shadow:0 12px 23px #4794aa2b;transform:rotate(8deg)}.ce-level-badge{position:absolute;bottom:10px;padding:4px 14px;background:#1d5062;color:#fff;border-radius:99px;font-size:12px;font-weight:800}.ce-specimen-empty{font-size:70px;color:#8ebbc3}.ce-progress-top{display:flex;justify-content:space-between;gap:8px;color:var(--ce-muted);font-size:12px}.ce-progress-top strong{color:#2e7288}.ce-progress-track{height:9px;overflow:hidden;margin-top:9px;border-radius:9px;background:#e8eff0}.ce-progress-track span{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#87c9d0,#f5be7e);transition:width .35s}.ce-odds{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:16px 0}.ce-odds .ce-stat{padding:10px 6px;border-radius:11px;background:#f7fbfb}.ce-odds .ce-stat strong{font-size:13px}.ce-actions{display:flex;gap:8px;justify-content:center}.ce-actions button,.ce-buy{border:0;border-radius:11px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:transform .16s,filter .16s}.ce-actions button:hover:not(:disabled),.ce-buy:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.04)}.ce-actions button:disabled,.ce-buy:disabled{opacity:.5;cursor:not-allowed}.ce-primary{padding:13px 17px;color:#fff;background:linear-gradient(110deg,#286578,#438e97)}.ce-secondary{padding:13px 12px;color:#275a69;background:#e6f3f2}.ce-hint,.ce-empty-small{font-size:12px;line-height:1.6;color:var(--ce-muted)}.ce-search{width:100%;height:38px;margin-bottom:12px;padding:0 12px;border:1px solid #d9e8e9;border-radius:10px;background:#f9fcfc;color:var(--ce-ink);font:inherit}.ce-search:focus{outline:2px solid #9ad4d7;outline-offset:1px}.ce-product{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #e2ebeb;border-radius:12px}.ce-product>div{display:grid;gap:3px;flex:1;min-width:0}.ce-product-glyph{background:#fff0e1;color:#d39166}.ce-buy{padding:8px 10px;color:#785635;background:#fff1d9}.ce-history{padding:24px}.ce-history-list{display:grid;gap:3px}.ce-history-row{display:grid;grid-template-columns:1.5fr 1fr .7fr .8fr;gap:8px;padding:11px 3px;border-bottom:1px solid #edf1f2;font-size:13px}.ce-history-row time{color:var(--ce-muted)}.ce-success{color:#348b74}.ce-failure{color:#bd7255}.ce-notice,.ce-empty{padding:14px 18px;border:1px solid #c8e3dd;border-radius:12px;background:#effaf5;color:#296d63}.ce-empty{padding:30px;text-align:center}
@media(max-width:1120px){.ce-workbench{grid-template-columns:1fr 1.5fr}.ce-market{grid-column:1/-1;min-height:auto}.ce-product-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}}@media(max-width:700px){.ce-hero{padding:26px;min-height:auto}.ce-emblem{display:none}.ce-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ce-workbench{grid-template-columns:1fr}.ce-market{grid-column:auto}.ce-inventory,.ce-market{min-height:auto}.ce-product-list{grid-template-columns:1fr}.ce-history-row{grid-template-columns:1fr 1fr}.ce-actions{flex-wrap:wrap}.ce-page{gap:13px}}@media(prefers-reduced-motion:reduce){.ce-emblem-core{animation:none}.ce-page *{transition:none!important}}
.ce-mailed-list{display:grid;gap:8px}.ce-mailed-row{display:flex;justify-content:space-between;gap:12px;padding:11px;border:1px solid #e7edef;border-radius:11px}.ce-mailed-row code{color:#2d7d86;font-size:13px;white-space:nowrap}
.ce-strengthen-dialog{width:min(440px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #d2e5e6;border-radius:20px;background:#fffdf9;color:#173147;box-shadow:0 26px 90px #17314742;overflow:auto}.ce-strengthen-dialog::backdrop{background:#102e43a8;backdrop-filter:blur(4px)}.ce-dialog-content{padding:30px}.ce-dialog-content h2{margin:10px 0;font-size:26px;line-height:1.2}.ce-dialog-description{margin:0 0 18px;color:#607587;line-height:1.65}.ce-dialog-details{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ce-dialog-details .ce-stat{background:#f5faf9}.ce-dialog-warning{padding:12px 14px;border:1px solid #f1d6c7;border-radius:10px;background:#fff5ef;color:#8c5847;font-size:13px;line-height:1.6}.ce-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.ce-dialog-actions button{padding:12px 18px;border:0;border-radius:10px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.ce-dialog-actions .ce-dialog-cancel{background:#eaf2f3;color:#275a69}.ce-dialog-actions button:focus-visible{outline:3px solid #79bbc4;outline-offset:3px}@media(max-width:480px){.ce-dialog-content{padding:22px}.ce-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.ce-dialog-actions button{padding:12px 10px}}
.ce-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.ce-dialog-benefit{margin:10px 0 0;color:#287e76;font-size:13px;font-weight:700}@media(max-width:960px){.ce-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.ce-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ce-lucky-option{display:flex;align-items:center;justify-content:center;gap:9px;margin:13px auto 2px;padding:10px 14px;width:fit-content;border:1px solid #e9d8aa;border-radius:12px;background:#fff9e9;color:#775d2c;font-size:13px;font-weight:800;cursor:pointer}.ce-lucky-option input{width:17px;height:17px;accent-color:#d49b42}.ce-lucky-option:has(input:checked){border-color:#d49b42;background:#fff1ce;box-shadow:0 6px 18px #c3913b20}.ce-lucky-option:has(input:disabled){opacity:.55;cursor:not-allowed}.ce-lucky-hint{margin:0 0 14px;color:#8b764f;font-size:11px;line-height:1.5}
.ce-mini-glyph,.ce-product-glyph{overflow:hidden}.ce-mini-glyph img,.ce-product-glyph img{display:block;width:37px;height:37px;object-fit:contain;image-rendering:auto}.ce-specimen-glyph{display:grid;place-items:center;width:132px;height:132px;overflow:hidden;border-radius:18px;transform:none;background:#ffffffa8;color:#609ba9;font-size:72px}.ce-specimen-glyph img{display:block;width:132px;height:132px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 9px 12px #30607844)}