@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#061710;--panel:#0b2119;--panel2:#0d281e;--gold:#c5a35a;--gold2:#e0c77d;--cream:#f1eadb;--muted:#96a39a;--line:#34473c;--lineGold:#6b572c;--danger:#c97767;--a:#d6b867;--b:#7fa58d;--c:#708078}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:Manrope,Arial,sans-serif;font-size:16px}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;background:radial-gradient(circle at 88% 5%,rgba(197,163,90,.07),transparent 22%),var(--bg)}
.access-hidden{display:none!important}.access-gate{min-height:100vh;padding:28px;display:grid;place-items:center;background:radial-gradient(circle at 70% 0,rgba(197,163,90,.09),transparent 34%),var(--bg)}.access-gate.access-hidden{display:none}.access-card{width:min(570px,100%);border:1px solid var(--lineGold);background:linear-gradient(145deg,#0d281e,#081b14);padding:54px;box-shadow:0 35px 90px rgba(0,0,0,.32)}.access-mark{width:62px;height:62px;display:grid;place-items:center;margin-bottom:34px;background:#081c14;color:var(--gold2);border:2px solid #a88a45;box-shadow:inset 0 0 0 4px #081c14,inset 0 0 0 5px #6e592e;font:36px Georgia,serif}.access-card h1{font:400 48px/1.03 Georgia,serif;letter-spacing:-1.5px;margin:15px 0 20px}.access-card h1 em{font-style:normal;color:var(--gold2)}.access-copy{color:var(--muted);font-size:13px;line-height:1.75;margin:0 0 30px}.access-card form label{display:block;color:#c7d0c9;text-transform:uppercase;letter-spacing:1.2px;font-size:9px;font-weight:800}.access-card form input{width:100%;height:52px;margin-top:9px;border:1px solid #526258;background:#061710;color:var(--cream);padding:0 15px;outline:none;border-radius:0;letter-spacing:1.4px;text-transform:uppercase}.access-card form input:focus{border-color:var(--gold)}.access-error{min-height:18px;margin:8px 0 7px;color:var(--danger);font-size:10px}.access-button{width:100%;height:52px;border:1px solid var(--gold);background:var(--gold);color:#071710;font-size:11px;font-weight:800}.access-button:hover{background:var(--gold2)}.access-meta{color:#6f7d75;text-align:center;font-size:9px;margin:22px 0 0}
.topbar{height:78px;border-bottom:1px solid var(--lineGold);padding:0 max(4vw,calc((100vw - 1480px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(4,18,13,.95);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:#081c14;color:var(--gold2);border:2px solid #a88a45;box-shadow:inset 0 0 0 4px #081c14,inset 0 0 0 5px #6e592e;font:25px Georgia,serif}.brand>b{display:block;font-size:15px}.brand small{display:block;font-size:9px;letter-spacing:1.4px;color:var(--gold);text-transform:uppercase;margin-top:3px}.top-actions{display:flex;align-items:center;gap:24px}.privacy{font-size:11px;color:var(--muted)}.privacy i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6fa483;margin-right:8px}.ghost-button,.text-button{border:1px solid var(--lineGold);background:transparent;color:var(--gold);padding:10px 14px;font-size:11px}.text-button{border:0;padding:8px}
main{max-width:1480px;margin:auto;padding:0 28px}.intro-row{padding:72px 0 48px;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}.eyebrow,.step-label{font-size:10px;letter-spacing:1.8px;color:var(--gold);font-weight:800;margin:0}.intro-row h1{font:400 clamp(44px,5vw,72px)/.98 Georgia,serif;letter-spacing:-2px;margin:18px 0 0}.intro-row h1 em{font-style:normal;color:var(--gold2)}.intro-row>p{max-width:560px;color:var(--muted);font-size:14px;line-height:1.8;margin:0}
.mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--line);gap:1px;margin-bottom:20px}.mode-tabs button{height:62px;border:0;background:#091e16;color:#89978e;text-align:left;padding:0 20px;font-weight:700;font-size:13px}.mode-tabs button span{font-size:9px;color:#68786f;margin-right:12px}.mode-tabs button b{float:right;border:1px solid var(--line);min-width:24px;padding:3px;text-align:center;font-size:9px}.mode-tabs button.active{background:var(--gold);color:#071710}.mode-tabs button.active span{color:#5e4a22}
.workspace{display:none;grid-template-columns:310px minmax(480px,1fr) 390px;min-height:720px;border:1px solid var(--lineGold);background:var(--line);gap:1px}.workspace.active{display:grid}.control-panel,.builder-panel,.result-panel{background:var(--panel);padding:30px}.builder-panel{background:var(--panel2)}.panel-heading h2,.builder-head h2,.saved-heading h2{font:400 27px Georgia,serif;margin:9px 0 28px}.field{display:block;font-size:12px;color:#c7d0c9;margin:0 0 20px}.field-title{display:block;margin-bottom:10px}.field input,.field select{width:100%;height:46px;margin-top:8px;border:1px solid #46574d;background:#071a13;color:var(--cream);padding:0 12px;outline:none;border-radius:0}.field input:focus,.field select:focus{border-color:var(--gold)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.money-input{position:relative}.money-input span{position:absolute;left:12px;top:21px;color:var(--gold);font-size:13px}.money-input input{padding-left:27px}.strategy-list{display:grid;gap:7px}.strategy-list button{display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid var(--line);background:#0a1d16;color:#bdc8c0;padding:13px}.strategy-list button span{display:flex;flex-direction:column;gap:3px}.strategy-list button b{font-size:11px}.strategy-list button small{font-size:9px;color:#74837a}.strategy-list button i{font-style:normal;font-size:9px;color:#68786f}.strategy-list button.active{border-color:var(--gold);background:#10291f}.strategy-list button.active b,.strategy-list button.active i{color:var(--gold2)}.architecture-note{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.architecture-note p{font-size:9px;letter-spacing:1.5px;color:var(--gold);font-weight:800}.architecture-note span{display:block;color:var(--muted);font-size:11px;line-height:1.7}
.builder-head,.saved-heading{display:flex;justify-content:space-between;align-items:start}.tier-guide{display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin-bottom:15px}.tier-guide span{font-size:9px;color:#8e9b93}.tier-guide i{width:21px;height:21px;display:inline-grid;place-items:center;font-style:normal;border:1px solid currentColor;margin-right:6px}.tier-a{color:var(--a)}.tier-b{color:var(--b)}.tier-c{color:var(--c)}.scratch{color:var(--danger)}.runner-header,.runner-row{display:grid;grid-template-columns:52px minmax(130px,1fr) 125px 104px 35px;gap:8px;align-items:center}.runner-header{padding:8px 5px;color:#76857c;text-transform:uppercase;font-size:9px;letter-spacing:.7px}.runner-row{border-top:1px solid #31443a;padding:8px 5px}.runner-row input,.runner-row select{height:39px;border:1px solid #405248;background:#081c14;color:var(--cream);padding:0 9px;min-width:0}.runner-row .runner-number{text-align:center;color:var(--gold);font-weight:800}.runner-row .chance-wrap{position:relative}.runner-row .chance-wrap input{width:100%;padding-right:26px}.runner-row .chance-wrap span{position:absolute;right:8px;top:10px;color:#7e8c84;font-size:10px}.runner-row .scratch-btn{height:35px;border:1px solid #4b4c3c;background:transparent;color:#839088}.runner-row.scratched{opacity:.42}.runner-row.scratched input{text-decoration:line-through}.runner-row.scratched .scratch-btn{border-color:var(--danger);color:var(--danger)}.probability-bar{margin:22px 0}.probability-bar>div{height:5px;background:#20342a}.probability-bar>div span{display:block;height:100%;width:0;background:var(--gold);transition:width .2s}.probability-bar p{display:flex;align-items:baseline;gap:6px;font-size:10px;color:#849188}.probability-bar p b{color:var(--gold2)}.probability-bar p small{margin-left:auto}.generate-button{width:100%;height:52px;border:1px solid var(--gold);background:var(--gold);color:#071710;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:11px;font-weight:800}.generate-button:hover{background:var(--gold2)}
.result-panel{padding:0;background:#071a13;overflow:hidden}.result-empty{min-height:100%;display:grid;place-content:center;text-align:center;padding:40px}.large-r{font:64px Georgia,serif;color:#4b6856}.result-empty h3{font:400 22px Georgia,serif;margin:18px 0 8px}.result-empty p{max-width:260px;color:#819087;font-size:11px;line-height:1.7}.result-summary{padding:28px;border-bottom:1px solid var(--lineGold);background:#0a2119}.result-summary .status{font-size:9px;letter-spacing:1.4px;color:var(--gold);font-weight:800}.result-summary h3{font:400 25px Georgia,serif;margin:10px 0 20px}.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--line);gap:1px}.result-metrics div{background:#081c14;padding:13px}.result-metrics span{display:block;font-size:8px;color:#7d8b83;text-transform:uppercase}.result-metrics b{display:block;margin-top:5px;color:var(--gold2);font:400 20px Georgia,serif}.budget-meter{margin-top:18px}.budget-meter>div{height:5px;background:#263a30}.budget-meter>div span{height:100%;display:block;background:var(--gold)}.budget-meter p{display:flex;justify-content:space-between;font-size:9px;color:#849188}.ticket-scroll{max-height:510px;overflow:auto;padding:20px 24px}.ticket-group{margin-bottom:22px}.ticket-group-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ticket-group-head p{font-size:9px;letter-spacing:1.3px;color:var(--gold);font-weight:800;margin:0}.ticket-group-head span{font-size:9px;color:#7d8a82}.combo-row{display:grid;grid-template-columns:30px 1fr 50px;gap:8px;border-top:1px solid #283b31;padding:10px 2px;align-items:center}.combo-row>span{font-size:8px;color:#607168}.combo-numbers{display:flex;gap:6px;align-items:center}.combo-numbers b{width:27px;height:27px;display:grid;place-items:center;border:1px solid #6a5a35;color:#e5cc83;font-size:10px}.combo-numbers i{color:#526259;font-style:normal}.combo-row>strong{text-align:right;color:#99a69e;font-size:9px}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 24px 24px}.result-actions button{height:42px;border:1px solid var(--lineGold);background:transparent;color:var(--gold);font-size:10px}.result-actions button.primary-action{background:var(--gold);color:#071710;font-weight:800}
.multi-workspace{grid-template-columns:310px minmax(520px,1fr) 390px}.multi-legs{display:grid;gap:10px;margin-bottom:24px}.leg-card{border:1px solid var(--line);background:#0a2119;padding:15px}.leg-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.leg-head b{font:400 18px Georgia,serif}.leg-head span{font-size:9px;color:#79877f}.leg-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.leg-inputs label{font-size:9px;color:#7e8d84}.leg-inputs input{width:100%;height:39px;margin-top:6px;background:#071a13;border:1px solid #3d5045;color:#eee7d7;padding:0 9px}.leg-inputs label:nth-child(1) input{border-color:#7d6a3c}.leg-inputs label:nth-child(2) input{border-color:#52705e}.leg-inputs label:nth-child(3) input{border-color:#4d5a53}.compact-ticket{border:1px solid #34483d;margin-bottom:12px;background:#0a2119}.compact-head{display:flex;justify-content:space-between;padding:11px 12px;border-bottom:1px solid #31443a}.compact-head b{color:var(--gold2);font-size:10px}.compact-head span{font-size:9px;color:#829087}.compact-legs{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#31443a}.compact-legs div{background:#081c14;padding:10px}.compact-legs span{display:block;font-size:8px;color:#68786f}.compact-legs b{display:block;font-size:11px;margin-top:4px;color:#d6ded8}.saved-workspace{display:none;min-height:600px;border:1px solid var(--lineGold);padding:35px;background:#0b2119}.saved-workspace.active{display:block}.saved-heading>p{max-width:420px;color:var(--muted);font-size:12px;line-height:1.7}.saved-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}.saved-card{border:1px solid var(--line);padding:21px;background:#081c14}.saved-card>p{font-size:9px;color:var(--gold);letter-spacing:1.2px}.saved-card h3{font:400 20px Georgia,serif;margin:10px 0}.saved-card .saved-meta{display:flex;justify-content:space-between;color:#88968d;font-size:9px;border-top:1px solid var(--line);padding-top:13px}.saved-card button{margin-top:17px;border:0;background:none;color:var(--danger);font-size:9px;padding:0}footer{display:grid;grid-template-columns:1fr 2fr auto;gap:25px;align-items:center;padding:28px 0 45px;color:#6f7d75;font-size:9px}footer p{text-align:center}.toast{position:fixed;right:24px;bottom:24px;transform:translateY(30px);opacity:0;pointer-events:none;background:var(--gold);color:#071710;padding:13px 17px;font-size:11px;font-weight:800;transition:.25s;z-index:50}.toast.show{transform:none;opacity:1}
@media(max-width:1180px){.workspace,.multi-workspace{grid-template-columns:280px 1fr}.result-panel{grid-column:1/-1;min-height:420px}.ticket-scroll{max-height:none}.saved-list{grid-template-columns:repeat(2,1fr)}}
.saved-actions{display:flex;gap:14px;margin-top:17px}.saved-card .saved-actions button{margin-top:0;color:var(--gold)}.saved-card .saved-actions button.delete{color:var(--danger)}
@media(max-width:760px){main{padding:0 14px}.topbar{height:68px;padding:0 14px}.privacy{display:none}.brand-mark{width:36px;height:36px}.intro-row{grid-template-columns:1fr;gap:24px;padding:45px 0 35px}.intro-row h1{font-size:43px}.mode-tabs{grid-template-columns:1fr}.mode-tabs button{height:50px}.workspace,.multi-workspace{grid-template-columns:1fr}.control-panel,.builder-panel{padding:23px 18px}.runner-header{display:none}.runner-row{grid-template-columns:42px 1fr 90px 32px;grid-template-areas:'num name tier scratch' 'num chance chance scratch';padding:11px 0}.runner-number{grid-area:num}.runner-name{grid-area:name}.runner-tier{grid-area:tier}.chance-wrap{grid-area:chance}.scratch-btn{grid-area:scratch}.tier-guide{gap:10px}.probability-bar p small{display:none}.field-grid{grid-template-columns:1fr}.saved-heading{display:block}.saved-list{grid-template-columns:1fr}.leg-inputs{grid-template-columns:1fr}.compact-legs{grid-template-columns:1fr}footer{grid-template-columns:1fr;text-align:center}footer p{text-align:center}.top-actions{gap:8px}.ghost-button{padding:9px}.access-gate{padding:15px}.access-card{padding:36px 22px}.access-card h1{font-size:39px}.access-mark{width:55px;height:55px;font-size:31px;margin-bottom:28px}}
