@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+JP:wght@400;600;700;900&display=swap');
:root{--ink:#171713;--paper:#f3f0e8;--yellow:#ffc52f;--orange:#ff7043;--green:#2b7a4b;--line:#171713;--muted:#6e6b61}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP",sans-serif}.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
header{height:78px;border-bottom:2px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:var(--paper);position:relative;z-index:5}.brand{display:flex;gap:12px;align-items:center}.brand-mark{display:grid;place-items:center;background:var(--ink);color:var(--yellow);width:43px;height:43px;border-radius:50%;font:700 15px "DM Mono"}.brand b{display:block;font-size:20px;letter-spacing:-1px}.brand small,.wallet span{font:500 9px "DM Mono";letter-spacing:2px}.wallet{text-align:right}.wallet span{display:block}.wallet strong{font:700 22px "DM Mono"}
main{max-width:1440px;margin:auto;padding:0 max(5vw,24px) 80px}.hero{min-height:390px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;border-bottom:2px solid var(--line);overflow:hidden}.eyebrow,.section-head small,.sun-shop small{font:500 11px "DM Mono";letter-spacing:2px;text-transform:uppercase}.hero h1{font-size:clamp(50px,7vw,94px);line-height:.95;letter-spacing:-6px;margin:15px 0 22px;font-weight:900}.hero h1 em{font-style:normal;color:var(--orange)}.lead{max-width:620px;line-height:1.9;color:#49473f}.sun{justify-self:center;width:min(31vw,360px);aspect-ratio:1;border-radius:50%;background:var(--yellow);display:grid;place-items:center;box-shadow:0 0 0 22px rgba(255,197,47,.18),0 0 0 48px rgba(255,197,47,.08);transition:.5s}.sun-face{font-size:clamp(120px,16vw,220px);line-height:1;animation:rotate 30s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}body.sun-off{background:#171b27;color:#f3f0e8}body.sun-off .sun{background:#303542;box-shadow:none;filter:grayscale(1);opacity:.25}body.sun-off header,body.sun-off .panel{background:#202531;color:#f3f0e8;border-color:#f3f0e8}body.sun-off .market-card,body.sun-off .crew-card{background:#292f3d;border-color:#f3f0e8}
.ticker{height:45px;display:flex;align-items:center;border-bottom:2px solid var(--line);font:500 11px "DM Mono";overflow:hidden;white-space:nowrap}.ticker span{background:var(--orange);color:white;padding:14px 18px;margin-right:18px;font-weight:700}.dashboard{display:grid;grid-template-columns:2fr 1fr;border-bottom:2px solid var(--line)}.panel{padding:40px 0}.market-panel{padding-right:34px;border-right:2px solid var(--line)}.stats-panel{padding-left:34px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-head h2{font-size:30px;margin:4px 0 0;letter-spacing:-1.5px}.section-head p{color:var(--muted);font-size:13px}.secondary,.primary,.trade-btn{font:700 12px "DM Mono";border:2px solid var(--ink);padding:12px 16px;background:transparent;cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:.15s}.secondary:active,.primary:active,.trade-btn:active{transform:translate(3px,3px);box-shadow:none}.market-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.market-card,.crew-card{border:2px solid var(--line);background:#faf8f2;padding:18px}.item-top{display:flex;justify-content:space-between}.item-icon{font-size:36px}.trend{font:700 11px "DM Mono";padding:4px 7px;background:#dcebdd;color:var(--green);height:max-content}.trend.down{background:#ffe0d7;color:#bd3f1c}.market-card h3{margin:12px 0 4px;font-size:17px}.price-row{display:flex;justify-content:space-between;align-items:end;margin-top:16px}.price-row small{display:block;color:var(--muted);font-size:10px}.price-row strong{font:700 20px "DM Mono"}.trade-btn{background:var(--yellow);padding:9px 12px}.trade-btn.sell{background:var(--orange);color:white}.day-badge{background:var(--yellow);padding:7px 9px;font:700 11px "DM Mono"}.stats{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--line)}.stats div{padding:17px}.stats div:nth-child(odd){border-right:1px solid var(--line)}.stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}.stats span{display:block;font-size:10px;color:var(--muted)}.stats strong{font:700 17px "DM Mono"}.inventory-wrap h3{font-size:13px;margin-top:25px}.inventory{display:flex;flex-wrap:wrap;gap:7px}.inventory-item{border:1px solid var(--line);padding:6px 9px;font-size:11px;background:var(--yellow)}.empty{font-size:12px;color:var(--muted)}
.team-section{border-bottom:2px solid var(--line)}.crew-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.crew-card{display:grid;grid-template-columns:auto 1fr;gap:13px}.avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:28px;background:#d7e8d9}.crew-card h3{margin:0}.crew-card p{font-size:11px;color:var(--muted);min-height:34px}.crew-card button{grid-column:1/-1;width:100%}.crew-card.hired{border-color:var(--green);box-shadow:inset 0 0 0 2px var(--green)}
.sun-shop{margin-top:55px;background:var(--yellow);border:2px solid var(--line);min-height:400px;padding:55px;display:grid;grid-template-columns:1.2fr .8fr;overflow:hidden;position:relative}.sun-shop h2{font-size:clamp(48px,6vw,80px);letter-spacing:-5px;margin:10px 0}.sun-shop p{font-size:15px}.price{font:500 11px "DM Mono";margin:35px 0 13px}.price strong{display:block;font-size:26px}.primary{background:var(--ink);color:white}.big{padding:17px 25px}.orbit{position:relative;display:grid;place-items:center}.mini-sun{font-size:160px;z-index:2}.planet{position:absolute;font-size:48px;animation:orbit 8s linear infinite}@keyframes orbit{from{transform:rotate(0deg) translateX(145px) rotate(0deg)}to{transform:rotate(360deg) translateX(145px) rotate(-360deg)}}.orbit-line{position:absolute;width:290px;height:290px;border:1px dashed var(--ink);border-radius:50%}.sun-control{position:fixed;z-index:30;left:50%;bottom:20px;transform:translateX(-50%);width:min(92%,520px);background:var(--ink);color:white;padding:15px 18px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 30px #0006}.sun-control small{display:block;font:500 9px "DM Mono";color:var(--yellow)}.hidden{display:none}.toggle{border:1px solid white;border-radius:30px;background:#444;color:white;padding:5px 10px 5px 5px;display:flex;align-items:center;gap:8px;cursor:pointer}.toggle span{width:25px;height:25px;border-radius:50%;background:var(--yellow)}.toast{position:fixed;top:90px;left:50%;transform:translate(-50%,-20px);background:var(--ink);color:white;padding:12px 20px;font-size:12px;opacity:0;transition:.25s;z-index:40;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:780px){header{height:65px}.wallet strong{font-size:17px}main{padding:0 16px 60px}.hero{grid-template-columns:1fr;min-height:520px;padding-top:45px}.hero h1{font-size:54px;letter-spacing:-4px}.lead{font-size:13px}.sun{width:210px;margin:25px 0 45px}.sun-face{font-size:130px}.dashboard{grid-template-columns:1fr}.market-panel{padding-right:0;border-right:0;border-bottom:2px solid var(--line)}.stats-panel{padding-left:0}.market-grid{grid-template-columns:1fr}.section-head{align-items:center}.section-head h2{font-size:24px}.crew-grid{grid-template-columns:1fr}.team-section .section-head{display:block}.sun-shop{padding:35px 24px;grid-template-columns:1fr;min-height:610px}.sun-shop h2{font-size:53px}.orbit{margin-top:35px}.mini-sun{font-size:130px}.orbit-line{width:220px;height:220px}@keyframes orbit{from{transform:rotate(0deg) translateX(110px) rotate(0deg)}to{transform:rotate(360deg) translateX(110px) rotate(-360deg)}}}