.cf{box-sizing:border-box;max-width:1280px;padding:calc(var(--hud-h) + 24px) clamp(16px, 4vw, 48px) 0;grid-template-columns:minmax(0,1fr);gap:16px;margin-inline:auto;display:grid}.cf-stage{border:1px solid var(--line);background:#111a2e;border-radius:28px;height:42vh;min-height:300px;max-height:480px;position:relative;overflow:hidden}.cf-stage .stage{border-radius:0;height:100%;position:absolute;inset:0}.cf-caption{z-index:2;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);pointer-events:none;background:#0d1321db;border-radius:14px;gap:1px;max-width:calc(100% - 28px);padding:9px 14px;display:grid;position:absolute;top:14px;left:14px}.cf-caption b{font:600 1.05rem/1.2 var(--font-head);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cf-caption span{font-size:.8rem}@media (min-width:900px){.cf{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:28px}.cf-stage{height:calc(100dvh - var(--hud-h) - 72px);max-height:740px;top:calc(var(--hud-h) + 24px);position:sticky}}.cf-steps{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 22px;padding:0;list-style:none;display:grid}.cf-steps li{position:relative}.cf-steps li+li:before{content:"";background:var(--line);width:calc(100% - 48px);height:2px;transition:background-color .4s var(--ease);position:absolute;top:17px;right:calc(50% + 24px)}.cf-steps li[data-state=done]:before,.cf-steps li[data-state=now]:before{background:var(--green-text)}.cf .cf-steps button{width:100%;min-height:64px;color:var(--muted);background:0 0;border:0;flex-direction:column;gap:6px;padding:0;font-size:.85rem}.cf .cf-steps button:hover:not(:disabled){color:var(--text);background:0 0}.cf .cf-steps button:disabled{opacity:1;cursor:default}.cf .cf-steps li[data-state=done] button{cursor:pointer}.cf-dot{width:36px;height:36px;font:600 .95rem var(--font-head);border:2px solid var(--line);background:var(--surface);color:var(--muted);transition:all .32s var(--ease);border-radius:50%;place-items:center;display:grid}.cf-steps li[data-state=now] .cf-dot{border-color:var(--green-text);color:var(--text);background:var(--raised)}.cf-steps li[data-state=done] .cf-dot{border-color:var(--green-text);background:var(--green);color:#fff}.cf-steps li[data-state=now] .cf-stepname,.cf-steps li[data-state=done] .cf-stepname{color:var(--text);font-weight:500}.cf-body{animation:cf-in .34s var(--ease) both}.cf-body[data-dir="-1"]{animation-name:cf-in-back}.cf-body h2{letter-spacing:-.02em;margin:0 0 6px;font-size:clamp(1.5rem,3.4vw,1.9rem)}.cf-body>section>p.mut{margin:0 0 18px}.cf-field{border-top:1px solid var(--line);padding:18px 0}.cf-field:first-of-type{border-top:0}.cf-body>section>.cf-field:first-of-type{margin-top:12px}.cf-fieldhead{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.cf-fieldhead h3,.cf-label{font:600 1rem var(--font-head);margin:0}.cf-label{margin-bottom:10px;display:block}.cf-namebox{position:relative}.cf-namebox input{min-height:54px;transition:border-color .18s var(--ease), box-shadow .18s var(--ease);padding-right:48px;font-size:1.05rem}.cf-namebox input:focus{border-color:var(--green-text);outline:none;box-shadow:0 0 0 3px #3fd08a47}.cf-namebox[data-state=ok] input{border-color:#3fd08abf}.cf-namebox[data-state=bad] input{border-color:var(--danger-text)}.cf-namestate{animation:.3s cubic-bezier(.34,1.56,.64,1) both cf-pop;display:grid;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.cf-namebox[data-state=ok] .cf-namestate{color:var(--green-text)}.cf-namebox[data-state=bad] .cf-namestate{color:var(--danger-text)}.cf-field .field-help{margin-top:8px;display:block}.cf-seg{background:var(--bg);border:1px solid var(--line);border-radius:16px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.cf .cf-seg button{min-height:46px;color:var(--muted);transition:background-color .22s var(--ease), color .22s var(--ease);background:0 0;border:0;border-radius:12px;font-weight:500}.cf .cf-seg button:hover:not(:disabled){background:var(--surface);color:var(--text)}.cf .cf-seg button[aria-pressed=true],.cf .cf-seg button[aria-pressed=true]:hover:not(:disabled){background:var(--raised);color:var(--text);box-shadow:inset 0 0 0 1px var(--green-text)}.cf-chips,.cf-swatches{flex-wrap:wrap;gap:8px;display:flex}.cf .cf-chip{border-radius:var(--r-pill);background:var(--surface);min-height:44px;transition:background-color .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease);padding:8px 16px}.cf .cf-chip:hover:not(:disabled){background-color:var(--raised);border-color:#ffffff3d}.cf .cf-chip[aria-pressed=true],.cf .cf-chip[aria-pressed=true]:hover:not(:disabled){border-color:var(--green-text);background-color:#15803d3d}.cf .cf-swatch{background:var(--sw);color:#fff;width:44px;height:44px;min-height:44px;transition:transform .2s var(--ease), border-color .2s var(--ease);border:2px solid #ffffff24;border-radius:50%;padding:0;position:relative}.cf .cf-swatch:hover:not(:disabled){background-color:var(--sw);border-color:#fff9;transform:scale(1.06)}.cf .cf-swatch svg{opacity:0;transition:opacity .18s var(--ease), transform .26s cubic-bezier(.34, 1.56, .64, 1);filter:drop-shadow(0 0 2px #000000b3);transform:scale(.4)}.cf .cf-swatch[aria-pressed=true],.cf .cf-swatch[aria-pressed=true]:hover:not(:disabled){box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--green-text);background-color:var(--sw);border-color:#fff}.cf .cf-swatch[aria-pressed=true] svg{opacity:1;transform:scale(1)}.cf-titlerow{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.cf-count{border-radius:var(--r-pill);background:var(--raised);border:1px solid var(--line);color:var(--muted);white-space:nowrap;padding:3px 12px;font-size:.85rem}.cf-traits{grid-template-columns:1fr;gap:10px;display:grid}.cf-faculties{grid-template-columns:1fr;gap:8px;display:grid}@media (min-width:520px){.cf-traits,.cf-faculties{grid-template-columns:1fr 1fr}}.cf .cf-trait,.cf .cf-fac{text-align:left;background:var(--surface);transition:background-color .22s var(--ease), border-color .22s var(--ease), transform .15s var(--ease);border-radius:18px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:6px;padding:16px 44px 16px 16px;display:flex;position:relative}.cf .cf-trait{min-height:150px}.cf .cf-fac{gap:8px;min-height:84px;padding-right:40px}.cf .cf-trait:hover:not(:disabled),.cf .cf-fac:hover:not(:disabled){background-color:var(--raised);border-color:#ffffff3d}.cf .cf-trait[aria-pressed=true],.cf .cf-fac[aria-pressed=true],.cf .cf-trait[aria-pressed=true]:hover:not(:disabled),.cf .cf-fac[aria-pressed=true]:hover:not(:disabled){border-color:var(--green-text);background-color:#15803d33}.cf-trait b,.cf-fac b{font:600 1.05rem/1.2 var(--font-head)}.cf-trait .mut{font-size:.88rem;line-height:1.45}.cf-tico{background:var(--raised);width:40px;height:40px;color:var(--green-text);transition:background-color .22s var(--ease), color .22s var(--ease);border-radius:12px;place-items:center;display:grid}.cf-trait[aria-pressed=true] .cf-tico{background:var(--green);color:#fff}.cf-tick{border:2px solid var(--field);color:#0000;width:22px;height:22px;transition:all .24s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.cf-tick svg{transition:transform .26s cubic-bezier(.34,1.56,.64,1);transform:scale(0)}[aria-pressed=true]>.cf-tick{background:var(--green);border-color:var(--green-text);color:#fff}[aria-pressed=true]>.cf-tick svg{transform:scale(1)}.cf-diff{align-items:center;gap:8px;font-size:.85rem;display:inline-flex}.cf-meter{gap:3px;display:inline-flex}.cf-meter i{background:#ffffff24;border-radius:3px;width:14px;height:5px}.cf-meter[data-n="1"] i:nth-child(-n+1),.cf-meter[data-n="2"] i:nth-child(-n+2),.cf-meter[data-n="3"] i{background:var(--gold-text)}.cf-bar{z-index:5;padding:14px 0 calc(24px + var(--safe-b));background:var(--bg);border-top:1px solid var(--line);gap:10px;margin-top:18px;display:flex;position:sticky;bottom:0}.cf .cf-bar button{min-height:54px;font-size:1.02rem}.cf .cf-back{background:0 0;flex:none;padding-inline:20px}.cf .cf-next{flex:auto}.cf-fine{text-align:center;max-width:none;margin:0 0 24px;font-size:.85rem}@keyframes cf-in{0%{opacity:0;transform:translate(18px)}}@keyframes cf-in-back{0%{opacity:0;transform:translate(-18px)}}@keyframes cf-pop{0%{opacity:0;transform:translateY(-50%)scale(.3)}}
.lr{--rh:clamp(76px, 20vw, 108px);--cls:var(--gold-text);box-sizing:border-box;max-width:1200px;padding:calc(var(--hud-h) + 24px) clamp(16px, 4vw, 48px) 0;margin-inline:auto}.lr-head{margin:4px 0 20px}.lr-head h1{letter-spacing:-.025em;animation:lr-swap .36s var(--ease) both;font-size:clamp(1.9rem,4.6vw,2.7rem)}.lr-head p{margin:6px 0 0;font-size:1rem}.lr[data-phase=landed] .lr-head h1,.lr[data-phase=landed] .lr-head p{animation:lr-swap .36s var(--ease) both}.lr-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (min-width:880px){.lr-grid{grid-template-columns:minmax(340px,420px) minmax(0,1fr);gap:28px}.lr-machine{top:calc(var(--hud-h) + 24px);position:sticky}}.lr-machine{background:var(--surface);border:1px solid var(--line);transition:border-color .42s var(--ease);border-radius:28px;padding:18px 18px 16px}.lr[data-phase=landed] .lr-machine{border-color:var(--cls)}.lr-lamps{justify-content:space-between;padding:0 8px 14px;display:flex}.lr-lamps i{width:9px;height:9px;transition:background-color .3s var(--ease);background:#ffffff24;border-radius:50%}.lr[data-phase=spinning] .lr-lamps i{animation:.72s step-end infinite lr-lamp;animation-delay:calc(var(--i) * 80ms)}.lr[data-phase=landed] .lr-lamps i{background:var(--cls);animation:.46s 3 lr-flash}.lr-window{height:calc(var(--rh) * 3);border:1px solid var(--line);background:#0a0f1b;border-radius:18px;position:relative;overflow:hidden}.lr[data-phase=landed] .lr-window{animation:lr-ring .7s var(--ease) both}.lr-strip{will-change:transform, filter}.lr-item{height:var(--rh);font:700 calc(var(--rh) * .6) / 1 var(--font-head);letter-spacing:-.03em;color:var(--text);-webkit-user-select:none;user-select:none;transition:color .3s var(--ease);place-items:center;display:grid}.lr[data-phase=landed] .lr-item[data-hit]{color:var(--cls);animation:.52s cubic-bezier(.34,1.56,.64,1) both lr-pop}.lr-shade{height:var(--rh);pointer-events:none;background:#0a0f1bc7;position:absolute;left:0;right:0}.lr-shade-top{top:0}.lr-shade-bot{bottom:0}.lr-line{background:var(--gold);opacity:.85;pointer-events:none;height:2px;transition:background-color .3s var(--ease);position:absolute;left:0;right:0}.lr-line-top{top:var(--rh);margin-top:-1px}.lr-line-bot{top:calc(var(--rh) * 2);margin-top:-1px}.lr[data-phase=landed] .lr-line{background:var(--cls);opacity:1}.lr-arrow{top:calc(var(--rh) * 1.5 - 9px);width:0;height:0;transition:border-color .3s var(--ease);border:9px solid #0000;position:absolute}.lr-arrow-l{border-left-color:var(--gold);border-right-width:0;left:0}.lr-arrow-r{border-right-color:var(--gold);border-left-width:0;right:0}.lr[data-phase=landed] .lr-arrow-l{border-left-color:var(--cls)}.lr[data-phase=landed] .lr-arrow-r{border-right-color:var(--cls)}.lr-status{text-align:center;font:500 .95rem var(--font-ui);color:var(--muted);max-width:none;margin:14px 0 0}.lr[data-phase=landed] .lr-status{color:var(--text)}.lr-odds{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.lr-oddsbar{gap:3px;height:8px;display:flex}.lr-oddsbar i{background:var(--c);opacity:.35;transition:opacity .4s var(--ease);border-radius:4px;flex-basis:0}.lr-oddsbar i[data-on]{opacity:1}.lr-oddslist{justify-content:space-between;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.lr-oddslist li{color:var(--muted);transition:color .3s var(--ease);align-items:baseline;gap:8px;font-size:.88rem;display:flex}.lr-oddslist b{color:inherit;font-weight:600}.lr-oddslist li[data-on]{color:var(--c)}.lr-pack{background:var(--surface);border:1px solid var(--line);border-radius:28px;min-height:420px;padding:22px}.lr-wait{gap:12px;display:grid}.lr-ghost{height:56px;width:var(--w);background:var(--raised);animation:1.4s ease-in-out infinite lr-pulse;animation-delay:var(--d);border-radius:14px}.lr-list{animation:lr-swap .32s var(--ease) both}.lr-title h2{flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:1.5rem;display:flex}.lr-title p{margin:4px 0 0}.lr-pill{border-radius:var(--r-pill);background:color-mix(in srgb, var(--cls) 18%, transparent);color:var(--cls);letter-spacing:-.01em;padding:2px 14px;font-weight:700}.lr-group{margin:22px 0 2px;font-size:1rem}.lr-rows{margin:0;padding:0;list-style:none}.lr-row{border-bottom:1px solid var(--line);animation:lr-rise .46s var(--ease) both;animation-delay:var(--d);grid-template-columns:40px minmax(0,1fr);align-items:center;gap:14px;padding:13px 0;display:grid}.lr-row:last-child{border-bottom:0}.lr-ico{background:var(--raised);width:40px;height:40px;color:var(--cls);border-radius:12px;place-items:center;display:grid}.lr-label{color:var(--muted);font-size:.85rem;display:block}.lr-val{font-size:1rem;line-height:1.4}.lr-big{font:600 1.55rem/1.1 var(--font-head);color:var(--cls);letter-spacing:-.02em}.lr-chips{flex-wrap:wrap;gap:6px;margin-top:2px;display:inline-flex}.lr-chips em{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--raised);align-items:center;gap:5px;padding:3px 11px;font-size:.86rem;font-style:normal;display:inline-flex}.lr-chips em.lr-later{color:var(--muted);background:0 0;border-style:dashed}.lr-note{border-radius:var(--r-md);background:var(--raised);max-width:none;color:var(--muted);margin:14px 0 0;padding:12px 14px;font-size:.9rem;line-height:1.5}.lr-cta{z-index:5;padding:14px 0 calc(24px + var(--safe-b));background:var(--bg);border-top:1px solid var(--line);justify-content:center;margin-top:22px;display:flex;position:sticky;bottom:0}.lr-cta button{width:100%;max-width:420px;min-height:54px;font-size:1.02rem}.lr-cta .lr-go{animation:lr-rise .42s var(--ease) .3s both}.lr-cta .lr-skip{border-color:var(--line);color:var(--muted)}.lr-cta .lr-skip:hover:not(:disabled){color:var(--text)}@keyframes lr-lamp{0%{background:var(--gold)}30%,to{background:#ffffff24}}@keyframes lr-flash{0%,to{opacity:1}50%{opacity:.2}}@keyframes lr-ring{0%{box-shadow:0 0 0 0 var(--cls)}to{box-shadow:0 0 0 16px #0000}}@keyframes lr-pop{0%{transform:scale(.9)}to{transform:scale(1)}}@keyframes lr-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes lr-swap{0%{opacity:0;transform:translateY(6px)}}@keyframes lr-pulse{0%,to{opacity:.45}50%{opacity:.9}}@media (max-width:420px){.lr-pack{padding:18px}.lr-oddslist{font-size:.82rem}}
.hp{box-sizing:border-box;max-width:1100px;padding:calc(var(--hud-h) + 24px) clamp(16px, 4vw, 48px) 0;margin-inline:auto}.hp-head{margin:4px 0 22px}.hp-head h1{letter-spacing:-.025em;font-size:clamp(1.9rem,4.6vw,2.7rem)}.hp-head p{max-width:56ch;margin:8px 0 0;font-size:1rem;line-height:1.55}.hp-cls{color:var(--cls);font-weight:700}.hp-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:560px){.hp-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}}.hp .hp-card{text-align:left;background:var(--surface);min-height:188px;animation:hp-in .46s var(--ease) both;animation-delay:calc(var(--i) * 70ms);transition:background-color .22s var(--ease), border-color .22s var(--ease), transform .15s var(--ease);border-radius:22px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;padding:18px;display:flex;position:relative}.hp .hp-card:hover:not(:disabled){background-color:var(--raised);border-color:#ffffff42}.hp .hp-card[aria-checked=true],.hp .hp-card[aria-checked=true]:hover:not(:disabled){border-color:var(--green-text);background-color:#15803d33}.hp-top{justify-content:space-between;align-items:center;gap:8px;padding-right:30px;display:flex}.hp-ico{background:var(--raised);width:42px;height:42px;color:var(--green-text);transition:background-color .22s var(--ease), color .22s var(--ease);border-radius:13px;place-items:center;display:grid}.hp-card[aria-checked=true] .hp-ico{background:var(--green);color:#fff}.hp-tags{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.hp-tags em{border-radius:var(--r-pill);border:1px solid var(--line);color:var(--muted);padding:5px 9px;font-size:.76rem;font-style:normal;line-height:1}.hp-tags em.hp-cheap{color:var(--green-text);border-color:#3fd08a66}.hp-name{font:600 1.3rem/1.15 var(--font-head);letter-spacing:-.015em;margin-top:6px}.hp-rent{font-size:1rem}.hp-rent b{font:600 1.15rem var(--font-head)}.hp-share{gap:6px;margin-top:auto;font-size:.85rem;display:grid}.hp-bar{background:#ffffff1a;border-radius:4px;height:6px;display:block;overflow:hidden}.hp-bar i{background:var(--gold-text);transform-origin:0;height:100%;animation:hp-grow .7s var(--ease) .25s both;border-radius:4px;display:block}.hp-tick{border:2px solid var(--field);color:#0000;width:22px;height:22px;transition:all .24s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:18px;right:18px}.hp-tick svg{transition:transform .26s cubic-bezier(.34,1.56,.64,1);transform:scale(0)}.hp-card[aria-checked=true] .hp-tick{background:var(--green);border-color:var(--green-text);color:#fff}.hp-card[aria-checked=true] .hp-tick svg{transform:scale(1)}.hp-cta{z-index:5;padding:14px 0 calc(24px + var(--safe-b));background:var(--bg);border-top:1px solid var(--line);justify-content:center;margin-top:20px;display:flex;position:sticky;bottom:0}.hp-cta button{width:100%;max-width:420px;min-height:54px;font-size:1.02rem}@keyframes hp-in{0%{opacity:0;transform:translateY(14px)}}@keyframes hp-grow{0%{transform:scaleX(0)}}.hp-about{text-align:left;margin-top:6px;font-size:.82rem;line-height:1.35}.hp-about b{color:var(--text,inherit);font-weight:600}
