:root{--bg: #15171b;--surface: #21252d;--surface-2: #2b313d;--ink: #eaf0ff;--muted: #b8c2d8;--boost: #57d89f;--twist: #ffc36b;--chaos: #ff8f85;--memory: #89a9ff;--blank: #a5afc3}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;font-family:Trebuchet MS,Gill Sans,sans-serif;background:radial-gradient(circle at top,#252b36,var(--bg));color:var(--ink)}.app{max-width:760px;margin:0 auto;padding:1.25rem}.hud,.controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.reward-panel{margin:.75rem 0 1rem;padding:.85rem;border-radius:10px;background:var(--surface);display:grid;gap:.5rem}.reward-title{margin:0;font-weight:700}.reward-option{display:flex;gap:.45rem;align-items:center}.reward-panel select{border:1px solid #3a4354;border-radius:8px;padding:.4rem .5rem;background:#111620;color:var(--ink)}.reward-hint{margin:0;color:var(--muted)}button{border:0;border-radius:999px;padding:.6rem 1rem;background:var(--surface-2);color:var(--ink);cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.log{margin:0;padding-left:0;list-style:none}.log li{margin-bottom:.6rem;padding:0;border-radius:0;list-style:none;background:transparent}.log-entry{display:grid;grid-template-columns:3rem 1fr;gap:.25rem .6rem;align-items:start}.log-turn{margin:0;color:var(--muted);font-weight:700;text-align:right}.log-content{padding:.5rem;border-radius:10px;background:var(--surface);min-width:0}.card-name{position:relative;text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:.12em;cursor:help}.card-name:hover:after,.card-name:focus-visible:after{content:attr(data-tooltip);position:absolute;left:0;top:calc(100% + .35rem);z-index:10;width:min(24rem,72vw);padding:.55rem .65rem;border:1px solid #3a4354;border-radius:8px;background:#111620;color:var(--ink);white-space:pre-line;line-height:1.3;font-weight:400;text-decoration:none;box-shadow:0 8px 20px #00000059}.step-list{margin:0;padding-left:1rem}.step-list li{margin-bottom:.2rem;padding:0;border-radius:0;list-style:disc;background:transparent}.step-primary{color:var(--ink)}.step-secondary{color:var(--twist)}.step-system{color:var(--muted)}@media(max-width:560px){.log-entry{grid-template-columns:1fr;gap:.2rem}.log-turn{text-align:left}}.log li[data-type=Boost] .log-content{border-left:6px solid var(--boost)}.log li[data-type=Twist] .log-content{border-left:6px solid var(--twist)}.log li[data-type=Chaos] .log-content{border-left:6px solid var(--chaos)}.log li[data-type=Memory] .log-content{border-left:6px solid var(--memory)}.log li[data-type=Blank] .log-content{border-left:6px solid var(--blank)}