:root{--bg-cream: #fff4da;--bg-sky: #d8f3ff;--bg-mint: #dbfbe2;--ink: #1a2433;--ink-soft: #334155;--panel: #ffffff;--panel-edge: rgba(26, 36, 51, .12);--accent: #ff7b54;--accent-dark: #e55d35;--teal: #2a9d8f;--gold: #f4b942;--berry: #ff6f91;--mint: #52b788;--shadow: 0 20px 40px rgba(26, 36, 51, .15);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px;--cell-size: 52px;--grid-cols: 6;--grid-rows: 5}*{box-sizing:border-box}body{margin:0;font-family:Nunito,Trebuchet MS,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 10%,rgba(255,214,102,.45),transparent 45%),radial-gradient(circle at 80% 20%,rgba(82,183,136,.35),transparent 40%),radial-gradient(circle at 20% 80%,rgba(255,111,145,.25),transparent 45%),linear-gradient(140deg,var(--bg-cream),#fffaf0 40%,var(--bg-sky));min-height:100vh}body:before,body:after{content:"";position:fixed;width:320px;height:320px;border-radius:50%;filter:blur(40px);z-index:-1;opacity:.55}body:before{background:#2a9d8f59;top:-140px;right:-120px}body:after{background:#ffb70359;bottom:-160px;left:-120px}.page{padding:28px 30px 40px}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.brand{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:#fffc;border:1px solid rgba(26,36,51,.1);color:var(--ink);text-decoration:none;font-weight:700;box-shadow:0 10px 20px #1a24331a;transition:transform .2s ease,box-shadow .2s ease}.brand:hover{transform:translateY(-2px);box-shadow:0 16px 30px #1a243326}.brand img{width:28px;height:28px}.title-block{text-align:center;flex:1}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.7rem;margin:0 0 6px;color:var(--teal);font-weight:700}.title-block h1{font-family:Bungee,Trebuchet MS,sans-serif;font-size:2rem;margin:0;color:var(--ink)}.subtitle{margin:6px 0 0;font-size:.95rem;color:var(--ink-soft)}.sponsor-slot{min-width:180px;min-height:44px;display:flex;align-items:center;justify-content:flex-end;gap:12px}.progress-track{height:8px;background:#1a24331f;border-radius:999px;overflow:hidden}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--gold));transition:width .4s ease}.buzz-strip{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:8px 14px;border-radius:999px;background:#ffffffbf;border:1px solid rgba(26,36,51,.1);box-shadow:0 12px 24px #1a24331f;margin-bottom:16px;overflow:hidden}.buzz-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:var(--teal);white-space:nowrap}.buzz-track{overflow:hidden}.buzz-marquee{display:inline-flex;width:max-content;white-space:nowrap;font-weight:700;color:var(--ink-soft)}.buzz-marquee.is-animated{animation:marquee 18s linear infinite;will-change:transform}.buzz-text{padding-right:32px}.buzz-strip:hover .buzz-marquee.is-animated{animation-play-state:paused}.time-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:center;gap:16px;padding:14px 18px;border-radius:var(--radius-lg);background:#ffffffd1;border:1px solid rgba(26,36,51,.1);box-shadow:var(--shadow);margin-bottom:22px}.time-block{display:grid;gap:6px;min-width:0}.time-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:var(--teal)}.time-value{font-weight:700}.time-count{font-size:.8rem;color:var(--ink-soft)}.time-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:8px}.end-period{font-size:1rem;padding:12px 20px;min-width:170px}.dashboard{display:grid;grid-template-columns:1.15fr 1.25fr .9fr;gap:22px}.panel{background:var(--panel);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow);border:1px solid var(--panel-edge);position:relative;overflow:hidden;animation:float-in .6s ease both}.panel:nth-child(1){animation-delay:.05s}.panel:nth-child(2){animation-delay:.12s}.panel:nth-child(3){animation-delay:.18s}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-head h2,.panel-section h3{margin:0;font-size:1.2rem}.panel-sub{font-size:.85rem;color:var(--ink-soft);margin:0}.market-list{display:grid;gap:14px}.market-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px;border-radius:var(--radius-md);background:#f8fafccc;border:1px solid rgba(26,36,51,.08)}.market-left{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;min-width:0}.item-media{width:64px;height:64px;border-radius:14px;border:1px solid rgba(26,36,51,.12);background:#ffffffb3;display:grid;place-items:center;overflow:hidden}.item-info{display:grid;gap:6px;min-width:0}.item-media img{width:100%;height:100%;object-fit:contain;padding:6px;display:block}.item-media img[hidden],.item-media.has-image .shape-preview{display:none}.market-item h4{margin:0 0 6px;font-size:1rem}.market-tags{display:flex;flex-wrap:wrap;gap:6px;font-size:.7rem;color:var(--ink-soft)}.market-tags span{padding:2px 6px;border-radius:999px;background:#2a9d8f26}.market-right{display:grid;justify-items:end;gap:6px;text-align:right}.price{font-size:1.1rem;font-weight:700}.trend{font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:999px;background:#2a9d8f26;color:var(--teal)}.trend.down{background:#ff6f9133;color:var(--berry)}.trend.flat{background:#1a24331a;color:var(--ink-soft)}.shape-preview{position:relative;width:42px;height:42px;margin-bottom:6px}.item-media .shape-preview{margin:0}.shape-preview .cell{position:absolute;width:14px;height:14px;border-radius:4px;background:var(--item-color, var(--accent));border:1px solid rgba(26,36,51,.12)}.market-buy{font-weight:700;padding:8px 12px;border-radius:999px;border:none;background:var(--accent);color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.market-buy:disabled{opacity:.55;cursor:not-allowed}.market-buy:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #ff7b5440}.backpack-panel{display:grid;gap:14px;align-content:start;overflow:visible}.storage-head{align-items:center}.storage-upgrades{display:flex;flex-wrap:wrap;gap:8px}.storage-section{display:grid;gap:10px}.fanny-section{padding-top:6px;border-top:1px dashed rgba(26,36,51,.12)}.storage-subhead{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.storage-subhead h3{margin:0;font-size:1rem}.storage-meta{font-size:.75rem;color:var(--ink-soft);display:none}.fanny-section.is-hidden{display:none}.backpack-stage{position:relative;width:calc(var(--grid-cols) * var(--cell-size));max-width:100%}.storage-stage{--grid-cols: 6;--grid-rows: 5}.backpack-grid{display:grid;grid-template-columns:repeat(var(--grid-cols),var(--cell-size));grid-template-rows:repeat(var(--grid-rows),var(--cell-size))}.grid-cell{border:1px dashed rgba(26,36,51,.18);background:#fff9}.backpack-items,.backpack-ghost{position:absolute;top:0;right:0;bottom:0;left:0}.item-cell,.ghost-cell{position:absolute;width:var(--cell-size);height:var(--cell-size);left:calc(var(--cell-size) * var(--x));top:calc(var(--cell-size) * var(--y));border-radius:12px;background:var(--item-color, var(--accent));border:2px solid rgba(26,36,51,.15);box-shadow:inset 0 0 0 1px #fff6;display:grid;place-items:center;font-weight:700;color:#1a2433e6;cursor:pointer;overflow:hidden}.item-cell.fragile{border-style:dashed}.item-cell.perishable{border-color:#ff7b5480}.item-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em}.item-thumb{width:100%;height:100%;object-fit:contain;padding:6px;pointer-events:none}.item-cell.has-image .item-label{display:none}.backpack-ghost{pointer-events:none}.backpack-ghost .ghost-cell{background:#2a9d8f59;border:2px dashed rgba(42,157,143,.8);cursor:default}.backpack-ghost[data-valid=false] .ghost-cell{background:#ff6f9159;border-color:#ff6f91cc}.placement-controls{display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--radius-md);background:#2a9d8f1f;font-weight:700}.placement-controls.is-visible{display:flex}.placement-buttons{display:flex;gap:8px}.item-popover{position:absolute;min-width:220px;padding:12px;border-radius:var(--radius-md);background:#fff;border:1px solid rgba(26,36,51,.12);box-shadow:var(--shadow);display:none;z-index:5}.item-popover.is-visible{display:grid;gap:10px}.popover-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.popover-title{font-weight:800;font-size:1rem}.popover-sub{font-size:.75rem;color:var(--ink-soft)}.popover-row{display:flex;justify-content:space-between;font-size:.85rem}.popover-actions{display:grid;gap:6px}.icon-btn{border:none;background:#1a24331a;border-radius:999px;width:26px;height:26px;cursor:pointer}.wallet{padding:14px;border-radius:var(--radius-md);background:linear-gradient(120deg,#ff7b5426,#f4b94233);margin-bottom:16px}.wallet-main{display:flex;justify-content:space-between;align-items:center}.wallet-main .label{text-transform:uppercase;letter-spacing:.15em;font-size:1rem;font-weight:700}.wallet-main .value{font-size:1.6rem;font-weight:800}.wallet-sub{margin-top:8px;display:grid;gap:4px;font-size:.85rem;color:var(--ink-soft)}.pass-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--radius-md);border:1px solid rgba(26,36,51,.12);background:#f8fafccc}.pass-count{font-weight:700}.pass-price{font-size:.8rem;color:var(--ink-soft);margin-top:2px}.panel-section{margin-bottom:16px}.loan-list,.loan-active{display:grid;gap:10px}.loan-active{margin-top:10px}.loan-card{padding:10px 12px;border-radius:var(--radius-md);border:1px solid rgba(26,36,51,.12);background:#f8fafccc;display:grid;gap:6px}.loan-card button{justify-self:start}.news-feed{list-style:none;padding:0;margin:0;display:grid;gap:10px;max-height:200px;overflow:auto}.news-feed li{padding:10px 12px;border-radius:var(--radius-md);border:1px solid rgba(26,36,51,.12);background:#ffffffbf;animation:slide-in .4s ease both}.news-time{font-size:.7rem;color:var(--ink-soft);margin-bottom:4px}.status-bar{min-height:24px;margin-top:0;font-size:.85rem;font-weight:700;color:var(--teal);text-align:right}.status-bar.is-warn{color:var(--berry)}.status-bar.is-good{color:var(--teal)}.primary-btn,.ghost-btn,.chip-btn{border:none;border-radius:999px;padding:10px 16px;font-weight:700;cursor:pointer;font-family:inherit}.primary-btn{background:var(--accent);color:#fff;box-shadow:0 12px 20px #ff7b5440}.primary-btn:hover{background:var(--accent-dark)}.ghost-btn,.chip-btn{background:#1a243314;color:var(--ink)}.primary-btn:disabled,.ghost-btn:disabled,.chip-btn:disabled{opacity:.6;cursor:not-allowed}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a243366;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:20}body.is-locked .page{pointer-events:none;-webkit-user-select:none;user-select:none}.modal.is-visible{opacity:1;pointer-events:auto}body.gg-loading-active .modal.is-visible{opacity:0;pointer-events:none}.modal-card{background:#fff;border-radius:var(--radius-lg);padding:24px;max-width:480px;width:100%;box-shadow:var(--shadow);display:grid;gap:14px}.modal-wide{max-width:860px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.chart-wrap{width:100%;overflow-x:auto}.chart-wrap canvas{width:100%;height:auto;display:block}.chart-legend{display:flex;flex-wrap:wrap;gap:10px 16px;font-size:.75rem;color:var(--ink-soft)}.chart-note{margin:0;font-size:.75rem;color:var(--ink-soft)}.legend-item{display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.legend-swatch{width:10px;height:10px;border-radius:999px;background:var(--legend-color, var(--accent))}.legend-item.is-dimmed{opacity:.4}.legend-item.is-highlighted{opacity:1;transform:translateY(-1px)}.modal-card ul{margin:0;padding-left:18px;display:grid;gap:6px}#startModal ul{margin-bottom:12px}.monitor-meta{display:flex;gap:10px;flex-wrap:wrap}.monitor-suspense{display:grid;gap:8px;padding:6px 0 4px}.monitor-suspense.is-hidden{display:none}.suspense-bar{height:8px;border-radius:999px;background:#1a24331f;overflow:hidden}.suspense-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--teal));transition:width .2s ease}.suspense-step{margin:0;font-size:.95rem;color:var(--ink)}.monitor-pill{padding:6px 12px;border-radius:999px;background:#2a9d8f1f;color:var(--ink);font-weight:700;font-size:.8rem;display:inline-flex;gap:6px;align-items:center}.monitor-pill strong{color:var(--teal)}.monitor-actions{display:grid;gap:8px}.monitor-actions.is-disabled{opacity:.7}.monitor-foot{font-size:.85rem;color:var(--ink-soft)}.recap-grid{display:grid;gap:10px}.recap-row{display:flex;justify-content:space-between;padding:8px 10px;border-radius:var(--radius-md);background:#f8fafce6;border:1px solid rgba(26,36,51,.1)}@keyframes float-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){.dashboard{grid-template-columns:1fr 1fr}.side-panel{grid-column:1 / -1}}@media (max-width: 900px){:root{--cell-size: 44px}.top-bar{flex-direction:column;align-items:stretch;text-align:center}.sponsor-slot{justify-content:center}.buzz-strip,.time-bar{grid-template-columns:1fr;text-align:center}.time-actions{align-items:center}.status-bar{text-align:center}.dashboard{grid-template-columns:1fr}.backpack-stage{margin:0 auto}}@media (max-width: 600px){:root{--cell-size: 38px}.page{padding:20px}.title-block h1{font-size:1.6rem}}