:root{--bg: #0a0e17;--bg-2: #111725;--panel: #161d2e;--panel-2: #1d2638;--border: #25304a;--text: #e6ecf5;--muted: #8b97ad;--accent: #4ade80;--accent-dim: #1f3d2c;--pos: #4ade80;--neg: #f87171;--gold: #fbbf24;--shadow: 0 10px 40px rgba(0, 0, 0, .45);--radius: 14px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 50% -10%,#16213a 0%,var(--bg) 55%);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}.app-shell{max-width:1180px;margin:0 auto;padding:28px 20px 64px}.btn{display:inline-block;border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:10px 18px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;text-decoration:none;transition:transform .05s ease,background .15s ease,opacity .15s ease}.btn,.chip,.share-btn,.mathtoggle__btn,.modal__extra-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn:hover{background:#232f47}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:linear-gradient(180deg,#34d27a,#1fa85d);border-color:#2bbd6e;color:#042312}.btn--primary:hover{background:linear-gradient(180deg,#3ee087,#25b466)}.btn--lg{padding:15px 30px;font-size:17px;border-radius:12px}.intro{max-width:620px;margin:9vh auto 0;text-align:center;display:flex;flex-direction:column;align-items:center}.intro__logo{font-weight:800;letter-spacing:2px;color:var(--accent);margin-bottom:22px}.intro__title{font-size:clamp(32px,8vw,46px);line-height:1.05;letter-spacing:-1px;margin:0 0 18px}.intro__lede{color:var(--muted);font-size:17px;line-height:1.6;max-width:520px;margin:0 0 28px}.intro__lede strong{color:var(--text)}.intro__cta{margin-bottom:26px}.intro__rules{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.intro__rules li{font-size:12.5px;color:var(--muted);background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:6px 13px}.play{position:relative}.topbar{display:flex;align-items:center;justify-content:center;margin-bottom:14px}.brand{font-size:22px;font-weight:800;letter-spacing:.12em;color:var(--accent);text-decoration:none}.brand:hover{opacity:.85}.hud{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px 20px;box-shadow:var(--shadow)}.hud__label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.hud__value{font-size:clamp(20px,6vw,26px);font-weight:800;font-variant-numeric:tabular-nums}.hud__decades{display:flex;gap:8px;list-style:none;margin:0;padding:0}.hud__decades li{font-size:12px;font-weight:700;color:var(--muted);background:var(--bg-2);border:1px solid var(--border);padding:6px 9px;border-radius:8px}.hud__decades li.active{color:#042312;background:var(--accent);border-color:var(--accent)}.hud__decades li.done{color:var(--accent);border-color:var(--accent-dim)}.stage{margin-top:22px}.stage--center{min-height:52vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.stage__hint{color:var(--muted);font-size:14px;margin:14px 2px 18px}.wheel{text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:clamp(24px,6vw,38px) clamp(22px,9vw,56px);max-width:100%;box-shadow:var(--shadow)}.wheel__decade{font-size:clamp(38px,11vw,54px);font-weight:800;color:var(--accent);letter-spacing:1px}.wheel__date{font-size:clamp(22px,7.5vw,30px);font-weight:700;margin-top:6px;font-variant-numeric:tabular-nums}.wheel__sector{margin-top:8px;min-height:22px;font-size:16px;font-weight:700;letter-spacing:.02em;color:var(--accent)}.wheel--spinning .wheel__sector{animation:pulse .4s infinite alternate}.wheel__caption{margin-top:10px;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:1px}.wheel--spinning .wheel__date{color:var(--gold);animation:pulse .4s infinite alternate}@keyframes pulse{0%{opacity:.55}to{opacity:1}}.roundbar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;box-shadow:var(--shadow);position:sticky;top:12px;z-index:5}.roundbar__date{font-size:18px;font-weight:700;display:flex;align-items:center;gap:10px}.roundbar__decade{color:var(--accent)}.roundbar__sector{font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding:3px 9px;border-radius:999px;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.roundbar__hint{align-self:center;font-size:12px;color:var(--muted);max-width:220px}.roundbar__yolo{font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding:3px 9px;border-radius:999px;color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent);border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);cursor:help}.roundbar__yolo.is-used{color:var(--muted);background:var(--bg-2);border-color:var(--border)}.alloc-layout{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.alloc-layout__pie{flex:0 0 auto}.alloc-layout .grid,.alloc-layout .scroll-x{flex:1 1 320px;min-width:0}.pie{display:flex;flex-direction:column;align-items:center;gap:14px}.pie__svg{flex:0 0 auto}.pie__legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;min-width:110px}.pie__row{display:flex;align-items:center;gap:7px;font-size:12px}.pie__dot{width:10px;height:10px;border-radius:3px;flex:0 0 auto}.pie__label{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pie__val{font-weight:700;color:var(--muted)}.roundbar__actions{display:flex;gap:8px;flex-wrap:wrap}.roundbar__alloc{flex:1;min-width:200px;display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:13px}.meter{height:8px;background:var(--bg-2);border-radius:999px;overflow:hidden;border:1px solid var(--border)}.meter__fill{height:100%;background:var(--accent);transition:width .15s ease}.meter__fill.over{background:var(--neg)}.mathtoggle{margin-top:8px}.mathtoggle__btn{background:none;border:none;color:var(--muted);font-size:12.5px;font-weight:600;cursor:pointer;padding:2px 0}.mathtoggle__btn:hover{color:var(--text)}.mathblock{margin:8px 0 2px;padding:12px 14px;background:var(--bg);border:1px solid var(--border);border-radius:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.65;color:var(--text);white-space:pre-wrap;word-break:break-word;overflow-x:auto}.legsummary{margin-top:16px;padding:12px 16px;border-radius:12px;font-size:15px;border:1px solid var(--border);background:var(--panel)}.legsummary.pos{border-color:#1f5138;background:linear-gradient(180deg,#122a1e,var(--panel))}.legsummary.neg{border-color:#5a2230;background:linear-gradient(180deg,#2a1219,var(--panel))}.legsummary__lead{font-weight:700}.legsummary.pos .legsummary__lead{color:var(--pos)}.legsummary.neg .legsummary__lead{color:var(--neg)}.section{margin-top:22px}.section__title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;margin:0 0 4px;text-transform:uppercase;letter-spacing:.6px}.section__sub{text-transform:none;letter-spacing:0;font-weight:500;font-size:12px;color:var(--muted);margin-left:auto}.dot{width:9px;height:9px;border-radius:50%;background:var(--muted);display:inline-block}.dot--held{background:var(--gold)}.stocktable{margin-top:12px}.stocktable__filter{width:100%;max-width:360px;margin-bottom:10px;background:var(--bg-2);border:1px solid var(--border);border-radius:9px;padding:9px 12px;color:var(--text);font-size:14px}.stocktable__filter::placeholder{color:var(--muted)}.dt{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;min-width:720px}.dt thead th{position:sticky;top:0;background:var(--bg-2);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.6px;text-align:left;padding:10px 12px;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border)}.dt thead th:hover{color:var(--text)}.dt thead th.sorted{color:var(--accent)}.dt th.num,.dt td.num{text-align:right;font-variant-numeric:tabular-nums}.dt__alloc-head{text-align:right;cursor:default!important}.dt tbody tr{border-bottom:1px solid var(--border)}.dt tbody tr:last-child{border-bottom:none}.dt tbody tr:hover{background:var(--panel-2)}.dt td{padding:9px 12px;font-size:13.5px;white-space:nowrap}.dt__ticker{font-weight:700;margin-right:8px}.dt__name,.dt__sector{color:var(--muted);font-size:12px}.dt__industry{display:block;color:var(--muted);font-size:11px;opacity:.7}.dt__wild{background:color-mix(in srgb,var(--accent, #5eead4) 9%,transparent);box-shadow:inset 3px 0 0 var(--accent, #5eead4)}.dt__wild .dt__ticker{letter-spacing:.04em}.dt__alloc{display:flex;gap:5px;justify-content:flex-end}.dt__alloc .chip{flex:0 0 auto;min-width:44px;padding:5px 0}.dt__empty{text-align:center!important;color:var(--muted);padding:26px 12px!important}.grid{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px;transition:border-color .15s ease,transform .05s ease}.card--active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-dim)}.card--held{border-color:#5a4a1f}.card--held.card--active{border-color:var(--accent)}.card__held{font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;display:inline-block;margin-top:8px;background:var(--bg-2);border:1px solid var(--border)}.card__held.pos{color:var(--pos)}.card__held.neg{color:var(--neg)}.card__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.card__ticker{font-weight:800;font-size:17px}.card__name{font-size:12px;color:var(--muted)}.card__price{font-weight:700;font-variant-numeric:tabular-nums}.card__sector{margin:6px 0 10px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.card__metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin:0 0 12px}.card__metrics div{display:flex;justify-content:space-between;border-bottom:1px dotted var(--border);padding-bottom:3px}.card__metrics dt{color:var(--muted);font-size:12px}.card__metrics dd{margin:0;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.card__alloc{display:flex;gap:5px}.chip{flex:1;padding:6px 0;font-size:12px;font-weight:700;border-radius:8px;border:1px solid var(--border);background:var(--bg-2);color:var(--muted);cursor:pointer}.chip:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.chip--on{background:var(--accent);border-color:var(--accent);color:#042312}.chip:disabled{opacity:.35;cursor:not-allowed}.chip--yolo{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 45%,transparent)}.chip--yolo:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.chip--yolo.chip--on{background:var(--gold);border-color:var(--gold);color:#2a1c02}.banner{margin-top:14px;padding:10px 14px;border-radius:10px;font-size:14px}.banner--error{background:#3a1620;border:1px solid #5a2230;color:#fca5a5}.results{max-width:640px;margin:4vh auto 0;text-align:center}.results__headline{font-size:30px;margin:0 0 8px}.results__balance{font-size:clamp(40px,13vw,60px);font-weight:800;font-variant-numeric:tabular-nums}.results__balance.pos{color:var(--pos)}.results__balance.neg{color:var(--neg)}.results__sub{color:var(--muted);margin-top:4px}.share-landing{text-align:center;padding:12vh 16px;color:var(--muted);font-size:18px}.share-landing h1{color:var(--text);margin-bottom:8px}.share-landing .btn{margin-top:18px}.modal-overlay{position:fixed;inset:0;background:#04070ec7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto;z-index:100}.modal{position:relative;width:100%;max-width:440px;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:24px 22px 22px;box-shadow:0 24px 80px #0009}.modal__close{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--muted);font-size:18px;cursor:pointer}.modal__close:hover{color:var(--text)}.modal__title{margin:0 0 16px;font-size:22px}.modal__summary{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;background:var(--bg-2);border:1px solid var(--border);border-radius:12px;margin-bottom:16px}.modal__bigret{font-size:clamp(32px,10vw,40px);font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}.modal__line{color:var(--muted);font-variant-numeric:tabular-nums}.modal__squares{margin-top:6px;letter-spacing:2px;font-size:15px}.modal__fp{margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;color:var(--muted);letter-spacing:1px}.modal__link{margin-bottom:14px}.modal__link-input{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:11px 13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.modal__link-err{color:var(--neg);font-size:14px}.share-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:12px}.share-btn{display:flex;align-items:center;justify-content:center;padding:13px 8px;border-radius:11px;color:#fff;font-weight:700;font-size:14px;text-decoration:none;text-align:center;transition:filter .12s ease,transform .05s ease}.share-btn:hover{filter:brightness(1.1)}.share-btn:active{transform:translateY(1px)}.share-btn.is-disabled{opacity:.4;pointer-events:none}.share-btn--x{background:#4a99e9}.share-btn--imessage{background:#34c759}.share-btn--whatsapp{background:#25d366}.share-btn--telegram{background:#2aabee}.share-btn--reddit{background:#ff4500}.share-btn--facebook{background:#1877f2}.share-btn--bluesky{background:#1185fe}.modal__copy{width:100%}.modal__extras{display:flex;justify-content:center;gap:18px;margin-top:14px}.modal__extra-btn{background:none;border:none;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;text-decoration:underline}.modal__extra-btn:hover{color:var(--text)}.sharecard-frame{max-width:460px;margin:20px auto 6px}.sharecard{width:100%;height:auto;display:block;border-radius:18px;border:1px solid var(--border);box-shadow:var(--shadow)}.results__actions{display:flex;gap:10px;justify-content:center;margin-top:20px;flex-wrap:wrap}.results__highlights{display:flex;gap:14px;justify-content:center;margin:24px 0;flex-wrap:wrap}.share-fallback{margin-top:14px;text-align:left}.share-fallback__note{font-size:12px;color:var(--muted);margin-bottom:6px}.share-fallback__text{width:100%;background:var(--bg-2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;resize:vertical}.results__block{margin-top:30px;text-align:left}.results__row{display:flex;gap:28px;align-items:flex-start}.results__row .results__block--sector{flex:0 0 200px;min-width:0}.results__row .breakdown{min-width:0}.results__row .breakdown th,.results__row .breakdown td{padding:7px 8px;font-size:11.5px}.results__row .breakdown th{font-size:9.5px;letter-spacing:.5px}.results__row .breakdown__ticker{margin-right:5px}.results__row .breakdown__name{font-size:10.5px}.results__row .results__block--gains{flex:1 1 0;min-width:0}.results__h2{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:0 0 6px}.results__caption{font-size:13px;color:var(--muted);margin:0 0 12px;line-height:1.5}.breakdown__decades{color:var(--muted);font-size:12px}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.breakdown{width:100%;border-collapse:collapse;min-width:380px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.breakdown th,.breakdown td{padding:9px 14px;text-align:right;font-variant-numeric:tabular-nums;border-bottom:1px solid var(--border);font-size:14px}.breakdown th{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);background:var(--bg-2)}.breakdown th:first-child,.breakdown td:first-child{text-align:left}.breakdown tbody tr:last-child td{border-bottom:none}.breakdown__ticker{font-weight:700;margin-right:8px}.breakdown__name{color:var(--muted);font-size:12px}.legtable{display:flex;flex-direction:column;gap:8px}.legrow{background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden}.legrow>summary{display:grid;grid-template-columns:56px 1fr auto auto;gap:12px;align-items:center;padding:11px 14px;cursor:pointer;font-variant-numeric:tabular-nums;list-style:none}.legrow>summary::-webkit-details-marker{display:none}.legrow__decade{font-weight:800}.legrow__sector{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--accent);padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,transparent)}.legrow__dates{color:var(--muted);font-size:13px}.legrow__ret{font-weight:700}.legrow__bal{font-weight:600;min-width:96px;text-align:right}.legrow__detail{padding:4px 14px 12px;border-top:1px dashed var(--border)}.legrow__cash{color:var(--muted);font-size:13px;padding:8px 0}.pick{display:grid;grid-template-columns:64px 1fr auto auto;gap:12px;align-items:center;padding:7px 0;border-bottom:1px dotted var(--border);font-variant-numeric:tabular-nums;font-size:13px}.pick:last-child{border-bottom:none}.pick__ticker{font-weight:700}.pick__prices{color:var(--muted)}.pick__ret{text-align:right}.pick__gain{text-align:right;font-weight:600;min-width:92px}.pick--cash .pick__ticker{color:var(--muted)}.highlight{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px 18px}.highlight__label{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.highlight__value{font-weight:700;font-size:18px}.timeline{width:100%;border-collapse:collapse;margin:8px 0 28px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.timeline th,.timeline td{padding:10px 14px;text-align:right;font-variant-numeric:tabular-nums;border-bottom:1px solid var(--border)}.timeline th:first-child,.timeline td:first-child,.timeline th:nth-child(2),.timeline td:nth-child(2){text-align:left}.timeline th{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);background:var(--bg-2)}.timeline tbody tr:last-child td{border-bottom:none}.pos{color:var(--pos)}.neg{color:var(--neg)}.play__home{display:inline-block;margin-top:8px;color:var(--muted);text-decoration:none;font-size:14px}.play__home:hover{color:var(--text)}.mobilebar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:50;align-items:center;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--border)}.mobilebar__status{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobilebar .btn{flex:0 0 auto}@media(pointer:coarse){.chip,.dt__alloc .chip{padding:10px 0}.mathtoggle__btn,.modal__extra-btn{padding:8px 0}}@media(max-width:720px){.app-shell{padding:16px 12px 48px}.topbar{margin-bottom:10px}.hud{flex-wrap:wrap;gap:10px 16px;padding:12px 14px}.hud__decades{flex-wrap:wrap;gap:6px}.hud__decades li{padding:5px 8px;font-size:11px}.roundbar{position:static;padding:12px;gap:10px}.roundbar__date{flex-wrap:wrap;row-gap:6px;font-size:16px}.roundbar__alloc{flex-basis:100%;min-width:0}.roundbar__actions{width:100%}.roundbar__actions .btn{flex:1 1 auto}.roundbar__hint{flex-basis:100%;max-width:none}.stage--alloc{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.mobilebar{display:flex}.section__title{flex-wrap:wrap}.section__sub{margin-left:0;flex-basis:100%}.stocktable__filter{max-width:none;font-size:16px}.dt{min-width:0}.dt .dt__col--sm-hide{display:none}.dt thead th,.dt td{padding:8px}.dt__name{display:block;margin-top:2px;white-space:normal}.dt__alloc .chip{min-width:40px}.legsummary{font-size:14px}.mathblock{font-size:11.5px;padding:10px 12px}.results__row{flex-direction:column;align-items:stretch;gap:24px}.results__row>*{flex-basis:auto;min-width:0;max-width:100%}.results__row .breakdown th,.results__row .breakdown td{padding:8px 10px;font-size:13px}.modal-overlay{padding:16px 10px 24px}.modal{padding:20px 16px 16px}.modal__link-input{font-size:16px}}