:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f1e6e9;background:#1b1123;--peach:#efad91;--jade:#96cbbb;--lilac:#c1ace3;--muted:#b2a0b6;--line:#ffffff16}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 3%,#59324d50,transparent 38%)}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #ffffff24;background:#ffffff06;border-radius:10px;padding:11px 15px;transition:background .16s,transform .16s}button:hover:not(:disabled){background:#ffffff12;transform:translateY(-1px)}button:disabled{opacity:.34;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--peach);outline-offset:4px}header{max-width:1120px;margin:auto;padding:30px 34px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;font:29px Georgia,serif}.brand-icon{color:var(--peach);font-size:38px}.brand small{display:block;font:8px system-ui;letter-spacing:3px;margin-top:5px;color:var(--muted)}header button{font-size:11px;padding:9px 12px}main{max-width:1120px;padding:0 34px;margin:auto}.hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 0 40px}.eyebrow{font-size:9px;letter-spacing:2.5px;color:#d5b8c9;font-weight:650}h1{font:normal clamp(35px,4.7vw,57px)/1.08 Georgia,serif;letter-spacing:-1.5px;margin:20px 0}.lede{font-size:14px;line-height:1.8;color:var(--muted)}.hero-art{width:270px;height:235px;position:relative;flex:none}.hero-art img{width:100%;height:100%;object-fit:cover;border-radius:50% 50% 20% 20%;filter:saturate(.8);box-shadow:0 0 70px #efad9112;mask-image:linear-gradient(#000 80%,transparent)}.hero-art span{position:absolute;bottom:5px;left:0;right:0;text-align:center;color:#d3b5bd;font:italic 13px Georgia,serif}.game{border:1px solid #b691ac30;border-radius:20px;background:linear-gradient(135deg,#302039,#22162c);padding:28px;box-shadow:0 18px 70px #08040d25}.heading-row{display:flex;align-items:center;justify-content:space-between}h2{font:normal 27px/1.2 Georgia,serif;margin:8px 0}.score{text-align:right;display:flex;align-items:center;gap:10px}.score strong{font:36px Georgia,serif;color:var(--peach)}.score span{font-size:10px;line-height:1.6;white-space:pre-line;color:var(--muted)}#rooms{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}#rooms button{padding:8px 11px;font-size:11px;border-radius:7px;position:relative}#rooms button.active{background:var(--peach);color:#281927;border-color:transparent}#rooms button.earned:after{content:'✧';position:absolute;right:-4px;top:-8px;color:#f0c89b;font-size:17px}.note{color:#c6b2c7;font-size:13px;line-height:1.6;min-height:22px;margin:20px 0}.workbench{padding:15px 20px 18px;border-radius:14px;background:#160d1f;border:1px solid #fff1}.bench-head{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:1.2px;color:#8e7c9a;margin-bottom:8px}.ribbon{padding:14px 0;border-top:1px solid #ffffff09;position:relative}.ribbon.selected{background:linear-gradient(90deg,#ffffff04,transparent);border-radius:6px}.ribbon-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.ribbon-name{font-size:12px;font-weight:650;letter-spacing:.5px}.coral{--lane:var(--peach)}.jade{--lane:var(--jade)}.lilac{--lane:var(--lilac)}.ribbon-name{color:var(--lane)}.lane-numbers{font-size:11px;color:#ab97b1}.lane-numbers b{color:#dfcce1;font-weight:600}.lane-numbers .done{color:var(--jade)}.track{display:flex;align-items:center;gap:6px;min-height:66px;padding:4px 4px;position:relative;margin:5px 0}.track:before{content:'';position:absolute;left:8px;right:8px;height:2px;background:linear-gradient(90deg,var(--lane),#ffffff08);top:50%;opacity:.35}.unit{position:relative;width:58px;height:58px;flex:none;border-radius:50%;border:1px solid transparent;overflow:hidden;animation:arrive .2s ease-out}.unit img{width:100%;height:100%;object-fit:cover;display:block}.unit.ghost{border:1px dashed #ffffff25;background:#ffffff02;animation:none}.unit.ghost:after{content:'';width:30%;height:3px;background:#ffffff17;display:block;margin:48% auto}.unit.new{border-color:var(--lane);box-shadow:0 0 15px color-mix(in srgb,var(--lane),transparent 75%)}.target-bracket{position:absolute;left:4px;bottom:0;height:8px;border:1px solid var(--lane);border-top:0;opacity:.4;pointer-events:none}.renewal-row{display:flex;gap:10px;align-items:center;font-size:10px;color:#aa95b2}.renew-dots{display:flex;gap:5px}.renew-dot{width:9px;height:9px;border-radius:50%;border:1px solid var(--lane);opacity:.6}.renew-dot.filled{background:var(--lane);opacity:1;box-shadow:0 0 9px color-mix(in srgb,var(--lane),transparent 70%)}.lane-ok{margin-left:auto;color:var(--jade);font-size:10px}.status{margin:16px 0 20px;color:#dcc7dd;font-size:13px;line-height:1.6}.status.won{color:#b8dfc2;background:#abd7b00b;border:1px solid #abd7b035;padding:12px;border-radius:8px}.controls{border-top:1px solid var(--line);padding-top:20px}.control-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.control-top b{font-size:12px}.step{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#ffffff0b;font-size:10px;color:var(--peach);margin-right:8px}.sub{display:block;color:#9e8ba7;font-size:10px;margin:5px 0 0 28px}.couplers{font-size:10px;color:var(--lilac);text-align:right}.groups{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 23px}.groups button{font-size:11px;padding:10px 13px}.groups button.active{border-color:#ceaac5;background:#ceaac519}.action-title{margin-bottom:15px}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.action{display:flex;flex-direction:column;align-items:flex-start;padding:15px;text-align:left;min-height:146px;background:#ffffff04;border-radius:12px}.action-icon{font:25px Georgia,serif;color:var(--peach);line-height:1}.action strong{font:19px Georgia,serif;margin:7px 0}.action small{color:#b09cb9;font-size:9px;line-height:1.5}.why{font-size:9px;line-height:1.4;color:#b39bb1;margin-top:9px}.special .action-icon{color:var(--lilac)}.preview{font-size:11px;min-height:22px;color:#c0a8c5;margin:12px 0 0}.tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.tools button{font-size:11px;padding:10px 12px}#next{background:var(--peach);color:#2a1b2b;border-color:transparent}.message{min-height:21px;font-size:12px;color:#e6bd92;line-height:1.6;margin:12px 0}details{border-top:1px solid var(--line);padding-top:17px}summary{cursor:pointer;font-size:12px;color:#c9b6ce}.rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}details p{font-size:12px;line-height:1.8;color:#ac98b5}.collection{display:flex;justify-content:space-between;gap:30px;align-items:center;margin:30px 0}.collection p{font-size:12px;line-height:1.8;color:#af99b7;max-width:350px}.science{margin-top:25px}a{color:#cbb3d9}footer{text-align:center;color:#8e7a99;font-size:10px;line-height:2;padding:35px 0}footer a{color:#ab91b9}[hidden]{display:none!important}@keyframes arrive{from{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:650px){header{padding:22px 18px}main{padding:0 13px}.hero{padding:5px 6px 25px;gap:8px}.hero-art{width:112px;height:172px}.hero-art span{font-size:9px;bottom:0}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:33px;letter-spacing:-1px}.lede{font-size:11px}.game{padding:20px 13px}.workbench{padding:12px 10px}.unit{width:40px;height:40px}.track{gap:5px;min-height:54px}.lane-numbers{font-size:9px}.ribbon-name{font-size:11px}.bench-head{font-size:7px;letter-spacing:.2px}.actions{gap:6px}.action{padding:12px 8px;min-height:165px}.action strong{font-size:16px}.action small,.why{font-size:8px}.sub{font-size:9px;max-width:185px}.couplers{max-width:110px;line-height:1.5}.groups{gap:6px}.groups button{padding:9px 10px;font-size:10px}.rule-grid{grid-template-columns:1fr}.collection{display:block;margin:25px 7px}.collection h2{font-size:24px}.note{font-size:12px;min-height:40px}.status{font-size:11px}.score strong{font-size:28px}.heading-row h2{font-size:25px}#rooms button{padding:8px 10px}header .brand{font-size:26px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
:root{--unit:58px;--gap:6px}@media(max-width:650px){:root{--unit:40px;--gap:5px}}
.arena{display:grid;grid-template-columns:1.05fr 1fr;gap:25px;align-items:start}.arena .controls{border-top:0;padding-top:7px}.arena .control-top{align-items:flex-start}.arena .actions{grid-template-columns:1fr}.arena .action{min-height:0;display:grid;grid-template-columns:28px 110px 1fr;gap:0 6px;align-items:center;padding:12px}.arena .action strong{font-size:18px;margin:0}.arena .action small{font-size:9px}.arena .action .why{grid-column:2/4;margin-top:5px;font-size:9px}.arena .groups{gap:6px;margin-bottom:22px}.arena .groups button{padding:10px;font-size:10px}.arena .control-top .sub{font-size:9px}.arena .couplers{max-width:100px;line-height:1.5}.unit img{transform:scale(1.35)}.hero{padding-top:8px;padding-bottom:28px}.hero-art{height:190px;width:235px}h1{font-size:clamp(35px,4.1vw,50px)}.ribbon{padding:12px 0}.tools{border-top:1px solid var(--line);padding-top:17px;margin-top:7px}@media(max-width:850px){.arena{grid-template-columns:1fr}.arena .controls{border-top:1px solid var(--line);padding-top:17px}.arena .actions{grid-template-columns:repeat(3,1fr)}.arena .action{display:flex;min-height:155px;padding:12px 8px;align-items:flex-start}.arena .action strong{font-size:16px;margin:8px 0}.arena .action small,.arena .action .why{font-size:8px}.hero-art{width:112px;height:172px}.arena{gap:0}.hero h1{font-size:33px}.unit img{transform:scale(1.25)}}