@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;1,500&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#eeeae2;background:#090b0f;font-synthesis:none;--gold:#dda536;--ink:#090b0f;--paper:#f4f1e9;--muted:#929bad;--line:#242b36;--panel:#101319}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button,a{color:inherit}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;width:max-content}.brand svg{width:34px;height:34px;color:var(--gold)}.brand span{font-family:Playfair Display,serif;font-size:19px;line-height:1}.brand em{color:var(--gold);font-weight:500}.brand small{display:block;font:500 9px/1.4 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:5px}.eyebrow,.panel-label{display:block;color:var(--gold);font:600 12px/1.2 DM Mono,monospace;letter-spacing:.14em;text-transform:uppercase}.button,.icon-button{border:1px solid var(--line);background:#141821;border-radius:10px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;text-decoration:none;transition:.2s}.button{padding:0 18px;font-weight:600}.button.primary{background:var(--gold);border-color:var(--gold);color:#111}.button.secondary{background:transparent}.button.large{width:100%;min-height:56px}.icon-button{width:48px;padding:0}.button:hover,.icon-button:hover{transform:translateY(-1px);border-color:var(--gold)}.icon-button:disabled{opacity:.3;cursor:not-allowed}.signout{position:fixed;right:14px;bottom:12px;z-index:30;border:0;background:transparent;color:#7f8795;font-size:11px;display:flex;gap:6px;align-items:center;cursor:pointer}.auth-page,.home-page,.input-page{min-height:100vh;background-color:#090b0f;background-image:radial-gradient(#1d2430 1px,transparent 1px);background-size:34px 34px}.auth-page{display:grid;place-items:center}.auth-shell{width:min(440px,calc(100% - 32px));padding:44px;border:1px solid #302b23;border-radius:22px;background:#0c0e12f0;box-shadow:0 30px 100px #0007}.auth-shell>.eyebrow{margin-top:70px}.auth-shell h1{font:500 58px/1 Playfair Display,serif;margin:14px 0 36px}.auth-form{display:grid;gap:17px}.auth-form label,.room-panel>label{display:grid;gap:8px;color:var(--muted);font:500 11px DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em}.auth-form input,.room-panel input{height:48px;border:1px solid var(--line);border-radius:9px;background:#090b0f;color:#fff;padding:0 14px;outline:none}.auth-form input:focus,.room-panel input:focus{border-color:var(--gold)}.form-error{color:#e0a783}.loading{color:var(--muted);display:flex;align-items:center;gap:10px}.loading i,.connection i{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px var(--gold)}.home-page{display:grid;place-items:center;padding:40px}.hero{width:min(1180px,100%);display:grid;grid-template-columns:1.35fr .65fr;gap:100px;align-items:center}.hero .eyebrow{margin-top:76px}.hero h1{font:500 clamp(52px,6vw,88px)/.98 "Playfair Display",serif;margin:15px 0 24px}.hero h1 em{color:var(--gold);font-weight:500}.hero p{max-width:650px;color:var(--muted);font-size:18px;line-height:1.7}.room-panel{display:grid;gap:13px;padding:26px;border:1px solid #302b23;border-radius:18px;background:#0d1015}.route-card{display:grid;grid-template-columns:28px 1fr 22px;gap:14px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:18px;text-decoration:none}.route-card:hover{border-color:var(--gold)}.route-card strong,.route-card small{display:block}.route-card small{color:var(--muted);margin-top:4px}.primary-card{background:#15120d;border-color:#5a431c}.input-page{padding:26px}.input-page>header{max-width:760px;margin:auto;display:flex;justify-content:space-between;align-items:center}.connection{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:99px;padding:10px 14px;color:var(--muted);font:500 12px DM Mono,monospace}.connection.error i{background:#d76b5d}.input-card{width:min(680px,100%);margin:55px auto;padding:40px;border:1px solid #3a3020;border-radius:20px;background:#0d1015}.input-card h1{font:500 clamp(40px,8vw,62px)/1.04 "Playfair Display",serif;margin:12px 0 18px}.input-card>p,.participant-choice>p{color:var(--muted);line-height:1.6}.scenario-form{display:grid;gap:24px;margin:34px 0}.scenario-form label>span{display:flex;justify-content:space-between;align-items:center;color:#c7ccd5}.scenario-form label strong{color:var(--gold);font:500 15px DM Mono,monospace}.scenario-form input[type=range]{width:100%;accent-color:var(--gold);margin-top:12px}.switch-row{display:flex;justify-content:space-between;align-items:center}.switch{height:36px;border:1px solid var(--line);background:#171b23;border-radius:99px;padding:4px 10px 4px 5px;display:flex;gap:8px;align-items:center;cursor:pointer}.switch i{width:24px;height:24px;border-radius:50%;background:#636b78}.switch.on i{background:var(--gold)}.participant-choice h2{font:500 35px Playfair Display,serif;margin:24px 0 5px}.step-ok{display:inline-block;color:#8fc29d;background:#122018;border:1px solid #264934;border-radius:99px;padding:8px 12px;font-size:12px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0}.choice-grid button{min-height:105px;border:1px solid var(--line);border-radius:12px;background:#12161d;color:#fff;display:grid;place-items:center;align-content:center;gap:6px;cursor:pointer}.choice-grid button b{font-size:28px}.choice-grid button.selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold);background:#201a10}.choice-sent{color:var(--gold);margin:0 0 20px}.participant-choice>.button{width:100%}.display-page{height:100vh;min-height:720px;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;transition:.25s;--bg:#090b0f;--fg:#eeeae2;--panel:#0d1015;--muted:#919aaa;--line:#252d38;--gold:#dda536;background:var(--bg);color:var(--fg);background-image:radial-gradient(#1a202a 1px,transparent 1px);background-size:34px 34px}.display-page.light{--bg:#f4f1e9;--fg:#171a1f;--panel:#faf8f3;--muted:#596270;--line:#c9c3b7;--gold:#a96800;background-image:radial-gradient(#dcd5c8 1px,transparent 1px)}.display-page>header{display:flex;justify-content:space-between;align-items:flex-start;padding:28px 38px 12px}.display-page header .brand{margin-bottom:16px}.display-page header h1{font:500 clamp(36px,3.5vw,62px)/1 "Playfair Display",serif;margin:9px 0 0}.header-actions{display:flex;gap:10px;align-items:center}.display-page .icon-button,.display-page .button{border-color:var(--line);background:var(--panel)}.display-page .button.primary{background:var(--gold);color:var(--bg);border-color:var(--gold)}.display-grid{min-height:0;display:grid;grid-template-columns:250px minmax(500px,1fr) 330px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.scenario-panel,.explanation-panel{padding:30px 28px;background:color-mix(in srgb,var(--panel) 90%,transparent)}.scenario-panel{border-right:1px solid var(--line)}.scenario-value{margin:23px 0}.scenario-value span,.scenario-value strong{display:block}.scenario-value span{font-size:12px;color:var(--muted);margin-bottom:4px}.scenario-value strong{font:500 17px DM Mono,monospace}.scenario-value i,.mini-value i,.probability-list i{display:block;position:relative;height:4px;background:var(--line);margin-top:8px}.scenario-value b,.mini-value b,.probability-list b{display:block;height:100%;background:var(--gold);box-shadow:0 0 12px color-mix(in srgb,var(--gold) 60%,transparent)}.scenario-panel>.button{width:100%;margin-top:14px}.visual-stage{position:relative;min-width:0;overflow:hidden}.network-scene{position:absolute;inset:72px 0 30px}.stage-nav{position:absolute;z-index:2;top:20px;left:26px;right:26px;display:flex}.stage-nav button{position:relative;flex:1;border:0;border-top:1px solid var(--line);background:transparent;color:var(--muted);padding:14px 3px 0;cursor:pointer;font:500 10px DM Mono,monospace}.stage-nav button i{position:absolute;top:-13px;left:calc(50% - 13px);display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--line);border-radius:50%;background:var(--bg);font-style:normal}.stage-nav button.active,.stage-nav button.done{color:var(--gold);border-color:var(--gold)}.stage-nav button.active i{background:var(--gold);color:var(--bg);border-color:var(--gold);box-shadow:0 0 20px var(--gold)}.stage-nav button.done i{border-color:var(--gold)}.scene-help{position:absolute;bottom:12px;width:100%;text-align:center;color:var(--muted);font:400 10px DM Mono,monospace}.explanation-panel{border-left:1px solid var(--line);overflow:auto}.step-number{display:block;color:var(--gold);font:500 13px DM Mono,monospace;margin-bottom:8px}.explanation-panel h2{font:500 37px/1.05 Playfair Display,serif;margin:9px 0 14px}.explanation-panel>p{color:var(--muted);line-height:1.55;font-size:14px}.calc{border:1px solid var(--line);border-radius:12px;padding:16px;margin-top:24px;display:grid;gap:10px}.calc small{color:var(--gold);text-transform:uppercase;font:500 10px DM Mono,monospace}.calc code{display:block;color:var(--fg);font:500 12px/1.5 DM Mono,monospace}.calc p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.calc.equation{grid-template-columns:1fr auto 1fr;align-items:center;text-align:center}.calc.equation p{grid-column:1/-1}.mini-value{display:grid;grid-template-columns:90px 1fr 40px;gap:8px;align-items:center;font-size:10px}.mini-value i{margin:0}.probability-list{display:grid;gap:12px;margin-top:22px}.probability-list>div{display:grid;grid-template-columns:110px 1fr 38px;gap:8px;align-items:center;font:500 10px DM Mono,monospace}.probability-list i{margin:0}.probability-list i em{position:absolute;top:-3px;width:2px;height:10px;background:var(--fg);opacity:.75}.decision{text-align:center;margin-top:24px;border:1px solid var(--gold);border-radius:14px;padding:20px}.decision>b{display:block;font-size:38px}.decision span,.decision strong{display:block}.decision strong{color:var(--gold);font:500 32px Playfair Display,serif;margin:4px}.decision p{color:var(--muted);font-size:11px}.display-page>footer{min-height:70px;display:flex;justify-content:center;align-items:center;gap:10px;padding:10px}.modal-backdrop{position:fixed;z-index:20;inset:0;background:#05070ad9;display:grid;place-items:center;padding:24px}.learning-modal{position:relative;width:min(920px,100%);max-height:94vh;overflow:auto;padding:38px;border:1px solid var(--gold);border-radius:18px;background:var(--panel);color:var(--fg);box-shadow:0 30px 100px #000b}.learning-modal .close{position:absolute;right:18px;top:18px}.learning-modal h2{font:500 52px/1 Playfair Display,serif;margin:10px 0 24px}.comparison{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.comparison>div{border:1px solid var(--line);border-radius:12px;padding:18px}.comparison small,.comparison span,.comparison strong{display:block}.comparison small{color:var(--muted)}.comparison strong{font:500 42px Playfair Display,serif;color:var(--gold)}.learning-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}.learning-steps>div{border:1px solid var(--line);border-radius:12px;padding:15px;display:grid;gap:8px}.learning-steps small{color:var(--gold);font:500 10px DM Mono,monospace;text-transform:uppercase}.learning-steps code{font:500 12px/1.5 DM Mono,monospace}.learning-steps span,.modal-note{color:var(--muted);font-size:11px;line-height:1.5}@media(max-width:1100px){.display-grid{grid-template-columns:210px 1fr 290px}.display-page>header{padding:20px}.scenario-panel,.explanation-panel{padding:22px 18px}.display-page header h1{font-size:40px}.header-actions .connection{display:none}}@media(max-width:780px){.hero{grid-template-columns:1fr;gap:30px}.hero .eyebrow{margin-top:45px}.home-page{padding:24px}.input-page{padding:18px}.input-card{margin:35px auto;padding:25px}.input-page header .connection{padding:8px}.choice-grid{grid-template-columns:1fr}.display-page{height:auto;min-height:100vh;overflow:auto}.display-page>header{display:block}.header-actions{position:absolute;right:14px;top:14px}.header-actions .icon-button:nth-of-type(2),.header-actions .icon-button:nth-of-type(3){display:none}.display-grid{display:block}.scenario-panel{border:0;border-bottom:1px solid var(--line)}.visual-stage{height:570px}.explanation-panel{border:0;border-top:1px solid var(--line)}.learning-steps{grid-template-columns:1fr}.learning-modal{padding:28px 20px}.learning-modal h2{font-size:38px}.comparison{gap:8px}.comparison strong{font-size:30px}.stage-nav button span{display:none}.display-page>footer{position:sticky;bottom:0;background:var(--bg);z-index:5}}.choice-grid button:disabled:not(.selected){opacity:.38}.participant-wait{text-align:center;padding:45px 10px}.participant-wait i{display:block;width:18px;height:18px;margin:auto;border:2px solid #39414d;border-top-color:var(--gold);border-radius:50%;animation:participant-spin 1s linear infinite}.participant-wait h2{margin-top:18px}@keyframes participant-spin{to{transform:rotate(360deg)}}