:root{--canvas:#070709;--canvas2:#0b0b0e;--surface:#14141b;--surface2:#1b1b23;--line:#c8a24a29;--gold:#c8a24a;--gold-hi:#ead08a;--ink:#f4f1ea;--ink2:#a6a39a;--ink3:#6b6960;--good:#46b98a;--warn:#e0a33a;--crit:#e0683a;--d:"Clash Display", system-ui, sans-serif;--b:"General Sans", "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--canvas)}body{color:var(--ink);font-family:var(--b);-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit}.wrap{max-width:760px;margin:0 auto;padding:0 24px}.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}h1{font-family:var(--d);letter-spacing:-.02em;font-weight:600;line-height:1.08}h2{font-family:var(--d);font-weight:600}.kick{letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-size:12px}.lede{color:var(--ink2);line-height:1.6}.muted{color:var(--ink2);font-size:15px;line-height:1.65}.note{color:var(--ink3);text-align:center;margin-top:14px;font-size:12px;font-style:italic}.btn{cursor:pointer;font-family:var(--b);color:#160f02;background:linear-gradient(180deg, var(--gold-hi), var(--gold));border:none;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:15px 30px;font-size:15px;font-weight:600;text-decoration:none;transition:filter .2s,transform .12s;display:inline-flex}.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.ghost{color:var(--ink2);border:1px solid var(--line);background:0 0}.btn.ghost:hover{color:var(--ink);border-color:var(--gold)}.brand{justify-content:center;align-items:center;gap:11px;display:flex}.brand .wm{font-family:var(--d);letter-spacing:.04em;font-size:15px;font-weight:500}input,textarea,select{background:var(--surface);border:1px solid var(--line);width:100%;color:var(--ink);font-family:var(--b);border-radius:12px;outline:none;padding:15px 18px;font-size:16px}input:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px #c8a24a1a}input::placeholder{color:var(--ink3)}.tree{filter:drop-shadow(0 0 16px #c8a24a59)}.tree path,.tree line,.tree circle{stroke:var(--gold);fill:none;stroke-width:1.4px;stroke-linecap:round}.top{justify-content:space-between;align-items:center;max-width:920px;margin:0 auto;padding:20px 24px;display:flex}.top .wm{font-family:var(--d);letter-spacing:.05em;cursor:pointer;font-size:14px;font-weight:500;text-decoration:none}.tag{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-size:11px}.card{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:16px;padding:24px}.row{gap:16px;display:flex}.grid{gap:14px;display:grid}@media (max-width:640px){.row{flex-direction:column}}.opt{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;text-align:left;border-radius:13px;justify-content:space-between;align-items:center;width:100%;padding:15px 20px;font-size:15.5px;font-weight:500;transition:all .18s;display:flex}.opt:hover{border-color:var(--gold);background:#c8a24a0f;transform:translateY(-1px)}.opt .ar{opacity:0;color:var(--gold)}.opt:hover .ar{opacity:1}.opt.sel{border-color:var(--gold);background:#c8a24a1a}.prog{background:#ffffff0f;border-radius:3px;height:3px;margin:0 24px;overflow:hidden}.prog i{background:linear-gradient(90deg, var(--gold), var(--gold-hi));height:100%;transition:width .4s;display:block}.step{color:var(--ink3);align-items:center;gap:13px;padding:11px 0;transition:all .4s;display:flex}.step.on{color:var(--ink)}.step .dot{border:1.5px solid var(--ink3);border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.step.on .dot{border-color:var(--good);background:var(--good)}.step.run .dot{border-color:var(--gold)}.step .dot svg{stroke:#06210f;stroke-width:3px;fill:none;opacity:0;width:11px;height:11px}.step.on .dot svg{opacity:1}.score{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:14px 0;display:flex}.score:last-child{border-bottom:none}.score .pill{white-space:normal;text-align:right;max-width:46%}.pill{letter-spacing:.04em;white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.pill.crit{color:var(--crit);background:#e0683a26}.pill.warn{color:var(--warn);background:#e0a03a26}.pill.ok{color:var(--good);background:#46b98a26}.big{font-family:var(--d);background:linear-gradient(177deg, #fffdf7, var(--gold-hi) 60%, var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:600}.offer{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:22px;position:relative}.offer.hero{border-color:var(--gold);box-shadow:0 0 40px #c8a24a1f}.badge{background:linear-gradient(180deg, var(--gold-hi), var(--gold));color:#160f02;letter-spacing:.04em;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700;position:absolute;top:-11px;left:22px}.sec-h{font-family:var(--d);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:30px 0 14px;font-size:13px;font-weight:500}.action{border:1px solid var(--line);background:var(--surface2);border-radius:13px;gap:14px;margin-bottom:11px;padding:16px;display:flex}.action .n{background:linear-gradient(180deg, var(--gold-hi), var(--gold));color:#160f02;width:30px;height:30px;font-family:var(--d);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.pbar{background:#ffffff0f;border-radius:6px;height:6px;overflow:hidden}.pbar i{background:linear-gradient(90deg, var(--gold), var(--gold-hi));border-radius:6px;height:100%;transition:width .5s;display:block}.svc-list{flex-direction:column;gap:12px;display:flex}.svc-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:15px;padding:16px 18px;transition:border-color .2s,transform .2s;display:flex}.svc-card:hover{border-color:#c8a24a59;transform:translateY(-1px)}.svc-card.done{background:linear-gradient(#46b98a0f,#0000)}.svc-num{width:32px;height:32px;font-family:var(--d);border:1px solid var(--line);color:var(--ink3);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.svc-num svg{stroke:#160f02;stroke-width:3px;fill:none;width:15px;height:15px}.svc-card.done .svc-num{background:linear-gradient(180deg, var(--gold-hi), var(--gold));color:#160f02;border:none}.svc-body{flex:1;min-width:0}.svc-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.svc-head b{font-size:16px}.svc-blurb{color:var(--ink2);margin-top:3px;font-size:13px;line-height:1.45}.pill.neutral{color:var(--ink2);background:#ffffff12}.svc-action{flex:none}.svc-action .btn{padding:10px 18px;font-size:14px}@media (max-width:560px){.svc-card{flex-wrap:wrap}.svc-action{width:calc(100% - 47px);margin-left:47px}.svc-action .btn{width:100%}}.notice{border:1px solid var(--line);border-left:3px solid var(--gold);color:var(--ink2);background:#c8a24a0d;border-radius:10px;margin:16px 0;padding:12px 16px;font-size:13.5px}.notice.crit{border-left-color:var(--crit);background:#e0683a0f}.screen{min-height:100vh;animation:.5s fade}@keyframes fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,.screen,.prog i,.step,.opt,.btn{transition:none!important;animation:none!important}}.spin{border:2px solid #c8a24a4d;border-top-color:var(--gold);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite sp;display:inline-block}@keyframes sp{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}.xflow{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin-bottom:30px;padding:15px 18px}.xrow{justify-content:space-between;align-items:baseline;gap:12px;font-size:12.5px;font-weight:600;display:flex}.xrow .cur{color:var(--ink)}.xrow .rt{color:var(--ink3);white-space:nowrap;font-size:12px}.xsegs{gap:5px;margin-top:11px;display:flex}.xseg{background:#ffffff12;border-radius:3px;flex:1;height:5px}.xseg.done{background:linear-gradient(90deg, var(--gold), var(--gold-hi))}.xseg.cur{background:linear-gradient(90deg, var(--gold), var(--gold-hi));opacity:.5}.xlabels{letter-spacing:.03em;text-transform:uppercase;color:var(--ink3);justify-content:space-between;margin-top:8px;font-size:9.5px;font-weight:700;display:flex}.xlabels span.on{color:var(--gold)}.why{color:var(--gold);border:1px solid var(--line);background:#c8a24a0f;border-radius:10px;margin-bottom:20px;padding:10px 13px;font-size:13px;line-height:1.45}.carry{flex-direction:column;gap:7px;margin-bottom:20px;display:flex}.chip{color:var(--ink2);background:var(--surface2);border:1px solid var(--line);border-radius:9px;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;display:flex}.chip .ck{color:var(--good);font-weight:800}.chip b{color:var(--ink)}.hint{color:var(--gold);align-items:flex-start;gap:8px;margin-top:12px;font-size:12.5px;line-height:1.45;display:flex}.hint:before{content:"?";width:17px;height:17px;color:var(--gold);background:#c8a24a1f;border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:1px;font-size:11px;font-weight:800;display:flex}.startmeta{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.mtag{color:var(--ink2);background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:8px 14px;font-size:12.5px;font-weight:600}.rb{font-family:var(--d);margin-top:12px;font-size:23px;font-weight:600;line-height:1.28}.rb b{color:var(--gold)}.nx{color:var(--ink2);margin-top:16px;line-height:1.55}.nx b{color:var(--ink)}.fin5{text-align:left;flex-direction:column;gap:10px;margin:22px 0;display:flex}.fin5 .f5{color:var(--ink2);align-items:center;gap:12px;font-size:14.5px;display:flex}.fin5 .f5 b{color:var(--ink)}.fin5 .n{background:linear-gradient(180deg, var(--gold-hi), var(--gold));color:#160f02;width:26px;height:26px;font-family:var(--d);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.editorial{--canvas:#fbf9f4;--canvas2:#f3efe6;--surface:#fff;--surface2:#f6f2ea;--line:#1a17121f;--gold:#9a6b14;--gold-hi:#7c5410;--ink:#1a1712;--ink2:#55504a;--ink3:#6f6a61;--good:#2e7d55;--warn:#9a6b14;--crit:#b8432a;--serif:"Fraunces", Georgia, "Times New Roman", serif;color:var(--ink);background:var(--canvas);min-height:100vh}.editorial .screen{background:var(--canvas);min-height:100vh}.editorial h1,.editorial h2,.editorial .ed-h{font-family:var(--serif);letter-spacing:-.01em}.editorial .big{font-family:var(--serif)}.editorial .card{box-shadow:0 1px 3px #1a17120f}.editorial .top{border-bottom:1px solid var(--line)}.editorial .kick{color:var(--gold)}.editorial .btn{color:#fff}.editorial .btn.ghost{color:var(--ink)}.fanmap{margin:8px 0 26px}.fanmap .hub{font-family:var(--serif);color:var(--ink);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 4px;font-size:clamp(19px,3.4vw,24px);line-height:1.3;display:-webkit-box;overflow:hidden}.fanmap .hubsub{color:var(--ink3);margin:0 0 18px;font-size:13px}.petal{background:var(--surface);border:1px solid var(--line);border-radius:13px;grid-template-columns:34px 1fr 84px;align-items:center;gap:12px;height:84px;margin-bottom:9px;padding:13px 15px;display:grid;position:relative;overflow:hidden}.petal .pi{background:var(--surface2);border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;display:flex}.petal .pl b{font-family:var(--serif);color:var(--ink);font-size:15.5px;display:block}.petal .pl span{color:var(--ink2);height:2.7em;font-size:12.5px;line-height:1.35;display:block;overflow:hidden}.petal .pr{text-align:right}.petal .pr b{color:var(--ink);font-size:14px}.petal .pr span{letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);max-height:2.6em;font-size:10.5px;line-height:1.3;display:block;overflow:hidden}.petal .bar{background:var(--gold);opacity:.9;height:3px;position:absolute;bottom:0;left:0}.petal.spot{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset, 0 6px 20px #9a6b1424;background:linear-gradient(180deg, #9a6b140f, var(--surface))}.petal.spot .pi{background:var(--gold);color:#fff}.petal.spot .badge2{background:var(--gold);color:#fff;letter-spacing:.05em;text-transform:uppercase;border-radius:20px;padding:3px 9px;font-size:10px;font-weight:700;position:absolute;top:-9px;left:14px}.rating{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:16px;margin:34px 0 8px;padding:22px}.rating .replay{font-family:var(--serif);color:var(--ink);-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:460px;margin:0 auto 14px;font-size:16px;line-height:1.4;display:-webkit-box;overflow:hidden}.rating .q{color:var(--ink2);margin-bottom:12px;font-size:14px}.stars{gap:8px;display:inline-flex}.stars button{cursor:pointer;color:var(--ink3);background:0 0;border:none;padding:2px;font-size:30px;line-height:1;transition:color .12s,transform .12s}.stars button:hover,.stars button.on{color:var(--gold);transform:scale(1.08)}.rating .holdlabel{color:var(--ink3);min-height:18px;margin-top:8px;font-size:12.5px}.rating .thanks{font-family:var(--serif);color:var(--ink);margin-bottom:10px;font-size:17px}@media print{:root,body,.editorial{background:#fff!important}.editorial .top,.rating,.btn,.svc-action,nav,.wm{display:none!important}.editorial .screen{min-height:0!important}.editorial .wrap{max-width:100%!important;padding:0!important}.fanmap{break-after:page}.card,.petal,.action,.svc-card{break-inside:avoid}.editorial a{color:var(--ink)!important;text-decoration:none!important}@page{margin:16mm}}