:root{--li-rail: color-mix(in srgb, var(--muted) 35%, transparent);--li-zone: color-mix(in srgb, var(--muted) 45%, transparent);--li-good-soft: color-mix(in srgb, var(--good) 16%, var(--surface));--li-bad-soft: color-mix(in srgb, var(--bad) 16%, var(--surface))}.li-root{display:flex;flex-direction:column;gap:10px;height:calc(100dvh - var(--header-h) - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:440px}.li-top{display:flex;align-items:center;justify-content:space-between;min-height:28px}.li-count{font-weight:800;color:var(--muted);font-size:.9rem;font-variant-numeric:tabular-nums}.li-lives{display:inline-flex;gap:4px}.li-life{display:inline-grid;width:24px;height:24px;color:var(--bad);transition:transform .3s var(--ease),opacity .3s,color .3s}.li-life svg{width:100%;height:100%}.li-life.lost{color:var(--surface-3)}.li-life.drop{animation:li-heart .6s var(--ease)}@keyframes li-heart{0%{transform:scale(1);color:var(--bad)}30%{transform:scale(1.35);color:var(--bad)}to{transform:scale(1)}}.li-card{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:7px 12px 7px 7px;position:relative}.li-year{display:grid;place-items:center;min-height:36px;border-radius:8px;background:var(--surface-2);font-weight:900;font-size:.95rem;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}.li-year small{display:block;font-size:.6rem;font-weight:800;line-height:1;margin-top:-2px}.li-year.unknown{color:var(--muted);font-size:1.15rem}.li-body{min-width:0}.li-body b{display:block;font-weight:800;line-height:1.2;font-size:.95rem}.li-body small{display:block;margin-top:2px;color:var(--muted);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.li-cap{display:block;max-height:0;opacity:0;overflow:hidden;color:var(--text);font-size:.82rem;line-height:1.3;transition:max-height .35s var(--ease),opacity .35s var(--ease),margin .35s var(--ease)}.li-card.cap .li-cap,.li-line.done .li-cap{max-height:4.2em;opacity:.85;margin-top:4px}.li-card.start .li-year{background:var(--surface-3)}.li-card.hit .li-year{background:var(--li-good-soft);color:var(--good)}.li-card.miss .li-year{background:var(--li-bad-soft);color:var(--bad)}.li-card.revealed{border-style:dashed;background:transparent}.li-card.revealed .li-year{background:transparent;border:1px dashed var(--border);color:var(--muted)}.li-card.flash-ok{animation:li-flash-ok .8s var(--ease)}.li-card.flash-bad{animation:li-flash-bad .65s var(--ease)}.li-card.enter{animation:li-enter .35s var(--ease) backwards}@keyframes li-flash-ok{0%{transform:scale(.94);background:var(--good);border-color:var(--good)}35%{transform:scale(1.03);background:var(--li-good-soft);border-color:var(--good)}to{transform:none}}@keyframes li-flash-bad{0%{background:var(--li-bad-soft);border-color:var(--bad)}15%,45%{transform:translate(-5px)}30%,60%{transform:translate(5px)}75%{transform:none;background:var(--li-bad-soft);border-color:var(--bad)}to{transform:none}}@keyframes li-enter{0%{opacity:0;transform:translateY(-10px) scale(.96)}to{opacity:1;transform:none}}.li-hand{position:relative;z-index:3;min-height:112px}.li-hand.ended{min-height:0}.li-card.current{grid-template-columns:64px 1fr 12px;min-height:76px;padding:10px 12px 10px 10px;border:2px solid var(--accent);box-shadow:var(--shadow);cursor:grab;touch-action:none;transition:transform .25s var(--ease),box-shadow .2s var(--ease)}.li-card.current .li-year{min-height:48px;background:var(--accent-soft);color:var(--accent)}.li-card.current .li-body b{font-size:1.02rem}.li-card.current.dragging{cursor:grabbing;transition:none;box-shadow:0 18px 40px #00000040}.li-grip{width:12px;height:22px;background:radial-gradient(circle,var(--muted) 1.5px,transparent 1.6px) 0 0 / 6px 6px;opacity:.6}.li-verdict{display:grid;place-items:center;height:76px;border-radius:12px;font-weight:900;font-size:1.3rem;animation:li-enter .3s var(--ease) backwards}.li-verdict.ok{color:var(--good);background:var(--li-good-soft)}.li-verdict.bad{color:var(--bad);background:var(--li-bad-soft)}.li-instr{text-align:center;color:var(--muted);font-size:.82rem;font-weight:700;margin-top:6px}.li-end{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 16px;border-radius:12px;background:var(--surface);border:1px solid var(--border);animation:li-enter .35s var(--ease) backwards}.li-end-title{display:block;font-weight:900;font-size:1.1rem}.li-end small{display:block;color:var(--muted);font-size:.8rem;line-height:1.3;margin-top:2px}.li-line{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 2px 8px;scroll-padding:12px;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 20px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 20px),transparent)}.li-track{position:relative;isolation:isolate}.li-track:before{content:"";position:absolute;z-index:-1;left:39px;top:12px;bottom:12px;width:2px;background:var(--li-rail)}.li-edge{width:max-content;margin:4px 0 4px 6px;padding:2px 8px;border-radius:999px;background:var(--surface-2);font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.li-zone{display:flex;width:100%;height:44px;padding:5px 0}.li-zone span{flex:1;display:grid;place-items:center;border:2px dashed var(--li-zone);border-radius:10px;background:var(--bg);color:var(--muted);font-weight:900;font-size:1.15rem;line-height:1;transition:border-color .15s,background .15s,color .15s,transform .15s var(--ease)}@media(hover:hover){.li-zone:hover span{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}}.li-zone.sel span,.li-zone.over span{border-color:var(--accent);border-style:solid;color:var(--accent);background:var(--accent-soft)}.li-zone.over span{transform:scaleY(1.12)}.li-zone:active span{transform:scale(.97)}.li-zone:focus-visible{outline:none}.li-zone:focus-visible span{outline:3px solid var(--accent);outline-offset:1px}.li-zone.nudge span{animation:li-nudge .5s var(--ease)}.li-line.dragging .li-zone:not(.over) span{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.li-line.busy .li-zone{pointer-events:none;opacity:.35}.li-line.done .li-card,.li-line.done .li-edge:first-child{margin-bottom:8px}@keyframes li-nudge{0%,to{transform:none}40%{transform:scale(1.05);border-color:var(--accent)}}.li-example{display:grid;gap:6px;margin:4px 0 12px}.li-ex-row{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:center;padding:6px 10px 6px 6px;border-radius:10px;border:1px solid var(--border);font-weight:800;font-size:.9rem}.li-ex-row.new{border:2px solid var(--good);background:var(--li-good-soft)}.li-ex-year{text-align:center;background:var(--surface-2);border-radius:6px;padding:3px 0;font-weight:900}.li-ex-row.new .li-ex-year{color:var(--good);background:transparent}.li-share-row{text-align:center;font-size:1.5rem;letter-spacing:3px;margin:0 0 6px}